:root{
  --ink:#0A0A0A;--ink2:#1C1C1C;--ink3:#2E2E2E;
  --chalk:#F7F5F2;--chalk2:#EDE9E3;--chalk3:#DDD9D2;
  --accent:#C8933A;--accent2:#E8B86D;--accent3:#8B6424;
  --red:#D44040;--teal:#2A7A7A;--lavender:#7A5FA0;
  --t1:#0A0A0A;--t2:#4A4A4A;--t3:#8A8A8A;--t4:#BBBBB0;
  --white:#FFFFFF;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--chalk);color:var(--ink);font-family:'DM Sans',sans-serif;overflow-x:hidden}
body::after{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:0.5}
::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--chalk2)}::-webkit-scrollbar-thumb{background:var(--ink3)}

/* ── TYPOGRAPHY ── */
.display{font-family:'Cormorant Garamond',serif}
.serif{font-family:'Playfair Display',serif}

/* ── NAV ── */
nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:all 0.4s}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:1.4rem 5rem;transition:all 0.4s}
nav.scrolled .nav-wrap{padding:0.9rem 5rem;background:rgba(10,10,10,0.96);backdrop-filter:blur(16px)}
.nav-logo{font-family:'Cormorant Garamond',serif;font-size:1.7rem;font-weight:700;color:var(--chalk);letter-spacing:3px;text-decoration:none;display:flex;align-items:center;gap:0.4rem}
.nav-logo span{color:var(--accent)}
.nav-center{display:flex;gap:2.8rem;list-style:none}
.nav-center a{font-size:0.72rem;letter-spacing:2.5px;text-transform:uppercase;color:rgba(247,245,242,0.7);text-decoration:none;transition:color 0.2s;font-weight:500}
.nav-center a:hover{color:var(--accent)}
.nav-right{display:flex;align-items:center;gap:0.75rem}
.nav-icon-btn{background:transparent;border:none;cursor:pointer;color:rgba(247,245,242,0.8);font-size:1.1rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:color 0.2s;position:relative}
.nav-icon-btn:hover{color:var(--accent)}
.cart-bubble{position:absolute;top:-1px;right:-1px;background:var(--accent);color:#fff;width:16px;height:16px;border-radius:50%;font-size:0.55rem;display:flex;align-items:center;justify-content:center;font-weight:700}
.nav-cta{font-size:0.68rem;letter-spacing:2px;text-transform:uppercase;padding:0.55rem 1.4rem;background:var(--accent);color:var(--ink);border:none;cursor:pointer;font-weight:700;transition:all 0.2s;font-family:'DM Sans',sans-serif}
.nav-cta:hover{background:var(--accent2);transform:translateY(-1px)}

/* ── HERO ── */
.hero{height:100vh;min-height:700px;background:var(--ink);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;position:relative}
.hero-left{display:flex;flex-direction:column;justify-content:center;padding:0 5rem;position:relative;z-index:2}
.hero-tagline{font-size:0.65rem;letter-spacing:5px;text-transform:uppercase;color:var(--accent);margin-bottom:2rem;display:flex;align-items:center;gap:1rem}
.hero-tagline::before{content:'';width:40px;height:1px;background:var(--accent)}
.hero-title{font-family:'Cormorant Garamond',serif;font-size:clamp(4rem,6.5vw,7rem);font-weight:300;color:var(--chalk);line-height:0.92;margin-bottom:2rem;letter-spacing:-1px}
.hero-title strong{font-weight:700;display:block;font-style:italic;color:var(--accent)}
.hero-desc{font-size:1rem;color:rgba(247,245,242,0.5);max-width:380px;line-height:1.7;margin-bottom:2.5rem;font-weight:300}
.hero-actions{display:flex;gap:1rem;align-items:center}
.btn-hero-primary{padding:1rem 2.5rem;background:var(--accent);color:var(--ink);font-size:0.72rem;letter-spacing:2.5px;text-transform:uppercase;font-weight:700;border:none;cursor:pointer;transition:all 0.25s;font-family:'DM Sans',sans-serif}
.btn-hero-primary:hover{background:var(--accent2);transform:translateY(-2px);box-shadow:0 8px 25px rgba(200,147,58,0.35)}
.btn-hero-ghost{padding:1rem 2.5rem;background:transparent;color:var(--chalk);font-size:0.72rem;letter-spacing:2.5px;text-transform:uppercase;font-weight:400;border:1px solid rgba(255,255,255,0.25);cursor:pointer;transition:all 0.25s;font-family:'DM Sans',sans-serif}
.btn-hero-ghost:hover{border-color:var(--accent);color:var(--accent)}
.hero-stats{display:flex;gap:3rem;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.08)}
.hero-stat-num{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:600;color:var(--chalk);line-height:1;display:block}
.hero-stat-lbl{font-size:0.62rem;letter-spacing:2px;text-transform:uppercase;color:var(--t3);margin-top:0.2rem;display:block}
.hero-right{background:var(--ink2);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.hero-right::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 60%,rgba(200,147,58,0.12) 0%,transparent 65%)}
.hero-shoe-display{position:relative;z-index:1;animation:heroFloat 4s ease-in-out infinite}
.hero-bg-text{position:absolute;font-family:'Cormorant Garamond',serif;font-size:14rem;font-weight:900;color:rgba(255,255,255,0.02);letter-spacing:-5px;top:50%;transform:translateY(-50%);white-space:nowrap;pointer-events:none}

