/* ═══════════════════════════════════════════
   HIBRO LUXURY THEME — MASTER STYLESHEET
   Gold = prices + section headers ONLY
   Everything else = white / white gradient
═══════════════════════════════════════════ */

/* ── TOKENS ── */
:root {
  --black:#0A0A0A; --black2:#111; --black3:#1A1A1A;
  --surface:#141414; --surface2:#1C1C1C; --surface3:#222;
  --white:#FFF; --w2:rgba(255,255,255,.85); --w3:rgba(255,255,255,.5);
  --w4:rgba(255,255,255,.1); --w5:rgba(255,255,255,.06);
  --border:rgba(255,255,255,.09); --border-w:rgba(255,255,255,.22);
  --gold:#C9A84C; --gold2:#E8C97A;
  --gold-grad:linear-gradient(135deg,#C9A84C 0%,#E8C97A 52%,#C9A84C 100%);
  --wg:linear-gradient(135deg,#fff 0%,#ddd8d0 52%,#fff 100%);
  --r-sm:8px; --r-md:16px; --r-lg:24px; --r-xl:36px; --r-pill:100px;
  --serif:'Playfair Display',Georgia,serif;
  --serif2:'Cormorant Garamond',Georgia,serif;
  --sans:'DM Sans',sans-serif;
}

/* ── RESET ── */
*, *::before, *::after { box-sizing:border-box; margin:0; padding:0 }
html { scroll-behavior:smooth }
body { background:var(--black); color:var(--white); font-family:var(--sans); font-weight:300; overflow-x:hidden }
a { color:inherit; text-decoration:none }
img { display:block; max-width:100% }
button { cursor:pointer; font-family:var(--sans) }
::-webkit-scrollbar { width:3px }
::-webkit-scrollbar-track { background:var(--black) }
::-webkit-scrollbar-thumb { background:rgba(255,255,255,.2); border-radius:2px }

/* ── ANNOUNCEMENT ── */
.ann { background:var(--wg); color:var(--black); text-align:center; padding:9px 20px; font-size:11px; letter-spacing:.14em; font-weight:500; text-transform:uppercase }

/* ── NAV ── */
nav#navbar { position:sticky; top:0; z-index:1000; background:rgba(10,10,10,.96); backdrop-filter:blur(22px); border-bottom:1px solid var(--border); padding:0 52px; display:flex; align-items:center; justify-content:space-between; height:68px; transition:border-color .3s }
.nav-logo { display:flex; align-items:center; text-decoration:none; flex-shrink:0 }
.hibro-logo-img { height:44px; width:auto; display:block; object-fit:contain; filter:brightness(1); transition:opacity .2s }
.nav-logo:hover .hibro-logo-img { opacity:.85 }
.nav-links { display:flex; gap:32px; list-style:none }
.nav-links a { color:var(--w3); font-size:11px; letter-spacing:.1em; text-transform:uppercase; font-weight:400; transition:color .2s; position:relative }
.nav-links a::after { content:''; position:absolute; bottom:-4px; left:0; width:0; height:1px; background:var(--white); transition:width .3s }
.nav-links a:hover, .nav-links a.active { color:var(--white) }
.nav-links a:hover::after, .nav-links a.active::after { width:100% }
.nav-right { display:flex; align-items:center; gap:10px }
.nav-icon-btn { background:none; border:none; color:var(--w3); padding:8px; border-radius:50%; transition:color .2s,background .2s; display:flex; align-items:center }
.nav-icon-btn:hover { color:var(--white); background:var(--w4) }
.nav-icon-btn svg { width:17px; height:17px; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round }
.cart-btn { background:var(--wg); border:none; border-radius:var(--r-pill); padding:9px 20px; display:flex; align-items:center; gap:7px; font-size:11.5px; font-weight:500; color:var(--black); letter-spacing:.04em; transition:opacity .2s,transform .15s,box-shadow .2s; box-shadow:0 2px 16px rgba(255,255,255,.1) }
.cart-btn:hover { opacity:.86; transform:translateY(-1px); box-shadow:0 5px 24px rgba(255,255,255,.18) }
.cart-btn svg { width:15px; height:15px; stroke:var(--black); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round }
.cart-badge { background:var(--black); color:var(--white); border-radius:50%; width:17px; height:17px; font-size:10px; display:flex; align-items:center; justify-content:center; font-weight:500 }
.hamburger { display:none; flex-direction:column; gap:5px; background:none; border:none; padding:8px }
.hamburger span { display:block; width:20px; height:1.5px; background:var(--white); border-radius:2px }

/* ── SEARCH OVERLAY ── */
.search-overlay { position:fixed; inset:0; background:rgba(5,5,5,.97); z-index:3000; display:flex; align-items:center; justify-content:center; opacity:0; pointer-events:none; transition:opacity .3s }
.search-overlay.show { opacity:1; pointer-events:all }
.search-close { position:absolute; top:24px; right:24px; background:var(--surface2); border:1px solid var(--border-w); border-radius:50%; width:44px; height:44px; display:flex; align-items:center; justify-content:center; color:var(--white); font-size:20px; transition:background .2s }
.search-close:hover { background:var(--surface3) }
.search-form { display:flex; gap:12px; width:100%; max-width:600px; padding:0 24px }
.search-input { flex:1; background:var(--surface); border:1px solid var(--border-w); border-radius:var(--r-pill); padding:16px 24px; font-family:var(--sans); font-size:16px; color:var(--white); outline:none }
.search-input::placeholder { color:var(--w3) }
.search-input:focus { border-color:rgba(255,255,255,.4) }
.search-submit { background:var(--wg); border:none; border-radius:50%; width:52px; height:52px; display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:transform .2s,box-shadow .2s; box-shadow:0 2px 14px rgba(255,255,255,.1) }
.search-submit:hover { transform:scale(1.06); box-shadow:0 4px 22px rgba(255,255,255,.22) }
.search-submit svg { width:20px; height:20px; stroke:var(--black); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round }

/* ── MOBILE NAV ── */
.mob-nav { position:fixed; top:0; right:0; bottom:0; width:286px; background:var(--surface); border-left:1px solid var(--border); z-index:2000; padding:70px 32px 32px; transform:translateX(100%); transition:transform .35s; display:flex; flex-direction:column }
.mob-nav.open { transform:translateX(0) }
.mob-nav a { color:var(--white); font-family:var(--serif); font-size:20px; font-weight:500; padding:18px 0; border-bottom:1px solid var(--border); display:block; transition:color .2s }
.mob-nav a:hover { color:var(--w2) }
.mob-close { position:absolute; top:20px; right:20px; background:none; border:1px solid var(--border); border-radius:50%; width:36px; height:36px; display:flex; align-items:center; justify-content:center; color:var(--white); font-size:15px }
.mob-close:hover { border-color:var(--border-w) }
.overlay { position:fixed; inset:0; background:rgba(0,0,0,.72); z-index:1500; opacity:0; pointer-events:none; transition:opacity .3s; backdrop-filter:blur(4px) }
.overlay.show { opacity:1; pointer-events:all }

/* ── HERO SLIDER ── */
.hero-slider { position:relative; height:100vh; min-height:640px; overflow:hidden }
.slides-track { display:flex; height:100%; transition:transform .9s cubic-bezier(.77,0,.18,1) }
.slide { min-width:100%; height:100%; position:relative; flex-shrink:0 }
.slide-img { position:absolute; inset:0; background-size:cover; background-position:center; transform:scale(1.07); transition:transform 8s ease }
.slide-img--placeholder { background:var(--surface) }
.slide.active .slide-img { transform:scale(1) }
.slide-overlay { position:absolute; inset:0; background:linear-gradient(110deg,rgba(8,8,8,.92) 0%,rgba(8,8,8,.62) 45%,rgba(8,8,8,.2) 100%) }
.slide-content { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; padding:0 88px 180px; max-width:700px }
.s-eyebrow, .s-headline, .s-sub, .s-actions { opacity:0; transform:translateY(20px) }
.slide.active .s-eyebrow { animation:sUp .65s .25s forwards }
.slide.active .s-headline { animation:sUp .65s .42s forwards }
.slide.active .s-sub { animation:sUp .65s .58s forwards }
.slide.active .s-actions { animation:sUp .65s .72s forwards }
@keyframes sUp { to { opacity:1; transform:translateY(0) } }
.s-eyebrow { display:inline-flex; align-items:center; gap:10px; margin-bottom:20px }
.ey-line { width:36px; height:1px; background:var(--w3) }
.ey-text { font-size:10px; letter-spacing:.24em; text-transform:uppercase; color:var(--w3); font-weight:500 }
.s-headline { font-family:var(--serif); font-size:clamp(48px,6.5vw,90px); font-weight:700; line-height:1.01; margin-bottom:22px; color:var(--white) }
.s-headline em { font-style:italic; background:var(--wg); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text }
.s-sub { font-size:15px; color:var(--w3); line-height:1.8; max-width:420px; margin-bottom:38px; font-weight:300 }
.s-actions { display:flex; gap:14px; align-items:center; flex-wrap:wrap }
.s-card { position:absolute; right:80px; bottom:110px; background:rgba(8,8,8,.84); border:1px solid var(--border-w); border-radius:var(--r-md); padding:18px 22px; backdrop-filter:blur(18px); opacity:0; transform:translateY(18px); transition:opacity .6s .92s,transform .6s .92s }
.slide.active .s-card { opacity:1; transform:translateY(0) }
.s-card-label { font-size:10px; letter-spacing:.15em; text-transform:uppercase; color:var(--w3); margin-bottom:5px }
.s-card-name { font-size:14px; font-weight:500; color:var(--white); margin-bottom:8px }
.s-card-price { font-family:var(--serif); font-size:20px; font-weight:700; background:var(--gold-grad); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text }
.sl-controls { position:absolute; bottom:100px; left:88px; display:flex; align-items:center; gap:14px; z-index:20 }
.sl-arrow { width:44px; height:44px; border:1px solid var(--border-w); border-radius:50%; background:rgba(255,255,255,.07); display:flex; align-items:center; justify-content:center; transition:border-color .2s,background .2s; backdrop-filter:blur(8px) }
.sl-arrow:hover { border-color:rgba(255,255,255,.5); background:rgba(255,255,255,.14) }
.sl-arrow svg { width:18px; height:18px; stroke:var(--white); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round }
.sl-dots { display:flex; gap:8px; align-items:center }
.dot { width:6px; height:6px; border-radius:3px; background:rgba(255,255,255,.28); transition:width .35s,background .35s }
.dot.on { width:24px; background:var(--white) }
.sl-num { font-size:11px; color:var(--w3); letter-spacing:.1em; margin-left:6px }
.hero-qnav { position:absolute; bottom:0; left:0; right:0; z-index:20; background:rgba(8,8,8,.78); backdrop-filter:blur(18px); border-top:1px solid var(--border); display:flex }
.qnav-item { flex:1; padding:18px 24px; display:flex; align-items:center; gap:14px; border-right:1px solid var(--border); transition:background .25s; color:var(--white) }
.qnav-item:last-child { border-right:none }
.qnav-item:hover { background:rgba(255,255,255,.05) }
.qnav-icon { width:38px; height:38px; border-radius:10px; border:1px solid var(--border-w); display:flex; align-items:center; justify-content:center; flex-shrink:0; background:rgba(255,255,255,.06) }
.qnav-icon svg { width:18px; height:18px; stroke:var(--white); fill:none; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round }
.qnav-label { font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--w3); margin-bottom:2px; font-weight:500 }
.qnav-name { font-family:var(--serif); font-size:16px; font-weight:500; color:var(--white) }

/* ── BUTTONS ── */
.btn-primary { background:var(--wg); color:var(--black); border:none; border-radius:var(--r-pill); padding:15px 36px; font-size:12.5px; font-weight:500; letter-spacing:.07em; text-transform:uppercase; display:inline-block; transition:transform .2s,box-shadow .2s; box-shadow:0 4px 28px rgba(255,255,255,.18) }
.btn-primary:hover { transform:translateY(-2px); box-shadow:0 8px 40px rgba(255,255,255,.28) }
.btn-outline { color:var(--white); border:1px solid rgba(255,255,255,.22); border-radius:var(--r-pill); padding:14px 36px; font-size:12.5px; font-weight:400; letter-spacing:.07em; text-transform:uppercase; display:inline-block; background:rgba(255,255,255,.05); transition:border-color .2s,background .2s,transform .2s; backdrop-filter:blur(10px) }
.btn-outline:hover { border-color:rgba(255,255,255,.5); background:rgba(255,255,255,.1); transform:translateY(-2px) }

/* ── MARQUEE ── */
.mq-wrap { padding:30px 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); overflow:hidden; background:var(--surface) }
.mq-track { display:flex; gap:52px; animation:mq 22s linear infinite; width:max-content }
@keyframes mq { from { transform:translateX(0) } to { transform:translateX(-50%) } }
.mq-item { display:flex; align-items:center; gap:18px; white-space:nowrap }
.mq-text { font-family:var(--serif2); font-size:17px; color:var(--w3); font-style:italic }
.mq-dot { width:4px; height:4px; border-radius:50%; background:var(--w3); flex-shrink:0 }

