@import url("https://fonts.googleapis.com/css2?family=Libre+Caslon+Display&family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&family=Hanken+Grotesk:wght@300;400;500;600&display=swap");

/* ═══════════════════════════════════════════════════════════
   VAUDRE — REFINE v5 · POORI SITE (global)
   Load LAST: style.css → luxe css → vaudre-refine.css
   Koi JS line zaroori nahi. Har section independent hai —
   jo pasand na aaye, sirf wahi block delete kar do.
═══════════════════════════════════════════════════════════ */

/* ─── 1 · TOKENS ─── */
:root{
  --serif:"Libre Caslon Text", Georgia, serif;
  --display:"Libre Caslon Display","Libre Caslon Text", Georgia, serif;
  --sans:"Hanken Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;
  --radius:0;
}
[data-theme="dark"]{
  --bg:#111111; --bg1:#111111; --bg2:#171717; --bg3:#1d1d1d; --bg4:#2a2a2a; --card:#151515;
  --border:rgba(255,255,255,.12); --border2:rgba(255,255,255,.2);
  --line:rgba(255,255,255,.12); --line2:rgba(255,255,255,.22);
  --text:#ece8e0; --text1:#ece8e0; --text2:#c9c5bc; --text3:#928e85; --text4:#5f5c56;
  --gold:#b39a5e; --gold2:#c7b07a;
  --gold-line:rgba(179,154,94,.35); --gold-bg:rgba(179,154,94,.07);
}
[data-theme="light"]{
  --bg:#fafaf8; --bg1:#fafaf8; --bg2:#f3f2ee; --bg3:#eeede9; --bg4:#e2e0da; --card:#ffffff;
  --border:rgba(0,0,0,.12); --border2:rgba(0,0,0,.22);
  --line:rgba(0,0,0,.12); --line2:rgba(0,0,0,.22);
  --text:#111111; --text1:#111111; --text2:#3a3a38; --text3:#6f6d68; --text4:#9b9993;
  --gold:#8c7436; --gold2:#a08744;
  --gold-line:rgba(140,116,54,.35); --gold-bg:rgba(140,116,54,.07);
}