/* ── MARQUEE ── */
.marquee-bar{background:var(--accent);padding:0.65rem 0;overflow:hidden;white-space:nowrap}
.marquee-inner{display:inline-flex;animation:marquee 25s linear infinite}
.marquee-item{font-family:'Cormorant Garamond',serif;font-size:1rem;font-weight:600;color:var(--ink);padding:0 3rem;display:inline-flex;align-items:center;gap:0.6rem;letter-spacing:1px;font-style:italic}
.marquee-sep{font-size:0.5rem;color:var(--accent3)}

/* ── SECTION ── */
section{padding:7rem 5rem}
.s-label{font-size:0.62rem;letter-spacing:4px;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:0.75rem;margin-bottom:1rem}
.s-label::before{content:'';width:24px;height:1px;background:var(--accent)}
.s-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2.2rem,3.5vw,3.8rem);font-weight:300;color:var(--ink);line-height:1.05;margin-bottom:0.5rem}
.s-title em{font-style:italic;color:var(--accent);font-weight:400}
.s-sub{font-size:0.95rem;color:var(--t2);line-height:1.7;max-width:520px;font-weight:300;margin-bottom:3rem}

/* ── GENDER TABS ── */
.gender-tabs{display:flex;gap:0;margin-bottom:2rem;border-bottom:2px solid var(--chalk3)}
.g-tab{padding:0.75rem 2rem;font-size:0.7rem;letter-spacing:2.5px;text-transform:uppercase;border:none;background:transparent;cursor:pointer;color:var(--t3);font-weight:700;font-family:'DM Sans',sans-serif;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all 0.2s}
.g-tab.active{color:var(--ink);border-bottom-color:var(--ink)}
.g-tab:hover:not(.active){color:var(--t2)}

/* ── SIZE FILTER ── */
.size-filter{display:flex;gap:0.5rem;flex-wrap:wrap;margin-bottom:2.5rem}
.sf-label{font-size:0.62rem;letter-spacing:2px;text-transform:uppercase;color:var(--t3);align-self:center;margin-right:0.5rem}
.size-chip{padding:0.35rem 0.85rem;border:1px solid var(--chalk3);background:transparent;font-size:0.75rem;cursor:pointer;transition:all 0.18s;color:var(--t2);font-family:'DM Sans',sans-serif}
.size-chip:hover{border-color:var(--ink);color:var(--ink)}
.size-chip.active{background:var(--ink);color:var(--chalk);border-color:var(--ink)}