/* ── SECTIONS ── */
.section { padding:80px 60px }
.sec-head { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:44px }
.ey { font-size:10px; letter-spacing:.24em; text-transform:uppercase; color:var(--w3); font-weight:500; margin-bottom:10px }
.st { font-family:var(--serif); font-size:clamp(28px,3.5vw,42px); font-weight:700; line-height:1.15; background:var(--gold-grad); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text }
.view-all { color:var(--w3); font-size:11.5px; letter-spacing:.1em; text-transform:uppercase; border-bottom:1px solid var(--border-w); padding-bottom:2px; transition:color .2s,border-color .2s; white-space:nowrap }
.view-all:hover { color:var(--white); border-color:var(--white) }

/* ── CATEGORY CARDS ── */
.cats { display:flex; gap:16px; overflow-x:auto; padding-bottom:12px; scrollbar-width:none }
.cats::-webkit-scrollbar { display:none }
.cat-card { flex:0 0 180px; height:234px; border-radius:var(--r-lg); border:1px solid var(--border); display:flex; flex-direction:column; align-items:center; justify-content:flex-end; padding:22px 16px; position:relative; overflow:hidden; transition:border-color .3s,transform .3s }
.cat-card:hover { border-color:var(--border-w); transform:translateY(-6px) }
.cat-img { position:absolute; inset:0; background-size:cover; background-position:center; transition:transform .5s }
.cat-card:hover .cat-img { transform:scale(1.07) }
.cat-card::before { content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgba(10,10,10,.2) 0%,rgba(10,10,10,.84) 100%); z-index:1 }
.cat-name { font-family:var(--serif); font-size:16px; font-weight:500; color:var(--white); position:relative; z-index:2; margin-bottom:3px }
.cat-cnt { font-size:10.5px; color:var(--w3); position:relative; z-index:2 }

/* ── PRODUCT CARDS ── */
.pgrid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px }
.asc { display:flex; gap:20px; overflow-x:auto; padding-bottom:14px; scrollbar-width:none }
.asc::-webkit-scrollbar { display:none }
.ac { flex:0 0 250px; background:var(--surface); border-radius:var(--r-lg); border:1px solid var(--border); overflow:hidden; transition:border-color .3s,transform .3s }
.ac:hover { border-color:var(--border-w); transform:translateY(-4px) }
.ac-img { height:200px; position:relative; overflow:hidden }
.ac-img img { width:100%; height:100%; object-fit:cover; transition:transform .5s }
.ac:hover .ac-img img { transform:scale(1.07) }
.pc { background:var(--surface); border-radius:var(--r-lg); border:1px solid var(--border); overflow:hidden; transition:border-color .3s,transform .3s; animation:fadeUp .5s ease both }
@keyframes fadeUp { from { opacity:0; transform:translateY(16px) } to { opacity:1; transform:translateY(0) } }
.pc:hover { border-color:var(--border-w); transform:translateY(-4px) }
.p-img { height:260px; position:relative; overflow:hidden }
.p-img img { width:100%; height:100%; object-fit:cover; transition:transform .55s ease }
.pc:hover .p-img img { transform:scale(1.06) }
.p-wish { position:absolute; top:12px; right:12px; width:34px; height:34px; background:rgba(8,8,8,.78); border:1px solid var(--border); border-radius:50%; display:flex; align-items:center; justify-content:center; transition:background .2s,border-color .2s; z-index:3; backdrop-filter:blur(6px) }
.p-wish:hover { background:rgba(255,255,255,.1); border-color:var(--border-w) }
.p-wish svg { width:14px; height:14px; stroke:rgba(255,255,255,.6); fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transition:stroke .2s,fill .2s }
.p-wish.on svg { stroke:#e8476a; fill:#e8476a }
.pbadge { position:absolute; top:12px; left:12px; padding:3px 10px; border-radius:var(--r-pill); font-size:10px; font-weight:600; letter-spacing:.1em; text-transform:uppercase }
.badge-new { background:rgba(255,255,255,.1); color:var(--white); border:1px solid rgba(255,255,255,.2) }
.badge-hot { background:rgba(232,71,106,.16); color:#e8476a; border:1px solid rgba(232,71,106,.25) }
.badge-sale { background:rgba(255,255,255,.07); color:var(--w3); border:1px solid var(--border) }
.p-info { padding:16px 18px 18px }
.p-brand { font-size:10px; letter-spacing:.15em; text-transform:uppercase; color:var(--w3); margin-bottom:4px }
.p-name { font-family:var(--serif); font-size:16px; font-weight:500; color:var(--white); margin-bottom:8px; line-height:1.3 }
.p-name a { color:inherit }
.p-name a:hover { color:var(--w2) }
.p-bot { display:flex; justify-content:space-between; align-items:center }
.p-price { font-family:var(--serif); font-size:17px; font-weight:700; background:var(--gold-grad); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text }
.atc { width:34px; height:34px; background:var(--wg); border:none; border-radius:50%; display:flex; align-items:center; justify-content:center; transition:transform .2s,box-shadow .2s; flex-shrink:0; box-shadow:0 2px 10px rgba(255,255,255,.1) }
.atc:hover { transform:scale(1.12); box-shadow:0 4px 20px rgba(255,255,255,.22) }
.atc svg { width:15px; height:15px; stroke:#111; fill:none; stroke-width:2.3; stroke-linecap:round; stroke-linejoin:round }

/* ── COLLECTION BANNERS ── */
.cgrid { display:grid; grid-template-columns:1fr 1fr; gap:20px }
.cbanner { border-radius:var(--r-lg); height:400px; position:relative; overflow:hidden; display:flex; align-items:flex-end; padding:36px; transition:border-color .3s; border:1px solid var(--border) }
.cbanner:hover { border-color:var(--border-w) }
.cimg { position:absolute; inset:0; background-size:cover; background-position:center; transition:transform .6s }
.cbanner:hover .cimg { transform:scale(1.05) }
.cbanner::before { content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgba(8,8,8,.08) 0%,rgba(8,8,8,.88) 100%); z-index:1 }
.ccont { position:relative; z-index:2 }
.ctag { font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:var(--w3); margin-bottom:10px; font-weight:500 }
.ctitle { font-family:var(--serif); font-size:clamp(24px,3vw,34px); font-weight:700; line-height:1.15; margin-bottom:16px; color:var(--white) }
.ccta { display:inline-flex; align-items:center; gap:8px; font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--w2); font-weight:500; transition:gap .2s }
.cbanner:hover .ccta { gap:14px }

/* ── PROMO ── */
.promo { margin:0 60px 80px; background:linear-gradient(135deg,#141414 0%,#0d0d0d 50%,#141414 100%); border:1px solid var(--border-w); border-radius:var(--r-xl); padding:60px 80px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:40px; position:relative; overflow:hidden }
.promo-title { font-family:var(--serif); font-size:clamp(26px,3.2vw,44px); font-weight:700; line-height:1.12; margin-bottom:12px; background:var(--gold-grad); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text }

/* ── TESTIMONIALS ── */
.tgrid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px }
.tc { background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); padding:28px; transition:border-color .3s }
.tc:hover { border-color:var(--border-w) }
.tc-stars { color:var(--w3); font-size:14px; margin-bottom:16px; letter-spacing:2px }
.tc-text { font-family:var(--serif2); font-size:17px; line-height:1.75; color:var(--w2); font-style:italic; margin-bottom:20px }
.tc-auth { display:flex; align-items:center; gap:12px }
.tc-av { width:40px; height:40px; border-radius:50%; background:var(--wg); display:flex; align-items:center; justify-content:center; font-weight:600; font-size:13px; color:var(--black); flex-shrink:0 }
.tc-name { font-size:14px; font-weight:500; color:var(--white) }
.tc-city { font-size:11px; color:var(--w3); margin-top:2px }

/* ── NEWSLETTER ── */
.nlwrap { margin:0 60px 80px; background:var(--surface); border:1px solid var(--border); border-radius:var(--r-xl); padding:60px 80px; display:flex; align-items:center; justify-content:space-between; gap:40px; flex-wrap:wrap }
.nl-title { font-family:var(--serif); font-size:clamp(22px,2.8vw,36px); font-weight:700; line-height:1.2; background:var(--gold-grad); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text }
.nlform, .hibro-nl-form { display:flex; gap:12px; flex:1; min-width:280px; max-width:480px; width:100% }
.nlinput { flex:1; background:var(--black3); border:1px solid var(--border); border-radius:var(--r-pill); padding:14px 24px; font-family:var(--sans); font-size:14px; color:var(--white); outline:none; transition:border-color .2s }
.nlinput::placeholder { color:var(--w3) }
.nlinput:focus { border-color:var(--border-w) }

/* ── FOOTER ── */
footer#site-footer { background:var(--surface); border-top:1px solid var(--border); padding:60px }
.fgrid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:60px; margin-bottom:50px }
.flogo { display:block; margin-bottom:16px; text-decoration:none }
.hibro-footer-logo-img { height:56px; width:auto; display:block; object-fit:contain; filter:brightness(1); transition:opacity .2s }
.flogo:hover .hibro-footer-logo-img { opacity:.8 }
.fdesc { font-size:13.5px; color:var(--w3); line-height:1.8; max-width:270px; margin-bottom:26px }
.fsocial { display:flex; gap:10px }
.sbtn { width:36px; height:36px; border-radius:50%; border:1px solid var(--border); display:flex; align-items:center; justify-content:center; transition:border-color .2s,background .2s }
.sbtn:hover { border-color:var(--border-w); background:var(--w4) }
.sbtn svg { width:15px; height:15px; stroke:var(--w3); fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transition:stroke .2s }
.sbtn:hover svg { stroke:var(--white) }
.fct { font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--w3); font-weight:500; margin-bottom:18px }
.flinks { list-style:none; display:flex; flex-direction:column; gap:11px }
.flinks a { color:var(--w3); font-size:13.5px; transition:color .2s }
.flinks a:hover { color:var(--white) }
.fbot { display:flex; justify-content:space-between; align-items:center; padding-top:26px; border-top:1px solid var(--border); gap:20px; flex-wrap:wrap }
.fcopy { font-size:12px; color:var(--w3) }
.payrow { display:flex; gap:9px; align-items:center }
.paybadge { background:var(--black3); border:1px solid var(--border); border-radius:8px; padding:6px 12px; font-size:10px; font-weight:500; color:var(--w3); letter-spacing:.04em }

