/* =========================================================
   THEME V2 — ported from the new front-end design
   Used only on redesigned pages (index-v2.php for now).
   Does NOT touch style.css, so admin/cart/checkout/dashboards
   are completely unaffected.
========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&family=Inter:wght@300;400;500;600;700&display=swap');

:root{
    /* Dark Brown scale — main colour #241A17 (60%) */
    --ink-50:#F8F2E6;   --ink-100:#EEE4CE;  --ink-200:#DDD0B3;
    --ink-300:#C4B59C;  --ink-400:#A39480;  --ink-500:#7A6A58;
    --ink-600:#5E4F42;  --ink-700:#473A31;  --ink-800:#3A2D27;
    --ink-900:#241A17;  --ink-950:#241A17;

    /* Antique Gold scale — accent #B08D57 (10%) */
    --gold-50:#FAF5EA;  --gold-100:#F1E6CC; --gold-200:#E4D3A9;
    --gold-300:#D7BF8C; --gold-400:#C8A96F; --gold-500:#B99A60;
    --gold-600:#B08D57; --gold-700:#8F7040; --gold-800:#6F562F; --gold-900:#4F3D21;

    /* Cream scale — background / text #F3E9D2 (30%) */
    --cream-50:#F3E9D2; --cream-100:#EBE0C6; --cream-200:#E2D5B6;

    --font-serif:'Cormorant Garamond','Playfair Display',Georgia,serif;
    --font-sans:'Inter',system-ui,sans-serif;
}

.v2{ font-family:var(--font-sans); color:var(--ink-900); background:var(--cream-50); line-height:1.6; }
.v2 *{ box-sizing:border-box; }
.v2 img{ max-width:100%; display:block; }
.v2 a{ text-decoration:none; color:inherit; }
.v2 h1,.v2 h2,.v2 h3,.v2 blockquote{ font-family:var(--font-serif); font-weight:400; margin:0; }
.v2-wrap{ max-width:1280px; margin:0 auto; padding:0 24px; }
@media(min-width:1024px){ .v2-wrap{ padding:0 40px; } }

/* ---------- Topbar + Navbar ---------- */
.v2-topbar{ background:var(--ink-950); color:var(--cream-100); text-align:center; padding:9px 0; font-size:11px; letter-spacing:.2em; text-transform:uppercase; font-weight:300; }
.v2-header{ position:sticky; top:0; z-index:40; background:var(--cream-50); transition:all .4s; }
.v2-header.scrolled{ background:rgba(243,233,210,.95); backdrop-filter:blur(8px); box-shadow:0 1px 0 var(--ink-100); }
.v2-nav{ max-width:1280px; margin:0 auto; padding:0 24px; height:80px; display:flex; align-items:center; justify-content:space-between; }
.v2-logo{ font-family:var(--font-serif); font-size:24px; letter-spacing:.02em; color:var(--ink-900); font-weight:500; display:flex; align-items:center; }
.v2-logo span{ color:var(--gold-600); }
.v2-logo-img{ height:52px; width:auto; display:block; }
@media(max-width:767px){
    .v2-nav{ height:64px; padding:0 16px; }
    .v2-logo-img{ height:38px; }
}
.v2-navlinks{ display:none; list-style:none; gap:40px; margin:0; padding:0; font-size:13px; letter-spacing:.1em; text-transform:uppercase; font-weight:300; color:var(--ink-700); }
@media(min-width:768px){ .v2-navlinks{ display:flex; } }
.v2-navlinks a:hover{ color:var(--gold-600); }
.v2-cart-btn{ display:flex; align-items:center; gap:8px; color:var(--ink-800); font-size:13px; letter-spacing:.1em; text-transform:uppercase; font-weight:300; position:relative; }
.v2-cart-btn:hover{ color:var(--gold-600); }
.v2-cart-count{ position:absolute; top:-9px; right:-12px; background:var(--gold-600); color:var(--cream-50); font-size:10px; font-weight:500; width:18px; height:18px; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.v2-mobile-toggle{ display:flex; background:none; border:none; cursor:pointer; color:var(--ink-800); }
@media(min-width:768px){ .v2-mobile-toggle{ display:none; } }
.v2-mobile-nav{ display:none; background:var(--cream-50); border-top:1px solid var(--ink-100); padding:8px 24px 20px; }
.v2-mobile-nav.open{ display:block; }
.v2-mobile-nav a{ display:block; padding:12px 0; border-bottom:1px solid var(--ink-100); font-size:13px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-700); }

/* ---------- Hero ---------- */
.v2-hero{ position:relative; height:90vh; min-height:560px; overflow:hidden; }
.v2-hero img{ width:100%; height:100%; object-fit:cover; }
.v2-hero-overlay{ position:absolute; inset:0; background:linear-gradient(to bottom, rgba(36,26,23,.4), rgba(36,26,23,.3), rgba(36,26,23,.6)); }
.v2-hero-content{ position:relative; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:0 24px; }
.v2-hero-eyebrow{ color:rgba(243,233,210,.8); font-size:11px; text-transform:uppercase; letter-spacing:.4em; margin-bottom:24px; }
.v2-hero h1{ font-size:48px; color:var(--cream-50); font-weight:300; line-height:1.05; }
.v2-hero h1 em{ color:var(--gold-400); font-style:italic; font-weight:400; }
@media(min-width:768px){ .v2-hero h1{ font-size:80px; } }
@media(min-width:1024px){ .v2-hero h1{ font-size:104px; } }
.v2-hero p{ margin-top:32px; max-width:560px; color:rgba(243,233,210,.8); font-size:17px; font-weight:300; line-height:1.7; }
.v2-hero-link{ margin-top:40px; display:inline-flex; align-items:center; gap:12px; color:var(--cream-50); font-size:13px; text-transform:uppercase; letter-spacing:.2em; border-bottom:1px solid var(--gold-400); padding-bottom:8px; }
.v2-hero-link:hover{ color:var(--gold-400); }