/* ── SORT BAR ── */
.sort-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}
.result-count{font-size:0.82rem;color:var(--t3)}
.sort-select{padding:0.5rem 2rem 0.5rem 0.75rem;border:1px solid var(--chalk3);background:var(--chalk);font-size:0.75rem;font-family:'DM Sans',sans-serif;color:var(--t2);cursor:pointer;appearance:none;outline:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238A8A8A'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.5rem center}

/* ── PRODUCT GRID ── */
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2.5rem}
.product-card{background:var(--white);position:relative;cursor:pointer;transition:transform 0.3s;overflow:hidden}
.product-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(10,10,10,0.12)}
.pc-img{height:260px;background:var(--chalk);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.pc-img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(10,10,10,0.04));pointer-events:none}
.pc-img svg{transition:transform 0.5s}
.product-card:hover .pc-img svg{transform:scale(1.06) rotate(-3deg)}
.pc-badge{position:absolute;top:12px;left:0;font-size:0.6rem;letter-spacing:1.5px;text-transform:uppercase;padding:0.28rem 0.75rem;font-weight:700;font-family:'DM Sans',sans-serif;z-index:2}
.badge-new{background:var(--ink);color:var(--chalk)}
.badge-hot{background:var(--red);color:#fff}
.badge-limited{background:var(--accent);color:var(--ink)}
.badge-sale{background:var(--teal);color:#fff}
.pc-wishlist{position:absolute;top:12px;right:12px;width:32px;height:32px;background:rgba(255,255,255,0.9);border:none;cursor:pointer;font-size:0.9rem;display:flex;align-items:center;justify-content:center;transition:all 0.2s;z-index:2}
.pc-wishlist:hover{background:var(--ink);color:var(--chalk)}
.pc-wishlist.active{color:var(--red)}
.pc-body{padding:1.3rem}
.pc-cat{font-size:0.6rem;letter-spacing:2px;text-transform:uppercase;color:var(--t3);margin-bottom:0.35rem}
.pc-name{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:600;color:var(--ink);margin-bottom:0.3rem;line-height:1.2}
.pc-desc{font-size:0.82rem;color:var(--t3);margin-bottom:0.9rem;line-height:1.5}
.pc-sizes{display:flex;gap:0.3rem;flex-wrap:wrap;margin-bottom:0.9rem}
.pc-sz{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid var(--chalk3);font-size:0.65rem;cursor:pointer;transition:all 0.15s;font-family:'DM Sans',sans-serif;font-weight:500}
.pc-sz:hover{border-color:var(--ink)}
.pc-sz.sel{background:var(--ink);color:var(--chalk);border-color:var(--ink)}
.pc-sz.oos{opacity:0.3;cursor:not-allowed;text-decoration:line-through}
.pc-footer{display:flex;align-items:center;justify-content:space-between}
.pc-price{font-family:'Cormorant Garamond',serif;font-size:1.45rem;color:var(--ink);font-weight:600}
.pc-price-orig{font-size:0.85rem;color:var(--t3);text-decoration:line-through;margin-left:0.5rem}
.pc-add{padding:0.6rem 1.2rem;background:var(--ink);color:var(--chalk);border:none;cursor:pointer;font-size:0.65rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;transition:all 0.2s;font-family:'DM Sans',sans-serif}
.pc-add:hover{background:var(--accent);color:var(--ink)}
.pc-add.added{background:var(--accent);color:var(--ink)}
.pc-colors{display:flex;gap:0.4rem;margin-bottom:0.75rem}
.color-dot{width:14px;height:14px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all 0.15s}
.color-dot.sel{border-color:var(--ink);transform:scale(1.2)}
.pc-rating{display:flex;align-items:center;gap:0.3rem;margin-bottom:0.5rem}
.stars{color:var(--accent);font-size:0.7rem}
.r-count{font-size:0.7rem;color:var(--t3)}

/* ── FEATURES STRIP ── */
.features-strip{background:var(--ink);display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.feat-item{padding:2.5rem 2rem;border-right:1px solid rgba(255,255,255,0.07);text-align:center}
.feat-item:last-child{border-right:none}
.feat-icon{font-size:2rem;margin-bottom:0.75rem;display:block}
.feat-title{font-family:'Cormorant Garamond',serif;font-size:1.05rem;color:var(--chalk);margin-bottom:0.3rem;letter-spacing:1px}
.feat-desc{font-size:0.78rem;color:var(--t3);line-height:1.5}

/* ── EDITORIAL BAND ── */
.editorial{background:var(--ink2);display:grid;grid-template-columns:1fr 1fr;min-height:520px;overflow:hidden}
.ed-left{padding:5rem;display:flex;flex-direction:column;justify-content:center}
.ed-tag{font-size:0.62rem;letter-spacing:4px;text-transform:uppercase;color:var(--accent);margin-bottom:1.5rem;display:block}
.ed-title{font-family:'Cormorant Garamond',serif;font-size:3.5rem;font-weight:300;color:var(--chalk);line-height:1;margin-bottom:1.2rem}
.ed-title em{font-style:italic;color:var(--accent)}
.ed-desc{color:rgba(247,245,242,0.5);font-size:0.95rem;line-height:1.7;max-width:380px;margin-bottom:2rem;font-weight:300}
.ed-right{display:flex;align-items:center;justify-content:center;background:var(--ink3);position:relative;overflow:hidden}
.ed-right::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 60% 50%,rgba(200,147,58,0.1) 0%,transparent 60%)}

/* ── LOOKBOOK ── */
.lookbook{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.lk-item{position:relative;overflow:hidden;cursor:pointer;aspect-ratio:3/4}
.lk-item:hover .lk-overlay{opacity:1}
.lk-bg{width:100%;height:100%;object-fit:cover;transition:transform 0.5s}
.lk-item:hover .lk-bg{transform:scale(1.05)}
.lk-overlay{position:absolute;inset:0;background:rgba(10,10,10,0.55);opacity:0;transition:opacity 0.3s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.75rem}
.lk-name{font-family:'Cormorant Garamond',serif;font-size:1.5rem;color:var(--chalk);letter-spacing:2px;font-weight:600}
.lk-price{font-size:0.78rem;letter-spacing:2px;color:var(--accent);text-transform:uppercase}
.lk-svg-bg{width:100%;height:100%;background:var(--chalk2);display:flex;align-items:center;justify-content:center}

/* ── NEWSLETTER ── */
.newsletter{background:var(--ink);padding:5rem;text-align:center}
.nl-title{font-family:'Cormorant Garamond',serif;font-size:3rem;font-weight:300;color:var(--chalk);margin-bottom:0.5rem}
.nl-sub{color:var(--t3);font-size:0.92rem;margin-bottom:2rem}
.nl-form{display:flex;max-width:440px;margin:0 auto;gap:0}
.nl-input{flex:1;padding:0.9rem 1.2rem;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);color:var(--chalk);font-family:'DM Sans',sans-serif;font-size:0.9rem;outline:none}
.nl-input::placeholder{color:var(--t3)}
.nl-input:focus{border-color:var(--accent)}
.nl-btn{padding:0.9rem 2rem;background:var(--accent);color:var(--ink);border:none;font-size:0.68rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;transition:background 0.2s;white-space:nowrap}
.nl-btn:hover{background:var(--accent2)}

/* ── FOOTER ── */
footer{background:var(--ink);border-top:1px solid rgba(255,255,255,0.06);padding:4rem 5rem 2rem}
.footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:4rem;margin-bottom:3rem}
.footer-brand-name{font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-weight:700;color:var(--chalk);letter-spacing:3px;margin-bottom:0.75rem}
.footer-brand-name span{color:var(--accent)}
.footer-desc{font-size:0.88rem;color:var(--t3);line-height:1.7;max-width:260px;font-weight:300}
.footer-h{font-size:0.6rem;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:1.2rem}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:0.55rem}
.footer-links a{color:var(--t3);font-size:0.88rem;text-decoration:none;transition:color 0.2s}
.footer-links a:hover{color:var(--chalk)}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.07);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;font-size:0.78rem;color:var(--t3)}
.socials{display:flex;gap:0.6rem}
.soc-btn{width:34px;height:34px;border:1px solid rgba(255,255,255,0.12);background:transparent;color:var(--t3);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0.8rem;transition:all 0.2s}
.soc-btn:hover{border-color:var(--accent);color:var(--accent)}