/* ── TOAST ── */
.toast-wrap { position:fixed; bottom:28px; right:28px; z-index:9999; display:flex; flex-direction:column; gap:9px; pointer-events:none }
.toast { background:var(--surface2); border:1px solid var(--border-w); border-radius:var(--r-md); padding:12px 16px; display:flex; align-items:center; gap:10px; font-size:13px; box-shadow:0 8px 36px rgba(0,0,0,.6); transform:translateY(16px); opacity:0; transition:transform .3s,opacity .3s; max-width:300px; pointer-events:all }
.toast.show { transform:translateY(0); opacity:1 }
.toast-ico { width:26px; height:26px; background:var(--wg); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:12px; color:var(--black); flex-shrink:0 }

/* ── REVEAL ANIMATION ── */
.reveal { opacity:0; transform:translateY(28px); transition:opacity .7s ease,transform .7s ease }
.reveal.visible { opacity:1; transform:translateY(0) }

/* ── PAGE HERO (shop/product) ── */
.page-hero { padding:40px 52px 0; border-bottom:1px solid var(--border) }
.breadcrumb, .breadcrumb-bar .breadcrumb { display:flex; align-items:center; gap:8px; font-size:11px; color:var(--w3); letter-spacing:.05em; margin-bottom:20px }
.breadcrumb a { color:var(--w3); transition:color .2s }
.breadcrumb a:hover { color:var(--white) }
.breadcrumb span { color:var(--white) }
.breadcrumb svg { width:11px; height:11px; stroke:var(--w3); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round }
.breadcrumb-bar { padding:18px 52px; border-bottom:1px solid var(--border) }
.page-hero-inner { display:flex; justify-content:space-between; align-items:flex-end; padding-bottom:28px }
.page-title-eyebrow { font-size:10px; letter-spacing:.24em; text-transform:uppercase; color:var(--w3); margin-bottom:10px }
.page-title { font-family:var(--serif); font-size:clamp(32px,4vw,52px); font-weight:700; line-height:1.08; background:var(--gold-grad); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text }
.result-count { font-size:13px; color:var(--w3); margin-top:8px }
.result-count strong { color:var(--white); font-weight:500 }

