
:root{--red:#d80c2f;--teal:#0e7776;--navy:#232a3f;--ink:#171717;--muted:#737373;--soft:#f6f5f2;--line:#e2e2e2;--font:"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{border:0;background:none;cursor:pointer}img{display:block;max-width:100%}.promo{height:31px;background:var(--red);color:#fff;overflow:hidden}.promo-track{height:100%;display:flex;align-items:center;gap:28px;width:max-content;font-size:10px;font-weight:800;letter-spacing:.1em;animation:promoMove 25s linear infinite}@keyframes promoMove{to{transform:translateX(-50%)}}.header{height:76px;position:sticky;top:0;z-index:100;background:#fff;display:grid;grid-template-columns:auto auto auto 1fr auto;align-items:center;gap:24px;padding:0 28px;border-bottom:1px solid var(--line)}.brand{font-size:23px;font-weight:900;letter-spacing:-.05em}.hamb{width:30px}.hamb span{display:block;width:24px;height:2px;background:#111;margin:4px 0}.header nav{display:flex;gap:20px}.header nav a{font-size:11px;font-weight:800}.search-pill{justify-self:center;width:min(420px,100%);height:42px;border:1px solid #999;border-radius:25px;display:flex;align-items:center;padding:0 15px}.search-pill input{border:0;outline:0;flex:1}.tools{display:flex;gap:15px;align-items:center}.tools a,.tools button{font-size:12px}.mega-drawer{position:fixed;left:0;top:0;bottom:0;width:min(670px,96vw);z-index:310;background:#fff;transform:translateX(-105%);transition:.42s;overflow-y:auto;box-shadow:18px 0 50px rgba(0,0,0,.18)}.mega-drawer.open{transform:none}.member-head{background:var(--navy);color:#fff;display:grid;grid-template-columns:72px 1fr auto;gap:18px;padding:22px;align-items:center}.member-logo{width:62px;height:62px;border-radius:18px;background:#fff;color:var(--navy);display:grid;place-items:center;font-weight:900;font-size:22px}.member-head div:nth-child(2){display:grid;gap:4px}.member-head span{color:#ff6f59;font-weight:800}.cashback{background:#16958f;color:#fff;text-align:center;padding:13px;font-weight:700}.cashback span{margin-left:15px}.drawer-tabs{display:grid;grid-template-columns:repeat(5,1fr);position:sticky;top:0;background:#fff;z-index:2;border-bottom:1px solid #ddd}.drawer-tabs button{padding:19px 5px;font-weight:800;color:#666}.drawer-tabs button.active{color:var(--teal);border-bottom:3px solid var(--teal)}.drawer-featured{display:grid;grid-auto-flow:column;grid-auto-columns:125px;gap:14px;overflow-x:auto;padding:24px 20px 18px}.drawer-featured article img{width:112px;height:112px;object-fit:cover;border-radius:12px}.drawer-featured article b{display:block;text-align:center;font-size:11px;margin-top:7px}.drawer-section{border-top:1px solid #eee}.drawer-collapse{width:100%;display:flex;justify-content:space-between;padding:18px 20px;font-weight:900}.drawer-section-body{padding:0 20px 25px}.drawer-section-body.collapsed{display:none}.drawer-category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px 12px}.drawer-category-grid a img{width:100%;height:110px;object-fit:cover;border-radius:6px;background:#eee}.drawer-category-grid a span{display:block;font-size:10px;text-align:center;margin-top:7px}.drawer-links{display:grid;grid-template-columns:1fr 1fr;gap:13px}.search-panel{position:fixed;inset:0;z-index:320;background:#fff;padding:40px 7vw;transform:translateY(-105%);transition:.45s;overflow:auto}.search-panel.open{transform:none}.search-head{display:flex;justify-content:space-between}.search-panel>input{width:100%;border:0;border-bottom:2px solid #111;font-size:clamp(30px,5vw,72px);padding:18px 0;outline:0}.search-columns{display:grid;grid-template-columns:2fr 1fr;gap:50px;padding:35px 0}.search-chips{display:flex;gap:10px;flex-wrap:wrap}.search-chips button{border:1px solid #ddd;padding:10px 13px}.search-category-links{display:grid;gap:12px}.search-results{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.search-result{display:grid;grid-template-columns:72px 1fr;gap:10px;border:1px solid #ddd;padding:10px}.search-result img{width:72px;height:84px;object-fit:cover}.cart-drawer{position:fixed;right:0;top:0;bottom:0;width:min(450px,100%);z-index:330;background:#fff;padding:24px;transform:translateX(105%);transition:.4s;display:flex;flex-direction:column}.cart-drawer.open{transform:none}.cart-drawer #drawerItems{flex:1;overflow:auto}.drawer-total{display:flex;justify-content:space-between;padding:18px 0}.overlay{position:fixed;inset:0;z-index:250;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:.25s}.overlay.open{opacity:1;pointer-events:auto}.quick-view{position:fixed;inset:0;z-index:340;background:rgba(0,0,0,.65);display:none;place-items:center;padding:20px}.quick-view.open{display:grid}.quick-card{background:#fff;width:min(900px,96vw);max-height:92vh;overflow:auto;padding:24px;position:relative}.quick-card>#quickClose{position:absolute;right:18px;top:18px;z-index:3}.quick-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px}.quick-layout img{width:100%;height:520px;object-fit:cover}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:12px 22px;font-size:11px;font-weight:800;letter-spacing:.08em}.btn.dark{background:#111;color:#fff}.btn.light{background:#fff;color:#111}.btn.outline{border:1px solid #111}.btn.teal{background:var(--teal);color:#fff}.full{width:100%}.section,.dark-section{padding:72px 4vw}.dark-section{background:#101010;color:#fff}.soft-section{background:var(--soft)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-head h2{font-size:31px;margin:6px 0 0}.section-head small{font-weight:800;color:var(--red)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{position:relative}.product-image{position:relative;aspect-ratio:3/4;overflow:hidden;background:#eee}.product-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.38s}.product-image .hover{opacity:0}.product-card:hover .main{opacity:0}.product-card:hover .hover{opacity:1;transform:scale(1.035)}.badge{position:absolute;left:8px;top:8px;z-index:2;background:#111;color:#fff;font-size:8px;padding:5px 7px}.wish{position:absolute;right:8px;top:8px;z-index:3;background:#fff;border-radius:50%;width:30px;height:30px}.card-actions{position:absolute;left:8px;right:8px;bottom:8px;display:flex;opacity:0;transform:translateY(8px);transition:.25s}.product-card:hover .card-actions{opacity:1;transform:none}.card-actions>*{flex:1;background:#fff;padding:10px;text-align:center;font-size:9px;font-weight:800}.meta{padding:10px 2px}.meta h3{font-size:12px;margin:0 0 6px}.price-row{display:flex;gap:7px;font-size:11px}.price-row del{color:#999}.price-row em{font-style:normal;color:var(--red)}.plain-head{padding:58px 5vw 22px}.plain-head h1{font-size:clamp(36px,5vw,68px);margin:0}.dark-head{background:#101010;color:#fff}.legal{max-width:900px;margin:auto;padding:70px 5vw;line-height:1.8}.membership{background:var(--navy);color:#fff;padding:65px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.membership h2{font-size:48px;margin:8px 0}.member-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px}.member-benefits article{border:1px solid #ffffff30;padding:22px}.member-benefits b{font-size:29px;display:block}.member-benefits span{font-size:10px}.footer{background:#ecebea;padding:60px 5vw 20px}.footer-top{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:35px}.footer a{display:block;color:#666;margin:9px 0;font-size:12px}.app-buttons{display:flex;gap:8px}.app-buttons button{background:#111;color:#fff;padding:10px}.footer-mid{display:flex;justify-content:space-between;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:25px 0;margin-top:35px}.footer-mid span{margin-right:15px;font-size:11px}.footer-bottom{display:flex;justify-content:space-between;padding-top:20px;font-size:11px}.toast{position:fixed;right:20px;bottom:20px;background:#111;color:#fff;padding:14px 18px;z-index:500;transform:translateY(100px);transition:.3s}.toast.show{transform:none}
@media(max-width:1000px){.header nav{display:none}.search-pill{display:none}.header{grid-template-columns:auto auto 1fr auto}.drawer-category-grid{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.footer-top{grid-template-columns:1fr 1fr 1fr}.quick-layout{grid-template-columns:1fr}.membership{grid-template-columns:1fr}.search-results{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.header{padding:0 14px;gap:12px}.brand{font-size:18px}.tools a:first-child{display:none}.drawer-tabs{grid-template-columns:repeat(5,110px);overflow-x:auto}.drawer-category-grid{grid-template-columns:repeat(3,1fr)}.drawer-category-grid a img{height:100px}.product-grid{grid-template-columns:repeat(2,1fr);gap:9px}.footer-top{grid-template-columns:1fr}.footer-mid{display:grid;gap:20px}.footer-bottom{display:grid;gap:8px}.search-columns{grid-template-columns:1fr}.search-results{grid-template-columns:1fr}.quick-layout img{height:360px}.membership h2{font-size:36px}}


/* =========================================================
   REAL HEADER + FOOTER UPGRADE
========================================================= */
.premium-header{height:auto;display:block;padding:0;background:rgba(255,255,255,.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 28px rgba(0,0,0,.05)}
.header-main-row{min-height:92px;display:grid;grid-template-columns:auto minmax(340px,600px) auto;align-items:center;gap:32px;padding:0 34px}
.header-identity{display:flex;align-items:center;gap:24px}.premium-menu-button{display:flex;align-items:center;gap:10px;width:auto;padding:13px 14px;border:1px solid #ddd;border-radius:999px;transition:.25s}.premium-menu-button:hover{border-color:#111;background:#111;color:#fff}.premium-menu-button svg{width:23px;height:23px}.premium-menu-button .menu-label{font-size:11px;font-weight:800;letter-spacing:.1em}.brand{font-size:31px;font-weight:900;letter-spacing:-.065em;white-space:nowrap}.brand-dot{color:var(--red)}
.premium-search-pill{width:100%;max-width:600px;height:50px;border:1px solid #c7c7c7;border-radius:999px;background:#f7f7f5;padding:0 8px 0 17px;display:flex;align-items:center;gap:10px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}.premium-search-pill:focus-within{border-color:#111;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.08)}.search-leading svg{width:21px;height:21px}.premium-search-pill input{font-size:13px;letter-spacing:.01em}.search-submit{height:36px;padding:0 18px;border-radius:999px;background:#111;color:#fff;font-size:10px;font-weight:800;letter-spacing:.1em}
.premium-tools{gap:8px}.tool-link{min-width:94px;display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:12px;transition:.22s}.tool-link:hover{background:#f3f3f1;color:#111;transform:none}.tool-icon{position:relative;display:grid;place-items:center}.tool-icon svg{width:24px;height:24px}.tool-copy{display:grid;line-height:1.05;text-align:left}.tool-copy small{font-size:8px;color:#777;letter-spacing:.09em}.tool-copy b{font-size:10px;letter-spacing:.07em}.tool-count{position:absolute;right:-7px;top:-8px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;font-size:9px;font-style:normal;display:grid;place-items:center}.bag-tool{background:#111;color:#fff}.bag-tool:hover{background:var(--red);color:#fff}.bag-tool .tool-copy small{color:#ddd}
.category-nav{height:48px;display:flex!important;justify-content:center;align-items:center;gap:36px;border-top:1px solid #eee;background:#fff;overflow-x:auto;padding:0 20px}.category-nav a{position:relative!important;padding:17px 0 15px!important;font-size:14px!important;font-weight:700!important;letter-spacing:.08em!important;white-space:nowrap}.category-nav a::after{bottom:8px!important}.category-nav a.active{color:var(--red)}.category-nav a.active::after{width:100%}.category-nav .nav-sale{color:var(--red)}

.premium-footer{background:#111;color:#fff;padding:0}.footer-newsletter{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:end;padding:70px 5vw;background:#d80c2f}.footer-newsletter small{font-size:11px;font-weight:800;letter-spacing:.16em}.footer-newsletter h2{max-width:740px;font-size:clamp(34px,5vw,68px);line-height:.92;margin:12px 0 15px}.footer-newsletter p{margin:0;color:#ffe7eb}.footer-newsletter-form{display:flex;border-bottom:1px solid #fff}.footer-newsletter-form input{flex:1;border:0;background:transparent;color:#fff;padding:16px 0;outline:0}.footer-newsletter-form input::placeholder{color:#ffd9df}.footer-newsletter-form button{display:flex;align-items:center;gap:10px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.1em}.footer-newsletter-form svg{width:19px;height:19px}
.premium-footer .footer-top{padding:70px 5vw 45px;grid-template-columns:1.7fr repeat(4,1fr);gap:42px}.premium-footer h2{font-size:35px;margin-bottom:15px}.premium-footer h4{font-size:12px;letter-spacing:.13em;color:#fff}.premium-footer a{color:#bdbdbd;font-size:12px}.premium-footer a:hover{color:#fff}.footer-brand-block p{max-width:360px;color:#aaa}.footer-brand-actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.store-badge{min-width:145px;padding:10px 14px!important;border:1px solid #424242;border-radius:10px;display:grid!important;margin:0!important}.store-badge span{font-size:8px;color:#999}.store-badge b{font-size:12px;color:#fff}.footer-socials{display:flex;gap:14px;flex-wrap:wrap}.footer-socials a{font-size:10px!important;font-weight:800;letter-spacing:.08em}.footer-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#343434;border-top:1px solid #343434;border-bottom:1px solid #343434}.footer-service-grid article{display:grid;gap:5px;padding:24px 5vw;background:#171717}.footer-service-grid b{font-size:11px;letter-spacing:.08em}.footer-service-grid span{font-size:11px;color:#888}.premium-footer .footer-mid{margin:0;padding:28px 5vw;border-color:#343434;align-items:center}.payment-list{display:flex;gap:8px;flex-wrap:wrap}.payment-list span{margin:0!important;padding:8px 10px;border:1px solid #444;border-radius:5px;color:#ddd;font-weight:700}.footer-country{display:grid;gap:8px;text-align:right}.footer-country a{margin:0}.premium-footer .footer-bottom{padding:22px 5vw 28px;color:#777;border-top:1px solid #292929}

.content-hero{min-height:520px;display:flex;flex-direction:column;justify-content:center;padding:80px 7vw;background:#f2f0ec}.content-hero--dark{background:#111;color:#fff}.content-hero--compact{min-height:330px}.content-hero small{font-weight:800;letter-spacing:.16em;color:var(--red)}.content-hero h1{font-size:clamp(55px,9vw,135px);line-height:.82;letter-spacing:-.07em;margin:22px 0}.content-hero p{max-width:720px;font-size:18px;color:inherit;opacity:.75}.content-section{padding:80px 7vw}.soft-content{background:#f6f5f2}.content-heading{max-width:760px;margin-bottom:35px}.content-heading h2,.story-split h2{font-size:clamp(34px,5vw,68px);line-height:.95}.info-grid,.value-grid,.article-grid,.offer-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-grid article,.value-grid article,.offer-card-grid article{padding:30px;border:1px solid #ddd;background:#fff}.info-grid span,.offer-card-grid span{font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--red)}.info-grid h3,.value-grid h3,.offer-card-grid h3{font-size:24px}.story-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:60px}.steps-grid,.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:35px}.steps-grid article,.benefit-grid article{padding:30px;background:#111;color:#fff}.steps-grid b,.benefit-grid b{display:block;font-size:32px;color:#ff5b70}.locator-card{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:50px;background:#f4f3f0}.article-grid article img{height:380px;width:100%;object-fit:cover}.article-grid small{display:block;margin-top:15px;color:var(--red);font-weight:800}.gift-hero{background:linear-gradient(120deg,#e8d2be,#f7f3ed)}.membership-hero{background:#232a3f;color:#fff}.app-hero{background:#0e7776;color:#fff}.offers-hero{background:#d80c2f;color:#fff}.gift-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.gift-grid button{padding:38px;border:1px solid #111;font-size:28px;font-weight:800}.gift-grid button:hover{background:#111;color:#fff}.content-note{margin-top:25px;color:#777}.policy-page{display:grid;grid-template-columns:230px 1fr;gap:55px;padding:65px 7vw}.policy-page aside{position:sticky;top:170px;height:max-content;display:grid;gap:12px}.policy-page aside a{padding-bottom:10px;border-bottom:1px solid #ddd;font-size:12px;font-weight:700}.policy-page>div section{padding-bottom:35px;margin-bottom:35px;border-bottom:1px solid #ddd}.faq-page{max-width:950px;margin:auto;padding:65px 5vw}.faq-page details{padding:22px 0;border-bottom:1px solid #ddd}.faq-page summary{font-size:18px;font-weight:700}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}.contact-cards{display:grid;gap:15px}.contact-cards article{padding:25px;background:#f4f3f0}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form label{display:grid;gap:7px;font-size:12px;font-weight:700}.contact-form label:nth-child(4),.contact-form button{grid-column:1/-1}.contact-form input,.contact-form textarea{padding:13px;border:1px solid #ddd}.contact-form textarea{min-height:150px}.size-table-wrap{overflow:auto}.size-table{min-width:650px}.size-table th,.size-table td{padding:16px;border:1px solid #ddd;text-align:left}.size-table th{background:#111;color:#fff}.hero-button-row{display:flex;gap:12px}.light-outline{border:1px solid #fff;color:#fff}

@media(max-width:1200px){.header-main-row{grid-template-columns:auto 1fr;gap:20px}.premium-search-pill{grid-column:1/-1;grid-row:2;margin:0 auto 15px}.premium-tools{justify-self:end}.category-nav{gap:24px}.premium-footer .footer-top{grid-template-columns:1.4fr repeat(2,1fr)} }
@media(max-width:800px){.header-main-row{min-height:76px;padding:0 15px;grid-template-columns:1fr auto}.premium-search-pill{display:none}.premium-tools .tool-copy{display:none}.tool-link{min-width:auto;padding:9px}.header-identity{gap:12px}.brand{font-size:23px}.premium-menu-button .menu-label{display:none}.category-nav{height:44px;justify-content:flex-start;gap:24px}.category-nav a{font-size:12px!important}.footer-newsletter{grid-template-columns:1fr}.premium-footer .footer-top{grid-template-columns:1fr 1fr}.footer-service-grid{grid-template-columns:1fr 1fr}.content-hero{min-height:400px}.info-grid,.value-grid,.article-grid,.offer-card-grid,.steps-grid,.benefit-grid{grid-template-columns:1fr 1fr}.story-split,.contact-layout,.policy-page{grid-template-columns:1fr}.policy-page aside{position:static}.footer-country{text-align:left}}
@media(max-width:520px){.premium-tools .tool-link:nth-child(1){display:none}.category-nav{padding:0 14px}.premium-footer .footer-top{grid-template-columns:1fr}.footer-service-grid{grid-template-columns:1fr}.footer-newsletter-form{display:grid;border-bottom:0}.footer-newsletter-form input{border-bottom:1px solid #fff}.footer-newsletter-form button{margin-top:10px}.info-grid,.value-grid,.article-grid,.offer-card-grid,.steps-grid,.benefit-grid,.gift-grid{grid-template-columns:1fr}.story-split{gap:20px}.content-hero h1{font-size:52px}.content-section{padding:55px 20px}.contact-form{grid-template-columns:1fr}.contact-form label,.contact-form label:nth-child(4),.contact-form button{grid-column:1}.premium-footer .footer-bottom{display:grid;gap:8px}.locator-card{display:grid}}

.premium-header{transition:transform .28s ease,box-shadow .28s ease}.premium-header.is-scrolled{box-shadow:0 12px 35px rgba(0,0,0,.09)}.premium-header.is-hidden{transform:translateY(-100%)}


/* ===== Header Visual Refresh 9.0 ===== */
.header{padding:0;border-bottom:1px solid #ececec}
.compact-header-row{min-height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:0 32px}
.header-left-cluster,.header-right-cluster{display:flex;align-items:center;gap:18px}
.header-right-cluster{justify-content:flex-end}
.header-mini-tabs{display:flex;align-items:center;gap:18px}
.header-mini-tabs a{font-size:14px;font-weight:800;letter-spacing:.02em;padding:8px 0;position:relative}
.header-mini-tabs a::after{content:'';position:absolute;left:0;right:0;bottom:-12px;height:2px;background:var(--red);transform:scaleX(0);transition:.25s}
.header-mini-tabs a:hover::after{transform:scaleX(1)}
.member-center-logo{display:grid;place-items:center;text-align:center;gap:2px;min-width:120px}
.member-center-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#ffffff,#f1f1f1);border:2px solid #111;display:grid;place-items:center;font-weight:900;letter-spacing:.08em}
.member-center-text strong{display:block;font-size:16px;line-height:1;font-weight:900;letter-spacing:-.03em}.member-center-text small{display:block;font-size:10px;line-height:1.1;letter-spacing:.28em;font-weight:800;margin-top:4px}
.premium-search-pill{width:min(430px,100%);height:48px;border-radius:999px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px #cfcfcf}.search-submit{border-radius:999px;background:#fff;padding:0 18px;font-size:12px;font-weight:900}.search-submit:hover{background:#111;color:#fff}
.premium-tools{gap:10px}.compact-tool{width:46px;min-width:46px;height:46px;display:grid;place-items:center;border-radius:50%;padding:0;border:1px solid #d8d8d8;background:#fff}.compact-tool.bag-tool{background:#111;color:#fff;border-color:#111}.compact-tool .tool-icon{position:relative;display:grid;place-items:center}.compact-tool svg{width:22px;height:22px}.compact-tool .tool-count{position:absolute;right:-8px;top:-8px;background:var(--red);color:#fff;min-width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-style:normal;font-weight:800;padding:0 3px}
.category-nav{height:54px;display:flex;justify-content:center;align-items:center;gap:28px;border-top:1px solid #efefef;overflow-x:auto;padding:0 20px}.category-nav a{font-size:15px!important;font-weight:900;letter-spacing:.03em;white-space:nowrap}.category-nav .nav-sale{color:var(--red)}

/* ===== Drawer polish ===== */
.drawer-featured article{background:#fff;border-radius:18px;padding:8px;box-shadow:0 8px 18px rgba(0,0,0,.05)}
.drawer-section h4{margin:0 0 16px;font-size:13px;letter-spacing:.1em}
.drawer-category-grid a span{font-size:11px;font-weight:700;color:#333}

/* ===== Home refresh ===== */
.hero{height:90vh;min-height:760px}.hero-slide::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.2) 50%, rgba(0,0,0,.18))}.hero-copy{position:relative;z-index:1;background:none;padding:10vh 6vw}.hero-copy small{font-size:12px}.hero-copy p{max-width:480px;font-size:18px;opacity:.92}.hero-dots button{height:4px;width:34px;border-radius:999px}.trust-strip{background:linear-gradient(90deg,#f5faf8,#eef7f6)}
.section,.dark-section{padding:88px 4vw}.section-head h2{font-size:40px;letter-spacing:-.03em}.section-head small{font-size:12px;letter-spacing:.18em}
.category-showcase img{border-radius:18px;box-shadow:0 16px 34px rgba(0,0,0,.08)}.category-showcase b{font-size:15px}.category-showcase span{font-size:11px;color:#666;letter-spacing:.08em}
.horizontal-products{grid-auto-columns:minmax(250px,22%)}
.mid-banner-slider{background:#111;color:#fff;overflow:hidden;border-top:1px solid #2e2e2e;border-bottom:1px solid #2e2e2e}.mid-banner-track{display:flex;gap:28px;width:max-content;align-items:center;padding:18px 0;animation:promoMove 22s linear infinite}.mid-banner-track span{font-size:16px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.mid-banner-track b{color:#f5c542}
.merch-slider{position:relative;padding:0 0 90px;background:#fff}.merch-slides{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 4vw}.merch-card{position:relative;min-height:440px;border-radius:26px;overflow:hidden;color:#fff;background:#222;box-shadow:0 18px 35px rgba(0,0,0,.12)}.merch-card img{width:100%;height:100%;object-fit:cover;transition:.5s}.merch-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.62))}.merch-card:hover img{transform:scale(1.05)}.merch-card div{position:absolute;left:24px;bottom:24px;z-index:1}.merch-card small{font-weight:800;letter-spacing:.15em}.merch-card h3{font-size:40px;line-height:.92;margin:8px 0 14px}
.promo-duo a,.wide-banner,.feature-cards a{border-radius:24px;overflow:hidden}.promo-duo{gap:18px;padding:0 4vw 18px}.promo-duo img{height:70vh;filter:saturate(1.06) contrast(1.03)}.feature-cards img{height:60vh}.wide-banner{height:74vh;margin:0 4vw 20px;box-shadow:0 18px 40px rgba(0,0,0,.15)}.watch-editorial{border-radius:28px;overflow:hidden}
.reviews{padding:86px 4vw}.review-grid article{border-radius:22px;padding:36px}.newsletter{padding:95px 5vw}.newsletter p{max-width:620px;margin:0 auto 24px;color:#666}.newsletter form{gap:10px}
.content-hero{min-height:500px}.content-section{padding:72px 7vw}.content-section p,.policy-page p,.faq-page p{color:#444;line-height:1.8}.faq-page details{background:#faf9f6;padding:24px 24px;border-radius:14px;margin-bottom:14px;border:1px solid #ece6df}
.premium-footer .footer-top p,.premium-footer a{font-size:13px}
.footer-service-grid article{border-radius:18px;background:#f7f5f0;padding:18px 20px}

@media(max-width:1200px){.compact-header-row{grid-template-columns:1fr auto;gap:18px}.member-center-logo{order:3;grid-column:1/-1}.header-right-cluster{justify-content:flex-end}.header-mini-tabs{display:none}.premium-search-pill{width:min(100%,420px)}.merch-slides{grid-template-columns:repeat(2,1fr)}.hero{min-height:680px}}
@media(max-width:800px){.compact-header-row{padding:10px 15px;grid-template-columns:auto 1fr auto}.member-center-logo{order:2;grid-column:auto}.header-right-cluster{gap:10px}.premium-search-pill{display:none}.category-nav{justify-content:flex-start}.hero{height:78vh;min-height:620px}.hero-copy h1{font-size:72px}.merch-slides{grid-template-columns:1fr}.merch-card{min-height:380px}.promo-duo img{height:54vh}.wide-banner{height:60vh}.feature-cards img{height:46vh}}
@media(max-width:560px){.compact-header-row{grid-template-columns:auto 1fr auto}.member-center-text strong{font-size:13px}.member-center-mark{width:36px;height:36px;border-radius:12px}.compact-tool{width:40px;height:40px;min-width:40px}.category-nav a{font-size:13px!important}.hero{min-height:560px}.hero-copy{padding:8vh 22px 6vh}.hero-copy h1{font-size:58px}.hero-copy p{font-size:15px}.promo-duo{padding:0 15px 18px}.wide-banner{margin:0 15px 20px;height:52vh}.mid-banner-track span{font-size:13px}}

/* AMBAR BHAVAN RESOLVED 11.0 */
.resolved-header{overflow:visible!important;background:rgba(255,255,255,.98)}.resolved-header-row{min-height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:0 32px}.resolved-center-logo{display:grid;place-items:center;text-align:center;min-width:220px;line-height:1}.resolved-center-logo strong{font-size:30px;letter-spacing:-.055em;font-weight:950}.resolved-center-logo strong span{color:var(--red)}.resolved-center-logo small{font-size:9px;font-weight:900;letter-spacing:.5em;margin-top:6px;margin-left:.5em}.resolved-search{width:min(420px,100%)}.resolved-nav-zone{position:relative}.resolved-mega-hover{position:absolute;left:0;right:0;top:100%;z-index:120;background:#fff;border-top:1px solid #eee;box-shadow:0 22px 55px rgba(0,0,0,.13);padding:30px 5vw;display:grid;grid-template-columns:repeat(3,1fr) 1.4fr;gap:36px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.25s}.resolved-nav-zone:hover .resolved-mega-hover{opacity:1;visibility:visible;transform:none}.resolved-mega-hover>div{display:grid;align-content:start;gap:10px}.resolved-mega-hover small{font-size:10px;font-weight:900;letter-spacing:.16em;color:var(--red);margin-bottom:4px}.resolved-mega-hover a{font-size:13px;font-weight:750}.mega-feature{position:relative;min-height:190px;border-radius:18px;overflow:hidden;color:#fff}.mega-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mega-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.74))}.mega-feature span{position:absolute;z-index:1;left:18px;bottom:16px;display:grid}.mega-feature b{font-size:20px}.mega-feature small{color:#fff}.category-nav{height:58px;gap:30px}.category-nav a{font-size:14px!important}
.resolved-product-card{background:#fff;border:1px solid #ececec;border-radius:18px;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.055);transition:.28s}.resolved-product-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(0,0,0,.12)}.resolved-product-card .product-image{aspect-ratio:4/5}.resolved-product-card .meta{padding:15px 14px 17px}.resolved-product-card .meta h3{font-size:14px;line-height:1.35;margin:6px 0}.product-kicker{font-size:9px;font-weight:850;color:#777;letter-spacing:.08em}.product-rating{font-size:11px;font-weight:800;color:#bb8500;margin:6px 0}.product-rating span{color:#888}.resolved-product-card .price-row{font-size:12px;align-items:center;flex-wrap:wrap}.resolved-product-card .price-row strong{font-size:14px}.horizontal-products{grid-auto-columns:minmax(260px,22.5%);gap:18px}.section-description{margin:10px 0 0;color:#777;max-width:560px;font-size:14px}.category-showcase{grid-template-columns:repeat(3,1fr);gap:22px}.category-showcase a{background:#fafafa;border-radius:22px;overflow:hidden;padding-bottom:15px}.category-showcase img{aspect-ratio:4/4.7;border-radius:0;transition:.45s}.category-showcase a:hover img{transform:scale(1.035)}.category-showcase b,.category-showcase span{padding-left:16px}.category-showcase b{font-size:17px;margin-top:14px}
.middle-campaign-slider{position:relative;height:72vh;min-height:620px;background:#111;overflow:hidden;margin:26px 0}.middle-campaign-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s,visibility .7s}.middle-campaign-slide.active{opacity:1;visibility:visible}.middle-campaign-slide img{width:100%;height:100%;object-fit:cover}.middle-campaign-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.18) 62%,rgba(0,0,0,.12))}.middle-campaign-slide>div{position:absolute;z-index:2;left:6vw;top:50%;transform:translateY(-50%);color:#fff;max-width:620px}.middle-campaign-slide small{font-size:11px;font-weight:900;letter-spacing:.18em}.middle-campaign-slide h2{font-size:clamp(54px,7vw,104px);line-height:.85;letter-spacing:-.05em;margin:14px 0 22px}.middle-campaign-slide p{font-size:17px;max-width:480px;margin-bottom:24px}.middle-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:52px;height:52px;border:1px solid rgba(255,255,255,.6);border-radius:50%;background:rgba(0,0,0,.25);color:#fff;font-size:34px}.middle-arrow.prev{left:18px}.middle-arrow.next{right:18px}.middle-dots{position:absolute;z-index:4;left:6vw;bottom:26px;display:flex;gap:8px}.middle-dots button{width:36px;height:4px;border-radius:20px;background:rgba(255,255,255,.38)}.middle-dots button.active{background:#fff}.resolved-hero{height:86vh;min-height:720px}.resolved-hero .hero-copy{max-width:760px}.resolved-hero .hero-copy h1{font-size:clamp(70px,9vw,142px);line-height:.82}.resolved-hero .hero-copy p{font-size:19px}.premium-footer{background:#121212;color:#fff}.premium-footer .footer-top{grid-template-columns:1.55fr repeat(4,1fr)}.premium-footer .footer-top p,.premium-footer .footer-top a{color:#c9c9c9}.premium-footer .footer-service-grid article{background:#1d1d1d;border:1px solid #2f2f2f}
@media(max-width:1200px){.resolved-header-row{grid-template-columns:auto 1fr auto}.header-mini-tabs{display:none}.resolved-search{display:none}.resolved-mega-hover{grid-template-columns:repeat(3,1fr)}.mega-feature{display:none}.category-showcase{grid-template-columns:repeat(2,1fr)}.premium-footer .footer-top{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.resolved-header-row{min-height:74px;padding:0 14px}.resolved-center-logo{min-width:auto}.resolved-center-logo strong{font-size:22px}.resolved-center-logo small{font-size:7px}.resolved-mega-hover{display:none}.middle-campaign-slider{height:64vh;min-height:520px}.middle-campaign-slide>div{left:30px;right:30px}.middle-campaign-slide h2{font-size:58px}.resolved-hero{height:75vh;min-height:600px}.premium-footer .footer-top{grid-template-columns:1fr 1fr}}@media(max-width:560px){.resolved-center-logo strong{font-size:18px}.header-left-cluster .menu-label{display:none}.category-nav{height:48px;justify-content:flex-start}.category-nav a{font-size:12px!important}.category-showcase{grid-template-columns:1fr 1fr}.horizontal-products{grid-auto-columns:78%}.middle-campaign-slider{min-height:500px}.middle-campaign-slide h2{font-size:48px}.resolved-hero .hero-copy h1{font-size:58px}.premium-footer .footer-top{grid-template-columns:1fr}}


/* =========================================================
   AMBAR BHAVAN 11.1 — HEADER, CATEGORY & SF PRO REFINEMENT
========================================================= */

:root{
  --font:
    "SF Pro Display",
    "SF Pro Text",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI Variable Display",
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif;

  --font-text:
    "SF Pro Text",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI Variable Text",
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif;
}

html,body,button,input,select,textarea{
  font-family:var(--font);
}

/* Stop the irritating automatic hover dropdown completely.
   The main MENU button and side drawer remain fully functional. */
.resolved-mega-hover,
.resolved-nav-zone:hover .resolved-mega-hover{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:none!important;
}

.resolved-nav-zone{
  overflow:hidden;
}

.category-nav a{
  position:relative;
  padding:19px 0 17px;
  font-family:var(--font-text);
  font-weight:700!important;
  letter-spacing:.02em;
}

.category-nav a::after{
  content:"";
  position:absolute;
  left:50%;
  right:50%;
  bottom:8px;
  height:2px;
  background:#111;
  transition:left .22s ease,right .22s ease;
}

.category-nav a:hover::after,
.category-nav a.active::after{
  left:0;
  right:0;
}

.category-nav .nav-sale::after{
  background:var(--red);
}

/* Top compact discovery row inspired by clean fashion storefronts. */
.discovery-strip{
  padding:14px 4vw;
  border-bottom:1px solid #ececec;
  background:#fff;
  overflow-x:auto;
  scrollbar-width:none;
}
.discovery-strip::-webkit-scrollbar{display:none}
.discovery-strip__inner{
  display:flex;
  align-items:center;
  gap:10px;
  width:max-content;
  min-width:100%;
  justify-content:center;
}
.discovery-strip a{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:9px 15px;
  border:1px solid #dcdcdc;
  border-radius:999px;
  background:#fff;
  font-family:var(--font-text);
  font-size:12px;
  font-weight:600;
  white-space:nowrap;
  transition:.2s ease;
}
.discovery-strip a:first-child,
.discovery-strip a:hover{
  color:#fff;
  border-color:#111;
  background:#111;
}

/* Square/soft-corner category cards instead of circular photos. */
.style-category-section{
  padding-top:76px;
  padding-bottom:84px;
  background:#fff;
}
.style-category-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:24px 16px;
}
.style-category-card{
  display:block;
  min-width:0;
}
.style-category-card__image{
  position:relative;
  aspect-ratio:1/1.12;
  overflow:hidden;
  border-radius:10px;
  background:#f1f1ef;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
}
.style-category-card__image::after{
  content:"";
  position:absolute;
  inset:0;
  border:1px solid rgba(0,0,0,.06);
  border-radius:inherit;
  pointer-events:none;
}
.style-category-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .42s cubic-bezier(.22,1,.36,1);
}
.style-category-card:hover img{
  transform:scale(1.045);
}
.style-category-card b{
  display:block;
  margin-top:11px;
  font-family:var(--font-text);
  font-size:13px;
  font-weight:650;
  letter-spacing:.015em;
  text-align:center;
}
.style-category-card span{
  display:block;
  margin-top:3px;
  color:#6e6e73;
  font-family:var(--font-text);
  font-size:10px;
  font-weight:500;
  letter-spacing:.025em;
  text-align:center;
}

/* Existing round category fallback: no circles anywhere. */
.round-categories{
  grid-template-columns:repeat(6,minmax(0,1fr));
}
.round-categories img{
  aspect-ratio:1/1.12!important;
  border-radius:10px!important;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
}
.round-categories b{
  font-family:var(--font-text);
  font-size:13px!important;
  font-weight:650;
  letter-spacing:.015em;
}

/* SF Pro-style product typography and better hierarchy. */
.product-card,
.product-card *,
.resolved-product-card,
.resolved-product-card *{
  font-family:var(--font-text);
}
.resolved-product-card{
  border-radius:12px;
}
.resolved-product-card .meta{
  padding:14px 14px 17px;
}
.product-kicker{
  display:block;
  color:#6e6e73;
  font-size:10px;
  font-weight:500;
  letter-spacing:.035em;
  line-height:1.35;
}
.resolved-product-card .meta h3{
  margin:6px 0 7px;
  color:#1d1d1f;
  font-size:15px;
  font-weight:650;
  line-height:1.28;
  letter-spacing:-.012em;
}
.product-rating{
  margin:6px 0 8px;
  color:#8a6500;
  font-size:11px;
  font-weight:600;
  letter-spacing:0;
}
.product-rating span{
  color:#86868b;
  font-weight:500;
}
.resolved-product-card .price-row{
  gap:8px;
  font-size:12px;
  line-height:1.3;
}
.resolved-product-card .price-row strong{
  color:#1d1d1f;
  font-size:14px;
  font-weight:700;
}
.resolved-product-card .price-row del{
  color:#86868b;
  font-weight:500;
}
.resolved-product-card .price-row em{
  color:var(--red);
  font-weight:650;
}
.card-actions>*{
  font-family:var(--font-text);
  font-weight:650;
  letter-spacing:.02em;
}

@media(max-width:1100px){
  .style-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .discovery-strip__inner{justify-content:flex-start}
}
@media(max-width:760px){
  .style-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}
  .style-category-section{padding-top:56px;padding-bottom:60px}
}
@media(max-width:520px){
  .style-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}
  .style-category-card b{font-size:12px}
  .discovery-strip{padding-inline:14px}
}

/* CMS-safe image logo support — text logo remains the default */
.resolved-center-logo.has-image-logo{display:flex;align-items:center;justify-content:center;padding:6px 10px}
.resolved-center-logo.has-image-logo .cms-brand-logo-img{display:block;width:auto;height:auto;object-fit:contain}

/* 13.1 protected center logo */
.resolved-center-logo{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:232px!important;visibility:visible!important;opacity:1!important;color:#111!important;text-decoration:none!important;line-height:1!important}.resolved-center-logo strong{display:block!important;font-size:34px!important;font-weight:900!important;letter-spacing:-1.5px!important;color:#111!important}.resolved-center-logo strong span{color:#d80c2f!important}.resolved-center-logo small{display:block!important;margin-top:7px!important;font-size:10px!important;font-weight:800!important;letter-spacing:7px!important;color:#111!important}.resolved-center-logo.has-image-logo img{display:block!important;max-width:232px!important;max-height:64px!important;object-fit:contain!important}

/* =========================================================
   AMBAR BHAVAN 13.3 — LIGHT HEADER RESTORE (LOCKED LAYOUT)
   Keeps Admin colors editable without breaking header geometry.
========================================================= */
.premium-header,.resolved-header,.resolved-nav-zone,.header-main-row,.category-nav{
  background:#fff!important;color:#111!important;
}
.resolved-header-row{
  min-height:92px!important;
  grid-template-columns:1fr auto 1fr!important;
  padding:0 34px!important;
}
.premium-menu-button,.menu-trigger,.resolved-header .premium-menu-button{
  background:#fff!important;color:#111!important;
  border:1px solid #d8d8d8!important;
  border-radius:999px!important;
  min-width:112px!important;height:58px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:13px!important;box-shadow:none!important;
}
.premium-menu-button .menu-lines span,.menu-trigger .menu-lines span{
  background:#111!important;
}
.premium-menu-button .menu-label,.menu-trigger .menu-label{
  color:#111!important;opacity:1!important;font-weight:800!important;
}
.header-mini-tabs a,.category-nav a,.resolved-header a,.resolved-header button{
  color:#111!important;
}
.resolved-center-logo{display:grid!important;visibility:visible!important;opacity:1!important;min-width:232px!important;text-align:center!important;place-items:center!important}
.resolved-center-logo strong{display:block!important;color:#111!important;font-size:31px!important;font-weight:950!important;letter-spacing:-.055em!important}
.resolved-center-logo strong span{color:var(--cms-accent,var(--red,#d80c2f))!important}
.resolved-center-logo small{display:block!important;color:#111!important;font-size:9px!important;letter-spacing:.5em!important;margin-top:6px!important}
.resolved-search,.premium-search-pill{background:#fff!important;border:1px solid #cfcfcf!important;color:#111!important}
.resolved-search input,.premium-search-pill input{background:transparent!important;color:#111!important}
.resolved-search button,.premium-search-pill button{background:#111!important;color:#fff!important}
.compact-tool,.tool-link{background:#fff!important;color:#111!important;border:1px solid #ddd!important}
.bag-tool{background:#111!important;color:#fff!important;border-color:#111!important}
.category-nav{border-top:1px solid #ececec!important;border-bottom:1px solid #ececec!important}
@media(max-width:800px){
 .resolved-header-row{grid-template-columns:auto 1fr auto!important;padding:0 14px!important;min-height:76px!important}
 .resolved-center-logo{min-width:auto!important}.resolved-center-logo strong{font-size:21px!important}.resolved-center-logo small{font-size:7px!important}
 .premium-menu-button,.menu-trigger{min-width:62px!important;width:62px!important;height:48px!important}.premium-menu-button .menu-label,.menu-trigger .menu-label{display:none!important}
}

/* =========================================================
   AMBAR BHAVAN 13.4 — FINAL LIGHT HEADER RIGHT-SIDE FIX
   Removes remaining black pills and protects readable labels.
========================================================= */
.resolved-header-tools,
.header-tools,
.resolved-header-right{background:transparent!important;color:#111!important}
.resolved-search,.premium-search-pill{
  background:#fff!important;
  border:1px solid #d7d7d7!important;
  box-shadow:0 3px 14px rgba(0,0,0,.035)!important;
}
.resolved-search button,.premium-search-pill button,
.resolved-search .search-btn,.premium-search-pill .search-btn{
  background:#fff!important;
  color:#111!important;
  border:1px solid #d8d8d8!important;
  min-width:96px!important;
  box-shadow:none!important;
}
.resolved-search button:hover,.premium-search-pill button:hover{
  background:#111!important;color:#fff!important;border-color:#111!important;
}
.compact-tool,.tool-link,.bag-tool,
.resolved-header-tools>a,.resolved-header-tools>button,
.header-tools>a,.header-tools>button{
  background:#fff!important;
  color:#111!important;
  border:1px solid #dedede!important;
  box-shadow:none!important;
}
.compact-tool:hover,.tool-link:hover,.bag-tool:hover,
.resolved-header-tools>a:hover,.resolved-header-tools>button:hover{
  background:#f4f4f4!important;color:#111!important;border-color:#cfcfcf!important;
}
.compact-tool svg,.tool-link svg,.bag-tool svg,
.resolved-header-tools svg,.header-tools svg{stroke:#111!important;color:#111!important;fill:none!important}
.bag-tool .count,.tool-count,.icon-count,.cart-count,.wishlist-count{
  background:#d80c2f!important;color:#fff!important;border-color:#fff!important;
}
/* Guarantee a visible label even when old CMS data blanked it. */
.resolved-search button:empty::after,.premium-search-pill button:empty::after{content:"SEARCH"!important}

/* =========================================================
   AMBAR BHAVAN 16.1 — FUNCTIONAL ADMIN CMS INTEGRATION
   Final override. Keeps the right-side shopping button light.
========================================================= */
.resolved-header-tools .bag-tool,
.header-tools .bag-tool,
.bag-tool,
.compact-tool,
.tool-link,
.resolved-header-tools > a,
.resolved-header-tools > button,
.header-tools > a,
.header-tools > button {
  background:#fff!important;
  color:#111!important;
  border:1px solid #dedede!important;
  box-shadow:none!important;
}
.resolved-header-tools .bag-tool:hover,
.header-tools .bag-tool:hover,
.bag-tool:hover,
.compact-tool:hover,
.tool-link:hover {
  background:#f5f5f5!important;
  color:#111!important;
  border-color:#cfcfcf!important;
  transform:none!important;
}
.bag-tool svg,
.compact-tool svg,
.tool-link svg,
.resolved-header-tools svg,
.header-tools svg {
  stroke:#111!important;
  color:#111!important;
  fill:none!important;
}
/* Keep only the small red counter dark/visible. */
.bag-tool .tool-count,
.bag-tool .count,
.cart-count,
.wishlist-count,
.icon-count {
  background:#d80c2f!important;
  color:#fff!important;
}
/* Stop distracting black/white flashes and dramatic hover changes. */
.premium-menu-button:hover,
.menu-trigger:hover,
.resolved-search button:hover,
.premium-search-pill button:hover,
.compact-tool:hover,
.tool-link:hover,
.bag-tool:hover {
  transition:background-color .18s ease,border-color .18s ease,color .18s ease!important;
}
.premium-menu-button:hover,
.menu-trigger:hover {
  background:#f5f5f5!important;
  color:#111!important;
  border-color:#cfcfcf!important;
}
.premium-menu-button:hover .menu-label,
.menu-trigger:hover .menu-label {color:#111!important;}
.premium-menu-button:hover .menu-lines span,
.menu-trigger:hover .menu-lines span {background:#111!important;}
/* Accessibility / stable mode: no flashing when reduced motion is enabled. */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}


/* AMBAR BHAVAN 16.4 — SMART DIRECTIONAL HEADER */
.premium-header{position:sticky;top:0;z-index:110;transform:none!important;will-change:transform}
.premium-header .header-main-row{overflow:hidden;max-height:110px;opacity:1;transform:translateY(0);transition:max-height .32s ease,opacity .22s ease,transform .32s ease,min-height .32s ease,padding .32s ease}
.premium-header .resolved-nav-zone{transition:box-shadow .28s ease}
.premium-header.is-compact .header-main-row{max-height:0!important;min-height:0!important;opacity:0;transform:translateY(-18px);padding-top:0!important;padding-bottom:0!important;pointer-events:none}
.premium-header.is-compact .resolved-nav-zone{box-shadow:0 10px 24px rgba(0,0,0,.08)}
.premium-header.is-compact .category-nav{height:46px!important}
@media(max-width:800px){.premium-header.is-compact .category-nav{height:44px!important}}

/* Managed normal/hover images */
.category-showcase img,.merch-card img,.style-category-card img,.feature-cards img{transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .35s ease,opacity .2s ease}
.category-showcase a:hover img,.merch-card:hover img,.style-category-card:hover img,.feature-cards a:hover img{transform:scale(1.035);filter:saturate(1.04) contrast(1.02)}

/* AMBAR BHAVAN 16.4.1 — STABLE SMART HEADER + ANIMATED CATEGORY IMAGE SWAP */
.vh-hover-swap{
  opacity:1;
  transform:scale(1);
  filter:blur(0);
  transition:opacity .27s ease,transform .46s cubic-bezier(.2,.75,.2,1),filter .27s ease!important;
  will-change:opacity,transform,filter;
}
.vh-hover-swap.is-swapping{
  opacity:.18;
  transform:scale(1.025);
  filter:blur(3px);
}
.style-category-card:hover .vh-hover-swap,
.category-showcase a:hover .vh-hover-swap,
.merch-card:hover .vh-hover-swap,
.feature-cards a:hover .vh-hover-swap{
  transform:scale(1.045);
}

/* Prevent layout feedback while header is transitioning. */
.premium-header .header-main-row{
  contain:layout paint;
}
.premium-header.is-compact .header-main-row{
  visibility:hidden;
}
.premium-header:not(.is-compact) .header-main-row{
  visibility:visible;
  transition-delay:0s,0s,0s,0s,0s;
}

/* =========================================================
   WEBSITE PHASE 1 — STABLE HEADER + TRUE IMAGE CROSSFADE
========================================================= */
.premium-header .header-main-row{
  transition:max-height .30s cubic-bezier(.4,0,.2,1),
             opacity .18s ease,
             transform .30s cubic-bezier(.4,0,.2,1),
             padding .30s cubic-bezier(.4,0,.2,1)!important;
  backface-visibility:hidden;
  transform:translate3d(0,0,0);
}
.premium-header.is-compact .header-main-row{
  transform:translate3d(0,-14px,0)!important;
}
.premium-header .resolved-nav-zone{
  transform:translateZ(0);
  backface-visibility:hidden;
}

.vh-crossfade-wrap{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate;
}
.vh-crossfade-wrap>.vh-crossfade-main,
.vh-crossfade-wrap>.vh-crossfade-hover{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transition:opacity .48s cubic-bezier(.22,.61,.36,1),
             transform .75s cubic-bezier(.22,.61,.36,1),
             filter .48s ease!important;
  will-change:opacity,transform;
  backface-visibility:hidden;
}
.vh-crossfade-wrap>.vh-crossfade-main{
  position:relative!important;
  z-index:1;
  opacity:1;
  transform:scale(1.001);
}
.vh-crossfade-wrap>.vh-crossfade-hover{
  position:absolute!important;
  inset:0!important;
  z-index:2;
  opacity:0;
  transform:scale(1.055);
  filter:saturate(.92) contrast(.98);
  pointer-events:none;
}
.vh-crossfade-wrap:hover>.vh-crossfade-main{
  opacity:0;
  transform:scale(1.025);
}
.vh-crossfade-wrap:hover>.vh-crossfade-hover{
  opacity:1;
  transform:scale(1.015);
  filter:saturate(1.04) contrast(1.02);
}
@media (hover:none){
  .vh-crossfade-wrap>.vh-crossfade-main{opacity:1!important}
  .vh-crossfade-wrap>.vh-crossfade-hover{opacity:0!important}
}

/* ===== WEBSITE PHASE 2: HERO, DRAWER & SEARCH POLISH ===== */
body.panel-open{overscroll-behavior:none}
.mega-drawer{transition:transform .52s cubic-bezier(.22,1,.36,1);will-change:transform}
.mega-drawer .member-head,.mega-drawer .cashback,.mega-drawer .drawer-tabs,.mega-drawer .drawer-featured,.mega-drawer .drawer-section{opacity:0;transform:translateX(-18px);transition:opacity .38s ease,transform .48s cubic-bezier(.22,1,.36,1)}
.mega-drawer.open .member-head,.mega-drawer.open .cashback,.mega-drawer.open .drawer-tabs,.mega-drawer.open .drawer-featured,.mega-drawer.open .drawer-section{opacity:1;transform:none}
.mega-drawer.open .cashback{transition-delay:.03s}.mega-drawer.open .drawer-tabs{transition-delay:.06s}.mega-drawer.open .drawer-featured{transition-delay:.1s}.mega-drawer.open .drawer-section{transition-delay:.14s}
.drawer-featured{scroll-snap-type:x proximity;scrollbar-width:thin;overscroll-behavior-inline:contain}
.drawer-featured article{scroll-snap-align:start;transition:transform .28s ease,box-shadow .28s ease}
.drawer-featured article:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(0,0,0,.11)}
.drawer-featured article img,.drawer-category-grid a img{transition:transform .45s cubic-bezier(.22,1,.36,1),filter .35s ease}
.drawer-featured article:hover img,.drawer-category-grid a:hover img{transform:scale(1.045);filter:contrast(1.03)}
.drawer-category-grid a{border-radius:8px;transition:transform .25s ease;color:#222}
.drawer-category-grid a:hover{transform:translateY(-3px)}
.drawer-tabs button{position:relative;transition:color .25s ease,background .25s ease}
.drawer-tabs button:hover{background:#f7f7f7;color:#111}
.search-panel{transition:transform .56s cubic-bezier(.22,1,.36,1);will-change:transform}
.search-panel.open .search-head,.search-panel.open>input,.search-panel.open .search-columns,.search-panel.open .search-results{animation:vhSearchReveal .5s both}
.search-panel.open>input{animation-delay:.05s}.search-panel.open .search-columns{animation-delay:.1s}.search-panel.open .search-results{animation-delay:.14s}
@keyframes vhSearchReveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.search-chips button,.search-category-links a{transition:background .22s ease,color .22s ease,border-color .22s ease,transform .22s ease}
.search-chips button:hover{background:#111;color:#fff;border-color:#111;transform:translateY(-2px)}
.search-category-links a:hover{transform:translateX(5px)}
.search-result{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;background:#fff}
.search-result:hover{transform:translateY(-3px);border-color:#aaa;box-shadow:0 10px 25px rgba(0,0,0,.07)}
.search-empty-state{grid-column:1/-1;min-height:170px;display:grid;place-content:center;text-align:center;border:1px dashed #ccc;background:#fafafa}
.search-empty-state strong{font-size:20px}.search-empty-state span{margin-top:7px;color:#777;font-size:13px}
.hero,.middle-campaign-slider{touch-action:pan-y;user-select:none}
.hero-slide .hero-copy>*{opacity:0;transform:translateY(24px)}
.hero-slide.active .hero-copy>*{animation:vhHeroCopy .72s cubic-bezier(.22,1,.36,1) forwards}
.hero-slide.active .hero-copy small{animation-delay:.08s}.hero-slide.active .hero-copy h1{animation-delay:.14s}.hero-slide.active .hero-copy p{animation-delay:.21s}.hero-slide.active .hero-copy .hero-cta{animation-delay:.29s}
@keyframes vhHeroCopy{to{opacity:1;transform:none}}
.hero-slide{transition:opacity .9s ease,visibility .9s ease;will-change:opacity}
.hero-slide::after{transition:opacity .8s ease}
.hero-arrow,.middle-arrow{transition:background .25s ease,color .25s ease,transform .25s ease}
.hero-arrow:hover,.middle-arrow:hover{transform:scale(1.08)}
.hero-dots button,.middle-dots button{transition:width .3s ease,background .3s ease,opacity .3s ease}
.hero-dots button.active{width:54px}
@media(max-width:760px){.mega-drawer{width:100vw}.drawer-category-grid{grid-template-columns:repeat(3,1fr)}.drawer-tabs{grid-template-columns:repeat(5,minmax(84px,1fr));overflow-x:auto}.drawer-tabs button{padding:16px 10px}.search-panel{padding:25px 20px}.search-columns{grid-template-columns:1fr;gap:28px}.search-results{grid-template-columns:1fr}.search-panel>input{font-size:34px}.hero-slide.active .hero-copy>*{animation-duration:.58s}}
@media(prefers-reduced-motion:reduce){.mega-drawer,.search-panel,.hero-slide,.hero-slide .hero-copy>*,.drawer-featured article,.search-result{transition:none!important;animation:none!important}.hero-slide.active .hero-copy>*{opacity:1;transform:none}}


/* ===== MERGED WEBSITE PURCHASE + CATEGORY TEXT FIX ===== */
.category-showcase a{
  overflow:visible!important;
}
.category-showcase .vh-crossfade-media{
  position:relative;
  overflow:hidden;
  width:100%;
  aspect-ratio:4/4.7;
  border-radius:22px 22px 0 0;
  background:#eee;
}
.category-showcase .vh-crossfade-media img{
  position:absolute!important;
  inset:0;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.category-showcase b,.category-showcase span{
  position:relative;
  z-index:4;
  display:block;
  color:inherit;
}
.category-showcase span{padding-top:3px;padding-bottom:2px}

.vh-size-modal{
  position:fixed;inset:0;z-index:1000;display:none;place-items:center;padding:20px;
  background:rgba(0,0,0,.58);backdrop-filter:blur(5px)
}
.vh-size-modal.open{display:grid}
.vh-size-dialog{width:min(460px,100%);background:#fff;border-radius:20px;padding:25px;box-shadow:0 30px 90px rgba(0,0,0,.3);animation:vhSizeIn .25s ease}
@keyframes vhSizeIn{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}
.vh-size-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.vh-size-head h3{margin:0;font-size:22px;line-height:1.1}
.vh-size-head button{font-size:24px;line-height:1;padding:2px 5px}
.vh-size-copy{margin:8px 0 18px;color:#666;font-size:13px}
.vh-size-options{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.vh-size-options button{min-width:48px;height:46px;padding:0 15px;border:1px solid #bbb;border-radius:10px;font-weight:850;background:#fff;transition:.2s}
.vh-size-options button:hover,.vh-size-options button.active{background:#111;color:#fff;border-color:#111;transform:translateY(-1px)}
.vh-size-error{min-height:18px;margin:0 0 10px;color:#c32035;font-size:12px;font-weight:750}
.vh-size-confirm{width:100%;height:50px;border-radius:10px;background:#111;color:#fff;font-size:12px;font-weight:900;letter-spacing:.04em}
.vh-size-confirm:disabled{opacity:.45;cursor:not-allowed}
.product-info .filter-chips.needs-size{animation:vhSizePulse .55s ease 2}
@keyframes vhSizePulse{50%{transform:translateX(4px);filter:drop-shadow(0 0 8px rgba(216,12,47,.35))}}


/* AMBAR BHAVAN — COMPLETE REBRAND UI FIX */
.drawer-cart-item{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid rgba(0,0,0,.14)}
.drawer-cart-item img{width:72px;height:88px;object-fit:cover;background:#f3f3f3}.drawer-cart-item div{display:grid;gap:5px;min-width:0}.drawer-cart-item b{font-size:12px;line-height:1.35}.drawer-cart-item small{font-size:10px;color:#666}.drawer-cart-item strong{font-size:13px}.drawer-remove-item{border:0;background:transparent;text-decoration:underline;font-size:9px;font-weight:800;cursor:pointer;padding:8px 0}.drawer-empty{display:grid;gap:18px;text-align:center;padding:54px 10px}.drawer-empty a{display:inline-flex;justify-content:center;padding:13px 18px;background:#111;color:#fff;font-size:11px;font-weight:800}
.resolved-center-logo strong{white-space:nowrap}.resolved-center-logo strong,.footer h2,.login-brand,.admin-brand-copy strong{letter-spacing:-.04em}
@media(max-width:700px){.drawer-cart-item{grid-template-columns:58px minmax(0,1fr)}.drawer-cart-item img{width:58px;height:72px}.drawer-remove-item{grid-column:2;justify-self:start}}