/* ── MODALS ── */
.overlay{display:none;position:fixed;inset:0;background:rgba(10,10,10,0.75);z-index:200;align-items:center;justify-content:center;backdrop-filter:blur(5px)}
.overlay.open{display:flex}
.modal{background:var(--white);width:480px;max-width:95vw;position:relative;animation:fadeUp 0.3s ease;max-height:95vh;overflow-y:auto}
.modal-stripe{height:5px;background:linear-gradient(90deg,var(--ink),var(--accent),var(--ink2))}
.modal-inner{padding:2.5rem}
.modal-close{position:absolute;top:1.2rem;right:1.2rem;background:none;border:none;font-size:1.1rem;cursor:pointer;color:var(--t3);width:28px;height:28px;display:flex;align-items:center;justify-content:center}
.modal-close:hover{color:var(--ink)}
.modal-title{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:600;color:var(--ink);margin-bottom:0.3rem}
.modal-sub{font-size:0.88rem;color:var(--t3);margin-bottom:1.8rem;font-weight:300}
.fg{margin-bottom:1rem}
.fg label{font-size:0.62rem;letter-spacing:2px;text-transform:uppercase;color:var(--t2);display:block;margin-bottom:0.4rem;font-weight:700}
.fg input{width:100%;padding:0.85rem 1rem;background:var(--chalk);border:1px solid var(--chalk3);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:0.95rem;outline:none;transition:border-color 0.2s}
.fg input:focus{border-color:var(--ink);background:var(--white)}
.fg input::placeholder{color:var(--t4)}
.merr{color:var(--red);font-size:0.8rem;min-height:1rem;margin-top:0.3rem}
.modal-btn{width:100%;padding:0.95rem;background:var(--ink);color:var(--chalk);font-family:'DM Sans',sans-serif;font-size:0.68rem;letter-spacing:2.5px;text-transform:uppercase;border:none;cursor:pointer;margin-top:1.2rem;font-weight:700;transition:background 0.2s}
.modal-btn:hover{background:var(--accent);color:var(--ink)}
.modal-link-row{text-align:center;margin-top:1rem;font-size:0.85rem;color:var(--t3)}
.modal-link-row a{color:var(--ink);text-decoration:none;font-weight:500}
.modal-link-row a:hover{color:var(--accent)}
.modal-divider{display:flex;align-items:center;gap:1rem;margin:1.2rem 0;color:var(--t4);font-size:0.78rem}
.modal-divider::before,.modal-divider::after{content:'';flex:1;height:1px;background:var(--chalk3)}