/* ─── 2 · TYPE ─── */
html{ font-size:16px; }
body{ font-family:var(--sans); font-weight:400; line-height:1.65; letter-spacing:0; color:var(--text2); }
h1,h2,h3,h4,.serif{ font-weight:400 !important; }
.hero-title,.sec-head h2,.page-hero h1,.cat-hero h1,h1.serif,.luxe-title,.vb-title,
.concierge-head h1,.error-inner h1,.pdp-detail h1{
  font-family:var(--display) !important; font-weight:400 !important; letter-spacing:.005em;
}
::selection{ background:var(--gold); color:#0a0a0a; }
::-webkit-scrollbar-thumb{ background:var(--bg4); }

/* Gold-italic headline trick hataya */
em, em.gold, h1 em, h2 em, h3 em, .sec-head h2 em, .page-hero h1 em, .prose h2 em,
.manifesto blockquote em, .concierge-head h1 em, .error-inner h1 em{
  color:inherit !important; font-style:normal !important;
}
/* Eyebrows: caps + gold + wide tracking hataya */
.eyebrow,.lux-eyebrow,.ai-eyebrow,.footer-col-title,.footer-col h3,.footer-news-label,
.founder-role,.pdp-story-label,.lux-card-label{
  font-family:var(--sans) !important; text-transform:none !important; letter-spacing:.03em !important;
  font-size:.82rem !important; font-weight:400 !important; color:var(--text3) !important;
}
.eyebrow[style*="color"]{ color:var(--text3) !important; }
.gate .eyebrow,.cat-hero .eyebrow,.page-hero .eyebrow,.season-gate .eyebrow,.ed-cell .eyebrow,.vb-content .eyebrow{ color:rgba(255,255,255,.78) !important; }
.gold,.card-info .price,.summary-item-price,.acct-points{ color:var(--text) !important; }
[style*="rgba(184,151,58"]{ border-color:var(--line) !important; }

/* ─── 3 · MOTION: animations, Ken Burns, ticker sab original rakhe gaye ─── */
#loader{ background:#0f0f0f; }

/* ─── 4 · NAV: logo left (reference jaisa) ─── */
#nav:not(.transparent){ background:var(--bg); backdrop-filter:none; -webkit-backdrop-filter:none; border-bottom:1px solid var(--line); }
[data-theme="light"] #nav:not(.transparent){ background:var(--bg); border-bottom:1px solid var(--line); }
/* Desktop: Contact Us left, VAUDRE bilkul beech mein, icons right (original layout) */
.nav-logo:focus, .nav-logo:focus-visible{ outline:none; box-shadow:none; }
/* Mobile: hamburger left, VAUDRE beech mein, search + bag right (Gucci/Prada jaisa) */
@media(max-width:768px){
  .nav-left{ display:none; }
  .nav-right{ display:contents; }
  .nav-hamburger{ order:-1; margin:0 0 0 -8px; }
  .nav-center{ order:0; flex:1; text-align:center; }
  .nav-icon:not(.nav-hamburger){ order:1; }
}
.nav-logo,.footer-logo,#loader .logo,.footer-luxe .footer-logo{ font-family:var(--display) !important; font-weight:400; letter-spacing:.42rem; }
.nav-logo{ font-size:1.3rem; }
.nav-link,.nav-home-link{ font-size:.74rem; letter-spacing:.1em; font-weight:500; }
.nav-link::after{ background:var(--text); }
.nav-icon .badge{ background:var(--text); color:var(--bg); }

/* ─── 5 · HOME HERO ─── */
.hero{ align-items:flex-end; justify-content:flex-start; text-align:left; }
.hero-grad{ background:linear-gradient(to bottom, rgba(0,0,0,.18), rgba(0,0,0,0) 40%, rgba(0,0,0,.62)); }
.hero-content{ align-items:flex-start; text-align:left; max-width:none; width:100%; gap:.9rem; padding:0 clamp(1.5rem,5vw,4.5rem) clamp(2.5rem,9vh,5rem); }
.hero-content::before{ content:""; width:56px; height:1px; background:#d4b87c; margin-bottom:.3rem; }
.hero-eyebrow{ display:none !important; }
.hero-title{ font-size:clamp(2.4rem,7vw,5rem); letter-spacing:.3rem; line-height:1.1; }
.hero-sub{ font-style:normal; max-width:28rem; font-size:1rem; color:rgba(255,255,255,.8); }
.hero-btn{ margin-top:.6rem; padding:0 0 .45rem; border:none; border-bottom:1px solid rgba(255,255,255,.75); background:none; text-transform:none; letter-spacing:.05em; font-size:.95rem; color:#fff; }
.hero-btn:hover{ background:none; color:#fff; border-bottom-color:#d4b87c; letter-spacing:.05em; }
.hero .hero-gender-links{ justify-content:flex-start; margin-top:.4rem; }
.hero-gender-link:hover{ color:#fff !important; border-color:#d4b87c !important; }

/* ─── 6 · SECTIONS / TILES ─── */
.sec{ padding:5rem 0; }
.sec-head{ border-bottom:1px solid var(--line); }
.sec-head h2{ font-size:clamp(1.6rem,3vw,2.3rem); }
.sec-link{ text-transform:none; letter-spacing:.02em; font-size:.85rem; color:var(--text2); border-color:var(--line2); }
.sec-link:hover{ color:var(--text); border-color:var(--text); }
.manifesto{ background:var(--bg); border-color:var(--line); }
.manifesto blockquote{ font-size:clamp(1.3rem,3.2vw,2.2rem); line-height:1.5; }
.manifesto p{ text-transform:none; letter-spacing:.04em; font-size:.82rem; }
.gate .grad,.season-gate .grad,.ed-cell .grad,.media-card .grad{ background:linear-gradient(to top, rgba(0,0,0,.68), rgba(0,0,0,0) 55%); }
.gate .c h3,.season-gate h3,.ed-cell .c h3{ font-family:var(--display); font-weight:400; text-shadow:none; }
.gate .c .ex,.season-gate .ex,.ed-cell .c a{ text-transform:none; letter-spacing:.03em; font-size:.85rem; color:rgba(255,255,255,.85); }
.season-gate{ border:none; }
.tier{ border-color:var(--line); }
.tier .lvl{ font-family:var(--sans); text-transform:none; letter-spacing:.02em; border:none; padding:0; font-size:.82rem !important; }
.tier .foot{ font-style:normal; font-family:var(--sans); color:var(--text3); }

/* ─── 7 · PRODUCT CARD: grey outline, hover pe gold ─── */
.card{ background:var(--card); border:1px solid var(--line); transition:border-color .25s; }
.card:hover{ border-color:var(--gold); }
.card.archived{ border-color:var(--line); }
.card-img{ background:var(--bg3); border-bottom:1px solid var(--line); }
.card .scarcity{ display:none; }
.card-info{ padding:.95rem 1rem 1.1rem !important; }
.card-info .ed{ text-transform:none !important; letter-spacing:.02em !important; font-size:.74rem !important; color:var(--text3) !important; font-weight:400; margin-bottom:4px; }
.card-info h3{ font-family:var(--serif); font-size:15px; margin-bottom:6px; color:var(--text); }
.card-info .price{ font-family:var(--sans); font-size:.9rem; font-weight:400; color:var(--text2) !important; }
.card-actions{ background:none; padding:10px; }
.act-btn{ background:rgba(17,17,17,.82); border-color:transparent; }
.act-btn:hover,.act-btn.active{ background:var(--text); color:var(--bg); border-color:var(--text); }
.act-add{ background:var(--text); color:var(--bg); font-size:.74rem !important; letter-spacing:.12em; font-weight:600; }
.act-add:hover{ background:var(--text2); }
.card-overlay{ background:rgba(0,0,0,.35); }
.card .card-piece{
  top:10px; left:10px; bottom:auto; right:auto; font-family:var(--sans); font-size:.7rem; letter-spacing:.08em;
  text-transform:none; color:#fff; background:rgba(17,17,17,.72); border:1px solid rgba(212,184,124,.6); padding:3px 9px;
}
.card .card-piece:empty{ display:none; }

/* ─── 8 · BUTTONS ─── */
.btn-gold{ background:var(--gold); color:#0a0a0a; border-radius:0; font-size:.78rem !important; letter-spacing:.14em !important; font-weight:600; padding:1rem 2rem; }
.btn-gold:hover{ background:var(--gold2); letter-spacing:.14em !important; }
[data-theme="light"] .btn-gold,[data-theme="light"] .pdp-detail .btn-gold{ background:#111; color:#d4b87c; }
[data-theme="light"] .btn-gold:hover,[data-theme="light"] .pdp-detail .btn-gold:hover{ background:var(--gold); color:#111; }
.btn-line{ border:1px solid var(--line2); color:var(--text) !important; border-radius:0; font-size:.78rem !important; letter-spacing:.12em; background:transparent; }
.btn-line:hover{ border-color:var(--text); color:var(--text) !important; }
.btn-tryon{ background:transparent; color:var(--text); border:1px solid var(--line2); font-size:.78rem; letter-spacing:.12em; box-shadow:none; }
.btn-tryon:hover{ background:transparent; border-color:var(--text); color:var(--text); transform:none; box-shadow:none; }
#toast{ background:var(--text); color:var(--bg); letter-spacing:.08em; }

/* ─── 9 · BANNERS / FILTER ─── */
.fchip.active{ color:var(--text); }
.fchip.active::after{ background:var(--text); }
.filter-group .fl{ text-transform:none; letter-spacing:.03em; font-size:.8rem; }

/* ─── 10 · PRODUCT PAGE (Shopify layout) ─── */
@media(min-width:1024px){
  .pdp{ grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:0 4rem; align-items:start; }
  .pdp .pdp-media{ grid-column:1; grid-row:1 / span 2; }
  .pdp .pdp-detail{ grid-column:2; grid-row:1; padding:0; max-width:480px; }
  .pdp .pdp-left-col{ grid-column:2; grid-row:2; display:flex; flex-direction:column; max-width:480px; margin-top:2.2rem; padding-top:0; background:transparent; }
  .pdp-left-col > p{ order:1; margin-top:0 !important; max-width:none !important; font-size:.95rem !important; color:var(--text2) !important; line-height:1.8 !important; }
  .pdp-left-col > .pdp-story{ order:2; }
  .pdp-left-col > .pdp-measure{ order:3; }
  .pdp-left-col > div:not([class]){ order:4; }
  .pdp-left-col > .pdp-piece{ order:5; }
  .pdp-left-col > .pdp-trust{ order:6; }
}
.pdp-media:has(.pdp-thumbs){ display:grid; grid-template-columns:76px minmax(0,1fr); grid-template-areas:"thumbs main"; gap:14px; align-items:start; }
.pdp-media:has(.pdp-thumbs) .pdp-img{ grid-area:main; }
.pdp-media:has(.pdp-thumbs) .pdp-thumbs{ grid-area:thumbs; flex-direction:column; flex-wrap:nowrap; margin-top:0 !important; gap:8px; }
.pdp-thumbs .pdp-thumb{ width:100%; height:auto; aspect-ratio:3/4; border-color:var(--line); opacity:.6; }
.pdp-thumbs .pdp-thumb.active,.pdp-thumbs .pdp-thumb:hover{ border-color:var(--gold); opacity:1; }
@media(max-width:640px){ .pdp-media:has(.pdp-thumbs){ grid-template-columns:54px minmax(0,1fr); gap:10px; } }
.pdp-img{ background:var(--bg3); border:1px solid var(--line); }
.pdp-nav{ background:rgba(17,17,17,.55); border:none; width:38px; height:38px; font-size:20px; backdrop-filter:none; }
.pdp-nav:hover{ background:var(--text); color:var(--bg); }
.pdp-video-btn{ background:rgba(17,17,17,.7); border:none; text-transform:none; letter-spacing:.03em; font-size:.8rem !important; }

.pdp-detail h1{ font-family:var(--sans) !important; font-size:1.15rem !important; font-weight:500 !important; letter-spacing:.01em; line-height:1.35; margin:.2rem 0 .4rem !important; }
.pdp-detail .gold{ font-family:var(--sans) !important; font-size:1rem !important; color:var(--text) !important; }
.pdp-detail .eyebrow span{ display:none !important; }
.pdp-detail [style*="text-transform:uppercase"][style*="letter-spacing"]{ text-transform:none !important; letter-spacing:.02em !important; font-size:.8rem !important; color:var(--text3) !important; }
.size-chip{ min-width:48px; height:44px; border:1px solid var(--line2); color:var(--text); text-transform:none; letter-spacing:.02em; border-radius:0; }
.size-chip:hover{ border-color:var(--text); color:var(--text); }
.size-chip.active{ background:var(--text); color:var(--bg); border-color:var(--text); }
.sizing-toggle{ border:none; border-bottom:1px solid var(--line); padding:0; gap:1.6rem; width:100%; }
.sizing-tab{ padding:.5rem 0; text-transform:none !important; letter-spacing:.02em; font-size:.85rem !important; color:var(--text3); border-bottom:1px solid transparent; margin-bottom:-1px; }
.sizing-tab.active{ background:none; color:var(--text); border-bottom-color:var(--text); }
.unit-tab.active,.tab-row button.active{ background:var(--text); color:var(--bg); }
.custom-size-card{ border:1px solid var(--line); background:transparent; }
.custom-size-title{ font-family:var(--sans) !important; color:var(--text); letter-spacing:.06em; font-size:.85rem; }
.pdp-gift{ border:1px solid var(--line); }
.pdp-detail .btn-gold{ width:100%; height:52px; padding:0 1rem !important; font-size:.8rem !important; letter-spacing:.14em !important; line-height:1.2 !important; }
.pdp-detail .btn-gold:disabled{ background:var(--bg4); color:var(--text3); }
.accordion-item{ border-bottom:1px solid var(--line); }
.accordion-btn{ text-transform:none; letter-spacing:.01em; font-size:.95rem; font-weight:400; color:var(--text); padding:1.1rem 0; }
.accordion-btn:hover{ color:var(--text); opacity:.75; }
.accordion-body p{ font-size:.9rem; color:var(--text2); }
.pdp-story,.pdp-piece,.pdp-trust{ border-color:var(--line); }
.pdp-piece-no{ font-family:var(--sans); font-size:.95rem; letter-spacing:.02em; color:var(--text); }
.pdp-piece-sub{ text-transform:none; letter-spacing:.01em; font-size:.85rem; color:var(--text3); }
.pdp-cert-btn{ border:none; border-bottom:1px solid var(--line2); width:auto; padding:0 0 3px; text-transform:none; letter-spacing:.02em; font-size:.85rem; color:var(--text); font-weight:400; margin-top:.4rem; }
.pdp-cert-btn:hover{ background:none; border-color:var(--text); }
.pdp-cert-seal,.pdp-trust-ico{ display:none; }
.pdp-measure{ border:none; border-top:1px solid var(--line); padding:1.2rem 0 0; }
.pdp-measure-head{ text-transform:none; letter-spacing:.02em; font-size:.85rem; color:var(--text2); }
.pdp-sold{ background:transparent; border:1px solid var(--line2); }
.pdp-sold-stamp{ color:var(--text); border-color:var(--line2); transform:none; font-family:var(--sans); letter-spacing:.1em; }
.pdp-trust-badges{ gap:0; margin-bottom:1.4rem; }
.pdp-trust-badge{ border:none; background:transparent; padding:0 .5rem 0 0; align-items:flex-start; text-align:left; }
.pdp-trust-label{ text-transform:none; letter-spacing:.01em; font-size:.8rem; font-weight:400; color:var(--text2); }
.pdp-tl-step.active .pdp-tl-dot{ background:var(--text); border-color:var(--text); }
.pdp-tl-label{ text-transform:none; letter-spacing:.01em; font-size:.8rem; }
.pdp-sticky-bar{ background:var(--bg) !important; border-top:1px solid var(--line) !important; }
.pdp-sticky-price{ font-family:var(--sans) !important; color:var(--text) !important; }

/* ─── 11 · CART / ACCOUNT / WISHLIST DRAWERS ─── */
.drawer{ background:var(--bg); border-left:1px solid var(--line); }
.drawer-head{ padding:1.25rem 1.6rem; border-bottom:1px solid var(--line); }
.drawer-head h2{ font-family:var(--serif) !important; font-size:1.3rem !important; }
.drawer-body{ padding:.4rem 1.6rem 1.6rem !important; }
.drawer-foot{ background:var(--bg); border-top:1px solid var(--line); padding:1.25rem 1.6rem 1.6rem; }
.drawer-foot .btn-gold,.drawer-foot .btn-line{ width:100%; height:52px; }
.line-item{ gap:1rem; padding:1.3rem 0; border-bottom:1px solid var(--line); }
.line-item img{ width:80px; height:100px; border:1px solid var(--line); background:var(--bg3); }
.line-item h3{ font-family:var(--sans); font-size:.92rem; font-weight:500; color:var(--text); white-space:normal; }
.line-item .li-size{ text-transform:none !important; letter-spacing:.01em; font-size:.82rem !important; color:var(--text3) !important; margin:3px 0 10px; }
.qty{ border:1px solid var(--line2); }
.qty button{ width:32px; height:32px; color:var(--text); }
.qty button:hover{ color:var(--text); background:var(--bg3); }
.li-remove{ text-transform:none !important; letter-spacing:0; font-size:.8rem !important; color:var(--text3) !important; text-decoration:underline; }
.li-remove:hover{ color:var(--text) !important; }
.empty .s{ text-transform:none; letter-spacing:.02em; font-size:.85rem !important; }

/* ─── 12 · CHECKOUT (rang quiet) ─── */
.sx-right{ background:var(--bg2); }
.sx-f input:focus,.sx-f select:focus{ border-color:var(--text2); box-shadow:0 0 0 1px var(--text2); }
.sx-opt input:checked{ border-color:var(--text) !important; }
.sx-opt:has(input:checked){ background:var(--bg3); }
.sx-badge{ background:var(--text); color:var(--bg); }
.sx-tag{ border-color:var(--line2); color:var(--text); }
.sx-back{ color:var(--text2); }

/* ─── 13 · CHAT / COOKIE / FOOTER ─── */
#chat-fab{ background:var(--bg3); color:var(--text); border:1px solid var(--line2); width:52px; height:52px; box-shadow:none; }
#chat-fab:hover{ transform:none; border-color:var(--text); }
#chat-fab svg{ width:22px; height:22px; }
.chat-head{ background:var(--bg2); border-bottom:1px solid var(--line); }
[data-theme="light"] .chat-head{ background:var(--bg2); color:var(--text); }
.chat-head .ch-avatar{ background:var(--bg4); color:var(--text); }
.chat-msg.user,[data-theme="dark"] .chat-msg.user{ background:var(--text); color:var(--bg); }
.chat-send{ background:var(--text); color:var(--bg); }
.chat-chip{ color:var(--text2); border-color:var(--line2); background:transparent; font-weight:500; }
.chat-chip:hover{ background:var(--text); color:var(--bg); }
.cookie-banner{ background:var(--bg2); border:1px solid var(--line2); border-radius:0; box-shadow:none; backdrop-filter:none; }

.footer,.footer-luxe,.footer-minimal{ background:var(--bg); border-top:1px solid var(--line); }
.footer-col a,.footer-links-col a,.footer-social a{ color:var(--text2); }
.footer-col a:hover,.footer-links-col a:hover,.footer-social a:hover,.footer-legal a:hover{ color:var(--text); }
.footer-legal a,.footer-bottom p{ text-transform:none !important; letter-spacing:.01em !important; font-size:.8rem !important; }
/* Light mode mein footer kaala — brand ka black */
[data-theme="light"] .footer,[data-theme="light"] .footer-luxe,[data-theme="light"] .footer-minimal{
  --bg:#111; --bg2:#151515; --text:#ece8e0; --text2:#c9c5bc; --text3:#928e85;
  --border:rgba(255,255,255,.1); --line:rgba(255,255,255,.1); --line2:rgba(255,255,255,.18);
  background:#111;
}
/* Light mein dark overlays ka text readable rahe */
[data-theme="light"] #search-overlay{ background:rgba(250,250,248,.98); }
[data-theme="light"] .checkout-success{ background:rgba(250,250,248,.98); }

/* ─── 14 · CART DRAWER v2 (chrome.js ke naye foot ke liye) ─── */
.cart-sub{ display:flex; justify-content:space-between; align-items:baseline; font-size:.95rem; color:var(--text); margin-bottom:.4rem; }
.cart-note{ font-size:.8rem; color:var(--text3); margin:.2rem 0 1.1rem; }
.cart-continue{
  display:block; margin:1rem auto 0; background:none; border:none; border-bottom:1px solid var(--line2);
  padding:0 0 2px; font-size:.85rem; color:var(--text2); cursor:pointer; width:auto;
}
.cart-continue:hover{ color:var(--text); border-color:var(--text); }
.li-view{ font-size:.8rem; color:var(--text3); text-decoration:underline; background:none; border:none; cursor:pointer; padding:0; }
.li-view:hover{ color:var(--text); }

/* ─── 15 · Card "Add to Cart" — sirf text chhota ─── */
.act-add{ font-size:.6rem !important; letter-spacing:.1em !important; font-weight:500 !important; }