/* ── SHOP LAYOUT ── */
.shop-layout { display:flex; gap:0; min-height:calc(100vh - 68px); align-items:flex-start }
.sidebar { width:280px; flex-shrink:0; padding:36px 28px; border-right:1px solid var(--border); position:sticky; top:68px; height:calc(100vh - 68px); overflow-y:auto; scrollbar-width:none }
.sidebar::-webkit-scrollbar { display:none }
.sidebar-section { margin-bottom:32px }
.sidebar-title { font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:var(--w3); font-weight:500; margin-bottom:16px; display:flex; justify-content:space-between; align-items:center }
.clear-btn { font-size:10px; color:var(--w3); background:none; border:none; letter-spacing:.06em; text-transform:uppercase; transition:color .2s; padding:0 }
.clear-btn:hover { color:var(--white) }
.cat-pills { display:flex; flex-direction:column; gap:3px }
.cat-pill { display:flex; align-items:center; justify-content:space-between; padding:9px 12px; border-radius:var(--r-sm); cursor:pointer; transition:background .2s; border:1px solid transparent }
.cat-pill:hover { background:var(--w5) }
.cat-pill.active { background:var(--w4); border-color:var(--border-w) }
.cat-pill-left { display:flex; align-items:center; gap:10px; font-size:13px; color:var(--w2) }
.cat-pill.active .cat-pill-left { color:var(--white) }
.cat-pill-icon { width:26px; height:26px; border-radius:6px; background:var(--surface2); border:1px solid var(--border); display:flex; align-items:center; justify-content:center }
.cat-pill-icon svg { width:13px; height:13px; stroke:var(--w3); fill:none; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round }
.cat-count-badge { font-size:10px; color:var(--w3); background:var(--surface2); border-radius:var(--r-pill); padding:2px 8px; border:1px solid var(--border) }
.price-display { display:flex; justify-content:space-between; margin-bottom:16px }
.price-val { font-family:var(--serif); font-size:15px; font-weight:500; background:var(--gold-grad); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text }
.price-label { font-size:10px; color:var(--w3); letter-spacing:.06em; margin-bottom:2px }
.range-wrap { position:relative; height:28px; display:flex; align-items:center }
.range-track { position:absolute; left:0; right:0; height:2px; background:var(--surface3); border-radius:2px }
.range-fill { position:absolute; height:2px; background:var(--wg); border-radius:2px; pointer-events:none }
.range-input { position:absolute; width:100%; height:2px; background:transparent; -webkit-appearance:none; appearance:none; outline:none; pointer-events:none }
.range-input::-webkit-slider-thumb { -webkit-appearance:none; width:18px; height:18px; border-radius:50%; background:var(--wg); border:2px solid var(--black); box-shadow:0 2px 10px rgba(255,255,255,.2); cursor:pointer; pointer-events:all; transition:box-shadow .2s,transform .2s }
.range-input::-webkit-slider-thumb:hover { box-shadow:0 3px 16px rgba(255,255,255,.32); transform:scale(1.1) }
.range-input::-moz-range-thumb { width:18px; height:18px; border-radius:50%; background:var(--wg); border:2px solid var(--black); cursor:pointer; pointer-events:all }
.brand-list { display:flex; flex-direction:column; gap:1px }
.brand-item { display:flex; align-items:center; gap:10px; padding:8px 10px; border-radius:var(--r-sm); cursor:pointer; transition:background .2s; user-select:none }
.brand-item:hover { background:var(--w5) }
.brand-cb { width:16px; height:16px; border-radius:4px; border:1px solid var(--border-w); background:transparent; display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:background .2s,border-color .2s }
.brand-cb.checked { background:var(--white); border-color:var(--white) }
.brand-cb svg { width:10px; height:10px; stroke:var(--black); fill:none; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; opacity:0; transition:opacity .15s }
.brand-cb.checked svg { opacity:1 }
.brand-name { font-size:13px; color:var(--w2); transition:color .2s }
.brand-item:hover .brand-name { color:var(--white) }
.sidebar-actions { display:flex; flex-direction:column; gap:8px; margin-top:8px }
.btn-apply { background:var(--wg); border:none; border-radius:var(--r-pill); padding:12px 20px; font-size:12px; font-weight:500; color:var(--black); transition:opacity .2s,box-shadow .2s; box-shadow:0 2px 14px rgba(255,255,255,.1); width:100%; letter-spacing:.06em; text-transform:uppercase; display:block; text-align:center }
.btn-apply:hover { opacity:.85; box-shadow:0 4px 22px rgba(255,255,255,.2) }
.btn-reset { background:none; border:1px solid var(--border-w); border-radius:var(--r-pill); padding:11px 20px; font-size:12px; font-weight:400; color:var(--w3); transition:color .2s,border-color .2s; width:100%; letter-spacing:.06em; text-transform:uppercase; display:block; text-align:center }
.btn-reset:hover { color:var(--white); border-color:rgba(255,255,255,.4) }
.product-area { flex:1; min-width:0 }
.sort-bar { display:flex; align-items:center; justify-content:space-between; padding:18px 32px; border-bottom:1px solid var(--border); position:sticky; top:68px; background:rgba(10,10,10,.96); backdrop-filter:blur(16px); z-index:50 }
.sort-bar-left { display:flex; align-items:center; gap:14px }
.mob-filter-btn { display:none; align-items:center; gap:7px; background:var(--surface2); border:1px solid var(--border-w); border-radius:var(--r-pill); padding:8px 16px; color:var(--w2); font-size:11.5px; font-family:var(--sans); letter-spacing:.06em; text-transform:uppercase; transition:background .2s }
.mob-filter-btn:hover { background:var(--surface3) }
.mob-filter-btn svg { width:14px; height:14px; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round }
.showing-text { font-size:12.5px; color:var(--w3) }
.showing-text strong { color:var(--white); font-weight:500 }
.sort-bar-right { display:flex; align-items:center; gap:14px }
.sort-select { background:var(--surface2); border:1px solid var(--border-w); border-radius:var(--r-pill); padding:8px 32px 8px 14px; font-family:var(--sans); font-size:11.5px; color:var(--w2); outline:none; appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='rgba(255,255,255,0.4)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 12px center; transition:border-color .2s }
.sort-select option { background:var(--surface2); color:var(--white) }
.view-btns { display:flex; gap:4px }
.view-btn { width:32px; height:32px; border-radius:var(--r-sm); background:none; border:1px solid var(--border); display:flex; align-items:center; justify-content:center; transition:background .2s,border-color .2s }
.view-btn.active, .view-btn:hover { background:var(--surface2); border-color:var(--border-w) }
.view-btn svg { width:14px; height:14px; stroke:var(--w3); fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round }
.view-btn.active svg { stroke:var(--white) }
.pgrid-wrap { padding:28px 32px }
.pgrid.view-2 { grid-template-columns:repeat(2,1fr) }
.pgrid.view-3 { grid-template-columns:repeat(3,1fr) }
.pgrid.view-list { grid-template-columns:1fr }
.pgrid.view-list .pc { display:grid; grid-template-columns:200px 1fr }
.pgrid.view-list .p-img { height:auto; min-height:160px }
.pgrid.view-list .p-info { display:flex; flex-direction:column; justify-content:space-between; padding:24px 28px }
.empty-state { padding:80px 32px; text-align:center }
.empty-state.show { display:block }
.empty-icon { width:64px; height:64px; border-radius:var(--r-xl); background:var(--surface2); border:1px solid var(--border); display:flex; align-items:center; justify-content:center; margin:0 auto 20px }
.empty-icon svg { width:28px; height:28px; stroke:var(--w3); fill:none; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round }
.empty-title { font-family:var(--serif); font-size:22px; margin-bottom:10px; color:var(--w2) }
.empty-sub { font-size:14px; color:var(--w3); line-height:1.7 }
.empty-sub a { color:var(--white); border-bottom:1px solid var(--border-w) }
.pagination { display:flex; align-items:center; justify-content:center; gap:6px; padding:28px 32px 44px; border-top:1px solid var(--border) }
.pagination a, .pagination span, .page-numbers { background:var(--surface); border:1px solid var(--border); border-radius:var(--r-sm); display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; font-size:13px; color:var(--w3); transition:background .2s,border-color .2s,color .2s }
.pagination a:hover, .pagination .current { background:var(--surface2); border-color:var(--border-w); color:var(--white) }
.pagination .current { background:var(--white); color:var(--black); border-color:var(--white); font-weight:500 }
.pagination .dots { background:none; border:none; width:auto }
.filter-drawer { position:fixed; left:0; top:0; bottom:0; width:300px; background:var(--black2); border-right:1px solid var(--border); z-index:2000; transform:translateX(-100%); transition:transform .35s; padding:70px 24px 36px; overflow-y:auto }
.filter-drawer.open { transform:translateX(0) }
.filter-drawer-close { position:absolute; top:20px; right:20px; background:none; border:1px solid var(--border); border-radius:50%; width:36px; height:36px; display:flex; align-items:center; justify-content:center; color:var(--white); font-size:16px }

/* ── PRODUCT DETAIL ── */
.product-page { display:grid; grid-template-columns:1fr 1fr; gap:0; max-width:1400px; margin:0 auto }
.gallery { padding:36px 44px 36px 52px; position:sticky; top:68px; height:calc(100vh - 68px); display:flex; flex-direction:column; gap:14px }
.gallery-main { flex:1; border-radius:var(--r-lg); overflow:hidden; position:relative; background:var(--surface); border:1px solid var(--border); cursor:zoom-in }
.gallery-main-img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease,opacity .3s ease }
.gallery-main:hover .gallery-main-img { transform:scale(1.04) }
.gallery-badge { position:absolute; top:18px; left:18px; z-index:2 }
.gbadge { display:inline-block; padding:4px 12px; border-radius:var(--r-pill); font-size:10px; font-weight:600; letter-spacing:.12em; text-transform:uppercase }
.gbadge-hot { background:rgba(232,71,106,.18); color:#e8476a; border:1px solid rgba(232,71,106,.28) }
.gallery-zoom-hint { position:absolute; bottom:14px; right:14px; background:rgba(8,8,8,.7); border:1px solid var(--border-w); border-radius:var(--r-pill); padding:5px 12px; font-size:10px; color:var(--w3); backdrop-filter:blur(8px); display:flex; align-items:center; gap:5px; transition:opacity .3s }
.gallery-zoom-hint svg { width:11px; height:11px; stroke:var(--w3); fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round }
.gallery-main:hover .gallery-zoom-hint { opacity:0 }
.gallery-thumbs { display:flex; gap:9px; flex-shrink:0 }
.thumb { width:68px; height:68px; border-radius:var(--r-md); overflow:hidden; cursor:pointer; border:1.5px solid transparent; transition:border-color .2s,transform .2s; flex-shrink:0 }
.thumb:hover { transform:translateY(-2px) }
.thumb.active { border-color:rgba(255,255,255,.6) }
.thumb img { width:100%; height:100%; object-fit:cover; transition:transform .3s }
.thumb:hover img { transform:scale(1.08) }
.zoom-overlay { position:fixed; inset:0; background:rgba(5,5,5,.96); z-index:5000; display:none; align-items:center; justify-content:center; cursor:zoom-out; backdrop-filter:blur(4px) }
.zoom-overlay.show { display:flex }
.zoom-overlay img { max-width:90vw; max-height:90vh; object-fit:contain; border-radius:var(--r-md); border:1px solid var(--border) }
.zoom-close { position:absolute; top:22px; right:22px; background:var(--surface2); border:1px solid var(--border-w); border-radius:50%; width:44px; height:44px; display:flex; align-items:center; justify-content:center; color:var(--white); font-size:20px }
.zoom-close:hover { background:var(--surface3) }
.zoom-nav { position:absolute; top:50%; transform:translateY(-50%); background:rgba(20,20,20,.8); border:1px solid var(--border-w); border-radius:50%; width:48px; height:48px; display:flex; align-items:center; justify-content:center; transition:background .2s; backdrop-filter:blur(8px) }
.zoom-nav:hover { background:var(--surface3) }
.zoom-nav svg { width:20px; height:20px; stroke:var(--white); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round }
#zoomPrev { left:22px }
#zoomNext { right:22px }
.product-info { padding:36px 52px 36px 44px; border-left:1px solid var(--border); overflow-y:auto; max-height:calc(100vh - 68px) }
.product-info::-webkit-scrollbar { width:2px }
.pi-brand { font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:var(--w3); margin-bottom:10px }
.pi-name { font-family:var(--serif); font-size:clamp(26px,3.2vw,42px); font-weight:700; line-height:1.1; margin-bottom:12px }
.pi-tagline { font-family:var(--serif2); font-size:17px; font-style:italic; color:var(--w3); margin-bottom:18px; line-height:1.5 }
.pi-rating { display:flex; align-items:center; gap:10px; margin-bottom:22px; padding-bottom:22px; border-bottom:1px solid var(--border) }
.pi-stars { display:flex; gap:3px }
.star { width:14px; height:14px; fill:none; stroke:var(--w3); stroke-width:1.5 }
.star.on { fill:rgba(255,255,255,.8); stroke:rgba(255,255,255,.8) }
.pi-rating-num { font-size:14px; font-weight:500 }
.pi-reviews-link { color:var(--w3); font-size:13px; border-bottom:1px solid var(--border-w); padding-bottom:1px; transition:color .2s,border-color .2s }
.pi-reviews-link:hover { color:var(--white) }
.pi-in-stock { display:flex; align-items:center; gap:6px; font-size:12px; margin-left:auto }
.stock-dot { width:6px; height:6px; border-radius:50%; background:rgba(100,200,120,.9); animation:pulse 2s infinite }
@keyframes pulse { 0%,100%{opacity:1}50%{opacity:.4} }
.pi-price-section { margin-bottom:24px }
.pi-price-label { font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:var(--w3); margin-bottom:8px }
.pi-price { font-family:var(--serif); font-size:clamp(30px,3.8vw,46px); font-weight:700; background:var(--gold-grad); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; line-height:1; transition:opacity .25s ease,transform .25s ease }
.pi-price-old { font-size:15px; color:var(--w3); text-decoration:line-through; margin-top:4px }
.pi-price-save { display:inline-block; background:rgba(100,200,120,.12); border:1px solid rgba(100,200,120,.25); color:rgba(100,200,120,.9); border-radius:var(--r-pill); padding:3px 12px; font-size:11px; margin-top:6px }
.pi-section { margin-bottom:24px }
.pi-section-label { font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--w3); margin-bottom:12px; display:flex; justify-content:space-between; align-items:center }
.pi-section-label span { color:var(--white); font-weight:500; letter-spacing:0; text-transform:none; font-size:13px }
.variant-pills { display:flex; gap:9px; flex-wrap:wrap }
.vpill { padding:9px 20px; border-radius:var(--r-pill); border:1px solid var(--border-w); font-size:13px; font-weight:400; color:var(--w2); transition:all .2s; background:transparent; font-family:var(--sans) }
.vpill:hover { border-color:rgba(255,255,255,.4); color:var(--white); background:var(--w4) }
.vpill.active { border-color:var(--white); color:var(--white); background:var(--w4) }
.vpill.active::after { content:''; position:absolute; top:-3px; right:-3px; width:8px; height:8px; border-radius:50%; background:var(--wg) }
.qty-wrap { display:flex; align-items:center; border:1px solid var(--border-w); border-radius:var(--r-pill); overflow:hidden; width:fit-content }
.qty-btn { width:44px; height:44px; background:transparent; border:none; color:var(--white); font-size:20px; display:flex; align-items:center; justify-content:center; transition:background .2s; font-weight:300 }
.qty-btn:hover { background:var(--w4) }
.qty-val { min-width:44px; text-align:center; font-size:15px; font-weight:500; color:var(--white) }
.pi-ctas { display:flex; flex-direction:column; gap:11px; margin-bottom:24px }
.btn-atc { background:var(--wg); border:none; border-radius:var(--r-pill); padding:17px 32px; font-size:13px; font-weight:500; color:var(--black); transition:transform .2s,box-shadow .2s; box-shadow:0 4px 24px rgba(255,255,255,.15); display:flex; align-items:center; justify-content:center; gap:9px; letter-spacing:.06em; text-transform:uppercase }
.btn-atc:hover { transform:translateY(-2px); box-shadow:0 8px 36px rgba(255,255,255,.25) }
.btn-atc:disabled { opacity:.5; cursor:not-allowed; transform:none; box-shadow:none }
.btn-atc svg { width:16px; height:16px; stroke:var(--black); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0 }
.btn-wish-full { background:transparent; border:1px solid var(--border-w); border-radius:var(--r-pill); padding:16px 32px; font-size:13px; font-weight:400; color:var(--w2); transition:border-color .2s,color .2s,background .2s; display:flex; align-items:center; justify-content:center; gap:9px; letter-spacing:.06em; text-transform:uppercase }
.btn-wish-full:hover { border-color:rgba(255,255,255,.4); color:var(--white); background:var(--w4) }
.btn-wish-full svg { width:15px; height:15px; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round }
.btn-wish-full.on { border-color:#e8476a; color:#e8476a }
.btn-wish-full.on svg { stroke:#e8476a; fill:#e8476a }
.trust-strip { display:flex; flex-direction:column; gap:8px; padding:16px 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); margin-bottom:24px }
.trust-item { display:flex; align-items:center; gap:10px; font-size:12px; color:var(--w2) }
.trust-item svg { width:15px; height:15px; stroke:var(--white); fill:none; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0 }
.accordion { border-top:1px solid var(--border) }
.acc-item { border-bottom:1px solid var(--border) }
.acc-header { display:flex; justify-content:space-between; align-items:center; padding:16px 0; cursor:pointer; user-select:none }
.acc-header:hover .acc-title { color:var(--white) }
.acc-title { font-size:13px; font-weight:500; color:var(--w2) }
.acc-icon { width:20px; height:20px; border-radius:50%; border:1px solid var(--border-w); display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:transform .3s }
.acc-icon svg { width:10px; height:10px; stroke:var(--w3); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition:transform .3s }
.acc-item.open .acc-icon svg { transform:rotate(45deg) }
.acc-body { overflow:hidden; max-height:0; transition:max-height .4s ease,padding .3s ease }
.acc-item.open .acc-body { max-height:500px; padding-bottom:16px }
.acc-content { font-size:13.5px; color:var(--w3); line-height:1.85 }
.acc-content p { margin-bottom:10px }
.acc-content p:last-child { margin-bottom:0 }
.acc-content ul { padding-left:16px; display:flex; flex-direction:column; gap:6px }
.acc-content a { color:var(--white); border-bottom:1px solid var(--border-w) }
.related { padding:56px 52px }
.related-eyebrow { font-size:10px; letter-spacing:.24em; text-transform:uppercase; color:var(--w3); margin-bottom:10px }
.related-title { font-family:var(--serif); font-size:clamp(22px,2.8vw,34px); font-weight:700; background:var(--gold-grad); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; margin-bottom:32px }
.related-scroll { display:flex; gap:18px; overflow-x:auto; padding-bottom:12px; scrollbar-width:none }
.related-scroll::-webkit-scrollbar { display:none }
.rc { flex:0 0 224px; background:var(--surface); border-radius:var(--r-lg); border:1px solid var(--border); overflow:hidden; transition:border-color .3s,transform .3s }
.rc:hover { border-color:var(--border-w); transform:translateY(-4px) }
.rc-img { height:180px; overflow:hidden; position:relative }
.rc-img img { width:100%; height:100%; object-fit:cover; transition:transform .5s }
.rc:hover .rc-img img { transform:scale(1.07) }
.rc-img a { display:block; height:100% }
.rc-info { padding:13px 15px 15px }
.rc-brand { font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--w3); margin-bottom:3px }
.rc-name { font-family:var(--serif); font-size:15px; font-weight:500; color:var(--white); margin-bottom:9px; line-height:1.3 }
.rc-name a { color:inherit }
.rc-bot { display:flex; justify-content:space-between; align-items:center }
.rc-price { font-family:var(--serif); font-size:15px; font-weight:700; background:var(--gold-grad); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text }
.rc-atc { width:30px; height:30px; background:var(--wg); border:none; border-radius:50%; display:flex; align-items:center; justify-content:center; transition:transform .2s,box-shadow .2s; box-shadow:0 2px 10px rgba(255,255,255,.1) }
.rc-atc:hover { transform:scale(1.12); box-shadow:0 4px 18px rgba(255,255,255,.22) }
.rc-atc svg { width:13px; height:13px; stroke:#111; fill:none; stroke-width:2.3; stroke-linecap:round; stroke-linejoin:round }
.sticky-cta { position:fixed; bottom:0; left:0; right:0; z-index:900; background:rgba(10,10,10,.95); backdrop-filter:blur(20px); border-top:1px solid var(--border); padding:14px 52px; display:flex; align-items:center; justify-content:space-between; gap:20px; transform:translateY(100%); transition:transform .4s ease }
.sticky-cta.show { transform:translateY(0) }
.sticky-product-info { display:flex; align-items:center; gap:14px }
.sticky-thumb { width:42px; height:42px; border-radius:var(--r-sm); overflow:hidden; flex-shrink:0; border:1px solid var(--border) }
.sticky-thumb img { width:100%; height:100%; object-fit:cover }
.sticky-name { font-family:var(--serif); font-size:15px; font-weight:500 }
.sticky-price { font-family:var(--serif); font-size:17px; font-weight:700; background:var(--gold-grad); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text }
.sticky-actions { display:flex; align-items:center; gap:10px }

/* ── WOOCOMMERCE CART / CHECKOUT / ACCOUNT ── */
.hibro-woo-page { padding:52px; max-width:1200px; margin:0 auto }
.hibro-woo-page .woocommerce-notices-wrapper { margin-bottom:20px }
.hibro-woo-page .woocommerce-message,
.hibro-woo-page .woocommerce-error,
.hibro-woo-page .woocommerce-info { background:var(--surface); border:1px solid var(--border-w); border-radius:var(--r-md); padding:14px 20px; font-size:13px; color:var(--w2); margin-bottom:16px; list-style:none }
.hibro-woo-page .woocommerce-error { border-color:rgba(232,71,106,.4); color:#e8476a }
.hibro-woo-page table { width:100%; border-collapse:collapse }
.hibro-woo-page table th { font-size:10px; letter-spacing:.15em; text-transform:uppercase; color:var(--w3); font-weight:500; padding:12px 0; border-bottom:1px solid var(--border); text-align:left }
.hibro-woo-page table td { padding:20px 0; border-bottom:1px solid var(--border); vertical-align:middle; font-size:14px; color:var(--w2) }
.hibro-woo-page table .product-name a { color:var(--white); font-family:var(--serif); font-size:16px }
.hibro-woo-page table .product-price, .hibro-woo-page table .product-subtotal { font-family:var(--serif); font-weight:700; background:var(--gold-grad); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text }
.hibro-woo-page table img { border-radius:var(--r-sm) }
.hibro-woo-page .quantity input { background:var(--surface2); border:1px solid var(--border-w); border-radius:var(--r-pill); padding:8px 16px; color:var(--white); font-family:var(--sans); font-size:14px; width:70px; text-align:center; outline:none }
.hibro-woo-page .button,
.hibro-woo-page button[type="submit"],
.hibro-woo-page input[type="submit"] { background:var(--wg); color:var(--black); border:none; border-radius:var(--r-pill); padding:13px 30px; font-family:var(--sans); font-size:12.5px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; transition:transform .2s,box-shadow .2s; box-shadow:0 2px 16px rgba(255,255,255,.12) }
.hibro-woo-page .button:hover,
.hibro-woo-page button[type="submit"]:hover,
.hibro-woo-page input[type="submit"]:hover { transform:translateY(-1px); box-shadow:0 5px 24px rgba(255,255,255,.22) }
.hibro-woo-page input[type="text"],
.hibro-woo-page input[type="email"],
.hibro-woo-page input[type="tel"],
.hibro-woo-page input[type="password"],
.hibro-woo-page input[type="number"],
.hibro-woo-page select,
.hibro-woo-page textarea { background:var(--surface2); border:1px solid var(--border); border-radius:var(--r-md); padding:13px 18px; font-family:var(--sans); font-size:14px; color:var(--white); outline:none; width:100%; transition:border-color .2s }
.hibro-woo-page input::placeholder,
.hibro-woo-page textarea::placeholder { color:var(--w3) }
.hibro-woo-page input:focus,
.hibro-woo-page select:focus,
.hibro-woo-page textarea:focus { border-color:var(--border-w) }
.hibro-woo-page select { appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='rgba(255,255,255,0.4)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; padding-right:36px }
.hibro-woo-page select option { background:var(--surface2); color:var(--white) }
.hibro-woo-page label { font-size:11.5px; color:var(--w3); display:block; margin-bottom:7px; letter-spacing:.04em }
.hibro-woo-page .form-row { margin-bottom:18px }
.hibro-woo-page h2, .hibro-woo-page h3 { font-family:var(--serif); font-size:clamp(20px,2.5vw,28px); font-weight:700; margin-bottom:20px; background:var(--gold-grad); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text }
.hibro-woo-page .cart-collaterals { margin-top:36px }
.hibro-woo-page .cart_totals, .hibro-woo-page .order-total { background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); padding:28px }
.hibro-woo-page .woocommerce-checkout-review-order { background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); padding:28px }
.hibro-woo-page #payment { background:var(--surface2); border-radius:var(--r-lg); padding:24px; margin-top:20px; border:1px solid var(--border) }
.hibro-woo-page #payment ul.payment_methods { list-style:none; margin-bottom:20px }
.hibro-woo-page #payment ul.payment_methods li { padding:12px 16px; border:1px solid var(--border); border-radius:var(--r-md); margin-bottom:8px; cursor:pointer; transition:border-color .2s }
.hibro-woo-page #payment ul.payment_methods li:hover { border-color:var(--border-w) }
.hibro-woo-page #payment ul.payment_methods label { color:var(--w2); font-size:14px; margin:0; cursor:pointer }
.woocommerce-account .woocommerce { display:grid; grid-template-columns:220px 1fr; gap:40px }
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style:none; display:flex; flex-direction:column; gap:3px }
.woocommerce-account .woocommerce-MyAccount-navigation a { display:block; padding:10px 16px; border-radius:var(--r-sm); font-size:13px; color:var(--w3); transition:background .2s,color .2s; border:1px solid transparent }
.woocommerce-account .woocommerce-MyAccount-navigation a:hover { background:var(--w4); color:var(--white); border-color:var(--border) }
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a { background:var(--w4); color:var(--white); border-color:var(--border-w) }
.woocommerce-account .woocommerce-MyAccount-content { background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); padding:32px }

