/*
Theme Name: Blends Dubai
Theme URI: https://blendsdubai.ae/
Description: Brand theme for Blends Dubai - BONDS and BLENDS by IQOS, delivered across the UAE. Carries the full design-spec token set, the Instrument Serif / Manrope / JetBrains Mono type stack, and the component skin. Child of Twenty Twenty-Five.
Author: Blends Dubai
Template: twentytwentyfive
Version: 1.8.5
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blendsdubai
*/

/* ===============================================================
   PART 1 - DESIGN TOKENS. Verbatim from the spec.
   =============================================================== */
:root{
  --bg:#ffffff; --alt:#f7f6f3; --alt2:#efece6; --card:#ffffff;
  --line:#e3ded5; --line-2:#cdc5b8;
  --ink:#16130f; --ink-2:#4b443b; --ink-3:#837a6e;
  --brand:#14503f; --brand-2:#0e3b2e; --brand-soft:#e6efeb;
  --gold:#b8862b; --gold-soft:#f7f0e0;
  --sale:#a8442a; --sale-soft:#fbeae5; --ok:#2f6b4f;
  --e1:#c98a3c; --e2:#b05563; --e3:#6f8a5e; --e4:#8a6a99;
  --sh:0 1px 2px rgba(22,19,15,.04), 0 8px 24px -18px rgba(22,19,15,.4);
  --disp:"Instrument Serif",Georgia,serif;
  --ui:"Manrope","Segoe UI",system-ui,sans-serif;
  --mono:"JetBrains Mono",Menlo,Consolas,monospace;
}

/* ===============================================================
   BASE - geometry and type scale
   Radius is 2px everywhere. This is the thing that separates the
   site visually from every competitor, so nothing overrides it.
   =============================================================== */