/* ── CART SIDEBAR ── */
.cart-side{position:fixed;top:0;right:-460px;width:440px;height:100vh;background:var(--white);z-index:300;display:flex;flex-direction:column;transition:right 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:-15px 0 50px rgba(10,10,10,0.12)}
.cart-side.open{right:0}
.cart-side-stripe{height:4px;background:linear-gradient(90deg,var(--ink),var(--accent))}
.cs-head{padding:1.5rem 1.5rem 1.2rem;border-bottom:1px solid var(--chalk2);display:flex;align-items:center;justify-content:space-between}
.cs-title{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-weight:700;color:var(--ink)}
.cs-close{background:none;border:none;cursor:pointer;font-size:1.1rem;color:var(--t3);width:30px;height:30px;display:flex;align-items:center;justify-content:center}
.cs-close:hover{color:var(--ink)}
.cs-body{flex:1;overflow-y:auto;padding:1rem 1.5rem}
.cart-item{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--chalk2)}
.ci-img{width:72px;height:72px;background:var(--chalk);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ci-info{flex:1}
.ci-name{font-family:'Cormorant Garamond',serif;font-size:1.05rem;font-weight:600;color:var(--ink);margin-bottom:0.15rem}
.ci-meta{font-size:0.72rem;color:var(--t3);margin-bottom:0.4rem}
.ci-price{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:600;color:var(--ink)}
.ci-qty{display:flex;align-items:center;gap:0.5rem;margin-top:0.35rem}
.qty-btn{width:24px;height:24px;background:var(--chalk2);border:none;cursor:pointer;font-size:0.9rem;display:flex;align-items:center;justify-content:center;transition:background 0.2s}
.qty-btn:hover{background:var(--ink);color:var(--chalk)}
.qty-n{font-size:0.85rem;min-width:1.5rem;text-align:center}
.ci-remove{background:none;border:none;cursor:pointer;color:var(--t4);font-size:0.8rem;margin-left:auto;align-self:flex-start;padding:0.2rem;transition:color 0.2s}
.ci-remove:hover{color:var(--red)}
.cs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--t3);text-align:center;padding:2rem}
.cs-empty-icon{font-size:3.5rem;margin-bottom:1rem;opacity:0.4}
.cs-empty-txt{font-family:'Cormorant Garamond',serif;font-size:1.3rem;margin-bottom:0.4rem}
.cs-foot{padding:1.5rem;border-top:1px solid var(--chalk2)}
.cs-subtotal{display:flex;justify-content:space-between;margin-bottom:0.4rem;font-size:0.9rem;color:var(--t2)}
.cs-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;padding-top:0.75rem;border-top:1px solid var(--chalk2)}
.cs-total-lbl{font-size:0.68rem;letter-spacing:2px;text-transform:uppercase;color:var(--t3);font-weight:700}
.cs-total-amt{font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-weight:700;color:var(--ink)}
.checkout-btn{width:100%;padding:1rem;background:var(--ink);color:var(--chalk);font-size:0.7rem;letter-spacing:2.5px;text-transform:uppercase;font-weight:700;border:none;cursor:pointer;font-family:'DM Sans',sans-serif;transition:background 0.2s}
.checkout-btn:hover{background:var(--accent);color:var(--ink)}
.cart-dim{display:none;position:fixed;inset:0;background:rgba(10,10,10,0.4);z-index:299}
.cart-dim.open{display:block}