/* ── WOO REVIEWS ── */
#reviews { margin-bottom:0 }
#reviews h2 { font-family:var(--serif); font-size:22px; font-weight:700; background:var(--gold-grad); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; margin-bottom:20px }
#reviews .commentlist { list-style:none }
#reviews .comment { background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); padding:20px; margin-bottom:14px }
#reviews .comment-text p { font-size:14px; color:var(--w2); line-height:1.7 }
#reviews .woocommerce-review__author { font-weight:500; font-size:14px }
#reviews .woocommerce-review__dash { display:none }
#reviews #review_form .comment-form { display:grid; gap:16px }
#reviews #review_form input,
#reviews #review_form textarea { background:var(--surface2); border:1px solid var(--border); border-radius:var(--r-md); padding:12px 16px; font-family:var(--sans); font-size:14px; color:var(--white); outline:none; width:100%; transition:border-color .2s }
#reviews #review_form input:focus,
#reviews #review_form textarea:focus { border-color:var(--border-w) }
#reviews #review_form label { font-size:11px; color:var(--w3); display:block; margin-bottom:6px; letter-spacing:.04em }
#reviews #review_form input[type="submit"] { background:var(--wg); color:var(--black); border:none; border-radius:var(--r-pill); padding:13px 30px; font-family:var(--sans); font-size:12.5px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; transition:transform .2s,box-shadow .2s; box-shadow:0 2px 16px rgba(255,255,255,.12); width:auto; cursor:pointer }

/* ── 404 ── */
.hibro-404 { min-height:70vh; display:flex; align-items:center; justify-content:center; text-align:center; padding:60px 24px }
.hibro-404-num { font-family:var(--serif); font-size:clamp(80px,15vw,160px); font-weight:900; background:var(--wg); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; line-height:1; margin-bottom:16px }
.hibro-404-title { font-family:var(--serif); font-size:clamp(22px,3vw,36px); font-weight:700; margin-bottom:14px; background:var(--gold-grad); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text }
.hibro-404-sub { font-size:15px; color:var(--w3); line-height:1.75; max-width:420px; margin:0 auto 32px }

/* ── RESPONSIVE ── */
@media(max-width:1100px){
  .pgrid{grid-template-columns:repeat(2,1fr)}
  .fgrid{grid-template-columns:1fr 1fr;gap:40px}
  .product-page{grid-template-columns:1fr;padding-bottom:80px}
  .gallery{position:relative;top:auto;height:auto;padding:28px 28px 0}
  .gallery-main{height:480px}
  .product-info{border-left:none;border-top:1px solid var(--border);max-height:none;padding:32px 28px 80px}
  .related{padding:40px 28px}
  .sticky-cta{padding:12px 28px}
}
@media(max-width:900px){
  nav#navbar{padding:0 20px;height:62px}
  .nav-links{display:none}
  .hamburger{display:flex}
  .section{padding:52px 20px}
  .sec-head{margin-bottom:28px}
  .promo{grid-template-columns:1fr;margin:0 20px 52px;padding:36px 24px}
  .nlwrap{flex-direction:column;margin:0 20px 52px;padding:36px 24px;gap:24px}
  .nlform,.hibro-nl-form{max-width:100%;flex-direction:column}
  .nlform .btn-primary,.hibro-nl-form .btn-primary{width:100%;text-align:center}
  .nlinput{width:100%}
  .cgrid{grid-template-columns:1fr;gap:14px}
  .tgrid{grid-template-columns:1fr 1fr;gap:14px}
  .sidebar{display:none}
  .mob-filter-btn{display:flex}
  .slide-content{padding:0 32px 200px;max-width:100%}
  .s-card{right:20px;bottom:168px}
  .sl-controls{left:32px;bottom:168px}
  .qnav-item{padding:14px 12px;gap:10px}
  .qnav-name{font-size:13px}
  .qnav-icon{width:32px;height:32px}
  .breadcrumb-bar{padding:14px 20px}
  .page-hero{padding:28px 20px 0}
  .page-hero-inner{flex-direction:column;align-items:flex-start;gap:10px}
  .hibro-woo-page{padding:28px 20px}
  .woocommerce-account .woocommerce{grid-template-columns:1fr}
  .sort-bar{padding:14px 16px;flex-wrap:wrap;gap:10px}
  .sort-bar-left{width:100%}
  .sort-bar-right{width:100%;justify-content:space-between}
  .pgrid-wrap{padding:16px 16px}
  .fgrid{grid-template-columns:1fr 1fr;gap:32px}
  footer#site-footer{padding:44px 20px}
  .ty-addresses{grid-template-columns:1fr}
  .thankyou-body{padding:28px 20px 44px}
  .hibro-tracker-form{padding:32px 20px}
}
@media(max-width:600px){
  .hero-slider{min-height:100svh}
  .pgrid{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr;gap:28px}
  footer#site-footer{padding:36px 20px}
  .s-card,.hero-qnav{display:none}
  .sl-controls{bottom:32px;left:20px}
  .gallery-main{height:300px}
  .cbanner{height:280px}
}

/* ── TABLET 768px ── */
@media(max-width:768px){
  .pgrid{grid-template-columns:repeat(2,1fr);gap:14px}
  .pgrid.view-list .pc{grid-template-columns:140px 1fr}
  .tgrid{grid-template-columns:repeat(2,1fr)}
  .cgrid{grid-template-columns:1fr}
  .cbanner{height:300px}
  .gallery{padding:20px 20px 0}
  .gallery-main{height:400px}
  .gallery-thumbs{gap:8px}
  .thumb{width:58px;height:58px}
  .product-info{padding:28px 24px 80px}
  .related{padding:36px 24px}
  .sticky-cta{padding:12px 24px}
  .breadcrumb-bar,.page-hero{padding-left:24px;padding-right:24px}
  .sort-bar{padding:14px 20px}
  .pgrid-wrap{padding:20px 20px}
  .pagination{padding:20px 20px 36px}
  .hibro-woo-page{padding:28px 24px}
  .hibro-woo-page table th,
  .hibro-woo-page table td{font-size:13px;padding:14px 8px}
  .woocommerce-account .woocommerce{grid-template-columns:1fr}
  .promo{padding:40px 32px;margin:0 24px 56px}
  .nlwrap{padding:40px 32px;margin:0 24px 56px}
  .hero-slider{min-height:100svh}
}