body{
  background:var(--bg);
  color:var(--ink);
  font-family:var(--ui);
  font-size:15px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
h1,h2,.serif{font-family:var(--disp);font-weight:400;letter-spacing:-.005em}
h1{font-size:clamp(38px,5.4vw,60px);line-height:1.04}
h2{font-size:clamp(26px,3.4vw,36px);line-height:1.08}
h3{font-family:var(--ui);font-weight:700;font-size:20px;line-height:1.3}

.w{max-width:1200px;margin:0 auto;padding:0 22px}
@media(max-width:640px){.w{padding:0 15px}}

.eyebrow{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:14px;
}

/* ===============================================================
   PART 2 - BUTTONS
   =============================================================== */
.btn{
  display:inline-block;border:1.5px solid transparent;border-radius:2px;
  font-family:var(--ui);font-weight:700;font-size:14px;padding:12px 22px;
  cursor:pointer;text-align:center;transition:background-color .15s,border-color .15s,color .15s;
}
.b-p{background:var(--brand);color:#fff}
.b-p:hover{background:var(--brand-2);color:#fff}
.b-o{background:transparent;border-color:var(--line-2);color:var(--ink)}
.b-o:hover{border-color:var(--brand);color:var(--brand)}
.b-full{display:block;width:100%}

/* WooCommerce buttons inherit the same skin */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,
.wc-block-components-button:not(.is-link){
  background-color:var(--brand);color:#fff;font-family:var(--ui);font-weight:700;
  font-size:14px;padding:12px 22px;border-radius:2px;border:1.5px solid var(--brand);
  transition:background-color .15s,border-color .15s;
}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,.wc-block-components-button:not(.is-link):hover{
  background-color:var(--brand-2);border-color:var(--brand-2);color:#fff;
}

/* ===============================================================
   PART 2 - PRICES. JetBrains Mono, tabular figures so columns align.
   No discount styling anywhere: there are no discounts.
   =============================================================== */
.pr,.price,
.woocommerce-Price-amount,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.wc-block-components-product-price,
.wc-block-formatted-money-amount,
.wp-block-woocommerce-product-price{
  font-family:var(--mono);font-size:16px;font-weight:700;color:var(--ink);
  font-variant-numeric:tabular-nums;letter-spacing:-.01em;
}
.pr small,.price small{font-family:var(--ui);font-size:11.5px;font-weight:600;color:var(--ink-3)}

/* ===============================================================
   PART 2 - PRODUCT CARD
   =============================================================== */
.pc{
  position:relative;display:flex;flex-direction:column;
  border:1px solid var(--line);background:var(--card);box-shadow:var(--sh);
  border-radius:2px;transition:border-color .15s,transform .15s;
}
.pc:hover{border-color:var(--brand);transform:translateY(-2px)}
.pc .im{
  aspect-ratio:1/1;background:var(--alt2);border-bottom:1px solid var(--line);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:5px;color:var(--line-2);
}
.pc .im .ic{font-family:var(--disp);font-size:28px}
.pc .im .lb{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.pc .bd{padding:13px 14px 15px;display:flex;flex-direction:column;gap:7px;flex:1}
.pc .ed{font-family:var(--mono);font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3)}
.pc h3{font-family:var(--ui);font-size:14.5px;font-weight:700;line-height:1.35}
.pc .pr{margin-top:auto}
.pc .stk{font-size:11.5px;color:var(--ok);font-weight:600}
.pc .btn{margin-top:4px;padding:10px 14px;font-size:13px}

.badge{
  position:absolute;top:9px;left:9px;z-index:2;border-radius:2px;padding:4px 8px;
  font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
}
.b-new{background:var(--brand);color:#fff}
.b-low{background:var(--sale-soft);color:var(--sale)}

/* WooCommerce loop mapped onto the same card */
.woocommerce ul.products li.product{
  border:1px solid var(--line);background:var(--card);border-radius:2px;padding:0;
  box-shadow:var(--sh);transition:border-color .15s,transform .15s;
}
.woocommerce ul.products li.product:hover{border-color:var(--brand);transform:translateY(-2px)}
.woocommerce ul.products li.product a img{margin:0;border-bottom:1px solid var(--line);background:var(--alt2)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--ui);font-size:14.5px;font-weight:700;line-height:1.35;
  color:var(--ink);padding:13px 14px 0;
}
.woocommerce ul.products li.product .price{display:block;padding:0 14px}
.woocommerce ul.products li.product .button{margin:10px 14px 15px;display:block}
.woocommerce span.onsale{display:none}

/* ===============================================================
   PART 2 - TABLES
   =============================================================== */
.tbl-wrap{overflow-x:auto}
.tbl,.woocommerce table.shop_table{
  width:100%;border-collapse:collapse;margin:22px 0;font-size:14px;border-radius:2px;
}
.tbl th,.tbl td,
.woocommerce table.shop_table th,.woocommerce table.shop_table td{
  border:1px solid var(--line);padding:9px 12px;text-align:left;
}
.tbl th,.woocommerce table.shop_table th{
  background:var(--alt2);font-family:var(--mono);font-size:10.5px;
  letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:var(--ink);
}

/* ===============================================================
   EDITION SWATCHES - the four BLENDS accents. Used nowhere else.
   =============================================================== */
.spectrum{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);overflow:hidden;border-radius:2px}
@media(max-width:640px){.spectrum{grid-template-columns:repeat(2,1fr)}}
.spectrum div{height:8px}
.sw-1{background:var(--e1)} .sw-2{background:var(--e2)} .sw-3{background:var(--e3)} .sw-4{background:var(--e4)}
.edition-swatch{display:inline-block;inline-size:.75rem;block-size:.75rem;border-radius:50%;margin-inline-end:.5em}
.edition-swatch--1{background:var(--e1)} .edition-swatch--2{background:var(--e2)}
.edition-swatch--3{background:var(--e3)} .edition-swatch--4{background:var(--e4)}

/* ===============================================================
   IMAGE SLOTS - visible placeholders. They stay until Akib uploads.
   =============================================================== */
.slot{
  border:1.5px dashed var(--line-2);background:var(--card);color:var(--ink-3);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:6px;text-align:center;padding:18px;border-radius:2px;
}
.slot .ic{font-family:var(--disp);font-size:30px;line-height:1;color:var(--line-2)}
.slot .lb{font-family:var(--mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.slot .sz{font-family:var(--mono);font-size:10px;color:var(--line-2)}
.slot-4x3{aspect-ratio:4/3} .slot-1x1{aspect-ratio:1/1} .slot-16x9{aspect-ratio:16/9}

/* ===============================================================
   LAYOUT - sections, headings, grids. Section padding 56/40.
   =============================================================== */
.sec{padding:56px 0;border-bottom:1px solid var(--line)}
@media(max-width:640px){.sec{padding:40px 0}}
.sec.alt{background:var(--alt)}
.shead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px;flex-wrap:wrap}
.shead a{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--brand)}
.shead a:hover{text-decoration:underline}

.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.grid{grid-template-columns:repeat(2,1fr);gap:12px}}

.cats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
@media(max-width:1000px){.cats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.cats{grid-template-columns:repeat(2,1fr)}}
.cat{border:1px solid var(--line);background:var(--card);text-align:center;border-radius:2px;overflow:hidden;transition:border-color .15s,transform .15s}
.cat:hover{border-color:var(--brand);transform:translateY(-2px)}
.cat .im{aspect-ratio:1/1;background:var(--alt2);display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-size:28px;color:var(--line-2)}
.cat b{display:block;font-size:13.5px;padding:11px 8px 3px}
.cat span{display:block;font-family:var(--mono);font-size:10.5px;color:var(--ink-3);padding-bottom:12px}

/* announcement bar, trust strip */
.ann{background:var(--brand);color:#fff;text-align:center;font-size:13px;font-weight:600;padding:9px 14px}
.usp{border-bottom:1px solid var(--line);background:var(--bg)}
.usp-in{display:grid;grid-template-columns:repeat(4,1fr)}
@media(max-width:760px){.usp-in{grid-template-columns:repeat(2,1fr)}}
.usp .c{padding:22px 20px;border-right:1px solid var(--line)}
.usp .c:last-child{border-right:0}
@media(max-width:760px){.usp .c:nth-child(2n){border-right:0}.usp .c:nth-child(-n+2){border-bottom:1px solid var(--line)}}
.usp b{display:block;font-size:15px;margin-bottom:3px}
.usp span{font-size:13px;color:var(--ink-3)}

/* hero, promo, deals band */
.hero{background:var(--alt);border-bottom:1px solid var(--line)}
.hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;padding:56px 0}
@media(max-width:900px){.hero-in{grid-template-columns:1fr;padding:38px 0;gap:28px}}
.hero h1 em{font-style:italic;color:var(--brand)}
.hero p{font-size:17px;color:var(--ink-2);max-width:44ch;margin:0 0 24px}
.hero-cta{display:flex;gap:11px;flex-wrap:wrap}

.promo{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:var(--card);border-radius:2px;overflow:hidden}
@media(max-width:860px){.promo{grid-template-columns:1fr}}
.promo .tx{padding:44px 40px}
@media(max-width:640px){.promo .tx{padding:30px 22px}}
.promo p{color:var(--ink-2);margin:0 0 20px;max-width:38ch}

.deals{background:var(--brand);color:#fff;border-bottom:1px solid var(--line)}
.deals-in{display:grid;grid-template-columns:1.2fr .8fr;gap:38px;align-items:center;padding:52px 0}
@media(max-width:860px){.deals-in{grid-template-columns:1fr;padding:38px 0;gap:24px}}
.deals h2,.deals h3{color:#fff}
.deals p{color:rgba(255,255,255,.85);margin:0 0 22px;max-width:44ch;font-size:16px}
.deals .eyebrow{color:rgba(255,255,255,.7)}
.deals .btn{background:#fff;color:var(--brand);border-color:#fff}
.deals .btn:hover{background:var(--alt);color:var(--brand)}
.deals .slot{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.07);color:rgba(255,255,255,.75)}

/* carousel, steps, reviews, faq, prose, explore, final, newsletter */
.carou{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}
.carou .pc{flex:0 0 240px;scroll-snap-align:start}
@media(max-width:560px){.carou .pc{flex:0 0 74%}}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:st}
@media(max-width:760px){.steps{grid-template-columns:1fr}}
.step{border-top:2px solid var(--brand);padding-top:18px}
.step::before{counter-increment:st;content:"0" counter(st);font-family:var(--mono);font-size:12px;font-weight:700;color:var(--brand);display:block;margin-bottom:8px;letter-spacing:.08em}
.step h3{font-size:17px;margin-bottom:6px}
.step p{margin:0;font-size:14.5px;color:var(--ink-2)}

.empty-note{border:1.5px dashed var(--line-2);padding:18px 20px;font-size:13.5px;color:var(--ink-3);background:var(--alt);border-radius:2px}

.faq{max-width:800px}
.qa{border-bottom:1px solid var(--line)}
.qa summary{padding:17px 0;font-weight:700;font-size:15.5px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";font-family:var(--mono);color:var(--brand);font-weight:700}
.qa[open] summary::after{content:"\2013"}
.qa p{margin:0 0 18px;color:var(--ink-2);font-size:15px}

.prose{max-width:70ch}
.prose p{color:var(--ink-2);margin:0 0 15px}

.explore{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px}
@media(max-width:760px){.explore{grid-template-columns:1fr}}
.explore a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);font-size:16px;font-weight:600}
.explore a:hover{color:var(--brand)}
.explore a::after{content:"\2192";font-family:var(--mono);color:var(--brand);font-weight:700}

.final{background:var(--alt2);border-bottom:1px solid var(--line)}
.final-in{padding:64px 0;text-align:center}
.final p{font-size:17px;color:var(--ink-2);max-width:50ch;margin:0 auto 26px}
.final .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.final .disc{margin-top:24px;font-size:12.5px;color:var(--ink-3)}

.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:860px){.posts{grid-template-columns:1fr}}
.post{border:1px solid var(--line);background:var(--card);box-shadow:var(--sh);border-radius:2px;display:flex;flex-direction:column;transition:border-color .15s,transform .15s}
.post:hover{border-color:var(--brand);transform:translateY(-2px)}
.post .im{aspect-ratio:16/10;background:var(--alt2);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--line-2);font-family:var(--disp);font-size:26px}
.post .bd{padding:17px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.post .dt{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.post h3{font-family:var(--disp);font-size:20px;line-height:1.2;font-weight:400}
.post .rm{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--brand);margin-top:auto}

/* breadcrumb, category page, pagination */
.crumb{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:16px 0}
.crumb a{color:var(--brand)}
.cat-hd{border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:24px}
.cat-hd p{color:var(--ink-2);max-width:62ch;margin:0}
.shop{display:grid;grid-template-columns:238px 1fr;gap:32px;padding-bottom:56px}
@media(max-width:900px){.shop{grid-template-columns:1fr}}
.side h4{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-weight:700}
.side .grp{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px}
.side label{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--ink-2);margin-bottom:9px;cursor:pointer}
.side label span{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--ink-3)}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.toolbar .cnt{font-size:13.5px;color:var(--ink-3)}
.pager{display:flex;gap:6px;justify-content:center;padding:32px 0 0}
.pager a{border:1px solid var(--line-2);padding:8px 14px;font-family:var(--mono);font-size:13px;font-weight:700;border-radius:2px}
.pager a.on{background:var(--brand);color:#fff;border-color:var(--brand)}

/* product page */
.pdp{display:grid;grid-template-columns:1fr 1fr;gap:44px;padding:26px 0 56px}
@media(max-width:900px){.pdp{grid-template-columns:1fr;gap:28px}}
.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:9px}
.price-row{display:flex;align-items:baseline;gap:12px;margin:16px 0}
.price-row .price{font-size:30px}
.price-row .unit{font-size:13px;color:var(--ink-3)}
.meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:20px 0;display:flex;flex-direction:column;gap:9px}
.meta div{display:grid;grid-template-columns:110px 1fr;gap:12px;font-size:14px}
.meta b{font-family:var(--mono);font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3);padding-top:3px}
.qty-row{display:flex;gap:10px;align-items:stretch;margin-bottom:12px}
.qty{display:flex;border:1.5px solid var(--line-2);border-radius:2px}
.qty button{width:40px;border:0;background:transparent;font-size:17px;cursor:pointer;color:var(--ink)}
.qty input{width:46px;border:0;text-align:center;font-family:var(--mono);font-weight:700;background:transparent;color:var(--ink)}
.tabnav{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:22px;overflow-x:auto}
.tabnav button{background:0;border:0;border-bottom:2px solid transparent;padding:15px 0;font-family:var(--ui);font-size:14px;font-weight:700;color:var(--ink-3);cursor:pointer;white-space:nowrap}
.tabnav button[aria-current="true"]{color:var(--brand);border-bottom-color:var(--brand)}

