/* DCS product page — neutral, Apple-style hierarchy.
   One accent only. No pills, no coloured fills, single radius scale. */

:root{
 --dcs-ink:#1D1D1F; --dcs-2:#6E6E73; --dcs-3:#86868B;
 --dcs-line:#D2D2D7; --dcs-div:#E8E8ED; --dcs-fill:#F5F5F7;
 --dcs-price:#1F9FD9;   /* brand blue -- Borhan's pick 2026-09-26 */
 --dcs-green:#1FA971; --dcs-save:#0F7B4F; --dcs-red:#C7362B;
}

/* ---------- price block ---------- */
/* One bordered card holds price, old price, saving and stock — the grouping is
   what reads as "designed"; the loose stack it replaced did not. */
.dcs-pricebox,
.dcs-pricebox *{font-family:Inter,'Open Sans',Arial,sans-serif!important;font-feature-settings:'tnum' 1}
.dcs-pricebox{
 display:flex!important;align-items:baseline;flex-wrap:wrap;gap:0 14px;
 background:#fff!important;border:1px solid var(--dcs-div)!important;
 border-bottom:1px solid var(--dcs-div)!important;
 border-radius:12px!important;padding:20px 22px!important;margin:6px 0 24px!important
}
.dcs-pricebox .price{
 margin:0!important;display:inline-block;font-size:42px!important;line-height:1!important;
 font-weight:600!important;letter-spacing:-.035em;color:var(--dcs-price)!important
}
/* The currency mark is a unit, not a digit — half size and lifted to the cap line. */
.dcs-pricebox .price .woocommerce-Price-currencySymbol{
 font-size:.56em;font-weight:600;letter-spacing:0;vertical-align:.34em;margin-right:4px
}
.dcs-pricebox .price ins{text-decoration:none!important;font-weight:600!important;display:inline}
.dcs-pricebox .price del,
.dcs-pricebox .price del *{display:none!important}
.dcs-pricebox .price .screen-reader-text,
.woocommerce-variation-price .screen-reader-text{
 position:absolute!important;width:1px!important;height:1px!important;
 padding:0!important;margin:-1px!important;overflow:hidden!important;
 clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important
}
/* variation price area repeats the same markup */
.woocommerce-variation-price .price del,
.woocommerce-variation-price .price del *{display:none!important}
.woocommerce-variation-price .price{font-size:inherit}