/* ── PRODUCT DETAIL MODAL ── */
.pd-overlay{display:none;position:fixed;inset:0;background:rgba(10,10,10,0.75);z-index:400;align-items:center;justify-content:center;backdrop-filter:blur(6px)}
.pd-overlay.open{display:flex}
.pd-box{background:var(--white);max-width:820px;width:95vw;display:grid;grid-template-columns:1fr 1fr;max-height:92vh;overflow-y:auto;animation:fadeUp 0.3s ease;position:relative}
.pd-img-side{background:var(--chalk);display:flex;align-items:center;justify-content:center;padding:2.5rem;min-height:400px}
.pd-info-side{padding:2.5rem;display:flex;flex-direction:column}
.pd-cat{font-size:0.6rem;letter-spacing:3px;text-transform:uppercase;color:var(--t3);margin-bottom:0.5rem}
.pd-name{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:600;color:var(--ink);line-height:1.1;margin-bottom:0.4rem}
.pd-rating-row{display:flex;align-items:center;gap:0.5rem;margin-bottom:1rem}
.pd-price{font-family:'Cormorant Garamond',serif;font-size:2.2rem;font-weight:600;color:var(--ink);margin-bottom:1.2rem}
.pd-price-sale{color:var(--red)}
.pd-orig{font-size:1rem;text-decoration:line-through;color:var(--t3);margin-left:0.75rem}
.pd-sect-title{font-size:0.62rem;letter-spacing:2px;text-transform:uppercase;color:var(--t3);margin-bottom:0.6rem;font-weight:700}
.pd-colors{display:flex;gap:0.5rem;margin-bottom:1.2rem}
.pd-color-swatch{width:26px;height:26px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all 0.15s}
.pd-color-swatch.sel{border-color:var(--ink);box-shadow:0 0 0 2px var(--ink);transform:scale(1.1)}
.pd-sizes{display:flex;gap:0.4rem;flex-wrap:wrap;margin-bottom:1.5rem}
.pd-sz{width:44px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--chalk3);font-size:0.78rem;cursor:pointer;transition:all 0.15s;font-weight:500}
.pd-sz:hover:not(.oos){border-color:var(--ink)}
.pd-sz.sel{background:var(--ink);color:var(--chalk);border-color:var(--ink)}
.pd-sz.oos{opacity:0.3;cursor:not-allowed;text-decoration:line-through}
.pd-desc{font-size:0.88rem;color:var(--t2);line-height:1.7;margin-bottom:1.5rem;font-weight:300;flex:1}
.pd-add-btn{padding:1rem;background:var(--ink);color:var(--chalk);border:none;cursor:pointer;font-size:0.72rem;letter-spacing:2.5px;text-transform:uppercase;font-weight:700;font-family:'DM Sans',sans-serif;transition:all 0.2s;width:100%}
.pd-add-btn:hover{background:var(--accent);color:var(--ink)}
.pd-close-btn{position:absolute;top:1rem;right:1rem;background:var(--chalk2);border:none;width:32px;height:32px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;z-index:5}
.pd-close-btn:hover{background:var(--ink);color:var(--chalk)}