/* cart / checkout */
.two{display:grid;grid-template-columns:1.6fr 1fr;gap:34px;padding:26px 0 60px}
@media(max-width:900px){.two{grid-template-columns:1fr}}
.line{display:grid;grid-template-columns:84px 1fr auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.line .th{aspect-ratio:1/1;background:var(--alt2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--disp);color:var(--line-2);font-size:20px}
.line h3{font-size:15px;margin-bottom:3px}
.line .sub{font-size:12.5px;color:var(--ink-3)}
.line .amt{font-family:var(--mono);font-weight:700;font-size:15px;text-align:right}
.sum{border:1px solid var(--line);background:var(--card);padding:24px;box-shadow:var(--sh);border-radius:2px;position:sticky;top:24px}
.sum h3{font-family:var(--disp);font-weight:400;font-size:23px;margin-bottom:16px}
.sum .row{display:flex;justify-content:space-between;padding:9px 0;font-size:14.5px;color:var(--ink-2)}
.sum .row.tot{border-top:1px solid var(--line);margin-top:9px;padding-top:15px;font-size:19px;font-weight:800;color:var(--ink);font-family:var(--mono)}
.sum .free{background:var(--brand-soft);color:var(--brand);font-size:12.5px;font-weight:700;padding:10px 12px;margin:12px 0;border-radius:2px}
.fset{border:1px solid var(--line);background:var(--card);padding:24px;margin-bottom:18px;border-radius:2px}
.fset h3{font-family:var(--disp);font-weight:400;font-size:22px;margin-bottom:4px}
.fset .hint{font-size:13px;color:var(--ink-3);margin-bottom:18px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
@media(max-width:560px){.frow{grid-template-columns:1fr}}
.f{display:flex;flex-direction:column;gap:6px}
.f.full{grid-column:1/-1}
.f label{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:700}
.pay-opt{display:flex;flex-direction:column;gap:10px}
.pay-opt label{display:flex;align-items:center;gap:11px;border:1.5px solid var(--line);padding:14px 15px;font-size:14.5px;font-weight:600;cursor:pointer;border-radius:2px}
.pay-opt label:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}
.note{font-size:12.5px;color:var(--ink-3);margin-top:14px;line-height:1.6}

/* inputs - 1.5px line-2, 2px radius, brand focus ring */
input[type=text],input[type=email],input[type=tel],input[type=search],input[type=number],
select,textarea,.f input,.f select,.f textarea,
.woocommerce form .form-row input.input-text,.woocommerce form .form-row select{
  border:1.5px solid var(--line-2);border-radius:2px;padding:11px 13px;
  font-family:var(--ui);font-size:14.5px;background:var(--bg);color:var(--ink);
}
input:focus,select:focus,textarea:focus{outline:2px solid var(--brand);outline-offset:-2px}

/* sticky WhatsApp float */
.wa-f{position:fixed;right:18px;bottom:18px;z-index:150;background:var(--brand);color:#fff;font-weight:700;font-size:13.5px;padding:13px 18px;border-radius:99px;box-shadow:0 8px 26px -8px rgba(0,0,0,.45)}
@media(max-width:900px){.wa-f{bottom:76px;right:14px;padding:11px 15px;font-size:12.5px}}

/* ===============================================================
   HOME LAYOUT - the core/html block emits NO wrapper element, so its
   sections land as direct children of the constrained .entry-content
   and inherit its 720px cap. Release the cap on the front page only;
   each section's own .w restores the 1200px container.
   =============================================================== */
.home .wp-block-post-content > *,
.home .entry-content.is-layout-constrained > *{max-width:none !important}
.home .wp-block-post-content,
.home .entry-content{padding-left:0 !important;padding-right:0 !important}
.home .wp-block-post-title{display:none}
.home .wp-block-post-content > .woocommerce{max-width:1200px !important;margin-left:auto;margin-right:auto}

.cats-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.cats-4{grid-template-columns:repeat(2,1fr)}}

/* WooCommerce [products] output, in-page and on archives */
.wp-block-shortcode .woocommerce,
.home .woocommerce{max-width:1200px;margin:0 auto;padding:0 22px 56px}
@media(max-width:640px){.wp-block-shortcode .woocommerce,.home .woocommerce{padding:0 15px 40px}}
.woocommerce ul.products{
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
  margin:0;padding:0;list-style:none;
}
@media(max-width:1000px){.woocommerce ul.products{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr);gap:12px}}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product{width:auto !important;margin:0 !important;float:none !important;clear:none !important}
.woocommerce ul.products li.product .onsale{display:none}

