/* ==========================================================================
   VTC Store 2.3.38 — single product page: focused buy box + fact-driven sections.
   Loaded only on single products, after main.css / motion.css / v2.css.
   ========================================================================== */

/* --- Buy box ------------------------------------------------------------------ */
.woocommerce div.product .summary>*+*{margin-top:0}
.woocommerce div.product .product_title{margin:4px 0 12px;font-size:clamp(26px,3.2vw,36px);line-height:1.35}
.vtc-keyfacts{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.vtc-keyfacts li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--vtc-line);border-radius:12px;background:var(--vtc-paper)}
.vtc-keyfacts .vtc-icon{grid-row:1/3;width:22px;height:22px;color:var(--vtc-blue)}
.vtc-keyfacts__l{color:var(--vtc-muted);font-size:12px}
.vtc-keyfacts strong{color:var(--vtc-ink);font-size:16px;line-height:1.2;font-family:"IBM Plex Sans","IBM Plex Sans Arabic",Arial,sans-serif}
.woocommerce div.product p.price{margin:0 0 4px;font-size:30px}
.vtc-price-note{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;color:var(--vtc-muted);font-size:13px}
.vtc-price-note i{font-style:normal;color:var(--vtc-line)}
.vtc-price-note .is-ok{color:var(--vtc-success,#1e6b1e);font-weight:700}
.vtc-switch{display:grid;gap:10px;margin:0 0 16px;padding:14px;border:1px solid var(--vtc-line);border-radius:14px;background:#fff}
.vtc-switch__row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px 14px}
.vtc-switch__row--alt{grid-template-columns:auto 1fr;row-gap:8px}
.vtc-switch__l{color:var(--vtc-muted);font-size:13px;font-weight:600;min-width:44px}
.vtc-switch__chips{display:flex;flex-wrap:wrap;gap:8px}
.vtc-switch__chip{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:58px;min-height:44px;padding:6px 12px;border:1px solid var(--vtc-line);border-radius:10px;background:var(--vtc-paper);color:var(--vtc-ink);font-size:14px;font-weight:600;line-height:1.15;text-decoration:none;transition:.16s}
.vtc-switch__chip strong{font-family:"IBM Plex Sans",Arial,sans-serif;font-size:15px}
.vtc-switch__chip small{color:var(--vtc-muted);font-size:11px;font-weight:500}
.vtc-switch__chip:hover{border-color:var(--vtc-blue);color:var(--vtc-ink)}
.vtc-switch__chip.is-current{border-color:var(--vtc-blue);background:var(--vtc-violet-soft);color:var(--vtc-blue);box-shadow:inset 0 0 0 1px var(--vtc-blue)}
.vtc-switch__chip.is-current small{color:var(--vtc-blue)}
.woocommerce div.product .woocommerce-product-details__short-description{margin:0 0 6px;color:var(--vtc-text);font-size:15px;line-height:1.8}
.woocommerce div.product form.cart{padding-block:12px 10px}
.woocommerce div.product .vtc-wa-btn{margin-top:4px}

/* Why this model */
.vtc-why{margin:18px 0 0;padding:16px 18px;border-radius:14px;background:var(--vtc-amber-soft,#fff5e8);border:1px solid #f4dcb5}
.vtc-why h2{margin:0 0 10px;font-size:16px;color:var(--vtc-ink)}
.vtc-why ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.vtc-why li{display:flex;align-items:flex-start;gap:10px;color:var(--vtc-text);font-size:14px;line-height:1.7}
.vtc-why .vtc-icon{width:20px;height:20px;flex:none;margin-top:3px;color:var(--vtc-amber-hover,#c96a00)}

/* Assurances (merged) */
.vtc-assure{margin:14px 0 0;padding:14px 16px;border:1px solid var(--vtc-line);border-radius:14px;background:#fff}
.vtc-assure ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}
.vtc-assure li{display:flex;align-items:center;gap:8px;min-height:32px;color:var(--vtc-text);font-size:13.5px}
.vtc-assure li a{display:inline-flex;align-items:center;gap:8px;color:var(--vtc-navy);text-decoration:none}
.vtc-assure li a:hover{color:var(--vtc-blue);text-decoration:underline}
.vtc-assure .vtc-icon{width:18px;height:18px;flex:none;color:var(--vtc-blue)}
.vtc-assure__b2b{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--vtc-line);width:100%;color:var(--vtc-navy);font-size:13.5px;font-weight:600;text-decoration:none}
.vtc-assure__b2b:hover{color:var(--vtc-blue)}
.vtc-plate{margin-top:18px}
.vtc-b2b-cta,.vtc-support-link{display:none} /* moved into .vtc-assure */

/* Gallery thumbnails */
.woocommerce div.product .flex-control-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:10px 0 0}
.woocommerce div.product .flex-control-thumbs li{width:auto!important;float:none!important;margin:0}
.woocommerce div.product .flex-control-thumbs img{border:1px solid var(--vtc-line);border-radius:8px;opacity:.8}
.woocommerce div.product .flex-control-thumbs img.flex-active,.woocommerce div.product .flex-control-thumbs img:hover{border-color:var(--vtc-amber);opacity:1}
.vtc-thumb-hidden{display:none!important}
.vtc-thumbs-more{margin-top:10px;min-height:38px;padding:6px 14px;border:1px solid var(--vtc-line);border-radius:8px;background:#fff;color:var(--vtc-navy);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.vtc-thumbs-more:hover{border-color:var(--vtc-blue);color:var(--vtc-blue)}

/* --- Below the summary --------------------------------------------------------- */
.woocommerce div.product>.vtc-pp-band,.woocommerce div.product>.vtc-pp-calc{grid-column:1/-1}
.vtc-pp-band{margin:28px 0 0}
.vtc-pp-band .vtc-section-heading{margin-bottom:16px}
.vtc-pp-band .vtc-section-heading h2{font-size:clamp(22px,2.6vw,30px)}
.vtc-pp-band--two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.vtc-pp-band--one .vtc-pp-card{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.vtc-pp-band--one .vtc-pp-card h2{margin:0}
.vtc-pp-band--one .vtc-pp-more{margin:0;margin-inline-start:auto}
.vtc-pp-card{padding:20px 22px;border:1px solid var(--vtc-line);border-radius:14px;background:var(--vtc-paper)}
.vtc-pp-card h2{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:18px;color:var(--vtc-ink)}
.vtc-pp-card h2 .vtc-icon{width:22px;height:22px;color:var(--vtc-blue)}
.vtc-pp-list{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.vtc-pp-list li{position:relative;padding-inline-start:18px;color:var(--vtc-text);font-size:14.5px}
.vtc-pp-list li::before{content:"";position:absolute;inset-inline-start:0;top:9px;width:8px;height:8px;border-radius:50%;background:var(--vtc-amber)}
.vtc-pp-note{margin:12px 0 0;color:var(--vtc-muted);font-size:13px}
.vtc-pp-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.vtc-pp-chips li{padding:8px 12px;border:1px solid var(--vtc-line);border-radius:999px;background:#fff;color:var(--vtc-ink);font-size:13.5px;font-weight:600}
.vtc-pp-more{display:inline-flex;align-items:center;gap:6px;margin-top:14px;color:var(--vtc-blue);font-size:13.5px;font-weight:600;text-decoration:none}
.vtc-pp-more .vtc-icon{width:16px;height:16px}

/* Comparison */
.vtc-compare__wrap{overflow:auto;border:1px solid var(--vtc-line);border-radius:14px;background:#fff}
.vtc-compare__table{width:100%;min-width:560px;border-collapse:collapse}
.vtc-compare__table th,.vtc-compare__table td{padding:12px 14px;border-bottom:1px solid var(--vtc-line);text-align:center;font-size:14px}
.vtc-compare__table tbody th{text-align:start;color:var(--vtc-muted);font-weight:600;background:var(--vtc-paper);width:120px}
.vtc-compare__table thead th{vertical-align:top;padding-top:16px}
.vtc-compare__table thead th img{display:block;width:80px;height:80px;margin:0 auto 8px;object-fit:contain;border-radius:8px;background:var(--vtc-paper)}
.vtc-compare__name{display:block;font-size:13.5px;line-height:1.5;color:var(--vtc-ink)}
.vtc-compare__name a{color:var(--vtc-navy)}
.vtc-compare__price{display:block;margin-top:4px;color:var(--vtc-navy);font-weight:700}
.vtc-compare__table .is-current{background:var(--vtc-violet-soft)}
.vtc-compare__table tbody tr:last-child th,.vtc-compare__table tbody tr:last-child td{border-bottom:0}

/* Collapsed calculator */
.vtc-pp-calc{margin:28px 0 0;border:1px solid var(--vtc-line);border-radius:14px;background:#fff}
.vtc-pp-calc>summary{display:flex;align-items:center;gap:14px;padding:16px 20px;cursor:pointer;list-style:none;color:var(--vtc-ink)}
.vtc-pp-calc>summary::-webkit-details-marker{display:none}
.vtc-pp-calc>summary>.vtc-icon:first-child{width:26px;height:26px;color:var(--vtc-blue);flex:none}
.vtc-pp-calc>summary>span{flex:1}
.vtc-pp-calc>summary b{display:block;font-size:16px}
.vtc-pp-calc>summary small{display:block;color:var(--vtc-muted);font-size:13px}
.vtc-pp-calc>summary>.vtc-icon:last-child{width:16px;height:16px;color:var(--vtc-muted);transition:transform .2s}
.vtc-pp-calc[open]>summary>.vtc-icon:last-child{transform:rotate(180deg)}
.vtc-pp-calc__body{padding:0 12px 12px}
.vtc-pp-calc__body .vtc-tool{margin:0}

/* Tabs → one details section */
.woocommerce div.product .woocommerce-tabs{margin-top:28px}
.woocommerce div.product .woocommerce-tabs .panel h2:first-child{font-size:20px}

/* --- Responsive --------------------------------------------------------------- */
@media (max-width:1024px){
  .vtc-pp-band--two{grid-template-columns:1fr}
}
@media (max-width:767px){
  .vtc-keyfacts{grid-template-columns:repeat(3,1fr);gap:6px}
  .vtc-keyfacts li{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:8px;text-align:center;justify-items:center}
  .vtc-keyfacts .vtc-icon{grid-row:auto;width:20px;height:20px}
  .vtc-keyfacts strong{font-size:14px}
  .vtc-switch__row{grid-template-columns:1fr}
  .vtc-assure ul{grid-template-columns:1fr}
  .woocommerce div.product .flex-control-thumbs{grid-template-columns:repeat(6,1fr);gap:6px}
  .vtc-compare__table{min-width:480px}
}

/* --- 2.3.39: feature callouts · dimension diagram · reach scale ------------------------------ */
.vtc-feat__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vtc-feat__card{padding:16px;border:1px solid var(--vtc-line);border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(26,16,48,.04)}
.vtc-feat__media{margin:0 0 12px;aspect-ratio:4/3;overflow:hidden;border-radius:10px;background:var(--vtc-paper)}
.vtc-feat__media img{width:100%;height:100%;object-fit:cover;display:block}
.vtc-feat__icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:12px;border-radius:11px;background:linear-gradient(150deg,var(--vtc-blue),var(--vtc-navy));color:var(--vtc-amber)}
.vtc-feat__icon .vtc-icon{width:22px;height:22px}
.vtc-feat__card h3{margin:0 0 6px;font-size:16px;color:var(--vtc-ink)}
.vtc-feat__card p{margin:0;color:var(--vtc-text);font-size:14px;line-height:1.7}
.vtc-dim__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:18px;align-items:stretch}
.vtc-dim__fig{margin:0;padding:16px;border:1px solid var(--vtc-line);border-radius:14px;background:linear-gradient(160deg,var(--vtc-ink),var(--vtc-navy));color:#d7e1eb}
.vtc-dim__svg{width:100%;height:auto;max-height:330px;display:block}
.vtc-dim__ground{stroke:rgba(255,255,255,.35);stroke-width:2}
.vtc-dim__rail{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.vtc-dim__rail--inner{stroke-width:2;opacity:.6}
.vtc-dim__rung{stroke:#fff;stroke-width:2.5;stroke-linecap:round;opacity:.9}
.vtc-dim__wall{stroke:rgba(255,255,255,.25);stroke-width:6}
.vtc-dim__reachline{stroke:var(--vtc-amber);stroke-width:1.5;stroke-dasharray:5 5}
.vtc-dim__dim{stroke:#aebdca;stroke-width:1.5}
.vtc-dim__folded{fill:rgba(247,148,29,.22);stroke:var(--vtc-amber);stroke-width:1.5}
.vtc-dim__label{fill:#dbe4ec;font-family:"IBM Plex Sans Arabic","IBM Plex Sans",Arial,sans-serif;font-size:12px}
.vtc-dim__label--amber{fill:var(--vtc-amber);font-weight:700}
.vtc-dim__label--b{fill:#fff;font-weight:700;font-size:13px}
.vtc-dim__fig figcaption{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.14)}
.vtc-dim__fig figcaption span{display:grid;text-align:center}
.vtc-dim__fig figcaption b{color:#fff;font-size:17px;font-family:"IBM Plex Sans",Arial,sans-serif}
.vtc-dim__fig figcaption small{color:#aebdca;font-size:11px}
.vtc-reach{padding:16px 18px;border:1px solid var(--vtc-line);border-radius:14px;background:#fff}
.vtc-reach h3{margin:0 0 12px;font-size:17px;color:var(--vtc-ink)}
.vtc-reach__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.vtc-reach__list li{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:12px;row-gap:4px;align-items:center}
.vtc-reach__bar{grid-column:1/-1;grid-row:2;height:8px;border-radius:999px;background:var(--vtc-sunk);overflow:hidden}
.vtc-reach__bar i{display:block;height:100%;border-radius:999px;background:var(--vtc-line)}
.is-ok .vtc-reach__bar i{background:linear-gradient(90deg,var(--vtc-blue),var(--vtc-amber))}
.vtc-reach__lbl{color:var(--vtc-ink);font-size:14px;font-weight:600}
.vtc-reach__lbl small{margin-inline-start:6px;color:var(--vtc-muted);font-weight:500;font-family:"IBM Plex Sans",Arial,sans-serif}
.vtc-reach__st{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--vtc-muted)}
.vtc-reach__st i{font-style:normal}
.is-ok .vtc-reach__st{color:var(--vtc-success,#1e6b1e)}
.vtc-reach__st .vtc-icon{width:16px;height:16px}
.vtc-reach__note{margin:12px 0 0;color:var(--vtc-muted);font-size:12.5px}
@media (max-width:1024px){.vtc-feat__grid{grid-template-columns:repeat(2,1fr)}.vtc-dim__grid{grid-template-columns:1fr}}
@media (max-width:767px){.vtc-feat__grid{grid-template-columns:1fr}.vtc-dim__fig figcaption{grid-template-columns:repeat(2,1fr)}}