/* ── SMALL MOBILE 480px ── */
@media(max-width:480px){
  .pgrid,.pgrid.view-2,.pgrid.view-3{grid-template-columns:1fr 1fr;gap:10px}
  .p-img{height:180px}
  .p-name{font-size:14px}
  .p-price{font-size:15px}
  .tgrid{grid-template-columns:1fr}
  .s-headline{font-size:clamp(32px,9vw,48px)}
  .s-actions{flex-direction:column;align-items:flex-start;gap:10px}
  .s-actions .btn-primary,
  .s-actions .btn-outline{width:100%;text-align:center;padding:13px 24px}
  .pi-ctas .btn-atc,.pi-ctas .btn-wish-full{padding:14px 20px;font-size:12px}
  .hero-qnav{display:none}
  .s-card{display:none}
  .sticky-cta .sticky-product-info .sticky-thumb{display:none}
  .sticky-cta{padding:12px 16px}
  .ann{font-size:10px;padding:8px 12px;letter-spacing:.06em}
  nav#navbar{height:58px}
  .nav-logo{font-size:20px}
  .cart-btn span:not(.cart-badge){display:none}
  .cart-btn{padding:8px 12px}
  .promo{padding:28px 16px;border-radius:var(--r-lg)}
  .nlwrap{padding:28px 16px;border-radius:var(--r-lg)}
  .cats{gap:8px}
  .cat-card{flex:0 0 130px;height:180px;border-radius:var(--r-md)}
  .cat-name{font-size:13px}
  .gallery-thumbs{gap:6px}
  .thumb{width:54px;height:54px}
  .gallery-main{height:300px}
  .product-info{padding:24px 16px 80px}
  .related{padding:32px 16px}
  .related-scroll{gap:12px}
  .rc{flex:0 0 190px}
  .rc-img{height:150px}
  .thankyou-meta-strip{grid-template-columns:1fr 1fr}
  .tm-item{padding:14px 16px}
  .thankyou-hero{padding:44px 16px 32px}
}

/* ── AVAILABILITY TOGGLES (shop sidebar) ── */
.avail-row{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:var(--r-sm);cursor:pointer;transition:background .2s}
.avail-row:hover{background:var(--w5)}
.avail-label{font-size:13px;color:var(--w2)}
.toggle{width:36px;height:20px;border-radius:var(--r-pill);background:var(--surface3);border:1px solid var(--border-w);position:relative;transition:background .25s;flex-shrink:0}
.toggle.on{background:var(--white)}
.toggle-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--w3);transition:transform .25s,background .25s}
.toggle.on .toggle-knob{transform:translateX(16px);background:var(--black)}


main#main-content{display:block;outline:none}

/* ═══════════════════════════════════════════
   ORDER THANK-YOU PAGE
═══════════════════════════════════════════ */

/* Hero */
.thankyou-hero{text-align:center;padding:60px 24px 44px;position:relative;overflow:hidden;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--black3) 0%,var(--black) 100%)}
.thankyou-glow{position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:500px;height:300px;background:radial-gradient(ellipse at center,rgba(255,255,255,.05) 0%,transparent 70%);pointer-events:none}

/* Animated icon */
.thankyou-icon-wrap{margin:0 auto 24px;width:80px;height:80px}
.thankyou-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:ty-pop .6s cubic-bezier(.34,1.56,.64,1) both}
@keyframes ty-pop{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}
.thankyou-icon.paid{background:var(--wg);box-shadow:0 0 0 8px rgba(255,255,255,.08),0 0 0 16px rgba(255,255,255,.04)}
.thankyou-icon.pending{background:var(--surface2);border:2px solid var(--border-w)}
.thankyou-icon svg{width:34px;height:34px;stroke:var(--black);stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.thankyou-icon.pending svg{stroke:var(--w3)}

.thankyou-badge{display:inline-block;background:rgba(255,255,255,.08);border:1px solid var(--border-w);border-radius:var(--r-pill);padding:5px 16px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--w3);margin-bottom:16px}
.thankyou-headline{font-family:var(--serif);font-size:clamp(30px,4.5vw,54px);font-weight:700;line-height:1.1;margin-bottom:14px;color:var(--white)}
.thankyou-sub{font-size:15px;color:var(--w3);max-width:500px;margin:0 auto 28px;line-height:1.75}