/* ── TOAST ── */
.toast{position:fixed;bottom:2rem;right:2rem;background:var(--ink);color:var(--chalk);padding:0.85rem 1.6rem;font-size:0.78rem;letter-spacing:1px;z-index:999;transform:translateY(80px);opacity:0;transition:all 0.35s cubic-bezier(0.4,0,0.2,1);display:flex;align-items:center;gap:0.75rem;max-width:320px}
.toast.show{transform:translateY(0);opacity:1}
.toast-acc{color:var(--accent)}
.toast-close{background:none;border:none;cursor:pointer;color:rgba(255,255,255,0.4);font-size:0.8rem;padding:0;margin-left:0.5rem}

/* ── USER NAV ── */
.user-chip{display:none;align-items:center;gap:0.5rem;font-size:0.7rem;color:rgba(247,245,242,0.7);letter-spacing:1px}
.user-chip.show{display:flex}
.user-dot{width:7px;height:7px;background:#68d391;border-radius:50%}

/* ── ANIMATIONS ── */
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes heroFloat{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-18px) rotate(-5deg)}}
@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}

/* ── RESPONSIVE ── */
@media(max-width:1100px){
  .nav-wrap,.nav-wrap.scrolled{padding-left:2.5rem;padding-right:2.5rem}
  nav.scrolled .nav-wrap{padding-left:2.5rem;padding-right:2.5rem}
  section{padding:5rem 2.5rem}
  .hero-left{padding:0 3rem}
  .editorial{grid-template-columns:1fr}
  .editorial .ed-right{height:360px}
  .features-strip{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:2.5rem}
}
@media(max-width:768px){
  .hero{grid-template-columns:1fr;grid-template-rows:1fr auto}
  .hero-right{display:none}
  .nav-center{display:none}
  .hero-left{padding:0 1.5rem;text-align:center;align-items:center}
  .hero-tagline::before{display:none}
  section{padding:4rem 1.5rem}
  .product-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}
  .lookbook{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .pd-box{grid-template-columns:1fr}
  .pd-img-side{min-height:280px}
  .cart-side{width:100%;right:-100%}
  .features-strip{grid-template-columns:1fr 1fr}
  .footer-grid{gap:2rem}
}