/* announcement bar + WhatsApp float are injected site-wide by the theme */
.bd-ann{background:var(--brand);color:#fff;text-align:center;font-size:13px;font-weight:600;padding:9px 14px;letter-spacing:.01em}
.bd-ann a{color:#fff;text-decoration:none}

/* category archive intro */
.woocommerce-products-header{padding-top:8px}
.term-description{max-width:70ch}
.term-description p{color:var(--ink-2)}


/* ===============================================================
   PART 8 - MOBILE TYPE SCALE + iOS INPUT AUTO-ZOOM FIX
   =============================================================== */
input,select,textarea,.wc-block-components-text-input input{font-size:16px}
/* WooCommerce quantity fields outrank the rule above; iOS zooms below 16px. */
input.qty,
.quantity input.input-text,
.wc-block-components-quantity-selector__input{font-size:16px !important}

@media(max-width:768px){
  body{font-size:16px;line-height:1.6}
  .entry-content p,
  .woocommerce-product-details__short-description{font-size:16px;line-height:1.65}
  .entry-content table{font-size:15px}
  .entry-content li{font-size:16px}
}

/* ================================================================
   PART 9 — DIRECTION C SKIN ("Bold Retail")
   blendsdubai.ae child theme — append to the END of style.css
   Bump the header version to 1.6.0 when you paste this.
   TO UNDO: delete everything below this banner. Nothing above is touched.
   ================================================================ */
/* ---- 9.1 Tokens ------------------------------------------------ */
:root{
  --c-brand:#e11d48;        /* crimson primary */
  --c-brand-dark:#be123c;
  --c-brand-ink:#fff;
  --c-ink:#0b0b0d;
  --c-muted:#6b6b76;
  --c-line:#e9e9ec;
  --c-surface:#f7f7f9;
  --c-radius:16px;
  --c-radius-sm:12px;
  --c-pill:999px;
  /* Origin colours — one per production market */
  --c-indonesia:#0f766e;
  --c-kazakhstan:#1d4ed8;
  --c-uzbekistan:#6d28d9;
  --c-switzerland:#dc2626;
  --c-italy:#15803d;
  --c-japan:#be123c;
}
/* The single highest-leverage line. Comment it out to keep the old green
   while everything else below still applies. */
:root{ --brand:#e11d48; }
/* ---- 9.2 Typography -------------------------------------------
   Uses Manrope, which this theme already loads. Space Grotesk would need
   a font import at the TOP of style.css — not done here on purpose. */
body{ color:var(--c-ink); }
h1,h2,h3,
.wp-block-heading{
  letter-spacing:-.025em;
  font-weight:700;
  line-height:1.12;
}
h1,.wp-block-post-title{ letter-spacing:-.03em; }
.entry-content p,
.woocommerce-product-details__short-description{ color:#35353d; }
/* ---- 9.3 Buttons become pills ---------------------------------- */
.wp-block-button__link,
.wp-element-button,
button.wp-element-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.wc-block-components-button{
  border-radius:var(--c-pill) !important;
  font-weight:700;
  letter-spacing:.01em;
  padding:14px 30px;
  transition:background-color .15s ease, transform .12s ease;
}
.wp-block-button__link:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.wc-block-components-button:hover{ transform:translateY(-1px); }
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.single_add_to_cart_button,
.wc-block-components-button:not(.is-link){
  background:var(--c-brand) !important;
  color:var(--c-brand-ink) !important;
  border:none !important;
}
.woocommerce button.button.alt:hover,
.single_add_to_cart_button:hover,
.wc-block-components-button:not(.is-link):hover{
  background:var(--c-brand-dark) !important;
}
/* ---- 9.4 Product cards on archives -----------------------------
   This is the gap measured earlier: the theme's card skin never reached
   the block archives, so category pages rendered as bare text + price. */
.wc-block-product{
  background:#fff;
  border:1px solid var(--c-line);
  border-radius:var(--c-radius);
  overflow:hidden;
  padding:0 0 16px;
  transition:box-shadow .18s ease, transform .18s ease;
}
.wc-block-product:hover{
  box-shadow:0 8px 28px rgba(11,11,13,.09);
  transform:translateY(-2px);
}
.wc-block-product .wc-block-components-product-image{
  margin:0 0 14px;
  background:#f5f5f7;
  display:block;
  min-height:150px;
}
.wc-block-product .wc-block-components-product-image img{
  border-radius:0;
  width:100%;
  height:auto;
}
.wc-block-product .wp-block-post-title,
.wc-block-product .wc-block-components-product-title{
  font-size:15.5px;
  font-weight:600;
  line-height:1.35;
  letter-spacing:0;
  margin:0 16px 10px;
  min-height:42px;
}
.wc-block-product .wc-block-components-product-price{
  display:block;
  margin:0 16px 12px;
  font-size:21px;
  font-weight:700;
  letter-spacing:-.02em;
  color:var(--c-ink);
}
.wc-block-product .wp-block-button,
.wc-block-product .wc-block-components-product-button{
  margin:0 16px;
}
.wc-block-product .wp-block-button__link,
.wc-block-product .wc-block-components-product-button .wp-block-button__link{
  width:100%;
  justify-content:center;
  padding:11px 18px;
  font-size:14px;
  background:var(--c-ink);
  color:#fff;
  border:none;
}
.wc-block-product .wp-block-button__link:hover{ background:var(--c-brand); }
/* ---- 9.5 Category / shop header -------------------------------- */
.woocommerce-products-header__title,
.wp-block-query-title{
  font-size:clamp(32px,5vw,46px);
  font-weight:700;
  letter-spacing:-.03em;
  margin-bottom:8px;
}
.term-description,
.woocommerce-products-header + .entry-content > p:first-child{
  color:var(--c-muted);
  font-size:15.5px;
  max-width:70ch;
}
/* ---- 9.6 Single product page ----------------------------------- */
.woocommerce div.product .product_title{
  font-size:clamp(28px,4vw,42px);
  letter-spacing:-.03em;
  margin-bottom:10px;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price{
  font-size:44px;
  font-weight:700;
  letter-spacing:-.035em;
  color:var(--c-ink);
  line-height:1.1;
}
.woocommerce div.product p.price ins{ text-decoration:none; }
.woocommerce div.product form.cart{
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
  margin:22px 0;
}
.woocommerce div.product form.cart .quantity{
  display:flex;
  align-items:center;
  border:1.5px solid #d9d9e0;
  border-radius:var(--c-pill);
  overflow:hidden;
  height:54px;
}
.woocommerce div.product form.cart .quantity input.qty{
  border:none;
  height:52px;
  width:64px;
  text-align:center;
  font-weight:600;
  background:transparent;
  /* PART 8 already forces 16px here — the iOS zoom fix stays intact */
}
.woocommerce div.product form.cart .single_add_to_cart_button{
  flex:1 1 240px;
  height:54px;
  font-size:16.5px;
}
/* Placeholder image on products with no photo yet: quiet, not broken */
.woocommerce div.product .woocommerce-product-gallery__image img[src*="placeholder"],
.wc-block-product img[src*="placeholder"]{
  background:#f5f5f7;
  object-fit:contain;
  padding:24px;
}
/* Origin comparison table already on product pages */
.entry-content table{
  border-collapse:separate;
  border-spacing:0;
  border:1px solid var(--c-line);
  border-radius:14px;
  overflow:hidden;
  width:100%;
}
.entry-content table th{
  background:var(--c-surface);
  font-size:13px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--c-muted);
  padding:13px 16px;
  text-align:left;
}
.entry-content table td{
  padding:13px 16px;
  border-top:1px solid #f0f0f3;
}
.entry-content table tr:nth-child(even) td{ background:#fcfcfd; }
/* ---- 9.7 Surfaces ---------------------------------------------- */
.wp-block-group.has-background{ border-radius:var(--c-radius); }
.wp-block-site-title a{
  font-weight:700;
  letter-spacing:-.02em;
  text-decoration:none;
}
.wp-block-navigation .wp-block-navigation-item__content{
  font-weight:500;
  padding:9px 16px;
  border-radius:var(--c-pill);
}
.wp-block-navigation .current-menu-item > .wp-block-navigation-item__content{
  background:var(--c-surface);
  font-weight:600;
}
/* ---- 9.8 Mobile ------------------------------------------------
   PART 8 sets the 16px floor. This only adjusts layout and rhythm. */
@media(max-width:768px){
  h1,.wp-block-post-title,.woocommerce div.product .product_title{
    font-size:clamp(26px,7vw,34px);
  }
  .woocommerce div.product p.price,
  .woocommerce div.product span.price{ font-size:36px; }
  .wc-block-product .wp-block-post-title,
  .wc-block-product .wc-block-components-product-title{
    font-size:15px;
    min-height:40px;
    margin:0 13px 9px;
  }
  .wc-block-product .wc-block-components-product-price{
    font-size:18px;
    margin:0 13px 10px;
  }
  .wc-block-product .wp-block-button,
  .wc-block-product .wc-block-components-product-button{ margin:0 13px; }
  .woocommerce div.product form.cart{ gap:10px; }
  .woocommerce div.product form.cart .single_add_to_cart_button{ flex:1 1 100%; }
  /* 44px minimum tap target on anything clickable in the header */
  .wp-block-navigation .wp-block-navigation-item__content,
  .wc-block-mini-cart__button{ min-height:44px; display:flex; align-items:center; }
}
/* ---- 9.9 Addendum — reach the homepage's own components ---------
   Measured before applying: .btn/.b-p hovered to --brand-2 (the old
   dark green) and .pc/.cat/.badge/.post/.promo and the classic
   [products] cards kept the 2px geometry. Same banner, same undo. */
:root{
  --brand-2:#be123c;      /* hover for .b-p and the Woo .alt buttons */
  --brand-soft:#ffe4e6;   /* .sum .free and the checked payment option */
}
.btn,.b-p,.b-o,.b-full,.pager a{ border-radius:var(--c-pill); }
.badge{ border-radius:var(--c-pill); }
.pc,.cat,.post,.promo,.sum,.fset,.empty-note,
.woocommerce ul.products li.product{ border-radius:var(--c-radius); }
.pc,.cat,.post,
.woocommerce ul.products li.product{ overflow:hidden; }
.pay-opt label,.qty{ border-radius:var(--c-radius-sm); }
/* ---- 9.10 Corrections from the live measurement (5 Sep) ----------
   Four gaps found after 9.1-9.9 went live. Same banner, same undo. */
/* (1) Links and every block using the "brand" preset were still the old
   green: theme.json's preset drives them, not --brand. One line flips it. */
:root{ --wp--preset--color--brand:#e11d48; }
/* (2) Instrument Serif only ships weight 400, so 700 was a synthesised
   bold. Direction C headings are a bold grotesk: Manrope 800, already loaded. */
h1,h2,
.wp-block-post-title,
.wp-block-query-title,
.product_title,
.woocommerce-products-header__title{
  font-family:'Manrope',system-ui,sans-serif;
  font-weight:800;
  letter-spacing:-.03em;
}
/* (3) Card price and button sizes lost to WordPress's .has-small-font-size
   !important preset, and the amount lives in an inner span. */
.wc-block-product .wc-block-components-product-price,
.wc-block-product .wc-block-components-product-price .woocommerce-Price-amount,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price .woocommerce-Price-amount{
  font-size:21px !important;
}
.wc-block-product .wp-block-button__link{ font-size:14px !important; }
/* (4) The single product page renders the block price, not p.price. */
.single-product .wp-block-woocommerce-product-price,
.single-product .wp-block-woocommerce-product-price .woocommerce-Price-amount{
  font-size:44px;
  font-weight:700;
  letter-spacing:-.035em;
  line-height:1.1;
  color:var(--c-ink);
}
@media(max-width:768px){
  .wc-block-product .wc-block-components-product-price,
  .wc-block-product .wc-block-components-product-price .woocommerce-Price-amount,
  .woocommerce ul.products li.product .price,
  .woocommerce ul.products li.product .price .woocommerce-Price-amount{ font-size:18px !important; }
  .single-product .wp-block-woocommerce-product-price,
  .single-product .wp-block-woocommerce-product-price .woocommerce-Price-amount{ font-size:36px; }
}
/* ---- 9.12 Header dropdowns (menu mirrored from tereastore, 5 Sep) --
   Block-navigation submenus as white panels; Flavours in two columns. */
@media(min-width:601px){
  .wp-block-navigation .wp-block-navigation__submenu-container{
    background:#fff !important;
    border:1px solid var(--c-line) !important;
    border-radius:var(--c-radius);
    box-shadow:0 12px 32px rgba(11,11,13,.12);
    padding:8px !important;
    min-width:230px;
    margin-top:6px;
  }
  .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
    padding:9px 12px;
    border-radius:var(--c-radius-sm);
    font-size:14.5px;
    font-weight:500;
    white-space:nowrap;
    color:var(--c-ink);
  }
  .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{
    background:var(--c-surface);
    color:var(--c-brand);
  }
  /* the first entry of every dropdown is the "All ..." hub link */
  .wp-block-navigation .wp-block-navigation__submenu-container > li:first-child .wp-block-navigation-item__content{
    font-weight:700;
    border-bottom:1px solid var(--c-line);
    border-radius:0;
    margin-bottom:4px;
  }
  .wp-block-navigation .bd-sub-flavours > .wp-block-navigation__submenu-container{
    display:grid;
    grid-template-columns:1fr 1fr;
    min-width:420px;
  }
  .wp-block-navigation .bd-sub-flavours > .wp-block-navigation__submenu-container > li:first-child{
    grid-column:1 / -1;
  }
}
/* ---- 9.13 Homepage sections mirrored from tereastore (5 Sep) -------
   Origin cards, row headers, price guide, chooser, who-we-are. */
.bd-shead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}
.bd-shead h2,.bd-shead h3{margin:0}
.bd-shead h3{font-size:22px;font-weight:800;letter-spacing:-.02em;font-family:'Manrope',system-ui,sans-serif}
.bd-band{margin:6px 0 0;font-family:var(--mono);font-size:13px;font-weight:700;color:var(--c-muted);letter-spacing:.02em}
.bd-intro{margin:8px 0 0;color:var(--c-muted);max-width:62ch;font-size:15px;line-height:1.55}
.bd-shead > a{white-space:nowrap;font-weight:700;color:var(--c-brand);padding-bottom:4px}
.bd-row .woocommerce{margin-top:4px}
.bd-origins{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} /* 8 cards since BLENDS + BONDS joined the grid */
@media(max-width:1023px){ .bd-origins{grid-template-columns:repeat(2,1fr)} }
.bd-origin{display:block;position:relative;background:#fff;border:1px solid var(--c-line);border-radius:var(--c-radius);padding:24px 22px 20px;overflow:hidden;color:var(--c-ink);text-decoration:none;transition:box-shadow .18s ease,transform .18s ease}
.bd-origin:hover{box-shadow:0 8px 28px rgba(11,11,13,.09);transform:translateY(-2px);color:var(--c-ink)}
.bd-o-bar{position:absolute;left:0;top:0;right:0;height:6px;background:var(--o)}
.bd-origin b{display:block;font-size:19px;font-weight:800;letter-spacing:-.02em;margin:4px 0 4px;font-family:'Manrope',system-ui,sans-serif}
.bd-o-meta{display:block;font-family:var(--mono);font-size:13px;font-weight:700;color:var(--o);margin-bottom:10px}
.bd-origin p{margin:0 0 14px;color:var(--c-muted);font-size:14.5px;line-height:1.5}
.bd-o-go{font-weight:700;font-size:14px;color:var(--c-ink)}
.bd-origin:hover .bd-o-go{color:var(--o)}
.bd-guide td b{font-weight:800;letter-spacing:-.01em}
.bd-guide td a{color:var(--c-ink);font-weight:600}
.bd-guide td a:hover{color:var(--c-brand)}
.bd-paths{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.bd-path{display:block;background:#fff;border:1px solid var(--c-line);border-radius:var(--c-radius);padding:20px;color:var(--c-ink);text-decoration:none;transition:box-shadow .18s ease,transform .18s ease}
.bd-path:hover{box-shadow:0 8px 28px rgba(11,11,13,.09);transform:translateY(-2px);color:var(--c-ink)}
.bd-path .eyebrow{margin-bottom:8px}
.bd-path b{display:block;font-size:16.5px;font-weight:800;margin-bottom:6px;letter-spacing:-.01em}
.bd-path span{color:var(--c-muted);font-size:14px;line-height:1.5}
.bd-who{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:start}
.bd-who ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.bd-who li{background:#fff;border:1px solid var(--c-line);border-radius:var(--c-radius-sm);padding:12px 14px;font-size:14.5px;line-height:1.5}
.hero-cta{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:768px){
  .bd-origins{grid-template-columns:1fr 1fr;gap:12px}
  .bd-origin{padding:20px 16px 16px}
  .bd-paths{grid-template-columns:1fr 1fr}
  .bd-who{grid-template-columns:1fr}
  .bd-shead{flex-direction:column;align-items:flex-start;gap:8px}
}
@media(max-width:480px){
  .bd-origins{grid-template-columns:1fr}
  .bd-paths{grid-template-columns:1fr}
}
/* ---- 9.14 Row rhythm: the category rows stacked 170px of padding between
   the last card and the next heading (measured). Tightened. */
.bd-row .w{padding-bottom:0}
.bd-row .woocommerce{padding-bottom:0} /* the .woocommerce wrapper carried 56px of its own (measured) */
.bd-row{padding-bottom:40px}
.bd-row ul.products li.product{margin-bottom:0}
.bd-row .woocommerce-loop-product__title{font-size:15.5px;font-weight:600;line-height:1.35;color:var(--c-ink);margin:0 0 8px}
/* ---- 9.15 Mobile menu button: measured 24x24, below the 44px tap floor ---- */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}
/* ---- 9.16 Footer (template part blendsdubai//footer, 5 Sep) ------------
   Replaces Twenty Twenty-Five's default footer and its eight # links. */
.bd-foot{background:var(--c-ink);color:#d4d4d8;font-size:14px}
.bd-foot a{color:#e4e4e7;text-decoration:none}
.bd-foot a:hover{color:#fff;text-decoration:underline}
.bd-foot-top{display:grid;grid-template-columns:1.25fr 2.5fr;gap:44px;padding:52px 22px 36px} /* side padding kept: .w's own 22px was being overridden (measured) */
.bd-foot-logo{font-family:'Manrope',system-ui,sans-serif;font-weight:800;font-size:22px;letter-spacing:-.02em;color:#fff !important;display:inline-block;margin-bottom:12px}
.bd-foot-brand p{margin:0 0 18px;max-width:38ch;line-height:1.55;color:#a1a1aa}
.bd-foot-brand .btn{background:var(--c-brand);color:#fff !important;border:none}
.bd-foot-brand .btn:hover{background:var(--c-brand-dark);text-decoration:none}
.bd-foot-cols{display:grid;grid-template-columns:1fr 1fr 1.3fr 1fr;gap:24px}
.bd-foot-h{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#a1a1aa;margin:0 0 12px;font-weight:700}
.bd-foot-col ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bd-foot-col--2 ul{grid-template-columns:1fr 1fr;column-gap:14px}
.bd-foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding:20px 22px 30px;display:grid;gap:6px;font-size:12.5px;color:#a1a1aa}
.bd-foot-bottom p{margin:0;max-width:none;line-height:1.5}
.wa-f{z-index:60}
@media(max-width:768px){
  .bd-foot-top{grid-template-columns:1fr;gap:28px;padding:40px 15px 28px}
  .bd-foot-bottom{padding:18px 15px 28px}
  .bd-foot-cols{grid-template-columns:1fr 1fr;gap:22px}
  .bd-foot-col ul{gap:10px}
  .bd-foot-col a{display:inline-block;min-height:28px;line-height:28px}
}
@media(max-width:480px){
  /* two columns even on phones: one column measured 1595px tall */
  .bd-foot-cols{grid-template-columns:1fr 1fr;gap:18px}
  .bd-foot-col--2 ul{grid-template-columns:1fr}
}
/* ---- 9.17 Load more (7 Sep) ------------------------------------------
   Cards beyond the first row are hidden by CSS until the script takes over
   (is-ready), so nothing flashes; the script then reveals 4 per click. */
.bd-loadmore:not(.is-ready)[data-show="4"] ul.products > li.product:nth-child(n+5),
.bd-loadmore:not(.is-ready)[data-show="8"] ul.products > li.product:nth-child(n+9),
.bd-loadmore:not(.is-ready)[data-show="3"] ul.products > li.product:nth-child(n+4){display:none}
.bd-loadmore ul.products > li.product.is-hidden{display:none}
.bd-more-wrap{text-align:center;margin-top:24px}
.bd-more-btn{min-width:220px;cursor:pointer;font-family:inherit}
.bd-more-btn[hidden]{display:none}
/* ---- 9.18 Section text centred (7 Sep, Akib's word) --------------------
   Every section header (eyebrow, heading, band, intro, link) and the hero
   sit on the centre line. Long prose blocks are block-centred with the
   text itself left-aligned so paragraphs stay readable. */
.hero .w{text-align:center;margin-left:auto;margin-right:auto}
.hero p{margin-left:auto !important;margin-right:auto !important}
.hero-cta{justify-content:center}
.bd-shead{flex-direction:column;align-items:center;text-align:center;gap:10px}
.bd-shead > div{display:flex;flex-direction:column;align-items:center}
.bd-shead h2,.bd-shead h3,.bd-band{text-align:center}
.bd-intro{margin-left:auto;margin-right:auto;text-align:center}
.bd-shead > a{padding-bottom:0}
.shead{flex-direction:column;align-items:center;text-align:center;gap:8px}
.sec .prose{margin-left:auto;margin-right:auto;max-width:78ch}
.sec .prose h2{text-align:center}
.sec .faq{max-width:840px;margin-left:auto;margin-right:auto}
.deals .w{margin-left:auto;margin-right:auto;text-align:center}
#prices > .w > p{text-align:center}
.usp .c{text-align:center}
.steps .step{text-align:center}
.bd-path{text-align:center}
.bd-who{grid-template-columns:1fr;max-width:820px;margin:0 auto}
.bd-who .prose{text-align:center}
.bd-who ul{grid-template-columns:1fr 1fr}
.bd-who li{text-align:center}
@media(max-width:768px){
  .bd-shead{align-items:center}
  .bd-who ul{grid-template-columns:1fr}
}
/* ---- 9.19 Mobile menu accordion (7 Sep) ---------------------------------
   In the overlay, submenus are collapsed until their parent is tapped;
   the arrow (hidden by core in the overlay) comes back as a 44px toggle. */
.wp-block-navigation__responsive-container.is-menu-open li.has-child{display:flex;flex-wrap:wrap;align-items:center}
.wp-block-navigation__responsive-container.is-menu-open li.has-child > .wp-block-navigation-item__content{flex:1 1 auto;min-height:44px;display:flex;align-items:center;font-weight:700}
.wp-block-navigation__responsive-container.is-menu-open li.has-child > .wp-block-navigation-submenu__toggle{display:flex !important;width:44px;height:44px;align-items:center;justify-content:center;border:0;background:transparent;color:inherit;padding:0;transition:transform .15s ease}
.wp-block-navigation__responsive-container.is-menu-open li.has-child.bd-open > .wp-block-navigation-submenu__toggle{transform:rotate(180deg)}
.wp-block-navigation__responsive-container.is-menu-open li.has-child > .wp-block-navigation__submenu-container{display:none !important}
.wp-block-navigation__responsive-container.is-menu-open li.has-child.bd-open > .wp-block-navigation__submenu-container{display:flex !important;flex-direction:column;flex-basis:100%;width:100%;gap:0;margin:4px 0 12px 8px;padding-left:14px;border-left:2px solid var(--c-line)}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{font-size:16px;font-weight:500;padding:9px 8px;min-height:44px;display:flex;align-items:center}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container > li:first-child .wp-block-navigation-item__content{font-weight:700}
/* 9.19b — overlay rows full width and left-aligned; the nav's right-justification
   was shrinking each row to its label and wrapping the arrow underneath (measured). */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{align-items:stretch !important;width:100%;gap:2px}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > li{width:100%;text-align:left;justify-content:space-between}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > li > .wp-block-navigation-item__content{flex:1 1 0;min-height:48px;display:flex;align-items:center;font-size:17px;font-weight:700;padding:8px 12px;border-radius:12px}
.wp-block-navigation__responsive-container.is-menu-open li.has-child > .wp-block-navigation-submenu__toggle{flex:0 0 44px}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{min-height:40px;padding:6px 10px;line-height:1.3;font-size:16px}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container > li{width:100%}
/* 9.19c — core's overlay CSS forces .wp-block-navigation-item to flex-direction:column,
   which stacked the label above the arrow (measured). Row direction, forced. */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > li.wp-block-navigation-item{display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;align-items:center !important;justify-content:space-between !important;width:100% !important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > li > .wp-block-navigation-item__content{flex:1 1 0 !important;width:auto !important;text-align:left !important;justify-content:flex-start !important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container > li.wp-block-navigation-item{display:flex !important;flex-direction:row !important;width:100% !important;align-items:center !important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container > li > .wp-block-navigation-item__content{flex:1 1 0 !important;width:auto !important;text-align:left !important;justify-content:flex-start !important}
/* 9.19d — core pre-rotates the chevron 180° in the overlay (submenus are open by
   default there), so closed rows pointed up. Reset the icon: closed = down, open = up. */
.wp-block-navigation__responsive-container.is-menu-open li.has-child > .wp-block-navigation-submenu__toggle svg{transform:none !important}
/* ---- 9.20 Cart UX: quantity steppers + Added-to-cart popup (7 Sep) ----- */
.bd-buy{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bd-buy .button{flex:1 1 120px;margin:0}
.bd-qty{display:inline-flex;align-items:center;border:1.5px solid #d9d9e0;border-radius:var(--c-pill);height:44px;overflow:hidden;flex:0 0 auto;background:#fff}
.bd-qty-btn{width:36px;height:42px;border:0;background:transparent;font-size:19px;font-weight:700;line-height:1;cursor:pointer;color:var(--c-ink);font-family:inherit;padding:0;display:flex;align-items:center;justify-content:center}
.bd-qty-btn:hover{background:var(--c-surface);color:var(--c-brand)}
.bd-qty-in{width:36px;height:42px;border:0 !important;text-align:center;font-weight:700;font-size:16px !important;background:transparent;padding:0;-moz-appearance:textfield;appearance:textfield;box-shadow:none !important;outline:none}
.bd-qty-in::-webkit-outer-spin-button,.bd-qty-in::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
/* product page: the existing pill gets the same +/- */
.woocommerce div.product form.cart .quantity{display:inline-flex;align-items:center;padding:0;width:auto}
.woocommerce div.product form.cart .quantity .bd-qty-btn{width:42px;height:52px;flex:0 0 42px}
.woocommerce div.product form.cart .quantity input.qty{width:52px;-moz-appearance:textfield;appearance:textfield}
.woocommerce div.product form.cart .quantity input.qty::-webkit-outer-spin-button,.woocommerce div.product form.cart .quantity input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
/* the popup */
.bd-pop{position:fixed;inset:0;z-index:100000;display:none}
.bd-pop.is-open{display:block}
.bd-pop-bg{position:absolute;inset:0;background:rgba(11,11,13,.55)}
.bd-pop-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,calc(100% - 32px));background:#fff;border-radius:var(--c-radius);padding:28px 26px 24px;box-shadow:0 24px 64px rgba(0,0,0,.25);text-align:left}
.bd-pop-x{position:absolute;top:8px;right:10px;width:44px;height:44px;border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:var(--c-muted)}
.bd-pop-title{margin:6px 0 8px;font-size:20px;font-weight:800;letter-spacing:-.02em;font-family:'Manrope',system-ui,sans-serif;text-align:left}
.bd-pop-sub{margin:0 0 4px;font-weight:600;text-align:left}
.bd-pop-ship{margin:0 0 18px;color:var(--c-muted);font-size:14px;text-align:left}
.bd-pop-actions{display:grid;gap:8px}
.bd-pop-actions .btn{width:100%;justify-content:center;text-align:center;display:inline-flex;align-items:center;min-height:46px}
html.bd-pop-lock{overflow:hidden}
@media(max-width:600px){
  .bd-pop-card{top:auto;bottom:0;left:0;transform:none;width:100%;border-radius:20px 20px 0 0;padding:22px 18px calc(18px + env(safe-area-inset-bottom))}
}
@media(max-width:768px){
  .bd-buy{gap:6px}
  .bd-buy .button{flex:1 1 100%}
  .bd-qty{height:42px;width:100%;justify-content:space-between}
  .bd-qty-in{flex:1 1 auto}
}
/* 9.20b — stepper aligned: full card width, number centred, button below (Akib: "align +- properly") */
.bd-buy{flex-direction:column;align-items:stretch;gap:8px}
.bd-buy .bd-qty{width:100%;justify-content:space-between;height:44px}
.bd-buy .bd-qty-btn{width:44px;height:42px;flex:0 0 44px}
.bd-buy .bd-qty-in{flex:1 1 auto;width:auto;min-width:0}
.bd-buy .button{width:100%;flex:none;margin:0}
@media(max-width:768px){ .bd-qty{height:44px} }
/* 9.20c — the card button was content-box + width:100% + 30px side padding and
   overflowed the card by 76px (measured, clipped by overflow:hidden). Border-box,
   and the stepper shares the same 14px inset. */
.bd-buy{padding:0 14px 14px;margin:0;box-sizing:border-box;width:100%}
.bd-buy .button{box-sizing:border-box !important;width:100% !important;margin:0 !important;padding:12px 16px !important;text-align:center;display:block;white-space:nowrap}
.bd-buy .bd-qty{width:100%;box-sizing:border-box;margin:0}
/* 9.20d — popup card was content-box: 426px wide on a 390px phone (measured). */
.bd-pop-card{box-sizing:border-box}
.bd-pop-actions .btn{padding:12px 16px;min-height:46px;line-height:1.2;box-sizing:border-box} /* content-box made it 73px (measured) */

/* ---- 9.21 Logo (7 Sep, Akib's word: Option C wordmark) -----------------
   Header uses the core site-logo block (media 385); footer uses the white
   version (media 386); browser icon is the square mark (media 387). */
.wp-block-site-logo{line-height:0}
.wp-block-site-logo a{display:inline-block;line-height:0}
.wp-block-site-logo img.custom-logo{height:38px;width:auto;max-width:none}
@media (max-width:640px){.wp-block-site-logo img.custom-logo{height:30px}}
.bd-foot-logo{display:inline-block;line-height:0}
.bd-foot-logo img{height:34px;width:auto;display:block}

/* ---- 9.22 SEO content layer (7 Sep, Akib's word) ----------------------
   Category intro under the H1, the guide + Q&A below the product grid,
   and the facts block at the top of every product description. */
.bd-cat-intro{max-width:70ch;margin:0 auto 6px;text-align:center;font-size:17px;line-height:1.55;color:var(--ink-2)}
.bd-cat-content{max-width:840px;margin:56px auto 24px;padding:0 4px}
.bd-cat-content h2{font-family:'Manrope';font-weight:800;letter-spacing:-.02em;font-size:30px;line-height:1.15;margin:40px 0 14px}
.bd-cat-content > h2:first-child{margin-top:0}
.bd-cat-content h3{font-family:'Manrope';font-weight:800;font-size:20px;line-height:1.25;margin:28px 0 10px}
.bd-cat-content p,.bd-cat-content li{font-size:16.5px;line-height:1.65}
.bd-cat-content ul,.bd-cat-content ol{padding-left:22px;margin:0 0 18px}
.bd-cat-content table{width:100%;border-collapse:collapse;font-size:15px;margin:14px 0 22px}
.bd-cat-content th,.bd-cat-content td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.bd-cat-content th{font-weight:700;background:var(--alt)}
.bd-cat-content .bd-links{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 22px;padding:0;list-style:none}
.bd-cat-content .bd-links li{margin:0}
.bd-cat-content .bd-links a{display:inline-block;padding:9px 14px;border:1px solid var(--line);border-radius:999px;font-weight:700;font-size:14px;text-decoration:none;color:var(--ink);background:#fff}
.bd-cat-content .bd-links a:hover{border-color:var(--brand);color:var(--brand)}
.bd-cat-content .qa{border-bottom:1px solid var(--line)}
.bd-facts{margin:0 0 28px;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:var(--alt)}
.bd-facts h2{font-size:20px;margin:0 0 14px}
.bd-facts dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}
.bd-facts .bd-fact{margin:0}
.bd-facts dt{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--ink-2);margin:0 0 3px}
.bd-facts dd{margin:0;font-size:15px;line-height:1.5}
@media (max-width:640px){.bd-facts dl{grid-template-columns:1fr}.bd-facts{padding:16px}.bd-cat-content h2{font-size:25px}.bd-cat-content{margin-top:36px}.bd-cat-intro{font-size:16px}}

/* ---- 9.23 Delivery-area pages + content polish (7 Sep, Akib's word) -----
   34 area pages under /delivery-areas/, the intro alignment on category
   pages, and the count/price accents in the pill lists. */
html{overflow-x:clip}
.bd-cat-intro{text-align:left;margin:0 0 6px;max-width:none}
.bd-links .bd-pr{color:var(--ink-2);font-weight:600;margin-left:4px}
.bd-area .eyebrow{margin:0 0 10px}
.bd-area .bd-lead{font-size:18px;line-height:1.55;margin:0 0 22px}
.bd-area h2{font-family:'Manrope';font-weight:800;letter-spacing:-.02em;font-size:30px;line-height:1.15;margin:40px 0 14px}
.bd-area h3{font-family:'Manrope';font-weight:800;font-size:20px;line-height:1.25;margin:28px 0 10px}
.bd-area p,.bd-area li{font-size:16.5px;line-height:1.65}
.bd-area .bd-links{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 22px;padding:0;list-style:none}
.bd-area .bd-links li{margin:0}
.bd-area .bd-links a{display:inline-block;padding:9px 14px;border:1px solid var(--line);border-radius:999px;font-weight:700;font-size:14px;text-decoration:none;color:var(--ink);background:#fff}
.bd-area .bd-links a:hover{border-color:var(--brand);color:var(--brand)}
.bd-area .bd-row{width:100vw;margin-left:calc(50% - 50vw)}
.bd-area .qa{border-bottom:1px solid var(--line)}
.bd-area-hub h3 .bd-pr{font-size:14px;font-weight:600;color:var(--ink-2);margin-left:8px;letter-spacing:0}
@media (max-width:640px){.bd-area h2{font-size:25px}.bd-area .bd-lead{font-size:17px}}

/* ---- 9.24 Guides (blog posts) + eyebrow fix (7 Sep, Akib's word) -------- */
.bd-area p.eyebrow,.bd-post p.eyebrow{font-size:12px;line-height:1.4}
.bd-post h2{font-family:'Manrope';font-weight:800;letter-spacing:-.02em;font-size:30px;line-height:1.15;margin:40px 0 14px}
.bd-post h3{font-family:'Manrope';font-weight:800;font-size:20px;line-height:1.25;margin:28px 0 10px}
.bd-post p,.bd-post li{font-size:17px;line-height:1.7}
.bd-post > p:first-child{font-size:19px;line-height:1.6}
.bd-post table{width:100%;border-collapse:collapse;font-size:15px;margin:14px 0 22px}
.bd-post th,.bd-post td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.bd-post th{font-weight:700;background:var(--alt)}
.bd-post .qa{border-bottom:1px solid var(--line)}
.bd-post .bd-honest{font-size:14px;color:var(--ink-2);margin-top:28px}
.bd-cat-content .bd-honest,.bd-area .bd-honest{font-size:14px;color:var(--ink-2);margin-top:28px}
@media (max-width:640px){.bd-post h2{font-size:25px}.bd-post p,.bd-post li{font-size:16.5px}.bd-post > p:first-child{font-size:17.5px}}