/* Order number pill */
.thankyou-order-num{display:inline-flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border-w);border-radius:var(--r-md);padding:12px 24px}
.ton-label{font-size:11px;color:var(--w3);letter-spacing:.1em;text-transform:uppercase}
.ton-value{font-family:var(--serif);font-size:20px;font-weight:700;background:var(--gold-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* Meta strip */
.thankyou-meta-strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--border);max-width:1280px;margin:0 auto;width:100%}
.tm-item{padding:24px 32px;border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.tm-item:last-child{border-right:none}
.tm-icon svg{width:16px;height:16px;stroke:var(--w3);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tm-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--w3);font-weight:500}
.tm-value{font-size:14px;font-weight:500;color:var(--white)}
.tm-status{display:inline-block;border-radius:var(--r-pill);padding:3px 12px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.tm-status--processing{background:rgba(59,130,246,.15);color:#93c5fd;border:1px solid rgba(59,130,246,.25)}
.tm-status--completed{background:rgba(100,200,120,.12);color:rgba(100,200,120,.9);border:1px solid rgba(100,200,120,.25)}
.tm-status--pending,.tm-status--on-hold{background:rgba(251,191,36,.1);color:#fbbf24;border:1px solid rgba(251,191,36,.2)}
.tm-status--cancelled,.tm-status--refunded{background:rgba(232,71,106,.12);color:#e8476a;border:1px solid rgba(232,71,106,.25)}

/* Body layout */
.thankyou-body{display:grid;grid-template-columns:1fr 360px;gap:32px;padding:40px 48px 60px;align-items:flex-start;max-width:1280px;margin:0 auto;width:100%;box-sizing:border-box}
.thankyou-main{}
.thankyou-sidebar{position:sticky;top:88px;display:flex;flex-direction:column;gap:16px}

/* Section titles */
.ty-section{margin-bottom:24px}
.ty-section-eyebrow{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--w3);margin-bottom:8px;font-weight:500}
.ty-section-title{font-family:var(--serif);font-size:clamp(20px,2.5vw,28px);font-weight:700;background:var(--gold-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px}

/* Order items */
.ty-items{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}
.ty-item{display:flex;align-items:center;gap:16px;padding:20px 22px;border-bottom:1px solid var(--border)}
.ty-item:last-child{border-bottom:none}
.ty-item-img{flex-shrink:0}
.ty-item-info{flex:1;min-width:0}
.ty-item-name a{font-family:var(--serif);font-size:16px;font-weight:500;color:var(--white);transition:color .2s}
.ty-item-name a:hover{color:var(--w2)}
.ty-item-meta{font-size:11px;color:var(--w3);margin-top:4px;display:flex;flex-wrap:wrap;gap:6px}
.ty-item-qty{font-size:12px;color:var(--w3);margin-top:5px}
.ty-item-price{font-family:var(--serif);font-size:16px;font-weight:700;background:var(--gold-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0;white-space:nowrap}

/* Addresses */
.ty-addresses{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.ty-addr-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px 22px}
.ty-addr-title{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--w3);font-weight:500;margin-bottom:12px}
.ty-addr-title svg{width:14px;height:14px;stroke:var(--w3);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.ty-addr-body{font-size:13.5px;color:var(--w2);line-height:1.8}

/* Totals card */
.ty-totals-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:28px}
.ty-totals-lines{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}
.ty-totals-row{display:flex;justify-content:space-between;font-size:14px;color:var(--w2)}
.ty-totals-row span:first-child{color:var(--w3)}
.ty-totals-row--discount span{color:rgba(100,200,120,.9)}
.ty-totals-grand{display:flex;justify-content:space-between;align-items:center}
.ty-totals-grand span:first-child{font-family:var(--serif);font-size:18px;font-weight:700;color:var(--white)}
.ty-grand-price{font-family:var(--serif);font-size:24px;font-weight:700;background:var(--gold-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* Next steps */
.ty-next-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px}
.ty-steps{display:flex;flex-direction:column;gap:0;position:relative}
.ty-steps::before{content:'';position:absolute;left:7px;top:8px;bottom:8px;width:1px;background:var(--border)}
.ty-step{display:flex;align-items:flex-start;gap:14px;padding:10px 0;position:relative}
.ty-step-dot{width:15px;height:15px;border-radius:50%;background:var(--surface3);border:2px solid var(--border-w);flex-shrink:0;margin-top:2px;transition:all .3s;position:relative;z-index:1}
.ty-step--done .ty-step-dot{background:var(--white);border-color:var(--white)}
.ty-step--active .ty-step-dot{background:var(--wg);border-color:rgba(255,255,255,.5);box-shadow:0 0 0 4px rgba(255,255,255,.08)}
.ty-step-label{font-size:13.5px;font-weight:500;color:var(--w2);margin-bottom:2px}
.ty-step--done .ty-step-label{color:var(--white)}
.ty-step-sub{font-size:11.5px;color:var(--w3)}

/* Actions + trust */
.ty-actions{display:flex;flex-direction:column;gap:10px}
.ty-trust{display:flex;flex-direction:column;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 20px}
.ty-trust-item{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--w3)}
.ty-trust-item svg{width:14px;height:14px;stroke:var(--w3);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}

/* ═══════════════════════════════════════════
   ORDER DETAIL PAGE (view-order)
═══════════════════════════════════════════ */

.order-status-badge{display:inline-block;border-radius:var(--r-pill);padding:8px 20px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.order-status-badge--processing{background:rgba(59,130,246,.15);color:#93c5fd;border:1px solid rgba(59,130,246,.25)}
.order-status-badge--completed{background:rgba(100,200,120,.12);color:rgba(100,200,120,.9);border:1px solid rgba(100,200,120,.25)}
.order-status-badge--pending,.order-status-badge--on-hold{background:rgba(251,191,36,.1);color:#fbbf24;border:1px solid rgba(251,191,36,.2)}
.order-status-badge--cancelled,.order-status-badge--refunded{background:rgba(232,71,106,.12);color:#e8476a;border:1px solid rgba(232,71,106,.25)}

.order-detail-grid{display:grid;grid-template-columns:1fr 320px;gap:32px;align-items:flex-start}
.order-detail-sidebar{position:sticky;top:88px;display:flex;flex-direction:column;gap:14px}

.od-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px 24px;margin-bottom:16px}
.od-card-title{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--w3);font-weight:500;margin-bottom:18px;display:flex;align-items:center}
.od-items{display:flex;flex-direction:column;gap:0}
.od-item{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--border)}
.od-item:last-child{border-bottom:none;padding-bottom:0}
.od-item:first-child{padding-top:0}
.od-item-img{flex-shrink:0}
.od-item-details{flex:1;min-width:0}
.od-item-name a{font-family:var(--serif);font-size:15px;font-weight:500;color:var(--white);transition:color .2s}
.od-item-name a:hover{color:var(--w2)}
.od-item-meta{font-size:11px;color:var(--w3);margin-top:4px;display:flex;flex-wrap:wrap;gap:5px}
.od-item-qty{font-size:12px;color:var(--w3);margin-top:5px}
.od-item-price{font-family:var(--serif);font-size:15px;font-weight:700;background:var(--gold-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0;white-space:nowrap}

.od-totals{display:flex;flex-direction:column;gap:10px}
.od-total-row{display:flex;justify-content:space-between;font-size:13.5px}
.od-total-row span:first-child{color:var(--w3)}
.od-total-row span:last-child{color:var(--w2)}
.od-total-row--grand{padding-top:14px;border-top:1px solid var(--border);margin-top:4px}
.od-total-row--grand span:first-child{font-family:var(--serif);font-size:16px;font-weight:700;color:var(--white)}
.od-grand-price{font-family:var(--serif);font-size:20px;font-weight:700;background:var(--gold-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

.od-actions{display:flex;flex-direction:column;gap:10px}

/* ── Responsive: thank-you + order detail ── */
@media(max-width:1024px){
  .thankyou-body{grid-template-columns:1fr;padding:32px 28px 48px;gap:24px}
  .thankyou-sidebar{position:relative;top:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px;flex-direction:unset}
  .ty-actions{grid-column:1/-1}
  .ty-trust{grid-column:1/-1}
  .order-detail-grid{grid-template-columns:1fr}
  .order-detail-sidebar{position:relative;top:auto}
  .thankyou-meta-strip{grid-template-columns:repeat(2,1fr)}
  .tm-item:nth-child(2){border-right:none}
  .tm-item:nth-child(4){border-right:none}
}
@media(max-width:768px){
  .thankyou-hero{padding:48px 24px 36px}
  .thankyou-body{padding:24px 20px 40px}
  .thankyou-meta-strip{grid-template-columns:1fr 1fr}
  .tm-item{padding:18px 20px}
  .ty-addresses{grid-template-columns:1fr}
  .hibro-woo-page .order-detail-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .thankyou-meta-strip{grid-template-columns:1fr}
  .tm-item{border-right:none;border-bottom:1px solid var(--border)}
  .thankyou-icon{width:64px;height:64px}
  .thankyou-icon svg{width:28px;height:28px}
  .ty-item{flex-wrap:wrap}
  .ty-item-price{width:100%;text-align:right;margin-top:8px}
}

/* ── HERO VIDEO BACKGROUND ── */
.slide-video-wrap{position:absolute;inset:0;overflow:hidden;z-index:0}
.slide-video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;width:auto;height:auto;object-fit:cover;pointer-events:none}
.slide-overlay--strong{position:absolute;inset:0;background:linear-gradient(110deg,rgba(8,8,8,.96) 0%,rgba(8,8,8,.75) 45%,rgba(8,8,8,.4) 100%);z-index:1}
@media(max-width:600px){
  .slide-video{min-width:180%;min-height:unset}
}
@media(prefers-reduced-motion:reduce){
  .slide-video{display:none}
  .slide-video-wrap::after{content:'';position:absolute;inset:0;background:var(--surface)}
}

/* ═══════════════════════════════════════════
   THANK-YOU PAGE — NEW FEATURES
═══════════════════════════════════════════ */

/* ── Feature 1: Save Order Banner ── */
.order-save-banner{position:sticky;top:68px;z-index:800;background:linear-gradient(135deg,#1a1208 0%,#0f0c04 100%);border-bottom:1px solid rgba(201,168,76,.25);padding:12px 48px;transition:transform .35s ease,opacity .35s ease}
.osb-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.osb-left{display:flex;align-items:center;gap:12px}
.osb-icon{width:36px;height:36px;background:var(--wg);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.osb-icon svg{width:16px;height:16px;stroke:var(--black);flex-shrink:0}
.osb-text{min-width:0}
.osb-label{font-size:13px;font-weight:600;color:var(--white);line-height:1.3}
.osb-sub{font-size:11px;color:var(--w3);margin-top:1px}
.osb-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.osb-num{font-family:var(--serif);font-size:17px;font-weight:700;color:#C9A84C}
.osb-copy-btn{display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.06);border:1px solid var(--border-w);border-radius:var(--r-pill);padding:6px 12px;color:var(--w2);font-size:11px;font-family:var(--sans);cursor:pointer;transition:background .2s,color .2s;white-space:nowrap}
.osb-copy-btn:hover{background:rgba(255,255,255,.12);color:var(--white)}
.osb-copy-btn svg{width:13px;height:13px;stroke:currentColor;flex-shrink:0}
.osb-track-btn{background:var(--wg);color:var(--black);border:none;border-radius:var(--r-pill);padding:7px 16px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;transition:opacity .2s}
.osb-track-btn:hover{opacity:.85;color:var(--black)}
.osb-dismiss{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--w3);cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}
.osb-dismiss:hover{color:var(--white);background:var(--w4)}
.osb-dismiss svg{width:14px;height:14px;stroke:currentColor}

/* ── Hero order number copy ── */
.thankyou-order-num{display:inline-flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border-w);border-radius:var(--r-md);padding:12px 20px;margin-top:4px}
.ton-label{font-size:10px;color:var(--w3);letter-spacing:.12em;text-transform:uppercase}
.ton-value{font-family:var(--serif);font-size:20px;font-weight:700;background:var(--gold-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ton-copy{display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.06);border:1px solid var(--border);border-radius:var(--r-pill);padding:5px 12px;color:var(--w3);font-size:11px;font-family:var(--sans);cursor:pointer;transition:all .2s}
.ton-copy:hover{background:rgba(255,255,255,.1);color:var(--white);border-color:var(--border-w)}
.ton-copy svg{width:12px;height:12px;stroke:currentColor}

/* ── Bank Transfer Block ── */
.ty-bacs-block{margin:0 48px 0;background:linear-gradient(135deg,#0d0a02 0%,#0a0900 100%);border:1px solid rgba(201,168,76,.25);border-radius:var(--r-xl);padding:32px 36px}
.ty-bacs-eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;color:#fbbf24;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}
.ty-bacs-eyebrow svg{width:15px;height:15px;stroke:currentColor;flex-shrink:0}
.ty-bacs-intro{font-size:14px;color:var(--w3);line-height:1.7;margin-bottom:22px}
.ty-bacs-grid{display:flex;flex-direction:column;gap:0;border:1px solid rgba(201,168,76,.15);border-radius:var(--r-md);overflow:hidden;margin-bottom:18px}
.ty-bacs-row{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;border-bottom:1px solid rgba(201,168,76,.1);gap:12px;flex-wrap:wrap}
.ty-bacs-row:last-child{border-bottom:none}
.ty-bacs-row--amount{background:rgba(201,168,76,.05)}
.ty-bacs-label{font-size:12px;color:var(--w3);flex-shrink:0}
.ty-bacs-val{font-size:14px;font-weight:600;color:var(--white)}
.ty-bacs-acct{font-family:var(--serif);font-size:18px;font-weight:700;color:#C9A84C;letter-spacing:.06em}
.ty-bacs-ref{font-family:var(--serif);font-size:16px;font-weight:700;color:#C9A84C}
.ty-bacs-amount{font-family:var(--serif);font-size:18px;font-weight:700;background:var(--gold-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ty-bacs-copyrow{display:flex;align-items:center;gap:10px}
.ty-bacs-copy{display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:var(--r-pill);padding:5px 12px;color:var(--w3);font-size:11px;font-family:var(--sans);cursor:pointer;transition:all .2s;white-space:nowrap}
.ty-bacs-copy:hover{background:rgba(255,255,255,.1);color:var(--white);border-color:var(--border-w)}
.ty-bacs-copy svg{width:12px;height:12px;stroke:currentColor}
.ty-bacs-warning{display:flex;align-items:flex-start;gap:10px;background:rgba(251,191,36,.07);border:1px solid rgba(251,191,36,.2);border-radius:var(--r-md);padding:13px 16px;font-size:12px;color:#fbbf24;line-height:1.65}
.ty-bacs-warning svg{width:14px;height:14px;stroke:currentColor;flex-shrink:0;margin-top:1px}

/* ── Thank-you body layout ── */
.thankyou-body{display:grid;grid-template-columns:1fr 360px;gap:32px;padding:36px 48px 60px;max-width:1280px;margin:0 auto;box-sizing:border-box}
.thankyou-main{}
.thankyou-sidebar{position:sticky;top:calc(68px + 56px);height:fit-content;display:flex;flex-direction:column;gap:14px}

/* ── Items ── */
.ty-items{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}
.ty-item{display:flex;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid var(--border)}
.ty-item:last-child{border-bottom:none}
.ty-item-img{flex-shrink:0}
.ty-item-no-img{width:68px;height:68px;border-radius:10px;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}
.ty-item-no-img svg{width:22px;height:22px;stroke:var(--w3)}
.ty-item-info{flex:1;min-width:0}
.ty-item-name a{font-family:var(--serif);font-size:15px;font-weight:500;color:var(--white);transition:color .2s}
.ty-item-name a:hover{color:var(--w2)}
.ty-item-meta{font-size:11px;color:var(--w3);margin-top:4px;display:flex;flex-wrap:wrap;gap:6px}
.ty-item-qty{font-size:12px;color:var(--w3);margin-top:5px}
.ty-item-price{font-family:var(--serif);font-size:15px;font-weight:700;background:var(--gold-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0;white-space:nowrap}

/* ── Addresses ── */
.ty-addresses{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.ty-addr-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 20px}
.ty-addr-title{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--w3);font-weight:500;margin-bottom:10px}
.ty-addr-title svg{width:13px;height:13px;stroke:var(--w3)}
.ty-addr-body{font-size:13px;color:var(--w2);line-height:1.8}

/* ── Note ── */
.ty-note{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 18px;margin-top:14px}
.ty-note-label{font-size:10px;color:var(--w3);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
.ty-note p{font-size:13px;color:var(--w2);line-height:1.7}

/* ── Resend email ── */
.ty-resend-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px 20px;margin-top:18px;flex-wrap:wrap}
.ty-resend-info{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}
.ty-resend-info svg{width:18px;height:18px;stroke:var(--w3);flex-shrink:0;margin-top:2px}
.ty-resend-title{font-size:13px;color:var(--w2);line-height:1.5;word-break:break-all}
.ty-resend-sub{font-size:11px;color:var(--w3);margin-top:3px}
.ty-resend-btn{display:flex;align-items:center;gap:7px;background:transparent;border:1px solid var(--border-w);border-radius:var(--r-pill);padding:9px 18px;font-size:12px;font-family:var(--sans);color:var(--w2);cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}
.ty-resend-btn:hover:not(:disabled){border-color:rgba(255,255,255,.45);color:var(--white);background:var(--w4)}
.ty-resend-btn:disabled{opacity:.6;cursor:not-allowed}
.ty-resend-btn svg{width:14px;height:14px;stroke:currentColor}

/* ── Sidebar cards ── */
.ty-totals-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:26px}
.ty-section-eyebrow{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--w3);margin-bottom:6px;font-weight:500}
.ty-section-title{font-family:var(--serif);font-size:clamp(18px,2.2vw,24px);font-weight:700;background:var(--gold-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:18px}
.ty-totals-lines{display:flex;flex-direction:column;gap:10px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--border)}
.ty-totals-row{display:flex;justify-content:space-between;font-size:13px}
.ty-totals-row span:first-child{color:var(--w3)}
.ty-totals-row--discount span{color:rgba(100,200,120,.9)}
.ty-totals-grand{display:flex;justify-content:space-between;align-items:center}
.ty-totals-grand span:first-child{font-family:var(--serif);font-size:17px;font-weight:700;color:var(--white)}
.ty-grand-price{font-family:var(--serif);font-size:22px;font-weight:700;background:var(--gold-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* ── Next card / progress ── */
.ty-next-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px}
.ty-next-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--w3);font-weight:500;margin-bottom:16px}
.ty-steps{display:flex;flex-direction:column;position:relative}
.ty-steps::before{content:'';position:absolute;left:7px;top:8px;bottom:8px;width:1px;background:var(--border)}
.ty-step{display:flex;align-items:flex-start;gap:12px;padding:8px 0;position:relative}
.ty-step-dot{width:15px;height:15px;border-radius:50%;background:var(--surface3);border:2px solid var(--border-w);flex-shrink:0;margin-top:2px;z-index:1;transition:all .3s}
.ty-step--done .ty-step-dot{background:var(--white);border-color:var(--white)}
.ty-step--active .ty-step-dot{background:var(--wg);border-color:rgba(255,255,255,.5);box-shadow:0 0 0 4px rgba(255,255,255,.08)}
.ty-step-label{font-size:13px;font-weight:500;color:var(--w3);margin-bottom:2px}
.ty-step--done .ty-step-label,.ty-step--active .ty-step-label{color:var(--white)}
.ty-step-sub{font-size:11px;color:var(--w3)}

/* ── Track CTA in sidebar ── */
.ty-track-cta{display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(255,255,255,.05);border:1px solid var(--border-w);border-radius:var(--r-pill);padding:11px 20px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--white);margin-top:16px;transition:background .2s,border-color .2s}
.ty-track-cta:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4);color:var(--white)}
.ty-track-cta svg{width:15px;height:15px;stroke:currentColor}

/* ── Actions + Trust ── */
.ty-actions{display:flex;flex-direction:column;gap:10px}
.ty-trust{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px 18px;display:flex;flex-direction:column;gap:8px}
.ty-trust-item{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--w3)}
.ty-trust-item svg{width:13px;height:13px;stroke:var(--w3);flex-shrink:0}

/* ── Fallback / lookup form ── */
.ty-fallback-wrap{max-width:580px;margin:40px auto 60px;padding:0 24px}
.ty-restored-notice{display:flex;align-items:center;gap:8px;background:rgba(100,200,120,.1);border:1px solid rgba(100,200,120,.25);border-radius:var(--r-md);padding:12px 16px;font-size:13px;color:rgba(100,200,120,.9);margin-bottom:20px}
.ty-restored-notice svg{width:15px;height:15px;stroke:currentColor;flex-shrink:0}
.ty-lookup-divider{text-align:center;position:relative;margin:20px 0}
.ty-lookup-divider::before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border)}
.ty-lookup-divider span{position:relative;background:var(--black);padding:0 12px;font-size:12px;color:var(--w3)}
.ty-lookup-alt{display:flex;flex-direction:column;gap:10px}

/* ═══════════════════════════════════════════
   MY ACCOUNT — FULL RESPONSIVE REDESIGN
═══════════════════════════════════════════ */
.woocommerce-account .hibro-woo-page{padding-top:32px}

/* Desktop: sidebar nav + content */
.woocommerce-account .woocommerce{display:grid;grid-template-columns:220px 1fr;gap:36px;align-items:flex-start}

/* Nav sidebar */
.woocommerce-MyAccount-navigation{position:sticky;top:calc(68px + 20px)}
.woocommerce-MyAccount-navigation ul{list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;padding:8px}
.woocommerce-MyAccount-navigation li{margin:0}
.woocommerce-MyAccount-navigation a{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:var(--r-sm);font-size:13px;color:var(--w3);transition:background .2s,color .2s;border:1px solid transparent;font-family:var(--sans)}
.woocommerce-MyAccount-navigation a:hover{background:var(--w4);color:var(--white);border-color:var(--border)}
.woocommerce-MyAccount-navigation .is-active a,.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--current a{background:var(--w4);color:var(--white);border-color:var(--border-w);font-weight:500}

/* Content area */
.woocommerce-MyAccount-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px}
.woocommerce-MyAccount-content h2{font-family:var(--serif);font-size:clamp(18px,2.5vw,26px);font-weight:700;background:var(--gold-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px}
.woocommerce-MyAccount-content p{font-size:14px;color:var(--w2);line-height:1.75;margin-bottom:12px}
.woocommerce-MyAccount-content strong{color:var(--white);font-weight:600}
.woocommerce-MyAccount-content a:not(.button):not(.btn-primary):not(.btn-outline){color:var(--white);border-bottom:1px solid var(--border);transition:border-color .2s}
.woocommerce-MyAccount-content a:not(.button):not(.btn-primary):not(.btn-outline):hover{border-color:var(--border-w)}

/* Orders table */
.woocommerce-orders-table{width:100%;border-collapse:collapse}
.woocommerce-orders-table th{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--w3);padding:10px 14px;border-bottom:1px solid var(--border);text-align:left;font-weight:500;white-space:nowrap}
.woocommerce-orders-table td{padding:16px 14px;border-bottom:1px solid var(--border);font-size:13px;color:var(--w2);vertical-align:middle}
.woocommerce-orders-table tr:last-child td{border-bottom:none}
.woocommerce-orders-table tr:hover td{background:var(--w5)}
.woocommerce-orders-table .order-number a{font-family:var(--serif);font-size:15px;font-weight:700;color:var(--white)}
.woocommerce-orders-table .order-total{font-family:var(--serif);font-weight:700;background:var(--gold-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a,
.woocommerce-orders-table .button{background:var(--wg);color:var(--black);border:none;border-radius:var(--r-pill);padding:7px 16px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;transition:opacity .2s;display:inline-block;white-space:nowrap}
.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a:hover,
.woocommerce-orders-table .button:hover{opacity:.85;color:var(--black)}

/* Address forms */
.woocommerce-address-fields .form-row{margin-bottom:16px}
.woocommerce-address-fields label{font-size:11px;color:var(--w3);display:block;margin-bottom:6px;letter-spacing:.06em}
.woocommerce-address-fields input,.woocommerce-address-fields select{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 16px;font-family:var(--sans);font-size:14px;color:var(--white);outline:none;transition:border-color .2s}
.woocommerce-address-fields input:focus,.woocommerce-address-fields select:focus{border-color:var(--border-w)}
.woocommerce-address-fields input::placeholder{color:var(--w3)}
.woocommerce-address-fields select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='rgba(255,255,255,0.4)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}
.woocommerce-address-fields select option{background:var(--surface2);color:var(--white)}
.woocommerce-address-fields .button[type="submit"]{background:var(--wg);color:var(--black);border:none;border-radius:var(--r-pill);padding:13px 32px;font-size:12.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 14px rgba(255,255,255,.1);margin-top:8px;display:inline-block}
.woocommerce-address-fields .button[type="submit"]:hover{transform:translateY(-1px);box-shadow:0 5px 22px rgba(255,255,255,.2)}

/* Edit account form */
.woocommerce-EditAccountForm .form-row{margin-bottom:18px}
.woocommerce-EditAccountForm label{font-size:11px;color:var(--w3);display:block;margin-bottom:6px;letter-spacing:.06em}
.woocommerce-EditAccountForm input{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 16px;font-family:var(--sans);font-size:14px;color:var(--white);outline:none;transition:border-color .2s}
.woocommerce-EditAccountForm input:focus{border-color:var(--border-w)}
.woocommerce-EditAccountForm input::placeholder{color:var(--w3)}
.woocommerce-EditAccountForm .woocommerce-form-row--wide{grid-column:1/-1}

/* Order status badges */
.woocommerce-orders-table mark.order-status,.order-status{display:inline-block;border-radius:var(--r-pill);padding:3px 12px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:none}
.order-status.status-processing,.woocommerce-orders-table mark.order-status.status-processing{background:rgba(59,130,246,.15);color:#93c5fd;border:1px solid rgba(59,130,246,.25)}
.order-status.status-completed,.woocommerce-orders-table mark.order-status.status-completed{background:rgba(100,200,120,.12);color:rgba(100,200,120,.9);border:1px solid rgba(100,200,120,.25)}
.order-status.status-pending,.order-status.status-on-hold{background:rgba(251,191,36,.1);color:#fbbf24;border:1px solid rgba(251,191,36,.2)}
.order-status.status-cancelled,.order-status.status-refunded{background:rgba(232,71,106,.12);color:#e8476a;border:1px solid rgba(232,71,106,.25)}

/* WC notices in account */
.woocommerce-MyAccount-content .woocommerce-message,.woocommerce-MyAccount-content .woocommerce-error,.woocommerce-MyAccount-content .woocommerce-info{border-radius:var(--r-md);padding:12px 18px;font-size:13px;margin-bottom:18px;list-style:none;border-left:3px solid}
.woocommerce-MyAccount-content .woocommerce-message{background:rgba(100,200,120,.08);border-color:rgba(100,200,120,.4);color:rgba(100,200,120,.9)}
.woocommerce-MyAccount-content .woocommerce-error{background:rgba(232,71,106,.08);border-color:rgba(232,71,106,.4);color:#e8476a}
.woocommerce-MyAccount-content .woocommerce-info{background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.4);color:#93c5fd}

/* ── RESPONSIVE: Account ── */
@media(max-width:900px){
  .woocommerce-account .woocommerce{grid-template-columns:1fr;gap:0}
  .woocommerce-MyAccount-navigation{position:relative;top:auto;margin-bottom:0;border-bottom:1px solid var(--border)}
  .woocommerce-MyAccount-navigation ul{background:none;border:none;border-radius:0;padding:0;display:flex;overflow-x:auto;gap:4px;padding:12px 0;scrollbar-width:none}
  .woocommerce-MyAccount-navigation ul::-webkit-scrollbar{display:none}
  .woocommerce-MyAccount-navigation li{flex-shrink:0}
  .woocommerce-MyAccount-navigation a{padding:8px 16px;border-radius:var(--r-pill);white-space:nowrap;border:1px solid var(--border)}
  .woocommerce-MyAccount-navigation .is-active a,.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--current a{background:var(--white);color:var(--black);border-color:var(--white)}
  .woocommerce-MyAccount-content{border-radius:0;border-left:none;border-right:none;padding:24px 20px}
}
@media(max-width:600px){
  .woocommerce-MyAccount-content{padding:20px 16px}
  .woocommerce-orders-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .woocommerce-orders-table th,.woocommerce-orders-table td{font-size:12px;padding:12px 10px;white-space:nowrap}
  .ty-addresses{grid-template-columns:1fr}
}

/* ── RESPONSIVE: Thank-You ── */
@media(max-width:1024px){
  .thankyou-body{grid-template-columns:1fr;padding:28px 32px 48px;gap:24px}
  .thankyou-sidebar{position:relative;top:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .ty-totals-card,.ty-next-card{grid-column:1/-1}
  .ty-actions,.ty-trust{grid-column:span 1}
}
@media(max-width:900px){
  .order-save-banner{padding:12px 24px 12px 20px}
  .ty-bacs-block{margin:0 24px 0}
  .thankyou-body{padding:24px 24px 44px}
  .thankyou-meta-strip{grid-template-columns:repeat(2,1fr)}
  .tm-item:nth-child(2){border-right:none}
}
@media(max-width:600px){
  .order-save-banner{padding:12px 48px 12px 16px;top:58px}
  .osb-left{flex:1;min-width:0}
  .osb-right{width:100%;justify-content:flex-start;gap:8px;margin-top:6px}
  .osb-num{font-size:15px}
  .thankyou-hero{padding:44px 20px 32px}
  .thankyou-order-num{flex-wrap:wrap;justify-content:center;gap:8px}
  .ty-bacs-block{margin:0 16px 0;padding:22px 18px}
  .ty-bacs-row{flex-direction:column;align-items:flex-start;gap:6px}
  .thankyou-meta-strip{grid-template-columns:1fr 1fr}
  .tm-item{padding:14px 16px}
  .thankyou-body{padding:20px 16px 44px}
  .ty-item{flex-wrap:wrap}
  .ty-item-price{width:100%;text-align:right;margin-top:6px}
  .ty-resend-wrap{flex-direction:column;align-items:flex-start}
  .ty-resend-btn{width:100%;justify-content:center}
  .thankyou-sidebar{grid-template-columns:1fr}
  .ty-actions,.ty-trust{grid-column:1}
  .ty-addresses{grid-template-columns:1fr}
  .ty-fallback-wrap{padding:0 16px}
}