/* ---------- Sections (generic) ---------- */
.v2-section{ padding:96px 0; }
@media(min-width:768px){ .v2-section{ padding:128px 0; } }
.v2-section.dark{ background:var(--ink-950); color:var(--cream-50); }
.v2-section.tint{ background:var(--cream-100); }
.v2-section-head{ text-align:center; margin-bottom:64px; }
.v2-eyebrow{ font-size:11px; text-transform:uppercase; letter-spacing:.3em; color:var(--gold-600); margin-bottom:16px; }
.dark .v2-eyebrow{ color:var(--gold-500); }
.v2-section-head h2{ font-size:34px; font-weight:300; }
@media(min-width:768px){ .v2-section-head h2{ font-size:44px; } }
.v2-section-head p{ margin-top:16px; max-width:560px; margin-left:auto; margin-right:auto; color:var(--ink-500); font-weight:300; line-height:1.7; }
.dark .v2-section-head p{ color:var(--ink-300); }

/* ---------- Grids (Disciplines / Lookbook) ---------- */
.v2-grid-4{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
@media(min-width:1024px){ .v2-grid-4{ grid-template-columns:repeat(4,1fr); gap:24px; } }
.v2-tile{ position:relative; aspect-ratio:3/4; overflow:hidden; background:var(--ink-100); display:block; }
.v2-tile img{ width:100%; height:100%; object-fit:cover; transition:transform .7s; }
.v2-tile:hover img{ transform:scale(1.08); }
.v2-tile-shade{ position:absolute; inset:0; background:linear-gradient(to top, rgba(36,26,23,.75), transparent 60%); }
.v2-tile-label{ position:absolute; left:0; right:0; bottom:0; padding:24px; text-align:center; }
.v2-tile-label h3{ font-size:22px; color:var(--cream-50); }
.v2-tile:hover .v2-tile-label h3{ color:var(--gold-400); }
.v2-tile-label p{ margin-top:8px; font-size:12px; color:rgba(243,233,210,.6); font-weight:300; }

/* ---------- Fabric Showcase (dark product strip) ---------- */
.v2-fabric-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
@media(min-width:768px){ .v2-fabric-grid{ grid-template-columns:repeat(4,1fr); } }
.v2-fabric-item .thumb{ position:relative; aspect-ratio:3/4; overflow:hidden; background:var(--ink-800); margin-bottom:16px; }
.v2-fabric-item .thumb img{ width:100%; height:100%; object-fit:cover; transition:transform .7s; }
.v2-fabric-item:hover .thumb img{ transform:scale(1.05); }
.v2-fabric-item h3{ font-size:18px; color:var(--cream-50); }
.v2-fabric-item:hover h3{ color:var(--gold-400); }
.v2-fabric-item .meta{ font-size:14px; color:var(--ink-400); margin-top:4px; }
.v2-quote{ text-align:center; margin-top:48px; }
.v2-quote p{ font-family:var(--font-serif); font-style:italic; font-size:21px; color:var(--ink-300); max-width:680px; margin:0 auto 32px; line-height:1.6; }
.v2-link-gold{ display:inline-flex; align-items:center; gap:10px; font-size:13px; text-transform:uppercase; letter-spacing:.2em; color:var(--gold-400); border-bottom:1px solid var(--gold-500); padding-bottom:8px; }
.v2-link-gold:hover{ color:var(--gold-300); }
.v2-link-dark{ display:inline-flex; align-items:center; gap:10px; font-size:13px; text-transform:uppercase; letter-spacing:.2em; color:var(--ink-800); border-bottom:1px solid var(--gold-600); padding-bottom:8px; }
.v2-link-dark:hover{ color:var(--gold-700); }

/* ---------- Product Card (Favorites) ---------- */
.v2-product-card{ text-align:center; }
.v2-product-card .thumb{ position:relative; overflow:hidden; background:var(--ink-100); aspect-ratio:3/4; margin-bottom:16px; }
.v2-product-card .thumb img{ width:100%; height:100%; object-fit:cover; transition:transform .7s; }
.v2-product-card:hover .thumb img{ transform:scale(1.05); }
.v2-badge{ position:absolute; top:16px; left:16px; background:rgba(36,26,23,.8); color:var(--gold-400); font-size:10px; text-transform:uppercase; letter-spacing:.15em; padding:6px 12px; }
.v2-product-card .fab{ font-size:10px; text-transform:uppercase; letter-spacing:.2em; color:var(--gold-600); margin-bottom:4px; }
.v2-product-card h3{ font-size:18px; }
.v2-product-card:hover h3{ color:var(--gold-700); }
.v2-product-card .price{ font-size:14px; color:var(--ink-500); margin-top:4px; }
.v2-product-card .add-btn{ margin-top:12px; display:inline-flex; align-items:center; gap:8px; font-size:12px; text-transform:uppercase; letter-spacing:.1em; color:var(--ink-600); border:1px solid var(--ink-200); padding:8px 16px; background:none; cursor:pointer; }
.v2-product-card .add-btn:hover{ color:var(--gold-600); border-color:var(--gold-500); }

/* ---------- Brand Story ---------- */
.v2-story{ position:relative; padding:128px 0; overflow:hidden; }
@media(min-width:768px){ .v2-story{ padding:160px 0; } }
.v2-story-bg{ position:absolute; inset:0; }
.v2-story-bg img{ width:100%; height:100%; object-fit:cover; }
.v2-story-bg:after{ content:""; position:absolute; inset:0; background:rgba(36,26,23,.7); }
.v2-story-content{ position:relative; max-width:720px; margin:0 auto; padding:0 24px; text-align:center; }
.v2-story-content blockquote{ font-size:26px; color:var(--cream-50); font-weight:300; font-style:italic; line-height:1.6; }
@media(min-width:768px){ .v2-story-content blockquote{ font-size:36px; } }
.v2-story-content .sig{ margin-top:32px; color:rgba(243,233,210,.6); font-size:13px; text-transform:uppercase; letter-spacing:.1em; }

/* ---------- Newsletter ---------- */
.v2-newsletter{ text-align:center; max-width:640px; margin:0 auto; padding:0 24px; }
.v2-newsletter p.sub{ color:rgba(243,233,210,.7); font-weight:300; margin:16px 0 40px; line-height:1.7; }
.v2-newsletter form{ display:flex; flex-direction:column; gap:12px; max-width:420px; margin:0 auto; }
@media(min-width:540px){ .v2-newsletter form{ flex-direction:row; } }
.v2-newsletter input{ flex:1; background:transparent; border:1px solid var(--ink-600); padding:14px 20px; color:var(--cream-50); font-size:14px; }
.v2-newsletter input::placeholder{ color:var(--ink-400); }
.v2-newsletter input:focus{ outline:none; border-color:var(--gold-500); }
.v2-newsletter button{ background:var(--gold-600); color:var(--ink-950); border:none; padding:14px 32px; font-size:13px; text-transform:uppercase; letter-spacing:.1em; font-weight:500; cursor:pointer; }
.v2-newsletter button:hover{ background:var(--gold-500); }

/* ---------- Footer ---------- */
.v2-footer{ background:var(--ink-950); color:var(--cream-100); padding:80px 0 40px; }
.v2-footer-grid{ display:grid; grid-template-columns:1fr; gap:48px; margin-bottom:64px; }
@media(min-width:640px){ .v2-footer-grid{ grid-template-columns:1fr 1fr; } }
@media(min-width:1024px){ .v2-footer-grid{ grid-template-columns:2fr 1fr 1fr 1fr; } }
.v2-footer h3{ font-size:22px; color:var(--gold-400); margin-bottom:16px; }
.v2-footer h3 span{ color:var(--cream-100); }
.v2-footer p{ font-size:14px; color:var(--ink-300); font-weight:300; line-height:1.7; }
.v2-footer h4{ font-size:11px; text-transform:uppercase; letter-spacing:.2em; color:var(--gold-400); margin-bottom:18px; }
.v2-footer ul{ list-style:none; padding:0; margin:0; font-size:14px; color:var(--ink-300); font-weight:300; }
.v2-footer ul li{ margin-bottom:12px; }
.v2-footer a:hover{ color:var(--cream-100); }
.v2-footer-bottom{ border-top:1px solid var(--ink-800); padding-top:28px; display:flex; flex-direction:column; gap:12px; align-items:center; justify-content:space-between; font-size:12px; color:var(--ink-400); font-weight:300; text-align:center; }
@media(min-width:768px){ .v2-footer-bottom{ flex-direction:row; text-align:left; } }

.v2-whatsapp-float{ position:fixed; bottom:24px; right:24px; width:56px; height:56px; border-radius:50%; background:#25D366; display:flex; align-items:center; justify-content:center; box-shadow:0 6px 18px rgba(0,0,0,.3); z-index:60; }
.v2-whatsapp-float svg{ width:30px; height:30px; fill:#fff; }

/* ---------- Product accordion (Description / Wash & Care) — v2 ---------- */
.pdp-accordion{ border-top:1px solid var(--ink-100); }
.pdp-accordion details{ border-bottom:1px solid var(--ink-100); }
.pdp-accordion summary{
    list-style:none; cursor:pointer; padding:18px 2px; font-size:12px; font-weight:600;
    letter-spacing:.15em; text-transform:uppercase; color:var(--ink-800);
    display:flex; align-items:center; justify-content:space-between;
}
.pdp-accordion summary::-webkit-details-marker{ display:none; }
.pdp-accordion summary:after{ content:"+"; font-size:18px; font-weight:400; color:var(--gold-600); }
.pdp-accordion details[open] summary:after{ content:"-"; }
.pdp-accordion ul{ margin:0 0 20px; padding:0 2px 0 18px; }
.pdp-accordion ul li{ font-size:14px; line-height:1.9; color:var(--ink-600); font-weight:300; }

/* ============================================================
   PHASE 5 — Checkout, Auth, Static pages, Blog, Lookbook, Compose-box
   ============================================================ */

.v2-page-header{ background:var(--ink-950); color:var(--cream-50); padding:64px 0; text-align:center; }
.v2-page-header .v2-eyebrow{ color:var(--gold-400); }
.v2-page-header h1{ font-size:34px; font-weight:300; }
.v2-page-header p{ margin-top:12px; max-width:560px; margin-left:auto; margin-right:auto; color:rgba(243,233,210,.7); font-weight:300; padding:0 24px; }

/* ---------- Static / legal / about article pages ---------- */
.v2-static{ max-width:760px; margin:0 auto; padding:64px 24px 96px; }
.v2-static h2{ font-size:24px; font-weight:400; margin:40px 0 14px; color:var(--ink-900); }
.v2-static h2:first-child{ margin-top:0; }
.v2-static p{ color:var(--ink-600); font-weight:300; line-height:1.8; margin:0 0 16px; }
.v2-static ul{ color:var(--ink-600); font-weight:300; line-height:1.8; padding-left:20px; }
.v2-static a{ color:var(--gold-600); border-bottom:1px solid var(--gold-400); }
.v2-static strong, .v2-static em{ color:var(--ink-800); }

/* ---------- Form card (login / register / checkout) ---------- */
.v2-form-card{ background:var(--cream-50); border:1px solid var(--ink-100); padding:40px; max-width:460px; margin:0 auto; }
.v2-form-card.wide{ max-width:none; }
.v2-form-card label{ display:block; font-size:11px; text-transform:uppercase; letter-spacing:.1em; color:var(--ink-500); margin:18px 0 8px; }
.v2-form-card label:first-of-type{ margin-top:0; }
.v2-form-card input, .v2-form-card textarea, .v2-form-card select{
    width:100%; padding:13px 16px; border:1px solid var(--ink-200); background:var(--cream-50);
    font-family:inherit; font-size:14px; color:var(--ink-900);
}
.v2-form-card input:focus, .v2-form-card textarea:focus, .v2-form-card select:focus{ outline:none; border-color:var(--gold-500); }
.v2-btn-primary{
    display:block; width:100%; background:var(--ink-950); color:var(--cream-50); border:none; padding:16px;
    font-size:13px; text-transform:uppercase; letter-spacing:.15em; cursor:pointer; text-align:center; margin-top:24px;
}
.v2-btn-primary:hover{ background:var(--gold-600); color:var(--ink-950); }
.v2-btn-gold{
    display:inline-block; background:var(--gold-600); color:var(--ink-950); border:none; padding:15px 32px;
    font-size:13px; text-transform:uppercase; letter-spacing:.15em; cursor:pointer; text-align:center; text-decoration:none;
}
.v2-btn-gold:hover{ background:var(--gold-500); }
.v2-alert{ padding:14px 18px; font-size:14px; margin-bottom:20px; }
.v2-alert-error{ background:#fbe0e0; color:#a12525; }
.v2-alert-success{ background:#d9f2df; color:#1f7a3d; }
.v2-alert-warn{ background:var(--gold-100); color:var(--gold-800); }
.v2-tab-toggle{ display:inline-block; padding:10px 20px; font-size:12px; text-transform:uppercase; letter-spacing:.1em; border:1px solid var(--ink-300); color:var(--ink-600); margin-right:8px; }
.v2-tab-toggle.active{ background:var(--ink-950); color:var(--cream-50); border-color:var(--ink-950); }

/* ---------- Order summary table (checkout) ---------- */
.v2-summary{ background:var(--cream-100); padding:28px; }
.v2-summary table{ width:100%; border-collapse:collapse; }
.v2-summary td, .v2-summary th{ padding:10px 0; font-size:14px; border-bottom:1px solid var(--ink-200); text-align:left; }
.v2-summary tr:last-child td, .v2-summary tr:last-child th{ border-bottom:none; font-family:var(--font-serif); font-size:19px; padding-top:16px; }

/* ---------- Membership tiers ---------- */
.v2-tier-card{ background:var(--cream-50); border:1px solid var(--ink-100); border-top:3px solid var(--gold-600); padding:36px 28px; text-align:center; }
.v2-tier-card h3{ font-size:21px; font-weight:400; }
.v2-tier-card .price{ font-family:var(--font-serif); font-size:30px; color:var(--gold-700); margin:10px 0 20px; }
.v2-tier-card ul{ list-style:none; padding:0; text-align:left; margin:0 0 24px; }
.v2-tier-card ul li{ padding:8px 0; border-bottom:1px dashed var(--ink-100); font-size:14px; color:var(--ink-600); font-weight:300; }
.v2-tier-card ul li:before{ content:"✓ "; color:var(--gold-600); font-weight:700; }

/* ---------- Generic data table (how-it-works etc) ---------- */
.v2-table{ width:100%; border-collapse:collapse; background:var(--cream-50); }
.v2-table th, .v2-table td{ padding:14px 16px; border-bottom:1px solid var(--ink-100); font-size:14px; text-align:left; color:var(--ink-600); font-weight:300; }
.v2-table th{ background:var(--cream-100); text-transform:uppercase; font-size:11px; letter-spacing:.1em; color:var(--ink-700); font-weight:600; }

/* ---------- Blog ---------- */
.v2-blog-grid{ display:grid; grid-template-columns:1fr; gap:40px; }
@media(min-width:700px){ .v2-blog-grid{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1024px){ .v2-blog-grid{ grid-template-columns:repeat(3,1fr); } }
.v2-blog-card .thumb{ aspect-ratio:4/3; overflow:hidden; background:var(--ink-100); margin-bottom:16px; }
.v2-blog-card .thumb img{ width:100%; height:100%; object-fit:cover; transition:transform .6s; }
.v2-blog-card:hover .thumb img{ transform:scale(1.05); }
.v2-blog-card .date{ font-size:12px; color:var(--gold-600); text-transform:uppercase; letter-spacing:.1em; margin-bottom:6px; }
.v2-blog-card h3{ font-size:20px; margin-bottom:8px; }
.v2-blog-card:hover h3{ color:var(--gold-700); }
.v2-blog-card p{ font-size:14px; color:var(--ink-500); font-weight:300; line-height:1.7; }

/* ---------- Compose-a-box picker ---------- */
.v2-box-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
@media(min-width:640px){ .v2-box-grid{ grid-template-columns:repeat(3,1fr); } }
@media(min-width:1024px){ .v2-box-grid{ grid-template-columns:repeat(4,1fr); } }
.v2-box-item{ position:relative; border:2px solid var(--ink-100); background:var(--cream-50); cursor:pointer; }
.v2-box-item input{ position:absolute; top:10px; left:10px; width:20px; height:20px; z-index:2; }
.v2-box-item img{ width:100%; aspect-ratio:3/4; object-fit:cover; }
.v2-box-item .bi-info{ padding:12px; font-size:13px; color:var(--ink-700); }
.v2-box-item:has(input:checked){ border-color:var(--gold-600); box-shadow:0 0 0 2px var(--gold-600); }

/* ============================================================
   HOME PAGE (v3) — slider, ticker, category tiles, split sections,
   bespoke gallery, membership tiers, join banner, topbar
   ============================================================ */

/* ---------- Topbar (real store message + WhatsApp number) ---------- */
.v2-topbar{ text-align:left; padding:8px 0; letter-spacing:.12em; }
.v2-topbar-inner{ max-width:1280px; margin:0 auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.v2-topbar-inner > span{ flex:1 1 auto; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.v2-topbar-inner a{ flex:0 0 auto; display:inline-flex; align-items:center; gap:6px; color:var(--gold-300); white-space:nowrap; }
.v2-topbar-inner a:hover{ color:var(--gold-200); }
@media(max-width:639px){
    .v2-topbar{ font-size:10px; letter-spacing:.06em; }
    .v2-topbar-inner{ padding:0 14px; }
    .v2-hide-sm{ display:none; }
}

/* ---------- Hero slider ---------- */
.v2-slider{ position:relative; width:100%; height:calc(100vh - 124px); min-height:480px; max-height:860px; overflow:hidden; background:var(--ink-900); }
@supports (height:100svh){ .v2-slider{ height:calc(100svh - 124px); } }
.v2-slide{ position:absolute; inset:0; opacity:0; transition:opacity 1.2s ease-in-out; }
.v2-slide.active{ opacity:1; }
.v2-slide img, .v2-slide video{ width:100%; height:100%; object-fit:cover; display:block; }
.v2-slider-caption{ position:absolute; left:0; right:0; bottom:0; z-index:5; padding:0 24px 72px; pointer-events:none; }
@media(min-width:1024px){ .v2-slider-caption{ padding:0 56px 88px; } }
.v2-slider-caption h1{
    font-family:var(--font-serif); font-weight:300; color:var(--cream-50); line-height:.98;
    font-size:clamp(50px, 9.5vw, 150px); text-shadow:0 2px 28px rgba(0,0,0,.35); letter-spacing:-.01em;
}
.v2-slider-caption h1 em{ font-style:italic; font-weight:400; color:var(--gold-300); }
.v2-slider-dots{ position:absolute; z-index:6; right:24px; bottom:28px; display:flex; gap:10px; }
@media(min-width:1024px){ .v2-slider-dots{ right:56px; bottom:36px; } }
.v2-slider-dots span{ width:9px; height:9px; border-radius:50%; background:rgba(255,255,255,.45); cursor:pointer; transition:.3s; }
.v2-slider-dots span.active{ background:var(--gold-400); width:26px; border-radius:5px; }
@media(max-width:767px){
    .v2-slider{ height:70vh; min-height:420px; }
    .v2-slider-caption{ padding:0 20px 60px; }
}

/* ---------- Trust ticker ---------- */
.v2-marquee{ background:var(--ink-950); color:var(--ink-300); padding:13px 0; overflow:hidden; white-space:nowrap; }
.v2-marquee-track{ display:inline-block; animation:v2marquee 28s linear infinite; font-size:12px; letter-spacing:.18em; text-transform:uppercase; }
.v2-marquee-track span{ margin:0 26px; }
.v2-marquee-track span:before{ content:"\25C6"; color:var(--gold-500); font-size:8px; margin-right:26px; }
@keyframes v2marquee{ 0%{ transform:translateX(0); } 100%{ transform:translateX(-50%); } }

/* ---------- Category tiles (full-bleed) ---------- */
.v2-houses{ display:grid; grid-template-columns:repeat(2,1fr); gap:0; }
@media(min-width:900px){ .v2-houses{ grid-template-columns:repeat(4,1fr); } }
.v2-house{ position:relative; display:block; overflow:hidden; height:44vh; min-height:240px; background:var(--ink-800); }
@media(min-width:900px){ .v2-house{ height:82vh; min-height:480px; max-height:860px; } }
.v2-house img{ width:100%; height:100%; object-fit:cover; transition:transform 1.1s ease; }
.v2-house:hover img{ transform:scale(1.06); }
.v2-house:after{ content:""; position:absolute; inset:0; background:rgba(36,26,23,.2); transition:background .4s; }
.v2-house:hover:after{ background:rgba(36,26,23,.34); }
.v2-house-label{
    position:absolute; inset:0; z-index:2; display:flex; align-items:center; justify-content:center; text-align:center; padding:0 12px;
    color:#fff; font-family:var(--font-sans); font-weight:600; text-transform:uppercase; letter-spacing:.2em;
    font-size:14px; text-shadow:0 2px 14px rgba(0,0,0,.45);
}
@media(min-width:900px){ .v2-house-label{ font-size:22px; letter-spacing:.24em; } }

/* ---------- Editorial quote band ---------- */
.v2-quote-band{ padding:88px 24px; text-align:center; border-top:1px solid var(--ink-100); border-bottom:1px solid var(--ink-100); background:var(--cream-50); }
.v2-quote-band p{ max-width:880px; margin:0 auto; font-family:var(--font-serif); font-weight:300; font-size:clamp(24px, 3.4vw, 42px); line-height:1.35; color:var(--ink-800); }
.v2-quote-band em{ font-style:italic; color:var(--gold-700); }

/* ---------- Split sections (Compose a Box / A Standard, Not a Trend) ---------- */
.v2-split{ display:grid; grid-template-columns:1fr; background:var(--cream-100); }
.v2-split.dark{ background:var(--ink-900); color:var(--cream-50); }
.v2-split-img{ overflow:hidden; height:340px; background:var(--ink-100); }
.v2-split-img img{ width:100%; height:100%; object-fit:cover; transition:transform 1.4s ease; }
.v2-split:hover .v2-split-img img{ transform:scale(1.04); }
.v2-split-text{ padding:56px 24px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.v2-split-text h2{ font-size:clamp(32px, 4vw, 48px); font-weight:300; margin:6px 0 0; }
.v2-split-text .body{ max-width:480px; margin:18px 0 30px; line-height:1.85; font-weight:300; color:var(--ink-600); }
.v2-split.dark .v2-split-text .body{ color:var(--ink-300); }
.v2-split.dark .v2-eyebrow{ color:var(--gold-400); }
@media(min-width:900px){
    .v2-split{ grid-template-columns:1fr 1fr; min-height:600px; }
    .v2-split-img{ height:auto; }
    .v2-split.reverse .v2-split-img{ order:2; }
    .v2-split-text{ padding:80px 72px; }
}

/* ---------- Bespoke gallery ---------- */
.v2-bespoke{ display:grid; grid-template-columns:1fr; gap:20px; }
@media(min-width:700px){ .v2-bespoke{ grid-template-columns:1fr 1fr; } }
.v2-bespoke figure{ margin:0; position:relative; overflow:hidden; aspect-ratio:4/3; background:var(--ink-100); }
.v2-bespoke img{ width:100%; height:100%; object-fit:cover; transition:transform .9s ease; }
.v2-bespoke figure:hover img{ transform:scale(1.05); }
.v2-bespoke figcaption{ position:absolute; left:18px; bottom:16px; color:#fff; font-size:12px; letter-spacing:.2em; text-transform:uppercase; text-shadow:0 1px 8px rgba(0,0,0,.6); }

/* ---------- Membership tiers (home) ---------- */
.v2-tiers-home{ display:grid; grid-template-columns:1fr; gap:24px; max-width:1100px; margin:0 auto; }
@media(min-width:900px){ .v2-tiers-home{ grid-template-columns:repeat(3,1fr); } }
.v2-tiers-home .v2-tier-card{ display:flex; flex-direction:column; }
.v2-tiers-home .v2-tier-card ul{ flex:1; }

/* ---------- Join the House banner ---------- */
.v2-join{ position:relative; padding:120px 24px; text-align:center; overflow:hidden; background:var(--ink-900); }
.v2-join > img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.v2-join:before{ content:""; position:absolute; inset:0; background:rgba(36,26,23,.62); z-index:1; }
.v2-join-content{ position:relative; z-index:2; max-width:600px; margin:0 auto; color:var(--cream-50); }
.v2-join-content h2{ font-size:clamp(32px, 4.5vw, 52px); font-weight:300; margin:10px 0 16px; }
.v2-join-content .benefits{ color:var(--gold-200); font-size:14px; letter-spacing:.04em; margin-bottom:30px; line-height:1.7; }
body.v2{ margin:0; padding:0; }
/* ===== Transparent header (sirf home page, jahan hero slider hai) ===== */
body.v2:has(.v2-slider) .v2-header{ margin-bottom:-80px; }
body.v2:has(.v2-slider) .v2-header:not(.scrolled){ background:transparent; box-shadow:none; }
body.v2:has(.v2-slider) .v2-header:not(.scrolled)::before{
    content:""; position:absolute; left:0; right:0; top:0; height:130px; z-index:-1; pointer-events:none;
    background:linear-gradient(to bottom, rgba(36,26,23,.40), rgba(36,26,23,0));
}
body.v2:has(.v2-slider) .v2-header:not(.scrolled) .v2-navlinks,
body.v2:has(.v2-slider) .v2-header:not(.scrolled) .v2-cart-btn,
body.v2:has(.v2-slider) .v2-header:not(.scrolled) .v2-mobile-toggle{ color:#fff; }
body.v2:has(.v2-slider) .v2-header:not(.scrolled) .v2-account-link{ color:#fff !important; }
body.v2:has(.v2-slider) .v2-header:not(.scrolled) .v2-navlinks a:hover{ color:var(--gold-300); }
body.v2:has(.v2-slider) .v2-header:not(.scrolled) .v2-logo-img{ filter:brightness(0) invert(1); }

/* slider ab header ke neeche tak jata hai, is liye thori lambi */
body.v2:has(.v2-slider) .v2-slider{ height:calc(100vh - 44px); }
@supports (height:100svh){ body.v2:has(.v2-slider) .v2-slider{ height:calc(100svh - 44px); } }
@media(max-width:767px){
    body.v2:has(.v2-slider) .v2-header{ margin-bottom:-64px; }
    body.v2:has(.v2-slider) .v2-slider{ height:82vh; }
}
/* Buyer / Member buttons: text hamesha cream rahe */
.v2 a.v2-btn-primary{ color:var(--cream-50); }
.v2 a.v2-btn-primary:hover{ background:var(--gold-600); color:var(--ink-950); }

/* ===== Houses of Cloth strip ===== */
.v2-cloth{ background:var(--cream-100); padding:56px 0 80px; }
.v2-cloth-line{ border:none; border-top:1px solid var(--ink-200); margin:0 0 28px; }
.v2-cloth-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:36px; }
.v2-cloth-head h2{ font-size:clamp(42px, 7vw, 96px); font-weight:300; line-height:1; letter-spacing:-.02em; color:var(--ink-900); }
.v2-cloth-wrap{ position:relative; }
.v2-cloth-strip{ display:flex; gap:22px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
.v2-cloth-strip::-webkit-scrollbar{ display:none; }
.v2-cloth-item{ flex:0 0 23%; scroll-snap-align:start; display:block; }
.v2-cloth-item .thumb{ aspect-ratio:4/5; overflow:hidden; background:var(--ink-100); }
.v2-cloth-item .thumb img{ width:100%; height:100%; object-fit:cover; transition:transform .8s; }
.v2-cloth-item:hover .thumb img{ transform:scale(1.05); }
.v2-cloth-item .meta{ display:flex; justify-content:space-between; align-items:baseline; gap:10px; padding-top:14px; }
.v2-cloth-item .n{ font-size:12px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-900); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.v2-cloth-item .s{ font-size:12px; color:var(--ink-400); font-weight:300; white-space:nowrap; flex:0 0 auto; }
.v2-cloth-next{ position:absolute; right:0; top:38%; width:56px; height:58px; border:none; background:var(--cream-50); box-shadow:0 2px 14px rgba(0,0,0,.12); font-size:26px; color:var(--ink-800); cursor:pointer; display:flex; align-items:center; justify-content:center; z-index:3; }
.v2-cloth-next:hover{ background:var(--gold-600); color:#fff; }
@media(max-width:1023px){ .v2-cloth-item{ flex-basis:42%; } }
@media(max-width:639px){ .v2-cloth{ padding:40px 0 56px; } .v2-cloth-item{ flex-basis:68%; } .v2-cloth-next{ display:none; } }


/* ===== Compose a Box — full-width dark section ===== */
.v2-compose{ position:relative; min-height:86vh; max-height:900px; background:var(--ink-950); overflow:hidden; display:flex; align-items:flex-end; }
.v2-compose-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:right center; }
.v2-compose-shade{ position:absolute; inset:0; background:linear-gradient(90deg, rgba(36,26,23,.92) 0%, rgba(36,26,23,.6) 38%, rgba(36,26,23,0) 68%); }
.v2-compose-content{ position:relative; z-index:2; width:100%; max-width:1280px; margin:0 auto; padding:0 24px 96px; color:var(--cream-50); }
@media(min-width:1024px){ .v2-compose-content{ padding:0 56px 110px; } }
.v2-compose-eyebrow{ font-size:12px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:rgba(243,233,210,.75); margin-bottom:22px; }
.v2-compose h2{ font-family:var(--font-serif); font-weight:300; font-size:clamp(56px, 9vw, 130px); line-height:.95; letter-spacing:-.01em; color:var(--cream-50); }
.v2-compose h2 em{ font-style:italic; font-weight:400; color:var(--gold-300); }
.v2-compose-text{ max-width:430px; margin:26px 0 38px; font-size:16px; font-weight:300; line-height:1.7; color:rgba(243,233,210,.85); }
.v2-compose-btn{ display:inline-block; padding:19px 38px; border:1px solid rgba(255,255,255,.75); border-radius:3px; color:#fff; font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; transition:.3s; }
.v2-compose-btn:hover{ background:var(--cream-50); color:var(--ink-950); border-color:var(--cream-50); }
@media(max-width:767px){
    .v2-compose{ display:block; min-height:0; max-height:none; background:var(--ink-950); }
    .v2-compose-bg{ position:relative; inset:auto; display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; object-position:center; -webkit-mask-image:linear-gradient(to bottom, #000 70%, transparent 100%); mask-image:linear-gradient(to bottom, #000 70%, transparent 100%); }
    .v2-compose-shade{ display:none; }
    .v2-compose-content{ margin-top:-70px; padding:0 10px 56px; }
}


/* ===== Founder's Note — full-width image section ===== */
.v2-founder{ position:relative; min-height:86vh; max-height:900px; background:var(--ink-800); overflow:hidden; display:flex; align-items:center; }
.v2-founder-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:right center; }
.v2-founder-shade{ position:absolute; inset:0; background:linear-gradient(90deg, rgba(36,26,23,.72) 0%, rgba(36,26,23,.4) 46%, rgba(36,26,23,0) 74%); }
.v2-founder-content{ position:relative; z-index:2; width:100%; max-width:1280px; margin:0 auto; padding:80px 24px; color:var(--cream-50); }
@media(min-width:1024px){ .v2-founder-content{ padding:80px 56px; } }
.v2-founder-eyebrow{ font-size:11px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:rgba(243,233,210,.8); margin-bottom:18px; }
.v2-founder h2{ font-family:var(--font-serif); font-weight:400; font-size:clamp(44px, 6vw, 84px); line-height:1.04; color:var(--cream-50); max-width:720px; }
.v2-founder-quote{ max-width:640px; margin:28px 0 22px; font-family:var(--font-serif); font-style:italic; font-size:clamp(20px, 2.2vw, 28px); line-height:1.4; color:rgba(243,233,210,.95); }
.v2-founder-by{ font-size:11px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:rgba(243,233,210,.78); margin-bottom:18px; }
.v2-founder-link{ display:block; max-width:670px; padding-bottom:12px; border-bottom:1px solid rgba(255,255,255,.6); font-size:11px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:#fff; transition:.3s; }
.v2-founder-link:hover{ color:var(--gold-300); border-color:var(--gold-300); }
@media(max-width:767px){
    .v2-founder{ display:block; min-height:0; max-height:none; background:var(--ink-900); }
    .v2-founder-bg{ position:relative; inset:auto; display:block; width:100%; height:auto; aspect-ratio:1/1; object-fit:cover; object-position:72% center; -webkit-mask-image:linear-gradient(to bottom, #000 72%, transparent 100%); mask-image:linear-gradient(to bottom, #000 72%, transparent 100%); }
    .v2-founder-shade{ display:none; }
    .v2-founder-content{ margin-top:-90px; padding:0 20px 52px; }
}


/* ===== Join the House — full screen ===== */
.v2-join{ min-height:100vh; max-height:1000px; padding:0 24px 90px; display:flex; align-items:flex-end; justify-content:center; }
@supports (height:100svh){ .v2-join{ min-height:100svh; } }
.v2-join-bg{ object-position:center 28%; }
.v2-join:before{ background:linear-gradient(0deg, rgba(36,26,23,.88) 0%, rgba(36,26,23,.5) 38%, rgba(36,26,23,.05) 75%); }
.v2-join-content{ max-width:820px; }
.v2-join-content h2{ font-size:clamp(48px, 8vw, 112px); line-height:1; font-weight:300; }
.v2-join-content h2 em{ font-style:italic; font-weight:400; color:var(--gold-300); }
.v2-join-content .benefits{ text-transform:uppercase; letter-spacing:.14em; font-size:12px; }
@media(max-width:767px){
    /* mobile: poori group photo (koi banda kata hua nahi) upar, neeche se kale mein fade hoti hui; text uske neeche */
    .v2-join{ display:block; min-height:0; max-height:none; padding:0 0 56px; background:var(--ink-950); }
    .v2-join-bg{ position:relative; inset:auto; display:block; width:100%; height:auto; -webkit-mask-image:linear-gradient(to bottom, #000 68%, transparent 100%); mask-image:linear-gradient(to bottom, #000 68%, transparent 100%); }
    .v2-join:before{ display:none; }
    .v2-join-content{ margin-top:-48px; padding:0 20px; }
}


/* ===== Same height as Join the House (desktop): poori screen ===== */
@media(min-width:768px){
    .v2-compose, .v2-founder{ min-height:100vh; max-height:1000px; }
}
@media(min-width:900px){
    .v2-house{ height:100vh; min-height:480px; max-height:1000px; }
}
@supports (height:100svh){
    @media(min-width:768px){ .v2-compose, .v2-founder{ min-height:100svh; } }
    @media(min-width:900px){ .v2-house{ height:100svh; } }
}


/* ===== Houses of Cloth / Quote / Lookbook: screen-size sections (competitor jaisa) ===== */
/* Houses of Cloth: poori screen, wide container (bade boxes) */
.v2-cloth{ min-height:100vh; display:flex; flex-direction:column; justify-content:center; }
.v2-cloth .v2-wrap{ max-width:none; width:100%; padding:0 56px; }
/* Quote: 4 lines, center, poore page se thora chhota */
.v2-quote-band{ min-height:85vh; display:flex; align-items:center; justify-content:center; padding:80px 24px; }
.v2-quote-band p{ max-width:13em; font-size:clamp(30px, 4vw, 60px); line-height:1.25; }
/* Lookbook: poori screen, left-right thori si jagah, bade tiles */
#v2lookbook{ min-height:100vh; display:flex; align-items:center; padding:64px 0; }
#v2lookbook .v2-wrap{ max-width:none; width:100%; padding:0 56px; }
#v2lookbook .v2-tile{ aspect-ratio:4/5; }
@supports (height:100svh){
    .v2-cloth, #v2lookbook{ min-height:100svh; }
    .v2-quote-band{ min-height:85svh; }
}
@media(max-width:767px){
    .v2-cloth{ min-height:0; padding:48px 0; }
    .v2-cloth .v2-wrap, #v2lookbook .v2-wrap{ padding:0 16px; }
    .v2-quote-band{ min-height:0 !important; padding:48px 20px !important; }
    .v2-quote-band p{ max-width:100%; font-size:clamp(20px, 5.5vw, 28px) !important; line-height:1.4; }
    #v2lookbook{ min-height:0; display:block; padding:48px 0; }
}


/* ===== Favourites: wide container, bade boxes ===== */
#v2favourites .v2-wrap{ max-width:none; width:100%; padding:0 56px; }
@media(max-width:767px){ #v2favourites .v2-wrap{ padding:0 20px; } }

/* ============================================================
   MOBILE RESPONSIVENESS FIX (phones ≤767px)
   ============================================================ */
@media (max-width: 767px) {
    /* Sections: no forced full-screen heights */
    .v2-section { padding: 48px 0 !important; }
    .v2-quote-band {
        min-height: 0 !important;
        height: auto !important;
        padding: 40px 20px !important;
        display: block !important;
    }
    .v2-quote-band p {
        max-width: 100% !important;
        font-size: clamp(18px, 5.2vw, 26px) !important;
        line-height: 1.45 !important;
    }
    .v2-cloth,
    #v2lookbook,
    #v2favourites {
        min-height: 0 !important;
        height: auto !important;
        display: block !important;
        padding: 40px 0 !important;
    }
    .v2-cloth .v2-wrap,
    #v2lookbook .v2-wrap,
    #v2favourites .v2-wrap {
        padding: 0 16px !important;
    }

    /* Hero slider shorter on phone */
    .v2-slider {
        height: 58vh !important;
        min-height: 320px !important;
        max-height: 480px !important;
    }
    .v2-slider-caption { padding: 0 16px 48px !important; }
    .v2-slider-caption h1 { font-size: clamp(36px, 11vw, 56px) !important; }

    /* Category tiles */
    .v2-houses { grid-template-columns: 1fr 1fr !important; }
    .v2-house { min-height: 180px !important; height: auto !important; aspect-ratio: 3/4; }

    /* Join the House */
    .v2-join {
        display: block !important;
        min-height: 0 !important;
        max-height: none !important;
        height: auto !important;
        padding: 0 0 40px !important;
        background: var(--ink-950) !important;
    }
    .v2-join > img,
    .v2-join-bg {
        position: relative !important;
        inset: auto !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-height: 52vh !important;
        object-fit: cover !important;
        -webkit-mask-image: linear-gradient(to bottom, #000 70%, transparent 100%);
        mask-image: linear-gradient(to bottom, #000 70%, transparent 100%);
    }
    .v2-join:before { display: none !important; }
    .v2-join-content {
        position: relative !important;
        z-index: 2 !important;
        margin-top: -40px !important;
        padding: 0 16px !important;
        max-width: 100% !important;
    }
    .v2-join-content h2 {
        font-size: clamp(32px, 9vw, 44px) !important;
        line-height: 1.05 !important;
    }
    .v2-join-content .benefits {
        font-size: 11px !important;
        letter-spacing: .08em !important;
        line-height: 1.55 !important;
        padding: 0 4px;
    }
    .v2-join-content .v2-btn-gold,
    .v2-join-content a.v2-btn-gold {
        margin-top: 16px !important;
        display: inline-block !important;
    }

    /* Compose / Founder full-bleed */
    .v2-compose,
    .v2-founder {
        min-height: 0 !important;
        max-height: none !important;
        height: auto !important;
        padding: 0 0 48px !important;
        display: block !important;
        align-items: stretch !important;
    }
    .v2-compose-bg,
    .v2-founder-bg {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        height: 42vh !important;
        max-height: 360px !important;
        object-fit: cover !important;
        display: block !important;
    }
    .v2-compose-shade,
    .v2-founder-shade,
    .v2-compose:before,
    .v2-founder:before {
        display: none !important;
    }
    .v2-compose-content,
    .v2-founder-content {
        position: relative !important;
        margin-top: -36px !important;
        padding: 0 16px 8px !important;
        text-align: center !important;
        max-width: 100% !important;
    }
    .v2-compose-content h2,
    .v2-founder-content h2 {
        font-size: clamp(28px, 8vw, 40px) !important;
        color: var(--cream-50);
    }
    .v2-compose,
    .v2-founder {
        background: var(--ink-950) !important;
    }

    /* Product grids */
    .v2-grid-4 {
        grid-template-columns: 1fr 1fr !important;
        gap: 12px !important;
    }

    /* Header / nav */
    .v2-header { padding: 10px 0 !important; }
    .v2-nav { padding: 0 14px !important; }
    .v2-logo-img { max-height: 40px !important; }

    /* Footer */
    .v2-footer-grid { grid-template-columns: 1fr !important; gap: 28px !important; }
    .v2-footer-bottom { flex-direction: column !important; gap: 8px !important; text-align: center !important; }

    /* Shop / PDP */
    .v2-pdp-grid { grid-template-columns: 1fr !important; gap: 24px !important; }
    .v2-cat-hero { min-height: 42vh !important; }
    .v2-cat-hero h1 { font-size: clamp(32px, 10vw, 48px) !important; }

    /* Membership tiers */
    .v2-tiers-home { grid-template-columns: 1fr !important; gap: 16px !important; }

    /* WhatsApp float slightly smaller */
    .v2-whatsapp-float { width: 52px !important; height: 52px !important; right: 14px !important; bottom: 14px !important; }
}


/* Top scrolling bar (replaces old WhatsApp topbar) */
.v2-marquee-top{
    position: relative;
    z-index: 40;
    background: var(--ink-950);
    border-bottom: 1px solid rgba(255,255,255,.06);
}
.v2-slider{ height: calc(100vh - 100px); }
@supports (height: 100svh){
    .v2-slider{ height: calc(100svh - 100px); }
}
@media(max-width:767px){
    .v2-slider{ height: 58vh !important; min-height: 320px !important; max-height: 480px !important; }
}