.dcs-cta-meta{
 display:flex!important;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:0!important
}
.dcs-cta-meta span{
 font-size:15px;font-weight:400;line-height:1.4;padding:0!important;
 background:none!important;border-radius:0!important
}
.dcs-was{color:var(--dcs-3);text-decoration:line-through;text-decoration-color:#C7C7CC}
/* Must out-specify the `.dcs-cta-meta span` reset directly above. */
.dcs-cta-meta span.dcs-save{
 color:var(--dcs-save)!important;font-weight:600!important;font-size:13px!important;
 background:#E9F7F0!important;border-radius:999px!important;padding:4px 11px!important
}
.dcs-stock{
 margin:0!important;font-size:14px!important;font-weight:500!important;color:var(--dcs-2)!important
}
.dcs-stock__k{color:var(--dcs-ink);font-weight:500}
.dcs-stock--in{color:var(--dcs-save)!important;font-weight:600!important;font-size:15px!important}
.dcs-stock::before{display:none}
.dcs-stock--pre::before{background:#C68A00}
.dcs-stock--out::before{background:#C7C7CC}
.dcs-stock--out{color:var(--dcs-3)!important}
.dcs-trust{
 flex-basis:100%;margin-top:5px!important;
 font-size:13px!important;font-weight:400!important;color:var(--dcs-3)!important;
 background:none!important;padding:0!important
}

/* ---------- configuration rows ---------- */
.dcs-vc{margin:0 0 32px}
.dcs-vc__head{
 font-size:13px!important;font-weight:600;text-transform:uppercase;letter-spacing:.06em;
 color:var(--dcs-2);margin:0 0 12px
}
.dcs-vc__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:10px}
.dcs-vc__card{
 display:flex!important;flex-direction:column;align-items:flex-start;justify-content:flex-start;
 gap:10px;width:100%;text-align:left;cursor:pointer;font-family:inherit;
 background:#fff!important;border:1px solid var(--dcs-line)!important;
 border-radius:12px!important;padding:14px 16px!important;margin:0!important;
 text-transform:none!important;letter-spacing:normal!important;
 height:100%!important;min-height:0!important;box-shadow:none!important;
 transition:border-color .15s ease,box-shadow .15s ease
}
.dcs-vc__card:hover{border-color:var(--dcs-3)!important;background:#fff!important}
.dcs-vc__card.is-active{
 border:2px solid var(--dcs-ink)!important;padding:13px 15px!important;
 box-shadow:0 0 0 3px rgba(29,29,31,.06)!important
}
.dcs-vc__l{display:flex;flex-direction:column;gap:3px;min-width:0;width:100%}
.dcs-vc__spec{font-size:15px;font-weight:500;line-height:1.4;color:var(--dcs-ink);text-transform:none}
.dcs-vc__sub{font-size:13px;font-weight:400;line-height:1.3;color:var(--dcs-3);text-transform:none}
.dcs-vc__r{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;width:100%;margin-top:auto}
.dcs-vc__price{
 font-size:17px;font-weight:600;line-height:1.15;color:var(--dcs-ink)!important;
 white-space:nowrap;text-transform:none
}
.dcs-vc__was{
 font-size:13px;font-weight:400;line-height:1.2;color:var(--dcs-3);white-space:nowrap;
 text-decoration:line-through;text-decoration-color:#C7C7CC;text-transform:none
}
.dcs-vc__card.is-out{opacity:.45;pointer-events:none}
.dcs-vc__out{display:block;font-size:12px;font-weight:400;color:var(--dcs-3);margin-top:2px;text-align:right}

/* ---------- WhatsApp: secondary, ghost ---------- */
.dcs-wa-btn{
 display:flex!important;align-items:center;justify-content:center;gap:9px;width:100%;
 height:52px!important;min-height:52px!important;line-height:1!important;
 padding:0 18px!important;margin:10px 0 0!important;box-sizing:border-box!important;
 background:#25D366!important;color:#fff!important;
 border:1px solid #25D366!important;border-radius:10px!important;
 font-size:15px;font-weight:600;letter-spacing:normal;text-decoration:none!important;
 text-transform:none!important;transition:background .15s ease,border-color .15s ease
}
.dcs-wa-btn:hover{background:#1DAF54!important;border-color:#1DAF54!important;color:#fff!important}
.dcs-wa-btn svg{flex:0 0 auto;width:18px;height:18px;fill:#fff}

@media(max-width:600px){
 .dcs-pricebox .price{font-size:34px!important}
 .dcs-vc__grid{grid-template-columns:1fr}
 .dcs-vc__card{padding:14px 16px!important}
 .dcs-vc__card.is-active{padding:13px 15px!important}
}

/* ============================================================
   Option A — bring the rest of the summary onto the same scale
   ============================================================ */

/* 1. Title: tighter, darker, proper optical tracking */
.product_title,
h1.product_title{
 font-size:28px!important;font-weight:600!important;line-height:1.25!important;
 letter-spacing:-.01em!important;color:var(--dcs-ink)!important;margin:0 0 14px!important
}

/* 2. Spec list: two columns, no bullets, label/value contrast */
.wd-single-short-desc{
 margin:0 0 32px!important;color:var(--dcs-ink)!important;
 padding:20px 0;border-top:1px solid var(--dcs-div);border-bottom:1px solid var(--dcs-div);
 font-feature-settings:"tnum" 1,"lnum" 1
}
.wd-single-short-desc ul{
 list-style:none!important;margin:0!important;padding:0!important;
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 36px
}
.wd-single-short-desc ul li{
 display:flex!important;gap:11px;align-items:flex-start;
 margin:0!important;padding:0!important;border:0!important;list-style:none!important;
 font-size:14px!important;font-weight:400!important;line-height:1.4!important;
 color:var(--dcs-ink)!important
}
.wd-single-short-desc ul li::marker{content:""}
.wd-single-short-desc ul li::before{display:none!important}
.dcs-spec__i{flex:0 0 18px;width:18px;height:18px;margin-top:2px;color:var(--dcs-3)}
.dcs-spec__t{display:flex;flex-direction:column;min-width:0}
.dcs-spec__k{font-size:12px;font-weight:400;line-height:1.3;color:var(--dcs-3)}
.dcs-spec__v{font-size:14px;font-weight:500;line-height:1.4;color:var(--dcs-ink);overflow-wrap:anywhere}
/* Folded overflow specs + the toggle that reveals them */
/* Specificity must beat `.wd-single-short-desc ul li{display:flex!important}` */
.wd-single-short-desc ul li.dcs-spec--more{display:none!important}
.wd-single-short-desc ul.dcs-specs--open li.dcs-spec--more{display:flex!important}
.dcs-spec-more{
 appearance:none;background:none;border:0;padding:6px 0 0;margin:0;
 font-size:13px;font-weight:500;color:var(--dcs-2);cursor:pointer;
 text-transform:none;letter-spacing:normal;line-height:1.4;
 text-decoration:underline;text-underline-offset:3px
}
.dcs-spec-more:hover{color:var(--dcs-ink)}
@media(max-width:600px){
 .wd-single-short-desc ul{grid-template-columns:1fr;gap:14px}
}

/* 3. Add to cart: same 52px pill as the WhatsApp button, neutral ink */
/* Buy now = primary. Add to cart = secondary. */
.wd-buy-now-btn,
.wd-buy-now-btn.btn{
 height:52px!important;min-height:52px!important;padding:0 26px!important;
 border-radius:10px!important;background:var(--dcs-ink)!important;color:#fff!important;
 font-size:15px!important;font-weight:600!important;letter-spacing:normal!important;
 text-transform:none!important;border:0!important;box-shadow:none!important
}
.wd-buy-now-btn:hover{background:#000!important;color:#fff!important;border:0!important}
.single_add_to_cart_button,
.single_add_to_cart_button.button{
 height:52px!important;min-height:52px!important;padding:0 24px!important;
 border-radius:10px!important;background:#fff!important;color:var(--dcs-ink)!important;
 font-size:15px!important;font-weight:500!important;letter-spacing:normal!important;
 text-transform:none!important;border:1px solid var(--dcs-line)!important;box-shadow:none!important
}
.single_add_to_cart_button:hover{
 background:#FAFAFA!important;color:var(--dcs-ink)!important;border-color:var(--dcs-ink)!important
}
.woocommerce-variation-add-to-cart,
form.cart:not(.grouped_form){display:flex;align-items:center;gap:10px;flex-wrap:wrap}
form.cart .quantity{margin:0!important}
form.cart .quantity input,
form.cart .quantity .qty{
 height:52px!important;border-radius:10px!important;border:1px solid var(--dcs-line)!important;
 font-size:15px!important;font-weight:500!important;text-transform:none!important;
 color:var(--dcs-ink)!important;background:#fff!important
}
.single_add_to_cart_button{flex:1 1 auto}

/* 4. Rhythm: 32px between summary blocks */
.wd-single-add-cart{margin-bottom:32px!important}
.product_meta{
 margin-top:24px!important;padding-top:20px!important;
 border-top:1px solid var(--dcs-div)!important;
 font-size:13px!important;color:var(--dcs-3)!important
}
.product_meta a{color:var(--dcs-2)!important}

/* 5. Tabs: sentence case, hairline rule, ink underline on the active one */
.wd-nav-tabs .wd-nav-link,
.wc-tabs .wd-nav-link{
 font-size:15px!important;font-weight:500!important;text-transform:none!important;
 letter-spacing:normal!important;color:var(--dcs-2)!important
}
.wd-nav-tabs li.active .wd-nav-link,
.wc-tabs li.active .wd-nav-link,
.wd-nav-tabs .wd-nav-link:hover{color:var(--dcs-ink)!important}
.wd-nav-tabs li.active .wd-nav-link>span::after,
.wc-tabs li.active .wd-nav-link>span::after{background-color:var(--dcs-ink)!important;height:2px!important}
.wd-nav-tabs-wrapper{border-bottom:1px solid var(--dcs-div)!important;margin-bottom:28px!important}

/* cart row: quantity fixed, primary button fills the rest, buy-now on its own line */
.woocommerce-variation-add-to-cart,
form.cart:not(.grouped_form){flex-wrap:wrap}
form.cart .quantity{flex:0 0 100px!important;max-width:100px!important}
form.cart .quantity input,
form.cart .quantity .qty{width:100%!important;min-width:0!important;max-width:100px!important}
.woocommerce-variation-add-to-cart,
form.cart:not(.grouped_form){row-gap:10px}
form.cart .quantity{order:1}
.wd-buy-now-btn{flex:1 1 auto!important;width:auto!important;order:2;margin:0!important}
/* second row: Add to cart + WhatsApp, equal halves, below Buy now */
.dcs-cta-row{
 display:flex!important;gap:10px;order:3;flex:1 1 100%!important;
 width:100%!important;margin:0!important
}
.dcs-cta-row>*{flex:1 1 0!important;width:auto!important;max-width:none!important;min-width:0;margin:0!important}
.dcs-cta-row .single_add_to_cart_button,
.dcs-cta-row .single_add_to_cart_button.button{flex:1 1 0!important;width:auto!important}
.dcs-cta-row .dcs-wa-btn{flex:1 1 0!important;width:auto!important}
@media(max-width:600px){
 .dcs-cta-row{flex-direction:column}
 /* The theme squashes this to ~26px on phones; hold the desktop size. */
 .dcs-wa-btn{width:100%!important;height:52px!important;min-height:52px!important;font-size:15px!important}
 .dcs-wa-btn svg{width:20px!important;height:20px!important}
}

@media(max-width:600px){
 .wd-single-short-desc ul{grid-template-columns:1fr;gap:9px}
}

/* ---------- recently viewed ---------- */
.dcs-rv{margin:48px 0 8px;padding-top:32px;border-top:1px solid var(--dcs-div)}
.dcs-rv__head{
 font-size:20px!important;font-weight:600!important;letter-spacing:-.01em;
 color:var(--dcs-ink)!important;margin:0 0 18px!important
}
.dcs-rv__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dcs-rv__card{
 display:flex;gap:12px;align-items:flex-start;padding:12px;
 border:1px solid var(--dcs-line);border-radius:12px;background:#fff;
 text-decoration:none!important;transition:border-color .15s ease
}
.dcs-rv__card:hover{border-color:var(--dcs-3)}
.dcs-rv__img{flex:0 0 64px;width:64px}
.dcs-rv__img img{width:64px;height:64px;object-fit:contain;display:block;border-radius:6px}
.dcs-rv__body{display:flex;flex-direction:column;gap:4px;min-width:0}
.dcs-rv__name{font-size:13px;font-weight:500;line-height:1.35;color:var(--dcs-ink)}
.dcs-rv__prices{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.dcs-rv__now{font-size:14px;font-weight:600;color:var(--dcs-ink)}
.dcs-rv__was{font-size:12px;color:var(--dcs-3);text-decoration:line-through;text-decoration-color:#C7C7CC}
.dcs-rv__save{font-size:12px;font-weight:500;color:var(--dcs-save)}
@media(max-width:1024px){.dcs-rv__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.dcs-rv__grid{grid-template-columns:1fr}.dcs-rv{margin-top:36px}}



/* description + recently-viewed sidebar */
.dcs-split{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start;width:100%}
.dcs-split>*{min-width:0}
.dcs-side .dcs-rv{
 margin:0!important;padding:0!important;border:0!important;position:sticky;top:90px
}
.dcs-side .dcs-rv__head{font-size:16px!important;margin-bottom:14px!important}
.dcs-side .dcs-rv__grid{grid-template-columns:1fr!important;gap:10px}
.dcs-side .dcs-rv__card{padding:12px!important}
.dcs-side .dcs-rv__img,.dcs-side .dcs-rv__img img{flex:0 0 68px;width:68px;height:68px}
.dcs-side .dcs-rv__name{font-size:13px;font-weight:500}
.dcs-side .dcs-rv__now{font-size:15px}
@media(max-width:1100px){
 .dcs-split{display:block}
 .dcs-side{margin-top:40px}
 .dcs-side .dcs-rv{position:static}
 .dcs-side .dcs-rv__grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important}
}
.dcs-spec-note{font-size:13px;line-height:1.55;color:var(--dcs-2);margin:10px 0 0}

/* Theme buttons are uppercase site-wide; this one is a quiet text link. */
.dcs-spec-more{text-transform:none!important;letter-spacing:normal!important}

/* Sidebar Recently viewed reads as a real product card, not a list row. */
.dcs-side .dcs-rv__card{padding:14px!important;gap:13px}
.dcs-side .dcs-rv__img,.dcs-side .dcs-rv__img img{flex:0 0 84px;width:84px;height:84px}
.dcs-side .dcs-rv__name{font-size:14px!important;line-height:1.4!important}
.dcs-side .dcs-rv__now{font-size:17px!important;font-weight:600!important}
.dcs-side .dcs-rv__was{font-size:13px!important}
.dcs-side .dcs-rv__save{
 font-size:12px!important;font-weight:600!important;
 background:#E9F7F0;border-radius:999px;padding:3px 9px
}
.dcs-side .dcs-rv__head{font-size:18px!important;margin-bottom:16px!important}

/* Variable product with nothing chosen yet: the cart buttons cannot work, so
   they must not look ready. WooCommerce's own notice reads like a fault when
   the page shows cards instead of dropdowns. */
.dcs-vc__hint{
 margin:10px 0 0!important;font-size:13px;font-weight:500;color:var(--dcs-2);
 min-height:0;line-height:1.4
}
/* opacity alone loses to something in the theme on the Buy now button; filter
   is not contested and reads the same. */
.dcs-vc--pending .wd-buy-now-btn,
.dcs-vc--pending .wd-buy-now-btn.btn,
.dcs-vc--pending .single_add_to_cart_button,
.dcs-vc--pending .single_add_to_cart_button.button{
 filter:grayscale(1) opacity(.45)!important;cursor:not-allowed!important
}