:root{--ink:#172033;--muted:#697386;--line:#e7eaf0;--bg:#fff;--white:#fff;--accent:#f59e0b;--accent2:#fff3d6;--blue:#2563eb;--green:#0f9f6e;--shadow:0 16px 45px rgba(31,41,55,.09);--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.sprite{position:absolute;width:0;height:0;overflow:hidden}.container{width:min(1260px,92%);margin:auto}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.announcement{background:#182132;color:#dbe2ed;font-size:11px}.announcement-in{height:34px;display:flex;align-items:center;justify-content:space-between}.announcement b{color:#fff}.header{background:#fff;position:sticky;top:0;z-index:80;box-shadow:0 1px 0 rgba(17,24,39,.05)}.header-main{height:76px;display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:center;gap:10px;min-width:190px}.logo-box{width:43px;height:43px;border-radius:11px;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:900}.logo b{display:block;font-size:15px;letter-spacing:-.02em}.logo small{display:block;color:#a07a2a;font-size:8px;letter-spacing:.22em;font-weight:900}.header nav{display:flex;gap:23px;align-items:center;margin:auto;font-size:12px;font-weight:750;color:#4d586b}.header nav a:hover,.header nav .active{color:#b66e00}.head-tools{display:flex;align-items:center;gap:7px}.head-icon,.cart-head{height:40px;border:1px solid var(--line);background:#fff;border-radius:9px;display:grid;place-items:center;color:var(--ink);position:relative}.head-icon{width:40px}.has-count b{position:absolute;right:-4px;top:-5px;background:var(--accent);width:17px;height:17px;border-radius:50%;font-size:8px;display:grid;place-items:center}.cart-head{padding:0 12px;display:flex;gap:8px;font-size:11px;font-weight:800}.cart-head b{background:var(--ink);color:#fff;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;font-size:8px}.category-nav{border-top:1px solid #f0f2f5}.category-nav-in{height:42px;display:flex;align-items:center;gap:23px;font-size:10px;color:#687386}.category-nav a:hover{color:var(--ink)}.category-nav button{margin-left:auto;border:0;background:transparent;color:#9a6500;font-size:10px;font-weight:800}.mobile-only,.mobile-nav{display:none}.hero{background:linear-gradient(180deg,#fff 0%,#f5f7fb 100%);overflow:hidden}.hero-grid{min-height:575px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:50px}.pill{display:inline-flex;background:var(--accent2);color:#996200;padding:6px 10px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.12em}.hero h1{font-size:clamp(52px,6.2vw,82px);line-height:.95;letter-spacing:-.07em;margin:18px 0;color:#111827;max-width:720px}.hero h1 em{font-style:normal;color:#d98900}.hero-copy>p{max-width:610px;color:var(--muted);font-size:15px;line-height:1.8;margin:0 0 26px}.hero-actions{display:flex;gap:9px;flex-wrap:wrap}.btn{min-height:44px;padding:0 17px;border-radius:9px;border:1px solid transparent;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:9px}.btn.primary{background:var(--accent);color:#1b2433}.btn.primary:hover{background:#ffb51b}.btn.secondary{background:#fff;border-color:#dce1e9;color:#263246}.hero-meta{display:flex;gap:20px;flex-wrap:wrap;margin-top:27px;color:#6b7587;font-size:9px}.hero-meta span{display:flex;align-items:center;gap:5px}.hero-meta svg{width:14px;height:14px}.hero-meta:first-child{color:#9a6700}.hero-art{height:490px;position:relative}.art-bg{position:absolute;inset:40px 10px 15px 40px;border-radius:30px;background:radial-gradient(circle at 58% 35%,#fff 0,#f3e7c9 25%,#e9edf4 60%,#dce2ec 100%);transform:rotate(2deg)}.hero-shoe{position:absolute;inset:0;display:grid;place-items:center;font-size:190px;filter:drop-shadow(0 32px 20px rgba(23,32,51,.25));transform:rotate(-9deg)}.floating-card{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:12px;display:flex;gap:10px;align-items:center;min-width:185px}.floating-card b{display:block;font-size:10px}.floating-card small{display:block;color:var(--muted);font-size:8px}.fc-one{right:0;top:90px}.fc-two{left:0;bottom:70px}.mini-icon{width:32px;height:32px;background:var(--accent2);border-radius:9px;display:grid;place-items:center;font-size:9px;font-weight:900;color:#9a6500}.hero-tag{position:absolute;right:15px;bottom:15px;background:#fff;padding:10px 13px;border-radius:8px;box-shadow:var(--shadow);font-size:8px}.hero-tag b{display:block}.hero-tag span{color:var(--muted)}.service-strip{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr)}.service-grid>div{display:flex;gap:10px;align-items:center;padding:20px;border-right:1px solid var(--line)}.service-grid>div:last-child{border:0}.service-grid svg,.momo,.returns{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--accent2);color:#a36b00}.momo,.returns{font-weight:900;font-size:12px}.service-grid b{display:block;font-size:10px}.service-grid small{display:block;color:var(--muted);font-size:8px}.section{padding:82px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{color:#b06f00;font-size:9px;letter-spacing:.18em;font-weight:900}.section-head h2,.shop-top h2,.promo h2,.how h2,.contact h2,.newsletter h2{font-size:42px;line-height:1;letter-spacing:-.06em;margin:8px 0}.section-head>a{font-size:10px;font-weight:900;color:#9a6500}.category-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.category-cards button{background:#fff;border:1px solid var(--line);border-radius:13px;text-align:left;padding:22px;min-height:170px;position:relative;overflow:hidden;transition:.2s}.category-cards button:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-45px;bottom:-45px;background:#fff3d6}.category-cards button:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#efcc82}.cat-number{font-size:9px;color:#a0a8b5}.category-cards b{display:block;font-size:19px;margin-top:40px}.category-cards small{font-size:9px;color:var(--muted)}.category-cards i{position:absolute;right:18px;top:17px;font-style:normal}.shop{padding-top:20px}.shop-top{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:26px}.shop-top p,.lead,.contact p{color:var(--muted);font-size:11px}.search-inline{height:46px;background:#fff;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 12px;width:min(490px,100%)}.search-inline input{border:0;outline:0;flex:1;min-width:0;font-size:11px}.search-inline button{display:none}.shop-layout{display:grid;grid-template-columns:235px 1fr;gap:20px}.filters{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px;height:max-content;position:sticky;top:145px}.filter-title{display:flex;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid var(--line)}.filter-title b{font-size:12px}.filter-title button{border:0;background:transparent;color:#a16a00;font-size:9px}.filter-block{padding:16px 0;border-bottom:1px solid var(--line)}.filter-block>b{font-size:10px;display:block;margin-bottom:10px}.filter-block label{display:flex;align-items:center;gap:8px;font-size:9px;color:#667085;margin:9px 0}.filter-block input{accent-color:var(--accent)}.price-row{display:flex;align-items:center;gap:6px}.price-row input{width:100%;border:1px solid var(--line);border-radius:6px;padding:8px;font-size:9px;outline:0}.filter-note{margin-top:15px;background:#faf6eb;padding:11px;border-radius:8px;color:#6e6b63;font-size:9px}.filter-note a{color:#9a6500;font-weight:800}.catalog-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:10px;color:#7a8495}.tool-right{display:flex;gap:8px}.tool-right button,.tool-right select{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 10px;font-size:9px;color:#4b5563}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.product-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.2s}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.photo{height:250px;background:linear-gradient(135deg,#eef1f5,#e5e9ef);position:relative;display:grid;place-items:center;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover}.shoe-placeholder{font-size:72px;opacity:.45;filter:grayscale(1)}.product-badge{position:absolute;left:10px;top:10px;background:var(--accent);padding:5px 8px;border-radius:4px;font-size:7px;font-weight:900}.wish-btn{position:absolute;right:10px;top:10px;width:31px;height:31px;border:0;border-radius:50%;background:#fff;display:grid;place-items:center;color:#667085;box-shadow:0 4px 14px rgba(0,0,0,.08)}.wish-btn.saved{color:#d98900}.product-body{padding:14px}.brand{color:#a46b00;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.product-name{font-size:14px;font-weight:800;margin:4px 0}.rating{font-size:9px;color:#a46b00}.rating span{color:#9aa2af;margin-left:4px}.desc{font-size:9px;color:var(--muted);min-height:28px;margin:6px 0}.price-line{display:flex;align-items:baseline;gap:7px;margin:10px 0}.price{font-size:17px;font-weight:900}.compare{text-decoration:line-through;color:#9ca3af;font-size:9px}.stock-line{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#778195}.stock.good{color:var(--green)}.stock.low{color:#c77c00}.sizes{display:flex;gap:4px;flex-wrap:wrap;margin:9px 0}.size-chip{border:1px solid #dfe3e9;border-radius:4px;padding:4px 6px;font-size:8px;color:#586274}.card-actions{display:grid;grid-template-columns:1fr 39px 39px;gap:6px}.card-actions button{min-height:36px;border-radius:6px;border:1px solid #d8dde6;background:#fff;font-size:8px;font-weight:900}.card-actions .primary-action{background:var(--ink);border-color:var(--ink);color:#fff}.card-actions .quick{font-size:15px}.load-more{display:block;margin:24px auto 0;border:1px solid #d5dae3;background:#fff;padding:11px 22px;border-radius:8px;font-size:9px;font-weight:900}.empty{text-align:center;padding:55px;border:1px dashed #ccd2dc;border-radius:12px;background:#fff}.empty div{font-size:35px}.promo{background:linear-gradient(105deg,#182132,#26364e);color:#fff;overflow:hidden}.promo-grid{min-height:430px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.promo h2{font-size:55px}.promo h2 em{color:#ffc24a;font-style:normal}.promo p{color:#c1c9d5;font-size:12px;max-width:470px;margin-bottom:22px}.promo-shoe{font-size:230px;text-align:center;transform:rotate(-12deg);position:relative;filter:drop-shadow(0 35px 25px rgba(0,0,0,.4))}.promo-shoe span{position:absolute;font-size:12px;line-height:1.1;letter-spacing:.15em;background:var(--accent);color:#182132;padding:9px;border-radius:7px;right:15%;top:20%;transform:rotate(12deg)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.trust-grid article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;min-height:185px}.trust-grid article>span{color:#b17100;font-size:9px;font-weight:900}.trust-grid h3{font-size:16px;line-height:1.2;margin:36px 0 8px}.trust-grid p{color:var(--muted);font-size:9px}.how{background:#fff}.how-grid{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}.steps>div{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.steps>b{}.steps>div>b{width:31px;height:31px;border-radius:50%;background:var(--accent);display:grid;place-items:center;font-size:9px}.steps strong{display:block;font-size:11px}.steps small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.how-card{height:390px;border-radius:20px;background:radial-gradient(circle at 50% 25%,#fff,#f0e1bd 38%,#d7dde7 100%);padding:32px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--shadow);font-size:10px}.how-card strong{font-size:43px;line-height:.95;letter-spacing:-.06em;margin:10px 0 25px}.how-card div{display:flex;align-items:center;gap:10px;color:#6b7280;font-size:8px;font-weight:900;letter-spacing:.15em}.how-card i{height:1px;background:#8b95a5;flex:1}.contact{background:#f8fafc}.contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:60px}.contact h2{font-size:48px}.contact p{max-width:560px;line-height:1.8}.contact-actions{display:flex;gap:8px;margin-top:20px}.contact-info{background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px}.contact-info div{padding:17px;border-bottom:1px solid var(--line)}.contact-info div:last-child{border:0}.contact-info b{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#9a6500}.contact-info span{display:block;font-size:11px;margin-top:4px}.newsletter{background:var(--accent2);border-top:1px solid #f0d797;border-bottom:1px solid #f0d797}.newsletter-in{min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:25px}.newsletter h2{font-size:30px}.newsletter form{display:flex;gap:7px;width:min(430px,100%)}.newsletter input{height:44px;border:1px solid #e2cf9e;background:#fff;border-radius:8px;padding:0 12px;outline:0;flex:1;font-size:10px}footer{background:#121a28;color:#9da7b7;padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px}.footer-logo{color:#fff;font-weight:900;font-size:14px}.footer-logo span{color:#f6ae2b}.footer-grid p,.footer-grid a,.footer-grid span{display:block;font-size:9px;line-height:1.9}.footer-grid b{color:#fff;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.footer-grid a:hover{color:#fff}.copyright{border-top:1px solid #2c3646;margin-top:28px;padding-top:17px;font-size:8px;color:#748094}.copyright span{float:right}.floating{position:fixed;right:17px;bottom:17px;z-index:75;display:flex;gap:7px}.float-wa,.float-wish{height:43px;border-radius:999px;border:0;box-shadow:0 10px 30px rgba(0,0,0,.16)}.float-wa{background:#16a34a;color:#fff;padding:0 15px;font-size:9px;font-weight:900;display:flex;align-items:center;gap:5px}.float-wish{width:43px;background:#fff;color:#172033;position:relative;font-size:20px}.float-wish b{position:absolute;right:-3px;top:-4px;width:16px;height:16px;background:var(--accent);border-radius:50%;font-size:7px;display:grid;place-items:center}.overlay{display:none;position:fixed;inset:0;background:rgba(20,27,40,.48);z-index:100}.overlay.open{display:block}.drawer{position:fixed;right:-460px;top:0;height:100dvh;width:min(450px,94%);background:#fff;z-index:110;transition:.25s;display:flex;flex-direction:column;box-shadow:-25px 0 70px rgba(0,0,0,.2)}.drawer.open{right:0}.drawer-head{padding:22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.drawer-head h3{margin:3px 0;font-size:20px}.close{border:0;background:transparent;font-size:28px}.drawer-body{padding:15px;overflow:auto;flex:1}.cart-row{display:grid;grid-template-columns:65px 1fr auto;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.cart-thumb{width:65px;height:65px;border-radius:7px;background:#eef1f5;display:grid;place-items:center;font-size:28px}.cart-row h4{margin:0;font-size:10px}.cart-row p{margin:3px 0;color:var(--muted);font-size:8px}.qty{display:flex;gap:6px;align-items:center;margin-top:7px}.qty button{width:24px;height:24px;border:1px solid #d7dce4;background:#fff;border-radius:4px}.remove{border:0;background:transparent;color:#9ca3af;font-size:8px}.drawer-foot{padding:18px;border-top:1px solid var(--line)}.drawer-foot>div{display:flex;justify-content:space-between;margin-bottom:11px}.drawer-foot strong{font-size:18px}.full{width:100%}.link-btn{border:0;background:transparent;width:100%;font-size:9px;color:#7a8495;margin-top:5px}.modal,.search-modal{display:none;position:fixed;inset:0;z-index:120;background:rgba(20,27,40,.55);align-items:center;justify-content:center;padding:20px}.modal.open,.search-modal.open{display:flex}.modal-card,.search-panel{width:min(1050px,100%);max-height:92dvh;overflow:auto;background:#fff;border-radius:15px;padding:28px;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.25)}.small-modal{width:min(500px,100%)}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.account-stats div{background:#f7f8fa;padding:15px;border-radius:9px;text-align:center}.account-stats b{display:block;font-size:22px}.account-stats span{font-size:8px;color:var(--muted)}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:25px}.detail-photo{min-height:390px;border-radius:12px;background:#eef1f5;display:grid;place-items:center;overflow:hidden}.detail-photo img{width:100%;height:100%;object-fit:cover}.detail-photo span{font-size:110px}.product-detail h2{font-size:34px;line-height:1.05;margin:7px 0}.detail-price{font-size:25px;font-weight:900;margin:15px 0}.detail-meta{color:var(--muted);font-size:10px;line-height:1.8}.size-select{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}.size-select button{border:1px solid #d9dee7;background:#fff;padding:8px 10px;border-radius:6px;font-size:9px}.size-select button.selected{border-color:var(--accent);background:var(--accent2)}.detail-qty{display:flex;align-items:center;gap:10px;margin:14px 0}.detail-qty button{width:32px;height:32px;border:1px solid #d6dbe4;background:#fff;border-radius:5px}.wishlist-grid,.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.wish-card,.compare-card{border:1px solid var(--line);border-radius:10px;padding:12px}.wish-card .photo{height:160px}.wish-card h4{font-size:11px;margin:8px 0}.search-panel{width:min(800px,100%)}.big-search{display:flex;gap:9px;align-items:center;border:1px solid #d8dde6;border-radius:10px;padding:0 14px;height:55px;margin-top:14px}.big-search input{border:0;outline:0;flex:1;font-size:15px}.suggestion{display:flex;justify-content:space-between;padding:13px 2px;border-bottom:1px solid var(--line);font-size:10px}.manager{max-width:1180px}.manager-head{display:flex;justify-content:space-between;align-items:start;gap:25px}.manager-head h2{font-size:32px;margin:5px 0}.manager-buttons{display:flex;gap:7px;flex-wrap:wrap}.dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0}.dash-stat{background:#f7f8fa;border:1px solid var(--line);border-radius:9px;padding:15px}.dash-stat span{display:block;color:var(--muted);font-size:8px}.dash-stat b{display:block;font-size:22px;margin-top:3px}.manager-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.manager-search{display:flex;gap:7px;margin-bottom:10px}.manager-search input,.manager-search select,.product-form input,.product-form select,.product-form textarea{border:1px solid #d8dde6;background:#fff;border-radius:7px;padding:10px;outline:0;font-size:9px;width:100%}.manager-search input{flex:1}.manager-list{max-height:60dvh;overflow:auto;border:1px solid var(--line);border-radius:9px;padding:0 12px}.manage-row{display:grid;grid-template-columns:55px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.manage-row:last-child{border:0}.manage-thumb{width:55px;height:55px;border-radius:7px;background:#eef1f5;display:grid;place-items:center;font-size:25px;overflow:hidden}.manage-thumb img{width:100%;height:100%;object-fit:cover}.manage-row strong{display:block;font-size:10px}.manage-row small{display:block;color:var(--muted);font-size:8px}.manage-actions{display:flex;gap:5px}.manage-actions button{border:1px solid #d7dce4;background:#fff;border-radius:5px;padding:6px;font-size:8px}.product-form{border:1px solid var(--line);border-radius:9px;padding:14px}.product-form>label{display:block;font-size:9px;color:#566174;font-weight:800;margin-bottom:9px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.image-upload{margin-bottom:11px}.image-upload input{display:none}.image-upload label{height:155px;border:1px dashed #cbd2dd;border-radius:8px;background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8b95a5;font-size:28px;cursor:pointer;overflow:hidden}.image-upload label span{font-size:9px;margin-top:7px}.image-upload img{width:100%;height:100%;object-fit:cover}.inventory-head{display:flex;justify-content:space-between;align-items:center;margin:12px 0 7px;font-size:10px}.small-action{border:0;background:var(--accent2);color:#9a6500;border-radius:6px;padding:6px 8px;font-size:8px;font-weight:900}.size-row{display:grid;grid-template-columns:90px 1fr 34px;gap:6px;margin-bottom:6px}.size-row input{margin:0}.size-remove{border:1px solid #ddd;background:#fff;border-radius:6px;color:#d34a4a}.form-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.form-note,.muted{color:var(--muted);font-size:9px}.file-label{position:relative;overflow:hidden}.file-label input{position:absolute;inset:0;opacity:0}.mobile-filter{display:none}
@media(max-width:1100px){.header nav{gap:13px}.category-nav-in{gap:14px}.category-cards{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.service-grid>div:nth-child(2){border-right:0}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.header-main{height:68px}.header nav,.category-nav{display:none}.mobile-only{display:grid}.logo{min-width:0}.head-tools{margin-left:auto}.cart-head span{display:none}.cart-head{width:40px;padding:0;justify-content:center}.mobile-nav{position:fixed;top:68px;left:0;right:0;z-index:79;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 12px 30px rgba(0,0,0,.08);padding:8px 4%}.mobile-nav.open{display:grid}.mobile-nav a,.mobile-nav button{padding:12px 0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;font-size:11px;font-weight:800}.hero-grid{grid-template-columns:1fr;padding:55px 0}.hero-art{height:370px}.hero h1{font-size:56px}.shop-layout{grid-template-columns:1fr}.filters{display:none;position:static}.filters.open{display:block}.mobile-filter{display:flex!important}.search-inline{width:100%}.shop-top{display:block}.shop-top .search-inline{margin-top:18px}.how-grid,.contact-grid,.promo-grid{grid-template-columns:1fr}.how-card{height:320px}.promo-grid{padding:65px 0}.promo-shoe{height:280px}.manager-head{display:block}.manager-buttons{margin-top:15px}.manager-layout{grid-template-columns:1fr}.manager-list{max-height:35dvh}.dashboard{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.announcement-in span:nth-child(2){display:none}.announcement-in{justify-content:center}.header-main{gap:6px}.logo-copy b{font-size:12px}.brand-logo{width:50px;height:50px}.head-icon{width:36px;height:36px}.category-cards{grid-template-columns:1fr 1fr}.category-cards button{min-height:145px;padding:16px}.category-cards b{margin-top:27px}.service-grid{grid-template-columns:1fr}.service-grid>div{border-right:0;border-bottom:1px solid var(--line)}.hero h1{font-size:47px}.hero-copy>p{font-size:12px}.hero-meta{display:grid;gap:8px}.hero-art{height:320px}.hero-shoe{font-size:120px}.fc-one{top:35px}.fc-two{bottom:25px}.floating-card{min-width:145px;padding:9px}.section{padding:60px 0}.section-head h2,.shop-top h2,.contact h2{font-size:34px}.product-grid{grid-template-columns:1fr 1fr;gap:8px}.photo{height:190px}.product-body{padding:10px}.product-name{font-size:12px}.desc{font-size:8px}.card-actions{grid-template-columns:1fr 36px}.card-actions .compare-action{display:none}.promo h2{font-size:43px}.trust-grid{grid-template-columns:1fr}.newsletter-in{display:block;padding:30px 0}.newsletter form{width:100%;margin-top:15px}.footer-grid{grid-template-columns:1fr}.copyright span{float:none;display:block;margin-top:4px}.product-detail{grid-template-columns:1fr}.detail-photo{min-height:260px}.wishlist-grid,.compare-grid{grid-template-columns:1fr}.modal-card{padding:20px}.form-row{grid-template-columns:1fr}.manager-buttons .btn{width:100%}.size-row{grid-template-columns:75px 1fr 34px}.float-wa span{display:none}}

/* Premium marketplace refinement */
:root{--accent:#f3a712;--accent-strong:#d88700;--ink:#172033;--muted:#697386;--bg:#f5f7fa;--surface:#fff;--soft:#f0f3f7;--line:#e5e9ef;--shadow:0 18px 55px rgba(24,32,48,.10)}
body{background:var(--bg);color:var(--ink);transition:background .25s,color .25s}
.announcement{background:linear-gradient(90deg,#101828,#26364f);font-size:11px}
.header{backdrop-filter:saturate(140%) blur(14px);background:rgba(255,255,255,.94)}
.header-main{height:78px}.logo-box{background:linear-gradient(135deg,#172033,#334155);box-shadow:0 8px 18px rgba(23,32,51,.16)}
.header nav{font-size:12px}.header nav a{padding:10px 0;position:relative}.header nav a.active:after,.header nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--accent);border-radius:2px}
.head-icon,.cart-head{background:#fff;border-color:#e3e7ed;transition:.2s}.head-icon:hover,.cart-head:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(23,32,51,.08)}
.hero{background:radial-gradient(circle at 80% 10%,rgba(243,167,18,.13),transparent 30%),linear-gradient(180deg,#fff 0%,#f2f5f9 100%)}
.hero-grid{min-height:600px}.hero h1{font-size:clamp(52px,6.5vw,86px)}.hero h1 em{background:linear-gradient(90deg,#d88700,#f3a712);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-art .art-bg{background:radial-gradient(circle at 50% 40%,#fff 0,#fff5db 28%,#e9eef5 72%,#dfe5ed 100%);box-shadow:inset 0 0 80px rgba(255,255,255,.7)}
.hero-shoe{font-size:205px;text-shadow:0 20px 40px rgba(23,32,51,.12)}
.btn{border-radius:11px}.btn.primary{box-shadow:0 10px 22px rgba(243,167,18,.22)}
.marketplace-highlights{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.highlights-grid{display:grid;grid-template-columns:repeat(4,1fr)}.highlights-grid>div{display:flex;gap:11px;align-items:center;padding:18px 20px;border-right:1px solid var(--line)}.highlights-grid>div:last-child{border:0}.highlight-icon{width:34px;height:34px;border-radius:10px;background:#fff4d9;color:#b87300;display:grid;place-items:center;font-weight:900}.highlights-grid b{display:block;font-size:10px}.highlights-grid small{display:block;color:var(--muted);font-size:8px}
.section{padding:88px 0}.category-cards button{min-height:185px;background:linear-gradient(145deg,#fff,#fafbfc);box-shadow:0 5px 20px rgba(23,32,51,.035)}
.category-cards button:hover{box-shadow:0 18px 40px rgba(23,32,51,.11)}
.shop-top h2,.section-head h2{font-size:44px}.search-inline{box-shadow:0 7px 25px rgba(23,32,51,.045)}
.filters,.product-card,.service-grid>div,.modal-card,.product-form{box-shadow:0 7px 28px rgba(23,32,51,.045)}
.product-card{border-radius:16px}.photo{height:265px;background:radial-gradient(circle at 50% 25%,#fff,#eef2f6 72%)}.product-card:hover{box-shadow:0 20px 50px rgba(23,32,51,.13)}
.product-body{padding:16px}.product-name{font-size:15px}.price{font-size:18px}.size-chip{border-radius:6px}
.promo{background:linear-gradient(135deg,#182235,#283752)}
.newsletter{background:linear-gradient(135deg,#fff8e8,#fff)}
.footer{background:#111827}
.inventory-help{display:block;color:var(--muted);font-size:8px;font-weight:400;margin-top:3px}.inventory-presets{display:flex;align-items:center;gap:6px;margin:8px 0 10px;font-size:8px;color:var(--muted)}.inventory-presets button{border:1px solid #dce2ea;background:#fff;border-radius:6px;padding:5px 8px;font-size:8px;font-weight:800}.inventory-presets button:hover{border-color:#e7b64d;background:#fff8e8}.inventory-total{margin-top:8px;padding:9px 10px;border-radius:7px;background:#f7f8fa;font-size:9px;color:var(--muted)}.inventory-total strong{color:var(--ink)}
@media(max-width:520px){.highlights-grid{grid-template-columns:1fr}.highlights-grid>div{border-right:0!important;border-bottom:1px solid var(--line)}.highlights-grid>div:last-child{border-bottom:0}.hero-grid{min-height:0}.hero-shoe{font-size:135px}}

/* Final storefront polish: true white/black themes + 10-item marketplace pagination */
:root{--bg:#fff;--surface:#fff;--soft:#f7f7f7;--ink:#111;--muted:#6b7280;--line:#e7e7e7}
body{background:#fff;color:#111}
.header,.category-nav,.service-strip,.marketplace-highlights,.newsletter{background:#fff}
.hero{background:linear-gradient(180deg,#fff 0%,#f8f8f8 100%)}
.section{background:#fff}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.photo{background:#f6f6f6}
.category-cards button,.product-card,.filters,.service-grid>div,.modal-card,.product-form{background:#fff}
.pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 0;padding:16px 0;border-top:1px solid #e7e7e7}
.pagination-info{font-size:13px;color:#6b7280}
.pagination-controls{display:flex;gap:7px;align-items:center}
.page-btn{width:38px;height:38px;border:1px solid #dedede;border-radius:9px;background:#fff;color:#111;font-weight:800;cursor:pointer}
.page-btn:hover{border-color:#111;transform:translateY(-1px)}
.page-btn.active{background:#111;color:#fff;border-color:#111}
.page-btn.disabled{opacity:.35;cursor:not-allowed}
/* true client-selectable dark mode: black background */
@media(max-width:1100px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pagination{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:center}.pagination-info{text-align:center}}
@media(max-width:480px){.product-grid{grid-template-columns:1fr}.page-btn{width:34px;height:34px}}

.brand-logo{width:72px;height:72px;object-fit:contain;display:block;filter:drop-shadow(0 5px 10px rgba(0,0,0,.10))}.logo-copy{display:block}.logo-copy b{display:block;font-size:15px;letter-spacing:-.02em}.logo-copy small{display:block;color:#a07a2a;font-size:8px;letter-spacing:.22em;font-weight:900}.hero-shoe img{width:min(100%,520px);height:420px;object-fit:contain;filter:drop-shadow(0 30px 25px rgba(23,32,51,.18));transform:rotate(-8deg);border-radius:24px}.hero-shoe{inset:0;display:grid;place-items:center}

/* 2026 readability + modern storefront refinement */
html{font-size:16px;scroll-behavior:smooth}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;background:#fff!important;color:#111!important}
.container{width:min(1440px,92vw)}
.announcement{font-size:13px;min-height:38px}.announcement-in{min-height:38px}
.header-main{height:92px}.header{background:#fff!important}.brand-logo{width:94px;height:82px}.logo-copy b{font-size:19px}.logo-copy small{font-size:10px;letter-spacing:.16em}
.header nav{font-size:14px}.header nav a{font-weight:700}.head-icon,.cart-head{font-size:14px}
.category-nav-in{font-size:13px}.category-nav-in a,.category-nav-in button{font-weight:700}
.hero-copy .pill,.eyebrow{font-size:13px;letter-spacing:.13em}.hero-copy>p{font-size:18px;line-height:1.7;max-width:650px}.hero h1{line-height:1.04}.hero-meta{font-size:14px}.hero-meta span{gap:8px}
.btn{font-size:15px;min-height:48px;padding:12px 20px}.service-grid>div{padding:22px}.service-grid b{font-size:15px}.service-grid small{font-size:13px}
.highlights-grid b{font-size:14px}.highlights-grid small{font-size:12px}
.section{padding:96px 0}.section-head h2,.shop-top h2{font-size:clamp(36px,4vw,52px);line-height:1.08}.section-head p,.shop-top p,.lead{font-size:17px;line-height:1.7}
.category-cards{grid-template-columns:repeat(5,1fr);gap:16px}.category-cards button{position:relative;overflow:hidden;text-align:left;padding:20px;min-height:230px}.category-cards button img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22;transition:.35s;filter:saturate(.9)}.category-cards button:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.28),#fff 70%)}.category-cards button>*{position:relative;z-index:2}.category-cards button:hover img{opacity:.36;transform:scale(1.06)}.category-cards b{font-size:20px}.category-cards small{font-size:13px}.category-cards i{font-size:20px}
.shop-top{gap:35px}.search-inline input{font-size:15px}.catalog-tools{font-size:14px}.filters{font-size:14px}.filter-block>b{font-size:15px}.filter-block label{font-size:14px}.filter-note{font-size:13px}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.photo{height:290px}.product-name{font-size:17px;line-height:1.35}.brand{font-size:13px}.rating{font-size:14px}.desc{font-size:13px;line-height:1.55}.price{font-size:20px}.compare{font-size:13px}.stock-line{font-size:13px}.size-chip{font-size:12px;padding:5px 8px}.primary-action,.quick{font-size:13px;min-height:40px}
.pagination-info{font-size:14px}.page-btn{font-size:14px;width:42px;height:42px}
.promo{margin-top:0}.promo h2{font-size:clamp(42px,5vw,66px)}.promo p{font-size:17px}.promo-shoe{position:relative;display:grid;place-items:center;overflow:hidden}.promo-shoe img{width:min(100%,520px);height:340px;object-fit:cover;border-radius:28px;transform:rotate(-6deg);box-shadow:0 25px 60px rgba(0,0,0,.25)}.promo-shoe>span{position:absolute;right:5%;bottom:8%;font-size:16px;line-height:1.1;font-weight:900;letter-spacing:.14em;background:#fff;color:#111;padding:12px 16px;border-radius:10px}
.trust-grid h3{font-size:20px}.trust-grid p{font-size:15px;line-height:1.7}.steps strong{font-size:16px}.steps small{font-size:13px;line-height:1.5}.contact h2{font-size:clamp(36px,4vw,54px)}.contact p,.contact-info span{font-size:16px;line-height:1.7}.contact-info b{font-size:13px}.newsletter h2{font-size:30px}.newsletter input{font-size:15px}
.footer{padding-top:70px}.footer-brand-logo{width:180px;height:145px;object-fit:contain;object-position:left center;display:block;margin-bottom:12px}.footer-owner{font-size:15px;line-height:1.6}.footer-grid>b,.footer-grid>div>b{font-size:15px}.footer-grid a,.footer-grid span{font-size:14px}.copyright{font-size:13px}
.shoe-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:13px;color:#6b7280;background:#f2f2f2}
.photo img,.detail-photo img,.manage-thumb img,.wish-card img,.compare-card img{background:#f5f5f5}
@media(max-width:1100px){.category-cards{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.header nav{display:none}}
@media(max-width:760px){.header-main{height:82px}.brand-logo{width:76px;height:70px}.logo-copy b{font-size:15px}.logo-copy small{font-size:8px}.announcement{font-size:11px}.category-nav{display:none}.hero-copy>p{font-size:16px}.section{padding:72px 0}.category-cards{grid-template-columns:1fr 1fr}.category-cards button{min-height:190px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo{height:230px}.product-name{font-size:15px}.price{font-size:18px}.desc{font-size:12px}.promo-shoe img{height:270px}.footer-brand-logo{width:155px;height:125px}}
@media(max-width:480px){body{font-size:15px}.container{width:94vw}.category-cards{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.photo{height:300px}.section-head h2,.shop-top h2{font-size:34px}.hero h1{font-size:44px}.hero-copy>p{font-size:15px}.footer-brand-logo{width:150px;height:120px}}

/* Final visual refinement: clear circular brand mark + complete product rows */
.logo{align-items:center;gap:12px;min-width:330px}
.header-main{height:118px}
.brand-logo{width:112px;height:112px;object-fit:contain;flex:0 0 112px;filter:drop-shadow(0 8px 16px rgba(17,24,39,.14))}
.logo-copy b{font-size:20px;line-height:1.2}.logo-copy small{font-size:10px}
.footer-brand-logo{width:240px;height:240px;object-fit:contain;object-position:center;filter:drop-shadow(0 10px 18px rgba(0,0,0,.16))}
.hero-actions .btn.primary{min-width:190px;justify-content:center;gap:10px;background:linear-gradient(135deg,#111827,#26364f);color:#fff;border:0;box-shadow:0 14px 30px rgba(17,24,39,.18)}
.hero-actions .btn.primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(17,24,39,.24)}
.product-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.product-card{min-width:0}.photo{height:250px}.product-body{padding:15px}.product-name{font-size:16px}.desc{font-size:12px}.size-chip{font-size:11px}
.size-select{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.size-select button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:10px;border:1px solid #dfe4ea;border-radius:10px;background:#fff;font-size:13px;cursor:pointer}
.size-select button:hover{border-color:#d39a24;background:#fffaf0}.size-select button.selected{border-color:#c88716;background:#fff6df;box-shadow:0 0 0 2px rgba(200,135,22,.12)}
.size-select button strong{font-size:14px}.size-select button small{font-size:10px;color:#6b7280;line-height:1.3}.size-guide-note{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:10px 0 7px;padding:10px 12px;background:#f7f8fa;border:1px solid #e7eaee;border-radius:10px}.size-guide-note strong{font-size:12px}.size-guide-note span{font-size:11px;color:#687180}
.pagination{margin-top:28px;padding:20px 0}.pagination-controls{display:flex;gap:7px;justify-content:center;flex-wrap:wrap}.page-btn{border:1px solid #d9dee6;background:#fff;color:#172033;border-radius:10px;font-weight:800}.page-btn.active{background:#172033;color:#fff;border-color:#172033}.page-btn:hover:not(:disabled){border-color:#c88716;transform:translateY(-1px)}
.shoe-placeholder{background:#f7f8fa}
@media(max-width:1500px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.header-main{height:92px}.brand-logo{width:86px;height:86px;flex-basis:86px}.logo{min-width:0}.logo-copy b{font-size:16px}.logo-copy small{font-size:8px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo{height:230px}.size-select{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand-logo{width:190px;height:190px}}
@media(max-width:480px){.logo-copy{display:none}.brand-logo{width:82px;height:82px}.product-grid{grid-template-columns:1fr}.photo{height:310px}.size-guide-note{display:block}.size-guide-note span{display:block;margin-top:3px}.size-select{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Premium light storefront refinement */
:root{
  --ink:#172033;
  --muted:#5f6b7d;
  --line:#e3e7ee;
  --bg:#fff;
  --gold:#d99516;
  --gold-deep:#a96b00;
  --soft:#f6f8fb;
  --shadow:0 18px 50px rgba(20,31,49,.10);
}
html{background:#fff}
body{background:#fff!important;color:#172033!important;position:relative;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 8% 8%,rgba(244,190,74,.10),transparent 25%),radial-gradient(circle at 92% 20%,rgba(37,99,235,.06),transparent 24%),radial-gradient(circle at 50% 90%,rgba(15,159,110,.045),transparent 28%)}
main{background:linear-gradient(180deg,#fff 0%,#fbfcfe 18%,#fff 42%,#f8fafc 68%,#fff 100%)}

/* Header: larger readable brand presence */
.header{background:rgba(255,255,255,.96)!important;backdrop-filter:blur(14px);box-shadow:0 4px 24px rgba(20,31,49,.07)}
.header-main{height:128px;gap:24px}
.logo{min-width:350px;gap:16px}
.brand-logo{width:126px!important;height:126px!important;flex:0 0 126px!important;object-fit:contain!important;filter:drop-shadow(0 10px 18px rgba(24,32,51,.18))}
.logo-copy b{font-size:21px!important;color:#111827}.logo-copy small{font-size:10px!important;color:#9a6500!important}
.header nav{font-size:14px;gap:20px}.header nav a{padding:10px 0}.header nav .active,.header nav a:hover{color:#a66a00}
.head-icon,.cart-head{height:44px!important;border-radius:12px!important;background:#fff!important;box-shadow:0 5px 18px rgba(20,31,49,.06)}
.cart-head{font-size:13px!important}
.category-nav{background:#fff;border-top:1px solid #eef1f5}.category-nav-in{height:46px;font-size:13px}.category-nav button{font-size:12px}

/* Hero: richer, premium but still light */
.hero{background:radial-gradient(circle at 72% 35%,rgba(239,186,63,.23),transparent 28%),radial-gradient(circle at 15% 20%,rgba(37,99,235,.08),transparent 30%),linear-gradient(135deg,#fff 0%,#f7f9fc 55%,#eef2f7 100%)!important;position:relative}
.hero::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;top:-210px;background:rgba(218,160,41,.08);filter:blur(2px)}
.hero-grid{min-height:620px;position:relative;z-index:1}
.art-bg{inset:24px 0 15px 15px;border-radius:38px;background:radial-gradient(circle at 55% 35%,#fff 0,#f8ecd0 22%,#e9edf4 57%,#dbe2eb 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),0 24px 70px rgba(25,37,57,.10);transform:rotate(1deg)}
.hero-art::after{content:"";position:absolute;inset:18px 4px 6px 4px;border:1px solid rgba(180,126,20,.14);border-radius:40px;pointer-events:none}
.hero-shoe img{width:min(100%,590px);height:450px;object-fit:contain;filter:drop-shadow(0 34px 30px rgba(23,32,51,.24));transform:rotate(-7deg) scale(1.02)}
.hero-actions .btn.primary{background:linear-gradient(135deg,#111827,#2b3950)!important;color:#fff!important;border-radius:13px!important;padding:14px 24px!important}
.hero-actions .btn.secondary{border-color:#d7dde7!important;border-radius:13px!important;padding:14px 24px!important;box-shadow:0 8px 22px rgba(20,31,49,.05)}
.hero-meta{font-size:14px;gap:24px}.hero-meta span{font-weight:650}.floating-card{border-radius:15px;padding:14px;min-width:205px}.floating-card b{font-size:13px}.floating-card small{font-size:11px}.hero-tag{font-size:11px;border-radius:12px;padding:12px 15px}

/* Section rhythm + visual depth */
.section{position:relative}.section:nth-of-type(even){background:linear-gradient(180deg,rgba(247,249,252,.7),rgba(255,255,255,.95))}
.section-head h2,.shop-top h2{font-weight:900;color:#101828}.section-head>a{font-size:14px}
.explore-cta{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:12px 17px;border:1px solid #d9dee7;border-radius:12px;background:#fff;color:#172033;font-size:14px;font-weight:850;box-shadow:0 8px 22px rgba(20,31,49,.06);transition:.2s}.explore-cta:hover{transform:translateY(-2px);border-color:#d5a33f;box-shadow:0 14px 28px rgba(20,31,49,.10)}.explore-cta svg{width:18px;height:18px}

/* Category cards: coordinated color families */
.category-cards{gap:18px}.category-cards button{min-height:245px;border:0;box-shadow:0 10px 32px rgba(20,31,49,.08)}
.category-cards button:nth-child(1){background:linear-gradient(145deg,#eef4ff,#dce8ff)}
.category-cards button:nth-child(2){background:linear-gradient(145deg,#edfbf6,#d8f4e9)}
.category-cards button:nth-child(3){background:linear-gradient(145deg,#fff8e8,#ffedc1)}
.category-cards button:nth-child(4){background:linear-gradient(145deg,#f4efff,#e7ddff)}
.category-cards button:nth-child(5){background:linear-gradient(145deg,#f3f5f7,#e4e8ed)}
.category-cards button:after{background:rgba(255,255,255,.30)}
.category-cards button img{opacity:.30!important;mix-blend-mode:multiply}.category-cards button:hover img{opacity:.42!important}
.category-cards b{font-size:22px}.category-cards small{font-size:14px}.cat-number{font-size:11px;color:#596579}

/* Sticky filter: stays below the full sticky header and stops naturally with its grid */
.shop-layout{align-items:start}.filters{top:188px!important;align-self:start;z-index:10;border-radius:16px;box-shadow:0 12px 36px rgba(20,31,49,.08)}
.shop{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,253,.96))}
.search-inline{height:52px;border-radius:13px;box-shadow:0 10px 30px rgba(20,31,49,.06)}.search-inline input{font-size:15px}
.catalog-tools{font-size:14px}.tool-right button,.tool-right select{font-size:13px;border-radius:10px;padding:10px 12px}

/* Product cards */
.product-card{border-radius:16px;box-shadow:0 10px 32px rgba(20,31,49,.07);border-color:#e5e9ef}.product-card:hover{box-shadow:0 20px 42px rgba(20,31,49,.12)}
.photo{background:linear-gradient(145deg,#f5f7fa,#e9edf2);height:270px}.product-body{padding:17px}.product-name{font-size:17px}.brand{font-size:12px}.desc{font-size:13px}.price{font-size:21px}.stock-line{font-size:13px}.size-chip{font-size:12px;border-radius:8px}
.primary-action,.quick{border-radius:10px!important;font-size:13px!important}

/* Trust cards: four distinct but connected tones */
.trust-section{background:linear-gradient(180deg,#fff,#f7f9fc)!important}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.trust-grid article{border:1px solid transparent;border-radius:18px;padding:28px;min-height:220px;box-shadow:0 14px 36px rgba(20,31,49,.08);position:relative;overflow:hidden}
.trust-grid article:nth-child(1){background:linear-gradient(145deg,#fff8e6,#ffefc5);border-color:#f3dfac}.trust-grid article:nth-child(2){background:linear-gradient(145deg,#eef6ff,#dceaff);border-color:#d5e3fb}.trust-grid article:nth-child(3){background:linear-gradient(145deg,#edf9f5,#d8f2e8);border-color:#cdeadd}.trust-grid article:nth-child(4){background:linear-gradient(145deg,#f5f0ff,#e8defb);border-color:#ddd0f5}
.trust-grid article::after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-65px;bottom:-75px;background:rgba(255,255,255,.35)}
.trust-grid article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff;font-size:12px;font-weight:900;box-shadow:0 6px 16px rgba(20,31,49,.08)}
.trust-grid h3{font-size:21px;margin:22px 0 8px}.trust-grid p{font-size:15px;margin:0;line-height:1.65}

/* How it works: richer content */
.how-card{display:grid!important;grid-template-columns:.85fr 1.15fr;overflow:hidden;border-radius:24px!important;background:linear-gradient(145deg,#111827,#26364f)!important;box-shadow:0 24px 55px rgba(17,24,39,.18)!important;min-height:440px}
.how-card-image{min-height:100%;overflow:hidden;position:relative}.how-card-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,#172033 100%)}.how-card-image img{width:100%;height:100%;min-height:440px;object-fit:cover;display:block;filter:saturate(.9)}
.how-card-content{padding:48px;display:flex;flex-direction:column;justify-content:center;color:#fff}.how-kicker{font-size:12px;letter-spacing:.18em;font-weight:900;color:#f2bf58}.how-card-content strong{font-size:46px;line-height:1.02;margin:15px 0}.how-card-content p{font-size:17px;line-height:1.7;color:#d5dbe5;max-width:460px}.how-proof{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0 26px}.how-proof span{padding:9px 12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);border-radius:999px;font-size:12px}.how-route{font-size:12px;font-weight:900;letter-spacing:.18em;color:#fff}.how-route i{display:inline-block;width:52px;height:1px;background:#dca33b;vertical-align:middle;margin:0 12px}

/* Founder/connection wording */
.contact-info{background:#fff;border:1px solid #e4e8ef;border-radius:20px;padding:26px;box-shadow:0 12px 36px rgba(20,31,49,.07)}.contact-info>div{padding:15px 0;border-bottom:1px solid #edf0f4}.contact-info>div:last-child{border-bottom:0}.contact-info b{font-size:13px;color:#9a6500;text-transform:uppercase;letter-spacing:.08em}.contact-info span{font-size:16px}
.footer{background:linear-gradient(145deg,#101722,#1b2534)!important}.footer-brand-logo{width:270px!important;height:270px!important;filter:drop-shadow(0 12px 22px rgba(0,0,0,.30))}

/* Remove legacy dark mode behavior; this storefront is intentionally light-only */

@media(max-width:1100px){.header-main{height:110px}.brand-logo{width:104px!important;height:104px!important;flex-basis:104px!important}.logo{min-width:280px}.trust-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filters{top:170px!important}}
@media(max-width:760px){.header-main{height:92px}.brand-logo{width:82px!important;height:82px!important;flex-basis:82px!important}.logo-copy{display:block}.logo-copy b{font-size:15px!important}.logo-copy small{font-size:8px!important}.trust-grid{grid-template-columns:1fr}.how-card{grid-template-columns:1fr!important}.how-card-image{min-height:250px}.how-card-image img{min-height:250px}.how-card-content{padding:30px}.how-card-content strong{font-size:36px}.filters{position:relative!important;top:auto!important}.shop-layout{grid-template-columns:1fr}.hero-grid{min-height:auto;padding:50px 0}.hero-art{height:390px}.hero-shoe img{height:350px}.explore-cta{font-size:13px}.category-cards{grid-template-columns:1fr 1fr}.section{padding:72px 0}}
@media(max-width:480px){.logo-copy{display:none}.brand-logo{width:80px!important;height:80px!important}.category-cards{grid-template-columns:1fr}.how-card-content strong{font-size:31px}.how-proof span{font-size:11px}.footer-brand-logo{width:210px!important;height:210px!important}.hero h1{font-size:43px}}

/* === FINAL VISUAL REFINEMENT === */
:root{
  --page:#ffffff;
  --soft:#f7f9fc;
  --soft-2:#f1f5f9;
  --ink:#111827;
  --muted:#5f6b7a;
  --line:#e3e8ef;
  --gold:#d59a28;
  --gold-soft:#fff5dc;
}
html{scroll-padding-top:130px}
body{background:#fff;color:var(--ink);font-size:15px;line-height:1.65}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 8% 12%,rgba(213,154,40,.055),transparent 25%),radial-gradient(circle at 92% 30%,rgba(37,99,235,.045),transparent 24%),linear-gradient(180deg,#fff 0%,#fbfcfe 48%,#fff 100%)}

/* Header: no logo, centered navigation */
.header-main{height:78px;justify-content:center;gap:28px;padding-inline:8px}
.header-main>nav{margin:0;display:flex;justify-content:center;align-items:center;gap:30px;flex:0 1 auto}
.header nav a{font-size:14px;font-weight:800;color:#445064;position:relative;padding:28px 0}
.header nav a::after{content:"";position:absolute;left:0;right:0;bottom:17px;height:2px;border-radius:99px;background:var(--gold);transform:scaleX(0);transition:.2s}
.header nav a:hover::after,.header nav .active::after{transform:scaleX(1)}
.header nav a:hover,.header nav .active{color:#9a6500}
.head-tools{margin-left:10px;gap:9px}
.head-icon,.cart-head{height:42px;border-radius:11px;background:#fff;border-color:#dfe5ec}
.cart-head{font-size:13px;padding:0 14px}
.category-nav{background:#fbfcfe}
.category-nav-in{height:44px;justify-content:center;gap:28px;font-size:12px}
.category-nav button{margin-left:0;font-size:12px}

/* More visual depth without losing the clean light mode */
.hero{background:linear-gradient(135deg,#fff 0%,#fbfaf5 42%,#f1f5fb 100%);position:relative}
.hero::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;left:-220px;bottom:-240px;background:rgba(213,154,40,.07);filter:blur(8px)}
.section{background:transparent}
.section:nth-of-type(even){background:linear-gradient(180deg,rgba(246,248,251,.9),rgba(255,255,255,.98))}
.categories,.trust-section{background:linear-gradient(180deg,#fff 0%,#f6f9fc 100%)!important}
.shop{background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)!important}

/* Category cards: brighter and more energetic */
.category-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.category-cards button{min-height:265px;border:1px solid rgba(17,24,39,.06)!important;box-shadow:0 16px 38px rgba(30,41,59,.10);background:#fff!important}
.category-cards button:nth-child(1){background:linear-gradient(145deg,#e8f1ff 0%,#cfe0ff 100%)!important}
.category-cards button:nth-child(2){background:linear-gradient(145deg,#e5fbf1 0%,#c9f1df 100%)!important}
.category-cards button:nth-child(3){background:linear-gradient(145deg,#fff7df 0%,#ffe6a6 100%)!important}
.category-cards button:nth-child(4){background:linear-gradient(145deg,#f1eaff 0%,#ddd0ff 100%)!important}
.category-cards button:nth-child(5){background:linear-gradient(145deg,#eef2f5 0%,#d9e0e8 100%)!important}
.category-cards button img{opacity:.62!important;mix-blend-mode:multiply;filter:saturate(1.12) contrast(1.02)}
.category-cards button:hover img{opacity:.78!important;transform:scale(1.04)}
.category-cards button b,.category-cards button small,.category-cards button .cat-number,.category-cards button i{position:relative;z-index:2}
.category-cards button b{font-size:23px;text-shadow:0 1px 0 rgba(255,255,255,.7)}
.category-cards small{font-size:14px;color:#445064}

/* Sticky filter: always fully visible in the viewport, with its own scroll when needed */
.shop-layout{align-items:start}
.filters{position:sticky!important;top:132px!important;max-height:calc(100vh - 152px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;align-self:start}
.filters::-webkit-scrollbar{width:6px}.filters::-webkit-scrollbar-thumb{background:#d6dce5;border-radius:20px}

/* Product browsing */
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.product-card{border-radius:18px;box-shadow:0 12px 32px rgba(20,31,49,.07)}
.product-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(20,31,49,.13)}
.photo{height:285px;background:linear-gradient(145deg,#f7f9fb,#e8edf3)}
.photo img{transition:transform .35s ease}.product-card:hover .photo img{transform:scale(1.035)}

/* Trust cards remain colorful but richer */
.trust-grid{gap:20px}.trust-grid article{min-height:235px;padding:30px;box-shadow:0 18px 42px rgba(20,31,49,.09)}
.trust-grid article:nth-child(1){background:linear-gradient(145deg,#fff7dc,#ffe9a9)}
.trust-grid article:nth-child(2){background:linear-gradient(145deg,#eaf4ff,#d1e5ff)}
.trust-grid article:nth-child(3){background:linear-gradient(145deg,#e8fbf2,#c9f0dd)}
.trust-grid article:nth-child(4){background:linear-gradient(145deg,#f4edff,#e0d2ff)}

/* Experience card: remove small footer chips entirely and make the remaining content breathe */
.how-card{min-height:440px;grid-template-columns:.9fr 1.1fr}
.how-card-content{padding:54px}
.how-card-content strong{font-size:50px;margin:16px 0 20px}
.how-card-content p{font-size:18px;line-height:1.7;margin-bottom:0}

/* Footer logo: large, centered, premium presentation */
footer{background:linear-gradient(145deg,#101722,#182231)!important}
.footer-grid>div:first-child{display:flex;flex-direction:column;align-items:flex-start}
.footer-brand-logo{width:330px!important;height:330px!important;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.38));margin:-4px 0 10px}
.footer-owner{font-size:13px!important;line-height:1.7!important;color:#cbd3de!important}
.footer-owner strong{font-size:14px!important;color:#fff}

@media(max-width:1100px){
  .header-main{height:88px;gap:18px}.header-main>nav{gap:20px}.header nav a{font-size:13px}
  .category-nav-in{gap:18px}.filters{top:142px!important;max-height:calc(100vh - 162px)}
}
@media(max-width:760px){
  .header-main{height:72px;justify-content:space-between}.header-main>nav{display:none}.head-tools{margin-left:0}
  .category-nav-in{overflow-x:auto;justify-content:flex-start;white-space:nowrap;scrollbar-width:none}.category-nav-in::-webkit-scrollbar{display:none}
  .filters{position:relative!important;top:auto!important;max-height:none;overflow:visible}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo{height:230px}
  .category-cards{grid-template-columns:1fr 1fr}.footer-brand-logo{width:270px!important;height:270px!important}
}
@media(max-width:480px){
  body{font-size:15px}.product-grid{grid-template-columns:1fr}.category-cards{grid-template-columns:1fr}
  .footer-brand-logo{width:235px!important;height:235px!important}.how-card-content{padding:30px}.how-card-content strong{font-size:37px}
}

/* Final header + footer refinement */
.header-main{height:82px;display:grid;grid-template-columns:minmax(245px,1fr) auto minmax(245px,1fr);align-items:center;gap:26px}
.text-brand{display:flex;flex-direction:column;justify-content:center;gap:2px;line-height:1;text-align:left;min-width:0}
.text-brand strong{font-size:19px;letter-spacing:-.035em;color:#172033;white-space:nowrap}
.text-brand span{font-size:10px;letter-spacing:.19em;font-weight:900;color:#a56c0a;margin-top:5px;white-space:nowrap}
.header-main>nav{grid-column:2;justify-self:center;margin:0;gap:28px;white-space:nowrap}
.head-tools{grid-column:3;justify-self:end}
.header nav a{font-size:13px}

/* Keep the storefront in a light presentation */
body{background:#fff;color:#172033}

/* Experience CTA: one clear final action, no crowded micro-copy */
.experience-action{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:auto;padding-top:22px;font-size:15px;font-weight:850;color:#fff}
.experience-action span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#dca33b;color:#182132;font-size:20px;flex:0 0 auto}

/* Footer rebuilt without the logo image */
footer{background:linear-gradient(180deg,#f7f9fc 0%,#eef2f7 100%)!important;color:#172033;border-top:1px solid #e2e7ee}
.footer-grid{display:grid;grid-template-columns:1.7fr .8fr .8fr .9fr;gap:48px;padding:70px 0 48px}
.footer-grid>div{display:flex;flex-direction:column;gap:10px}
.footer-brand-block{padding-right:30px}
.footer-wordmark{font-size:27px;font-weight:950;letter-spacing:-.045em;color:#172033}
.footer-wordmark span{color:#b77a16}
.footer-rule{width:58px;height:3px;border-radius:99px;background:linear-gradient(90deg,#dca33b,#f2cf84);margin:5px 0 3px}
.footer-tagline{font-size:15px;line-height:1.65;color:#596579;max-width:410px;margin:0 0 3px}
.footer-owner{font-size:13px;line-height:1.65;color:#687386;margin:0}
.footer-owner strong{color:#263246;font-size:14px}
.footer-contact{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin-top:8px;padding:11px 15px;border-radius:10px;background:#172033;color:#fff;font-size:12px;font-weight:850;box-shadow:0 10px 24px rgba(23,32,51,.12)}
.footer-grid>div:not(.footer-brand-block)>b{font-size:13px;color:#172033;margin-bottom:5px}
.footer-grid>div:not(.footer-brand-block)>a,.footer-grid>div:not(.footer-brand-block)>span{font-size:13px;color:#697386;transition:.2s}
.footer-grid>div:not(.footer-brand-block)>a:hover{color:#a56c0a;transform:translateX(2px)}
.footer-bottom{border-top:1px solid #dfe4eb;padding:20px 0 24px;display:flex;justify-content:space-between;gap:20px;color:#7b8595;font-size:11px}

@media(max-width:1100px){
  .header-main{grid-template-columns:1fr auto;gap:18px}.header-main>nav{grid-column:1/-1;grid-row:2;justify-self:center}.header-main{height:122px}.text-brand{grid-column:1;grid-row:1}.head-tools{grid-column:2;grid-row:1}
}
@media(max-width:760px){
  .header-main{height:76px;display:flex;justify-content:space-between;gap:12px}.text-brand strong{font-size:16px}.text-brand span{font-size:8px;letter-spacing:.13em}.header-main>nav{display:none}.head-tools{margin-left:auto}.footer-grid{grid-template-columns:1fr 1fr;gap:34px 24px;padding:52px 0 36px}.footer-brand-block{grid-column:1/-1;padding-right:0}.footer-bottom{flex-direction:column;gap:6px}.experience-action{font-size:14px}
}
@media(max-width:480px){
  .text-brand strong{font-size:15px}.text-brand span{font-size:7px}.footer-grid{grid-template-columns:1fr}.footer-brand-block{grid-column:auto}.footer-wordmark{font-size:23px}.footer-contact{width:100%;justify-content:center}.footer-bottom{font-size:10px}
}

/* 2026 usability + responsive polish */
:root{
  --gold:#d39a2f;
  --gold-dark:#9a6500;
  --navy:#172033;
  --soft:#f6f8fb;
  --focus:rgba(211,154,47,.25);
}
body{background:#fff;min-width:320px;overflow-x:hidden}
.announcement{font-size:12px;letter-spacing:.01em}
.announcement-in{min-height:36px;height:auto;padding:8px 0;gap:18px}
.header{backdrop-filter:saturate(150%) blur(10px);background:rgba(255,255,255,.97);transition:box-shadow .3s ease,background .3s ease}
body.is-scrolled .header{box-shadow:0 10px 30px rgba(20,31,49,.08)}
.header-main{max-width:1400px;grid-template-columns:minmax(270px,1fr) auto minmax(270px,1fr);height:82px}
.text-brand{padding:5px 0}
.text-brand strong{font-size:20px;line-height:1.05}
.text-brand span{font-size:11px;letter-spacing:.13em}
.header-main>nav{gap:30px}
.header nav a{font-size:14px;padding:29px 0}
.head-tools{gap:8px}
.head-icon,.cart-head{min-height:44px;height:44px;border-radius:12px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}
.head-icon{width:44px}
.cart-head{padding:0 14px;font-size:12px}
.head-icon:hover,.cart-head:hover{transform:translateY(-2px);border-color:#d9b46b;box-shadow:0 8px 20px rgba(23,32,51,.08)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.category-nav{background:#fff}
.category-nav-in{height:44px;font-size:11px;gap:25px}
.category-nav-in a{padding:12px 0;transition:color .2s ease,transform .2s ease}
.category-nav-in a:hover{transform:translateY(-1px)}

/* Brighter, more dimensional hero while staying in a true light presentation. */
.hero{background:
  radial-gradient(circle at 78% 20%,rgba(222,178,83,.18),transparent 28%),
  radial-gradient(circle at 15% 70%,rgba(37,99,235,.08),transparent 26%),
  linear-gradient(135deg,#fff 0%,#fbfaf6 48%,#f1f5fb 100%)}
.hero-grid{min-height:610px}
.hero-art{min-height:500px}
.art-bg{box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),0 30px 70px rgba(30,41,59,.08)}
.hero-shoe img,.promo-shoe img,.how-card-image img{transition:transform .6s cubic-bezier(.2,.75,.25,1),filter .6s ease}
.hero-art:hover .hero-shoe img{transform:scale(1.035) rotate(-1deg)}

/* Make every primary interaction feel deliberate and consistent. */
.btn,.explore-cta,.primary-action,.quick,.small-action,.load-more,.page-btn,.tool-right button,.tool-right select,.inventory-presets button,.footer-contact{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}
.btn{min-height:48px;padding:0 20px;border-radius:12px;font-size:11px}
.btn.primary{box-shadow:0 10px 24px rgba(211,154,47,.18)}
.btn.primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(211,154,47,.24)}
.btn.secondary:hover{transform:translateY(-2px);border-color:#cdb071;box-shadow:0 10px 24px rgba(23,32,51,.08)}
.btn:active,.explore-cta:active,.primary-action:active,.quick:active,.small-action:active,.load-more:active,.page-btn:active{transform:translateY(0) scale(.98)}
button:disabled{cursor:not-allowed;opacity:.48;transform:none!important;box-shadow:none!important}

/* Filter panel: sticky, but naturally ends with the catalog instead of floating mid-page. */
.shop-layout{align-items:start}
.filters{position:sticky!important;top:142px!important;height:max-content;max-height:none!important;overflow:visible!important;align-self:start}
.filters::-webkit-scrollbar{display:none}
.filter-title button{font-size:11px;padding:5px 8px;border-radius:7px;transition:background .2s ease,color .2s ease}
.filter-title button:hover{background:#fff4d8;color:var(--navy)}
.filter-block label{font-size:11px;line-height:1.45;padding:2px 0}
.filter-block>b{font-size:12px}
.price-row input{font-size:11px;padding:10px}
.filter-note{font-size:11px;line-height:1.55}

/* Product discovery */
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.product-card{border-radius:16px;box-shadow:0 8px 28px rgba(30,41,59,.045);animation:cardIn .45s both}
.product-card:hover{transform:translateY(-6px);box-shadow:0 20px 46px rgba(30,41,59,.12)}
.photo{height:275px}
.photo img{transition:transform .45s cubic-bezier(.2,.75,.25,1)}
.product-card:hover .photo img{transform:scale(1.055)}
.product-body{padding:17px}
.product-name{font-size:17px;line-height:1.3}
.brand{font-size:10px}
.rating{font-size:11px}
.desc{font-size:11px;line-height:1.55}
.price{font-size:20px}
.stock-line{font-size:10px}
.size-chip{font-size:10px;padding:5px 7px;border-radius:7px}
.primary-action{min-height:42px;border-radius:10px;font-size:11px;font-weight:900}
.quick{min-width:42px;min-height:42px;border-radius:10px}
.catalog-tools{font-size:12px}
.tool-right button,.tool-right select{font-size:11px;min-height:42px}

/* Pagination should be obvious and pleasant to use through all 1,000 listings. */
.pagination{margin-top:30px;padding:18px 0;display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #edf0f4}
.pagination-info{font-size:12px;color:#687386}
.pagination-controls{display:flex;gap:6px;align-items:center}
.page-btn{min-width:42px;height:42px;border:1px solid #dfe4eb;background:#fff;border-radius:10px;color:#4b5563;font-weight:800}
.page-btn:hover{border-color:#d2a54e;color:#9a6500;transform:translateY(-1px)}
.page-btn.active{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 8px 18px rgba(23,32,51,.14)}

/* More depth for the visual sections without making the light background dull. */
.section:nth-of-type(even){background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)}
.service-strip{box-shadow:0 8px 28px rgba(23,32,51,.04)}
.category-cards button{transition:transform .28s ease,box-shadow .28s ease,filter .28s ease}
.category-cards button:hover{filter:saturate(1.05)}

/* Store manager: creator-friendly inventory entry for any number of pairs. */
.inventory-presets button{min-width:48px;min-height:36px;border:1px solid #e0e5ec;background:#fff;border-radius:8px;font-weight:850}
.inventory-presets button:hover{border-color:#d3a04a;background:#fff8e8;transform:translateY(-1px)}
.size-row{display:grid;grid-template-columns:minmax(0,1fr) 150px 44px;gap:8px;align-items:center}
.size-input,.qty-input{min-height:44px;font-size:12px;border:1px solid #dfe4eb;border-radius:9px;padding:0 11px}
.size-input:focus,.qty-input:focus{border-color:#d3a04a;box-shadow:0 0 0 3px rgba(211,154,47,.12);outline:none}
.size-remove{min-height:44px;border:1px solid #e1e5eb;background:#fff;border-radius:9px;color:#a34b4b;font-size:18px}
.size-remove:hover{background:#fff1f1;border-color:#e6b4b4}

/* Smooth reveal for the main visual rhythm. */
@keyframes cardIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.hero-copy,.hero-art,.service-grid,.category-cards,.shop-top,.how-grid,.contact-grid{animation:sectionIn .6s both}
@keyframes sectionIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:1200px){
  .container{width:min(1180px,94%)}
  .header-main{grid-template-columns:minmax(240px,1fr) auto minmax(220px,1fr)}
  .header-main>nav{gap:19px}
  .header nav a{font-size:13px}
  .category-nav-in{gap:18px}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:980px){
  .header-main{grid-template-columns:1fr auto;height:86px}
  .header-main>nav{grid-column:1/-1;grid-row:2;display:flex}
  .text-brand{grid-column:1;grid-row:1}
  .head-tools{grid-column:2;grid-row:1}
  .header-main{height:126px}
  .filters{top:144px!important}
  .shop-layout{grid-template-columns:220px 1fr}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .photo{height:250px}
  .announcement-in span:last-child{display:none}
}
@media(max-width:760px){
  .announcement-in{justify-content:center;text-align:center;font-size:11px}
  .header-main{height:76px;display:flex;justify-content:space-between}
  .text-brand strong{font-size:17px}
  .text-brand span{font-size:8px;letter-spacing:.09em}
  .head-tools{margin-left:auto}
  .head-tools .head-icon:nth-child(3){display:none}
  .cart-head span{display:none}
  .header-main>nav{display:none}
  .category-nav-in{height:46px;gap:20px;overflow-x:auto;padding-bottom:1px}
  .category-nav-in a{font-size:11px;flex:0 0 auto}
  .category-nav button{flex:0 0 auto}
  .hero-grid{grid-template-columns:1fr;min-height:auto;padding:58px 0 45px;gap:30px}
  .hero h1{font-size:clamp(44px,12vw,62px)}
  .hero-copy>p{font-size:15px}
  .hero-art{height:390px;min-height:390px}
  .hero-shoe img{max-height:350px}
  .shop-top{display:block}
  .search-inline{width:100%;margin-top:18px}
  .shop-layout{grid-template-columns:1fr}
  .filters{position:relative!important;top:auto!important;max-height:none!important;overflow:visible!important}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .photo{height:230px}
  .product-body{padding:13px}
  .product-name{font-size:15px}
  .desc{font-size:10px}
  .pagination{flex-direction:column;align-items:stretch}
  .pagination-controls{justify-content:center;flex-wrap:wrap}
  .section{padding:64px 0}
  .size-row{grid-template-columns:minmax(0,1fr) 110px 42px}
}
@media(max-width:480px){
  .container{width:92%}
  .text-brand strong{font-size:15px}
  .text-brand span{font-size:7px}
  .head-tools{gap:4px}
  .head-icon{width:40px;min-height:40px;height:40px}
  .cart-head{min-height:40px;height:40px;padding:0 10px}
  .hero-actions .btn{width:100%}
  .hero-art{height:330px;min-height:330px}
  .hero-shoe img{max-height:290px}
  .product-grid{grid-template-columns:1fr}
  .photo{height:285px}
  .pagination-info{text-align:center}
  .page-btn{min-width:40px;height:40px}
  .size-row{grid-template-columns:1fr 1fr 42px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* === MOBILE-FIRST MARKETPLACE PASS === */
html{scroll-behavior:smooth;scroll-padding-top:124px}
body{overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
button,a,input,select{touch-action:manipulation}

/* Product images: stable boxes prevent layout jumps while images load. */
.photo{position:relative;aspect-ratio:1/1;min-height:0;height:auto;overflow:hidden}
.photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;background:#f2f5f8}
.product-card{min-width:0;overflow:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease}
.product-body{min-width:0}
.product-name,.desc,.brand{overflow-wrap:anywhere}

/* Smooth page replacement without forcing the shopper away from the pagination controls. */
.product-grid.page-changing{opacity:.55;transform:translateY(4px)}
.product-grid.page-ready{animation:catalogIn .34s cubic-bezier(.2,.8,.2,1) both}
@keyframes catalogIn{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}/* Mobile quick dock. */
.mobile-dock{display:none}

/* Responsive filter drawer on phones. */
@media(max-width:760px){
  html{scroll-padding-top:98px}
  body{padding-bottom:72px}
  .announcement{font-size:10px}
  .announcement-in{height:auto;min-height:34px;padding:7px 0;gap:8px;overflow:hidden;white-space:nowrap}
  .announcement-in span:nth-child(2){display:none}
  .announcement-in span{max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .header-main{height:70px;padding:0 4%;gap:8px}
  .text-brand{flex:1;min-width:0}
  .text-brand strong{font-size:16px;overflow:hidden;text-overflow:ellipsis}
  .text-brand span{font-size:8px;letter-spacing:.13em;overflow:hidden;text-overflow:ellipsis}
  .head-tools{gap:5px}
  .head-icon,.cart-head{height:40px}
  .head-icon{width:40px}
  .cart-head{width:42px;padding:0;justify-content:center}
  .cart-head span{display:none}
  .category-nav{display:none}
  .mobile-nav{position:fixed;left:12px;right:12px;top:112px;z-index:100;background:#fff;border:1px solid #e5e9ef;border-radius:18px;padding:10px;box-shadow:0 24px 60px rgba(15,23,42,.18);transform:translateY(-12px);opacity:0;visibility:hidden;transition:.25s ease}
  .mobile-nav.open{transform:none;opacity:1;visibility:visible}
  .mobile-nav a,.mobile-nav button{display:flex;align-items:center;width:100%;min-height:48px;padding:0 14px;border:0;border-radius:11px;background:transparent;font-size:14px;font-weight:800;text-align:left;color:#172033}
  .mobile-nav a:hover,.mobile-nav button:hover{background:#f6f8fb}
  .hero-grid{grid-template-columns:1fr;gap:26px;padding:48px 0 34px}
  .hero-copy{order:1}
  .hero-art{order:2;height:320px}
  .hero h1{font-size:clamp(42px,12vw,58px);line-height:.98}
  .hero-copy>p{font-size:15px;line-height:1.75}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .btn{min-height:50px;font-size:11px;border-radius:12px}
  .hero-meta{gap:10px 16px;font-size:10px}
  .service-grid{grid-template-columns:1fr 1fr!important}
  .service-grid>div{min-width:0;padding:14px 10px}
  .service-grid small{font-size:10px}
  .highlights-grid{grid-template-columns:1fr 1fr!important}
  .highlights-grid>div{padding:14px 10px}
  .section{padding:54px 0}
  .section-head{gap:12px;align-items:flex-start}
  .section-head h2,.shop-top h2{font-size:32px;line-height:1.08}
  .category-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .category-cards button{min-height:210px;padding:16px}
  .category-cards button b{font-size:18px}
  .category-cards small{font-size:11px}
  .shop-top{display:block}
  .search-inline{margin-top:18px;width:100%}
  .search-inline input{min-width:0;font-size:14px;height:48px}
  .shop-layout{display:block}
  .filters{display:none}
  .filters.open{display:block;position:fixed!important;z-index:110;left:10px;right:10px;top:84px!important;bottom:82px;max-height:none;overflow:auto;border-radius:18px;box-shadow:0 30px 80px rgba(15,23,42,.2);background:#fff;padding:18px}
  .catalog-tools{gap:10px;align-items:center}
  .catalog-tools #resultCount{font-size:12px}
  .tool-right{gap:6px}
  .tool-right button,.tool-right select{min-height:42px;font-size:11px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .product-body{padding:12px}
  .brand{font-size:9px}
  .product-name{font-size:14px;line-height:1.25}
  .rating{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .rating span{font-size:8px}
  .desc{font-size:10px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .price-line{gap:5px;align-items:baseline;flex-wrap:wrap}
  .price{font-size:15px}
  .compare{font-size:9px}
  .stock-line{font-size:9px;gap:5px;flex-wrap:wrap}
  .sizes{gap:4px;max-height:43px;overflow:hidden}
  .size-chip{font-size:8px;padding:3px 5px}
  .card-actions{grid-template-columns:1fr 40px 40px;gap:5px}
  .primary-action,.quick{min-height:40px;border-radius:9px}
  .primary-action{font-size:9px;padding:0 7px}
  .quick{font-size:15px}
  .wish-btn{width:38px;height:38px;top:8px;right:8px}
  .pagination{margin-bottom:14px;padding:18px 0;gap:12px}
  .pagination-info{font-size:11px}
  .pagination-controls{gap:5px}
  .page-btn{width:40px;height:40px;font-size:12px}
  .pagination-controls .page-btn:nth-child(n+7):not(:last-child){display:none}
  .how-card{grid-template-columns:1fr!important;min-height:0}
  .how-card-image{min-height:220px}
  .how-card-image img{min-height:220px}
  .how-card-content{padding:28px}
  .how-card-content strong{font-size:36px}
  .contact-grid,.newsletter-in{grid-template-columns:1fr!important}
  .newsletter form{width:100%;display:grid;grid-template-columns:1fr;gap:9px}
  .newsletter input{min-height:50px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px;padding:50px 0 32px}
  .footer-brand-block{grid-column:1/-1;padding-right:0}
  .footer-wordmark{font-size:24px}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:6px;padding-bottom:88px}
  .mobile-dock{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:10px;right:10px;bottom:10px;height:62px;background:rgba(255,255,255,.97);border:1px solid #e1e6ed;border-radius:18px;z-index:125;box-shadow:0 18px 50px rgba(15,23,42,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  .mobile-dock a,.mobile-dock button{position:relative;border:0;background:transparent;color:#667085;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9px;font-weight:800}
  .mobile-dock svg{width:19px;height:19px}
  .mobile-dock a:first-child,.mobile-dock button:hover{color:#9a6500}
  .mobile-dock b{position:absolute;top:7px;right:calc(50% - 22px);width:16px;height:16px;border-radius:50%;background:#172033;color:#fff;font-size:8px;display:grid;place-items:center}
  .dock-menu-icon{font-size:19px;line-height:19px;height:19px}.floating{bottom:84px!important;left:12px!important}
  .float-wa span{display:none}
}
@media(max-width:380px){
  .text-brand strong{font-size:14px}
  .text-brand span{font-size:7px}
  .head-icon{width:36px;height:38px}.cart-head{width:38px;height:38px}
  .product-grid{gap:8px}
  .product-body{padding:10px}
  .product-name{font-size:13px}
  .price{font-size:14px}
  .card-actions{grid-template-columns:1fr 34px 34px}
  .primary-action,.quick{min-height:36px}
}
@media(min-width:761px){
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:1250px){
  .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(min-width:1600px){
  .container{width:min(1440px,92%)}
  .product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}


/* Final responsive interaction polish */
.product-card{animation:cardIn .42s cubic-bezier(.2,.75,.2,1) both;animation-delay:calc(var(--card-i,0) * 18ms)}
@keyframes cardIn{from{opacity:0;transform:translateY(12px) scale(.992)}to{opacity:1;transform:none}}
.page-btn span{display:inline}
.page-prev,.page-next{min-width:92px!important;width:auto!important;padding-inline:12px}
@media(max-width:760px){
  .filters.open{top:108px!important}
  .page-prev,.page-next{min-width:84px!important}
  .pagination-controls{width:100%;justify-content:center}
  .pagination-controls .page-prev,.pagination-controls .page-next{order:0}
}
@media(max-width:480px){
  .header-main{padding-inline:3%;gap:5px}
  .head-tools{gap:3px}
  .head-icon,.cart-head{width:34px!important;height:38px!important}
  .text-brand strong{font-size:14px}
  .text-brand span{font-size:7px;letter-spacing:.1em}
  .pagination-controls .page-btn{width:36px;min-width:36px!important;padding:0}
  .pagination-controls .page-prev,.pagination-controls .page-next{width:auto;min-width:78px!important;padding-inline:8px}
}
@media(max-width:350px){
  .header-main{gap:3px}.head-tools{gap:2px}.head-icon,.cart-head{width:31px!important;height:36px!important}
  .text-brand strong{font-size:12px}.text-brand span{font-size:6px}
  .head-tools .has-count,.head-tools #openAccount{display:none}
  .mobile-dock{left:6px;right:6px}
}


/* Final catalog experience refinement */
.catalog{position:relative}
.catalog-loading{position:absolute;inset:74px 0 auto 0;margin:auto;width:max-content;max-width:calc(100% - 24px);display:flex;align-items:center;gap:10px;padding:11px 16px;border:1px solid #e8e0cf;background:rgba(255,253,247,.97);border-radius:999px;box-shadow:0 16px 34px rgba(23,32,51,.12);color:#7d5a18;z-index:8;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.25s ease;pointer-events:none}
.catalog-loading span{width:15px;height:15px;border:2px solid #ead9b2;border-top-color:#d39a2f;border-radius:50%;animation:spin .7s linear infinite}
.catalog-loading b{font-size:12px;letter-spacing:.01em}
.catalog.is-loading .catalog-loading{opacity:1;visibility:visible;transform:none}
.catalog.is-loading .product-grid{opacity:.42;filter:saturate(.75);pointer-events:none}
@keyframes spin{to{transform:rotate(360deg)}}
.product-card{will-change:transform,opacity}
.product-card .stock-line span:last-child{color:#9a6500;font-weight:800}
.sizes{display:none!important}
.how-card-content strong em{font-style:normal;color:#d39a2f;font-size:.72em;letter-spacing:-.03em}
.empty-bag{width:46px;height:46px;border-radius:14px;background:#fff3d6;color:#9a6500;display:grid;place-items:center;font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;margin:0 auto 12px}@media(max-width:760px){
  .catalog-loading{top:58px;font-size:11px}
  .catalog-loading b{font-size:11px}.floating{bottom:84px!important;left:12px!important;z-index:124}
}
@media(max-width:480px){
  .catalog-loading{max-width:88%;padding:10px 13px}
  .catalog-loading b{font-size:10px}}
/* Fill the final desktop row cleanly while keeping exactly 50 products per page. */
@media(min-width:1500px){.product-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}}
@media(min-width:1101px) and (max-width:1499px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
@media(prefers-reduced-motion:reduce){.catalog-loading span{animation:none}.catalog-loading,.product-card{transition:none!important}}

/* === Final floating controls + experience card fit === */
.floating{position:fixed!important;right:24px!important;left:auto!important;bottom:92px!important;z-index:118!important;display:flex;align-items:center;gap:8px}
.float-wa,.float-wish{min-height:46px!important;box-shadow:0 12px 30px rgba(15,23,42,.14)!important}.how-card,.how-card-content{min-width:0;overflow:hidden}
.how-card-content{display:flex;flex-direction:column;justify-content:center}
.how-card-content strong{display:block;max-width:100%;font-size:clamp(32px,4vw,50px);line-height:1.02;overflow-wrap:anywhere;word-break:normal}
.how-card-content p{max-width:100%;overflow-wrap:anywhere}
.experience-action{max-width:100%;white-space:normal;overflow-wrap:anywhere}

/* Google-style page navigation: always keep a path forward until the final page. */
.pagination-controls{flex-wrap:wrap}
.pagination-controls .page-btn{flex:0 0 auto}
.pagination-controls .page-btn:disabled{opacity:.45;cursor:not-allowed}
.pagination-controls .page-next:not(:disabled){box-shadow:0 8px 20px rgba(245,158,11,.16)}

@media(max-width:760px){
  .floating{right:12px!important;left:auto!important;bottom:86px!important;gap:6px}
  .float-wa,.float-wish{min-height:42px!important}
  .float-wa span{display:inline!important}.how-card-content{padding:26px!important}
  .how-card-content strong{font-size:clamp(30px,9vw,38px);line-height:1.04}
  .how-card-content p{font-size:14px;line-height:1.6}
  .experience-action{font-size:12px;line-height:1.45}
}
@media(max-width:430px){
  .floating{bottom:88px!important;right:10px!important}
  .float-wa{padding-inline:10px!important;font-size:10px!important}
  .float-wish{width:42px!important}}
.page-ellipsis{min-width:28px;height:40px;display:grid;place-items:center;color:#8a93a3;font-weight:800}
@media(max-width:760px){.page-ellipsis{min-width:20px;height:36px}.pagination-controls{gap:4px}}

/* === Minimal marketplace refinement === */
.floating{position:fixed!important;right:24px!important;bottom:24px!important;left:auto!important;display:flex!important;align-items:center!important;gap:8px!important;z-index:126!important}.float-wa,.float-wish{height:46px!important;min-height:46px!important;margin:0!important}
.float-wish{width:46px!important;padding:0!important;display:grid!important;place-items:center!important}

.how-card-content strong{font-size:clamp(25px,3vw,36px)!important;line-height:1.08!important;letter-spacing:-.035em!important;margin:11px 0 13px!important}
.how-card-content strong em{font-size:1em!important}
.how-kicker{font-size:10px!important;letter-spacing:.14em!important}
.how-card-content p{font-size:13px!important;line-height:1.55!important;max-width:390px!important}
.experience-action{font-size:11px!important;line-height:1.35!important;padding-top:15px!important}

.pagination{margin-top:24px!important;padding:14px 0!important;border-top:1px solid #edf0f4!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important}
.pagination-info{font-size:11px!important;color:#7a8495!important;white-space:nowrap}
.pagination-controls{display:flex!important;align-items:center!important;gap:3px!important;flex-wrap:nowrap!important}
.pagination-controls .page-btn{width:34px!important;min-width:34px!important;height:34px!important;padding:0!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:#667085!important;font-size:11px!important;font-weight:700!important;box-shadow:none!important;transition:background .18s ease,color .18s ease,border-color .18s ease!important}
.pagination-controls .page-btn:hover:not(:disabled){background:#f6f7f9!important;color:#172033!important;border-color:#e4e7ec!important;transform:none!important}
.pagination-controls .page-btn.active{background:#172033!important;color:#fff!important;border-color:#172033!important}
.pagination-controls .page-prev,.pagination-controls .page-next{width:auto!important;min-width:64px!important;padding:0 10px!important;background:#fff!important;border-color:#e1e5eb!important;color:#4b5563!important}
.pagination-controls .page-prev:not(:disabled),.pagination-controls .page-next:not(:disabled){box-shadow:none!important}
.page-ellipsis{width:20px!important;min-width:20px!important;height:34px!important;font-size:11px!important}

@media(max-width:760px){
  .floating{right:10px!important;bottom:88px!important;gap:6px!important}.float-wa,.float-wish{height:42px!important;min-height:42px!important}
  .float-wa{padding-inline:10px!important;font-size:10px!important}
  .float-wish{width:42px!important}
  .how-card-content{padding:24px!important}
  .how-card-content strong{font-size:clamp(24px,7.5vw,32px)!important;line-height:1.08!important}
  .how-card-content p{font-size:12px!important;line-height:1.5!important}
  .pagination{flex-direction:column!important;align-items:center!important;gap:10px!important}
  .pagination-info{font-size:10px!important}
  .pagination-controls{max-width:100%;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
  .pagination-controls::-webkit-scrollbar{display:none}
  .pagination-controls .page-btn{width:32px!important;min-width:32px!important;height:32px!important}
  .pagination-controls .page-prev,.pagination-controls .page-next{min-width:58px!important}
}
@media(max-width:430px){
  .floating{right:8px!important;bottom:88px!important;gap:5px!important}
  .float-wa span{display:inline!important}
  .float-wa{padding-inline:8px!important;font-size:9px!important}.float-wish{width:40px!important;height:40px!important;min-height:40px!important}
}

/* Experience card: guaranteed fit on small screens without awkward wrapping. */
.how-card-content strong{font-size:clamp(20px,2.45vw,31px)!important;line-height:1.08!important;letter-spacing:-.025em!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important}
.how-card-content p{font-size:clamp(11px,1.05vw,13px)!important;line-height:1.5!important;max-width:360px!important}
.how-kicker{font-size:10px!important;letter-spacing:.13em!important}
.experience-action{font-size:11px!important;line-height:1.3}
@media(max-width:760px){.how-card-content strong{font-size:clamp(18px,5.8vw,25px)!important}.how-card-content p{font-size:11px!important;max-width:300px!important}.how-card-content{padding:22px!important}.how-kicker{font-size:9px!important}.experience-action{font-size:10px!important}}
@media(max-width:480px){.how-card-content strong{font-size:21px!important;line-height:1.05!important}.how-card-content p{font-size:10.5px!important}.how-card-content{padding:20px!important}}

/* Smooth, reliable interaction feedback for every actionable control */
button,a,input,select,textarea,.product-card,.category-cards button,.head-icon,.cart-head,.page-btn{transition:transform .18s ease,background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,opacity .22s ease;}
button:active,.head-icon:active,.cart-head:active,.page-btn:active,.category-cards button:active{transform:scale(.97);}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(226,173,75,.42);outline-offset:2px;}
@media (max-width:760px){
  button,a,.head-icon,.cart-head,.page-btn{min-height:42px;}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;}
}

/* Final responsive pass: six essential shopping categories including Kids. */
.category-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.category-cards button{min-width:0;min-height:250px;padding:18px;border-radius:15px}
.category-cards button img{width:100%;height:100%;object-fit:cover;object-position:center;}

/* Keep the featured red sneaker/background proportional at every viewport size. */
.hero-art{width:100%;min-width:0;overflow:visible}
.hero-art .art-bg{inset:8% 3% 5% 3%;min-width:0;max-width:100%;}
.hero-shoe{width:100%;min-width:0;padding:clamp(8px,2vw,24px)}
.hero-shoe img{display:block;width:100%;max-width:590px;height:auto;max-height:450px;aspect-ratio:4/3;object-fit:contain;object-position:center;}

@media(max-width:1100px){
  .category-cards{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:760px){
  .category-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .category-cards button{min-height:175px;padding:15px}
  .category-cards b{font-size:18px;margin-top:30px}
  .category-cards small{font-size:10px}
  .hero-art{height:auto;min-height:0;padding:8px 0 18px}
  .hero-art .art-bg{inset:7% 2% 4% 2%;border-radius:24px}
  .hero-shoe{position:relative;inset:auto;min-height:0;padding:8px 4px}
  .hero-shoe img{width:100%;max-width:100%;height:auto;max-height:none;aspect-ratio:4/3;object-fit:contain;transform:rotate(-4deg)}
  .fc-one{right:2%;top:8%}
  .fc-two{left:2%;bottom:9%}
  .hero-tag{right:3%;bottom:2%}
}
@media(max-width:430px){
  .container{width:calc(100% - 24px);max-width:none}
  .category-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .category-cards button{min-height:155px;padding:12px;border-radius:12px}
  .category-cards b{font-size:15px;margin-top:24px}
  .category-cards small{font-size:9px;line-height:1.25}
  .cat-number{font-size:8px}
  .category-cards i{right:11px;top:10px;font-size:16px}
  .hero-grid{padding:34px 0 28px;gap:20px}
  .hero h1{font-size:clamp(38px,12vw,48px)}
  .hero-copy>p{font-size:13px;line-height:1.55}
  .hero-art{margin-top:2px;padding:2px 0 12px}
  .hero-art .art-bg{inset:8% 0 4% 0;border-radius:20px}
  .hero-shoe{padding:4px 0}
  .hero-shoe img{aspect-ratio:1/1;transform:rotate(-3deg);filter:drop-shadow(0 20px 18px rgba(23,32,51,.18))}
  .floating-card{min-width:0;max-width:150px;padding:8px;gap:7px}
  .floating-card b{font-size:9px}.floating-card small{font-size:7px}
  .fc-one{top:5%;right:0}.fc-two{left:0;bottom:8%}
  .hero-tag{font-size:8px;padding:8px 9px;right:0;bottom:0}
}
@media(max-width:359px){
  .container{width:calc(100% - 18px)}
  .category-cards{gap:6px}
  .category-cards button{min-height:140px;padding:10px}
  .category-cards b{font-size:14px;margin-top:21px}
  .category-cards small{font-size:8px}
  .hero-grid{padding-top:28px}
  .hero-art{padding-bottom:8px}
  .hero-shoe img{aspect-ratio:1/1}
  .floating-card{max-width:128px;padding:6px}
  .floating-card b{font-size:8px}.floating-card small{font-size:6.5px}
  .mini-icon{width:25px;height:25px;font-size:7px}
  .hero-tag{display:none}
}


/* Final mobile refinement: keep header clean and move all action controls to the mobile dock. */
@media (max-width:760px){
  .header-main{height:64px!important;min-height:64px!important;padding-inline:4%!important;gap:0!important;}
  .head-tools{display:none!important;}
  .text-brand{max-width:100%;padding:2px 0!important;}
  .text-brand strong{font-size:clamp(14px,4.5vw,17px)!important;line-height:1.05!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .text-brand span{font-size:clamp(7px,2.1vw,9px)!important;letter-spacing:.10em!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px!important;}
  .mobile-nav{top:64px!important;}
}
@media (max-width:430px){
  .header-main{height:60px!important;min-height:60px!important;padding-inline:12px!important;}
  .text-brand strong{font-size:15px!important;}
  .text-brand span{font-size:7px!important;letter-spacing:.08em!important;}
}
@media (max-width:359px){
  .header-main{height:56px!important;min-height:56px!important;padding-inline:9px!important;}
  .text-brand strong{font-size:13px!important;}
  .text-brand span{font-size:6.5px!important;letter-spacing:.06em!important;}
  .mobile-nav{top:56px!important;}
}

/* Kids category: calm, shoe-only visual treatment. */
.category-cards button:nth-child(6){background:linear-gradient(145deg,#f5f1ea 0%,#e9e2d6 100%)!important;}
.category-cards button:nth-child(6) img{opacity:.82!important;filter:saturate(.55) contrast(.98)!important;mix-blend-mode:multiply;}

/* Experience card: keep the message readable and intact down to the smallest phones. */
.how-card-content strong{font-size:clamp(20px,2.45vw,31px)!important;line-height:1.08!important;max-width:100%!important;}
.how-card-content p{font-size:clamp(11px,1.05vw,13px)!important;line-height:1.5!important;max-width:360px!important;}
@media(max-width:760px){
  .how-card{grid-template-columns:1fr!important;min-height:0!important;}
  .how-card-image{min-height:150px!important;height:150px!important;}
  .how-card-image img{min-height:150px!important;height:150px!important;object-fit:cover!important;}
  .how-card-content{padding:20px!important;min-width:0!important;}
  .how-kicker{font-size:8px!important;letter-spacing:.12em!important;}
  .how-card-content strong{font-size:clamp(20px,6.2vw,25px)!important;line-height:1.06!important;letter-spacing:-.02em!important;margin:8px 0 10px!important;}
  .how-card-content p{font-size:clamp(10px,3.1vw,12px)!important;line-height:1.45!important;max-width:100%!important;margin:0!important;}
  .experience-action{font-size:10px!important;line-height:1.3!important;padding-top:12px!important;}
}
@media(max-width:430px){
  .how-card-image{min-height:125px!important;height:125px!important;}
  .how-card-image img{min-height:125px!important;height:125px!important;}
  .how-card-content{padding:17px!important;}
  .how-kicker{font-size:7.5px!important;}
  .how-card-content strong{font-size:20px!important;line-height:1.04!important;margin:7px 0 9px!important;}
  .how-card-content p{font-size:10.5px!important;line-height:1.4!important;}
  .experience-action{font-size:9.5px!important;padding-top:10px!important;}
}
@media(max-width:359px){
  .how-card-image{min-height:112px!important;height:112px!important;}
  .how-card-image img{min-height:112px!important;height:112px!important;}
  .how-card-content{padding:14px!important;}
  .how-kicker{font-size:7px!important;letter-spacing:.10em!important;}
  .how-card-content strong{font-size:18px!important;line-height:1.03!important;}
  .how-card-content p{font-size:9.5px!important;line-height:1.35!important;}
  .experience-action{font-size:9px!important;padding-top:8px!important;}
}

/* === FINAL MOBILE STABILITY PASS === */
/* Mobile header: keep the header clean; actions live only in the mobile dock. */
@media (max-width: 760px){
  .head-tools{display:none!important}
  .header-main{height:62px!important;min-height:62px!important;padding:0 12px!important;gap:0!important}
  .text-brand{min-width:0!important;max-width:100%!important;display:flex!important;flex-direction:column!important;justify-content:center!important;overflow:hidden!important}
  .text-brand strong{font-size:clamp(13px,4.2vw,17px)!important;line-height:1.1!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  .text-brand span{font-size:clamp(7px,2vw,9px)!important;line-height:1.2!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;margin-top:3px!important;letter-spacing:.08em!important}
  .mobile-nav{top:62px!important}
}

/* Prevent mobile sections from clipping their own content. */
@media (max-width: 760px){
  .section,.section-head,.shop-top,.shop-layout,.catalog,.how,.how-grid,.how-card,.how-card-content,
  .category-cards,.category-cards button,.hero-copy,.hero-art{min-width:0!important}
  .section-head,.shop-top{align-items:flex-start!important}
  .section-head h2,.shop-top h2,.how h2,.contact h2,.newsletter h2{font-size:clamp(28px,8.5vw,40px)!important;line-height:1.04!important;overflow-wrap:anywhere!important}
  .section-head>a{white-space:normal!important;flex:0 1 auto!important}
  .shop-top p,.lead,.contact p{overflow-wrap:anywhere!important}
}

/* Experience card: text always stays inside the card, including 320px screens. */
.how-card-content{overflow:visible!important;min-width:0!important;box-sizing:border-box!important}
.how-card-content strong{display:block!important;max-width:100%!important;white-space:normal!important;overflow:visible!important;overflow-wrap:normal!important;word-break:normal!important}
.how-card-content p{display:block!important;max-width:100%!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important}
.experience-action{display:block!important;max-width:100%!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important}

@media (max-width:760px){
  .how-card{display:grid!important;grid-template-columns:1fr!important;min-height:0!important;height:auto!important;overflow:hidden!important}
  .how-card-image{height:150px!important;min-height:150px!important;max-height:150px!important}
  .how-card-image img{width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;object-position:center!important}
  .how-card-content{padding:20px 18px 21px!important;height:auto!important;min-height:0!important;justify-content:flex-start!important}
  .how-kicker{font-size:clamp(7px,2.2vw,9px)!important;line-height:1.2!important;letter-spacing:.11em!important;white-space:normal!important}
  .how-card-content strong{font-size:clamp(19px,6.3vw,25px)!important;line-height:1.08!important;letter-spacing:-.02em!important;margin:8px 0 10px!important}
  .how-card-content p{font-size:clamp(10px,3.15vw,12px)!important;line-height:1.45!important;margin:0!important}
  .experience-action{font-size:clamp(9px,2.8vw,11px)!important;line-height:1.35!important;padding-top:10px!important;margin:0!important}
}
@media (max-width:430px){
  .header-main{height:58px!important;min-height:58px!important;padding-inline:10px!important}
  .mobile-nav{top:58px!important}
  .how-card-image{height:128px!important;min-height:128px!important;max-height:128px!important}
  .how-card-content{padding:15px 14px 17px!important}
  .how-kicker{font-size:7px!important;letter-spacing:.09em!important}
  .how-card-content strong{font-size:19px!important;line-height:1.08!important;margin:7px 0 9px!important}
  .how-card-content p{font-size:10.5px!important;line-height:1.42!important}
  .experience-action{font-size:9.5px!important;line-height:1.3!important;padding-top:9px!important}
}
@media (max-width:359px){
  .header-main{height:54px!important;min-height:54px!important;padding-inline:8px!important}
  .mobile-nav{top:54px!important}
  .text-brand strong{font-size:13px!important}
  .text-brand span{font-size:6.5px!important;letter-spacing:.055em!important}
  .how-card-image{height:108px!important;min-height:108px!important;max-height:108px!important}
  .how-card-content{padding:12px 12px 14px!important}
  .how-kicker{font-size:6.5px!important}
  .how-card-content strong{font-size:17px!important;line-height:1.1!important;margin:6px 0 8px!important;letter-spacing:-.01em!important}
  .how-card-content p{font-size:9.5px!important;line-height:1.4!important}
  .experience-action{font-size:8.8px!important;line-height:1.3!important;padding-top:7px!important}
}
@media (max-width:325px){
  .how-card-content{padding:11px 10px 13px!important}
  .how-card-content strong{font-size:16px!important}
  .how-card-content p{font-size:9px!important}
  .experience-action{font-size:8.5px!important}
}

/* Category cards: Kids uses a local neutral shoe illustration so it cannot disappear because of an external image host. */
.category-cards button:nth-child(6) img{content:url('assets/kids-shoe.svg')!important;object-fit:cover!important;object-position:center!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important;background:#eee9df!important}
.category-cards button:nth-child(6){background:#eee9df!important}

/* Keep category imagery and labels usable on the smallest phones. */
@media (max-width:760px){
  .category-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .category-cards button{min-height:170px!important;padding:12px!important}
  .category-cards button img{height:100%!important;min-height:0!important}
  .category-cards b{font-size:clamp(14px,4.4vw,18px)!important;line-height:1.1!important;margin-top:24px!important}
  .category-cards small{font-size:clamp(8px,2.6vw,10px)!important;line-height:1.25!important}
}
@media (max-width:430px){
  .category-cards{gap:7px!important}
  .category-cards button{min-height:150px!important;padding:10px!important}
  .category-cards b{font-size:14px!important;margin-top:20px!important}
  .category-cards small{font-size:8.5px!important}
}
@media (max-width:359px){
  .category-cards{gap:6px!important}
  .category-cards button{min-height:138px!important;padding:9px!important}
  .category-cards b{font-size:13px!important;margin-top:18px!important}
  .category-cards small{font-size:8px!important}
}

/* =========================================================
   ULTIMATE RESPONSIVE STABILITY PASS
   One final cascade intentionally overrides older responsive rules.
   ========================================================= */

/* Never allow a section to create horizontal overflow. */
html,body{max-width:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
.container{width:min(1260px,92%);max-width:100%;min-width:0}
img,svg{max-width:100%}

/* Desktop experience card: keep every line inside the content column. */
.how-card{min-width:0;overflow:hidden}
.how-card-content{min-width:0;max-width:100%;padding:42px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.how-card-content strong{display:block;width:100%;max-width:100%;font-size:clamp(32px,3.25vw,46px)!important;line-height:1.04!important;letter-spacing:-.035em!important;margin:12px 0 16px!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important}
.how-card-content strong em{font-size:1em!important}
.how-card-content p{width:100%;max-width:430px!important;font-size:clamp(13px,1.15vw,16px)!important;line-height:1.55!important;margin:0!important;overflow-wrap:anywhere!important}
.experience-action{width:100%;max-width:430px!important;margin-top:18px!important;padding-top:14px!important;font-size:clamp(11px,1vw,14px)!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important}

/* Category cards: six equal cards without squeezing their text. */
.category-cards{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important}
.category-cards button{min-width:0!important;overflow:hidden!important}
.category-cards button img{min-width:0;min-height:0;object-fit:cover}
.category-cards b,.category-cards small,.category-cards .cat-number{min-width:0;max-width:100%;overflow-wrap:anywhere}

/* Tablet: one clean header row; no nav wrapping underneath. */
@media(max-width:900px){
  .header-main{height:68px!important;min-height:68px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;padding-inline:4%!important;gap:0!important}
  .header-main>nav{display:none!important}
  .head-tools{display:none!important}
  .text-brand{min-width:0!important;max-width:100%!important;flex:1 1 auto!important}
  .category-nav{display:none!important}
  .mobile-nav{top:68px!important}
  .category-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .how-card-content{padding:34px!important}
  .how-card-content strong{font-size:clamp(28px,4.6vw,38px)!important}
}

/* Phones: mobile dock is the only action/navigation area. */
@media(max-width:700px){
  html{scroll-padding-top:68px}
  body{padding-bottom:80px}
  .container{width:calc(100% - 24px)!important}
  .announcement-in{min-height:32px;height:auto;padding:7px 0;font-size:9px;white-space:nowrap;overflow:hidden}
  .announcement-in span:nth-child(2),.announcement-in span:last-child{display:none!important}
  .header-main{height:62px!important;min-height:62px!important;padding-inline:12px!important}
  .text-brand{overflow:hidden!important}
  .text-brand strong{font-size:clamp(13px,4.5vw,17px)!important;line-height:1.08!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .text-brand span{font-size:clamp(6.5px,2vw,9px)!important;line-height:1.15!important;letter-spacing:.07em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-top:3px!important}
  .head-tools{display:none!important}
  .header-main>nav,.category-nav{display:none!important}
  .mobile-nav{top:62px!important;left:8px!important;right:8px!important}

  .section{padding:52px 0!important}
  .section-head,.shop-top{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important}
  .section-head h2,.shop-top h2,.how h2,.contact h2,.newsletter h2{font-size:clamp(27px,8.8vw,38px)!important;line-height:1.04!important;max-width:100%!important;overflow-wrap:anywhere!important}
  .section-head>a{font-size:10px!important}

  /* Hero never uses fixed-height art on phones. */
  .hero-grid{grid-template-columns:1fr!important;min-height:0!important;gap:18px!important;padding:38px 0 28px!important}
  .hero-copy,.hero-art{min-width:0!important;width:100%!important}
  .hero h1{font-size:clamp(34px,11.8vw,48px)!important;line-height:.98!important;max-width:100%!important;overflow-wrap:anywhere!important}
  .hero-copy>p{font-size:13px!important;line-height:1.55!important;max-width:100%!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .hero-actions .btn{width:100%!important;min-width:0!important}
  .hero-art{height:auto!important;min-height:230px!important;padding:4px 0 12px!important;overflow:hidden!important}
  .hero-art .art-bg{inset:7% 0 4% 0!important}
  .hero-shoe{position:relative!important;inset:auto!important;width:100%!important;padding:4px!important;transform:none!important}
  .hero-shoe img{width:100%!important;height:auto!important;max-width:100%!important;aspect-ratio:4/3!important;object-fit:contain!important;transform:rotate(-3deg)!important}
  .floating-card{max-width:145px!important;min-width:0!important}

  .service-grid,.highlights-grid{grid-template-columns:1fr 1fr!important}
  .service-grid>div,.highlights-grid>div{min-width:0!important}

  .category-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .category-cards button{min-height:170px!important;padding:13px!important;border-radius:12px!important}
  .category-cards button b{font-size:16px!important;margin-top:24px!important;line-height:1.1!important}
  .category-cards button small{font-size:9px!important;line-height:1.25!important}
  .category-cards button i{right:10px!important;top:9px!important}

  .shop-layout{display:block!important}
  .filters{display:none!important}
  .filters.open{display:block!important;position:fixed!important;left:8px!important;right:8px!important;top:76px!important;bottom:84px!important;max-height:none!important;overflow:auto!important;z-index:110!important}
  .catalog,.catalog-tools,.tool-right{min-width:0!important}
  .catalog-tools{display:flex!important;flex-wrap:wrap!important}
  .tool-right{max-width:100%!important;flex-wrap:wrap!important}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .photo{aspect-ratio:1/1!important;height:auto!important;min-height:0!important}
  .product-body{padding:10px!important;min-width:0!important}
  .product-name,.desc,.brand,.price-line,.stock-line{min-width:0!important;overflow-wrap:anywhere!important}
  .card-actions{grid-template-columns:minmax(0,1fr) 36px 36px!important;gap:4px!important}
  .primary-action{min-width:0!important;padding-inline:5px!important;font-size:8px!important}
  .pagination{max-width:100%!important;overflow:hidden!important}
  .pagination-controls{max-width:100%!important;overflow-x:auto!important;justify-content:flex-start!important;padding-bottom:3px!important;scrollbar-width:none!important}
  .pagination-controls::-webkit-scrollbar{display:none!important}

  /* Experience card: text is never clipped, even on short/wide combinations. */
  .how-card{display:grid!important;grid-template-columns:1fr!important;height:auto!important;min-height:0!important;overflow:hidden!important}
  .how-card-image{height:150px!important;min-height:150px!important;max-height:150px!important}
  .how-card-image img{width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important}
  .how-card-content{height:auto!important;min-height:0!important;padding:22px 18px 22px!important;overflow:hidden!important;justify-content:flex-start!important}
  .how-kicker{font-size:8px!important;line-height:1.2!important;letter-spacing:.1em!important;white-space:normal!important}
  .how-card-content strong{font-size:clamp(20px,6.4vw,26px)!important;line-height:1.06!important;margin:8px 0 10px!important}
  .how-card-content p{font-size:clamp(10px,3.2vw,12px)!important;line-height:1.42!important;max-width:100%!important}
  .experience-action{font-size:clamp(9px,2.8vw,11px)!important;line-height:1.35!important;margin-top:10px!important;padding-top:9px!important;max-width:100%!important}

  .footer-grid{grid-template-columns:1fr 1fr!important;gap:24px 18px!important}
}

/* Narrow phones: preserve readability instead of forcing two-column cards. */
@media(max-width:420px){
  .container{width:calc(100% - 20px)!important}
  .header-main{height:58px!important;min-height:58px!important;padding-inline:10px!important}
  .mobile-nav{top:58px!important}
  .text-brand strong{font-size:14px!important}
  .text-brand span{font-size:6.5px!important;letter-spacing:.05em!important}
  .hero-grid{padding-top:30px!important}
  .hero h1{font-size:clamp(31px,11.5vw,43px)!important}
  .hero-copy>p{font-size:12px!important}
  .hero-art{min-height:205px!important}
  .floating-card{max-width:118px!important;padding:7px!important}
  .floating-card b{font-size:8px!important}.floating-card small{font-size:6.5px!important}
  .category-cards{gap:7px!important}
  .category-cards button{min-height:150px!important;padding:11px!important}
  .category-cards button b{font-size:14px!important;margin-top:20px!important}
  .category-cards button small{font-size:8px!important}
  .product-grid{gap:7px!important}
  .product-body{padding:8px!important}
  .product-name{font-size:12px!important}
  .price{font-size:14px!important}
  .card-actions{grid-template-columns:minmax(0,1fr) 32px 32px!important}
  .primary-action,.quick{min-height:34px!important}
  .how-card-image{height:122px!important;min-height:122px!important;max-height:122px!important}
  .how-card-content{padding:16px 14px 18px!important}
  .how-kicker{font-size:7px!important}
  .how-card-content strong{font-size:19px!important;line-height:1.05!important;margin:7px 0 9px!important}
  .how-card-content p{font-size:10px!important;line-height:1.38!important}
  .experience-action{font-size:9px!important;padding-top:8px!important;margin-top:8px!important}
}

/* Very small Android/iPhone viewports. One column beats unreadable two-column cards. */
@media(max-width:300px){
  .container{width:calc(100% - 14px)!important}
  .header-main{height:54px!important;min-height:54px!important;padding-inline:7px!important}
  .mobile-nav{top:54px!important}
  .text-brand strong{font-size:12px!important;white-space:normal!important}
  .text-brand span{font-size:6px!important;letter-spacing:.03em!important}
  .announcement-in{font-size:8px!important}
  .hero-grid{padding:24px 0 20px!important;gap:14px!important}
  .hero h1{font-size:30px!important}
  .hero-copy>p{font-size:11px!important;line-height:1.45!important}
  .hero-meta{font-size:8px!important;gap:7px 10px!important}
  .hero-art{min-height:170px!important}
  .hero-shoe img{aspect-ratio:1/1!important}
  .category-cards{grid-template-columns:1fr!important;gap:7px!important}
  .category-cards button{min-height:132px!important}
  .category-cards button b{font-size:15px!important}
  .product-grid{grid-template-columns:1fr!important}
  .how-card-image{height:105px!important;min-height:105px!important;max-height:105px!important}
  .how-card-content{padding:14px 12px 16px!important}
  .how-card-content strong{font-size:18px!important;line-height:1.05!important}
  .how-card-content p{font-size:9.5px!important}
  .experience-action{font-size:8.5px!important}
  .mobile-dock{left:5px!important;right:5px!important;bottom:5px!important;height:58px!important;border-radius:14px!important}
  .mobile-dock a,.mobile-dock button{font-size:8px!important}
  .mobile-dock svg{width:17px!important;height:17px!important}
}

/* Short viewport protection: don't let the mobile dock or hero controls cover content. */
@media(max-height:500px) and (max-width:700px){
  body{padding-bottom:74px!important}
  .mobile-dock{height:54px!important;bottom:5px!important}
  .hero-grid{padding-top:22px!important;padding-bottom:18px!important}
  .hero-art{min-height:180px!important}
  .mobile-nav{max-height:calc(100vh - 70px)!important;overflow:auto!important}
}

/* Kids category: use a neutral real shoe photograph, no legs. */
.category-cards button:nth-child(6) img{content:url('https://images.pexels.com/photos/267278/pexels-photo-267278.jpeg?auto=compress&dpr=1&w=900')!important;object-fit:cover!important;object-position:center!important;filter:saturate(.62) contrast(.98)!important;mix-blend-mode:multiply!important;opacity:.88!important}


/* =========================================================
   DEFINITIVE RESPONSIVE LAYOUT OVERRIDE
   This block is intentionally last so older breakpoints cannot
   override the layout while the browser is being resized.
   ========================================================= */

/* Stable section/card geometry */
.how-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(420px,1fr)!important;align-items:stretch!important;gap:28px!important}
.how-grid>div{min-width:0!important}
.how-card{display:grid!important;grid-template-columns:minmax(0,46%) minmax(0,54%)!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:440px!important;overflow:hidden!important;position:relative!important}
.how-card-image{position:relative!important;width:100%!important;height:100%!important;min-width:0!important;min-height:440px!important;max-height:none!important;overflow:hidden!important}
.how-card-image img{display:block!important;width:100%!important;height:100%!important;min-width:0!important;min-height:440px!important;max-width:none!important;object-fit:cover!important;object-position:center!important}
.how-card-content{position:relative!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:440px!important;padding:clamp(28px,3vw,52px)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;overflow:visible!important;box-sizing:border-box!important}
.how-kicker{display:block!important;width:100%!important;max-width:100%!important;margin:0 0 14px!important;line-height:1.25!important;white-space:normal!important;overflow:visible!important}
.how-card-content strong{display:block!important;width:100%!important;max-width:100%!important;margin:0 0 18px!important;font-size:clamp(30px,3vw,43px)!important;line-height:1.06!important;letter-spacing:-.035em!important;white-space:normal!important;overflow:visible!important;overflow-wrap:normal!important;word-break:normal!important}
.how-card-content strong br{display:block!important}
.how-card-content p{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;font-size:clamp(13px,1.15vw,16px)!important;line-height:1.55!important;white-space:normal!important;overflow:visible!important;overflow-wrap:normal!important;word-break:normal!important}
.experience-action{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:20px 0 0!important;padding:15px 0 0!important;border-top:1px solid rgba(255,255,255,.14)!important;font-size:clamp(11px,1vw,14px)!important;line-height:1.35!important;white-space:normal!important;overflow:visible!important;overflow-wrap:normal!important;gap:12px!important}
.experience-action span{flex:0 0 40px!important}

/* Header: desktop stays one stable row; no accidental wrapping. */
.header-main{display:grid!important;grid-template-columns:minmax(240px,1fr) auto minmax(240px,1fr)!important;align-items:center!important;width:min(1400px,92vw)!important;min-width:0!important}
.header-main>nav{min-width:0!important;white-space:nowrap!important}
.head-tools{min-width:0!important;white-space:nowrap!important}

/* Medium widths: give the experience card more room and keep every word visible. */
@media(max-width:1100px) and (min-width:701px){
  .how-grid{grid-template-columns:minmax(0,1fr)!important}
  .how-card{grid-template-columns:minmax(0,44%) minmax(0,56%)!important;min-height:390px!important}
  .how-card-image,.how-card-image img{min-height:390px!important}
  .how-card-content{min-height:390px!important;padding:30px!important}
  .how-card-content strong{font-size:clamp(27px,4vw,38px)!important}
  .how-card-content p{font-size:13px!important}
}

/* Phones: one predictable flow, no hidden content and no desktop controls. */
@media(max-width:700px){
  .how-grid{grid-template-columns:1fr!important;gap:22px!important}
  .how-card{grid-template-columns:1fr!important;min-height:0!important;height:auto!important;border-radius:18px!important}
  .how-card-image{height:clamp(125px,34vw,175px)!important;min-height:0!important;max-height:none!important}
  .how-card-image img{height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover!important}
  .how-card-content{min-height:0!important;height:auto!important;padding:clamp(18px,5vw,28px)!important;overflow:visible!important}
  .how-kicker{font-size:clamp(7px,2.1vw,10px)!important;margin-bottom:9px!important;letter-spacing:.12em!important}
  .how-card-content strong{font-size:clamp(20px,6.5vw,30px)!important;line-height:1.07!important;margin:0 0 11px!important;letter-spacing:-.025em!important}
  .how-card-content p{font-size:clamp(10px,3.2vw,13px)!important;line-height:1.45!important}
  .experience-action{margin-top:13px!important;padding-top:10px!important;font-size:clamp(9px,2.8vw,12px)!important;line-height:1.35!important}
  .experience-action span{width:32px!important;height:32px!important;flex-basis:32px!important;font-size:16px!important}

  .header-main{display:flex!important;height:62px!important;min-height:62px!important;max-width:100%!important;width:100%!important;padding-inline:12px!important}
  .header-main>nav,.head-tools,.category-nav{display:none!important}
  .text-brand{flex:1 1 auto!important;min-width:0!important;max-width:100%!important}
  .text-brand strong,.text-brand span{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
}

/* Small phones: reduce padding before reducing content; nothing is hidden. */
@media(max-width:430px){
  .container{width:calc(100% - 20px)!important}
  .how-grid{gap:18px!important}
  .how-card-content{padding:17px 15px 18px!important}
  .how-kicker{font-size:7.5px!important;margin-bottom:8px!important}
  .how-card-content strong{font-size:clamp(19px,6.8vw,27px)!important;line-height:1.08!important;margin-bottom:9px!important}
  .how-card-content p{font-size:10px!important;line-height:1.45!important}
  .experience-action{font-size:9px!important;margin-top:11px!important;padding-top:9px!important}
}

/* Very narrow phones: preserve all copy and let the card grow vertically. */
@media(max-width:359px){
  .container{width:calc(100% - 14px)!important}
  .how-card-content{padding:15px 12px 16px!important}
  .how-kicker{font-size:7px!important;letter-spacing:.09em!important}
  .how-card-content strong{font-size:18px!important;line-height:1.1!important;letter-spacing:-.015em!important}
  .how-card-content p{font-size:9.5px!important;line-height:1.48!important}
  .experience-action{font-size:8.5px!important;line-height:1.4!important}
}

@media(max-width:300px){
  .how-card-image{height:105px!important}
  .how-card-content{padding:13px 10px 14px!important}
  .how-kicker{font-size:6.5px!important}
  .how-card-content strong{font-size:17px!important}
  .how-card-content p{font-size:9px!important}
  .experience-action{font-size:8px!important}
}

/* Short screens: content remains in normal flow rather than being clipped. */
@media(max-width:700px) and (max-height:500px){
  .how-card-image{height:110px!important}
  .how-card-content{padding-top:14px!important;padding-bottom:15px!important}
  .how-card-content strong{font-size:20px!important}
}

/* =========================================================
   UNIVERSAL FLUID RESPONSIVE SYSTEM — FINAL OVERRIDE
   One predictable layout at every width; content never clips.
   ========================================================= */

/* Prevent horizontal drift/overflow while preserving natural text height. */
html,body{max-width:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
.container{width:min(1400px,calc(100% - 32px));margin-inline:auto}

/* HERO: image + square background always scale together. */
.hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(280px,.98fr)!important;gap:clamp(22px,4vw,64px)!important;align-items:center!important}
.hero-art{position:relative!important;width:100%!important;min-width:0!important;height:auto!important;aspect-ratio:1/1!important;min-height:0!important;max-height:none!important;overflow:visible!important}
.hero-art .art-bg{position:absolute!important;inset:7%!important;width:auto!important;height:auto!important;aspect-ratio:1/1!important;border-radius:clamp(20px,3vw,42px)!important}
.hero-shoe{position:absolute!important;inset:9% 5% 9% 5%!important;width:auto!important;height:auto!important;padding:0!important;display:grid!important;place-items:center!important;transform:none!important;z-index:2!important}
.hero-shoe img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;transform:rotate(-7deg)!important}
.hero-art::after{inset:5%!important;border-radius:clamp(22px,3vw,44px)!important}
/* Floating cards are useful on spacious screens, then deliberately disappear
   before they can collide with the shoe/text during resizing. */
.fc-one,.fc-two{transition:opacity .2s ease,visibility .2s ease}

/* EXPERIENCE: stable two-column card on wide screens, then a clean stack. */
.how-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:clamp(20px,3vw,32px)!important}
.how-card{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;width:100%!important;height:auto!important;min-height:clamp(380px,32vw,500px)!important;overflow:hidden!important}
.how-card-image{min-width:0!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1/1!important;overflow:hidden!important}
.how-card-image img{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover!important;object-position:center!important}
.how-card-content{min-width:0!important;width:100%!important;height:auto!important;min-height:0!important;padding:clamp(24px,3vw,48px)!important;overflow:visible!important;justify-content:center!important}
.how-kicker{font-size:clamp(9px,1vw,12px)!important;line-height:1.25!important;white-space:normal!important;overflow:visible!important}
.how-card-content strong{font-size:clamp(25px,3.05vw,44px)!important;line-height:1.07!important;letter-spacing:-.03em!important;margin:12px 0 16px!important;white-space:normal!important;overflow:visible!important;overflow-wrap:normal!important;word-break:normal!important}
.how-card-content p{font-size:clamp(12px,1.15vw,17px)!important;line-height:1.55!important;margin:0!important;max-width:100%!important;white-space:normal!important;overflow:visible!important;overflow-wrap:normal!important}
.experience-action{width:100%!important;max-width:100%!important;min-width:0!important;margin-top:18px!important;padding-top:12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;font-size:clamp(10px,1vw,14px)!important;line-height:1.35!important;white-space:normal!important;overflow:visible!important}
.experience-action span{flex:0 0 auto!important;width:34px!important;height:34px!important}

/* Header never wraps. Desktop navigation disappears as one unit on phones. */
.header-main{min-width:0!important}
.text-brand{min-width:0!important}
.header-main>nav{min-width:0!important;white-space:nowrap!important}
.head-tools{min-width:0!important;white-space:nowrap!important}

/* 1200px: give the experience text and hero more room. */
@media(max-width:1200px){
  .container{width:min(1100px,calc(100% - 28px))}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(270px,.85fr)!important}
  .how-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .how-card{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)!important}
  .how-card-content{padding:28px!important}
  .how-card-content strong{font-size:clamp(24px,3vw,38px)!important}
  .how-card-content p{font-size:clamp(11px,1.2vw,15px)!important}
}

/* 1000px: hide floating hero cards before they start moving over content. */
@media(max-width:1000px){
  .fc-one,.fc-two{display:none!important}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(250px,.8fr)!important;gap:28px!important}
  .how-grid{grid-template-columns:1fr!important}
  .how-card{min-height:0!important}
  .how-card-image{aspect-ratio:16/10!important}
  .how-card-image img{object-position:center!important}
}

/* 760px: single-column mobile flow. */
@media(max-width:760px){
  .container{width:calc(100% - 24px)!important}
  .header-main{height:62px!important;min-height:62px!important;width:100%!important;padding-inline:12px!important}
  .header-main>nav,.head-tools,.category-nav{display:none!important}
  .text-brand{width:100%!important;max-width:100%!important}
  .text-brand strong{font-size:clamp(14px,4.5vw,18px)!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
  .text-brand span{font-size:clamp(7px,2vw,10px)!important;white-space:nowrap!important;overflow:visible!important}

  .hero-grid{grid-template-columns:1fr!important;gap:20px!important;padding-block:32px 24px!important}
  .hero-copy{min-width:0!important;width:100%!important}
  .hero-art{width:min(100%,520px)!important;justify-self:center!important;aspect-ratio:1/1!important}
  .hero-art .art-bg{inset:6%!important}
  .hero-shoe{inset:8% 4% 8% 4%!important}
  .hero-shoe img{transform:rotate(-6deg)!important}
  .hero-art::after{inset:4%!important}

  .how-card{grid-template-columns:1fr!important;min-height:0!important;height:auto!important}
  .how-card-image{aspect-ratio:16/9!important;height:auto!important;min-height:0!important}
  .how-card-image img{height:100%!important;min-height:0!important}
  .how-card-content{padding:clamp(20px,5vw,30px)!important}
  .how-kicker{font-size:clamp(8px,2.4vw,11px)!important;margin-bottom:8px!important}
  .how-card-content strong{font-size:clamp(21px,7vw,31px)!important;line-height:1.08!important;margin:0 0 10px!important}
  .how-card-content p{font-size:clamp(10px,3.2vw,13px)!important;line-height:1.5!important}
  .experience-action{font-size:clamp(9px,2.8vw,12px)!important;margin-top:12px!important;padding-top:10px!important}
}

/* 480px: compact but still generous enough to keep every word visible. */
@media(max-width:480px){
  .container{width:calc(100% - 18px)!important}
  .hero-grid{padding-block:26px 20px!important;gap:16px!important}
  .hero-art{width:min(100%,420px)!important}
  .how-card-content{padding:18px 16px 20px!important}
  .how-card-content strong{font-size:clamp(20px,7.4vw,28px)!important;line-height:1.09!important}
  .how-card-content p{font-size:clamp(10px,3.25vw,12px)!important}
  .experience-action{font-size:clamp(9px,2.9vw,11px)!important}
  .experience-action span{width:30px!important;height:30px!important;font-size:15px!important}
}

/* 360px: preserve the complete experience message; only spacing contracts. */
@media(max-width:360px){
  .container{width:calc(100% - 14px)!important}
  .hero-grid{padding-block:22px 18px!important}
  .hero-art{width:100%!important}
  .how-card-content{padding:15px 12px 17px!important}
  .how-kicker{font-size:7px!important;letter-spacing:.08em!important}
  .how-card-content strong{font-size:19px!important;line-height:1.1!important;letter-spacing:-.015em!important}
  .how-card-content p{font-size:9.5px!important;line-height:1.5!important}
  .experience-action{font-size:8.5px!important;line-height:1.4!important;margin-top:10px!important;padding-top:8px!important}
  .experience-action span{width:27px!important;height:27px!important;font-size:14px!important}
}

/* 300px and below: nothing is hidden; cards simply grow vertically. */
@media(max-width:300px){
  .container{width:calc(100% - 10px)!important}
  .text-brand strong{font-size:13px!important}
  .text-brand span{font-size:6px!important;letter-spacing:.02em!important}
  .hero-grid{padding-block:18px 16px!important;gap:12px!important}
  .hero-art{width:100%!important;aspect-ratio:1/1!important}
  .how-card-content{padding:13px 10px 15px!important}
  .how-kicker{font-size:6px!important}
  .how-card-content strong{font-size:17px!important;line-height:1.12!important}
  .how-card-content p{font-size:9px!important;line-height:1.5!important}
  .experience-action{font-size:8px!important;line-height:1.4!important}
}

/* FINAL FLUID RESPONSIVE SYSTEM — one predictable layout across all widths */
.product-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:clamp(8px,1.25vw,18px)!important;width:100%!important;align-items:stretch!important}
.product-card{min-width:0!important;width:100%!important;display:flex!important;flex-direction:column!important}
.photo{width:100%!important;height:auto!important;aspect-ratio:1/1!important;min-height:0!important}
.photo img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.product-body{min-width:0!important;width:100%!important}
.product-name,.desc,.brand,.stock-line,.price-line{max-width:100%!important;overflow-wrap:anywhere!important;word-break:normal!important}
.card-actions{min-width:0!important;width:100%!important}
.card-actions>*{min-width:0!important}

/* Hero shoe + square/background always scale together. */
.hero-art{position:relative!important;width:100%!important;aspect-ratio:1/1!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
.hero-art .art-bg{position:absolute!important;inset:7%!important;width:auto!important;height:auto!important;aspect-ratio:1/1!important}
.hero-shoe{position:absolute!important;inset:10%!important;width:auto!important;height:auto!important;display:grid!important;place-items:center!important;transform:rotate(-6deg)!important}
.hero-shoe img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;max-width:none!important;max-height:none!important}
.hero-art::after{inset:5%!important;pointer-events:none!important}

/* Left floating card has a stable anchor; it never climbs through the hero text. */
.fc-two{left:clamp(8px,2vw,24px)!important;bottom:clamp(28px,7vw,72px)!important;top:auto!important}
.fc-one{right:clamp(8px,2vw,24px)!important;top:clamp(28px,7vw,90px)!important;bottom:auto!important}

/* Experience card: image and text share the same fluid height on larger screens. */
.how-card{display:grid!important;grid-template-columns:minmax(0,46%) minmax(0,54%)!important;width:100%!important;min-width:0!important;height:auto!important;min-height:clamp(380px,32vw,500px)!important;overflow:hidden!important}
.how-card-image{min-width:0!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important}
.how-card-image img{width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;display:block!important}
.how-card-content{min-width:0!important;width:100%!important;height:100%!important;min-height:0!important;overflow:visible!important;padding:clamp(24px,3.2vw,52px)!important;box-sizing:border-box!important}
.how-card-content strong{display:block!important;max-width:100%!important;font-size:clamp(25px,2.8vw,44px)!important;line-height:1.05!important;overflow-wrap:anywhere!important}
.how-card-content p{max-width:100%!important;font-size:clamp(11px,1vw,14px)!important;line-height:1.5!important;overflow-wrap:anywhere!important}
.experience-action{width:100%!important;max-width:100%!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:clamp(10px,1vw,14px)!important;line-height:1.35!important}

/* Main page containers never create horizontal overflow. */
.container,.hero-grid,.shop-layout,.shop-top,.section-head,.how-grid,.category-cards,.service-grid,.footer-grid{min-width:0!important;max-width:100%!important}
.hero-grid,.how-grid{width:100%!important}

@media (min-width:1501px){
  .product-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}
@media (min-width:1101px) and (max-width:1500px){
  .product-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important}
}
@media (max-width:1100px){
  .fc-two,.fc-one{display:none!important}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.85fr)!important;gap:clamp(20px,4vw,44px)!important}
  .how-grid{grid-template-columns:1fr!important}
  .how-card{grid-template-columns:minmax(0,44%) minmax(0,56%)!important}
}
@media (max-width:760px){
  .header nav,.head-tools,.category-nav{display:none!important}
  .header-main{height:62px!important;min-height:62px!important;padding-inline:12px!important}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(7px,2vw,12px)!important}
  .photo{aspect-ratio:1/1!important}
  .hero-grid{grid-template-columns:1fr!important;gap:18px!important;padding-block:28px 22px!important}
  .hero-art{width:min(100%,520px)!important;justify-self:center!important}
  .hero-shoe{inset:9%!important}
  .how-card{grid-template-columns:1fr!important;min-height:0!important;height:auto!important}
  .how-card-image{aspect-ratio:16/10!important;height:auto!important;min-height:0!important}
  .how-card-image img{height:100%!important;min-height:0!important;object-fit:cover!important}
  .how-card-content{height:auto!important;min-height:0!important;padding:clamp(18px,5vw,30px)!important}
  .how-card-content strong{font-size:clamp(22px,7.2vw,36px)!important;line-height:1.06!important}
  .how-card-content p{font-size:clamp(11px,3.1vw,14px)!important}
  .experience-action{font-size:clamp(10px,3vw,12px)!important;margin-top:12px!important;padding-top:10px!important}
  .category-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:430px){
  .container{width:calc(100% - 24px)!important}
  .product-grid{gap:7px!important}
  .product-body{padding:10px!important}
  .product-name{font-size:13px!important;line-height:1.3!important}
  .price{font-size:16px!important}
  .how-card-content{padding:16px!important}
  .how-card-content strong{font-size:clamp(21px,7vw,31px)!important}
  .how-card-content p{font-size:11px!important;line-height:1.45!important}
  .experience-action{font-size:10px!important;line-height:1.35!important}
  .category-cards{gap:7px!important}
  .category-cards button{min-width:0!important;padding:13px!important}
  .category-cards b{font-size:17px!important}
  .category-cards small{font-size:10px!important}
}
@media (max-width:360px){
  .container{width:calc(100% - 18px)!important}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .product-body{padding:8px!important}
  .product-name{font-size:12px!important}
  .brand,.stock-line{font-size:8px!important}
  .price{font-size:14px!important}
  .card-actions{grid-template-columns:minmax(0,1fr) 30px 30px!important}
  .how-card-content{padding:14px!important}
  .how-card-content strong{font-size:clamp(20px,7vw,27px)!important}
  .how-card-content p{font-size:10px!important}
  .experience-action{font-size:9.5px!important}
  .hero-art{width:100%!important}
}
@media (max-width:300px){
  .container{width:calc(100% - 14px)!important}
  .product-grid{grid-template-columns:1fr!important}
  .how-card-content{padding:12px!important}
  .how-card-content strong{font-size:21px!important}
  .how-card-content p{font-size:9.5px!important}
  .experience-action{font-size:9px!important}
}

/* DEFINITIVE RESPONSIVE OVERRIDE — final, non-conflicting layout rules */
html,body{width:100%;min-width:0!important;overflow-x:hidden!important}
*,*::before,*::after{box-sizing:border-box}
.container{width:min(1260px,calc(100% - 32px))!important;margin-inline:auto!important}

/* Product grid: predictable columns with zero card compression/overflow. */
.product-grid{display:grid!important;width:100%!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important}
.product-card{width:100%!important;min-width:0!important;max-width:none!important;overflow:hidden!important}
.photo{width:100%!important;aspect-ratio:1/1!important;height:auto!important;min-height:0!important}
.photo img{width:100%!important;height:100%!important;object-fit:cover!important}
.product-body,.product-name,.brand,.desc,.stock-line,.price-line,.card-actions{min-width:0!important;max-width:100%!important}
.product-name,.brand,.desc,.stock-line,.price-line{overflow-wrap:anywhere!important}
.card-actions{display:grid!important;grid-template-columns:minmax(0,1fr) 42px 42px!important;gap:6px!important}
.card-actions>*{min-width:0!important}

/* Hero: image, red background square and frame always share one fluid box. */
.hero-art{position:relative!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;min-height:0!important;max-height:none!important;overflow:visible!important}
.hero-art .art-bg{position:absolute!important;z-index:0!important;inset:7%!important;width:auto!important;height:auto!important;aspect-ratio:1/1!important;max-width:none!important;transform:none!important}
.hero-shoe{position:absolute!important;z-index:2!important;inset:10%!important;width:auto!important;height:auto!important;padding:0!important;display:grid!important;place-items:center!important;transform:none!important}
.hero-shoe img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;display:block!important;transform:rotate(-6deg)!important}
.hero-art::after{z-index:1!important;inset:5%!important;pointer-events:none!important}
.hero-tag{z-index:12!important}

/* Floating white information cards: stable desktop anchor, then cleanly disappear before they can collide. */
.floating-card{z-index:15!important}
.fc-one{position:absolute!important;right:clamp(12px,2.5vw,34px)!important;top:clamp(28px,8%,72px)!important;bottom:auto!important}
.fc-two{position:absolute!important;left:clamp(12px,2.5vw,34px)!important;bottom:clamp(28px,8%,72px)!important;top:auto!important}
@media(max-width:1200px){.fc-one,.fc-two{display:none!important}}

/* Experience card: never hide text, never force a fixed text height. */
.how-card{width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:minmax(0,46%) minmax(0,54%)!important;height:auto!important;min-height:clamp(360px,34vw,500px)!important;overflow:hidden!important}
.how-card-image{width:100%!important;min-width:0!important;height:100%!important;min-height:0!important;overflow:hidden!important}
.how-card-image img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important}
.how-card-content{width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;padding:clamp(24px,3.2vw,52px)!important;overflow:visible!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important}
.how-kicker{max-width:100%!important;overflow-wrap:anywhere!important}
.how-card-content strong{display:block!important;width:100%!important;max-width:100%!important;font-size:clamp(24px,3vw,43px)!important;line-height:1.08!important;white-space:normal!important;overflow:visible!important;overflow-wrap:normal!important;word-break:normal!important;margin:10px 0 15px!important}
.how-card-content p{display:block!important;width:100%!important;max-width:100%!important;font-size:clamp(12px,1.1vw,16px)!important;line-height:1.55!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important;margin:0!important}
.experience-action{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;max-width:100%!important;margin-top:16px!important;padding-top:0!important;font-size:clamp(10px,1vw,13px)!important;line-height:1.4!important;white-space:normal!important;overflow:visible!important}
.experience-action span{flex:0 0 auto!important}

/* Tablet */
@media(max-width:1250px){
  .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
}
@media(max-width:1000px){
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important}
  .how-card{grid-template-columns:minmax(0,45%) minmax(0,55%)!important;min-height:380px!important}
  .how-card-content{padding:clamp(22px,4vw,36px)!important}
}

/* Phone: one vertical experience card and a clean two-column product grid. */
@media(max-width:760px){
  .container{width:calc(100% - 24px)!important}
  .header nav,.head-tools,.category-nav{display:none!important}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .card-actions{grid-template-columns:minmax(0,1fr) 38px 38px!important;gap:5px!important}
  .hero-grid{grid-template-columns:1fr!important;min-height:0!important}
  .hero-art{width:min(100%,520px)!important;justify-self:center!important}
  .how-card{display:flex!important;flex-direction:column!important;min-height:0!important;height:auto!important}
  .how-card-image{width:100%!important;height:auto!important;aspect-ratio:16/10!important;min-height:0!important;flex:0 0 auto!important}
  .how-card-image img{width:100%!important;height:100%!important;object-fit:cover!important}
  .how-card-content{width:100%!important;height:auto!important;min-height:0!important;padding:clamp(20px,5vw,30px)!important;flex:0 0 auto!important}
  .how-card-content strong{font-size:clamp(22px,7vw,34px)!important;line-height:1.08!important;margin:8px 0 13px!important}
  .how-card-content p{font-size:clamp(11px,3.2vw,14px)!important;line-height:1.55!important}
  .experience-action{font-size:clamp(10px,3vw,12px)!important;margin-top:13px!important}
}

/* Small phones: preserve content instead of shrinking it into invisibility. */
@media(max-width:430px){
  .container{width:calc(100% - 18px)!important}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .product-body{padding:9px!important}
  .product-name{font-size:clamp(11px,3.5vw,13px)!important}
  .price{font-size:clamp(14px,4.4vw,17px)!important}
  .card-actions{grid-template-columns:minmax(0,1fr) 34px 34px!important}
  .how-card-content{padding:18px!important}
  .how-card-content strong{font-size:clamp(21px,7.2vw,30px)!important}
  .how-card-content p{font-size:clamp(10.5px,3.3vw,12px)!important}
  .experience-action{font-size:10px!important}
}

/* Narrowest supported phones: switch products to one column rather than squeeze/lose content. */
@media(max-width:340px){
  .container{width:calc(100% - 14px)!important}
  .product-grid{grid-template-columns:1fr!important;gap:10px!important}
  .photo{aspect-ratio:1/1!important}
  .product-body{padding:11px!important}
  .product-name{font-size:14px!important}
  .desc{font-size:10px!important}
  .price{font-size:17px!important}
  .card-actions{grid-template-columns:minmax(0,1fr) 40px 40px!important}
  .how-card-content{padding:16px!important}
  .how-card-content strong{font-size:23px!important;line-height:1.08!important}
  .how-card-content p{font-size:10.5px!important;line-height:1.5!important}
  .experience-action{font-size:10px!important}
}

/* =========================================================
   HEADER + GLOBAL RESPONSIVE REFINEMENT
   Final cascade: header/nav text stays intact, never wraps into
   conflicting rows; supporting cards/filters adapt with the viewport.
   ========================================================= */

/* Header uses a flexible three-zone layout only while there is room. */
.header-main{
  display:grid!important;
  grid-template-columns:minmax(190px,auto) minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:clamp(12px,2vw,30px)!important;
  min-width:0!important;
}
.text-brand{min-width:0!important;max-width:100%!important}
.text-brand strong,.text-brand span{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-main>nav{min-width:0!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:clamp(10px,1.8vw,23px)!important;white-space:nowrap!important;overflow:visible!important}
.header-main>nav a{white-space:nowrap!important;flex:0 0 auto!important}
.head-tools{min-width:0!important;display:flex!important;flex:0 0 auto!important;white-space:nowrap!important}

/* Secondary category bar never wraps. It scrolls horizontally when necessary. */
.category-nav{min-width:0!important;overflow:hidden!important}
.category-nav-in{min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:none!important;gap:clamp(12px,1.8vw,23px)!important}
.category-nav-in::-webkit-scrollbar{display:none!important}
.category-nav-in a,.category-nav-in button{flex:0 0 auto!important;white-space:nowrap!important}
.category-nav-in button{margin-left:auto!important}

/* Trust/service boxes: content always stays inside its own cell. */
.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.service-grid>div{min-width:0!important}
.service-grid>div>span:last-child{min-width:0!important}
.service-grid b,.service-grid small{white-space:normal!important;overflow-wrap:break-word!important}

/* Refine results: sticky only on larger screens, with no artificial height. */
.shop-layout{align-items:start!important;min-width:0!important}
.filters{align-self:start!important;height:max-content!important;min-height:0!important;max-height:calc(100vh - 140px)!important;overflow:auto!important;overscroll-behavior:contain!important}
.filters::-webkit-scrollbar{width:5px}

/* Shoe/category boxes remain fluid and never squeeze their contents. */
.category-cards{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;min-width:0!important}
.category-cards button{width:100%!important;min-width:0!important}
.category-cards button img{width:100%!important;height:auto!important;aspect-ratio:1.45/1!important;object-fit:cover!important;display:block!important}

/* Hero information cards stay anchored to the hero and never float into text. */
.hero-art{min-width:0!important;contain:layout paint!important}
.floating-card{max-width:min(210px,32%)!important;min-width:0!important;white-space:normal!important}
.floating-card>div{min-width:0!important}
.floating-card b,.floating-card small{white-space:normal!important;overflow-wrap:break-word!important}
.hero-tag{max-width:45%!important;white-space:normal!important}

/* Desktop/tablet scaling: reduce spacing before switching to mobile navigation. */
@media (max-width:1200px) and (min-width:901px){
  .header-main{grid-template-columns:minmax(175px,200px) minmax(0,1fr) auto!important;gap:12px!important}
  .text-brand strong{font-size:14px!important}
  .text-brand span{font-size:8px!important}
  .header-main>nav{gap:10px!important;font-size:10px!important}
  .head-tools{gap:4px!important}
  .head-icon{width:36px!important;height:36px!important}
  .cart-head{height:36px!important;padding-inline:8px!important;font-size:10px!important}
  .category-nav-in{gap:14px!important}
  .category-nav-in button{font-size:9px!important}
  .category-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .filters{top:108px!important;max-height:calc(100vh - 124px)!important}
}

/* Switch to a real mobile header before the desktop navigation can collide. */
@media (max-width:900px){
  .header-main{height:68px!important;min-height:68px!important;display:flex!important;justify-content:space-between!important;gap:10px!important;padding-inline:0!important}
  .header-main>nav{display:none!important}
  .head-tools{display:flex!important;gap:6px!important}
  .head-tools>*{display:none!important}
  .head-tools #openMenu{display:grid!important;width:40px!important;height:40px!important;min-height:40px!important}
  .category-nav{display:none!important}
  .text-brand{flex:1 1 auto!important;max-width:calc(100% - 50px)!important}
  .text-brand strong{font-size:clamp(13px,2vw,17px)!important}
  .text-brand span{font-size:clamp(6px,1vw,9px)!important;letter-spacing:.08em!important}
  .mobile-nav{top:68px!important}
  .category-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .filters{top:78px!important;max-height:calc(100vh - 160px)!important}
}

@media (max-width:600px){
  .service-grid{grid-template-columns:1fr!important}
  .service-grid>div{border-right:0!important;border-bottom:1px solid var(--line)!important;padding:15px!important}
  .service-grid>div:last-child{border-bottom:0!important}
  .category-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .category-cards button{min-height:145px!important;padding:12px!important}
  .category-cards button img{aspect-ratio:1.55/1!important}
  .filters{top:70px!important;bottom:82px!important;max-height:none!important}
}

@media (max-width:380px){
  .text-brand strong{font-size:13px!important}
  .text-brand span{font-size:6px!important}
  .header-main{height:58px!important;min-height:58px!important}
  .mobile-nav{top:58px!important}
  .category-cards{grid-template-columns:1fr!important}
  .service-grid>div{padding:13px 10px!important}
}

/* Never let a small viewport force hidden text inside the experience block. */
.how-card,.how-card-content,.how-card-image{min-width:0!important}
.how-card-content{overflow:visible!important}
.how-card-content strong,.how-card-content p,.experience-action{overflow:visible!important;text-overflow:clip!important}

/* =========================================================
   MASTER FLUID RESPONSIVE LAYOUT
   One final cascade: content remains visible and containers grow
   naturally instead of clipping or competing at breakpoints.
   ========================================================= */
html{overflow-x:hidden}
body{overflow-x:hidden;min-width:0}
*,*::before,*::after{box-sizing:border-box}
img,svg{max-width:100%}
button,input,select,textarea{max-width:100%}
.container{width:min(100% - 32px,1320px);margin-inline:auto;min-width:0}

/* Header: desktop nav is allowed only while it actually fits. */
.header{position:sticky;top:0;z-index:120}
.header-main{display:flex!important;align-items:center!important;gap:clamp(10px,1.8vw,26px)!important;min-height:72px!important;height:auto!important;padding-block:10px!important}
.text-brand{flex:0 1 235px!important;min-width:0!important}
.text-brand strong,.text-brand span{white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
.header-main>nav{display:flex!important;flex:1 1 auto!important;min-width:0!important;justify-content:center!important;gap:clamp(8px,1.45vw,21px)!important;overflow:hidden!important}
.header-main>nav a{white-space:nowrap!important;flex:0 1 auto!important;min-width:0!important}
.head-tools{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:6px!important}
.category-nav-in{display:flex!important;align-items:center!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important}
.category-nav-in a,.category-nav-in button{flex:0 0 auto!important;white-space:nowrap!important}
.category-nav-in button{margin-left:auto!important}

/* Never let utility cards force their text into another item. */
.service-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;min-width:0!important}
.service-grid>div{min-width:0!important;display:flex!important;align-items:center!important;gap:10px!important}
.service-grid>div>span:last-child{min-width:0!important;flex:1 1 auto!important}
.service-grid b,.service-grid small{display:block!important;white-space:normal!important;overflow-wrap:anywhere!important}

/* Hero: image and overlays are one bounded coordinate system. */
.hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center!important;gap:clamp(24px,5vw,72px)!important;min-width:0!important}
.hero-copy,.hero-art{min-width:0!important}
.hero-copy{position:relative;z-index:4}
.hero-art{position:relative!important;width:100%!important;max-width:620px!important;margin-inline:auto!important;aspect-ratio:1/1!important;min-height:0!important;overflow:visible!important;isolation:isolate}
.hero-art .art-bg{position:absolute!important;inset:5%!important;width:auto!important;height:auto!important;z-index:0!important;transform:rotate(1deg)!important}
.hero-shoe{position:absolute!important;inset:8%!important;width:auto!important;height:auto!important;z-index:2!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}
.hero-shoe img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;aspect-ratio:auto!important;transform:rotate(-7deg)!important}
.floating-card{position:absolute!important;z-index:5!important;max-width:34%!important;min-width:0!important;padding:clamp(8px,1.2vw,14px)!important}
.fc-one{left:-2%!important;top:14%!important}
.fc-two{right:-2%!important;bottom:18%!important}
.hero-tag{position:absolute!important;right:3%!important;bottom:5%!important;z-index:6!important;max-width:44%!important}
.floating-card b,.floating-card small,.hero-tag b,.hero-tag span{overflow-wrap:anywhere!important}

/* Categories and products: fluid minmax columns, never fixed card widths. */
.category-cards{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:clamp(10px,1.4vw,18px)!important;min-width:0!important}
.category-cards button{min-width:0!important;width:100%!important}
.category-cards button img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1.45!important;object-fit:cover!important}
.shop-layout{display:grid!important;grid-template-columns:minmax(220px,280px) minmax(0,1fr)!important;gap:clamp(18px,2.5vw,30px)!important;min-width:0!important}
.catalog{min-width:0!important;width:100%!important}
.product-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(12px,1.5vw,20px)!important;min-width:0!important;width:100%!important}
.product-card{min-width:0!important;width:100%!important}
.photo{width:100%!important;aspect-ratio:1/1!important;height:auto!important;min-height:0!important}
.photo img{width:100%!important;height:100%!important;object-fit:cover!important}
.product-body{min-width:0!important}
.product-name,.brand,.desc,.stock-line,.price,.compare{overflow-wrap:anywhere!important;word-break:normal!important;min-width:0!important}
.card-actions{min-width:0!important}
.card-actions>*{min-width:0!important}

/* Filter adapts without reserving phantom space. */
.filters{min-width:0!important;height:max-content!important;max-height:calc(100vh - 150px)!important;overflow:auto!important}

/* Experience card: both columns always belong to the same box. */
.how-grid{min-width:0!important}
.how-card{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;min-width:0!important;width:100%!important;min-height:0!important;height:auto!important;overflow:hidden!important}
.how-card-image{min-width:0!important;width:100%!important;min-height:0!important;aspect-ratio:1/1!important;overflow:hidden!important}
.how-card-image img{width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important}
.how-card-content{min-width:0!important;width:100%!important;padding:clamp(22px,4vw,54px)!important;overflow:visible!important}
.how-kicker{white-space:normal!important;overflow-wrap:anywhere!important}
.how-card-content strong{display:block!important;max-width:100%!important;font-size:clamp(24px,3.4vw,48px)!important;line-height:1.06!important;white-space:normal!important;overflow:visible!important;overflow-wrap:normal!important;word-break:normal!important}
.how-card-content p{max-width:100%!important;font-size:clamp(12px,1.2vw,17px)!important;line-height:1.55!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important}
.experience-action{white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important;display:inline-flex!important;align-items:center!important;gap:8px!important;max-width:100%!important}

/* Contact/footer and every general grid can shrink safely. */
.contact-grid,.steps,.shop-top,.section-head{min-width:0!important}
.section-head>*{min-width:0!important}
.section-head h2,.shop-top h2,.hero h1,.hero-copy>p{overflow-wrap:normal!important;word-break:normal!important}

/* Desktop to tablet: reduce columns before anything gets cramped. */
@media (max-width:1180px){
  .header-main>nav{gap:10px!important;font-size:12px!important}
  .text-brand{flex-basis:205px!important}
  .head-tools .head-icon{width:38px!important;height:38px!important}
  .cart-head{padding-inline:10px!important}
  .category-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .hero-grid{gap:28px!important}
}

@media (max-width:980px){
  .header-main{min-height:64px!important}
  .text-brand{flex:1 1 auto!important;max-width:260px!important}
  .header-main>nav{display:none!important}
  .head-tools{margin-left:auto!important}
  .head-tools>*{display:none!important}
  .head-tools #openMenu{display:grid!important;place-items:center!important;width:40px!important;height:40px!important}
  .category-nav{display:none!important}
  .hero-grid{grid-template-columns:1fr!important}
  .hero-copy{text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important}
  .hero-copy>p{margin-inline:auto!important}
  .hero-actions,.hero-meta{justify-content:center!important}
  .hero-art{width:min(100%,600px)!important}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .shop-layout{grid-template-columns:minmax(200px,240px) minmax(0,1fr)!important}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .how-card{grid-template-columns:1fr 1fr!important}
}

@media (max-width:720px){
  .container{width:min(100% - 24px,1320px)!important}
  .hero-grid{padding-block:28px!important}
  .hero-art{width:min(100%,520px)!important}
  .floating-card{max-width:42%!important}
  .fc-one{left:1%!important;top:9%!important}
  .fc-two{right:1%!important;bottom:12%!important}
  .hero-tag{right:2%!important;bottom:2%!important}
  .category-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .shop-layout{display:block!important}
  .filters{position:fixed!important;left:12px!important;right:12px!important;top:70px!important;bottom:82px!important;width:auto!important;max-height:none!important;z-index:140!important;overflow:auto!important}
  .how-card{grid-template-columns:1fr!important}
  .how-card-image{aspect-ratio:16/10!important}
  .how-card-content{padding:24px!important}
  .how-card-content strong{font-size:clamp(25px,7vw,38px)!important}
}

@media (max-width:480px){
  .container{width:calc(100% - 20px)!important}
  .header-main{min-height:58px!important;padding-block:8px!important}
  .text-brand{max-width:calc(100% - 48px)!important}
  .text-brand strong{font-size:14px!important;line-height:1.1!important}
  .text-brand span{font-size:7px!important;line-height:1.2!important}
  .hero-grid{padding-block:22px!important}
  .hero h1{font-size:clamp(34px,10vw,48px)!important}
  .hero-copy>p{font-size:14px!important;line-height:1.55!important}
  .hero-actions{width:100%!important;display:grid!important;grid-template-columns:1fr!important}
  .hero-actions .btn{width:100%!important;min-width:0!important}
  .hero-art{width:100%!important;max-width:440px!important}
  .floating-card{max-width:39%!important;padding:8px!important}
  .floating-card b{font-size:10px!important}
  .floating-card small{font-size:9px!important}
  .hero-tag{font-size:9px!important;padding:8px 10px!important}
  .service-grid{grid-template-columns:1fr!important}
  .service-grid>div{padding:13px 10px!important}
  .category-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .category-cards button{padding:9px!important;min-height:0!important}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .product-body{padding:10px!important}
  .product-name{font-size:13px!important}
  .desc{font-size:10px!important;line-height:1.4!important}
  .price{font-size:16px!important}
  .card-actions{grid-template-columns:minmax(0,1fr) 38px 38px!important}
  .how-card-content{padding:20px!important}
  .how-card-content strong{font-size:clamp(23px,8vw,34px)!important;line-height:1.08!important}
  .how-card-content p{font-size:12px!important;line-height:1.5!important}
}

@media (max-width:340px){
  .container{width:calc(100% - 14px)!important}
  .header-main{min-height:54px!important}
  .text-brand strong{font-size:12px!important}
  .text-brand span{font-size:6px!important}
  .head-tools #openMenu{width:36px!important;height:36px!important}
  .hero h1{font-size:32px!important}
  .hero-copy>p{font-size:13px!important}
  .hero-art{max-width:320px!important}
  .floating-card{display:none!important}
  .hero-tag{right:1%!important;bottom:1%!important;font-size:8px!important;padding:6px 8px!important}
  .category-cards,.product-grid{grid-template-columns:1fr!important}
  .product-grid{gap:12px!important}
  .how-card-content{padding:16px!important}
  .how-kicker{font-size:9px!important;letter-spacing:.1em!important}
  .how-card-content strong{font-size:24px!important;line-height:1.08!important;margin:9px 0 10px!important}
  .how-card-content p{font-size:11px!important;line-height:1.5!important}
  .experience-action{font-size:11px!important}
}

/* =========================================================
   FINAL STABILITY PASS — RESPONSIVE AT EVERY WIDTH
   ========================================================= */

/* The mobile dock keeps useful quick actions; Menu belongs in the header only. */
.mobile-dock{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#dockMenu{display:none!important}

/* Hero: keep the information cards tied to the shoe, not the viewport. */
.hero-art{overflow:hidden!important}
.hero-shoe{z-index:2!important}
.hero-shoe img{transition:transform .55s cubic-bezier(.2,.75,.25,1),filter .55s ease!important}
.hero-art:hover .hero-shoe img{transform:rotate(-5deg) scale(1.055)!important;filter:drop-shadow(0 34px 27px rgba(23,32,51,.28))!important}
.floating-card{z-index:7!important;width:auto!important;max-width:31%!important;min-width:0!important;padding:clamp(8px,1.1vw,13px)!important;gap:clamp(6px,1vw,10px)!important}
.fc-one{left:3%!important;right:auto!important;top:15%!important}
.fc-two{right:3%!important;left:auto!important;bottom:16%!important}
.floating-card .mini-icon{width:clamp(28px,4vw,34px)!important;height:clamp(28px,4vw,34px)!important;flex:0 0 auto!important}
.floating-card b{font-size:clamp(9px,1vw,11px)!important;line-height:1.2!important}
.floating-card small{font-size:clamp(7px,.78vw,9px)!important;line-height:1.3!important}

/* Sticky filter: it follows the viewport while the shop has enough room for it. */
.shop-layout{align-items:start!important}
.filters{position:sticky!important;top:calc(var(--header-height, 118px) + 14px)!important;align-self:start!important;height:max-content!important;max-height:calc(100vh - var(--header-height, 118px) - 30px)!important;overflow:auto!important;z-index:20!important}

/* Product cards: let every card shrink/grow cleanly instead of creating overflow. */
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(10px,1.45vw,20px)!important}
.product-card{display:flex!important;flex-direction:column!important;min-width:0!important}
.product-card .photo{flex:0 0 auto!important}
.product-body{display:flex!important;flex-direction:column!important;min-width:0!important;flex:1 1 auto!important}
.product-name{font-size:clamp(12px,1.05vw,15px)!important;line-height:1.3!important;min-height:2.6em!important}
.desc{font-size:clamp(8px,.72vw,10px)!important;line-height:1.45!important;min-height:2.9em!important}
.price{font-size:clamp(15px,1.35vw,18px)!important}
.stock-line{gap:8px!important;flex-wrap:wrap!important}
.card-actions{margin-top:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) 38px 38px!important;gap:6px!important}
.card-actions .btn{min-width:0!important;padding-inline:8px!important;font-size:clamp(8px,.68vw,10px)!important}

/* Header typography scales down before the layout changes mode. */
.header-main{--header-height:72px}
.text-brand strong{font-size:clamp(13px,1.15vw,16px)!important;line-height:1.15!important}
.text-brand span{font-size:clamp(6px,.58vw,8px)!important;line-height:1.2!important;letter-spacing:.16em!important}
.header-main>nav{font-size:clamp(9px,.72vw,12px)!important;gap:clamp(7px,1.25vw,18px)!important}
.head-tools{gap:clamp(4px,.55vw,7px)!important}

/* Medium widths: reduce card density before content becomes cramped. */
@media (max-width:1100px){
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .shop-layout{grid-template-columns:minmax(200px,250px) minmax(0,1fr)!important}
  .floating-card{max-width:30%!important}
}

@media (max-width:980px){
  .header-main{--header-height:64px!important}
  .filters{position:fixed!important;top:74px!important;left:12px!important;right:12px!important;bottom:78px!important;width:auto!important;max-height:none!important;z-index:140!important}
  .shop-layout{display:block!important}
  .catalog{min-width:0!important}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .floating-card{max-width:29%!important}
}

@media (max-width:720px){
  .floating-card{max-width:30%!important;padding:7px!important}
  .fc-one{left:2%!important;top:13%!important}
  .fc-two{right:2%!important;bottom:14%!important}
  .floating-card b{font-size:8px!important}
  .floating-card small{font-size:7px!important}
  .floating-card .mini-icon{width:25px!important;height:25px!important;font-size:7px!important}
  .hero-art:hover .hero-shoe img{transform:rotate(-4deg) scale(1.035)!important}
  .product-grid{gap:9px!important}
  .product-body{padding:9px!important}
  .card-actions{grid-template-columns:minmax(0,1fr) 34px 34px!important;gap:5px!important}
  .card-actions .btn{font-size:8px!important}
}

/* At phone widths the hero cards disappear before they can cover the shoe or text. */
@media (max-width:520px){
  .floating-card{display:none!important}
  .hero-art{overflow:hidden!important}
  .hero-shoe img{transform:rotate(-4deg)!important}
  .hero-art:hover .hero-shoe img{transform:rotate(-4deg) scale(1.025)!important}
  .filters{left:8px!important;right:8px!important;top:66px!important;bottom:70px!important}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .product-name{font-size:12px!important}
  .desc{font-size:8px!important}
  .card-actions{grid-template-columns:minmax(0,1fr) 32px 32px!important}
}

@media (max-width:360px){
  .product-grid{grid-template-columns:1fr!important;gap:10px!important}
  .product-name{font-size:14px!important}
  .desc{font-size:9px!important}
  .card-actions{grid-template-columns:minmax(0,1fr) 38px 38px!important}
}

/* Short screens: the filter remains usable without reserving page space. */
@media (max-height:620px) and (min-width:981px){
  .filters{max-height:calc(100vh - 105px)!important;top:90px!important}
}

/* =========================================================
   PRECISION RESPONSIVE PASS — HERO CARDS / FILTER / CATALOG
   ========================================================= */

/* All three hero callouts behave as one family and stay visually tied to the shoe. */
.hero-art .floating-card,
.hero-art .hero-tag{
  transition:transform .32s cubic-bezier(.2,.75,.25,1), box-shadow .32s ease, opacity .25s ease;
  pointer-events:auto!important;
}
.hero-art .floating-card:hover,
.hero-art .hero-tag:hover{
  transform:translateY(-5px) scale(1.025)!important;
  box-shadow:0 18px 42px rgba(23,32,51,.16)!important;
}
.hero-art:hover .floating-card,
.hero-art:hover .hero-tag{opacity:1!important}

/* Keep all callouts close to the shoe rather than pinned to the outer frame. */
.floating-card.fc-one{left:11%!important;right:auto!important;top:19%!important}
.floating-card.fc-two{right:11%!important;left:auto!important;bottom:19%!important}
.hero-tag{right:10%!important;bottom:12%!important}

/* Desktop filter is a true left-side sticky rail. Its width follows the available space. */
@media (min-width:981px){
  .shop-layout{
    display:grid!important;
    grid-template-columns:minmax(190px,clamp(210px,20vw,280px)) minmax(0,1fr)!important;
    align-items:start!important;
  }
  .filters{
    position:sticky!important;
    top:clamp(92px,calc(var(--header-height,72px) + 20px),150px)!important;
    align-self:start!important;
    width:100%!important;
    max-width:100%!important;
    height:max-content!important;
    max-height:calc(100vh - clamp(110px,calc(var(--header-height,72px) + 34px),170px))!important;
    overflow:auto!important;
    z-index:30!important;
  }
}

/* Before the desktop rail becomes cramped, reduce its width and catalog density together. */
@media (min-width:981px) and (max-width:1099px){
  .shop-layout{grid-template-columns:minmax(185px,220px) minmax(0,1fr)!important;gap:16px!important}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
  .floating-card.fc-one{left:10%!important;top:20%!important}
  .floating-card.fc-two{right:10%!important;bottom:20%!important}
  .hero-tag{right:9%!important;bottom:11%!important}
  .floating-card{max-width:27%!important}
}

/* Tablet/phone: the filter no longer consumes page width. It becomes an intentional overlay
   only when the user opens Filters, so the product grid can always use the full width. */
@media (max-width:980px){
  .shop-layout{display:block!important;min-width:0!important}
  .filters:not(.open){display:none!important}
  .filters.open{
    position:fixed!important;
    top:clamp(66px,9vh,88px)!important;
    left:clamp(8px,3vw,18px)!important;
    right:clamp(8px,3vw,18px)!important;
    bottom:clamp(70px,10vh,92px)!important;
    width:auto!important;
    max-height:none!important;
    overflow:auto!important;
    z-index:160!important;
  }
  .catalog{width:100%!important;min-width:0!important}
  .product-grid{width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .floating-card.fc-one{left:9%!important;top:20%!important}
  .floating-card.fc-two{right:9%!important;bottom:20%!important}
  .hero-tag{right:8%!important;bottom:10%!important}
}

@media (max-width:720px){
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .product-card{width:100%!important;max-width:none!important}
  .product-card .photo{width:100%!important;aspect-ratio:1/1!important}
  .product-card img{width:100%!important;height:100%!important;object-fit:cover!important}
  .floating-card{max-width:30%!important}
  .floating-card.fc-one{left:8%!important;top:19%!important}
  .floating-card.fc-two{right:8%!important;bottom:19%!important}
  .hero-tag{right:7%!important;bottom:9%!important}
}

/* Small phones: preserve readable cards and let the hero breathe. */
@media (max-width:520px){
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .product-body{padding:9px 8px!important}
  .product-name{font-size:clamp(11px,3.2vw,13px)!important;line-height:1.28!important}
  .desc{font-size:clamp(8px,2.4vw,9px)!important}
  .price{font-size:clamp(14px,4vw,17px)!important}
  .card-actions{grid-template-columns:minmax(0,1fr) 32px 32px!important}
  .floating-card,.hero-tag{display:none!important}
}

@media (max-width:360px){
  .product-grid{grid-template-columns:1fr!important;gap:10px!important}
  .product-card .photo{aspect-ratio:4/3!important}
}

/* Keep header text and controls from colliding at intermediate widths. */
.header-main,.header-main>nav,.head-tools,.text-brand{min-width:0!important}
.text-brand strong,.text-brand span,.header-main>nav a,.head-tools button,.head-tools a{
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
@media (min-width:981px){
  .header-main{gap:clamp(8px,1.5vw,24px)!important}
  .text-brand{flex:0 1 clamp(150px,18vw,220px)!important}
  .header-main>nav{flex:1 1 auto!important;min-width:0!important;justify-content:center!important}
  .head-tools{flex:0 0 auto!important}
}

/* Never allow catalog children to establish a wider layout than their grid cell. */
.shop,.shop .container,.catalog,.product-grid,.product-card,.product-body,.catalog-tools,.pagination{min-width:0!important;max-width:100%!important}

/* =========================================================
   FINAL PRECISION PASS — HERO TAG + CATEGORY RAIL
   ========================================================= */

/* The Rwanda → World tag is a third hero callout, not a separate stacked badge.
   Keep it on the right side of the shoe and give it the same motion/visibility
   behavior as the two white floating cards. */
.hero-art .hero-tag{
  right:14%!important;
  left:auto!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  z-index:7!important;
  max-width:clamp(108px,18%,165px)!important;
  min-width:0!important;
  white-space:normal!important;
  pointer-events:auto!important;
  transition:transform .32s cubic-bezier(.2,.75,.25,1),box-shadow .32s ease,opacity .25s ease!important;
}
.hero-art .hero-tag:hover{
  transform:translateY(calc(-50% - 5px)) scale(1.025)!important;
  box-shadow:0 18px 42px rgba(23,32,51,.16)!important;
}
.hero-art .hero-tag b,
.hero-art .hero-tag span{
  display:block!important;
  overflow-wrap:anywhere!important;
}

/* Keep all three callouts visually tied to the same shoe footprint. */
@media (min-width:1100px){
  .floating-card.fc-one{left:11%!important;top:21%!important}
  .floating-card.fc-two{right:11%!important;bottom:21%!important}
  .hero-art .hero-tag{right:14%!important;top:50%!important}
}
@media (min-width:981px) and (max-width:1099px){
  .floating-card.fc-one{left:10%!important;top:21%!important}
  .floating-card.fc-two{right:10%!important;bottom:21%!important}
  .hero-art .hero-tag{right:12%!important;top:50%!important;max-width:20%!important}
}
@media (max-width:980px) and (min-width:721px){
  .floating-card.fc-one{left:9%!important;top:20%!important}
  .floating-card.fc-two{right:9%!important;bottom:20%!important}
  .hero-art .hero-tag{right:11%!important;top:50%!important;max-width:21%!important}
}

/* All hero callouts disappear together before they can overlap the shoe/text. */
@media (max-width:720px){
  .floating-card.fc-one{left:8%!important;top:19%!important}
  .floating-card.fc-two{right:8%!important;bottom:19%!important}
  .hero-art .hero-tag{right:9%!important;top:50%!important;bottom:auto!important;max-width:24%!important}
}
@media (max-width:520px){
  .hero-art .floating-card,
  .hero-art .hero-tag{display:none!important}
}

/* The category rail remains attached to the header while scrolling on sizes
   that can support it. It uses the full available width and never creates a
   phantom spacer. When the header changes to mobile mode, it disappears with
   the desktop category navigation. */
@media (min-width:821px){
  .category-nav{
    width:100%!important;
    min-width:0!important;
    position:relative!important;
    height:42px!important;
    overflow:hidden!important;
  }
  .category-nav-in{
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    padding-inline:clamp(8px,1.5vw,24px)!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
  }
  .category-nav-in::-webkit-scrollbar{display:none!important}
}
@media (max-width:820px){
  .category-nav{display:none!important;height:0!important;overflow:hidden!important}
}

/* Prevent the six SHOP SMARTER category boxes from collapsing unevenly at
   intermediate widths. They consume the available row width cleanly and
   disappear into fewer columns only when the viewport truly needs it. */
.category-cards{
  width:100%!important;
  min-width:0!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  align-items:stretch!important;
}
.category-cards button{
  min-width:0!important;
  width:100%!important;
  height:100%!important;
}
@media (max-width:1180px) and (min-width:981px){
  .category-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (max-width:980px) and (min-width:721px){
  .category-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:720px) and (min-width:481px){
  .category-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:480px){
  .category-cards{grid-template-columns:1fr!important}
}

/* Desktop refine rail: stay on the left throughout scrolling whenever there
   is enough horizontal and vertical space. At the exact point where that
   becomes impractical, the existing mobile filter behavior takes over. */
@media (min-width:981px){
  .shop-layout{grid-template-columns:minmax(190px,clamp(210px,20vw,280px)) minmax(0,1fr)!important;align-items:start!important}
  .filters{
    position:sticky!important;
    top:clamp(86px,calc(var(--header-height,72px) + 14px),140px)!important;
    align-self:start!important;
    width:100%!important;
    max-width:100%!important;
    height:max-content!important;
    max-height:calc(100vh - clamp(100px,calc(var(--header-height,72px) + 26px),160px))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
}

/* Short desktop windows: preserve the left rail without letting it cover the
   catalog or reserve unnecessary page space. */
@media (min-width:981px) and (max-height:700px){
  .filters{
    max-height:calc(100vh - 96px)!important;
    top:82px!important;
  }
}


/* =========================================================
   FINAL UX PASS — REMOVE HERO TAG + PROFESSIONAL FILTER RAIL
   ========================================================= */
.hero-art .hero-tag{display:none!important}

/* Desktop ecommerce pattern: a persistent, compact left filter rail that
   remains available while the product list scrolls. The rail itself becomes
   independently scrollable only when the viewport is too short to show all
   controls, so important filters never disappear. */
@media (min-width:981px){
  .shop-layout{
    display:grid!important;
    grid-template-columns:minmax(220px,260px) minmax(0,1fr)!important;
    column-gap:clamp(20px,2.4vw,36px)!important;
    align-items:start!important;
  }
  .filters{
    position:sticky!important;
    top:clamp(78px,calc(var(--header-height,72px) + 12px),118px)!important;
    z-index:8!important;
    box-sizing:border-box!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    border:1px solid rgba(23,32,51,.10)!important;
    border-radius:18px!important;
    box-shadow:0 10px 30px rgba(23,32,51,.07)!important;
    max-height:calc(100vh - clamp(92px,calc(var(--header-height,72px) + 26px),142px))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:thin!important;
  }
  .filter-title{
    position:sticky!important;
    top:0!important;
    z-index:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    min-height:58px!important;
    padding:15px 17px!important;
    background:rgba(255,255,255,.97)!important;
    border-bottom:1px solid rgba(23,32,51,.08)!important;
    backdrop-filter:blur(10px)!important;
  }
  .filter-title b{font-size:15px!important;line-height:1.2!important;letter-spacing:-.01em!important}
  .filter-title button{
    flex:0 0 auto!important;
    border:0!important;
    background:transparent!important;
    padding:5px 0!important;
    color:#6b7280!important;
    font-size:12px!important;
    font-weight:700!important;
    cursor:pointer!important;
  }
  .filter-title button:hover{color:#111827!important;text-decoration:underline!important}
  .filter-block{
    padding:16px 17px!important;
    border-bottom:1px solid rgba(23,32,51,.07)!important;
  }
  .filter-block>b{
    display:block!important;
    margin-bottom:10px!important;
    font-size:12px!important;
    line-height:1.2!important;
    letter-spacing:.04em!important;
    text-transform:uppercase!important;
  }
  .filter-block label{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    min-height:32px!important;
    margin:2px 0!important;
    font-size:13px!important;
    line-height:1.35!important;
    color:#3f4652!important;
    cursor:pointer!important;
  }
  .filter-block label:hover{color:#111827!important}
  .filter-block input[type="checkbox"],
  .filter-block input[type="radio"]{
    flex:0 0 auto!important;
    width:16px!important;
    height:16px!important;
    margin:0!important;
    accent-color:#111827!important;
  }
  .price-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;gap:7px!important}
  .price-row input{width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .filter-note{
    margin:0!important;
    padding:14px 17px 16px!important;
    font-size:12px!important;
    line-height:1.5!important;
    color:#697180!important;
    background:#fafafa!important;
  }
  .filter-note a{font-weight:750!important;color:#111827!important;text-decoration:none!important;white-space:nowrap!important}
  .filter-note a:hover{text-decoration:underline!important}
}

/* When the desktop rail no longer has enough width, use the established
   mobile filter drawer instead of squeezing or overlapping the catalog. */
@media (max-width:980px){
  .shop-layout{display:block!important}
  .filters{max-width:none!important;width:100%!important}
}

/* Very short desktop viewports: keep the rail useful, but let it scroll inside
   its own card rather than disappearing off-screen. */
@media (min-width:981px) and (max-height:620px){
  .filters{
    top:74px!important;
    max-height:calc(100vh - 86px)!important;
  }
  .filter-title{min-height:52px!important;padding:12px 15px!important}
  .filter-block{padding:12px 15px!important}
  .filter-note{padding:11px 15px 13px!important}
}

/* Remove any historical hero-tag positioning rules from affecting layout. */
@media (max-width:980px){.hero-art .hero-tag{display:none!important}}

/* =========================================================
   STANDARD ECOMMERCE FILTER BEHAVIOR — FULL PAGE STICKY RAIL
   The filter card stays in the viewport while the current catalog section
   scrolls. Because it is sticky inside .shop-layout, it naturally releases
   only when the entire catalog section (including its 50-item page) reaches
   its end. It never floats beyond its section or leaves an artificial gap.
   ========================================================= */
@media (min-width:981px){
  .shop-layout{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(220px,260px) minmax(0,1fr)!important;
    column-gap:clamp(20px,2.4vw,36px)!important;
    align-items:start!important;
  }

  .shop-layout > .filters{
    position:sticky!important;
    top:clamp(78px,calc(var(--header-height,72px) + 12px),118px)!important;
    align-self:start!important;
    justify-self:stretch!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    box-sizing:border-box!important;
    z-index:8!important;
    /* Keep the whole filter card visible whenever the viewport can hold it. */
    max-height:none!important;
    overflow:visible!important;
  }

  .shop-layout > .filters .filter-title{
    position:relative!important;
    top:auto!important;
  }
}

/* If the viewport is shorter than the complete filter card, preserve the
   sticky left rail but allow only the card itself to scroll. */
@media (min-width:981px) and (max-height:720px){
  .shop-layout > .filters{
    max-height:calc(100vh - clamp(88px,calc(var(--header-height,72px) + 20px),128px))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
}

/* At the point where the two-column layout no longer has comfortable room,
   remove sticky positioning entirely and use the responsive filter treatment. */
@media (max-width:980px){
  .shop-layout > .filters{
    position:relative!important;
    top:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
}

/* =========================================================
   FINAL BRAND + FILTER LAYOUT REFINEMENT
   ========================================================= */

/* Brand wordmark: treat the text lockup as the site's logo.  It scales
   smoothly instead of jumping between many fixed sizes. */
.text-brand{
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:min(34vw,430px)!important;
  padding:4px 0!important;
  gap:clamp(3px,.35vw,6px)!important;
}
.text-brand strong{
  font-size:clamp(21px,1.75vw,31px)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
.text-brand span{
  font-size:clamp(8px,.72vw,12px)!important;
  line-height:1!important;
  letter-spacing:clamp(.09em,.16vw,.18em)!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

/* Give the brand first priority, then let navigation compress before the
   brand ever becomes unreadable. */
.header-main{gap:clamp(14px,2vw,30px)!important}
.header-main>nav{gap:clamp(11px,1.45vw,23px)!important;min-width:0!important;flex:1 1 auto!important;justify-content:center!important}
.head-tools{flex:0 0 auto!important}

/* At intermediate widths the full navigation becomes a second header row,
   preserving a large, readable brand lockup. */
@media (min-width:981px) and (max-width:1180px){
  .header-main{height:auto!important;min-height:108px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;padding-block:10px!important}
  .header-main>.text-brand{grid-column:1;grid-row:1;max-width:none!important}
  .header-main>.head-tools{grid-column:2;grid-row:1}
  .header-main>nav{grid-column:1/-1;grid-row:2;justify-self:stretch;overflow:hidden;white-space:nowrap;justify-content:flex-start!important;padding-bottom:2px}
}

/* Replace the tall left rail with a compact sticky filter toolbar on roomy
   desktop screens. This uses the same controls but fits the product area much
   better and keeps the important filter information visible while browsing. */
@media (min-width:981px){
  .shop-layout{
    display:block!important;
    position:relative!important;
  }
  .shop-layout>.filters{
    position:sticky!important;
    top:clamp(82px,calc(var(--header-height,72px) + 10px),118px)!important;
    z-index:30!important;
    width:100%!important;
    max-width:none!important;
    margin:0 0 18px!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:minmax(150px,1.05fr) minmax(230px,1.6fr) minmax(210px,1.35fr) minmax(155px,1fr) minmax(185px,1.15fr)!important;
    align-items:stretch!important;
    gap:0!important;
    border:1px solid var(--line)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 10px 30px rgba(23,32,51,.07)!important;
    overflow:hidden!important;
  }
  .shop-layout>.filters .filter-title,
  .shop-layout>.filters .filter-block,
  .shop-layout>.filters .filter-note{
    margin:0!important;
    border:0!important;
    border-right:1px solid var(--line)!important;
    min-width:0!important;
  }
  .shop-layout>.filters .filter-title{padding:14px 16px!important;display:flex!important;align-items:center!important;gap:10px!important}
  .shop-layout>.filters .filter-block{padding:13px 14px!important}
  .shop-layout>.filters .filter-note{padding:13px 14px!important;background:#faf6eb!important;display:flex!important;align-items:center!important;line-height:1.4!important}
  .shop-layout>.filters>*:last-child{border-right:0!important}
  .shop-layout>.filters .filter-block>b{font-size:10px!important;margin-bottom:7px!important}
  .shop-layout>.filters .filter-block label{display:inline-flex!important;margin:3px 9px 3px 0!important;font-size:9px!important;white-space:nowrap!important}
  .shop-layout>.filters .price-row{gap:5px!important}
  .shop-layout>.filters .price-row input{padding:7px 6px!important;min-width:0!important}
  .shop-layout>.filters .filter-note a{white-space:nowrap!important;margin-left:4px!important}
}

/* When the horizontal filter toolbar cannot breathe, do not force it into an
   ugly wrapped card: use the existing mobile Filters control instead. */
@media (min-width:981px) and (max-width:1180px){
  .shop-layout>.filters{
    grid-template-columns:1fr 1.5fr 1.1fr 1fr!important;
  }
  .shop-layout>.filters .filter-note{display:none!important}
}

@media (max-width:980px){
  .text-brand{max-width:calc(100% - 48px)!important}
  .text-brand strong{font-size:clamp(18px,5vw,25px)!important}
  .text-brand span{font-size:clamp(7px,1.8vw,10px)!important}
}

@media (max-width:520px){
  .text-brand strong{font-size:clamp(16px,5.2vw,21px)!important}
  .text-brand span{font-size:clamp(6.5px,1.8vw,8px)!important;letter-spacing:.08em!important}
}

@media (max-width:360px){
  .text-brand strong{font-size:16px!important}
  .text-brand span{font-size:6.5px!important}
}

/* =========================================================
   FINAL POLISHED FILTER + BRAND WORDMARK
   Research-informed pattern: compact horizontal filter bar above the
   product list on desktop, with the full filter drawer retained on mobile.
   ========================================================= */
@media (min-width:981px){
  .shop-layout{
    display:block!important;
    position:relative!important;
  }
  .shop-layout > .filters{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    width:100%!important;
    max-width:none!important;
    max-height:none!important;
    overflow:visible!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:0!important;
    margin:0 0 clamp(18px,2vw,28px)!important;
    padding:0!important;
    border:1px solid rgba(23,32,51,.10)!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 5px 20px rgba(23,32,51,.055)!important;
  }
  .shop-layout > .filters .filter-title{
    position:relative!important;
    top:auto!important;
    min-height:68px!important;
    padding:14px 18px!important;
    border:0!important;
    border-right:1px solid rgba(23,32,51,.08)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:4px!important;
    white-space:nowrap!important;
  }
  .shop-layout > .filters .filter-title b{
    font-size:15px!important;
    font-weight:850!important;
  }
  .shop-layout > .filters .filter-title button{
    font-size:11px!important;
    padding:0!important;
    color:#777f8d!important;
  }
  .shop-layout > .filters .filter-block{
    min-width:0!important;
    padding:12px 15px!important;
    border:0!important;
    border-right:1px solid rgba(23,32,51,.07)!important;
  }
  .shop-layout > .filters .filter-block:last-of-type{border-right:0!important}
  .shop-layout > .filters .filter-block>b{
    margin-bottom:7px!important;
    font-size:10px!important;
    letter-spacing:.07em!important;
  }
  .shop-layout > .filters .filter-block label{
    display:inline-flex!important;
    width:auto!important;
    min-height:28px!important;
    margin:1px 8px 1px 0!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
  .shop-layout > .filters .filter-block:first-of-type label{margin-right:10px!important}
  .shop-layout > .filters .price-row{min-width:170px!important}
  .shop-layout > .filters .price-row input{padding:7px 8px!important}
  .shop-layout > .filters .filter-note{
    grid-column:1/-1!important;
    border-top:1px solid rgba(23,32,51,.07)!important;
    padding:9px 16px!important;
    font-size:11px!important;
    line-height:1.35!important;
    background:#fafafa!important;
    border-radius:0 0 16px 16px!important;
  }
}

/* Keep the desktop toolbar usable at intermediate widths by allowing it to
   wrap naturally rather than squeezing text or creating horizontal overflow. */
@media (min-width:981px) and (max-width:1180px){
  .shop-layout > .filters{
    grid-template-columns:auto 1fr!important;
  }
  .shop-layout > .filters .filter-title{
    min-width:128px!important;
  }
  .shop-layout > .filters .filter-block{
    padding:10px 11px!important;
  }
  .shop-layout > .filters .filter-block label{font-size:11px!important;margin-right:6px!important}
}

/* The mobile drawer remains the correct pattern when there is no room for a
   horizontal filter bar. */
@media (max-width:980px){
  .shop-layout > .filters{
    position:fixed!important;
    top:74px!important;
    left:12px!important;
    right:12px!important;
    bottom:78px!important;
    width:auto!important;
    max-width:none!important;
    max-height:none!important;
    overflow-y:auto!important;
    z-index:140!important;
  }
  .shop-layout > .filters:not(.open){display:none!important}
}

/* Brand wordmark — give the business name the visual authority of a real
   logo while keeping the full lockup responsive. */
.text-brand{
  max-width:min(46vw,520px)!important;
  flex:0 1 auto!important;
  padding:5px 0!important;
}
.text-brand strong{
  font-size:clamp(27px,2.35vw,42px)!important;
  line-height:.94!important;
  letter-spacing:-.052em!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
.text-brand span{
  display:block!important;
  margin-top:5px!important;
  font-size:clamp(9px,.78vw,13px)!important;
  line-height:1.05!important;
  letter-spacing:clamp(.11em,.19vw,.21em)!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.header-main{gap:clamp(16px,2.4vw,34px)!important}
@media (min-width:1181px){
  .header-main>.text-brand{min-width:320px!important}
}
@media (min-width:981px) and (max-width:1180px){
  .header-main>.text-brand{max-width:none!important}
  .text-brand strong{font-size:clamp(25px,3.1vw,34px)!important}
  .text-brand span{font-size:clamp(8px,1vw,11px)!important}
}
@media (max-width:980px){
  .text-brand{max-width:calc(100% - 52px)!important}
  .text-brand strong{font-size:clamp(22px,5.8vw,31px)!important}
  .text-brand span{font-size:clamp(7px,1.9vw,10px)!important;letter-spacing:.12em!important}
}
@media (max-width:480px){
  .text-brand strong{font-size:clamp(20px,6.3vw,27px)!important}
  .text-brand span{font-size:7px!important;letter-spacing:.10em!important}
}
@media (max-width:350px){
  .text-brand strong{font-size:19px!important}
  .text-brand span{font-size:6px!important}
}

/* =========================================================
   FINAL FILTER & SORT SYSTEM
   Clean ecommerce pattern: compact toolbar + on-demand filter panel.
   ========================================================= */
.shop-layout{display:block!important;position:relative!important;min-width:0!important}
.filter-toolbar{
  display:flex!important;align-items:center!important;gap:10px!important;
  min-height:54px!important;margin:0 0 14px!important;padding:8px 10px!important;
  border:1px solid rgba(23,32,51,.10)!important;border-radius:14px!important;
  background:#fff!important;box-shadow:0 4px 16px rgba(23,32,51,.045)!important;
  position:relative!important;z-index:35!important;
}
.filter-trigger,.toolbar-action{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  min-height:38px!important;padding:8px 13px!important;border:1px solid rgba(23,32,51,.11)!important;
  border-radius:10px!important;background:#fff!important;color:#172033!important;font-weight:800!important;
  cursor:pointer!important;white-space:nowrap!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.filter-trigger:hover,.toolbar-action:hover{transform:translateY(-1px)!important;border-color:rgba(23,32,51,.22)!important;box-shadow:0 5px 14px rgba(23,32,51,.08)!important}
.filter-trigger svg{width:16px!important;height:16px!important}
.filter-trigger b{display:inline-flex!important;min-width:20px!important;height:20px!important;padding:0 6px!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;background:#111827!important;color:#fff!important;font-size:10px!important}
.filter-summary{font-size:12px!important;font-weight:700!important;color:#697386!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.toolbar-spacer{flex:1 1 auto!important;min-width:8px!important}
.sort-wrap{display:inline-flex!important;align-items:center!important;gap:7px!important;margin:0!important;color:#697386!important;font-size:11px!important;font-weight:800!important;white-space:nowrap!important}
.sort-wrap select{min-height:38px!important;border:1px solid rgba(23,32,51,.11)!important;border-radius:10px!important;background:#fff!important;padding:7px 30px 7px 10px!important;color:#172033!important;font-weight:750!important;max-width:210px!important}
.catalog-tools{margin:0 0 10px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}

.shop-layout>.filters{
  position:absolute!important;top:62px!important;left:0!important;width:min(820px,100%)!important;max-width:calc(100% - 10px)!important;
  max-height:min(70vh,620px)!important;overflow:auto!important;display:none!important;z-index:80!important;
  margin:0!important;padding:0!important;border:1px solid rgba(23,32,51,.12)!important;border-radius:14px!important;
  background:#fff!important;box-shadow:0 18px 45px rgba(23,32,51,.14)!important;
}
.shop-layout>.filters.open{display:block!important}
.shop-layout>.filters .filter-title{
  position:sticky!important;top:0!important;z-index:2!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;
  min-height:62px!important;padding:12px 16px!important;border:0!important;border-bottom:1px solid rgba(23,32,51,.08)!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(8px)!important;
}
.filter-title>div:first-child{display:flex!important;flex-direction:column!important;gap:2px!important}
.filter-title b{font-size:15px!important;font-weight:900!important}
.filter-title small{font-size:11px!important;color:#7b8492!important}
.filter-title-actions{display:flex!important;align-items:center!important;gap:8px!important}
.filter-title-actions button{background:transparent!important;border:0!important;color:#687180!important;font-weight:800!important;cursor:pointer!important}
.filter-title-actions #resetFilters{font-size:11px!important;text-decoration:underline!important;text-underline-offset:3px!important}
.filter-close{font-size:24px!important;line-height:1!important;width:34px!important;height:34px!important;border-radius:9px!important}
.filter-close:hover{background:#f3f4f6!important;color:#111827!important}
.shop-layout>.filters .filter-block{padding:14px 16px!important;border:0!important;border-bottom:1px solid rgba(23,32,51,.07)!important}
.shop-layout>.filters .filter-block>b{display:block!important;margin:0 0 8px!important;font-size:11px!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.shop-layout>.filters .filter-block label{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:34px!important;margin:2px 12px 2px 0!important;font-size:12px!important;font-weight:650!important;white-space:nowrap!important}
.shop-layout>.filters .filter-block input{accent-color:#111827!important}
.shop-layout>.filters .price-row{display:flex!important;align-items:center!important;gap:8px!important;max-width:390px!important}
.shop-layout>.filters .price-row input{width:100%!important;min-width:0!important;padding:9px 10px!important;border:1px solid rgba(23,32,51,.12)!important;border-radius:9px!important}
.shop-layout>.filters .filter-note{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0!important;padding:12px 16px!important;background:#fafafa!important;border:0!important;font-size:11px!important;color:#697386!important}
.shop-layout>.filters .filter-note a{font-weight:850!important;color:#172033!important;white-space:nowrap!important}

@media (max-width:980px){
  .filter-toolbar{margin-bottom:12px!important;min-height:52px!important;padding:7px!important}
  .filter-summary{font-size:11px!important}
  .toolbar-action{display:none!important}
  .sort-wrap span{display:none!important}
  .sort-wrap select{max-width:145px!important;font-size:11px!important}
  .shop-layout>.filters{position:fixed!important;top:72px!important;left:10px!important;right:10px!important;bottom:18px!important;width:auto!important;max-width:none!important;max-height:none!important;z-index:150!important;border-radius:16px!important;box-shadow:0 22px 60px rgba(0,0,0,.22)!important}
  .shop-layout>.filters:not(.open){display:none!important}
}
@media (max-width:560px){
  .filter-toolbar{gap:7px!important}
  .filter-trigger{padding-inline:11px!important}
  .filter-trigger span{font-size:11px!important}
  .filter-summary{max-width:34vw!important}
  .sort-wrap select{max-width:132px!important;padding-right:22px!important}
}
@media (max-width:380px){
  .filter-summary{display:none!important}
  .sort-wrap select{max-width:118px!important}
}

/* =========================================================
   INTERNATIONAL RESPONSIVE POLISH — FINAL CASCADE
   One deliberate system for type, spacing, grids, header and
   product discovery across desktop, tablet and phone widths.
   ========================================================= */
:root{
  --page-pad:clamp(16px,3.5vw,48px);
  --content-max:1320px;
  --header-brand-max:560px;
  --tap:44px;
}
html{scroll-padding-top:clamp(76px,8vw,122px);overflow-x:hidden}
body{min-width:280px;overflow-x:hidden}
.container{width:min(var(--content-max),calc(100% - (var(--page-pad) * 2)))!important}

/* Header: the wordmark is the visual anchor, but never gets crushed. */
.header{z-index:200!important}
.header-main{
  min-height:clamp(76px,6vw,92px)!important;
  height:auto!important;
  padding-block:clamp(9px,1vw,13px)!important;
  gap:clamp(12px,2vw,30px)!important;
}
.text-brand{
  flex:0 1 var(--header-brand-max)!important;
  width:auto!important;
  max-width:min(42vw,var(--header-brand-max))!important;
  min-width:0!important;
  padding:4px 0!important;
}
.text-brand strong{
  display:block!important;
  font-size:clamp(25px,2.65vw,42px)!important;
  line-height:.96!important;
  letter-spacing:-.055em!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.text-brand span{
  display:block!important;
  margin-top:5px!important;
  font-size:clamp(8px,.78vw,12px)!important;
  line-height:1.05!important;
  letter-spacing:clamp(.10em,.17vw,.20em)!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.header-main>nav{
  min-width:0!important;
  flex:1 1 auto!important;
  justify-content:center!important;
  gap:clamp(9px,1.25vw,21px)!important;
  overflow:visible!important;
}
.header-main>nav a{font-size:clamp(10px,.78vw,12px)!important;line-height:1.2!important}
.head-tools{flex:0 0 auto!important;gap:clamp(4px,.55vw,8px)!important}
.head-icon,.cart-head{min-width:44px!important;min-height:44px!important;height:44px!important}
.cart-head{padding-inline:11px!important}
.category-nav{position:sticky!important;top:0!important;z-index:199!important;background:#fff!important}
.category-nav-in{min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;gap:clamp(14px,1.7vw,25px)!important}
.category-nav-in::-webkit-scrollbar{display:none!important}
.category-nav-in a,.category-nav-in button{flex:0 0 auto!important;white-space:nowrap!important;font-size:clamp(9px,.72vw,11px)!important}

/* Hero: stable art frame and synchronized information cards. */
.hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr)!important;gap:clamp(24px,5vw,78px)!important;min-width:0!important}
.hero-copy,.hero-art{min-width:0!important}
.hero-art{width:min(100%,640px)!important;margin-inline:auto!important;aspect-ratio:1/1!important;height:auto!important;min-height:0!important;overflow:visible!important}
.art-bg{inset:6%!important}
.hero-shoe{inset:8%!important;z-index:3!important;transform:rotate(-7deg)!important}
.hero-shoe img{width:100%!important;height:100%!important;object-fit:contain!important;transition:transform .55s cubic-bezier(.2,.75,.25,1),filter .55s ease!important}
.hero-art:hover .hero-shoe img{transform:rotate(-4deg) scale(1.055)!important;filter:drop-shadow(0 30px 24px rgba(23,32,51,.25))!important}
.floating-card{
  z-index:8!important;
  width:auto!important;
  min-width:0!important;
  max-width:clamp(160px,26%,220px)!important;
  padding:clamp(9px,1.05vw,14px)!important;
  border-radius:13px!important;
  transition:transform .3s ease,box-shadow .3s ease,opacity .25s ease!important;
}
.floating-card .mini-icon{width:clamp(29px,3.1vw,36px)!important;height:clamp(29px,3.1vw,36px)!important;flex:0 0 auto!important}
.floating-card b{font-size:clamp(9px,.78vw,12px)!important;line-height:1.2!important}
.floating-card small{font-size:clamp(7px,.65vw,10px)!important;line-height:1.25!important}
.floating-card.fc-one{left:clamp(1%,3vw,8%)!important;right:auto!important;top:clamp(9%,12vw,17%)!important}
.floating-card.fc-two{right:clamp(1%,3vw,8%)!important;left:auto!important;bottom:clamp(9%,12vw,17%)!important}
.floating-card:hover{transform:translateY(-4px) scale(1.015)!important;box-shadow:0 20px 48px rgba(31,41,55,.15)!important}

/* Service strip and category tiles remain readable as columns collapse. */
.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.service-grid>div{min-width:0!important;padding:clamp(14px,1.6vw,22px)!important}
.service-grid b{font-size:clamp(9px,.75vw,11px)!important}
.service-grid small{font-size:clamp(8px,.64vw,10px)!important;line-height:1.35!important}
.category-cards{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:clamp(10px,1.25vw,18px)!important}
.category-cards button{min-width:0!important;min-height:clamp(170px,16vw,230px)!important;padding:clamp(14px,1.5vw,22px)!important}
.category-cards button img{aspect-ratio:1.4/1!important}
.category-cards b{font-size:clamp(15px,1.45vw,20px)!important;margin-top:clamp(28px,3vw,42px)!important}
.category-cards small{font-size:clamp(9px,.72vw,11px)!important}

/* Typography scales continuously instead of jumping between arbitrary sizes. */
.section{padding-block:clamp(54px,6vw,88px)!important}
.section-head,.shop-top{gap:clamp(14px,3vw,32px)!important}
.section-head h2,.shop-top h2{font-size:clamp(30px,3.2vw,48px)!important;line-height:1.03!important}
.shop-top p{font-size:clamp(11px,.9vw,14px)!important;line-height:1.6!important}
.search-inline{width:min(520px,100%)!important;min-height:48px!important;height:48px!important}
.search-inline input{font-size:clamp(12px,.9vw,14px)!important}

/* Product discovery: cards always have room for every word and control. */
.shop-layout{display:block!important;width:100%!important;min-width:0!important}
.filter-toolbar{width:100%!important;min-width:0!important;min-height:56px!important;padding:8px!important;gap:8px!important;border-radius:14px!important}
.filter-trigger,.toolbar-action{min-height:42px!important;min-width:44px!important;font-size:clamp(10px,.75vw,12px)!important}
.filter-summary{font-size:clamp(10px,.8vw,12px)!important}
.sort-wrap{font-size:clamp(10px,.75vw,12px)!important}
.sort-wrap select{min-height:42px!important;font-size:clamp(10px,.75vw,12px)!important}
.shop-layout>.filters{top:66px!important;width:min(860px,100%)!important;max-height:min(72vh,650px)!important}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(12px,1.35vw,20px)!important}
.product-card{min-width:0!important}
.photo{aspect-ratio:1/1!important;height:auto!important;min-height:0!important}
.product-body{padding:clamp(11px,1.2vw,16px)!important}
.brand{font-size:clamp(8px,.65vw,10px)!important}
.product-name{font-size:clamp(13px,1.05vw,16px)!important;line-height:1.25!important;overflow-wrap:anywhere!important}
.desc{font-size:clamp(9px,.72vw,11px)!important;line-height:1.45!important}
.price{font-size:clamp(15px,1.25vw,19px)!important}
.stock-line{font-size:clamp(8px,.62vw,10px)!important}
.card-actions{min-width:0!important}
.card-actions>*{min-width:0!important}

/* Filter panel is a popover on desktop/tablet; full-screen sheet on phones. */
.shop-layout>.filters .filter-block label{min-height:38px!important;font-size:clamp(11px,.8vw,13px)!important}
.shop-layout>.filters .filter-block>b{font-size:clamp(10px,.7vw,12px)!important}
.shop-layout>.filters .filter-note{font-size:clamp(10px,.7vw,12px)!important}

/* Never let long words, buttons or controls create horizontal overflow. */
.section-head>*,.shop-top>*,.filter-toolbar>*,.catalog-tools>*,.how-grid>*,.how-card>*{min-width:0!important;max-width:100%!important}
.section-head a,.filter-summary,.sort-wrap,.sort-wrap select{overflow:hidden;text-overflow:ellipsis}

/* Tablet: switch the dense desktop header before it becomes cramped. */
@media (max-width:1180px) and (min-width:981px){
  .text-brand{max-width:34vw!important}
  .text-brand strong{font-size:clamp(23px,2.5vw,31px)!important}
  .text-brand span{font-size:clamp(8px,.85vw,10px)!important}
  .header-main>nav{gap:clamp(7px,1vw,15px)!important}
  .header-main>nav a{font-size:10px!important}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.85fr)!important;gap:28px!important}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .category-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Tablet portrait / large phone. */
@media (max-width:980px){
  :root{--page-pad:clamp(14px,3.8vw,26px)}
  .header-main{min-height:74px!important;padding-block:9px!important}
  .header-main>nav{display:none!important}
  .text-brand{max-width:calc(100% - 150px)!important;flex:1 1 auto!important}
  .text-brand strong{font-size:clamp(22px,4.8vw,32px)!important}
  .text-brand span{font-size:clamp(7px,1.45vw,10px)!important}
  .head-tools{margin-left:auto!important}
  .category-nav{display:none!important}
  .mobile-only{display:grid!important}
  .hero-grid{grid-template-columns:1fr!important;gap:30px!important;padding-block:clamp(42px,7vw,64px)!important}
  .hero-copy{max-width:760px!important}
  .hero-art{width:min(100%,620px)!important}
  .floating-card{max-width:190px!important}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .service-grid>div:nth-child(2){border-right:0!important}
  .category-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .filter-toolbar{position:sticky!important;top:0!important;z-index:90!important}
  .shop-layout>.filters{position:fixed!important;top:74px!important;left:10px!important;right:10px!important;bottom:18px!important;width:auto!important;max-width:none!important;max-height:none!important;z-index:210!important}
  .shop-layout>.filters:not(.open){display:none!important}
}

@media (max-width:760px){
  body{padding-bottom:72px!important}
  .text-brand{max-width:calc(100% - 142px)!important}
  .text-brand strong{font-size:clamp(20px,5.7vw,28px)!important}
  .text-brand span{font-size:clamp(7px,1.65vw,9px)!important;letter-spacing:.11em!important}
  .head-tools{gap:4px!important}
  .head-icon,.cart-head{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
  .cart-head span{display:none!important}
  .hero h1{font-size:clamp(40px,11.5vw,58px)!important}
  .hero-copy>p{font-size:clamp(13px,3.7vw,15px)!important}
  .hero-art{width:100%!important;aspect-ratio:1/1!important}
  .floating-card{max-width:42%!important;padding:9px!important}
  .floating-card.fc-one{left:2%!important;top:8%!important}
  .floating-card.fc-two{right:2%!important;bottom:8%!important}
  .service-grid>div{padding:14px 10px!important}
  .category-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .category-cards button{min-height:190px!important}
  .shop-top{display:block!important}
  .search-inline{margin-top:16px!important}
  .filter-toolbar{position:sticky!important;top:0!important}
  .filter-summary{max-width:34vw!important}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .product-name{font-size:clamp(12px,3.4vw,14px)!important}
  .desc{font-size:clamp(9px,2.5vw,10px)!important}
  .card-actions{grid-template-columns:minmax(0,1fr) 40px 40px!important}
  .pagination-controls{flex-wrap:wrap!important}
}

@media (max-width:480px){
  :root{--page-pad:14px}
  .text-brand{max-width:calc(100% - 132px)!important}
  .text-brand strong{font-size:clamp(18px,6.2vw,25px)!important;letter-spacing:-.045em!important}
  .text-brand span{font-size:7px!important;letter-spacing:.09em!important}
  .head-icon,.cart-head{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
  .hero-grid{padding-block:40px 30px!important}
  .hero-art{max-height:330px!important}
  .floating-card{max-width:46%!important;padding:8px!important;gap:6px!important}
  .floating-card .mini-icon{width:28px!important;height:28px!important}
  .floating-card b{font-size:8px!important}
  .floating-card small{font-size:7px!important}
  .service-grid{grid-template-columns:1fr 1fr!important}
  .category-cards{gap:9px!important}
  .category-cards button{min-height:175px!important;padding:13px!important}
  .category-cards b{font-size:15px!important;margin-top:25px!important}
  .category-cards small{font-size:9px!important}
  .filter-toolbar{padding:6px!important}
  .filter-trigger{padding-inline:10px!important}
  .sort-wrap select{max-width:120px!important}
  .product-grid{gap:9px!important}
  .product-body{padding:10px!important}
  .price{font-size:14px!important}
  .stock-line{font-size:8px!important}
}

@media (max-width:380px){
  .text-brand{max-width:calc(100% - 92px)!important}
  .text-brand strong{font-size:18px!important}
  .text-brand span{font-size:6px!important}
  .head-tools .has-count{display:none!important}
  .head-tools{gap:4px!important}
  .product-grid{grid-template-columns:1fr!important}
  .photo{aspect-ratio:1.08/1!important}
  .category-cards{grid-template-columns:1fr 1fr!important}
  .filter-summary{display:none!important}
  .sort-wrap select{max-width:110px!important}
}

@media (max-height:620px) and (min-width:981px){
  .hero-grid{min-height:480px!important}
  .hero-art{max-height:500px!important}
  .floating-card{opacity:.96!important}
}

@media (prefers-reduced-motion:reduce){
  .hero-art:hover .hero-shoe img,.floating-card:hover,.product-card:hover{transform:none!important}
}

/* =========================================================
   FINAL HEADER REFINEMENT — clean marketplace hierarchy
   ========================================================= */
.announcement{position:relative;z-index:230!important;background:#172033!important;color:#fff!important}
.announcement-in{min-height:34px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;font-size:11px!important;line-height:1.25!important}
.announcement-in span{min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.header{position:sticky!important;top:0!important;z-index:220!important;background:rgba(255,255,255,.97)!important;backdrop-filter:saturate(150%) blur(16px)!important;border-bottom:1px solid #e8ecf1!important;box-shadow:0 6px 24px rgba(23,32,51,.06)!important}
.header-main{width:min(var(--content-max),calc(100% - (var(--page-pad) * 2)))!important;min-height:88px!important;height:auto!important;display:grid!important;grid-template-columns:minmax(270px,1.05fr) minmax(420px,1.45fr) auto!important;align-items:center!important;gap:clamp(18px,2.5vw,42px)!important;padding-block:12px!important}
.text-brand{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;width:100%!important;max-width:none!important;min-width:0!important;padding:3px 0!important;text-decoration:none!important}
.text-brand strong{display:block!important;max-width:100%!important;color:#111827!important;font-size:clamp(27px,2.35vw,38px)!important;font-weight:950!important;line-height:.98!important;letter-spacing:-.055em!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
.text-brand span{display:block!important;max-width:100%!important;margin-top:7px!important;color:#9a6500!important;font-size:clamp(8px,.72vw,11px)!important;font-weight:900!important;line-height:1.15!important;letter-spacing:clamp(.12em,.16vw,.19em)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.header-main>nav{grid-column:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:clamp(12px,1.45vw,24px)!important;min-width:0!important;overflow:visible!important}
.header-main>nav a{display:inline-flex!important;align-items:center!important;min-height:44px!important;padding:10px 0!important;color:#374151!important;font-size:clamp(11px,.84vw,14px)!important;font-weight:800!important;line-height:1.1!important;white-space:nowrap!important;text-decoration:none!important}
.header-main>nav a:hover,.header-main>nav a.active{color:#9a6500!important}
.head-tools{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;min-width:0!important}
.head-icon,.cart-head{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid #e1e6ed!important;border-radius:12px!important;background:#fff!important;color:#172033!important;box-shadow:0 3px 12px rgba(23,32,51,.045)!important}
.head-icon svg,.cart-head svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
.head-icon:hover,.cart-head:hover{transform:translateY(-2px)!important;border-color:#d4b06a!important;background:#fffdf8!important;box-shadow:0 9px 22px rgba(23,32,51,.09)!important}
.cart-head{width:auto!important;padding-inline:13px!important;gap:7px!important;font-size:12px!important;font-weight:900!important}
.cart-head span{white-space:nowrap!important}
.has-count{position:relative!important}
.has-count>b,.cart-head>b{position:absolute!important;top:-5px!important;right:-5px!important;min-width:17px!important;height:17px!important;padding:0 4px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:#9a6500!important;color:#fff!important;font-size:9px!important;line-height:1!important}
.cart-head>b{position:static!important;margin-left:1px!important}
.category-nav{position:sticky!important;top:88px!important;z-index:210!important;background:#fff!important;border-top:1px solid #eef1f5!important;border-bottom:1px solid #e8ecf1!important}
.category-nav-in{min-height:46px!important;height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:clamp(15px,1.75vw,27px)!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}
.category-nav-in::-webkit-scrollbar{display:none!important}
.category-nav-in a,.category-nav-in button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:8px 0!important;color:#596273!important;font-size:clamp(10px,.72vw,12px)!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important;flex:0 0 auto!important;text-decoration:none!important}
.category-nav-in a:hover{color:#9a6500!important}
.category-nav-in button{margin-left:auto!important;padding-inline:12px!important;border:1px solid #dfe5ec!important;border-radius:9px!important;background:#fff!important;color:#172033!important}
.category-nav-in button:hover{border-color:#d4b06a!important;color:#9a6500!important}

@media (max-width:1180px) and (min-width:981px){
  .header-main{grid-template-columns:minmax(235px,1fr) minmax(360px,1.25fr) auto!important;gap:18px!important}
  .text-brand strong{font-size:clamp(24px,2.45vw,31px)!important}
  .text-brand span{font-size:9px!important;letter-spacing:.13em!important}
  .header-main>nav{gap:clamp(9px,1vw,16px)!important}
  .header-main>nav a{font-size:11px!important}
  .head-icon,.cart-head{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
  .cart-head{padding-inline:10px!important}
  .category-nav{top:86px!important}
  .category-nav-in{justify-content:flex-start!important}
}

@media (max-width:980px){
  .announcement-in{min-height:32px!important;justify-content:center!important;font-size:10px!important}
  .announcement-in span:nth-child(2),.announcement-in span:nth-child(3){display:none!important}
  .header{top:0!important}
  .header-main{display:flex!important;min-height:76px!important;padding-block:9px!important;gap:10px!important}
  .text-brand{flex:1 1 auto!important;max-width:calc(100% - 156px)!important}
  .text-brand strong{font-size:clamp(24px,4.8vw,32px)!important;line-height:.98!important}
  .text-brand span{margin-top:5px!important;font-size:clamp(7px,1.25vw,10px)!important;letter-spacing:.12em!important}
  .header-main>nav{display:none!important}
  .head-tools{margin-left:auto!important;gap:5px!important}
  .head-icon,.cart-head{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
  .category-nav{display:none!important}
  .mobile-only{display:inline-flex!important}
}

@media (max-width:680px){
  .announcement-in{padding-inline:4px!important}
  .header-main{min-height:72px!important}
  .text-brand{max-width:calc(100% - 145px)!important}
  .text-brand strong{font-size:clamp(21px,5.8vw,28px)!important;letter-spacing:-.05em!important}
  .text-brand span{font-size:clamp(6.5px,1.55vw,9px)!important;letter-spacing:.10em!important}
  .head-icon,.cart-head{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:11px!important}
  .head-icon svg,.cart-head svg{width:18px!important;height:18px!important}
  .cart-head span{display:none!important}
}

@media (max-width:500px){
  .announcement-in{min-height:30px!important;font-size:9px!important}
  .header-main{padding-block:8px!important}
  .text-brand{max-width:calc(100% - 91px)!important}
  .text-brand strong{font-size:clamp(19px,6.1vw,25px)!important}
  .text-brand span{font-size:6.5px!important;letter-spacing:.085em!important}
  .head-tools .has-count{display:none!important}
  .head-icon,.cart-head{width:39px!important;height:39px!important;min-width:39px!important;min-height:39px!important}
}

@media (max-width:360px){
  .announcement-in{font-size:8px!important}
  .text-brand{max-width:calc(100% - 84px)!important}
  .text-brand strong{font-size:18px!important}
  .text-brand span{font-size:6px!important;letter-spacing:.07em!important}
  .head-tools{gap:3px!important}
  .head-icon,.cart-head{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}
}

/* =========================================================
   INTERNATIONAL POLISH PASS — HEADER, TYPE & PRODUCT GRID
   ========================================================= */
:root{
  --type-body:clamp(15px,0.28vw + 13px,17px);
  --type-small:clamp(12px,0.18vw + 10px,14px);
  --type-label:clamp(11px,0.16vw + 9px,13px);
}
html{font-size:16px!important}
body{font-size:var(--type-body)!important;line-height:1.58!important}

/* Cleaner, lighter header controls with modern icon treatment. */
.header-main{grid-template-columns:minmax(290px,1.05fr) minmax(430px,1.45fr) auto!important;gap:clamp(16px,2vw,34px)!important}
.text-brand strong{font-size:clamp(30px,2.7vw,44px)!important;line-height:.96!important;letter-spacing:-.06em!important}
.text-brand span{font-size:clamp(9px,.68vw,12px)!important;line-height:1.2!important;letter-spacing:clamp(.11em,.14vw,.18em)!important}
.header-main>nav a{font-size:clamp(12px,.82vw,14px)!important;font-weight:750!important}
.head-tools{gap:6px!important}
.head-icon,.cart-head{
  position:relative!important;
  width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;
  border:1px solid #dfe4eb!important;border-radius:13px!important;
  background:#fff!important;box-shadow:none!important;
  color:#263246!important;
}
.head-icon svg,.cart-head svg{width:20px!important;height:20px!important;stroke-width:1.9!important}
.head-icon:hover,.cart-head:hover{
  transform:translateY(-1px)!important;background:#f8fafc!important;
  border-color:#cbd3df!important;box-shadow:0 6px 16px rgba(23,32,51,.08)!important;
}
.cart-head{width:auto!important;padding:0 14px!important;gap:8px!important;font-size:13px!important}
.cart-head span{font-weight:800!important}
.has-count>b,.cart-head>b{font-size:9px!important;min-width:18px!important;height:18px!important}

/* More readable global section typography. */
.section-head h2,.shop-top h2,.promo h2,.how h2,.contact h2,.newsletter h2{font-size:clamp(34px,3.2vw,52px)!important;line-height:1.02!important}
.shop-top p,.lead,.contact p{font-size:clamp(13px,.25vw + 11px,16px)!important;line-height:1.65!important}
.eyebrow{font-size:clamp(11px,.18vw + 9px,13px)!important}
.service-grid b{font-size:clamp(12px,.18vw + 10px,14px)!important}
.service-grid small{font-size:clamp(10px,.16vw + 8px,12px)!important}

/* Product grid: stable card geometry, equal row heights, no phantom gaps. */
.product-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(16px,1.4vw,22px)!important;
  align-items:stretch!important;
}
.product-card{height:100%!important;display:flex!important;flex-direction:column!important;min-height:0!important}
.product-card .photo{width:100%!important;aspect-ratio:1/1!important;height:auto!important;min-height:0!important;flex:0 0 auto!important}
.product-card .product-body{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-height:0!important;padding:clamp(14px,1.15vw,18px)!important}
.product-name{font-size:clamp(15px,.65vw + 11px,18px)!important;line-height:1.25!important}
.brand{font-size:clamp(10px,.18vw + 8px,12px)!important}
.rating{font-size:clamp(11px,.18vw + 9px,13px)!important}
.desc{font-size:clamp(11px,.2vw + 9px,13px)!important;line-height:1.45!important;min-height:3em!important}
.price{font-size:clamp(17px,.45vw + 14px,21px)!important}
.stock-line{font-size:clamp(10px,.16vw + 9px,12px)!important}
.card-actions{margin-top:auto!important}
.primary-action,.quick{min-height:42px!important}

/* Category cards and service content scale without leaving awkward empty rows. */
.category-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(14px,1.4vw,20px)!important}
.category-cards button{min-height:190px!important;padding:clamp(18px,1.6vw,26px)!important}
.category-cards b{font-size:clamp(18px,1.1vw,23px)!important}
.category-cards small{font-size:clamp(10px,.22vw + 8px,13px)!important}

@media (max-width:1180px){
  .header-main{grid-template-columns:minmax(250px,1fr) auto!important;gap:16px!important}
  .header-main>nav{grid-column:1/-1!important;grid-row:2!important;justify-content:flex-start!important;overflow-x:auto!important;padding-bottom:2px!important}
  .header-main{grid-template-rows:auto auto!important}
  .header-main>.text-brand{grid-column:1!important;grid-row:1!important}
  .header-main>.head-tools{grid-column:2!important;grid-row:1!important}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:900px){
  .header-main{display:flex!important;grid-template-columns:none!important;grid-template-rows:none!important;min-height:76px!important;padding-block:10px!important}
  .header-main>nav{display:none!important}
  .text-brand{max-width:calc(100% - 158px)!important}
  .text-brand strong{font-size:clamp(26px,5.2vw,36px)!important}
  .text-brand span{font-size:clamp(8px,1.45vw,11px)!important}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(12px,2.2vw,18px)!important}
  .category-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:600px){
  body{font-size:15px!important}
  .header-main{min-height:70px!important;padding-block:8px!important;gap:8px!important}
  .text-brand{max-width:calc(100% - 128px)!important}
  .text-brand strong{font-size:clamp(22px,7vw,31px)!important}
  .text-brand span{font-size:clamp(7px,1.8vw,10px)!important;letter-spacing:.095em!important}
  .head-tools{gap:4px!important}
  .head-icon,.cart-head{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border-radius:11px!important}
  .head-icon svg,.cart-head svg{width:19px!important;height:19px!important}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .product-card .product-body{padding:12px!important}
  .product-name{font-size:clamp(14px,3.9vw,16px)!important}
  .desc{font-size:11px!important}
  .price{font-size:16px!important}
  .primary-action,.quick{min-height:40px!important}
}
@media (max-width:390px){
  .text-brand{max-width:calc(100% - 86px)!important}
  .text-brand strong{font-size:clamp(20px,7vw,26px)!important}
  .text-brand span{font-size:7px!important;letter-spacing:.07em!important}
  .head-tools .has-count{display:none!important}
  .head-icon,.cart-head{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
  .product-grid{grid-template-columns:1fr!important;gap:14px!important}
  .product-card .photo{aspect-ratio:1.08/1!important}
  .category-cards{grid-template-columns:1fr 1fr!important;gap:9px!important}
}

/* 2026 responsive master pass: cleaner header, larger type, stable 50-up product grid */
:root{
  --font-ui:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --ink:#111827;--muted:#5f6b7a;--line:#e3e7ed;--bg:#fff;--surface:#fff;
}
html{font-size:16px;overflow-x:hidden}
body{font-family:var(--font-ui)!important;font-size:16px!important;line-height:1.6!important;overflow-x:hidden}
button,input,select,textarea{font-family:var(--font-ui)!important}
.container{width:min(1280px,94vw)!important}

/* Header: brand first, only essential controls, menu available at every width. */
.header{position:sticky!important;top:0!important;z-index:120!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid #edf0f4!important;box-shadow:0 5px 18px rgba(17,24,39,.05)!important}
.header-main{min-height:86px!important;height:auto!important;display:grid!important;grid-template-columns:minmax(260px,1fr) auto!important;align-items:center!important;gap:18px!important;padding-block:12px!important}
.text-brand{min-width:0!important;max-width:none!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;text-decoration:none!important}
.text-brand strong{font-family:var(--font-ui)!important;font-size:clamp(24px,2.05vw,34px)!important;font-weight:900!important;line-height:.98!important;letter-spacing:-.055em!important;color:#111827!important;white-space:nowrap!important}
.text-brand span{margin-top:7px!important;font-size:clamp(9px,.62vw,11px)!important;font-weight:800!important;letter-spacing:.16em!important;line-height:1.2!important;color:#9a6500!important;white-space:nowrap!important}
.header-main>nav{grid-column:1/-1!important;grid-row:2!important;justify-content:flex-start!important;overflow-x:auto!important;scrollbar-width:none!important;margin:0!important;padding:0 0 2px!important;gap:clamp(16px,2vw,28px)!important}
.header-main>nav::-webkit-scrollbar{display:none}
.header-main>nav a{font-size:clamp(12px,.78vw,14px)!important;font-weight:750!important;min-height:42px!important;padding:9px 0!important;color:#384152!important}
.head-tools{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:0!important}
.head-icon,.cart-head{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border:1px solid #dfe4ea!important;background:#fff!important;border-radius:12px!important;color:#172033!important;box-shadow:none!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
.head-icon:hover,.cart-head:hover{transform:translateY(-2px)!important;border-color:#cbd3df!important;box-shadow:0 10px 22px rgba(17,24,39,.08)!important}
.head-icon svg,.cart-head svg{width:20px!important;height:20px!important}
.menu-head{display:grid!important}
.cart-head{width:auto!important;padding-inline:14px!important;display:flex!important;gap:8px!important;font-size:13px!important;font-weight:850!important}
.cart-head b{font-size:10px!important;width:19px!important;height:19px!important}
.has-count{display:none!important}
.mobile-only{display:none!important}
.category-nav{background:#fff!important}
.category-nav-in{height:auto!important;min-height:44px!important;overflow-x:auto!important;scrollbar-width:none!important;gap:clamp(18px,2vw,30px)!important}
.category-nav-in::-webkit-scrollbar{display:none}
.category-nav-in a,.category-nav-in button{font-size:clamp(11px,.72vw,13px)!important;min-height:42px!important;font-weight:750!important}
.category-nav-in button{margin-left:auto!important}

/* Site typography: readable without becoming oversized. */
.announcement{font-size:clamp(11px,.32vw + 9px,13px)!important}
.service-grid b{font-size:clamp(14px,.2vw + 12px,16px)!important}
.service-grid small{font-size:clamp(12px,.16vw + 10px,14px)!important}
.eyebrow{font-size:clamp(12px,.15vw + 10px,14px)!important}
.section-head h2,.shop-top h2,.promo h2,.how h2,.contact h2,.newsletter h2{font-size:clamp(34px,3vw,50px)!important;line-height:1.04!important}
.section-head>a{font-size:clamp(12px,.2vw + 10px,14px)!important}
.shop-top p,.lead,.contact p{font-size:clamp(15px,.2vw + 13px,17px)!important;line-height:1.7!important}
.btn{font-size:clamp(11px,.15vw + 10px,13px)!important;min-height:48px!important}

/* Filter / sort: compact, clear, never steals the grid width. */
.filter-toolbar{min-height:54px!important;padding:8px 10px!important;border:1px solid #e4e8ee!important;border-radius:12px!important;background:#fff!important;box-shadow:0 6px 20px rgba(17,24,39,.045)!important}
.filter-trigger,.toolbar-action,.sort-wrap select{font-size:clamp(12px,.2vw + 10px,14px)!important}
.filter-summary,.catalog-tools{font-size:clamp(12px,.18vw + 10px,14px)!important}
.filters{font-size:14px!important}
.filter-title b,.filter-block>b{font-size:14px!important}
.filter-block label{font-size:13px!important}
.filter-note{font-size:12px!important}

/* Product grid: 3 columns at normal desktop widths so 54 items end on a complete row. */
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(16px,1.35vw,22px)!important;align-items:stretch!important}
.product-card{height:100%!important;min-width:0!important;display:flex!important;flex-direction:column!important}
.product-card .photo{aspect-ratio:1/1!important;height:auto!important;min-height:0!important;flex:0 0 auto!important}
.product-card .product-body{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;padding:clamp(15px,1.3vw,19px)!important;min-height:0!important}
.brand{font-size:clamp(11px,.16vw + 9px,13px)!important}
.product-name{font-size:clamp(17px,.34vw + 14px,20px)!important;line-height:1.25!important}
.rating{font-size:clamp(12px,.18vw + 10px,14px)!important}
.desc{font-size:clamp(12px,.18vw + 10px,14px)!important;line-height:1.45!important;min-height:3.0em!important}
.price{font-size:clamp(19px,.35vw + 16px,23px)!important}
.compare{font-size:clamp(11px,.15vw + 9px,13px)!important}
.stock-line{font-size:clamp(11px,.15vw + 9px,13px)!important}
.primary-action,.quick{min-height:46px!important;font-size:clamp(11px,.15vw + 10px,13px)!important}
.wish-btn{width:36px!important;height:36px!important}

/* Categories / other content alignment. */
.category-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(14px,1.4vw,20px)!important}
.category-cards button{min-width:0!important;min-height:200px!important;padding:clamp(18px,1.5vw,26px)!important}
.category-cards b{font-size:clamp(18px,1vw + 11px,23px)!important}
.category-cards small{font-size:clamp(12px,.2vw + 9px,14px)!important}

/* Menu is functional at all sizes. */
.mobile-nav{position:fixed!important;top:0!important;right:0!important;left:auto!important;width:min(380px,92vw)!important;height:100dvh!important;max-height:100dvh!important;overflow:auto!important;padding:92px 24px 28px!important;background:#fff!important;box-shadow:-18px 0 45px rgba(17,24,39,.16)!important;border-left:1px solid var(--line)!important;border-bottom:0!important;z-index:190!important;display:none!important}
.mobile-nav.open{display:grid!important;align-content:start!important;gap:0!important}
.mobile-nav a,.mobile-nav button{font-size:15px!important;min-height:54px!important;padding:14px 4px!important}

@media(max-width:1180px){
  .header-main{grid-template-columns:minmax(230px,1fr) auto!important}
  .header-main>nav{display:none!important}
  .text-brand strong{font-size:clamp(24px,3.3vw,31px)!important}
  .category-nav-in{padding-inline:3vw!important}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:820px){
  .header-main{min-height:78px!important;padding-block:10px!important}
  .text-brand strong{font-size:clamp(22px,5.2vw,29px)!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .text-brand span{font-size:clamp(8px,1.4vw,10px)!important;white-space:normal!important;letter-spacing:.13em!important}
  .cart-head span{display:none!important}
  .cart-head{width:44px!important;padding:0!important;justify-content:center!important}
  .category-nav-in{min-height:42px!important}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .category-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .section{padding:68px 0!important}
}
@media(max-width:560px){
  body{font-size:15px!important}
  .container{width:min(94vw,520px)!important}
  .header-main{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}
  .text-brand strong{font-size:clamp(20px,6.2vw,26px)!important;line-height:1!important}
  .text-brand span{font-size:clamp(7px,1.8vw,9px)!important;margin-top:5px!important}
  .head-icon,.cart-head{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
  .category-nav-in{padding-inline:3vw!important;gap:18px!important}
  .category-nav-in a,.category-nav-in button{font-size:11px!important}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .product-card .product-body{padding:12px!important}
  .product-name{font-size:clamp(15px,4.1vw,17px)!important}
  .desc{font-size:12px!important}
  .price{font-size:18px!important}
  .category-cards{gap:10px!important}
  .category-cards button{min-height:165px!important;padding:15px!important}
}
@media(max-width:380px){
  .text-brand strong{font-size:20px!important;letter-spacing:-.045em!important}
  .text-brand span{font-size:7px!important;letter-spacing:.09em!important}
  .product-grid{grid-template-columns:1fr!important;gap:14px!important}
  .product-card .photo{aspect-ratio:1.15/1!important}
  .category-cards{grid-template-columns:1fr!important}
}

/* Do not create a second mobile bottom dock; keep the header menu as the sole menu control. */
.mobile-dock,.bottom-nav,.mobile-bottom-nav{display:none!important}

/* Private owner controls: never visible to public customers until an owner session is unlocked. */
#ownerLoginModal{z-index:10000}
.owner-login{max-width:460px}
.owner-login form{display:grid;gap:14px}
.owner-login label{display:grid;gap:8px;font-weight:700}
.owner-login input{width:100%;box-sizing:border-box}
html:not(.owner-unlocked) #managerBtn,html:not(.owner-unlocked) #mobileManager{display:none!important}
html.owner-unlocked #managerBtn{display:inline-flex!important}

/* International catalog + customer-support enhancements */
.messages-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:16px 18px;border:1px solid var(--line);border-bottom:0;border-radius:14px 14px 0 0;background:#fff}
.messages-head h3{margin:3px 0 2px;font-size:17px;letter-spacing:-.03em}.messages-head p{margin:0;color:var(--muted);font-size:11px}.message-badge{min-width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:#fff3d6;color:#9a6500;font-size:11px}
.message-list{border:1px solid var(--line);border-radius:0 0 14px 14px;background:#fff;max-height:390px;overflow:auto}.message-item{display:grid;grid-template-columns:1fr auto;gap:14px;padding:15px 18px;border-bottom:1px solid var(--line)}.message-item:last-child{border-bottom:0}.message-item.answered{background:#fbfcfe}.message-top{display:flex;justify-content:space-between;gap:12px}.message-top strong{font-size:12px}.message-top span,.message-main>small{font-size:9px;color:var(--muted)}.message-main>small{display:block;margin-top:3px}.message-main p{margin:7px 0 0;font-size:11px;line-height:1.6}.message-reply{margin-top:9px;padding:9px 11px;background:#f6f8fb;border-radius:9px}.message-reply b{font-size:9px;text-transform:uppercase;letter-spacing:.08em}.message-reply p{margin-top:4px}.message-actions{display:flex;flex-direction:column;gap:6px}.message-actions button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px;font-size:9px;font-weight:800}.message-actions button:hover{border-color:#d8a43a;background:#fffbf3}.btn.ghost{background:#f7f8fa;border-color:#dfe3ea;color:#2c3748}
@media (max-width:980px){.message-item{grid-template-columns:1fr}.message-actions{flex-direction:row;flex-wrap:wrap}.message-list{max-height:330px}}
@media (max-width:560px){.messages-head{padding:14px}.message-item{padding:13px 14px}.message-top span{display:none}.message-actions button{flex:1}.message-list{max-height:none}.manager-messages{margin-bottom:18px}}

.owner-manager-btn,.owner-manager-mobile{display:none;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;font-weight:850;letter-spacing:.02em}.owner-manager-btn{height:40px;padding:0 12px;font-size:10px}.owner-manager-btn:hover,.owner-manager-mobile:hover{border-color:#d8a43a;background:#fffbf3}.owner-manager-mobile{width:calc(100% - 24px);margin:10px 12px 2px;height:42px;text-align:left;padding:0 14px;font-size:11px}
html.owner-unlocked #managerBtn,html.owner-unlocked #mobileManager{display:inline-flex;align-items:center;justify-content:center}
@media(max-width:980px){.owner-manager-btn{display:none!important}}


/* Public Seller Manager + robust menu close */
#managerBtn,.owner-manager-btn,.owner-manager-mobile{display:inline-flex!important}
html:not(.owner-unlocked) #managerBtn,html:not(.owner-unlocked) #mobileManager{display:inline-flex!important}
.owner-manager-btn{align-items:center;justify-content:center;white-space:nowrap}
.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px 12px;border-bottom:1px solid var(--line);margin-bottom:6px}
.mobile-nav-head b{font-size:16px;letter-spacing:-.02em}
.menu-close{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;place-items:center;color:var(--ink)}
.menu-close:hover{background:#f6f8fb;border-color:#d8dee8}
.menu-close svg{width:20px;height:20px}
@media(max-width:980px){.head-tools #managerBtn{display:none!important}.mobile-nav .owner-manager-mobile{display:inline-flex!important;align-items:center;justify-content:flex-start}}
@media(min-width:981px){.mobile-nav .owner-manager-mobile{display:none!important}}


/* Final navigation arrangement: Seller Manager lives only inside Menu. */
#managerBtn{display:none!important}
.owner-manager-btn{display:none!important}
.mobile-nav .owner-manager-mobile{display:inline-flex!important;align-items:center;justify-content:flex-start}

/* Restore the three compact mobile navigation actions that were previously hidden. */
.mobile-dock{display:grid!important;position:fixed!important;left:12px!important;right:12px!important;bottom:12px!important;z-index:230!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding:8px!important;border:1px solid rgba(31,39,55,.10)!important;border-radius:16px!important;background:rgba(255,255,255,.97)!important;backdrop-filter:saturate(160%) blur(14px)!important;box-shadow:0 14px 34px rgba(17,24,39,.14)!important}
.mobile-dock>a,.mobile-dock>button{min-width:0!important;min-height:50px!important;border:0!important;background:transparent!important;border-radius:12px!important;display:grid!important;place-items:center!important;align-content:center!important;gap:3px!important;color:var(--ink,#172033)!important;text-decoration:none!important;font:inherit!important;position:relative!important}
.mobile-dock>a:hover,.mobile-dock>button:hover{background:#f5f7fa!important}
.mobile-dock svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
.mobile-dock span{font-size:10px!important;font-weight:800!important;line-height:1!important}
.mobile-dock b{position:absolute!important;top:4px!important;right:27%!important;min-width:17px!important;height:17px!important;padding:0 4px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:#b47a0b!important;color:#fff!important;font-size:8px!important;line-height:1!important}

/* Give the page breathing room only where the bottom dock exists. */
@media(max-width:980px){
  body{padding-bottom:82px!important}
  .mobile-dock{display:grid!important}
}
@media(min-width:981px){
  .mobile-dock{display:none!important}
  body{padding-bottom:0!important}
}
@media(max-width:420px){
  .mobile-dock{left:8px!important;right:8px!important;bottom:8px!important;gap:5px!important;padding:6px!important}
  .mobile-dock>a,.mobile-dock>button{min-height:48px!important}
  .mobile-dock span{font-size:9px!important}
}

/* Menu remains usable at every viewport size and is always opened from the header icon. */
.mobile-nav{z-index:260!important}
.overlay{z-index:250!important}
.menu-head{display:grid!important;place-items:center!important}
.menu-head svg{width:22px!important;height:22px!important}

/* === Final menu-first header cleanup === */
.head-tools{display:flex!important;align-items:center!important;justify-content:flex-end!important;min-width:0!important}
#managerBtn,.owner-manager-btn{display:none!important}
.cart-head{display:none!important}
.menu-head{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;display:grid!important;place-items:center!important}
.menu-head svg{width:22px!important;height:22px!important}

/* Menu is a real site-wide navigation drawer, not a mobile-only element. */
.mobile-nav{display:none!important;position:fixed!important;inset:0 0 0 auto!important;width:min(410px,94vw)!important;height:100dvh!important;max-height:100dvh!important;overflow:auto!important;padding:22px 22px 34px!important;background:#fff!important;border-left:1px solid #e5e9ef!important;box-shadow:-24px 0 60px rgba(17,24,39,.18)!important;z-index:500!important;transform:translateX(104%)!important;transition:transform .28s cubic-bezier(.22,.8,.24,1)!important}
.mobile-nav.open{display:block!important;transform:translateX(0)!important}
.mobile-nav-head{position:sticky!important;top:0!important;z-index:2!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:4px 0 16px!important;margin:0 0 12px!important;border-bottom:1px solid #edf0f4!important}
.mobile-nav-head b{font-size:clamp(20px,2.5vw,24px)!important;font-weight:900!important}
.menu-close{width:44px!important;height:44px!important;flex:0 0 44px!important;border:1px solid #dfe4ea!important;border-radius:12px!important;background:#fff!important;display:grid!important;place-items:center!important;color:#172033!important}
.menu-close svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important}
.mobile-nav a,.mobile-nav button.menu-link,.mobile-nav button.owner-manager-mobile{width:100%!important;min-height:54px!important;padding:13px 12px!important;margin:0!important;border:0!important;border-bottom:1px solid #f0f2f5!important;border-radius:0!important;background:transparent!important;color:#172033!important;text-align:left!important;font-size:clamp(15px,1.7vw,17px)!important;font-weight:750!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;text-decoration:none!important;cursor:pointer!important}
.mobile-nav a:hover,.mobile-nav button.menu-link:hover,.mobile-nav button.owner-manager-mobile:hover{background:#f7f8fa!important;color:#111827!important}
.menu-link>span{display:inline-flex!important;align-items:center!important;gap:10px!important}
.menu-link svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
.menu-link b,.menu-cart b{min-width:22px!important;height:22px!important;padding:0 6px!important;display:grid!important;place-items:center!important;border-radius:999px!important;background:#f1f3f6!important;font-size:10px!important}
.owner-manager-mobile{font-weight:850!important}

/* The dock remains the compact phone/tablet quick-navigation; Cart there and in Menu perform the same action. */
@media(min-width:981px){.mobile-dock{display:none!important}}
@media(max-width:980px){
  .mobile-dock{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .menu-head{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
}
@media(max-width:520px){
  .mobile-nav{width:100vw!important}
  .mobile-nav a,.mobile-nav button.menu-link,.mobile-nav button.owner-manager-mobile{font-size:15px!important;min-height:56px!important}
}


/* Always-visible top announcement bar. */
:root{--announcement-height:36px;}
body{padding-top:var(--announcement-height)!important;}
.announcement{position:fixed!important;top:0;left:0;right:0;width:100%;z-index:10000!important;margin:0!important;}
.header{position:sticky!important;top:var(--announcement-height)!important;z-index:9990!important;}
.mobile-nav{z-index:11000!important;}
.drawer,.modal,.search-modal{z-index:12000!important;}
@media(max-width:720px){
 :root{--announcement-height:34px;}
 .announcement-in{gap:10px;white-space:nowrap;overflow-x:auto;scrollbar-width:none;}
 .announcement-in::-webkit-scrollbar{display:none;}
 .announcement{min-height:var(--announcement-height);}
 .header{top:var(--announcement-height)!important;}
}


/* Final catalog density: 3 columns -> 2 columns -> 1 column, with equal-height cards. */
.product-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  align-items:stretch !important;
  grid-auto-rows:1fr !important;
}
.product-card{
  height:100% !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
}
.product-card .product-body{
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
  min-height:0 !important;
}
.product-card .card-actions{margin-top:auto !important}
@media (max-width: 980px){
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:clamp(12px,2vw,18px) !important}
}
@media (max-width: 560px){
  .product-grid{grid-template-columns:1fr !important;gap:14px !important}
}


/* FINAL: 60 products per page with complete rows at every supported grid density. */
.product-grid{
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:clamp(12px,1.2vw,20px) !important;
  align-items:stretch !important;
  grid-auto-rows:auto !important;
}
.product-grid .product-card{
  min-width:0 !important;
  width:100% !important;
  height:100% !important;
}
.product-grid .product-card .photo{width:100% !important;}
.product-grid .product-card .product-body{min-width:0 !important;}
@media (max-width: 1180px){
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media (max-width: 760px){
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width: 430px){
  .product-grid{grid-template-columns:1fr !important;}
}

/* FINAL MENU BUTTON STABILITY PASS
   The menu control stays anchored in the header's normal layout at every viewport.
   It only changes size/padding with the viewport; it never drifts vertically or horizontally. */
.header-main{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:clamp(10px,2vw,28px)!important;
}
.header-main>.head-tools{
  position:static!important;
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:end!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
  width:auto!important;
  transform:none!important;
}
.header-main>.head-tools #openMenu.menu-head{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  margin:0!important;
  width:clamp(38px,4vw,46px)!important;
  height:clamp(38px,4vw,46px)!important;
  min-width:clamp(38px,4vw,46px)!important;
  min-height:clamp(38px,4vw,46px)!important;
  padding:clamp(7px,1vw,10px)!important;
  border-radius:clamp(10px,1vw,13px)!important;
  display:grid!important;
  place-items:center!important;
  flex:none!important;
  box-sizing:border-box!important;
}
.header-main>.head-tools #openMenu.menu-head svg{
  width:clamp(19px,2vw,22px)!important;
  height:clamp(19px,2vw,22px)!important;
  display:block!important;
  flex:none!important;
}
@media(max-width:980px){
  .header-main{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:clamp(8px,2.5vw,16px)!important;
  }
  .header-main>.head-tools #openMenu.menu-head{
    width:clamp(38px,8vw,44px)!important;
    height:clamp(38px,8vw,44px)!important;
    min-width:clamp(38px,8vw,44px)!important;
    min-height:clamp(38px,8vw,44px)!important;
  }
}
@media(max-width:520px){
  .header-main{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
  }
  .header-main>.head-tools #openMenu.menu-head{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    padding:8px!important;
    border-radius:10px!important;
  }
  .header-main>.head-tools #openMenu.menu-head svg{width:19px!important;height:19px!important}
}

/* INTERNATIONAL MENU CONTROL — stable, centered, responsive-only */
.header-main{position:relative!important;align-items:center!important;}
.header-main>.head-tools{height:clamp(42px,4.2vw,48px)!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;align-self:center!important;}
.header-main>.head-tools #openMenu.menu-head{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  translate:none!important;
  align-self:center!important;
  justify-self:end!important;
  display:grid!important;
  place-items:center!important;
  width:clamp(42px,4.2vw,48px)!important;
  height:clamp(42px,4.2vw,48px)!important;
  min-width:clamp(42px,4.2vw,48px)!important;
  min-height:clamp(42px,4.2vw,48px)!important;
  max-width:48px!important;
  max-height:48px!important;
  aspect-ratio:1/1!important;
  padding:0!important;
  margin:0!important;
  border-radius:12px!important;
  box-sizing:border-box!important;
  line-height:0!important;
  overflow:hidden!important;
}
.header-main>.head-tools #openMenu.menu-head svg{
  width:clamp(19px,2vw,22px)!important;
  height:clamp(19px,2vw,22px)!important;
  max-width:22px!important;
  max-height:22px!important;
  margin:0!important;
  display:block!important;
  pointer-events:none!important;
}
@media(max-width:980px){
  .header-main{min-height:72px!important;align-items:center!important;}
  .header-main>.head-tools{height:44px!important;align-self:center!important;}
  .header-main>.head-tools #openMenu.menu-head{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;}
}
@media(max-width:520px){
  .header-main{min-height:64px!important;align-items:center!important;}
  .header-main>.head-tools{height:40px!important;align-self:center!important;}
  .header-main>.head-tools #openMenu.menu-head{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:10px!important;}
  .header-main>.head-tools #openMenu.menu-head svg{width:19px!important;height:19px!important;}
}
@media(max-width:360px){
  .header-main{min-height:60px!important;gap:6px!important;}
  .header-main>.head-tools{height:38px!important;}
  .header-main>.head-tools #openMenu.menu-head{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border-radius:9px!important;}
  .header-main>.head-tools #openMenu.menu-head svg{width:18px!important;height:18px!important;}
}

/* ===== MODERN MOTION + ATMOSPHERIC BACKGROUND ===== */
:root{
  --motion-fast:180ms;
  --motion-med:320ms;
  --motion-slow:700ms;
  --ease-out:cubic-bezier(.22,1,.36,1);
  --ease-spring:cubic-bezier(.2,.8,.2,1);
}
html{scroll-behavior:smooth;background:#f7f8fb}
body{
  background:
    radial-gradient(900px 500px at 8% 4%, rgba(255,235,225,.55), transparent 62%),
    radial-gradient(760px 460px at 92% 10%, rgba(231,238,255,.72), transparent 62%),
    linear-gradient(180deg,#fbfcfe 0%,#f6f8fb 38%,#ffffff 72%,#f7f8fb 100%) !important;
  background-attachment:fixed;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.26;
  background-image:linear-gradient(rgba(17,24,39,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(17,24,39,.025) 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 75%);
}
.header,.announcement{backdrop-filter:saturate(145%) blur(14px);-webkit-backdrop-filter:saturate(145%) blur(14px)}
.header{background:rgba(255,255,255,.84)!important;box-shadow:0 10px 35px rgba(17,24,39,.07)!important}
.announcement{background:rgba(255,255,255,.9)!important}

/* Hero: soft light field + confident product motion */
.hero{position:relative;isolation:isolate;overflow:clip}
.hero::before,.hero::after{content:"";position:absolute;pointer-events:none;filter:blur(2px);z-index:-1}
.hero::before{width:42vw;height:42vw;min-width:320px;min-height:320px;max-width:720px;max-height:720px;right:-10vw;top:4%;border-radius:50%;background:radial-gradient(circle,rgba(255,225,213,.62),rgba(255,225,213,0) 66%);animation:orbFloat 11s ease-in-out infinite alternate}
.hero::after{width:30vw;height:30vw;min-width:260px;min-height:260px;left:-10vw;bottom:-12vw;border-radius:50%;background:radial-gradient(circle,rgba(222,233,255,.52),rgba(222,233,255,0) 68%);animation:orbFloat 14s ease-in-out infinite alternate-reverse}
.art-bg{box-shadow:0 30px 80px rgba(20,30,50,.10),inset 0 0 0 1px rgba(255,255,255,.34)!important;animation:artBreath 6s ease-in-out infinite}
.hero-shoe{transition:transform .8s var(--ease-out),filter .8s var(--ease-out)}
.hero-shoe img{transition:transform .9s var(--ease-out),filter .7s ease}
.hero-art:hover .hero-shoe{transform:translateY(-8px) rotate(-1deg) scale(1.018)}
.hero-art:hover .hero-shoe img{transform:scale(1.035) rotate(-1deg);filter:saturate(1.06) contrast(1.03)}
.floating-card{transition:transform .45s var(--ease-spring),box-shadow .45s var(--ease-out),opacity .3s ease}
.hero-art:hover .floating-card.fc-one{transform:translate(-5px,-7px) rotate(-1deg)}
.hero-art:hover .floating-card.fc-two{transform:translate(5px,-7px) rotate(1deg)}

/* Buttons and interactive surfaces */
.btn,.toolbar-action,.filter-trigger,.head-icon,.menu-close,.mobile-nav a,.mobile-nav button,.pagination button,.category-cards button,.product-card,.service-grid>div,.trust-grid article,.how-card,.highlight-icon{
  transition:transform var(--motion-med) var(--ease-out),box-shadow var(--motion-med) var(--ease-out),background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,color var(--motion-fast) ease,opacity var(--motion-fast) ease;
}
.btn:hover,.toolbar-action:hover,.filter-trigger:hover,.head-icon:hover,.menu-close:hover,.pagination button:hover{transform:translateY(-2px)}
.btn:active,.toolbar-action:active,.filter-trigger:active,.head-icon:active,.menu-close:active,.pagination button:active{transform:translateY(0) scale(.98)}
.category-cards button:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(17,24,39,.12)!important}
.product-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(17,24,39,.11)!important}
.service-grid>div:hover,.trust-grid article:hover{transform:translateY(-4px)}

/* Gentle product image hover, without changing layout */
.product-card .photo img{transition:transform .65s var(--ease-out),filter .5s ease}
.product-card:hover .photo img{transform:scale(1.045);filter:saturate(1.04) contrast(1.02)}

/* Header brand polish */
.text-brand strong{letter-spacing:-.035em;transition:letter-spacing .35s var(--ease-out),transform .35s var(--ease-out)}
.text-brand:hover strong{letter-spacing:-.045em;transform:translateX(1px)}
.header-main>nav a{position:relative}
.header-main>nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:999px;background:currentColor;transform:scaleX(0);transform-origin:center;transition:transform .3s var(--ease-out);opacity:.9}
.header-main>nav a:hover::after,.header-main>nav a.active::after{transform:scaleX(1)}

/* Scroll-reveal states */
.motion-ready .service-grid>div,.motion-ready .highlight-icon,.motion-ready .category-cards button,.motion-ready .product-card,.motion-ready .trust-grid article,.motion-ready .steps>div,.motion-ready .how-card,.motion-ready .contact-info>div{
  opacity:0;transform:translateY(18px) scale(.985);
}
.motion-ready .in-view{opacity:1!important;transform:none!important;transition:opacity .65s var(--ease-out),transform .65s var(--ease-out)}

/* Loading transition feels like a polished catalog, not a hard swap */
.catalog.is-loading .product-grid{opacity:.48;filter:saturate(.85);transform:translateY(4px);transition:opacity .22s ease,transform .22s var(--ease-out),filter .22s ease}
.catalog-loading{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(255,255,255,.72)!important}
.catalog-loading span{animation:loadingPulse 1.1s ease-in-out infinite}

/* Menu drawer */
.mobile-nav{box-shadow:-30px 0 80px rgba(17,24,39,.18)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.mobile-nav::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(247,248,251,.96));z-index:-1}
.mobile-nav.open .mobile-nav-head{animation:menuHeadIn .45s var(--ease-out) both}
.mobile-nav.open .mobile-nav-head~*{animation:menuItemIn .48s var(--ease-out) both}
.mobile-nav.open .mobile-nav-head~*:nth-child(3){animation-delay:.03s}.mobile-nav.open .mobile-nav-head~*:nth-child(4){animation-delay:.06s}.mobile-nav.open .mobile-nav-head~*:nth-child(5){animation-delay:.09s}.mobile-nav.open .mobile-nav-head~*:nth-child(6){animation-delay:.12s}.mobile-nav.open .mobile-nav-head~*:nth-child(7){animation-delay:.15s}.mobile-nav.open .mobile-nav-head~*:nth-child(8){animation-delay:.18s}

/* Focus states for keyboard and touch accessibility */
:where(a,button,input,select,textarea):focus-visible{outline:3px solid rgba(226,173,75,.42);outline-offset:2px}

/* Respect reduced motion */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .motion-ready .service-grid>div,.motion-ready .highlight-icon,.motion-ready .category-cards button,.motion-ready .product-card,.motion-ready .trust-grid article,.motion-ready .steps>div,.motion-ready .how-card,.motion-ready .contact-info>div{opacity:1;transform:none}
}
@media (max-width:720px){
  body{background-attachment:scroll}
  .hero::before{right:-26vw;top:8%}
  .hero::after{left:-22vw;bottom:-8vw}
}

@keyframes orbFloat{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(0,-16px,0) scale(1.04)}}
@keyframes artBreath{0%,100%{transform:translateY(0);box-shadow:0 30px 80px rgba(20,30,50,.10),inset 0 0 0 1px rgba(255,255,255,.34)}50%{transform:translateY(-4px);box-shadow:0 36px 90px rgba(20,30,50,.13),inset 0 0 0 1px rgba(255,255,255,.40)}}
@keyframes loadingPulse{0%,100%{transform:scale(.86);opacity:.55}50%{transform:scale(1.12);opacity:1}}
@keyframes menuHeadIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes menuItemIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}

/* Premium motion, depth and glass surfaces */
:root{--ease-premium:cubic-bezier(.22,1,.36,1);--hairline:rgba(16,24,40,.10)}
html{scroll-behavior:smooth}body{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 10% 10%,rgba(214,228,255,.34),transparent 28%),radial-gradient(circle at 90% 16%,rgba(255,226,220,.30),transparent 30%),linear-gradient(180deg,#fbfcfe,#f7f8fb 52%,#fff)}
.header-main{min-height:clamp(62px,6vw,84px)}.header{box-shadow:0 8px 28px rgba(16,24,40,.06)!important}.text-brand strong{font-size:clamp(1.16rem,1.65vw,1.58rem)!important;letter-spacing:-.04em}.text-brand span{font-size:clamp(.58rem,.68vw,.76rem)!important;letter-spacing:.14em}
.head-icon,.menu-close{width:clamp(42px,3.2vw,48px)!important;height:clamp(42px,3.2vw,48px)!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:rgba(255,255,255,.8)!important;border:1px solid var(--hairline)!important;box-shadow:0 6px 18px rgba(16,24,40,.06)!important}
.head-icon:hover,.menu-close:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 10px 28px rgba(16,24,40,.12)!important}.head-icon:active,.menu-close:active{transform:scale(.97)}
.filter-toolbar{backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);background:rgba(255,255,255,.78)!important;border-color:var(--hairline)!important}.product-grid{align-items:stretch}.product-card,.category-cards button,.hero-art{transform:translate3d(var(--px,0),var(--py,0),0);transition:transform .5s var(--ease-premium),box-shadow .5s var(--ease-premium),border-color .25s ease;will-change:transform}
.product-card .photo{overflow:hidden}.product-card .photo img{transition:transform .75s var(--ease-premium),filter .5s ease}.product-card:hover .photo img{transform:scale(1.055);filter:saturate(1.05) contrast(1.02)}
.scroll-progress{position:fixed;inset:0 0 auto 0;height:3px;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,#c8202f,#ee7a56);z-index:10000;pointer-events:none}.toast-root{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:10001;display:grid;gap:10px;pointer-events:none}.toast{max-width:min(360px,calc(100vw - 36px));padding:13px 16px;border-radius:16px;background:rgba(255,255,255,.9);border:1px solid var(--hairline);box-shadow:0 18px 50px rgba(16,24,40,.16);backdrop-filter:blur(18px) saturate(145%);font-weight:650;opacity:0;transform:translateY(12px) scale(.97);transition:opacity .28s ease,transform .4s var(--ease-premium)}.toast.show{opacity:1;transform:none}.search-empty{padding:22px 4px;color:#687386}.suggestion{width:100%;display:flex;justify-content:space-between;gap:16px;padding:12px 14px;border:0;background:transparent;border-radius:14px;text-align:left}.suggestion:hover{background:rgba(16,24,40,.045);transform:translateX(3px)}.suggestion small{display:block;color:#7a8493;margin-top:2px}
@media(max-width:720px){.text-brand strong{font-size:clamp(1rem,4.8vw,1.28rem)!important}.text-brand span{font-size:clamp(.5rem,2vw,.66rem)!important;letter-spacing:.09em}.toast-root{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom))}.toast{max-width:none}.product-card,.category-cards button,.hero-art{transform:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-progress{display:none}.product-card,.category-cards button,.hero-art{transition:none!important;transform:none!important}.toast{transition:none}}
/* Announcement bar: light gray / restrained marketplace utility strip */
.announcement{background:#f1f3f5!important;color:#667085!important;border-bottom:1px solid #e3e6ea!important;box-shadow:none!important}
.announcement-in span,.announcement-in b{color:#667085!important}
.announcement-in b{font-weight:700}

/* ===== US FOOTWEAR RETAIL POLISH ===== */
:root{
  --us-ink:#111111;
  --us-muted:#6b7280;
  --us-line:#e7e7e7;
  --us-surface:#ffffff;
  --us-soft:#f6f6f6;
  --us-accent:#e3262f;
  --us-radius:16px;
}
html,body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;color:var(--us-ink)!important}
body{background:#fff!important;background-image:none!important}
body::before{display:none!important}
.announcement{position:sticky!important;top:0!important;z-index:1000!important;background:#f3f3f3!important;color:#5d5d5d!important;border-bottom:1px solid #e6e6e6!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;min-height:36px!important}
.announcement-in{min-height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:clamp(14px,2.5vw,34px)!important;font-size:clamp(11px,1vw,13px)!important;line-height:1.3!important;letter-spacing:.01em!important;white-space:nowrap!important;overflow:auto!important;scrollbar-width:none!important}
.announcement-in::-webkit-scrollbar{display:none}
.header{position:sticky!important;top:36px!important;z-index:999!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--us-line)!important;box-shadow:0 1px 0 rgba(0,0,0,.03)!important;backdrop-filter:blur(16px)!important}
.header-main{min-height:clamp(74px,8vw,96px)!important;gap:clamp(12px,2vw,28px)!important}
.text-brand{gap:3px!important;line-height:1!important;min-width:0!important}
.text-brand strong{font-size:clamp(24px,2.3vw,38px)!important;font-weight:800!important;letter-spacing:-.045em!important;white-space:nowrap!important}
.text-brand span{font-size:clamp(9px,.72vw,12px)!important;letter-spacing:.16em!important;font-weight:700!important;color:#777!important;white-space:nowrap!important}
.header-main>nav{display:flex!important;align-items:center!important;gap:clamp(14px,2vw,28px)!important;justify-content:center!important;min-width:0!important}
.header-main>nav a{font-size:clamp(12px,.9vw,14px)!important;font-weight:650!important;color:#222!important;padding:12px 0!important;white-space:nowrap!important}
.header-main>nav a:hover{color:#000!important}
.head-tools{margin-left:auto!important}
.head-icon.menu-head{background:#111!important;color:#fff!important;border:1px solid #111!important;box-shadow:none!important}
.head-icon.menu-head:hover{background:#2a2a2a!important;box-shadow:0 8px 20px rgba(0,0,0,.16)!important}
.category-nav{background:#fff!important;border-top:0!important;border-bottom:1px solid var(--us-line)!important}
.category-nav-in{justify-content:center!important;gap:clamp(20px,2.8vw,44px)!important;min-height:46px!important}
.category-nav-in a{font-size:12px!important;font-weight:700!important;letter-spacing:.01em!important;color:#555!important}
.category-nav-in a:hover{color:#111!important}
.hero{background:#f7f7f7!important;min-height:clamp(520px,64vh,740px)!important}
.hero-grid{align-items:center!important;gap:clamp(24px,4vw,64px)!important}
.hero-copy{max-width:680px!important}
.hero-copy h1{font-size:clamp(52px,6.2vw,88px)!important;line-height:.95!important;letter-spacing:-.055em!important;font-weight:800!important}
.hero-copy p{font-size:clamp(17px,1.4vw,21px)!important;line-height:1.55!important;color:#4a4a4a!important;max-width:620px!important}
.hero .pill{font-size:11px!important;letter-spacing:.12em!important;font-weight:800!important;background:#fff!important;border:1px solid #dedede!important;color:#444!important}
.btn.primary{background:#111!important;border-color:#111!important;box-shadow:none!important}
.btn.primary:hover{background:#2a2a2a!important;box-shadow:0 12px 30px rgba(0,0,0,.18)!important}
.btn.secondary{background:#fff!important;border-color:#111!important;color:#111!important}
.hero-art .art-bg{background:#ececec!important;box-shadow:none!important}
.section{padding-block:clamp(64px,8vw,110px)!important}
.section-head h2,.shop-top h2,.how h2,.trust h2{font-size:clamp(32px,3.5vw,52px)!important;line-height:1.02!important;letter-spacing:-.045em!important;font-weight:800!important}
.section-head p,.shop-top p,.lead{font-size:clamp(16px,1.25vw,19px)!important;line-height:1.6!important;color:#5b5b5b!important}
.eyebrow{font-size:11px!important;letter-spacing:.16em!important;font-weight:800!important;color:#7c7c7c!important}
.service-grid{gap:0!important;border-top:1px solid var(--us-line)!important;border-bottom:1px solid var(--us-line)!important;background:#fff!important}
.service-grid>div{min-height:140px!important;padding:26px!important;border-right:1px solid var(--us-line)!important;border-radius:0!important;box-shadow:none!important}
.service-grid>div:last-child{border-right:0!important}
.category-cards{gap:14px!important}
.category-cards button{border:1px solid #e5e5e5!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important}
.category-cards button:hover{box-shadow:0 16px 30px rgba(0,0,0,.1)!important}
.shop{background:#fff!important}
.shop-top{margin-bottom:28px!important}
.search-inline{border:1px solid #d8d8d8!important;border-radius:999px!important;background:#fff!important;min-height:50px!important;box-shadow:none!important}
.filter-toolbar{border:1px solid #e5e5e5!important;border-radius:12px!important;background:#fff!important;box-shadow:0 8px 24px rgba(0,0,0,.04)!important;padding:10px 12px!important}
.filter-trigger,.toolbar-action,.sort-wrap select{min-height:42px!important;border:1px solid #d8d8d8!important;border-radius:999px!important;background:#fff!important;color:#111!important;font-weight:700!important}
.product-grid{align-items:stretch!important;gap:clamp(14px,1.5vw,22px)!important}
.product-card{border:1px solid #e7e7e7!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
.product-card:hover{box-shadow:0 16px 34px rgba(0,0,0,.10)!important;transform:translateY(-3px)!important}
.product-card .photo{background:#f6f6f6!important;aspect-ratio:1/1!important}
.product-card .details{display:flex!important;flex-direction:column!important;flex:1!important;padding:16px!important}
.product-card .actions{margin-top:auto!important;padding-top:14px!important}
.product-card h3{font-size:clamp(15px,1.1vw,18px)!important;line-height:1.2!important;letter-spacing:-.02em!important}
.product-card p{font-size:13px!important;line-height:1.45!important;color:#666!important}
.product-card .price{font-size:clamp(16px,1.2vw,19px)!important;font-weight:800!important}
.pagination{padding-top:26px!important;gap:8px!important}
.pagination button{min-width:42px!important;height:42px!important;border-radius:999px!important;border:1px solid #d8d8d8!important;background:#fff!important;font-weight:750!important}
.pagination button.active{background:#111!important;border-color:#111!important;color:#fff!important}
.how-card{border-radius:20px!important;border:1px solid #e6e6e6!important;box-shadow:0 18px 45px rgba(0,0,0,.08)!important;overflow:hidden!important}
.how-card-content strong{font-size:clamp(34px,3.3vw,54px)!important;line-height:1.02!important;letter-spacing:-.045em!important}
.footer{background:#111!important;color:#fff!important}
.footer a{color:#cfcfcf!important}
.footer p,.footer small{color:#a6a6a6!important}
.mobile-nav{background:#fff!important}
.mobile-nav-head{border-bottom:1px solid #e8e8e8!important}
.mobile-nav a,.mobile-nav button{font-size:16px!important;font-weight:700!important}
.mobile-nav .menu-close{border:1px solid #d9d9d9!important;background:#fff!important;color:#111!important}
@media(max-width:1100px){
  .header-main>nav{display:none!important}
  .header-main{grid-template-columns:minmax(0,1fr) auto!important}
}
@media(max-width:760px){
  .announcement{top:0!important}
  .header{top:36px!important}
  .announcement-in{justify-content:flex-start!important}
  .header-main{min-height:68px!important}
  .text-brand strong{font-size:clamp(20px,5.8vw,29px)!important}
  .text-brand span{font-size:8px!important;letter-spacing:.13em!important}
  .category-nav-in{justify-content:flex-start!important;overflow-x:auto!important;scrollbar-width:none!important}
  .category-nav-in::-webkit-scrollbar{display:none}
  .hero-grid{grid-template-columns:1fr!important}
  .hero-copy{text-align:left!important}
  .hero-copy h1{font-size:clamp(44px,12vw,68px)!important}
  .hero-art{order:-1!important;max-width:620px!important;margin-inline:auto!important;width:100%!important}
  .service-grid{grid-template-columns:1fr 1fr!important}
  .service-grid>div:nth-child(2){border-right:0!important}
  .service-grid>div:nth-child(-n+2){border-bottom:1px solid var(--us-line)!important}
}
@media(max-width:520px){
  .announcement-in{font-size:10px!important}
  .hero{min-height:auto!important}
  .hero-grid{padding-top:24px!important}
  .hero-copy p{font-size:16px!important}
  .service-grid{grid-template-columns:1fr!important}
  .service-grid>div{border-right:0!important;border-bottom:1px solid var(--us-line)!important}
  .service-grid>div:last-child{border-bottom:0!important}
  .product-grid{grid-template-columns:1fr!important}
  .filter-toolbar{flex-wrap:wrap!important}
  .search-inline{width:100%!important}
}

/* Accessibility contrast pass for dark buttons */
.btn.primary,
.hero-actions .btn.primary,
.primary-action,
.pagination button.active,
.page-btn.active,
.menu-close.dark,
.filter-trigger b,
.load-more,
.footer-contact,
.inventory-presets button.active {
  color:#fff!important;
}

.btn.primary *,
.hero-actions .btn.primary *,
.primary-action *,
.pagination button.active *,
.page-btn.active * {
  color:inherit!important;
}

.primary-action {
  background:#111827!important;
  border:1px solid #111827!important;
}
.primary-action:hover,
.primary-action:focus-visible {
  background:#1f2937!important;
  color:#fff!important;
}
.quick {
  background:#f3f4f6!important;
  color:#111827!important;
  border:1px solid #d7dce4!important;
}
.pagination button.active,
.page-btn.active {
  background:#111!important;
  border-color:#111!important;
  color:#fff!important;
}
.load-more {
  background:#111827!important;
  border-color:#111827!important;
}
/* Modern filter drawer: dim the storefront behind it like a navigation sheet. */
body.filter-open{overflow:hidden!important}
#filters{transition:transform .36s cubic-bezier(.22,1,.36,1),opacity .24s ease,visibility .24s ease!important}
#filters:not(.open){opacity:0!important;visibility:hidden!important;transform:translate3d(0,18px,0)!important;pointer-events:none!important}
#filters.open{opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important}
#filters.open~.catalog{} 
#overlay.filter-overlay-active{display:block!important;position:fixed!important;inset:0!important;z-index:205!important;background:rgba(15,23,42,.34)!important;backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
#filters{z-index:220!important;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(22px) saturate(145%)!important;-webkit-backdrop-filter:blur(22px) saturate(145%)!important;border:1px solid rgba(17,24,39,.08)!important;box-shadow:0 30px 80px rgba(15,23,42,.20)!important}
.filter-title{position:sticky!important;top:0!important;z-index:2!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;padding-top:16px!important}
.filter-title-actions{display:flex!important;align-items:center!important;gap:8px!important}
.filter-close{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border:1px solid #dfe3e8!important;border-radius:12px!important;background:#fff!important;color:#111!important;font-size:24px!important;line-height:1!important;cursor:pointer!important;transition:transform .22s ease,background .22s ease,border-color .22s ease!important}
.filter-close:hover{background:#f5f6f7!important;border-color:#cfd5dc!important;transform:rotate(90deg)!important}
.filter-trigger{position:relative!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
.filter-trigger[aria-expanded="true"]{box-shadow:0 8px 24px rgba(17,24,39,.12)!important;border-color:#111!important}
@media (min-width:981px){
  .shop-layout>.filters{position:fixed!important;top:calc(var(--announcement-h,36px) + 18px)!important;right:24px!important;left:auto!important;bottom:24px!important;width:min(420px,calc(100vw - 48px))!important;max-height:calc(100vh - var(--announcement-h,36px) - 42px)!important;border-radius:22px!important;overflow:auto!important;transform:translate3d(28px,18px,0)!important}
  .shop-layout>.filters.open{transform:none!important}
}
@media (max-width:980px){
  .shop-layout>.filters{top:74px!important;left:12px!important;right:12px!important;bottom:16px!important;width:auto!important;border-radius:20px!important;overflow:auto!important}
}
@media (max-width:600px){
  .shop-layout>.filters{top:64px!important;left:8px!important;right:8px!important;bottom:10px!important;border-radius:18px!important}
  .filter-close{width:38px!important;height:38px!important}
}

/* Final filter drawer refinement: clean left-side panel, no storefront dimming. */
#overlay.filter-overlay-active{
  display:block!important;
  position:fixed!important;
  inset:0!important;
  z-index:205!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
#filters{
  left:auto!important;
  right:auto!important;
  transform:translate3d(-28px,18px,0)!important;
}
#filters.open{transform:translate3d(0,0,0)!important}
@media (min-width:981px){
  .shop-layout>.filters{
    left:24px!important;
    right:auto!important;
    width:min(420px,calc(100vw - 48px))!important;
  }
}
@media (max-width:980px){
  .shop-layout>.filters{
    left:12px!important;
    right:auto!important;
    width:min(430px,calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;
    transform:translate3d(-24px,18px,0)!important;
  }
  .shop-layout>.filters.open{transform:translate3d(0,0,0)!important}
}
@media (max-width:600px){
  .shop-layout>.filters{
    left:8px!important;
    right:auto!important;
    width:calc(100vw - 16px)!important;
    max-width:none!important;
    border-radius:18px!important;
    transform:translate3d(-18px,14px,0)!important;
  }
  .shop-layout>.filters.open{transform:translate3d(0,0,0)!important}
}



/* Seller Manager — premium workspace upgrade */
.manager{background:linear-gradient(180deg,#fbfcfe 0%,#fff 45%);border:1px solid #e3e7ee;box-shadow:0 30px 90px rgba(16,24,40,.18);}
.manager-head{position:relative;}
.manager-live-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;padding:9px 12px;border:1px solid #e7ebf0;border-radius:10px;background:#f6f8fb;color:#697386;font-size:11px;}
.manager-live-strip b{color:#243043}.live-dot{width:7px;height:7px;border-radius:50%;background:#1aa774;box-shadow:0 0 0 5px rgba(26,167,116,.12);}
.manager-save-state{margin-left:auto;font-weight:800;color:#12825e;}
.dashboard{grid-template-columns:repeat(8,minmax(0,1fr)) !important;gap:10px !important;}
.dashboard .dash-stat{min-width:0;border-radius:12px;background:#fff;border:1px solid #e8ebf0;padding:14px;box-shadow:0 5px 18px rgba(17,24,39,.04);}
.dashboard .dash-stat b{font-size:18px;display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.manager-toolbar{display:grid !important;grid-template-columns:minmax(180px,1.8fr) minmax(150px,.8fr) minmax(130px,.7fr) auto !important;gap:8px !important;align-items:center;margin:16px 0 10px;}
.manager-toolbar input,.manager-toolbar select,.manager-refresh{height:42px;border:1px solid #dfe4eb;border-radius:10px;background:#fff;padding:0 12px;color:#273246;outline:none;}
.manager-toolbar input:focus,.manager-toolbar select:focus{border-color:#aeb7c6;box-shadow:0 0 0 3px rgba(37,99,235,.08)}
.manager-refresh{background:#182132;color:#fff;border-color:#182132;font-weight:800;white-space:nowrap;}
.bulk-bar{display:flex;align-items:center;gap:12px;min-height:42px;padding:9px 11px;border:1px solid #e8ebef;border-radius:10px;background:#f8fafc;margin-bottom:12px;font-size:11px;}
.bulk-bar label{display:flex;gap:8px;align-items:center;font-weight:700}.bulk-bar span{color:#697386;margin-right:auto}.bulk-bar button{border:1px solid #dce2e9;background:#fff;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:800}.bulk-bar button#bulkDelete{color:#b42318}.manager-list-head{display:flex;align-items:center;justify-content:space-between;padding:10px 2px;color:#1f2937;font-weight:900}.manager-list-head small{font-weight:600;color:#7a8495}.manage-row{display:grid !important;grid-template-columns:54px minmax(0,1fr) auto 28px !important;gap:12px !important;align-items:center !important;padding:11px !important;border:1px solid #e8ebf0;border-radius:12px !important;background:#fff;margin-bottom:8px;transition:transform .18s,box-shadow .18s,border-color .18s !important;}.manage-row:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(16,24,40,.06);border-color:#d8dee8}.manager-select{width:16px;height:16px;accent-color:#182132}.manage-thumb{width:54px !important;height:54px !important;border-radius:10px;overflow:hidden;background:#eef1f5;display:grid;place-items:center}.manage-thumb img{width:100%;height:100%;object-fit:cover}.manage-actions{display:flex;gap:6px}.manage-actions button{border:1px solid #dfe4eb;background:#fff;border-radius:8px;padding:7px 10px;font-weight:800;font-size:10px}.manage-actions button:first-child{background:#182132;color:#fff;border-color:#182132}.manage-actions button:last-child{color:#b42318}.manager-messages{margin-top:18px;border-top:1px solid #e8ebf0;padding-top:18px}.messages-head{display:flex;align-items:center;gap:14px}.message-filter{margin-left:auto;border:1px solid #dfe4eb;background:#fff;border-radius:9px;padding:9px 11px;font-size:10px}.message-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:13px;border:1px solid #e8ebf0;border-radius:12px;margin:9px 0;background:#fff}.message-item.answered{background:#fbfffd;border-color:#dcefe7}.message-actions{display:flex;gap:7px;align-items:flex-start}.message-actions button{border:1px solid #dfe4eb;background:#fff;border-radius:8px;padding:8px 10px;font-weight:800;font-size:10px}.message-actions button:first-child{background:#182132;color:#fff;border-color:#182132}.product-form{background:#fff;border:1px solid #e4e8ee;box-shadow:0 12px 35px rgba(17,24,39,.05)}
@media(max-width:1100px){.dashboard{grid-template-columns:repeat(4,minmax(0,1fr)) !important}.manager-layout{grid-template-columns:1fr !important}.manager-toolbar{grid-template-columns:1fr 1fr !important}.manager-refresh{width:100%}}
@media(max-width:640px){.dashboard{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.manager-toolbar{grid-template-columns:1fr !important}.bulk-bar{flex-wrap:wrap}.bulk-bar span{margin-right:0;width:100%}.message-item{grid-template-columns:1fr}.message-actions{flex-wrap:wrap}.manager-live-strip .manager-save-state{margin-left:0}.manage-row{grid-template-columns:48px minmax(0,1fr) !important}.manage-actions{grid-column:2;justify-content:flex-start}.manage-row>.manager-select{grid-row:1/3;align-self:start}.manage-thumb{width:48px !important;height:48px !important}}
@media(prefers-reduced-motion:reduce){.manage-row{transition:none!important}.manage-row:hover{transform:none!important}}

/* Seller Manager — organized control-center presentation */
#managerModal{padding:0 !important;align-items:stretch !important;justify-content:stretch !important;}
#managerModal .manager{width:min(1480px,100vw) !important;max-width:none !important;height:min(96vh,980px) !important;max-height:none !important;margin:auto !important;border-radius:22px !important;overflow:hidden !important;display:flex !important;flex-direction:column !important;background:#f6f8fb !important;box-shadow:0 28px 100px rgba(17,24,39,.20) !important;}
#managerModal .manager>.close{position:absolute;top:16px;right:16px;z-index:40;width:40px;height:40px;border-radius:12px;border:1px solid #dfe4eb;background:#fff;color:#182132;font-size:22px;box-shadow:0 6px 18px rgba(17,24,39,.08);}
#managerModal .manager-head{padding:28px 72px 20px 28px !important;margin:0 !important;background:#fff !important;border-bottom:1px solid #e7ebf0 !important;display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;gap:20px !important;align-items:start !important;}
#managerModal .manager-head h2{font-size:clamp(25px,3vw,38px) !important;letter-spacing:-.03em !important;margin:.15em 0 .3em !important;color:#121a28 !important;}
#managerModal .manager-head .muted{max-width:720px !important;margin:0 !important;font-size:14px !important;}
#managerModal .manager-buttons{display:flex !important;gap:8px !important;flex-wrap:wrap !important;justify-content:flex-end !important;}
.manager-workspace{display:flex !important;flex-direction:column !important;min-height:0 !important;flex:1 !important;overflow:hidden !important;}
.manager-tabs{display:flex !important;gap:4px !important;padding:10px 20px !important;background:#fff !important;border-bottom:1px solid #e7ebf0 !important;overflow:auto !important;position:sticky !important;top:0 !important;z-index:10 !important;}
.manager-tab{appearance:none !important;border:0 !important;background:transparent !important;color:#687386 !important;padding:11px 15px !important;border-radius:11px !important;font-size:12px !important;font-weight:800 !important;white-space:nowrap !important;transition:background .18s ease,color .18s ease,transform .18s ease !important;}
.manager-tab:hover{background:#f3f5f8 !important;color:#172033 !important;transform:translateY(-1px) !important}.manager-tab.active{background:#172033 !important;color:#fff !important;}
.manager-panel-stack{min-height:0 !important;flex:1 !important;overflow:auto !important;padding:20px !important;scroll-behavior:smooth !important;}
.manager-panel{display:none !important;animation:managerPanelIn .22s ease both !important}.manager-panel.active{display:block !important}@keyframes managerPanelIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.manager-overview-grid,.settings-grid{display:grid !important;grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr) !important;gap:14px !important;}
.control-card{background:#fff !important;border:1px solid #e3e8ef !important;border-radius:16px !important;padding:20px !important;box-shadow:0 8px 25px rgba(17,24,39,.035) !important;}
.control-card h3{margin:.25rem 0 .45rem !important;font-size:18px !important;color:#172033 !important}.control-card p{color:#6d7789 !important;margin:.2rem 0 1rem !important;font-size:13px !important;}
.quick-actions{display:flex;gap:8px;flex-wrap:wrap}.quick-actions .btn{width:auto !important}.status-list{display:grid;gap:10px;margin-top:10px}.status-list>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eef1f4}.status-list>div:last-child{border-bottom:0}.status-list span{color:#657084}.status-live{color:#138a61 !important;font-weight:800}
.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.settings-grid .control-card{display:flex;flex-direction:column;gap:11px}.control-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.settings-saved{font-size:11px;font-weight:800;color:#138a61}.settings-grid label{display:grid;gap:6px;font-weight:800;font-size:12px;color:#344054}.settings-grid input,.settings-grid textarea{width:100%;border:1px solid #dde3ea;border-radius:10px;padding:11px 12px;background:#fff;color:#182132;outline:none}.settings-grid input:focus,.settings-grid textarea:focus{border-color:#aab5c4;box-shadow:0 0 0 3px rgba(37,99,235,.08)}
.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #eef1f4}.switch-row span{display:grid;gap:2px}.switch-row small{color:#7a8495}.switch-row input{width:19px;height:19px;accent-color:#172033}.data-actions{display:flex;gap:8px;flex-wrap:wrap}.data-actions .btn{width:auto !important}.data-note{margin-top:10px;font-size:11px;color:#7a8495;line-height:1.5}.command-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.command-grid .btn{width:100%}
#managerModal .dashboard{margin-top:14px !important}.manager-list-head{font-size:13px !important}.manage-row{min-height:72px !important}.manage-row>div:nth-child(3){min-width:0}.manage-row>div:nth-child(3) small{display:block;white-space:normal !important;line-height:1.4 !important;color:#737f91 !important}.manage-actions button{min-height:34px !important}.bulk-bar{position:sticky;bottom:0;z-index:5;box-shadow:0 -6px 14px rgba(17,24,39,.03)}
.manager-live-strip{grid-column:1/-1 !important}.manager-live-strip b{font-size:12px !important}.message-item{padding:14px !important}.message-item strong{font-size:14px !important}.message-item small{font-size:11px !important}.product-form{position:sticky !important;top:0 !important;align-self:start !important;max-height:calc(100vh - 210px) !important;overflow:auto !important;}
@media(max-width:900px){#managerModal .manager{width:100vw !important;height:100vh !important;border-radius:0 !important}.manager-head{grid-template-columns:1fr !important;padding:22px 64px 18px 18px !important}.manager-buttons{justify-content:flex-start !important}.manager-overview-grid,.settings-grid{grid-template-columns:1fr !important}.manager-panel-stack{padding:14px !important}.product-form{position:relative !important;max-height:none !important}.manager-tabs{padding-inline:10px !important}}
@media(max-width:560px){#managerModal .manager-head h2{font-size:24px !important}.manager-head .muted{font-size:12px !important}.manager-buttons .btn{flex:1 1 130px !important}.dashboard{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.dashboard .dash-stat{padding:11px !important}.dashboard .dash-stat b{font-size:16px !important}.manager-toolbar{grid-template-columns:1fr !important}.bulk-bar{align-items:stretch !important}.bulk-bar button{flex:1 1 45%}.command-grid{grid-template-columns:1fr}.control-card{padding:15px !important}}
@media(prefers-reduced-motion:reduce){.manager-panel{animation:none !important}.manager-tab{transition:none !important}}

/* Clean, always-visible announcement bar refinement */
:root{--announcement-height:40px}
body{padding-top:var(--announcement-height)!important}
.announcement{
  position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;
  min-height:var(--announcement-height)!important;height:auto!important;
  z-index:10050!important;
  background:#f3f4f6!important;
  color:#5b6472!important;
  border-bottom:1px solid #e4e7eb!important;
  box-shadow:0 1px 0 rgba(17,24,39,.02)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.announcement-in{
  min-height:var(--announcement-height)!important;
  height:var(--announcement-height)!important;
  padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:clamp(10px,1.8vw,24px)!important;
  font-size:clamp(10px,.25vw + 9px,12px)!important;
  font-weight:600!important;line-height:1!important;letter-spacing:.01em!important;
  white-space:nowrap!important;overflow:hidden!important;
}
.announcement-in span{display:inline-flex!important;align-items:center!important;min-width:0!important;color:#5b6472!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.announcement-in span+span::before{content:"•";display:inline-block;margin-right:clamp(10px,1.8vw,24px);color:#a6adb8;font-weight:700}
.announcement-in b{color:#2f3743!important;font-weight:800!important}
@media(max-width:900px){
  :root{--announcement-height:38px}
  .announcement-in{justify-content:flex-start!important;overflow-x:auto!important;scrollbar-width:none!important;padding-inline:14px!important}
  .announcement-in::-webkit-scrollbar{display:none}
}
@media(max-width:640px){
  :root{--announcement-height:36px}
  .announcement-in{font-size:10px!important;gap:10px!important;padding-inline:12px!important}
  .announcement-in span+span::before{margin-right:10px}
}
@media(max-width:420px){
  :root{--announcement-height:34px}
  .announcement-in{font-size:9px!important;gap:8px!important;padding-inline:10px!important}
  .announcement-in span:nth-child(2){display:inline-flex!important}
  .announcement-in span:nth-child(3){display:inline-flex!important}
  .announcement-in span+span::before{margin-right:8px}
}

/* Modern editorial background system */
html{background:#f4f6f9}
body{position:relative;isolation:isolate;background:
  radial-gradient(900px 560px at 8% 10%,rgba(243,167,18,.09),transparent 62%),
  radial-gradient(760px 520px at 92% 26%,rgba(37,99,235,.055),transparent 64%),
  radial-gradient(900px 620px at 52% 82%,rgba(15,159,110,.035),transparent 68%),
  linear-gradient(180deg,#f9fafb 0%,#f3f5f8 42%,#eef2f6 100%);
  background-attachment:fixed;
}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.72;background:
  radial-gradient(circle at 20% 20%,rgba(255,255,255,.9) 0 1px,transparent 1.5px) 0 0/28px 28px,
  radial-gradient(circle at 80% 60%,rgba(255,255,255,.65) 0 1px,transparent 1.5px) 12px 10px/34px 34px;
  mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 88%,transparent 100%);
}
body::after{content:"";position:fixed;inset:-20%;z-index:-3;pointer-events:none;background:
  radial-gradient(40% 28% at 12% 14%,rgba(243,167,18,.11),transparent 72%),
  radial-gradient(35% 24% at 86% 24%,rgba(37,99,235,.06),transparent 72%),
  radial-gradient(34% 24% at 55% 88%,rgba(15,159,110,.04),transparent 72%);
  filter:blur(18px);animation:ambientDrift 18s ease-in-out infinite alternate;
}
@keyframes ambientDrift{from{transform:translate3d(-1.5%,0,0) scale(1)}to{transform:translate3d(1.5%,1%,0) scale(1.035)}}
.header,.announcement,.category-nav,.service-strip,.marketplace-highlights,.section,.shop,.newsletter,.footer{position:relative}
.section,.shop{background:transparent}
.shop .product-grid{position:relative}
.category-cards button,.product-card,.filters,.search-inline,.service-grid>div,.control-card{backdrop-filter:saturate(125%) blur(8px)}
.category-cards button,.product-card,.filters,.search-inline,.service-grid>div{background:rgba(255,255,255,.86)}
.hero{background:
  radial-gradient(620px 420px at 76% 18%,rgba(243,167,18,.15),transparent 68%),
  radial-gradient(520px 340px at 18% 78%,rgba(255,255,255,.95),transparent 70%),
  linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(242,245,249,.84) 100%);
}
.marketplace-highlights{background:rgba(255,255,255,.82)}
.footer{background:linear-gradient(180deg,#131a27 0%,#0b1019 100%)}
@media(max-width:820px){body{background-attachment:scroll}body::after{animation-duration:24s}.category-cards button,.product-card,.filters,.search-inline,.service-grid>div{backdrop-filter:blur(5px)}}
@media(prefers-reduced-motion:reduce){body::after{animation:none}}

/* Network-first loading */
#networkBoot{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;gap:.75rem;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);font:600 14px/1.4 system-ui,sans-serif;color:#111}
#networkBoot[hidden]{display:none}
.network-spinner{width:18px;height:18px;border:2px solid #ddd;border-top-color:#111;border-radius:50%;animation:tspSpin .8s linear infinite}
@keyframes tspSpin{to{transform:rotate(360deg)}}
.connection-status{font-size:.78em;opacity:.68;white-space:nowrap;margin-left:.6rem}
@media(max-width:720px){.connection-status{display:none}}
@media(prefers-reduced-motion:reduce){.network-spinner{animation:none}}

/* Apple-inspired spacing pass: generous rhythm, readable measure, predictable alignment */
:root{
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --space-9:80px;
  --content-max:1320px;
}

html{scroll-padding-top:clamp(124px,12vw,176px)}
body{letter-spacing:-.006em}

.container{width:min(var(--content-max),calc(100% - 48px));margin-inline:auto}
.section,.shop{padding-block:clamp(64px,7vw,96px)}
.section-head,.shop-top{margin-bottom:clamp(28px,4vw,48px)}
.section-head h2,.shop-top h2{margin:0 0 12px}
.section-head p,.shop-top p{margin:0;max-width:68ch}

.header-main{padding-inline:max(20px,calc((100vw - var(--content-max))/2));}
.category-nav-in{padding-inline:max(20px,calc((100vw - var(--content-max))/2));}
.announcement-in{padding-inline:max(20px,calc((100vw - var(--content-max))/2));}

.hero-grid{gap:clamp(32px,6vw,88px);padding-block:clamp(48px,6vw,88px)}
.hero-copy{max-width:640px}
.hero-copy .eyebrow{margin-bottom:16px}
.hero h1{margin:0 0 20px}
.hero .lead{max-width:58ch;margin:0 0 28px}
.hero-actions{gap:12px;margin-top:8px}
.hero-meta{margin-top:22px}
.hero-art{min-width:0}

.service-grid,.trust-grid{gap:clamp(14px,2vw,24px)}
.service-grid>div{padding:clamp(20px,2.2vw,28px)}

.category-cards{gap:clamp(14px,2vw,22px)}
.category-cards button{padding:clamp(18px,2vw,28px);min-height:clamp(220px,20vw,270px)}

.shop{padding-top:clamp(48px,5vw,72px)}
.catalog-tools{gap:12px;margin-bottom:20px}
.search-inline{margin-bottom:20px}
.product-grid{gap:clamp(14px,1.6vw,24px)}
.product-card{min-width:0;height:100%;display:flex;flex-direction:column;overflow:hidden}
.photo{flex:0 0 auto}
.product-body{display:flex;flex:1;flex-direction:column;gap:8px}
.product-body .desc{min-height:3.1em}
.product-body .product-actions,.product-body .card-actions{margin-top:auto}

.pagination{margin-top:clamp(30px,4vw,48px);padding-top:8px}

.how-grid{gap:clamp(32px,5vw,72px)}
.how-card{margin-top:8px}
.contact-info{gap:0}

.footer{padding-top:clamp(52px,6vw,80px)}
.footer-top{gap:clamp(32px,5vw,72px)}
.footer-bottom{padding-block:20px}

/* Consistent control sizing and breathing room */
button,.btn,.head-icon,.cart-head,.close,.dock-item,.mobile-dock a,.mobile-dock button{
  min-height:44px;
}
button,.btn,.head-icon,.cart-head{padding-inline:16px}

/* Give text a readable measure instead of letting paragraphs run wide. */
.lead,.muted,.desc,.service-grid p,.trust-grid p,.contact-info,.how-card-content p{max-width:68ch}

@media (min-width:1101px){
  .header-main{grid-template-columns:minmax(300px,1fr) auto auto;align-items:center}
  .logo{justify-self:start}
  .header-main>nav{justify-self:center}
  .head-tools{justify-self:end}
  .hero-copy{padding-block:24px}
}

@media (max-width:1100px){
  .container{width:min(var(--content-max),calc(100% - 40px))}
  .header-main,.category-nav-in,.announcement-in{padding-inline:20px}
  .hero-grid{gap:36px}
}

@media (max-width:760px){
  .container{width:min(var(--content-max),calc(100% - 28px))}
  .header-main,.category-nav-in,.announcement-in{padding-inline:14px}
  .section,.shop{padding-block:52px}
  .section-head,.shop-top{margin-bottom:28px}
  .hero-grid{padding-block:34px 48px;gap:30px}
  .hero .lead{margin-bottom:22px}
  .service-grid>div{padding:18px}
  .category-cards{gap:12px}
  .category-cards button{min-height:200px;padding:16px}
  .product-grid{gap:12px}
  .product-body{padding:14px}
  .product-body .desc{min-height:0}
  .footer{padding-top:48px}
}

@media (max-width:420px){
  .container{width:calc(100% - 20px)}
  .section,.shop{padding-block:44px}
  .hero-grid{padding-block:28px 40px}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .hero-actions .btn{width:100%}
  .category-cards{gap:10px}
  .category-cards button{min-height:170px}
  .product-grid{gap:10px}
  .product-card{border-radius:14px}
  .product-body{padding:12px}
}

@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* ===== Premium animated background layer ===== */
:root{--bg-0:#fbfbfc;--bg-1:#f4f6f9;--bg-2:#eef1f5}
body{background:
  radial-gradient(900px 500px at 8% 4%,rgba(245,158,11,.09),transparent 58%),
  radial-gradient(800px 520px at 92% 8%,rgba(59,130,246,.07),transparent 60%),
  radial-gradient(900px 600px at 50% 100%,rgba(16,185,129,.055),transparent 62%),
  linear-gradient(180deg,#ffffff 0%,var(--bg-0) 34%,#f6f7f9 100%) !important;
  background-attachment:fixed;
}
body:before,body:after{content:"";position:fixed;inset:auto;pointer-events:none;z-index:-1;border-radius:999px;filter:blur(70px);opacity:.45;transform:translate3d(0,0,0)}
body:before{width:34vw;height:34vw;min-width:280px;min-height:280px;left:-12vw;top:18vh;background:radial-gradient(circle,rgba(255,189,72,.18),rgba(255,189,72,0) 70%);animation:bgFloatA 18s ease-in-out infinite alternate}
body:after{width:38vw;height:38vw;min-width:300px;min-height:300px;right:-14vw;top:44vh;background:radial-gradient(circle,rgba(96,165,250,.15),rgba(96,165,250,0) 70%);animation:bgFloatB 22s ease-in-out infinite alternate}
@keyframes bgFloatA{0%{transform:translate3d(0,-1vh,0) scale(1)}50%{transform:translate3d(4vw,5vh,0) scale(1.08)}100%{transform:translate3d(8vw,-3vh,0) scale(.96)}}
@keyframes bgFloatB{0%{transform:translate3d(0,2vh,0) scale(1)}50%{transform:translate3d(-4vw,-4vh,0) scale(1.1)}100%{transform:translate3d(-7vw,4vh,0) scale(.97)}}
.hero{position:relative;background:
  radial-gradient(700px 360px at 78% 16%,rgba(245,158,11,.11),transparent 62%),
  radial-gradient(600px 320px at 20% 80%,rgba(59,130,246,.065),transparent 62%),
  linear-gradient(180deg,rgba(255,255,255,.94),rgba(246,248,251,.96)) !important}
.hero:before{content:"";position:absolute;inset:-30% -10%;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 48%,transparent 66%);transform:translateX(-55%);animation:heroSheen 12s ease-in-out infinite;pointer-events:none}
@keyframes heroSheen{0%,55%{transform:translateX(-65%) skewX(-8deg)}75%,100%{transform:translateX(65%) skewX(-8deg)}}
.section,.shop,.service-strip,.marketplace-highlights,.newsletter{position:relative;background:rgba(255,255,255,.72)}
.section:nth-of-type(even),.shop:nth-of-type(even){background:linear-gradient(180deg,rgba(248,249,251,.82),rgba(255,255,255,.64))}
.product-card,.category-cards button,.service-grid>div,.filters,.search-inline,.tool-right button,.tool-right select{backdrop-filter:blur(10px);background:rgba(255,255,255,.88)}
.product-card{box-shadow:0 10px 35px rgba(17,24,39,.06)}
.product-card:hover{transform:translateY(-7px) scale(1.008);box-shadow:0 22px 55px rgba(17,24,39,.12)}
.category-cards button:hover{transform:translateY(-6px) scale(1.01)}
.btn,.head-icon,.cart-head,.page-btn,.wish-btn,.dock-item{transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,background-color .28s ease,border-color .28s ease}
.btn:hover,.head-icon:hover,.cart-head:hover,.page-btn:hover,.dock-item:hover{transform:translateY(-2px)}
.btn:active,.head-icon:active,.cart-head:active,.page-btn:active,.dock-item:active{transform:translateY(0) scale(.97)}
.photo img{transition:transform .7s cubic-bezier(.22,1,.36,1),filter .5s ease}
.product-card:hover .photo img{transform:scale(1.045)}
@media(max-width:760px){body{background-attachment:scroll !important}body:before,body:after{opacity:.28;filter:blur(55px)}.hero:before{animation-duration:16s}.product-card:hover{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){body:before,body:after,.hero:before{animation:none!important}.product-card:hover,.category-cards button:hover{transform:none!important}.photo img{transition:none!important}}
.hero-grid{transform:translate3d(var(--hero-shift-x,0),var(--hero-shift-y,0),0);transition:transform .6s cubic-bezier(.22,1,.36,1)}

/* Modern quick-action system: WhatsApp is a calm desktop utility CTA;
   wishlist lives where products are actually viewed; Back to top appears only after meaningful scroll. */
.floating-actions{
  position:fixed;
  right:clamp(14px,2vw,26px);
  bottom:clamp(18px,2.4vw,30px);
  z-index:95;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
  transition:opacity .28s ease,transform .36s cubic-bezier(.2,.75,.25,1);
}
.float-wa{
  min-height:46px;
  padding:0 15px 0 10px;
  border:1px solid rgba(22,163,74,.18);
  border-radius:999px;
  background:#16834b;
  color:#fff;
  box-shadow:0 12px 30px rgba(15,23,42,.14);
  display:flex;
  align-items:center;
  gap:9px;
  font-size:11px;
  font-weight:850;
  letter-spacing:.01em;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease;
}
.float-wa:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(15,23,42,.2);background:#147544}
.wa-mark{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#16834b;font-size:9px;font-weight:950;letter-spacing:.02em}.floating-hidden{ }
@media (max-width:760px){
  .floating-actions{display:none!important}
}
.menu-wishlist svg{width:18px;height:18px}
.menu-link{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:transparent;padding:12px 0;color:inherit;font-weight:800}
.menu-link span{display:flex;align-items:center;gap:10px}
.menu-link b{min-width:22px;height:22px;border-radius:999px;background:#eef1f5;display:grid;place-items:center;font-size:10px}




/* Premium page navigation motion */
.catalog.page-changing{
  position:relative;
}
.catalog.page-changing::after{
  content:"";
  position:absolute;
  left:0;right:0;
  top:0;
  height:2px;
  transform:scaleX(.15);
  transform-origin:left center;
  background:linear-gradient(90deg,transparent,#d39a2f,transparent);
  animation:catalogProgress .75s cubic-bezier(.22,1,.36,1) forwards;
  pointer-events:none;
}
.catalog.page-changing .pagination-controls .page-btn{
  pointer-events:none;
}
#products.page-exit{
  opacity:0;
  transform:translateY(10px) scale(.995);
  filter:blur(2px);
  transition:opacity .12s ease,transform .18s ease,filter .18s ease;
}
#products.page-enter{
  animation:pageReveal .42s cubic-bezier(.22,1,.36,1) both;
}
@keyframes pageReveal{
  0%{opacity:0;transform:translateY(14px) scale(.992);filter:blur(5px)}
  55%{opacity:.92;transform:translateY(2px) scale(.998);filter:blur(1px)}
  100%{opacity:1;transform:none;filter:none}
}
@keyframes catalogProgress{
  0%{opacity:.15;transform:scaleX(.12)}
  55%{opacity:1;transform:scaleX(.7)}
  100%{opacity:0;transform:scaleX(1)}
}
.pagination-controls .page-btn{
  position:relative;
  -webkit-tap-highlight-color:transparent;
}
.pagination-controls .page-btn:not(:disabled)::after{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:inherit;
  background:currentColor;
  opacity:0;
  transform:scale(.7);
  transition:opacity .2s ease,transform .24s cubic-bezier(.22,1,.36,1);
  pointer-events:none;
  mix-blend-mode:multiply;
}
.pagination-controls .page-btn:not(:disabled):active::after{
  opacity:.08;
  transform:scale(1);
}
@media (prefers-reduced-motion: reduce){
  .catalog.page-changing::after{animation:none;display:none}
  #products.page-exit,#products.page-enter{transition:none!important;animation:none!important;filter:none!important;transform:none!important}
}


/* Final responsive catalog + pagination density */
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;align-items:stretch;}
.product-card{height:100%;display:flex;flex-direction:column;}
.product-body{display:flex;flex-direction:column;flex:1;}
.card-actions{margin-top:auto;}
.pagination-controls .page-btn{display:inline-grid;}
@media (max-width: 900px){
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .pagination-controls .page-btn[data-page]:not(.page-prev):not(.page-next){display:none;}
  .pagination-controls .page-btn[data-page="1"]{display:inline-grid;}
  .pagination-controls .page-btn[data-page="2"]{display:inline-grid;}
}
@media (max-width: 560px){
  .product-grid{grid-template-columns:1fr !important;}
  .pagination-controls .page-btn[data-page="2"]{display:none;}
  .pagination-controls{gap:5px;}
  .pagination-controls .page-btn{min-width:40px;min-height:40px;}
}

/* Final hero card anchoring: keep both cards visually tied to the shoe at every width. */
.hero-art{position:relative;overflow:visible!important;contain:layout paint;}
.hero-art .hero-shoe{z-index:3;}
.hero-art .floating-card{z-index:6;display:flex!important;position:absolute!important;align-items:center;gap:clamp(5px,.9vw,10px);width:clamp(124px,28%,186px);max-width:none!important;min-width:0;padding:clamp(8px,1vw,12px)!important;border-radius:clamp(12px,1.2vw,16px)!important;box-sizing:border-box;}
.hero-art .floating-card .mini-icon{width:clamp(27px,2.8vw,36px)!important;height:clamp(27px,2.8vw,36px)!important;flex:0 0 clamp(27px,2.8vw,36px)!important;font-size:clamp(8px,.95vw,11px)!important;}
.hero-art .floating-card b{font-size:clamp(9px,.9vw,12px)!important;line-height:1.15!important;white-space:normal!important;}
.hero-art .floating-card small{font-size:clamp(7px,.72vw,10px)!important;line-height:1.18!important;white-space:normal!important;}
/* Both cards share one vertical anchor so they never drift to unrelated corners. */
.hero-art .floating-card.fc-one{left:clamp(0px,1.5vw,14px)!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;}
.hero-art .floating-card.fc-two{right:clamp(0px,1.5vw,14px)!important;left:auto!important;bottom:auto!important;top:50%!important;transform:translateY(-50%)!important;}
.hero-art .floating-card:hover{z-index:8;transform:translateY(-50%) scale(1.025)!important;}

@media (max-width:980px){
  .hero-art .floating-card{width:clamp(118px,29%,168px)!important;padding:8px!important;}
  .hero-art .floating-card.fc-one{left:0!important;}
  .hero-art .floating-card.fc-two{right:0!important;}
}

@media (max-width:760px){
  .hero-grid{grid-template-columns:1fr!important;gap:clamp(18px,5vw,30px)!important;}
  .hero-art{width:min(100%,620px)!important;aspect-ratio:1/1!important;min-height:0!important;margin-inline:auto!important;}
  .hero-art .hero-shoe{inset:7%!important;}
  .hero-art .floating-card{width:clamp(116px,31%,150px)!important;padding:7px!important;gap:5px!important;border-radius:13px!important;}
  .hero-art .floating-card.fc-one{left:0!important;top:50%!important;}
  .hero-art .floating-card.fc-two{right:0!important;top:50%!important;}
  .hero-art .floating-card .mini-icon{width:27px!important;height:27px!important;flex-basis:27px!important;}
  .hero-art .floating-card b{font-size:clamp(9px,2.1vw,11px)!important;}
  .hero-art .floating-card small{font-size:clamp(7px,1.65vw,9px)!important;}
}

@media (max-width:480px){
  .hero-art{width:100%!important;}
  .hero-art .hero-shoe{inset:9%!important;}
  .hero-art .floating-card{width:clamp(108px,34vw,140px)!important;padding:6px!important;gap:4px!important;border-radius:12px!important;}
  .hero-art .floating-card.fc-one{left:0!important;top:50%!important;}
  .hero-art .floating-card.fc-two{right:0!important;top:50%!important;}
  .hero-art .floating-card .mini-icon{width:25px!important;height:25px!important;flex-basis:25px!important;font-size:8px!important;}
  .hero-art .floating-card b{font-size:clamp(8.5px,2.55vw,10px)!important;}
  .hero-art .floating-card small{font-size:clamp(6.8px,2vw,8.5px)!important;}
}

@media (max-width:350px){
  .hero-art .floating-card{width:clamp(102px,35vw,126px)!important;padding:5px!important;gap:4px!important;border-radius:11px!important;}
  .hero-art .floating-card .mini-icon{width:23px!important;height:23px!important;flex-basis:23px!important;}
  .hero-art .floating-card b{font-size:8px!important;}
  .hero-art .floating-card small{font-size:6.7px!important;}
}

@media (prefers-reduced-motion:reduce){
  .hero-art .floating-card{transition:none!important;}
}

/* =========================================================
   APPLE-INSPIRED PREMIUM REFINEMENT
   Calm hierarchy • generous whitespace • restrained surfaces
   ========================================================= */
:root{
  --apple-max: 1280px;
  --apple-gutter: clamp(18px,4vw,48px);
  --apple-ink:#1d1d1f;
  --apple-muted:#6e6e73;
  --apple-line:rgba(29,29,31,.10);
  --apple-surface:rgba(255,255,255,.82);
  --apple-radius:28px;
  --apple-ease:cubic-bezier(.22,1,.36,1);
}

html{scroll-behavior:smooth}
body{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,"Helvetica Neue",Arial,sans-serif !important;
  color:var(--apple-ink);
  letter-spacing:-.008em;
}

.container{width:min(var(--apple-max),calc(100% - (var(--apple-gutter) * 2))) !important;margin-inline:auto !important}

/* Top utility bar */
.announcement{
  position:sticky !important;
  top:0 !important;
  z-index:120 !important;
  min-height:34px;
  background:rgba(245,245,247,.96) !important;
  border-bottom:1px solid rgba(0,0,0,.06);
  backdrop-filter:saturate(180%) blur(20px);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
}
.announcement-in{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(12px,2vw,24px);
  padding-block:7px !important;
  color:#6e6e73 !important;
  font-size:clamp(10px,.72vw,12px) !important;
  font-weight:550;
  line-height:1.2;
  white-space:nowrap;
  overflow:auto;
  scrollbar-width:none;
}
.announcement-in::-webkit-scrollbar{display:none}
.announcement-in span{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto}
.announcement-in span+span:before{content:"";width:3px;height:3px;border-radius:50%;background:#b7b7bc;display:inline-block;margin-right:clamp(5px,1vw,10px)}

/* Main header */
.header{
  position:sticky !important;
  top:34px !important;
  z-index:110 !important;
  background:rgba(255,255,255,.86) !important;
  border-bottom:1px solid rgba(0,0,0,.06) !important;
  backdrop-filter:saturate(180%) blur(22px);
  -webkit-backdrop-filter:saturate(180%) blur(22px);
}
.header-main{
  min-height:76px !important;
  gap:clamp(18px,2.6vw,40px) !important;
  padding-block:12px !important;
}
.text-brand{
  color:var(--apple-ink) !important;
  gap:4px !important;
  flex:0 1 auto;
}
.text-brand strong{
  font-size:clamp(19px,1.7vw,26px) !important;
  font-weight:760 !important;
  letter-spacing:-.035em !important;
  line-height:1.02;
}
.text-brand span{
  color:#6e6e73 !important;
  font-size:clamp(7px,.62vw,10px) !important;
  font-weight:650 !important;
  letter-spacing:.12em !important;
}
.header-main nav{gap:clamp(14px,1.7vw,28px) !important}
.header-main nav a{
  color:#424245 !important;
  font-size:clamp(11px,.84vw,13px) !important;
  font-weight:560 !important;
  padding:8px 0 !important;
  position:relative;
}
.header-main nav a:after{
  content:"";position:absolute;left:50%;right:50%;bottom:1px;height:2px;border-radius:2px;background:#1d1d1f;
  transition:left .28s var(--apple-ease),right .28s var(--apple-ease),opacity .28s ease;
  opacity:0;
}
.header-main nav a:hover:after,.header-main nav a.active:after{left:20%;right:20%;opacity:1}
.menu-head{
  width:40px !important;height:40px !important;padding:0 !important;border:1px solid rgba(0,0,0,.10) !important;
  background:rgba(255,255,255,.82) !important;
  border-radius:999px !important;
  color:#1d1d1f !important;
  box-shadow:none !important;
}
.menu-head:hover{background:#fff !important;box-shadow:0 8px 24px rgba(0,0,0,.07) !important}
.menu-head svg{width:18px !important;height:18px !important}
.category-nav{
  background:rgba(250,250,252,.92) !important;
  border-top:1px solid rgba(0,0,0,.045);
  border-bottom:1px solid rgba(0,0,0,.06);
}
.category-nav-in{padding-block:10px !important;gap:clamp(16px,2.2vw,34px) !important;overflow:auto;scrollbar-width:none}
.category-nav-in::-webkit-scrollbar{display:none}
.category-nav a{font-size:clamp(10px,.72vw,12px) !important;color:#515154 !important;font-weight:550 !important;white-space:nowrap}
.category-nav a:hover{color:#1d1d1f !important}

/* Hero: large, quiet, editorial */
.hero{
  background:
    radial-gradient(58% 72% at 78% 26%,rgba(255,255,255,.94),rgba(255,255,255,0) 70%),
    linear-gradient(180deg,#f8f8fa 0%,#f5f5f7 100%) !important;
  border-bottom:1px solid rgba(0,0,0,.05);
}
.hero-grid{
  min-height:min(760px,calc(100svh - 110px));
  align-items:center !important;
  gap:clamp(28px,7vw,110px) !important;
  padding-block:clamp(60px,8vw,120px) !important;
}
.hero-copy{max-width:620px !important}
.hero-copy .pill{
  background:#fff !important;color:#6e6e73 !important;border:1px solid rgba(0,0,0,.07) !important;
  padding:8px 12px !important;border-radius:999px !important;font-size:10px !important;letter-spacing:.08em
}
.hero h1{
  font-size:clamp(46px,6.5vw,92px) !important;
  line-height:.95 !important;
  letter-spacing:-.055em !important;
  font-weight:740 !important;
  max-width:8.5ch;
  margin-top:20px !important;
}
.hero h1 em{font-style:normal;color:#6e6e73}
.hero .lead{
  font-size:clamp(17px,1.55vw,22px) !important;
  line-height:1.48 !important;
  color:#6e6e73 !important;
  max-width:48ch !important;
}
.hero-actions{margin-top:30px !important;gap:10px !important}
.hero-actions .btn{min-height:48px !important;border-radius:999px !important;padding-inline:20px !important;font-size:13px !important;font-weight:650 !important}
.hero-actions .btn.primary{box-shadow:0 10px 24px rgba(0,0,0,.12) !important}
.hero-meta{gap:18px !important;color:#6e6e73 !important;font-size:12px !important;flex-wrap:wrap}
.hero-art{min-height:480px !important}
.hero-art .art-bg{
  background:radial-gradient(circle at center,rgba(255,255,255,.98),rgba(235,235,240,.78) 67%,rgba(230,230,235,.20) 100%) !important;
  border-radius:40px !important;
}
.hero-art .hero-shoe img{filter:drop-shadow(0 28px 38px rgba(0,0,0,.18)) !important}

/* Hero information cards: quiet glass, less decoration */
.hero-art .floating-card{
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(0,0,0,.08) !important;
  box-shadow:0 18px 45px rgba(0,0,0,.10) !important;
  color:#1d1d1f !important;
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
}
.hero-art .floating-card .mini-icon{background:#1d1d1f !important;color:#fff !important}
.hero-art .floating-card b{font-weight:700 !important;color:#1d1d1f !important}
.hero-art .floating-card small{color:#6e6e73 !important}

/* Section rhythm */
.section,.shop,.service-strip,.marketplace-highlights,.newsletter{background:transparent !important}
.section,.shop{padding-block:clamp(84px,9vw,132px) !important}
.section-head,.shop-top{margin-bottom:clamp(34px,5vw,62px) !important}
.eyebrow{font-size:11px !important;letter-spacing:.12em !important;color:#6e6e73 !important;font-weight:700 !important}
.section-head h2,.shop-top h2{
  font-size:clamp(34px,4.1vw,58px) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  font-weight:720 !important;
}
.section-head p,.shop-top p{color:#6e6e73 !important;font-size:clamp(15px,1.15vw,18px) !important;line-height:1.55 !important}

/* Service strip */
.service-strip{border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06)}
.service-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:0 !important}
.service-grid>div{border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;padding:24px 18px !important}
.service-grid>div+div{border-left:1px solid rgba(0,0,0,.06) !important}
.service-grid b{font-size:13px !important;color:#1d1d1f !important}
.service-grid small{font-size:11px !important;color:#6e6e73 !important}

/* Categories: edge-to-edge visual tiles */
.category-cards{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:18px !important}
.category-cards button{
  min-height:clamp(270px,29vw,360px) !important;
  border:1px solid rgba(0,0,0,.08) !important;
  border-radius:26px !important;
  overflow:hidden !important;
  background:#f3f3f5 !important;
  box-shadow:none !important;
  padding:20px !important;
  color:#fff !important;
}
.category-cards button:before{background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.64) 100%) !important}
.category-cards button img{inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;opacity:.92 !important;transition:transform .8s var(--apple-ease),opacity .5s ease !important}
.category-cards button:hover img{transform:scale(1.055) !important;opacity:1 !important}
.category-cards button b{font-size:clamp(18px,1.45vw,23px) !important;letter-spacing:-.02em !important}
.category-cards button small{font-size:12px !important;opacity:.88 !important}
.category-cards .cat-number{font-size:10px !important;letter-spacing:.1em !important;opacity:.82 !important}

/* Marketplace products */
.shop-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:end;gap:28px !important}
.search-inline{background:#fff !important;border:1px solid rgba(0,0,0,.09) !important;border-radius:999px !important;box-shadow:none !important;min-height:50px !important}
.search-inline input{font-size:14px !important}
.product-grid{gap:clamp(14px,1.7vw,22px) !important}
.product-card{
  border:1px solid rgba(0,0,0,.08) !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.92) !important;
  box-shadow:0 8px 30px rgba(0,0,0,.045) !important;
  overflow:hidden;
  transition:transform .45s var(--apple-ease),box-shadow .45s var(--apple-ease),border-color .35s ease !important;
}
.product-card:hover{transform:translateY(-6px) !important;box-shadow:0 20px 46px rgba(0,0,0,.09) !important;border-color:rgba(0,0,0,.13) !important}
.product-card .photo{background:#f5f5f7 !important}
.product-card .photo img{transition:transform .7s var(--apple-ease) !important}
.product-card:hover .photo img{transform:scale(1.035) !important}
.product-body{padding:clamp(14px,1.4vw,20px) !important}
.product-body h3{font-size:clamp(14px,1vw,16px) !important;line-height:1.2 !important;letter-spacing:-.02em !important}
.product-body .price,.product-body strong{font-size:clamp(16px,1.15vw,19px) !important;font-weight:700 !important}
.card-actions .btn{border-radius:999px !important;min-height:40px !important;font-size:12px !important}
.wish-btn{width:38px !important;height:38px !important;border-radius:50% !important;background:rgba(255,255,255,.94) !important;border:1px solid rgba(0,0,0,.09) !important}

/* Filters / pagination */
.filter-toolbar{gap:10px !important;margin-bottom:22px !important}
.filter-trigger,.sort-select{min-height:42px !important;border-radius:999px !important;background:#fff !important;border:1px solid rgba(0,0,0,.09) !important;color:#1d1d1f !important;font-size:12px !important}
.pagination-controls{gap:7px !important}
.pagination-controls .page-btn{min-width:42px !important;min-height:42px !important;border-radius:999px !important;border:1px solid rgba(0,0,0,.08) !important;background:#fff !important;font-size:12px !important}
.pagination-controls .page-btn.active{background:#1d1d1f !important;color:#fff !important;border-color:#1d1d1f !important}

/* How it works / supporting content */
.how-grid{gap:clamp(38px,7vw,100px) !important}
.how-card{border-radius:28px !important;border:1px solid rgba(0,0,0,.08) !important;overflow:hidden;background:#fff !important;box-shadow:0 14px 45px rgba(0,0,0,.06) !important}
.how-card-content{padding:clamp(24px,3vw,42px) !important}

/* Menu drawer */
.mobile-nav{
  top:34px !important;
  background:rgba(255,255,255,.97) !important;
  backdrop-filter:saturate(180%) blur(24px) !important;
  -webkit-backdrop-filter:saturate(180%) blur(24px) !important;
  border-left:1px solid rgba(0,0,0,.07) !important;
  box-shadow:-24px 0 70px rgba(0,0,0,.12) !important;
}
.mobile-nav-head{min-height:64px !important;border-bottom:1px solid rgba(0,0,0,.06) !important}
.menu-close{width:40px !important;height:40px !important;border-radius:50% !important;background:#f5f5f7 !important;border:1px solid rgba(0,0,0,.07) !important}

/* Footer */
.footer{background:#f5f5f7 !important;border-top:1px solid rgba(0,0,0,.06) !important}
.footer a{color:#6e6e73 !important}
.footer h4{color:#1d1d1f !important;font-size:12px !important}
.footer p,.footer small{color:#6e6e73 !important}

/* Keep only gentle motion; never distract from products */
@keyframes appleFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-6px,0)}}
.art-bg{animation:appleFloat 8s ease-in-out infinite}
.hero-art .hero-shoe img{transition:transform .8s var(--apple-ease),filter .8s var(--apple-ease) !important}
.hero-art:hover .hero-shoe img{transform:translate3d(0,-6px,0) scale(1.018) !important;filter:drop-shadow(0 34px 42px rgba(0,0,0,.20)) !important}

@media(max-width:980px){
  .header{top:34px !important}
  .header-main{min-height:68px !important}
  .shop-top{grid-template-columns:1fr !important;align-items:start}
  .category-cards{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .service-grid>div:nth-child(3){border-left:0 !important;border-top:1px solid rgba(0,0,0,.06) !important}
  .service-grid>div:nth-child(4){border-top:1px solid rgba(0,0,0,.06) !important}
}

@media(max-width:700px){
  :root{--apple-gutter:16px}
  .announcement{min-height:32px !important}
  .announcement-in{min-height:32px;padding-block:6px !important;justify-content:flex-start;font-size:9px !important}
  .header{top:32px !important}
  .header-main{grid-template-columns:minmax(0,1fr) auto !important;min-height:66px !important;padding-block:10px !important}
  .text-brand strong{font-size:clamp(18px,5.2vw,24px) !important}
  .text-brand span{font-size:7px !important}
  .header-main nav{display:none !important}
  .menu-head{width:38px !important;height:38px !important}
  .category-nav-in{gap:18px !important;padding-block:9px !important}
  .hero-grid{min-height:auto !important;padding-block:48px 70px !important}
  .hero h1{font-size:clamp(43px,13vw,66px) !important;max-width:9ch !important}
  .hero .lead{font-size:17px !important}
  .hero-art{min-height:360px !important}
  .hero-art .floating-card{box-shadow:0 12px 28px rgba(0,0,0,.10) !important}
  .service-grid{grid-template-columns:1fr !important}
  .service-grid>div{border-left:0 !important;border-top:1px solid rgba(0,0,0,.06) !important;padding:18px 4px !important}
  .service-grid>div:first-child{border-top:0 !important}
  .category-cards{grid-template-columns:1fr !important}
  .category-cards button{min-height:240px !important}
  .section,.shop{padding-block:72px !important}
  .section-head h2,.shop-top h2{font-size:36px !important}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .product-body{padding:13px !important}
  .card-actions{grid-template-columns:1fr !important}
  .mobile-nav{top:32px !important;width:min(88vw,380px) !important}
}

@media(max-width:430px){
  .product-grid{grid-template-columns:1fr !important}
  .hero-art{min-height:325px !important}
  .hero-art .floating-card{width:clamp(104px,34vw,132px) !important}
  .hero-art .floating-card b{font-size:8.5px !important}
  .hero-art .floating-card small{font-size:7.2px !important}
  .hero-art .floating-card.fc-one{left:2px !important}
  .hero-art .floating-card.fc-two{right:2px !important}
}

@media(prefers-reduced-motion:reduce){
  .art-bg,.hero:before{animation:none !important}
  .hero-art:hover .hero-shoe img{transform:none !important}
}

/* Premium mobile/tablet bottom navigation — responsive 3/2/1 style */
@media (max-width: 1100px) and (min-width: 280px){
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom)) !important;}
  .mobile-dock{
    display:grid !important;
    position:fixed !important;
    left:50% !important;
    right:auto !important;
    bottom:max(10px, env(safe-area-inset-bottom)) !important;
    transform:translateX(-50%) translateY(0) !important;
    width:min(calc(100vw - 24px), 560px) !important;
    height:auto !important;
    padding:6px !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:5px !important;
    border:1px solid rgba(18,24,38,.08) !important;
    border-radius:22px !important;
    background:rgba(255,255,255,.86) !important;
    backdrop-filter:saturate(180%) blur(24px) !important;
    -webkit-backdrop-filter:saturate(180%) blur(24px) !important;
    box-shadow:0 18px 50px rgba(15,23,42,.16),0 4px 14px rgba(15,23,42,.08) !important;
    transition:transform .42s cubic-bezier(.22,.72,.2,1),opacity .28s ease,filter .28s ease !important;
    will-change:transform,opacity;
  }
  .mobile-dock.dock-hidden{
    transform:translateX(-50%) translateY(calc(120% + env(safe-area-inset-bottom))) !important;
    opacity:0 !important;
    pointer-events:none !important;
    filter:blur(2px);
  }
  .mobile-dock>a,.mobile-dock>button{
    min-width:0 !important;
    min-height:54px !important;
    padding:7px 6px !important;
    border-radius:16px !important;
    gap:5px !important;
    color:#1d1d1f !important;
    transition:background .2s ease,transform .2s ease,color .2s ease !important;
  }
  .mobile-dock>a:hover,.mobile-dock>button:hover,
  .mobile-dock>a:focus-visible,.mobile-dock>button:focus-visible{
    background:#f3f4f6 !important;
    color:#111827 !important;
    outline:none !important;
  }
  .mobile-dock>a:active,.mobile-dock>button:active{transform:scale(.96) !important;}
  .mobile-dock svg{width:22px !important;height:22px !important;stroke-width:1.8 !important;}
  .mobile-dock span{font-size:10px !important;font-weight:800 !important;letter-spacing:-.01em !important;}
  .mobile-dock b{
    top:5px !important;
    right:calc(50% - 25px) !important;
    min-width:18px !important;
    height:18px !important;
    font-size:8px !important;
    box-shadow:0 2px 8px rgba(0,0,0,.12) !important;
  }
}

@media (min-width: 281px) and (max-width: 560px){
  .mobile-dock{width:calc(100vw - 20px) !important;bottom:max(8px,env(safe-area-inset-bottom)) !important;border-radius:20px !important;}
  .mobile-dock>a,.mobile-dock>button{min-height:52px !important;border-radius:14px !important;}
}

@media (min-width: 561px) and (max-width: 1100px){
  .mobile-dock{width:min(calc(100vw - 40px),620px) !important;padding:7px !important;gap:6px !important;border-radius:24px !important;}
  .mobile-dock>a,.mobile-dock>button{min-height:56px !important;}
  .mobile-dock svg{width:23px !important;height:23px !important;}
  .mobile-dock span{font-size:11px !important;}
}

@media (max-width: 320px){
  body{padding-bottom:calc(70px + env(safe-area-inset-bottom)) !important;}
  .mobile-dock{width:calc(100vw - 12px) !important;left:50% !important;padding:4px !important;gap:3px !important;border-radius:17px !important;}
  .mobile-dock>a,.mobile-dock>button{min-height:48px !important;padding:5px 3px !important;border-radius:12px !important;gap:3px !important;}
  .mobile-dock svg{width:19px !important;height:19px !important;}
  .mobile-dock span{font-size:9px !important;}
}

@media (prefers-reduced-motion:reduce){
  .mobile-dock{transition:none !important;}
  .mobile-dock>a,.mobile-dock>button{transition:none !important;}
}


/* ===== Premium Apple-inspired bottom navigation refinement ===== */
@media (max-width:1100px) and (min-width:280px){
  .mobile-dock{
    width:min(560px,calc(100vw - 28px)) !important;
    min-height:68px !important;
    padding:7px !important;
    gap:6px !important;
    border-radius:24px !important;
    background:rgba(255,255,255,.78) !important;
    border:1px solid rgba(17,24,39,.09) !important;
    box-shadow:0 20px 55px rgba(15,23,42,.18),0 2px 8px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.85) !important;
    backdrop-filter:saturate(180%) blur(26px) !important;
    -webkit-backdrop-filter:saturate(180%) blur(26px) !important;
  }
  .mobile-dock>a,.mobile-dock>button{
    position:relative !important;
    min-height:56px !important;
    padding:6px 8px !important;
    border:0 !important;
    background:transparent !important;
    border-radius:17px !important;
    color:#6b7280 !important;
    gap:4px !important;
    justify-content:center !important;
    overflow:hidden !important;
    transition:transform .2s cubic-bezier(.22,.8,.24,1),color .2s ease,background .22s ease !important;
  }
  .mobile-dock>a::before,.mobile-dock>button::before{
    content:"" !important;
    position:absolute !important;
    inset:5px !important;
    border-radius:15px !important;
    background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(246,247,249,.92)) !important;
    opacity:0 !important;
    transform:scale(.92) !important;
    transition:opacity .22s ease,transform .22s ease !important;
    z-index:-1 !important;
  }
  .mobile-dock>a:hover,.mobile-dock>button:hover,.mobile-dock>a:focus-visible,.mobile-dock>button:focus-visible{
    color:#111827 !important;
    outline:none !important;
    transform:translateY(-1px) !important;
  }
  .mobile-dock>a:focus-visible::before,.mobile-dock>button:focus-visible::before,
  .mobile-dock>a:active::before,.mobile-dock>button:active::before{
    opacity:1 !important;transform:scale(1) !important;
  }
  .mobile-dock>a:active,.mobile-dock>button:active{transform:scale(.95) !important;}
  .mobile-dock svg{
    width:22px !important;height:22px !important;
    fill:none !important;stroke:currentColor !important;stroke-width:1.8 !important;
    stroke-linecap:round !important;stroke-linejoin:round !important;
    z-index:1 !important;
    transition:transform .22s ease !important;
  }
  .mobile-dock span{
    font-size:10px !important;font-weight:700 !important;letter-spacing:.01em !important;line-height:1 !important;
    z-index:1 !important;
  }
  .mobile-dock b{
    top:5px !important;right:calc(50% - 24px) !important;
    min-width:17px !important;height:17px !important;padding:0 4px !important;
    display:grid !important;place-items:center !important;border-radius:999px !important;
    font-size:8px !important;font-weight:800 !important;background:#111827 !important;color:#fff !important;
    box-shadow:0 2px 7px rgba(0,0,0,.18) !important;
  }
  .mobile-dock > a:first-child,.mobile-dock > button:focus-visible{color:#111827 !important;}
}
@media (max-width:560px){
  .mobile-dock{width:calc(100vw - 18px) !important;bottom:max(8px,env(safe-area-inset-bottom)) !important;border-radius:21px !important;}
  .mobile-dock>a,.mobile-dock>button{min-height:54px !important;border-radius:15px !important;padding:5px 5px !important;}
}
@media (max-width:360px){
  .mobile-dock{min-height:62px !important;padding:5px !important;gap:3px !important;border-radius:18px !important;}
  .mobile-dock>a,.mobile-dock>button{min-height:50px !important;padding:4px 2px !important;border-radius:13px !important;}
  .mobile-dock svg{width:20px !important;height:20px !important;}
  .mobile-dock span{font-size:9px !important;}
  .mobile-dock b{min-width:16px !important;height:16px !important;right:calc(50% - 22px) !important;font-size:7px !important;}
}
@media (prefers-reduced-motion:reduce){
  .mobile-dock,.mobile-dock>a,.mobile-dock>button,.mobile-dock>a::before,.mobile-dock>button::before,.mobile-dock svg{transition:none !important;}
}

/* ===== Search bar + wishlist icon refinement ===== */
.search-inline{position:relative !important;z-index:25 !important;min-height:54px !important;height:54px !important;padding-right:46px !important;overflow:visible !important;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease !important}
.search-inline:focus-within{border-color:rgba(17,24,39,.22) !important;box-shadow:0 10px 28px rgba(15,23,42,.08) !important}
.search-inline input{height:100% !important;min-width:0 !important;padding-right:4px !important}
.inline-search-clear{position:absolute !important;right:12px !important;top:50% !important;transform:translateY(-50%) !important;width:28px !important;height:28px !important;border:0 !important;border-radius:50% !important;background:#f2f3f5 !important;color:#6b7280 !important;display:grid !important;place-items:center !important;font-size:18px !important;line-height:1 !important;cursor:pointer !important;z-index:3 !important}
.inline-search-clear:hover{background:#e9eaed !important;color:#111827 !important}
.inline-search-results{display:none !important;position:absolute !important;left:0 !important;right:0 !important;top:calc(100% + 10px) !important;background:rgba(255,255,255,.98) !important;border:1px solid rgba(17,24,39,.08) !important;border-radius:18px !important;box-shadow:0 24px 60px rgba(15,23,42,.15) !important;padding:7px !important;max-height:min(62vh,520px) !important;overflow:auto !important;z-index:100 !important;backdrop-filter:blur(18px) saturate(160%) !important;-webkit-backdrop-filter:blur(18px) saturate(160%) !important}
.inline-search-results.show{display:block !important}
.inline-suggestion{width:100% !important;display:grid !important;grid-template-columns:42px minmax(0,1fr) auto !important;align-items:center !important;gap:10px !important;border:0 !important;background:transparent !important;border-radius:13px !important;padding:9px !important;text-align:left !important;cursor:pointer !important;transition:background .18s ease,transform .18s ease !important}
.inline-suggestion:hover,.inline-suggestion:focus-visible{background:#f5f6f8 !important;outline:none !important;transform:translateY(-1px) !important}
.inline-suggestion-thumb{width:42px !important;height:42px !important;border-radius:10px !important;background:#f1f2f4 !important;display:grid !important;place-items:center !important;overflow:hidden !important;font-size:19px !important}
.inline-suggestion-thumb img{width:100% !important;height:100% !important;object-fit:cover !important}
.inline-suggestion-main{min-width:0 !important;display:flex !important;flex-direction:column !important;gap:2px !important}
.inline-suggestion-main b{font-size:12px !important;color:#111827 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
.inline-suggestion-main small{font-size:10px !important;color:#7a8495 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
.inline-suggestion>strong{font-size:10px !important;color:#111827 !important;white-space:nowrap !important}
.inline-search-empty{padding:17px 13px !important;color:#7a8495 !important;font-size:11px !important}

.wish-btn{display:grid !important;place-items:center !important;padding:0 !important;line-height:0 !important;overflow:hidden !important}
.wish-btn svg{width:19px !important;height:19px !important;display:block !important;fill:none !important;stroke:currentColor !important;stroke-width:1.8 !important;stroke-linecap:round !important;stroke-linejoin:round !important;transform:none !important}
.wish-btn.saved{color:#111827 !important;background:#f2f3f5 !important}
.wish-btn.saved svg{fill:currentColor !important;stroke:currentColor !important;stroke-width:1.5 !important}
.wish-btn:hover svg,.wish-btn:focus-visible svg{transform:scale(1.06) !important}
.wish-btn:focus-visible{outline:2px solid rgba(17,24,39,.16) !important;outline-offset:2px !important}
.wish-card{position:relative !important;overflow:hidden !important;min-width:0 !important}
.wish-card-open{width:100% !important;border:0 !important;background:transparent !important;padding:0 !important;text-align:left !important;color:inherit !important;cursor:pointer !important}
.wish-card-open .photo{border-radius:14px !important;overflow:hidden !important;background:#f5f5f7 !important}
.wish-card-open .photo img{transition:transform .45s cubic-bezier(.22,1,.36,1) !important}
.wish-card-open:hover .photo img,.wish-card-open:focus-visible .photo img{transform:scale(1.035) !important}
.wish-card-open:focus-visible{outline:none !important}
.wish-card-meta{padding:10px 4px 4px !important}
.wish-card-meta .brand{font-size:9px !important;color:#7a8495 !important;text-transform:uppercase !important;letter-spacing:.08em !important}
.wish-card-meta h4{margin:4px 0 !important;font-size:13px !important;line-height:1.2 !important}
.wish-card-meta>b{font-size:13px !important}
.wish-remove{position:absolute !important;top:8px !important;right:8px !important;width:36px !important;height:36px !important;border:1px solid rgba(17,24,39,.08) !important;border-radius:50% !important;background:rgba(255,255,255,.94) !important;display:grid !important;place-items:center !important;padding:0 !important;color:#111827 !important;box-shadow:0 6px 16px rgba(0,0,0,.08) !important;cursor:pointer !important}
.wish-remove svg{width:18px !important;height:18px !important;display:block !important;fill:currentColor !important;stroke:currentColor !important;stroke-width:1.5 !important;stroke-linecap:round !important;stroke-linejoin:round !important}
.wish-remove:hover,.wish-remove:focus-visible{background:#f1f2f4 !important;transform:scale(1.04) !important;outline:none !important}
@media(max-width:820px){.inline-search-results{max-height:55vh !important}.search-inline{z-index:40 !important}}
@media(max-width:430px){.search-inline{min-height:50px !important;height:50px !important}.inline-suggestion{grid-template-columns:38px minmax(0,1fr) !important}.inline-suggestion-thumb{width:38px !important;height:38px !important}.inline-suggestion>strong{display:none !important}.wish-btn{width:40px !important;height:40px !important}.wish-btn svg{width:20px !important;height:20px !important}}

/* ===== Premium marketplace announcement bar ===== */
.announcement{
  background:linear-gradient(180deg,#0b0f14 0%,#11161d 100%) !important;
  color:#f7f8fa !important;
  border-bottom:1px solid rgba(245,158,11,.28) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.035),0 4px 18px rgba(10,14,20,.08) !important;
  position:relative !important;
}
.announcement:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(245,158,11,.5),transparent);
  pointer-events:none;
}
.announcement-in{
  min-height:38px !important;
  height:auto !important;
  padding:7px 0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  font-size:11px !important;
  line-height:1.25 !important;
}
.announcement-in span{
  color:#e8edf3 !important;
  min-width:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.announcement-in span:first-child{
  color:#fff !important;
  font-weight:800 !important;
  letter-spacing:.015em !important;
}
.announcement-in span:nth-child(2){
  color:#cbd3de !important;
  text-align:center !important;
}
.announcement-in span:last-child{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  color:#f4f6f9 !important;
  font-weight:650 !important;
}
.announcement-in span:last-child:before{
  content:"";
  width:7px;height:7px;border-radius:50%;
  background:#25d366;
  box-shadow:0 0 0 3px rgba(37,211,102,.12),0 0 12px rgba(37,211,102,.18);
  flex:0 0 auto;
}
.announcement b{
  color:#fbbf24 !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
}
@media(max-width:760px){
  .announcement-in{min-height:35px !important;padding:7px 0 !important;gap:10px !important;font-size:10px !important;}
  .announcement-in span:first-child{flex:1 1 45%;}
  .announcement-in span:nth-child(2){flex:1 1 55%;}
  .announcement-in span:last-child{display:none !important;}
}
@media(max-width:520px){
  .announcement-in{justify-content:center !important;font-size:10px !important;}
  .announcement-in span:first-child{display:inline-block !important;flex:0 1 auto;}
  .announcement-in span:nth-child(2){display:none !important;}
}
@media(prefers-reduced-motion:no-preference){
  .announcement:after{animation:announcementGlow 5s ease-in-out infinite alternate;}
  @keyframes announcementGlow{
    from{opacity:.45;transform:scaleX(.82);}
    to{opacity:1;transform:scaleX(1);}
  }
}
/* Golden emphasis for the hero phrase */
.hero h1 em{color:#d6a23a !important;background:none !important;-webkit-background-clip:initial !important;background-clip:initial !important;text-shadow:0 1px 0 rgba(128,82,0,.08)}

/* ===== Production readiness polish ===== */
html{scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;}
body{overflow-x:hidden;overscroll-behavior-x:none;}
img{max-width:100%;}
a,button,input,select,textarea{font:inherit;}
button,a,input,select,textarea{touch-action:manipulation;}
:focus-visible{outline:3px solid rgba(212,175,55,.72);outline-offset:3px;}
.product-card img,.category-cards img,.hero-shoe img,.promo-shoe img,.how-card-image img{background:#f1f1ef;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* ===== Shoe Plug marketplace upgrade: Amazon-style utility without Amazon branding ===== */
:root{--market-black:#111827;--market-navy:#182333;--market-gold:#d99a21;--market-gold-soft:#fff5dc;--market-border:#e3e7ee;--market-blue:#155eef}
.header{background:rgba(255,255,255,.97);box-shadow:0 1px 0 rgba(15,23,42,.08);backdrop-filter:saturate(150%) blur(12px)}
.header-main{grid-template-columns:minmax(235px,270px) minmax(300px,1fr) auto;gap:18px;max-width:1440px}
.header-search{position:relative;display:flex;align-items:center;height:48px;background:#fff;border:2px solid #d0d6df;border-radius:10px;min-width:0;transition:border-color .18s,box-shadow .18s}
.header-search:focus-within{border-color:var(--market-gold);box-shadow:0 0 0 3px rgba(217,154,33,.12)}
.header-search>svg{width:20px;height:20px;color:#6b7280;margin-left:13px;flex:0 0 auto}
.header-search input{border:0;outline:0;background:transparent;min-width:0;flex:1;padding:0 10px;font-size:13px;color:#162033}
.header-search button{border:0;background:transparent;width:38px;height:38px;color:#7b8494;font-size:18px;opacity:0;pointer-events:none}
.header-search button.show{opacity:1;pointer-events:auto}
.header-search-results{position:absolute;left:-2px;right:-2px;top:52px;background:#fff;border:1px solid var(--market-border);border-radius:0 0 12px 12px;box-shadow:0 18px 40px rgba(15,23,42,.12);overflow:hidden;z-index:120;display:none}
.header-search-results.show{display:block}
.header-search-result,.header-search-destination{width:100%;border:0;border-bottom:1px solid #f0f2f5;background:#fff;display:flex;align-items:center;gap:11px;padding:10px 12px;text-align:left;color:#172033}
.header-search-result:hover,.header-search-destination:hover{background:#f8fafc}
.header-search-result:last-child,.header-search-destination:last-child{border-bottom:0}
.header-search-thumb{width:42px;height:42px;border-radius:8px;overflow:hidden;background:#eef1f5;display:grid;place-items:center;flex:0 0 42px}
.header-search-thumb img{width:100%;height:100%;object-fit:cover}
.header-search-result-main,.header-search-destination-main{min-width:0;flex:1}
.header-search-result-main b,.header-search-destination-main b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-search-result-main small,.header-search-destination-main small{display:block;color:#768093;font-size:9px;margin-top:2px}
.header-search-result>strong{font-size:10px;white-space:nowrap}
.header-search-destination .dest-icon{width:30px;height:30px;border-radius:8px;background:#fff6e2;color:#a76b00;display:grid;place-items:center;font-size:12px;font-weight:900}
.marketplace-utility{background:#17202e;border-bottom:1px solid rgba(255,255,255,.08);color:#f8fafc}
.marketplace-utility-in{min-height:42px;display:flex;align-items:center;gap:4px;overflow:auto;scrollbar-width:none}
.marketplace-utility-in::-webkit-scrollbar{display:none}
.marketplace-utility-in>a,.utility-link{min-height:42px;display:flex;flex-direction:column;justify-content:center;padding:0 13px;border:0;background:transparent;color:inherit;text-align:left;white-space:nowrap}
.marketplace-utility-in>a:hover,.utility-link:hover{background:rgba(255,255,255,.06)}
.marketplace-utility-in strong,.utility-link strong{font-size:10px;letter-spacing:.02em}
.marketplace-utility-in span,.utility-link span{font-size:8px;color:#cbd3df;margin-top:1px}
.utility-spacer{flex:1 0 18px}
.shop-breadcrumb{display:flex;align-items:center;gap:8px;color:#7b8494;font-size:10px;margin:-12px 0 19px}
.shop-breadcrumb a{color:#7b8494}.shop-breadcrumb a:hover{color:#9a6500}
.shop-breadcrumb span:last-child{font-weight:800;color:#364152}
.deal-strip{background:#f8fafc;border-top:1px solid var(--market-border);border-bottom:1px solid var(--market-border)}
.deal-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.deal-grid article{display:flex;gap:12px;align-items:flex-start;padding:23px 20px;border-right:1px solid var(--market-border)}
.deal-grid article:last-child{border-right:0}
.deal-grid article>span{font-size:9px;color:#a66b05;font-weight:900;letter-spacing:.12em}
.deal-grid strong{display:block;font-size:11px}.deal-grid small{display:block;font-size:9px;color:#7b8494;margin-top:3px}
.catalog-tools{position:sticky;top:126px;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);padding:9px 0;margin:0 0 11px;border-bottom:1px solid #eef1f5}
.product-grid{gap:11px}
.product-card{border-radius:10px;box-shadow:0 2px 8px rgba(15,23,42,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.product-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(15,23,42,.11);border-color:#d7dce5}
.photo{height:235px}
.product-body{padding:13px}
.product-name{font-size:13px;line-height:1.25;min-height:33px}
.desc{font-size:8.5px}
.price{font-size:18px}
.primary-action{min-height:38px}
.wish-btn{width:34px;height:34px}
.wish-btn svg{width:18px;height:18px}
.pagination{margin-top:28px}
@media(max-width:1100px){
  .header-main{grid-template-columns:minmax(200px,1fr) minmax(280px,1.4fr) auto}
  .header-main>nav{display:none}.header-search{order:2}.head-tools{order:3}
  .deal-grid{grid-template-columns:1fr 1fr}
  .deal-grid article:nth-child(2){border-right:0}.deal-grid article:nth-child(-n+2){border-bottom:1px solid var(--market-border)}
}
@media(max-width:760px){
  .header-main{height:70px;grid-template-columns:1fr auto;gap:10px}
  .text-brand{min-width:0}.text-brand strong{font-size:15px}.text-brand span{font-size:7px}
  .header-search{position:relative;grid-column:1/-1;grid-row:2;height:45px;margin:0 0 9px}
  .header{position:sticky;top:0}.header-main{height:124px;align-items:center}
  .marketplace-utility{position:relative}.marketplace-utility-in{gap:0}
  .marketplace-utility-in>a,.utility-link{padding:0 10px}
  .shop-breadcrumb{margin-top:-7px}
}
@media(max-width:520px){
  .header-main{height:118px}.header-search input{font-size:12px}.header-search-results{top:49px}
  .deal-grid{grid-template-columns:1fr}.deal-grid article,.deal-grid article:nth-child(2){border-right:0;border-bottom:1px solid var(--market-border)}.deal-grid article:last-child{border-bottom:0}
  .photo{height:210px}.product-grid{gap:9px}
}

/* Search result styling shared by header + catalogue search */
.search-result-group>span{display:block;padding:8px 12px 6px;color:#9a6500;font-size:8px;text-transform:uppercase;letter-spacing:.14em;font-weight:900}
.inline-search-results .search-result-group{border-bottom:1px solid #eef1f5;padding-bottom:5px;margin-bottom:4px}
.inline-search-results .search-result-group:last-child{border-bottom:0;margin-bottom:0}
.inline-search-results .header-search-destination,.inline-search-results .header-search-result{border-radius:10px}
.utility-link{cursor:pointer}
@media(max-width:760px){.header-search-results{position:fixed;left:10px;right:10px;top:112px;border-radius:14px;max-height:64vh;overflow:auto}.marketplace-utility-in{padding-bottom:1px}}

/* ===== Premium Shoe Plug header refinement ===== */
.announcement{background:#111827;color:#eef2f7;border-bottom:1px solid rgba(255,255,255,.08);font-size:10px}
.announcement-in{min-height:36px;height:auto;display:grid;grid-template-columns:1.05fr 1.35fr auto;align-items:center;gap:18px}
.announcement-in>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.announce-brand{font-weight:800;letter-spacing:.01em}
.announce-service{color:#c9d1dc}
.announce-service b{color:#f2c86b;margin-right:4px}
.announce-whatsapp{display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;color:#f7f8fa;white-space:nowrap}
.announce-whatsapp svg{width:14px;height:14px;color:#f2c86b}
.announce-whatsapp span{color:#b9c2cf;font-weight:700}
.announce-whatsapp b{color:#fff;font-weight:800}
.header{background:rgba(255,255,255,.98);box-shadow:0 1px 0 rgba(15,23,42,.06),0 8px 24px rgba(15,23,42,.04);backdrop-filter:saturate(160%) blur(14px)}
.header-main{max-width:1440px;min-height:78px;height:auto;display:grid;grid-template-columns:minmax(220px,270px) minmax(320px,1fr) auto;grid-template-areas:"brand search tools" "nav nav nav";gap:10px 18px;padding-top:12px;padding-bottom:10px}
.text-brand{grid-area:brand;display:flex;flex-direction:column;justify-content:center;min-width:0}
.text-brand strong{font-size:19px;line-height:1.05;letter-spacing:-.045em;color:#111827;font-weight:900;white-space:nowrap}
.text-brand span{margin-top:5px;color:#a36b00;font-size:8px;letter-spacing:.17em;font-weight:900;white-space:nowrap}
.header-search{grid-area:search;align-self:center;height:49px;border-radius:12px;border:1px solid #cfd6e0;background:#f8fafc;box-shadow:inset 0 1px 0 rgba(255,255,255,.8);transition:border-color .18s,box-shadow .18s,background .18s}
.header-search:hover{background:#fff}
.header-search:focus-within{background:#fff;border-color:#d7a33c;box-shadow:0 0 0 4px rgba(217,154,33,.10),0 8px 20px rgba(15,23,42,.06)}
.header-search>svg{width:19px;height:19px;margin-left:14px;color:#7a8495}
.header-search input{font-size:12px;color:#1f2937;padding:0 11px}
.header-search input::placeholder{color:#8a93a2}
.head-tools{grid-area:tools;align-self:center}
.head-icon.menu-head{width:auto;min-width:70px;padding:0 13px;gap:7px;border-radius:10px;color:#182132;font-weight:850}
.head-icon.menu-head svg{width:18px;height:18px}
.head-icon.menu-head span{font-size:10px;letter-spacing:.03em}
.primary-nav{grid-area:nav;display:flex;align-items:center;gap:4px;margin-top:1px;min-width:0;overflow:auto;scrollbar-width:none}
.primary-nav::-webkit-scrollbar{display:none}
.primary-nav a{position:relative;padding:8px 12px;border-radius:8px;color:#566174;font-size:10px;font-weight:800;white-space:nowrap;transition:.18s ease}
.primary-nav a:hover{color:#1b2433;background:#f7f8fa}
.primary-nav a.active{color:#8f5f00;background:#fff8ea}
.category-nav{border-top:1px solid #eef1f5;background:#fff}
.category-nav-in{min-height:42px;height:auto;display:flex;align-items:center;gap:18px;overflow:auto;scrollbar-width:none}
.category-nav-in::-webkit-scrollbar{display:none}
.category-label{color:#9b6700;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;margin-right:-4px;white-space:nowrap}
.category-nav a{font-size:9.5px;font-weight:750;color:#697487;white-space:nowrap;padding:11px 0;position:relative}
.category-nav a:after{content:"";position:absolute;left:0;right:0;bottom:6px;height:2px;border-radius:999px;background:#d99a21;transform:scaleX(0);transform-origin:center;transition:.18s ease}
.category-nav a:hover{color:#111827}
.category-nav a:hover:after{transform:scaleX(1)}
.category-tail{margin-left:auto;color:#a0a8b5;font-size:8px;white-space:nowrap}
.marketplace-utility{background:#17202e;border-bottom:1px solid rgba(255,255,255,.08)}
.marketplace-utility-in{min-height:40px}
.marketplace-utility-in>a,.utility-link{min-height:40px;padding:0 12px}
.marketplace-utility-in strong,.utility-link strong{font-size:9.5px;letter-spacing:.02em}
.marketplace-utility-in span,.utility-link span{font-size:7.5px;color:#c6cfdb}
@media(max-width:1100px){
  .announcement-in{grid-template-columns:1fr auto;gap:14px}
  .announce-service{display:none}
  .header-main{grid-template-columns:minmax(185px,.8fr) minmax(280px,1.2fr) auto;grid-template-areas:"brand search tools" "nav nav nav"}
  .primary-nav{gap:2px}
  .category-nav-in{gap:15px}
  .category-tail{display:none}
}
@media(max-width:760px){
  .announcement-in{grid-template-columns:1fr auto;min-height:34px;gap:10px}
  .announce-brand{font-size:9px}
  .announce-whatsapp{gap:5px;font-size:8px}
  .announce-whatsapp span{display:none}
  .header-main{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand tools" "search search" "nav nav";padding-top:9px;padding-bottom:7px;gap:8px 10px}
  .text-brand strong{font-size:16px}
  .text-brand span{font-size:6.5px;letter-spacing:.14em;margin-top:3px}
  .header-search{height:45px}
  .primary-nav{gap:0}
  .primary-nav a{font-size:9px;padding:7px 9px}
  .head-icon.menu-head{min-width:64px;height:38px;padding:0 10px}
  .category-nav-in{min-height:38px;gap:15px;padding-bottom:1px}
  .category-label{font-size:8px}
  .category-nav a{font-size:8.5px;padding:10px 0}
  .marketplace-utility-in>a,.utility-link{padding:0 9px}
  .marketplace-utility-in strong,.utility-link strong{font-size:8.5px}
  .marketplace-utility-in span,.utility-link span{font-size:7px}
}
@media(max-width:520px){
  .announcement-in{grid-template-columns:1fr;justify-items:center;padding:5px 0;gap:2px}
  .announce-whatsapp{font-size:8px}
  .header-main{gap:7px 8px}
  .text-brand strong{font-size:15px}
  .text-brand span{font-size:6px}
  .head-icon.menu-head span{display:none}
  .head-icon.menu-head{min-width:39px;width:39px;padding:0}
  .primary-nav{margin:0 -2px}
  .primary-nav a{font-size:8px;padding:6px 7px}
  .category-nav-in{gap:13px}
  .category-nav a{font-size:8px}
  .category-label{display:none}
}

/* ===== The Shoe Plug premium marketplace header refinement ===== */
:root{--sp-ink:#111827;--sp-charcoal:#171a20;--sp-gold:#d6a643;--sp-gold-soft:#f7eedc;--sp-cream:#fbf8f2;--sp-line:#e7e8eb}
.announcement{background:linear-gradient(90deg,#12151a 0%,#1b2028 48%,#12151a 100%);border-bottom:1px solid rgba(214,166,67,.18);box-shadow:0 1px 0 rgba(0,0,0,.14)}
.announcement-in{min-height:38px;padding:4px 0;gap:20px}
.announcement .announce-brand{color:#fff;font-weight:900;letter-spacing:.01em}
.announcement .announce-service{color:#cbd1db}
.announcement .announce-service b{color:#f4d58d}
.announce-whatsapp{padding:5px 10px 5px 9px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:.2s ease}
.announce-whatsapp:hover{background:rgba(214,166,67,.12);border-color:rgba(214,166,67,.28);transform:translateY(-1px)}
.header{background:rgba(255,255,255,.96)!important;backdrop-filter:saturate(150%) blur(16px);-webkit-backdrop-filter:saturate(150%) blur(16px);border-bottom:1px solid #eceef1;box-shadow:0 8px 28px rgba(15,23,42,.055)}
.header-main{max-width:1440px;min-height:102px!important;padding-top:13px!important;padding-bottom:11px!important;gap:12px 20px!important;grid-template-columns:minmax(235px,280px) minmax(340px,1fr) auto!important;grid-template-areas:"brand search tools" "nav nav nav"!important}
.text-brand{position:relative;padding:8px 4px 8px 14px;border-left:3px solid var(--sp-gold);border-radius:2px 10px 10px 2px;background:linear-gradient(90deg,rgba(247,238,220,.78),rgba(255,255,255,0));transition:.2s ease}
.text-brand:hover{background:linear-gradient(90deg,rgba(247,238,220,.95),rgba(255,255,255,0))}
.text-brand strong{font-size:22px!important;font-weight:950!important;letter-spacing:-.045em!important;color:var(--sp-ink)!important}
.text-brand span{display:block;font-size:9px!important;letter-spacing:.18em!important;color:#98711e!important;font-weight:950!important;margin-top:7px!important}
.header-search{height:52px!important;border-radius:15px!important;background:#f4f6f8!important;border:1px solid #dfe3e8!important;box-shadow:0 1px 0 #fff inset,0 4px 14px rgba(15,23,42,.035)!important}
.header-search:hover{background:#fff!important;border-color:#cfd5dc!important}
.header-search:focus-within{background:#fff!important;border-color:var(--sp-gold)!important;box-shadow:0 0 0 4px rgba(214,166,67,.11),0 9px 24px rgba(15,23,42,.08)!important}
.header-search>svg{width:20px!important;height:20px!important;margin-left:16px!important;color:#7a828f!important}
.header-search input{font-size:13px!important;font-weight:650!important;padding:0 12px!important;color:#1f2937!important}
.header-search input::placeholder{color:#8b93a1!important}
#headerSearchClear{width:31px!important;height:31px!important;border-radius:50%!important;border:0!important;background:#e9edf2!important;color:#687386!important;margin-right:8px!important;font-weight:800!important;transition:.18s ease}
#headerSearchClear:hover{background:var(--sp-gold-soft)!important;color:#8b640f!important}
.head-tools{gap:8px!important}
.menu-head{width:82px!important;height:44px!important;border-radius:12px!important;background:var(--sp-ink)!important;color:#fff!important;border:1px solid var(--sp-ink)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;box-shadow:0 8px 18px rgba(17,24,39,.14)!important;font-size:10px!important;font-weight:900!important;letter-spacing:.07em!important;text-transform:uppercase}
.menu-head svg{width:18px;height:18px}
.menu-head:hover{background:#232936!important;border-color:#232936!important;transform:translateY(-1px)}
.primary-nav{gap:3px!important;margin-top:3px!important;padding:4px!important;border-top:1px solid #f0f1f3;border-bottom:1px solid #f0f1f3;border-radius:10px;background:linear-gradient(180deg,#fff,#fbfcfd);overflow:auto;scrollbar-width:none}
.primary-nav::-webkit-scrollbar{display:none}
.primary-nav a{padding:9px 14px!important;border-radius:8px!important;color:#5c6677!important;font-size:10px!important;font-weight:850!important;letter-spacing:.01em;position:relative}
.primary-nav a:after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;border-radius:2px;background:transparent;transform:scaleX(.35);transition:.18s ease}
.primary-nav a:hover{color:var(--sp-ink)!important;background:#f5f7f9!important}
.primary-nav a:hover:after{background:#d6a643;transform:scaleX(1)}
.primary-nav a.active{color:#8e650e!important;background:var(--sp-gold-soft)!important}
.primary-nav a.active:after{background:var(--sp-gold);transform:scaleX(1)}
.category-nav{background:linear-gradient(180deg,#1b2027,#15181d)!important;border-top:0!important;border-bottom:1px solid rgba(214,166,67,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.category-nav-in{height:48px!important;gap:0!important;justify-content:flex-start!important}
.category-label{height:28px;padding:0 13px;display:inline-flex;align-items:center;margin-right:8px;border-right:1px solid rgba(255,255,255,.12);color:#f0d89f!important;font-size:9px!important;font-weight:950!important;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.category-nav-in a{height:48px!important;display:inline-flex;align-items:center;padding:0 14px!important;color:#d3d8e0!important;font-size:10px!important;font-weight:800!important;position:relative}
.category-nav-in a:after{content:"";position:absolute;left:12px;right:12px;bottom:8px;height:2px;border-radius:2px;background:transparent;transform:scaleX(.2);transition:.18s ease}
.category-nav-in a:hover{color:#fff!important;background:rgba(255,255,255,.045)!important;transform:none!important}
.category-nav-in a:hover:after{background:var(--sp-gold);transform:scaleX(1)}
.category-tail{margin-left:auto;padding-left:18px;color:#aeb6c2!important;font-size:9px!important;font-weight:700!important;white-space:nowrap}
.marketplace-utility{background:linear-gradient(180deg,#fbfaf7,#f6f2e9)!important;border-bottom:1px solid #e9e2d4!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.marketplace-utility-in{min-height:50px!important;display:flex;align-items:stretch!important;overflow:auto;scrollbar-width:none}
.marketplace-utility-in::-webkit-scrollbar{display:none}
.marketplace-utility-in>a,.marketplace-utility-in .utility-link{position:relative;display:flex!important;flex-direction:column;justify-content:center!important;min-height:50px!important;padding:6px 18px!important;border-right:1px solid #ebe4d8!important;background:transparent!important;transition:.18s ease!important;white-space:nowrap}
.marketplace-utility-in>a:first-child{border-left:1px solid #ebe4d8}
.marketplace-utility-in>a:hover,.marketplace-utility-in .utility-link:hover{background:#fff!important;color:#7e5d15!important;transform:none!important}
.marketplace-utility-in>a strong,.marketplace-utility-in .utility-link strong{font-size:9px!important;font-weight:950!important;color:#303846!important}
.marketplace-utility-in>a span,.marketplace-utility-in .utility-link span{font-size:7.5px!important;color:#7e8796!important;margin-top:2px}
.marketplace-utility-in .utility-spacer{flex:1 1 auto;min-width:18px}
.marketplace-utility-in .utility-link{border:0!important;text-align:left!important}
.marketplace-utility-in .utility-link:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:1px;background:#e7e0d4}
.marketplace-utility-in .utility-link strong:before{display:inline-block;margin-right:6px;color:#ad7d16}
#utilityWishlist strong:before{content:"♡"}
#utilityAccount strong:before{content:"◯";font-size:9px}
.marketplace-utility-in .utility-link:hover strong{color:#8a620e!important}

@media(max-width:1100px){
  .header-main{grid-template-columns:minmax(205px,.85fr) minmax(260px,1.15fr) auto!important;gap:10px 14px!important}
  .text-brand strong{font-size:19px!important}.text-brand span{font-size:8px!important}
  .primary-nav a{padding-inline:11px!important}
  .category-nav-in a{padding-inline:11px!important}
  .category-tail{display:none}
}
@media(max-width:760px){
  .announcement-in{min-height:40px!important;gap:8px!important}
  .announcement .announce-brand{font-size:9px}
  .announcement .announce-service{font-size:8px}
  .announcement .announce-service b{display:none}
  .announce-whatsapp{font-size:8px;padding:4px 8px}
  .header-main{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"brand tools" "search search" "nav nav"!important;min-height:132px!important;padding-top:9px!important;padding-bottom:8px!important;gap:8px 9px!important}
  .text-brand{padding:6px 4px 6px 10px}
  .text-brand strong{font-size:17px!important}
  .text-brand span{font-size:7px!important;letter-spacing:.12em!important;margin-top:5px!important}
  .header-search{height:46px!important;border-radius:13px!important}
  .header-search input{font-size:11px!important}
  .menu-head{width:72px!important;height:40px!important}
  .primary-nav{margin:0!important;padding:3px!important}
  .primary-nav a{font-size:8px!important;padding:7px 9px!important}
  .category-nav{display:block!important}
  .category-nav-in{height:44px!important;overflow-x:auto;white-space:nowrap}
  .category-label{height:26px;font-size:8px!important;padding:0 10px}
  .category-nav-in a{height:44px!important;font-size:8.5px!important;padding:0 10px!important}
  .marketplace-utility-in>a,.marketplace-utility-in .utility-link{padding-inline:13px!important}
}
@media(max-width:420px){
  .announcement .announce-service{display:none}
  .announcement-in{justify-content:space-between!important;padding-inline:4%!important}
  .announcement .announce-brand{font-size:8px}
  .header-main{min-height:124px!important}
  .text-brand strong{font-size:15px!important}
  .text-brand span{font-size:6.5px!important}
  .menu-head{width:66px!important;height:38px!important;font-size:9px!important}
  .header-search{height:44px!important}
  .primary-nav a{font-size:7.5px!important;padding:6px 8px!important}
  .category-nav-in a{font-size:8px!important;padding-inline:9px!important}
  .category-label{display:none}
  .marketplace-utility-in>a,.marketplace-utility-in .utility-link{padding-inline:11px!important}
}


/* ===== Final clean header: solid white, readable typography ===== */
.header{
  background:#fff !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:0 1px 0 #e9edf2,0 6px 18px rgba(15,23,42,.035) !important;
}
.text-brand{
  background:transparent !important;
  border-left:3px solid var(--sp-gold) !important;
  padding-left:14px !important;
}
.text-brand:hover{background:#fff !important}
.text-brand strong{
  color:#101828 !important;
  font-weight:900 !important;
  text-shadow:none !important;
}
.text-brand span{
  color:#667085 !important;
  font-weight:800 !important;
  letter-spacing:.13em !important;
}
.header-search{
  background:#fff !important;
  border:1px solid #cfd6df !important;
  box-shadow:none !important;
}
.header-search:hover,
.header-search:focus-within{background:#fff !important}
.header-search input{color:#172033 !important;font-weight:600 !important}
.header-search input::placeholder{color:#7b8494 !important;opacity:1 !important}
.primary-nav{
  background:#fff !important;
  border-top:1px solid #eceff3 !important;
  border-bottom:1px solid #eceff3 !important;
}
.primary-nav a{
  color:#344054 !important;
  font-weight:800 !important;
}
.primary-nav a:hover{color:#101828 !important;background:#f7f8fa !important}
.primary-nav a.active{color:#8a5f00 !important;background:#fff9eb !important}
.category-nav{
  background:#fff !important;
  border-top:1px solid #eef1f4 !important;
  border-bottom:1px solid #e6eaf0 !important;
  box-shadow:none !important;
}
.category-label{
  color:#667085 !important;
  border-right:1px solid #e4e7ec !important;
}
.category-nav-in a{
  color:#475467 !important;
  font-weight:800 !important;
}
.category-nav-in a:hover{color:#101828 !important;background:#f7f8fa !important}
.category-tail{color:#667085 !important}

@media(max-width:760px){
  .primary-nav{border-top:1px solid #eef1f4 !important;border-bottom:1px solid #eef1f4 !important}
}

/* Header menu control: icon only */
.header-main > .head-tools #openMenu.menu-head span { display:none !important; }
.header-main > .head-tools #openMenu.menu-head { padding:0 !important; gap:0 !important; }

/* ===== Modern shopping shortcut rail ===== */
.marketplace-utility{
  background:#fff !important;
  border-top:1px solid #eef1f4 !important;
  border-bottom:1px solid #e7ebf0 !important;
  box-shadow:0 4px 16px rgba(16,24,40,.035) !important;
}
.marketplace-utility-in{
  min-height:64px !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) auto auto !important;
  align-items:stretch !important;
  gap:0 !important;
  overflow:visible !important;
}
.marketplace-utility-in>a,
.marketplace-utility-in .utility-link{
  min-height:64px !important;
  padding:10px 22px !important;
  border:0 !important;
  border-right:1px solid #edf0f4 !important;
  background:#fff !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:2px !important;
  position:relative !important;
  white-space:nowrap !important;
  transition:background .18s ease,transform .18s ease !important;
}
.marketplace-utility-in>a:first-child{border-left:0 !important}
.marketplace-utility-in>a:hover,
.marketplace-utility-in .utility-link:hover{
  background:#f8fafc !important;
  color:#101828 !important;
  transform:none !important;
}
.marketplace-utility-in>a strong,
.marketplace-utility-in .utility-link strong{
  color:#172033 !important;
  font-size:10px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  letter-spacing:-.01em !important;
}
.marketplace-utility-in>a span,
.marketplace-utility-in .utility-link span{
  color:#7b8494 !important;
  font-size:8px !important;
  line-height:1.2 !important;
  margin:0 !important;
  font-weight:650 !important;
}
.marketplace-utility-in>a:after{
  content:"";
  position:absolute;
  left:22px;
  bottom:0;
  width:30px;
  height:2px;
  border-radius:99px;
  background:transparent;
  transition:width .18s ease,background .18s ease;
}
.marketplace-utility-in>a:hover:after{width:42px;background:#d6a643}
.marketplace-utility-in .utility-spacer{display:none !important}
.marketplace-utility-in .utility-link{
  min-width:132px !important;
  border-right:0 !important;
  border-left:1px solid #edf0f4 !important;
  padding-inline:20px !important;
  text-align:left !important;
}
.marketplace-utility-in .utility-link:before{display:none !important}
.marketplace-utility-in .utility-link strong:before{
  margin-right:7px !important;
  color:#8d98a9 !important;
  font-size:11px !important;
  vertical-align:-1px !important;
}
#utilityWishlist strong:before{content:"♡" !important}
#utilityAccount strong:before{content:"◯" !important;font-size:9px !important}
.marketplace-utility-in .utility-link:hover strong{color:#8a5f00 !important}

@media(max-width:1100px){
  .marketplace-utility-in{grid-template-columns:repeat(4,minmax(0,1fr)) auto auto !important}
  .marketplace-utility-in>a,.marketplace-utility-in .utility-link{padding-inline:14px !important}
  .marketplace-utility-in .utility-link{min-width:110px !important}
}
@media(max-width:760px){
  .marketplace-utility{box-shadow:none !important}
  .marketplace-utility-in{
    display:flex !important;
    align-items:stretch !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
  }
  .marketplace-utility-in::-webkit-scrollbar{display:none !important}
  .marketplace-utility-in>a,
  .marketplace-utility-in .utility-link{
    flex:0 0 auto !important;
    min-height:58px !important;
    padding:9px 15px !important;
    border-right:1px solid #edf0f4 !important;
  }
  .marketplace-utility-in .utility-link{min-width:108px !important}
  .marketplace-utility-in>a:after{left:15px}
  .marketplace-utility-in>a strong,
  .marketplace-utility-in .utility-link strong{font-size:9px !important}
  .marketplace-utility-in>a span,
  .marketplace-utility-in .utility-link span{font-size:7.5px !important}
}
@media(max-width:420px){
  .marketplace-utility-in>a,
  .marketplace-utility-in .utility-link{padding-inline:12px !important}
  .marketplace-utility-in .utility-link{min-width:100px !important}
}

/* Modern 600+ shoe catalog: responsive 5 → 4 → 3 → 2 card grid */
.product-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important}
@media (max-width:1279px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important}}
@media (max-width:899px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}}
@media (max-width:599px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}}

/* Premium input system — consistent across search, email and manager fields */
.header-search,
.search-inline,
.big-search,
.manager-search,
.newsletter form{
  position:relative;
  transition:
    border-color .2s ease,
    box-shadow .2s ease,
    background-color .2s ease,
    transform .2s ease;
}

.header-search,
.search-inline,
.big-search{
  background:#fff !important;
  border:1px solid #dfe4eb !important;
  box-shadow:0 5px 18px rgba(23,32,51,.035) !important;
}

.header-search:hover,
.search-inline:hover,
.big-search:hover{
  border-color:#c9d0da !important;
  box-shadow:0 8px 24px rgba(23,32,51,.055) !important;
}

.header-search:focus-within,
.search-inline:focus-within,
.big-search:focus-within{
  border-color:#c9952e !important;
  box-shadow:0 0 0 4px rgba(201,149,46,.11),0 12px 28px rgba(23,32,51,.08) !important;
  transform:translateY(-1px);
}

.header-search input,
.search-inline input,
.big-search input,
.manager-search input,
.newsletter input{
  caret-color:#a96d00;
}

.header-search input::placeholder,
.search-inline input::placeholder,
.big-search input::placeholder,
.manager-search input::placeholder,
.newsletter input::placeholder{
  color:#98a1af !important;
  opacity:1;
  transition:color .2s ease;
}

.header-search:focus-within input::placeholder,
.search-inline:focus-within input::placeholder,
.big-search:focus-within input::placeholder,
.manager-search:focus-within input::placeholder,
.newsletter form:focus-within input::placeholder{
  color:#b6bdc7 !important;
}

.header-search>svg,
.search-inline>svg,
.big-search>svg{
  transition:color .2s ease,transform .2s ease;
}

.header-search:focus-within>svg,
.search-inline:focus-within>svg,
.big-search:focus-within>svg{
  color:#ae740d !important;
  transform:scale(1.06);
}

#headerSearchClear,
.inline-search-clear{
  transition:opacity .18s ease,background .18s ease,color .18s ease,transform .18s ease !important;
}

#headerSearchClear:hover,
.inline-search-clear:hover{
  background:#fff3d8 !important;
  color:#8e5e00 !important;
  transform:translateY(-50%) scale(1.04) !important;
}

/* Search suggestion surfaces */
.header-search-results,
.inline-search-results,
#searchSuggestions{
  border:1px solid #e5e9ef !important;
  background:#fff !important;
  box-shadow:0 22px 55px rgba(15,23,42,.13) !important;
}

.header-search-result:hover,
.header-search-destination:hover,
.inline-suggestion:hover,
.suggestion:hover{
  background:#fafbfc !important;
}

/* Newsletter / email capture */
.newsletter-in{align-items:center}
.newsletter form{
  background:#fff;
  border:1px solid #e1e5eb;
  border-radius:14px;
  padding:5px;
  box-shadow:0 12px 30px rgba(23,32,51,.06);
  gap:5px !important;
}

.newsletter form:hover{
  border-color:#ccd3dc;
  box-shadow:0 14px 34px rgba(23,32,51,.08);
}

.newsletter form:focus-within{
  border-color:#d2a04a;
  box-shadow:0 0 0 4px rgba(210,160,74,.10),0 16px 36px rgba(23,32,51,.09);
}

.newsletter input{
  min-width:0;
  height:44px;
  border:0 !important;
  background:transparent !important;
  border-radius:10px !important;
  outline:0 !important;
  padding:0 14px !important;
  color:#172033 !important;
  font-weight:550;
}

.newsletter .btn{
  min-height:44px;
  border-radius:10px;
  padding-inline:18px;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}

.newsletter .btn:hover{
  transform:translateY(-1px);
  box-shadow:0 7px 16px rgba(245,158,11,.18);
}

.newsletter .btn:active{
  transform:translateY(0) scale(.985);
}

.manager-search:focus-within{
  border-color:#d0a04a;
  box-shadow:0 0 0 3px rgba(208,160,74,.09);
}

@media(max-width:820px){
  .header-search,
  .search-inline,
  .big-search{box-shadow:0 5px 18px rgba(23,32,51,.04) !important}
  .newsletter form{padding:5px}
}

@media(max-width:520px){
  .newsletter form{border-radius:13px}
  .newsletter input{height:46px;padding-inline:13px !important}
  .newsletter .btn{width:100%;min-height:46px}
}

@media(prefers-reduced-motion:reduce){
  .header-search,
  .search-inline,
  .big-search,
  .manager-search,
  .newsletter form,
  .newsletter .btn{transition:none !important}
}


/* FINAL SEARCH REFINEMENT — preserve header layout, refine only the search control */
.header-search, .header-search:focus-within, .header-search input, .header-search input:focus {
  outline: none !important;
}
.header-search:focus-within {
  box-shadow: 0 0 0 1px rgba(214,166,67,.18), 0 9px 24px rgba(15,23,42,.06) !important;
}
.header-search input::-webkit-search-cancel-button,
.header-search input::-webkit-search-decoration,
.header-search input::-webkit-search-results-button,
.header-search input::-webkit-search-results-decoration {
  -webkit-appearance: none !important;
  appearance: none !important;
}
@media (max-width:760px) {
  .header-search:focus-within { box-shadow: 0 0 0 1px rgba(214,166,67,.16), 0 7px 18px rgba(15,23,42,.06) !important; }
}

/* =========================================================
   PREMIUM COLLECTION CONTROLS — FINAL REFINEMENT
   Keep existing functionality/IDs; refine only presentation.
   ========================================================= */
.filter-toolbar{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:64px!important;
  padding:9px!important;
  margin:0 0 12px!important;
  border:1px solid rgba(23,32,51,.09)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(23,32,51,.055)!important;
}
.filter-trigger,.toolbar-action,.sort-wrap select{
  min-height:44px!important;
  border:1px solid rgba(23,32,51,.10)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#172033!important;
  font-weight:800!important;
  box-shadow:0 1px 2px rgba(23,32,51,.02)!important;
}
.filter-trigger,.toolbar-action{
  padding:0 15px!important;
}
.filter-trigger:hover,.toolbar-action:hover,.sort-wrap select:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(23,32,51,.20)!important;
  box-shadow:0 8px 20px rgba(23,32,51,.08)!important;
}
.filter-trigger:active,.toolbar-action:active{transform:scale(.985)!important}
.filter-summary{
  justify-self:center!important;
  min-width:0!important;
  text-align:center!important;
  color:#172033!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
}
.toolbar-spacer{display:none!important}
.sort-wrap{
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
}
.sort-wrap span{font-size:11px!important;color:#8992a2!important;font-weight:750!important}
.sort-wrap select{
  min-width:148px!important;
  padding:0 34px 0 14px!important;
  appearance:auto!important;
  -webkit-appearance:auto!important;
  font-size:12px!important;
}
.catalog-tools{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  min-height:38px!important;
  margin:0 0 16px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
#resultCount{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:30px!important;
  padding:0 13px!important;
  border:1px solid rgba(23,32,51,.08)!important;
  border-radius:999px!important;
  background:#f8f9fb!important;
  color:#697386!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
}
.filter-trigger svg{width:15px!important;height:15px!important}
.filter-trigger b,.toolbar-action b{
  min-width:19px!important;
  height:19px!important;
  margin-left:1px!important;
  border-radius:999px!important;
  display:inline-grid!important;
  place-items:center!important;
  padding:0 5px!important;
  background:#111827!important;
  color:#fff!important;
  font-size:9px!important;
}

@media (max-width:760px){
  .filter-toolbar{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    min-height:58px!important;
    padding:7px!important;
    border-radius:16px!important;
  }
  .filter-summary{font-size:12px!important}
  .sort-wrap select{min-width:128px!important;max-width:40vw!important;font-size:11px!important}
  #resultCount{font-size:10px!important;min-height:28px!important}
}
@media (max-width:560px){
  .filter-toolbar{grid-template-columns:auto 1fr auto!important;gap:6px!important}
  .filter-trigger,.toolbar-action,.sort-wrap select{min-height:42px!important}
  .filter-trigger{padding:0 12px!important}
  .filter-trigger span{font-size:11px!important}
  .filter-summary{font-size:11px!important}
  .sort-wrap span{display:none!important}
  .sort-wrap select{min-width:112px!important;max-width:36vw!important;padding-inline:11px!important}
}
@media (max-width:420px){
  .filter-toolbar{grid-template-columns:auto 1fr auto!important}
  .filter-summary{display:none!important}
  .sort-wrap select{max-width:124px!important}
  .filter-trigger{padding:0 11px!important}
  .filter-trigger span{font-size:10px!important}
  #resultCount{margin-inline:auto!important}
}

/* FINAL FEATURED SORT CONTROL — fixed, visible button + premium dropdown */
.sort-wrap{position:relative!important;display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
.custom-sort{position:relative!important;isolation:isolate!important}
.sort-button{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-width:148px!important;height:44px!important;padding:0 14px!important;border:1px solid rgba(23,32,51,.10)!important;border-radius:999px!important;background:#fff!important;color:#172033!important;font-size:12px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important;box-shadow:0 1px 2px rgba(23,32,51,.02)!important;outline:none!important;transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease,background .18s ease!important}
.sort-button svg{width:15px!important;height:15px!important;flex:0 0 auto!important;transition:transform .2s ease!important}
.sort-button:hover{transform:translateY(-1px)!important;border-color:rgba(23,32,51,.18)!important;box-shadow:0 8px 20px rgba(23,32,51,.08)!important}
.sort-button:focus,.sort-button:focus-visible{outline:none!important;box-shadow:0 0 0 3px rgba(23,32,51,.07),0 8px 20px rgba(23,32,51,.08)!important;border-color:rgba(23,32,51,.18)!important}
.sort-button:active{transform:translateY(0) scale(.99)!important}
.custom-sort:has(.sort-menu.open) .sort-button svg{transform:rotate(180deg)!important}
.sort-menu{position:absolute!important;top:calc(100% + 8px)!important;right:0!important;min-width:220px!important;padding:7px!important;background:rgba(255,255,255,.98)!important;border:1px solid rgba(23,32,51,.09)!important;border-radius:16px!important;box-shadow:0 18px 45px rgba(23,32,51,.14),0 3px 10px rgba(23,32,51,.06)!important;opacity:0!important;visibility:hidden!important;transform:translateY(-5px) scale(.985)!important;transform-origin:top right!important;pointer-events:none!important;transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;z-index:260!important}
.sort-menu.open{opacity:1!important;visibility:visible!important;transform:translateY(0) scale(1)!important;pointer-events:auto!important}
.sort-menu button{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-height:40px!important;padding:0 11px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#172033!important;text-align:left!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important;outline:none!important;cursor:pointer!important;transition:background .14s ease,color .14s ease,transform .14s ease!important}
.sort-menu button:hover,.sort-menu button:focus-visible{background:#f5f7fa!important;color:#172033!important;outline:none!important}
.sort-menu button:active{transform:scale(.985)!important}
.sort-menu button[aria-selected="true"]{background:#f1f4f7!important;font-weight:800!important}
.sort-native{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}
@media(max-width:560px){.sort-button{min-width:118px!important;font-size:11px!important}.sort-menu{min-width:190px!important}.sort-menu button{font-size:11px!important}}

/* FEATURED SORT — FINAL STABILITY + PREMIUM DROPDOWN */
#sortControl{position:relative!important;display:flex!important;align-items:center!important;gap:8px!important;min-width:max-content!important;isolation:isolate!important;z-index:280!important;overflow:visible!important}
#sortControl .custom-sort{position:relative!important;display:block!important;min-width:148px!important;overflow:visible!important;z-index:281!important}
#sortButton{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;width:148px!important;min-width:148px!important;height:44px!important;margin:0!important;padding:0 14px!important;box-sizing:border-box!important;opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important;transition:box-shadow .18s ease,border-color .18s ease,background-color .18s ease!important}
#sortButton:hover{transform:translateY(-1px)!important}
#sortButton:active{transform:translateY(0) scale(.985)!important}
#sortButton:focus,#sortButton:focus-visible{outline:none!important;opacity:1!important;visibility:visible!important;filter:none!important;background:#fff!important;box-shadow:0 0 0 3px rgba(23,32,51,.055),0 8px 22px rgba(23,32,51,.08)!important}
#sortButton[aria-expanded="true"]{opacity:1!important;visibility:visible!important;background:#fff!important;border-color:#d5d9df!important;box-shadow:0 8px 22px rgba(23,32,51,.09)!important;transform:none!important}
#sortButton svg{flex:0 0 15px!important;width:15px!important;height:15px!important}
#sortMenu{position:absolute!important;top:calc(100% + 9px)!important;right:0!important;left:auto!important;width:236px!important;min-width:236px!important;max-width:calc(100vw - 24px)!important;box-sizing:border-box!important;padding:7px!important;margin:0!important;background:rgba(255,255,255,.99)!important;border:1px solid #e4e7eb!important;border-radius:16px!important;box-shadow:0 20px 50px rgba(17,24,39,.14),0 4px 14px rgba(17,24,39,.06)!important;opacity:0!important;visibility:hidden!important;transform:translateY(-6px) scale(.985)!important;transform-origin:top right!important;pointer-events:none!important;will-change:transform,opacity!important;overflow:hidden!important;z-index:9999!important;transition:opacity .18s ease,transform .18s cubic-bezier(.2,.75,.25,1),visibility .18s ease!important}
#sortMenu.open{opacity:1!important;visibility:visible!important;transform:translateY(0) scale(1)!important;pointer-events:auto!important}
#sortMenu button{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0 12px!important;box-sizing:border-box!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#172033!important;text-align:left!important;font-size:12px!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important;cursor:pointer!important;outline:none!important;opacity:1!important;transition:background-color .14s ease,color .14s ease,transform .12s ease!important}
#sortMenu button:hover,#sortMenu button:focus-visible{background:#f4f6f8!important;color:#111827!important;outline:none!important}
#sortMenu button:active{transform:scale(.985)!important}
#sortMenu button[aria-selected="true"]{background:#eef2f5!important;color:#111827!important;font-weight:800!important}
@media(max-width:700px){#sortControl{min-width:0!important}#sortControl .custom-sort,#sortButton{width:140px!important;min-width:140px!important}#sortMenu{width:220px!important;min-width:220px!important}}
@media(max-width:520px){#sortControl .custom-sort,#sortButton{width:126px!important;min-width:126px!important}#sortMenu{width:205px!important;min-width:205px!important}#sortMenu button{font-size:11px!important;height:40px!important;min-height:40px!important}}

/* Compare experience */
.compare-action{transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease;position:relative}
.compare-action.selected{background:#182132!important;color:#fff!important;border-color:#182132!important}
.compare-action:active{transform:scale(.94)}
.compare-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff}
.compare-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;font-size:10px}
.compare-table th,.compare-table td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.compare-table thead th{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#7b8495;background:#f8fafc;position:sticky;top:0}
.compare-table tbody tr:last-child th,.compare-table tbody tr:last-child td{border-bottom:0}
.compare-table tbody tr:hover{background:#fcfcfd}
.compare-product{display:flex;align-items:center;gap:9px;min-width:180px}
.compare-product img{width:58px;height:58px;object-fit:cover;border-radius:8px;background:#eef1f5}
.compare-product strong{font-size:10px;color:var(--ink)}
.compare-table td small,.compare-table th small{display:block;color:var(--muted);font-size:8px;margin-top:3px}
.compare-old{text-decoration:line-through}
.compare-remove{border:1px solid #dce1e9;background:#fff;border-radius:7px;padding:7px 9px;font-size:8px;color:#667085}
.compare-remove:hover{border-color:#c7ced9;color:#182132}
.compare-hint{padding:11px 2px 0;color:var(--muted);font-size:9px}


/* Comparison panel: keep results visible inside the panel without page scrolling */
.compare-modal-card{width:min(1180px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:hidden;padding:28px 28px 22px}
.compare-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-right:38px}
.compare-modal-head h2{margin:4px 0 0;font-size:30px;line-height:1.05;letter-spacing:-.04em}
.compare-modal-note{font-size:9px;color:var(--muted);padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#f8fafc;white-space:nowrap}
.compare-modal-card #compareItems{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.premium-compare-card{min-width:0;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff;box-shadow:0 10px 30px rgba(31,41,55,.05);display:flex;flex-direction:column;position:relative}
.compare-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.compare-index{font-size:9px;font-weight:900;letter-spacing:.12em;color:#8b95a5}
.premium-compare-card .compare-remove{width:28px;height:28px;border-radius:50%;padding:0;display:grid;place-items:center;font-size:18px;line-height:1;border:1px solid #e0e5ec;color:#7d8797;background:#fff}
.premium-compare-card .compare-remove:hover{border-color:#cfd6df;background:#f7f8fa;color:#172033}
.compare-card-photo{height:150px;border-radius:10px;background:#f4f6f8;overflow:hidden;display:grid;place-items:center;margin-bottom:12px}
.compare-card-photo img{width:100%;height:100%;object-fit:cover}
.compare-card-photo span{font-size:58px}
.compare-card-content{display:flex;flex-direction:column;min-width:0;flex:1}
.compare-brand{font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#7e8796}
.compare-card-content h3{margin:5px 0 8px;font-size:15px;line-height:1.2;color:var(--ink)}
.compare-price{font-size:18px;font-weight:900;color:var(--ink)}
.compare-price small{display:inline-block;margin-left:7px;color:#9aa2af;text-decoration:line-through;font-size:9px;font-weight:700}
.compare-meta{display:grid;grid-template-columns:1fr;gap:5px;margin:12px 0}
.compare-meta span{display:flex;justify-content:space-between;gap:10px;padding-top:6px;border-top:1px solid #eef1f4;color:#697386;font-size:9px}
.compare-meta b{font-size:8px;color:#9aa2af;text-transform:uppercase;letter-spacing:.08em}
.compare-view{margin-top:auto;width:100%;height:37px;border:1px solid #d9dee7;border-radius:9px;background:#fff;color:var(--ink);font-size:9px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px;transition:.18s ease}
.compare-view:hover{background:#f7f8fa;border-color:#cbd2dd;transform:translateY(-1px)}
.compare-view span{font-size:13px}
.compare-foot-note{grid-column:1/-1;text-align:center;color:var(--muted);font-size:9px;padding-top:1px}
.compare-empty{grid-column:1/-1;min-height:260px;display:grid;place-content:center;text-align:center;padding:20px;color:var(--muted)}
.compare-empty-icon{font-size:38px;color:#98a1af;margin-bottom:6px}.compare-empty h3{margin:0;color:var(--ink);font-size:17px}.compare-empty p{margin:4px 0 0;font-size:10px}
@media(max-width:760px){.compare-modal-card{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:20px 16px 16px}.compare-modal-card #compareItems{grid-template-columns:1fr 1fr;gap:9px}.compare-card-photo{height:125px}.compare-card-content h3{font-size:13px}.compare-modal-head h2{font-size:25px}}
@media(max-width:470px){.compare-modal-card #compareItems{grid-template-columns:1fr}.premium-compare-card{padding:11px}.compare-card-photo{height:145px}.compare-modal-note{display:none}}

/* =========================================================
   RESPONSIVE COMPARE CONTROL — KEEP AVAILABLE AT EVERY SIZE
   ========================================================= */
@media (max-width:980px){
  .filter-toolbar{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
  }
  .toolbar-action{
    display:inline-flex!important;
  }
}
@media (max-width:760px){
  .filter-toolbar{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    gap:7px!important;
    overflow:visible!important;
  }
  .toolbar-action{
    min-width:78px!important;
    padding:0 11px!important;
    white-space:nowrap!important;
  }
  .filter-summary{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .sort-wrap{min-width:0!important;}
  .sort-button{min-width:128px!important;}
}
@media (max-width:560px){
  .filter-toolbar{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    gap:6px!important;
  }
  .toolbar-action{
    min-height:42px!important;
    min-width:72px!important;
    padding:0 9px!important;
    font-size:10px!important;
  }
  .toolbar-action b{font-size:8px!important;}
  .sort-button{
    min-width:108px!important;
    height:42px!important;
    padding:0 10px!important;
    font-size:10px!important;
    gap:6px!important;
  }
  .sort-wrap span{display:none!important;}
}
@media (max-width:420px){
  .filter-toolbar{
    grid-template-columns:auto auto minmax(0,1fr)!important;
    justify-content:stretch!important;
  }
  .filter-trigger,
  .toolbar-action{
    min-width:0!important;
    width:auto!important;
  }
  .filter-trigger{padding:0 10px!important;}
  .toolbar-action{padding:0 9px!important;}
  .sort-wrap{justify-self:stretch!important;}
  .custom-sort{width:100%!important;}
  .sort-button{width:100%!important;min-width:0!important;}
  .filter-summary{display:none!important;}
}
@media (max-width:340px){
  .filter-trigger span{display:none!important;}
  .filter-trigger{width:42px!important;padding:0!important;}
  .toolbar-action{min-width:62px!important;font-size:9px!important;padding:0 7px!important;}
  .toolbar-action b{min-width:17px!important;height:17px!important;font-size:8px!important;}
  .sort-button{font-size:9px!important;}
}

/* Compare results scroll inside the panel only */
.compare-modal-card #compareItems{
  min-height:0;
  max-height:calc(100dvh - 155px);
  overflow-y:auto;
  overflow-x:hidden;
  padding:2px 6px 8px 2px;
  scrollbar-width:thin;
  scrollbar-color:#c9ced8 transparent;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.compare-modal-card #compareItems::-webkit-scrollbar{width:8px}
.compare-modal-card #compareItems::-webkit-scrollbar-track{background:transparent}
.compare-modal-card #compareItems::-webkit-scrollbar-thumb{background:#c9ced8;border-radius:999px;border:2px solid #fff}
.compare-modal-card #compareItems::-webkit-scrollbar-thumb:hover{background:#aeb6c3}
@media(max-width:760px){
  .compare-modal-card #compareItems{max-height:calc(100dvh - 135px);padding-right:4px}
}
@media(max-width:470px){
  .compare-modal-card #compareItems{max-height:calc(100dvh - 125px)}
}

/* =========================================================
   FILTER PANEL — CLEAN PREMIUM SYSTEM
   One coherent override for desktop + mobile.
   ========================================================= */
.shop-layout > .filters{
  color:#182033!important;
  font-size:12px!important;
  letter-spacing:-.005em!important;
  background:#fff!important;
  border:1px solid #e6e9ee!important;
  box-shadow:0 10px 28px rgba(20,28,43,.055)!important;
}

.shop-layout > .filters .filter-title{
  background:#fff!important;
  color:#182033!important;
}
.shop-layout > .filters .filter-title b{
  font-size:14px!important;
  line-height:1.1!important;
  letter-spacing:-.025em!important;
  font-weight:850!important;
}
.shop-layout > .filters .filter-title small{
  color:#8992a0!important;
  font-size:10px!important;
  line-height:1.4!important;
}
.filter-title-actions{gap:6px!important}
.filter-title-actions #resetFilters{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:32px!important;
  padding:0 10px!important;
  border:1px solid #e3e7ec!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#5e6878!important;
  font-size:10px!important;
  font-weight:800!important;
  text-decoration:none!important;
  box-shadow:none!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important;
}
.filter-title-actions #resetFilters:hover{
  background:#f7f8fa!important;
  border-color:#d6dbe2!important;
  color:#182033!important;
  transform:translateY(-1px)!important;
}
.filter-title-actions #resetFilters:focus,
.filter-title-actions #resetFilters:focus-visible,
.filter-close:focus,
.filter-close:focus-visible{
  outline:none!important;
}
.filter-close{
  width:32px!important;height:32px!important;
  border:1px solid #e3e7ec!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#697386!important;
  font-size:20px!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease!important;
}
.filter-close:hover{
  background:#f6f7f9!important;
  border-color:#d6dbe2!important;
  color:#182033!important;
  transform:none!important;
}

.shop-layout > .filters .filter-block{
  background:#fff!important;
  border-color:#edf0f3!important;
}
.shop-layout > .filters .filter-block>b{
  color:#7b8594!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.shop-layout > .filters .filter-block label{
  color:#3f4a5b!important;
  font-size:11px!important;
  font-weight:650!important;
  transition:color .15s ease,background .15s ease,border-color .15s ease,transform .15s ease!important;
}
.shop-layout > .filters .filter-block input{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  margin:0!important;
  accent-color:#182033!important;
}

/* Desktop category/rating options: quiet premium chips instead of loose text. */
@media(min-width:981px){
  .shop-layout > .filters .filter-block label{
    min-height:30px!important;
    padding:0 9px!important;
    margin:1px 5px 1px 0!important;
    border:1px solid transparent!important;
    border-radius:8px!important;
    background:#f8f9fb!important;
  }
  .shop-layout > .filters .filter-block label:hover{
    background:#f2f4f7!important;
    color:#182033!important;
  }
  .shop-layout > .filters .filter-block label:has(input:checked){
    background:#eef1f4!important;
    border-color:#dfe4ea!important;
    color:#182033!important;
    font-weight:800!important;
  }
  .shop-layout > .filters .filter-block:first-of-type label{
    margin-right:5px!important;
  }
  .shop-layout > .filters .price-row{
    align-items:center!important;
    gap:7px!important;
  }
  .shop-layout > .filters .price-row input{
    height:34px!important;
    padding:0 10px!important;
    border:1px solid #dde2e8!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#182033!important;
    font-size:11px!important;
    font-weight:650!important;
    box-shadow:none!important;
    transition:border-color .16s ease,box-shadow .16s ease!important;
  }
  .shop-layout > .filters .price-row input:focus{
    outline:none!important;
    border-color:#bfc7d2!important;
    box-shadow:0 0 0 3px rgba(24,32,51,.055)!important;
  }
  .shop-layout > .filters .filter-note{
    color:#737d8c!important;
    background:#f8f9fb!important;
    border-top:1px solid #edf0f3!important;
    font-size:10px!important;
  }
  .shop-layout > .filters .filter-note a{color:#182033!important}
}

/* Mobile: premium sheet, generous spacing, no visual clutter. */
@media(max-width:980px){
  #overlay.filter-overlay-active{
    background:rgba(15,23,42,.28)!important;
    backdrop-filter:blur(4px)!important;
    -webkit-backdrop-filter:blur(4px)!important;
  }
  .shop-layout > .filters,
  .shop-layout > .filters.open{
    left:12px!important;
    right:12px!important;
    top:82px!important;
    bottom:18px!important;
    width:auto!important;
    max-width:440px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    border:1px solid #e2e6eb!important;
    border-radius:24px!important;
    background:#fff!important;
    box-shadow:0 26px 70px rgba(15,23,42,.20)!important;
    overflow:hidden!important;
    padding:0!important;
    transform:none!important;
    opacity:1!important;
  }
  .shop-layout > .filters:not(.open){display:none!important}
  .shop-layout > .filters .filter-title{
    position:sticky!important;
    top:0!important;
    z-index:5!important;
    min-height:78px!important;
    padding:17px 17px 15px!important;
    border-bottom:1px solid #eceff3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
  }
  .shop-layout > .filters .filter-title>div:first-child{
    min-width:0!important;
  }
  .shop-layout > .filters .filter-title b{
    font-size:16px!important;
  }
  .shop-layout > .filters .filter-title small{
    display:block!important;
    max-width:245px!important;
    margin-top:4px!important;
    font-size:10px!important;
  }
  .filter-title-actions{flex:0 0 auto!important}
  .filter-title-actions #resetFilters{
    min-height:34px!important;
    padding:0 10px!important;
    font-size:10px!important;
  }
  .filter-close{width:34px!important;height:34px!important}
  .shop-layout > .filters .filter-block{
    padding:16px 17px!important;
    border-bottom:1px solid #edf0f3!important;
  }
  .shop-layout > .filters .filter-block>b{
    margin-bottom:10px!important;
    font-size:9px!important;
  }
  .shop-layout > .filters .filter-block label{
    width:100%!important;
    min-height:38px!important;
    padding:0 11px!important;
    margin:3px 0!important;
    border:1px solid #eef1f4!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#354052!important;
  }
  .shop-layout > .filters .filter-block label:hover{
    background:#fafbfc!important;
  }
  .shop-layout > .filters .filter-block label:has(input:checked){
    background:#f4f6f8!important;
    border-color:#d9dfe6!important;
    color:#172033!important;
    font-weight:800!important;
  }
  .shop-layout > .filters .price-row{
    gap:8px!important;
  }
  .shop-layout > .filters .price-row input{
    height:42px!important;
    padding:0 12px!important;
    border:1px solid #dde2e8!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#172033!important;
    font-size:12px!important;
    font-weight:650!important;
  }
  .shop-layout > .filters .price-row input:focus{
    outline:none!important;
    border-color:#bfc7d2!important;
    box-shadow:0 0 0 3px rgba(24,32,51,.055)!important;
  }
  .shop-layout > .filters .filter-note{
    margin:0!important;
    padding:15px 17px!important;
    border:0!important;
    background:#f8f9fb!important;
    color:#737d8c!important;
    font-size:10px!important;
    line-height:1.45!important;
  }
  .shop-layout > .filters .filter-note a{color:#182033!important}
}

@media(max-width:520px){
  .shop-layout > .filters,
  .shop-layout > .filters.open{
    left:8px!important;
    right:8px!important;
    top:74px!important;
    bottom:10px!important;
    border-radius:20px!important;
  }
  .shop-layout > .filters .filter-title{padding:15px 14px!important;min-height:72px!important}
  .shop-layout > .filters .filter-title small{font-size:9px!important;max-width:210px!important}
  .shop-layout > .filters .filter-block{padding:14px!important}
  .shop-layout > .filters .filter-block label{min-height:36px!important;font-size:11px!important}
  .shop-layout > .filters .price-row input{height:40px!important}
}

@media(prefers-reduced-motion:reduce){
  .filter-title-actions #resetFilters,
  .filter-close,
  .shop-layout > .filters .filter-block label,
  .shop-layout > .filters .price-row input{transition:none!important}
}

/* === POWER FILTER SYSTEM — PREMIUM FINAL === */
.shop-layout > .filters .filter-options{display:grid!important;gap:6px!important}
.shop-layout > .filters .compact-options{grid-template-columns:1fr!important}
.shop-layout > .filters .filter-options label{margin:0!important}
.shop-layout > .filters #brandFilters label{display:grid!important;grid-template-columns:18px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;padding:0 10px!important;min-height:38px!important}
.shop-layout > .filters #brandFilters label em{font-style:normal!important;font-size:9px!important;font-weight:800!important;color:#9aa3af!important;min-width:20px!important;text-align:right!important}
.shop-layout > .filters #brandFilters label:has(input:checked) em{color:#4b5563!important}
.shop-layout > .filters #sizeFilters{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
.shop-layout > .filters #sizeFilters label{min-height:38px!important;padding:0!important;justify-content:center!important;text-align:center!important;border-radius:10px!important}
.shop-layout > .filters #sizeFilters label span{font-size:11px!important;font-weight:800!important}
.shop-layout > .filters #sizeFilters label input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.shop-layout > .filters #sizeFilters label:has(input:checked){background:#172033!important;border-color:#172033!important;color:#fff!important;box-shadow:0 7px 15px rgba(23,32,51,.14)!important}
.shop-layout > .filters .price-presets{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin:0 0 8px!important}
.shop-layout > .filters .price-presets button{height:34px!important;border:1px solid #e5e9ee!important;border-radius:9px!important;background:#fafbfc!important;color:#536071!important;font:700 10px/1 inherit!important;cursor:pointer!important;outline:none!important;transition:all .16s ease!important}
.shop-layout > .filters .price-presets button:hover{border-color:#cfd6df!important;background:#fff!important;color:#172033!important;transform:translateY(-1px)!important}
.shop-layout > .filters .price-presets button:focus-visible{outline:none!important;box-shadow:0 0 0 3px rgba(23,32,51,.06)!important}
.shop-layout > .filters .price-presets button.active{background:#f0f2f5!important;border-color:#cfd6df!important;color:#172033!important;box-shadow:inset 0 0 0 1px #d7dde4!important}
.shop-layout > .filters #inStock,
.shop-layout > .filters #lowStock,
.shop-layout > .filters #onSale{accent-color:#172033!important}
.shop-layout > .filters .filter-block:has(#brandFilters),
.shop-layout > .filters .filter-block:has(#sizeFilters){padding-top:15px!important;padding-bottom:15px!important}
@media(max-width:520px){
  .shop-layout > .filters #sizeFilters{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .shop-layout > .filters #sizeFilters label{min-height:36px!important}
  .shop-layout > .filters .price-presets button{height:32px!important}
}

/* === FILTER PANEL — ALWAYS INTERNALLY SCROLLABLE === */
.shop-layout > .filters{
  position:sticky!important;
  top:145px!important;
  align-self:start!important;
  height:calc(100dvh - 165px)!important;
  max-height:calc(100dvh - 165px)!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-gutter:stable!important;
  scrollbar-width:thin!important;
  scrollbar-color:#cfd5dd transparent!important;
}
.shop-layout > .filters::-webkit-scrollbar{width:8px!important}
.shop-layout > .filters::-webkit-scrollbar-track{background:transparent!important}
.shop-layout > .filters::-webkit-scrollbar-thumb{background:#d2d7de!important;border-radius:999px!important;border:2px solid #fff!important}
.shop-layout > .filters::-webkit-scrollbar-thumb:hover{background:#b9c0c9!important}
.shop-layout > .filters .filter-title{
  position:sticky!important;
  top:0!important;
  z-index:8!important;
  background:rgba(255,255,255,.98)!important;
  backdrop-filter:saturate(1.1) blur(8px)!important;
  -webkit-backdrop-filter:saturate(1.1) blur(8px)!important;
}
@media(max-height:720px) and (min-width:701px){
  .shop-layout > .filters{
    top:112px!important;
    height:calc(100dvh - 128px)!important;
    max-height:calc(100dvh - 128px)!important;
  }
}
@media(max-width:700px){
  .shop-layout > .filters,
  .shop-layout > .filters.open{
    position:fixed!important;
    top:74px!important;
    bottom:10px!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    z-index:320!important;
  }
  .shop-layout > .filters .filter-title{
    position:sticky!important;
    top:0!important;
    z-index:9!important;
  }
}
@media(max-width:520px){
  .shop-layout > .filters,
  .shop-layout > .filters.open{
    top:74px!important;
    bottom:8px!important;
    left:8px!important;
    right:8px!important;
    border-radius:20px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .shop-layout > .filters{scroll-behavior:auto!important}
}

/* =========================================================
   FILTER SCROLL — FINAL VIEWPORT-SAFE IMPLEMENTATION
   One rule system for every viewport height/width.
   ========================================================= */
.shop-layout > .filters{
  box-sizing:border-box!important;
  min-width:0!important;
  min-height:0!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
  scrollbar-color:#cbd2db transparent!important;
  touch-action:pan-y!important;
  overscroll-behavior-y:contain!important;
}

.shop-layout > .filters::-webkit-scrollbar{width:7px!important;height:7px!important}
.shop-layout > .filters::-webkit-scrollbar-track{background:transparent!important}
.shop-layout > .filters::-webkit-scrollbar-thumb{background:#cbd2db!important;border:2px solid #fff!important;border-radius:999px!important}
.shop-layout > .filters::-webkit-scrollbar-thumb:hover{background:#aeb7c3!important}

/* Desktop / large tablet: the open filter gets a real viewport-derived height.
   Using both svh and dvh makes it robust on browsers with dynamic toolbars. */
@media (min-width:981px){
  .shop-layout > .filters{
    position:absolute!important;
    top:62px!important;
    left:0!important;
    width:min(820px,100%)!important;
    max-width:calc(100% - 10px)!important;
    height:min(72svh,calc(100svh - 118px))!important;
    max-height:min(72svh,calc(100svh - 118px))!important;
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    display:none!important;
  }
  @supports (height:100dvh){
    .shop-layout > .filters{
      height:min(72dvh,calc(100dvh - 118px))!important;
      max-height:min(72dvh,calc(100dvh - 118px))!important;
    }
  }
  .shop-layout > .filters.open{display:block!important}
}

/* Very short desktops: reserve less chrome and give the filter almost the
   whole remaining viewport, while keeping its own header visible. */
@media (min-width:981px) and (max-height:640px){
  .shop-layout > .filters{
    top:54px!important;
    height:calc(100svh - 72px)!important;
    max-height:calc(100svh - 72px)!important;
  }
  @supports (height:100dvh){
    .shop-layout > .filters{
      height:calc(100dvh - 72px)!important;
      max-height:calc(100dvh - 72px)!important;
    }
  }
}

/* Mobile/tablet drawer: fixed to the usable viewport with a guaranteed
   scrolling region between its top and bottom edges. */
@media (max-width:980px){
  body.filter-open{overflow:hidden!important;height:100%!important}
  .shop-layout > .filters,
  .shop-layout > .filters.open{
    position:fixed!important;
    top:72px!important;
    bottom:18px!important;
    left:10px!important;
    right:10px!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    margin:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
    display:none!important;
  }
  .shop-layout > .filters.open{display:block!important}
  .shop-layout > .filters .filter-title{
    position:sticky!important;
    top:0!important;
    z-index:20!important;
    flex-shrink:0!important;
  }
}

@media (max-width:520px){
  .shop-layout > .filters,
  .shop-layout > .filters.open{
    top:68px!important;
    bottom:8px!important;
    left:8px!important;
    right:8px!important;
    border-radius:20px!important;
  }
}

@media (max-width:360px){
  .shop-layout > .filters,
  .shop-layout > .filters.open{
    top:64px!important;
    bottom:6px!important;
    left:6px!important;
    right:6px!important;
  }
}

/* Prevent any child section from forcing the scroll container wider than the
   viewport, especially the generated brand and size controls. */
.shop-layout > .filters > *{min-width:0!important;max-width:100%!important}
.shop-layout > .filters .filter-block,
.shop-layout > .filters .filter-title,
.shop-layout > .filters .filter-note{min-width:0!important}
.shop-layout > .filters .filter-options,
.shop-layout > .filters .price-presets,
.shop-layout > .filters .price-row{max-width:100%!important;min-width:0!important}

/* =========================================================
   FILTER SCROLL — HARD LOCK / ALL VIEWPORTS
   When the filter is open it owns its own scrolling surface.
   This intentionally overrides older breakpoint rules in this file.
   ========================================================= */
html{overflow-x:hidden!important}

.shop-layout > .filters.open{
  position:fixed!important;
  z-index:1000!important;
  box-sizing:border-box!important;
  margin:0!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:scroll!important;
  overscroll-behavior:contain!important;
  overscroll-behavior-y:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  scrollbar-gutter:stable!important;
  scrollbar-width:auto!important;
  scrollbar-color:#aeb7c2 #f4f5f7!important;
  contain:layout paint style!important;
  transform:none!important;
}

.shop-layout > .filters.open::-webkit-scrollbar{
  width:10px!important;
  height:10px!important;
}
.shop-layout > .filters.open::-webkit-scrollbar-track{
  background:#f4f5f7!important;
  border-radius:999px!important;
}
.shop-layout > .filters.open::-webkit-scrollbar-thumb{
  background:#aeb7c2!important;
  border:2px solid #f4f5f7!important;
  border-radius:999px!important;
}
.shop-layout > .filters.open::-webkit-scrollbar-thumb:hover{
  background:#8f9aa7!important;
}

/* Desktop / large screens */
@media (min-width:981px){
  .shop-layout > .filters.open{
    top:clamp(82px,calc(var(--header-height,72px) + 10px),120px)!important;
    bottom:16px!important;
    left:max(16px,calc((100vw - min(1280px,100vw - 32px))/2))!important;
    width:min(360px,calc(100vw - 32px))!important;
    height:auto!important;
  }
}

/* Medium screens */
@media (min-width:701px) and (max-width:980px){
  .shop-layout > .filters.open{
    top:76px!important;
    right:16px!important;
    bottom:16px!important;
    left:16px!important;
    width:auto!important;
    height:auto!important;
    border-radius:22px!important;
  }
}

/* Phones */
@media (max-width:700px){
  .shop-layout > .filters.open{
    top:max(64px,env(safe-area-inset-top))!important;
    right:8px!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    left:8px!important;
    width:auto!important;
    height:auto!important;
    border-radius:20px!important;
  }
}

@media (max-width:380px){
  .shop-layout > .filters.open{
    top:60px!important;
    right:6px!important;
    bottom:6px!important;
    left:6px!important;
    border-radius:18px!important;
  }
}

/* Very short viewports: use nearly the whole available height. */
@media (max-height:620px){
  .shop-layout > .filters.open{
    top:54px!important;
    bottom:6px!important;
  }
}

@media (max-width:700px) and (max-height:620px){
  .shop-layout > .filters.open{
    top:52px!important;
    bottom:5px!important;
  }
}

/* Keep the filter title pinned while only the filter body scrolls. */
.shop-layout > .filters.open .filter-title{
  position:sticky!important;
  top:0!important;
  z-index:1001!important;
  flex-shrink:0!important;
  background:#fff!important;
}

/* Children must never create a competing horizontal scroll surface. */
.shop-layout > .filters.open > *,
.shop-layout > .filters.open .filter-block,
.shop-layout > .filters.open .filter-title,
.shop-layout > .filters.open .filter-note,
.shop-layout > .filters.open .filter-options,
.shop-layout > .filters.open .price-row,
.shop-layout > .filters.open .price-presets{
  min-width:0!important;
  max-width:100%!important;
}

/* =========================================================
   FILTER SCROLL — STRUCTURAL FIX
   Fixed filter shell + dedicated scroll body. The shell never
   scrolls; the body always owns vertical scrolling.
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden!important}
body.filter-open{overflow:hidden!important}

.shop-layout > .filters.open{
  position:fixed!important;
  display:flex!important;
  flex-direction:column!important;
  box-sizing:border-box!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  overflow-x:hidden!important;
  overflow-y:hidden!important;
  overscroll-behavior:none!important;
  touch-action:none!important;
  transform:none!important;
}

.shop-layout > .filters.open .filter-title{
  position:relative!important;
  top:auto!important;
  flex:0 0 auto!important;
  z-index:5!important;
  min-height:0!important;
}

.shop-layout > .filters.open .filter-scroll-content{
  display:block!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:none!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
  overflow-y:scroll!important;
  overscroll-behavior:contain!important;
  overscroll-behavior-y:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  scrollbar-width:auto!important;
  scrollbar-color:#9da7b3 #f1f3f5!important;
}

.shop-layout > .filters.open .filter-scroll-content::-webkit-scrollbar{width:11px!important;height:11px!important}
.shop-layout > .filters.open .filter-scroll-content::-webkit-scrollbar-track{background:#f1f3f5!important;border-radius:999px!important}
.shop-layout > .filters.open .filter-scroll-content::-webkit-scrollbar-thumb{background:#9da7b3!important;border:2px solid #f1f3f5!important;border-radius:999px!important;min-height:38px!important}
.shop-layout > .filters.open .filter-scroll-content::-webkit-scrollbar-thumb:hover{background:#7f8a98!important}

.shop-layout > .filters.open .filter-scroll-content > *{min-width:0!important;max-width:100%!important}

@media (min-width:981px){
  .shop-layout > .filters.open{
    top:80px!important;
    left:16px!important;
    bottom:16px!important;
    width:min(380px,calc(100vw - 32px))!important;
  }
}
@media (min-width:701px) and (max-width:980px){
  .shop-layout > .filters.open{
    top:76px!important;
    left:16px!important;
    right:16px!important;
    bottom:16px!important;
    width:auto!important;
  }
}
@media (max-width:700px){
  .shop-layout > .filters.open{
    top:58px!important;
    left:7px!important;
    right:7px!important;
    bottom:7px!important;
    width:auto!important;
    border-radius:18px!important;
  }
}
@media (max-width:380px){
  .shop-layout > .filters.open{
    top:54px!important;
    left:5px!important;
    right:5px!important;
    bottom:5px!important;
  }
}
@media (max-height:620px){
  .shop-layout > .filters.open{top:50px!important;bottom:5px!important}
}

/* =========================================================
   FILTER SCROLL — CLEAN FINAL SYSTEM
   One bounded shell + one dedicated scrolling body.
   This replaces competing viewport/overflow behavior above.
   ========================================================= */
.shop-layout > .filters.open{
  position:fixed!important;
  z-index:1000!important;
  display:flex!important;
  flex-direction:column!important;
  box-sizing:border-box!important;
  margin:0!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  height:calc(100dvh - 96px)!important;
  overflow:hidden!important;
  overflow-x:hidden!important;
  overflow-y:hidden!important;
  overscroll-behavior:none!important;
  touch-action:none!important;
  transform:none!important;
}

.shop-layout > .filters.open .filter-title{
  position:relative!important;
  top:auto!important;
  flex:0 0 auto!important;
  min-height:0!important;
  z-index:2!important;
}

.shop-layout > .filters.open .filter-scroll-content{
  flex:1 1 0%!important;
  width:100%!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:none!important;
  box-sizing:border-box!important;
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  overscroll-behavior-y:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  scrollbar-gutter:stable!important;
  scrollbar-width:auto!important;
  scrollbar-color:#9da7b3 #f1f3f5!important;
}

.shop-layout > .filters.open .filter-scroll-content::-webkit-scrollbar{width:11px!important;height:11px!important}
.shop-layout > .filters.open .filter-scroll-content::-webkit-scrollbar-track{background:#f1f3f5!important;border-radius:999px!important}
.shop-layout > .filters.open .filter-scroll-content::-webkit-scrollbar-thumb{background:#9da7b3!important;border:2px solid #f1f3f5!important;border-radius:999px!important}
.shop-layout > .filters.open .filter-scroll-content::-webkit-scrollbar-thumb:hover{background:#7f8a98!important}

.shop-layout > .filters.open .filter-scroll-content > *{
  min-width:0!important;
  max-width:100%!important;
}

@media (min-width:981px){
  .shop-layout > .filters.open{
    top:80px!important;
    bottom:auto!important;
    left:16px!important;
    right:auto!important;
    width:min(380px,calc(100vw - 32px))!important;
    height:calc(100dvh - 96px)!important;
  }
}

@media (min-width:981px) and (max-height:620px){
  .shop-layout > .filters.open{
    top:50px!important;
    height:calc(100dvh - 56px)!important;
  }
}

@media (min-width:701px) and (max-width:980px){
  .shop-layout > .filters.open{
    top:76px!important;
    left:16px!important;
    right:16px!important;
    width:auto!important;
    height:calc(100dvh - 92px)!important;
    border-radius:22px!important;
  }
}

@media (max-width:700px){
  .shop-layout > .filters.open{
    top:58px!important;
    left:7px!important;
    right:7px!important;
    width:auto!important;
    height:calc(100dvh - 65px)!important;
    border-radius:18px!important;
  }
}

@media (max-width:380px){
  .shop-layout > .filters.open{
    top:54px!important;
    left:5px!important;
    right:5px!important;
    width:auto!important;
    height:calc(100dvh - 59px)!important;
  }
}

@media (max-width:700px) and (max-height:620px){
  .shop-layout > .filters.open{
    top:50px!important;
    left:5px!important;
    right:5px!important;
    width:auto!important;
    height:calc(100dvh - 55px)!important;
  }
}

@media (max-height:420px){
  .shop-layout > .filters.open .filter-scroll-content{
    scrollbar-width:auto!important;
  }
}


/* === COMPACT PRODUCT CARDS — INFORMATION FIRST === */
.product-body{gap:0!important}
.product-body .brand{margin-bottom:4px!important;font-size:11px!important;line-height:1.2!important;letter-spacing:.03em!important}
.product-body .product-name{margin-bottom:6px!important;line-height:1.18!important}
.product-body .rating{margin-bottom:9px!important;font-size:11px!important;line-height:1.15!important}
.product-body .rating span{font-size:11px!important}
.compact-price{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 0 10px!important;min-height:24px!important}
.compact-price .price{font-size:15px!important;line-height:1.15!important;white-space:nowrap!important}
.compact-price .stock{font-size:10px!important;line-height:1.15!important;white-space:nowrap!important;text-align:right!important}
.product-body .card-actions{margin-top:0!important}
.product-body .desc,.product-body .price-line,.product-body .stock-line{display:none!important}
.product-card{overflow:hidden!important}
@media(max-width:700px){
  .product-body .product-name{font-size:14px!important}
  .compact-price .price{font-size:14px!important}
}

/* === PRODUCT CARD ACTIONS — FINAL FUNCTIONAL PASS === */
.card-actions{display:grid!important;grid-template-columns:minmax(0,1fr) 44px 44px!important;gap:8px!important;align-items:stretch!important;margin-top:12px!important}
.card-actions button{appearance:none!important;-webkit-appearance:none!important;min-height:42px!important;border-radius:11px!important;cursor:pointer!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease,color .16s ease!important;outline:none!important;-webkit-tap-highlight-color:transparent!important}
.card-actions .primary-action{display:flex!important;align-items:center!important;justify-content:center!important;padding:0 12px!important;border:1px solid #172033!important;background:#172033!important;color:#fff!important;font-size:11px!important;font-weight:800!important;letter-spacing:.01em!important;white-space:nowrap!important}
.card-actions .primary-action:hover{transform:translateY(-1px)!important;background:#0f1726!important;border-color:#0f1726!important;box-shadow:0 8px 18px rgba(23,32,51,.14)!important}
.card-actions .primary-action:focus-visible{box-shadow:0 0 0 3px rgba(23,32,51,.10)!important}
.card-actions .quick{display:grid!important;place-items:center!important;padding:0!important;border:1px solid #dfe4ea!important;background:#fff!important;color:#172033!important;font-size:18px!important;font-weight:700!important;line-height:1!important}
.card-actions .quick:hover{transform:translateY(-1px)!important;border-color:#cfd6df!important;background:#f8fafc!important;box-shadow:0 7px 16px rgba(23,32,51,.08)!important}
.card-actions .quick:focus-visible{outline:none!important;box-shadow:0 0 0 3px rgba(23,32,51,.08)!important;border-color:#cfd6df!important}
.card-actions .quick:active{transform:scale(.97)!important}
.card-actions .compare-action.selected{background:#f0f3f6!important;border-color:#172033!important;color:#172033!important}
.card-actions .cart-action.disabled,.card-actions .cart-action:disabled{cursor:not-allowed!important;opacity:.42!important;background:#f5f6f8!important;color:#8b93a1!important;border-color:#e4e7eb!important;box-shadow:none!important;transform:none!important}
.wish-btn{cursor:pointer!important;outline:none!important;-webkit-tap-highlight-color:transparent!important}
.wish-btn:focus-visible{box-shadow:0 0 0 3px rgba(23,32,51,.10)!important}
@media(max-width:520px){
  .card-actions{grid-template-columns:minmax(0,1fr) 42px 42px!important;gap:7px!important}
  .card-actions button{min-height:40px!important}
}


/* === PAGINATION — CLEAN, PREMIUM, POWERFUL === */
.pagination{
  margin-top:clamp(26px,4vw,42px)!important;
  padding:18px 0 6px!important;
  border-top:1px solid #edf0f4!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  min-width:0!important;
}
.pagination-info{
  display:flex!important;
  align-items:baseline!important;
  gap:6px!important;
  min-width:0!important;
  color:#7a8495!important;
  font-size:11px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
.pagination-range{font-weight:800!important;color:#263042!important}
.pagination-total{font-weight:650!important;color:#8a93a1!important}
.pagination-controls{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  min-width:0!important;
  flex:0 0 auto!important;
}
.pagination-numbers{display:flex!important;align-items:center!important;gap:4px!important;min-width:0!important}
.pagination-controls .page-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 9px!important;
  border:1px solid #e2e6eb!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#667085!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  box-shadow:0 1px 2px rgba(23,32,51,.02)!important;
  outline:none!important;
  cursor:pointer!important;
  transform:none!important;
}
.pagination-controls .page-btn:hover:not(:disabled){
  background:#f7f8fa!important;
  color:#172033!important;
  border-color:#d7dce3!important;
  box-shadow:0 6px 18px rgba(23,32,51,.07)!important;
  transform:translateY(-1px)!important;
}
.pagination-controls .page-btn:focus-visible{
  outline:none!important;
  border-color:#bfc6d0!important;
  box-shadow:0 0 0 3px rgba(23,32,51,.07)!important;
}
.pagination-controls .page-btn:active:not(:disabled){transform:scale(.97)!important}
.pagination-controls .page-btn.active{
  background:#172033!important;
  border-color:#172033!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(23,32,51,.15)!important;
}
.pagination-controls .page-btn:disabled{
  opacity:.38!important;
  cursor:not-allowed!important;
  box-shadow:none!important;
}
.pagination-controls .page-first,
.pagination-controls .page-last,
.pagination-controls .page-prev,
.pagination-controls .page-next{
  width:auto!important;
  min-width:74px!important;
  padding-inline:11px!important;
  color:#4f5968!important;
}
.pagination-controls .page-first,
.pagination-controls .page-last{min-width:66px!important}
.pagination-controls .page-btn span{font-size:10px!important;font-weight:800!important}
.page-ellipsis{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:20px!important;
  color:#98a0ac!important;
  font-size:13px!important;
  line-height:1!important;
  user-select:none!important;
}
@media(max-width:900px){
  .pagination{flex-direction:column!important;align-items:center!important;gap:12px!important}
  .pagination-controls{width:100%!important;justify-content:center!important}
}
@media(max-width:640px){
  .pagination{padding-top:14px!important}
  .pagination-info{font-size:10px!important}
  .pagination-controls{width:100%!important;justify-content:flex-start!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;padding:2px 2px 5px!important}
  .pagination-controls::-webkit-scrollbar{display:none!important}
  .pagination-numbers{flex:0 0 auto!important}
  .pagination-controls .page-btn{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0 7px!important;border-radius:10px!important}
  .pagination-controls .page-first,.pagination-controls .page-last,.pagination-controls .page-prev,.pagination-controls .page-next{min-width:64px!important;padding-inline:9px!important}
  .pagination-controls .page-first,.pagination-controls .page-last{min-width:58px!important}
  .pagination-controls .page-btn span{font-size:9px!important}
  .page-ellipsis{width:16px!important;font-size:12px!important}
}
@media(max-width:430px){
  .pagination-info{width:100%!important;justify-content:center!important}
  .pagination-controls{justify-content:flex-start!important}
}


/* === PREMIUM EMAIL SIGNUP — REALISTIC FRONT-END FLOW === */
.newsletter form{position:relative;display:flex!important;align-items:center;gap:8px;width:min(560px,100%);padding:5px!important;border:1px solid #dfe4eb!important;border-radius:15px!important;background:#fff!important;box-shadow:0 10px 30px rgba(23,32,51,.07)!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important}
.newsletter form:focus-within{border-color:#cbd3df!important;box-shadow:0 14px 34px rgba(23,32,51,.10)!important}
.newsletter-field{position:relative;display:flex;align-items:center;gap:9px;min-width:0;flex:1;height:46px;padding:0 11px;border-radius:11px;background:#f8fafc;color:#7a8495}
.newsletter-field>svg{width:16px;height:16px;flex:0 0 auto}
.newsletter-field input{width:100%;min-width:0!important;height:100%!important;border:0!important;outline:0!important;background:transparent!important;color:#172033!important;padding:0 30px 0 0!important;font-size:12px!important;font-weight:600!important}
.newsletter-field input::placeholder{color:#8b95a5;opacity:1}
.newsletter-field input:focus::placeholder{opacity:.65}
.newsletter-clear{position:absolute;right:7px;top:7px;width:32px;height:32px;border:0;background:transparent;color:#8c96a5;border-radius:9px;font-size:19px;line-height:1}
.newsletter-clear:hover{background:#edf1f5;color:#172033}
.newsletter .btn{min-width:126px!important;height:46px!important;min-height:46px!important;border-radius:11px!important;flex:0 0 auto!important;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important;font-size:11px!important}
.newsletter .btn svg{width:14px;height:14px;transform:rotate(-90deg)}
.newsletter .btn:disabled{cursor:wait;opacity:.72}
.newsletter .btn.is-loading svg{animation:newsletter-spin .8s linear infinite}
.newsletter-message{position:absolute;left:8px;right:8px;top:calc(100% + 7px);margin:0!important;min-height:0!important;font-size:10px!important;line-height:1.4!important;color:#697386!important}
.newsletter-message.error{color:#b42318!important}
.newsletter-message.success{color:#087443!important}
.newsletter-message.info{color:#536174!important}
@keyframes newsletter-spin{to{transform:rotate(270deg)}}
@media(max-width:700px){
 .newsletter form{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding:6px!important}
 .newsletter-field{height:48px}
 .newsletter .btn{width:100%!important}
 .newsletter-message{position:static;margin:2px 4px 1px!important}
}


/* === PREMIUM FOOTER WHATSAPP CTA === */
.footer-contact{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  width:min(100%,390px)!important;
  min-height:64px!important;
  margin-top:12px!important;
  padding:10px 12px!important;
  border:1px solid rgba(23,32,51,.08)!important;
  border-radius:16px!important;
  background:#172033!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(23,32,51,.14),inset 0 1px 0 rgba(255,255,255,.08)!important;
  overflow:hidden!important;
}
.footer-contact::before{
  content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#25d366;
}
.footer-contact:hover{transform:translateY(-2px)!important;background:#111a2b!important;box-shadow:0 18px 34px rgba(23,32,51,.20),inset 0 1px 0 rgba(255,255,255,.08)!important}
.footer-contact:focus,.footer-contact:focus-visible{outline:none!important;box-shadow:0 0 0 3px rgba(37,211,102,.20),0 16px 30px rgba(23,32,51,.18)!important}
.footer-contact:active{transform:translateY(0) scale(.99)!important}
.footer-contact-icon{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:#25d366!important;color:#102016!important;font-size:18px!important;font-weight:950!important}
.footer-contact-copy{display:flex!important;flex-direction:column!important;gap:1px!important;min-width:0!important;line-height:1.05!important}
.footer-contact-copy small{font-size:8px!important;letter-spacing:.14em!important;font-weight:850!important;color:#9eabba!important}
.footer-contact-copy strong{font-size:13px!important;font-weight:900!important;color:#fff!important}
.footer-contact-number{margin-left:auto!important;white-space:nowrap!important;font-size:10px!important;font-weight:750!important;color:#cbd3df!important}
.footer-contact-arrow{width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:15px!important;font-weight:900!important;transition:transform .2s ease,background .2s ease!important}
.footer-contact:hover .footer-contact-arrow{transform:translateX(2px)!important;background:rgba(255,255,255,.14)!important}
@media(max-width:520px){
 .footer-contact{min-height:60px!important;padding:9px 10px!important;gap:10px!important;border-radius:14px!important}
 .footer-contact-icon{width:38px!important;height:38px!important;flex-basis:38px!important}
 .footer-contact-number{font-size:9px!important}
 .footer-contact-copy strong{font-size:12px!important}
 .footer-contact-arrow{width:28px!important;height:28px!important;flex-basis:28px!important}
}
@media(max-width:390px){
 .footer-contact-number{display:none!important}
 .footer-contact{width:100%!important}
}

/* === FOOTER WHATSAPP CTA — PREMIUM REFINEMENT === */
.footer-contact{
  position:relative!important;
  isolation:isolate!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) auto 34px!important;
  align-items:center!important;
  gap:12px!important;
  width:min(100%,430px)!important;
  min-height:70px!important;
  margin-top:16px!important;
  padding:10px 11px!important;
  border:1px solid rgba(23,32,51,.10)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff 0%,#f9fbfd 100%)!important;
  color:#172033!important;
  box-shadow:0 12px 32px rgba(23,32,51,.08),0 2px 6px rgba(23,32,51,.04)!important;
  text-decoration:none!important;
  overflow:hidden!important;
  transform:translateZ(0)!important;
}
.footer-contact::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  background:linear-gradient(90deg,rgba(37,211,102,.09),transparent 42%)!important;
  opacity:1!important;
  pointer-events:none!important;
  z-index:-1!important;
}
.footer-contact::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:12px!important;
  bottom:12px!important;
  width:3px!important;
  border-radius:0 4px 4px 0!important;
  background:#25d366!important;
}
.footer-contact:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(37,211,102,.26)!important;
  background:#fff!important;
  box-shadow:0 18px 40px rgba(23,32,51,.12),0 3px 8px rgba(23,32,51,.04)!important;
}
.footer-contact:focus,.footer-contact:focus-visible{
  outline:none!important;
  border-color:rgba(37,211,102,.45)!important;
  box-shadow:0 0 0 4px rgba(37,211,102,.12),0 16px 34px rgba(23,32,51,.10)!important;
}
.footer-contact:active{transform:translateY(-1px) scale(.992)!important}
.footer-contact-icon{
  width:44px!important;height:44px!important;flex:0 0 44px!important;
  border-radius:14px!important;
  display:grid!important;place-items:center!important;
  background:#25d366!important;color:#082512!important;
  font-size:19px!important;font-weight:950!important;
  box-shadow:0 8px 18px rgba(37,211,102,.20)!important;
}
.footer-contact-copy{
  display:flex!important;flex-direction:column!important;gap:4px!important;
  min-width:0!important;line-height:1!important;
}
.footer-contact-copy small{
  font-size:8px!important;letter-spacing:.16em!important;
  font-weight:900!important;color:#7a8494!important;
}
.footer-contact-copy strong{
  font-size:14px!important;font-weight:900!important;color:#172033!important;
}
.footer-contact-number{
  margin:0!important;white-space:nowrap!important;
  font-size:11px!important;font-weight:750!important;color:#697386!important;
}
.footer-contact-arrow{
  width:34px!important;height:34px!important;flex:0 0 34px!important;
  border-radius:50%!important;
  display:grid!important;place-items:center!important;
  background:#172033!important;color:#fff!important;
  font-size:15px!important;font-weight:900!important;
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease!important;
}
.footer-contact:hover .footer-contact-arrow{
  transform:translateX(3px)!important;
  background:#25d366!important;color:#082512!important;
  box-shadow:0 6px 14px rgba(37,211,102,.20)!important;
}
@media(max-width:520px){
  .footer-contact{grid-template-columns:42px minmax(0,1fr) 30px!important;min-height:64px!important;padding:9px 10px!important;gap:10px!important;border-radius:16px!important}
  .footer-contact-icon{width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:13px!important}
  .footer-contact-copy strong{font-size:13px!important}
  .footer-contact-arrow{width:30px!important;height:30px!important;flex-basis:30px!important;font-size:14px!important}
  .footer-contact-number{display:none!important}
}
@media(max-width:360px){
  .footer-contact{grid-template-columns:40px minmax(0,1fr) 28px!important;gap:9px!important;min-height:60px!important}
  .footer-contact-icon{width:40px!important;height:40px!important;flex-basis:40px!important}
  .footer-contact-copy small{font-size:7px!important}
  .footer-contact-copy strong{font-size:12px!important}
  .footer-contact-arrow{width:28px!important;height:28px!important;flex-basis:28px!important}
}

/* === RESPONSIVE TYPOGRAPHY — CONTENT SCALES WITH THE SCREEN === */
.hero-copy{min-width:0!important}
.hero-copy .pill{font-size:clamp(8px,.7vw,11px)!important;line-height:1!important;padding:clamp(5px,.45vw,7px) clamp(8px,.7vw,11px)!important}
.hero h1{
  font-size:clamp(38px,5.6vw,82px)!important;
  line-height:.96!important;
  letter-spacing:clamp(-.055em,-.06vw,-.075em)!important;
  max-width:12ch!important;
  margin:clamp(14px,1.6vw,20px) 0!important;
}
.hero-copy>p{
  font-size:clamp(12px,1.15vw,17px)!important;
  line-height:clamp(1.5,1.75vw,1.8)!important;
  max-width:min(100%,620px)!important;
  margin-bottom:clamp(18px,2vw,27px)!important;
}
.hero-actions{gap:clamp(7px,1vw,10px)!important}
.hero-actions .btn{
  min-height:clamp(40px,3.4vw,48px)!important;
  padding-inline:clamp(13px,1.7vw,24px)!important;
  font-size:clamp(9px,.72vw,11px)!important;
  border-radius:clamp(9px,.95vw,14px)!important;
}
.hero-meta{
  font-size:clamp(8px,.72vw,11px)!important;
  gap:clamp(8px,1.55vw,22px)!important;
  margin-top:clamp(17px,2vw,27px)!important;
}
.hero-meta svg{width:clamp(12px,.95vw,15px)!important;height:clamp(12px,.95vw,15px)!important}
.hero-meta span{gap:clamp(4px,.45vw,7px)!important}

@media(max-width:980px){
  .hero h1{font-size:clamp(38px,7.2vw,64px)!important;max-width:12ch!important}
  .hero-copy>p{font-size:clamp(12px,1.7vw,15px)!important;max-width:58ch!important}
  .hero-actions .btn{min-height:44px!important}
}

@media(max-width:760px){
  .hero-grid{padding-block:clamp(28px,7vw,48px) clamp(22px,5vw,34px)!important;gap:clamp(18px,5vw,28px)!important}
  .hero h1{font-size:clamp(34px,10vw,52px)!important;line-height:.98!important;max-width:11ch!important;margin:14px 0 16px!important}
  .hero-copy>p{font-size:clamp(12px,3.7vw,15px)!important;line-height:1.55!important;margin-bottom:20px!important}
  .hero-actions .btn{min-height:44px!important;font-size:10px!important;padding-inline:16px!important}
  .hero-meta{font-size:clamp(8px,2.6vw,10px)!important;line-height:1.35!important;gap:8px 14px!important;margin-top:19px!important}
}

@media(max-width:520px){
  .hero-copy .pill{font-size:8px!important;padding:5px 8px!important}
  .hero h1{font-size:clamp(31px,9.6vw,44px)!important;letter-spacing:-.06em!important;max-width:10.5ch!important;margin:13px 0 14px!important}
  .hero-copy>p{font-size:clamp(11px,3.5vw,13px)!important;line-height:1.5!important;max-width:100%!important;margin-bottom:18px!important}
  .hero-actions{gap:8px!important}
  .hero-actions .btn{min-height:42px!important;font-size:9px!important;padding:0 13px!important}
  .hero-meta{display:flex!important;flex-wrap:wrap!important;gap:7px 11px!important;font-size:8px!important;margin-top:16px!important}
  .hero-meta span{white-space:nowrap!important}
}

@media(max-width:380px){
  .hero h1{font-size:clamp(28px,9.1vw,36px)!important;max-width:10ch!important}
  .hero-copy>p{font-size:11px!important;line-height:1.46!important}
  .hero-actions .btn{min-height:40px!important;font-size:8px!important;padding-inline:11px!important}
  .hero-meta{font-size:7px!important;gap:6px 9px!important}
  .hero-meta svg{width:11px!important;height:11px!important}
}

@media(max-width:340px){
  .hero h1{font-size:28px!important}
  .hero-copy>p{font-size:10.5px!important}
  .hero-actions .btn{font-size:8px!important}
}

/* === EXPERIENCE CARD — PREMIUM BACKGROUND REFRESH === */
.how-card{
  position:relative!important;
  background:#f6f7f9!important;
  border:1px solid rgba(23,32,51,.08)!important;
  box-shadow:0 22px 55px rgba(23,32,51,.10),0 4px 16px rgba(23,32,51,.04)!important;
}
.how-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(520px 260px at 92% 8%,rgba(255,255,255,.95),transparent 60%),
    radial-gradient(380px 220px at 56% 100%,rgba(221,228,238,.56),transparent 70%),
    linear-gradient(135deg,#fbfcfd 0%,#f2f4f7 48%,#eef1f5 100%);
  z-index:0;
}
.how-card-image,.how-card-content{position:relative!important;z-index:1!important}
.how-card-image{
  background:linear-gradient(145deg,#eef1f4 0%,#dfe5eb 100%)!important;
}
.how-card-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 42%,rgba(23,32,51,.08));
  pointer-events:none;
}
.how-card-image img{
  transform:scale(1.015)!important;
  filter:saturate(.92) contrast(1.03)!important;
}
.how-card-content{
  background:
    radial-gradient(360px 220px at 100% 0%,rgba(255,255,255,.88),transparent 68%),
    linear-gradient(160deg,rgba(255,255,255,.84),rgba(247,248,250,.76) 52%,rgba(239,242,246,.72));
  border-left:1px solid rgba(23,32,51,.06)!important;
  backdrop-filter:blur(2px);
}
.how-kicker{
  color:#6b7483!important;
}
.how-card-content strong{
  color:#172033!important;
}
.how-card-content p{
  color:#667085!important;
}
.experience-action{
  color:#172033!important;
}
.experience-action span{
  background:#172033!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(23,32,51,.16)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
.experience-action:hover span{
  transform:translateX(2px)!important;
  box-shadow:0 11px 24px rgba(23,32,51,.20)!important;
}
@media(max-width:760px){
  .how-card-content{border-left:0!important;border-top:1px solid rgba(23,32,51,.06)!important}
}

/* =========================================================
   FINAL PREMIUM NAVIGATION — compact, modern, action-first
   ========================================================= */
.header-main{grid-template-columns:minmax(255px,1fr) minmax(360px,1.15fr) auto!important;gap:clamp(18px,2vw,32px)!important}
.header-main>nav{display:none!important}
.head-tools{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important}
.nav-action.head-icon{
  position:relative!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid #e3e7ed!important;border-radius:14px!important;background:#fff!important;color:#172033!important;
  box-shadow:0 2px 8px rgba(23,32,51,.035)!important;outline:none!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease!important;
  -webkit-tap-highlight-color:transparent!important;
}
.nav-action.head-icon svg{width:19px!important;height:19px!important;stroke-width:1.85!important}
.nav-action.head-icon:hover{transform:translateY(-1px)!important;background:#f8fafc!important;border-color:#cfd6df!important;box-shadow:0 9px 22px rgba(23,32,51,.09)!important}
.nav-action.head-icon:focus,.nav-action.head-icon:focus-visible{outline:none!important;border-color:#c5ceda!important;box-shadow:0 0 0 3px rgba(23,32,51,.06),0 9px 22px rgba(23,32,51,.08)!important}
.nav-action.head-icon:active{transform:scale(.97)!important}
.nav-action.head-icon b{position:absolute!important;top:-5px!important;right:-5px!important;min-width:18px!important;height:18px!important;padding:0 4px!important;display:grid!important;place-items:center!important;border-radius:999px!important;background:#172033!important;color:#fff!important;font-size:9px!important;font-weight:900!important;line-height:1!important;border:2px solid #fff!important}
.nav-action.head-icon.has-count b:empty{display:none!important}
.header-search{border:1px solid #e2e7ed!important;border-radius:16px!important;background:#f8fafc!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 2px 8px rgba(23,32,51,.025)!important;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease!important}
.header-search:focus-within{border-color:#ccd4df!important;background:#fff!important;box-shadow:0 0 0 3px rgba(23,32,51,.045),0 10px 26px rgba(23,32,51,.07)!important}
.header-search>svg{width:18px!important;height:18px!important;color:#667085!important}
.header-search input{font-size:13px!important;font-weight:600!important;color:#172033!important}
.header-search input::placeholder{color:#929baa!important}

@media(max-width:1100px){
  .header-main{grid-template-columns:minmax(220px,1fr) minmax(300px,1.2fr) auto!important;gap:14px!important}
  .nav-action.head-icon{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border-radius:13px!important}
  .nav-action.head-icon svg{width:18px!important;height:18px!important}
}
@media(max-width:980px){
  .header-main{display:flex!important;align-items:center!important;gap:9px!important}
  .text-brand{flex:1 1 auto!important;max-width:none!important}
  .header-search{display:none!important}
  .head-tools{margin-left:auto!important;gap:5px!important}
  .nav-action.head-icon{width:41px!important;height:41px!important;min-width:41px!important;min-height:41px!important}
  .search-head{display:inline-flex!important}
}
@media(max-width:620px){
  .nav-action.head-icon{width:39px!important;height:39px!important;min-width:39px!important;min-height:39px!important;border-radius:12px!important}
  .nav-action.head-icon svg{width:17px!important;height:17px!important}
  .nav-action.head-icon b{min-width:16px!important;height:16px!important;font-size:8px!important}
  .head-tools{gap:4px!important}
  .text-brand strong{font-size:clamp(19px,6vw,26px)!important}
}
@media(max-width:430px){
  .header-main{gap:6px!important}
  .head-tools{gap:3px!important}
  .nav-action.head-icon{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border-radius:11px!important}
  .nav-action.head-icon svg{width:16px!important;height:16px!important}
  .openAccount{display:none!important}
  .text-brand{max-width:calc(100% - 165px)!important}
}
@media(max-width:360px){
  .header-main{gap:4px!important}
  .head-tools{gap:2px!important}
  .nav-action.head-icon{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}
  #openAccount{display:none!important}
}

/* =========================================================
   FINAL MOBILE BOTTOM NAV — 5 ACTIONS, PREMIUM + MODERN
   Home · Shop · Search · Wishlist · Cart
   ========================================================= */
@media (max-width:1100px) and (min-width:280px){
  body{padding-bottom:calc(86px + env(safe-area-inset-bottom)) !important;}
  .mobile-dock{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    align-items:stretch !important;
    position:fixed !important;
    left:50% !important;
    right:auto !important;
    bottom:max(9px,env(safe-area-inset-bottom)) !important;
    transform:translateX(-50%) translateY(0) !important;
    width:min(600px,calc(100vw - 24px)) !important;
    min-height:70px !important;
    height:70px !important;
    padding:7px !important;
    gap:4px !important;
    border:1px solid #e3e7ed !important;
    border-radius:22px !important;
    background:#fff !important;
    box-shadow:0 20px 55px rgba(17,24,39,.15),0 3px 12px rgba(17,24,39,.06),inset 0 1px 0 rgba(255,255,255,.95) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    isolation:isolate !important;
    overflow:visible !important;
  }
  .mobile-dock.dock-hidden{
    transform:translateX(-50%) translateY(calc(125% + env(safe-area-inset-bottom))) !important;
    opacity:0 !important;
    pointer-events:none !important;
    filter:none !important;
  }
  .mobile-dock .dock-item{
    position:relative !important;
    min-width:0 !important;
    min-height:56px !important;
    height:56px !important;
    padding:4px 3px !important;
    border:0 !important;
    border-radius:16px !important;
    background:transparent !important;
    color:#717987 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    text-decoration:none !important;
    font:inherit !important;
    line-height:1 !important;
    cursor:pointer !important;
    outline:none !important;
    -webkit-tap-highlight-color:transparent !important;
    transition:transform .18s ease,color .18s ease,background .18s ease !important;
  }
  .mobile-dock .dock-item::before{
    content:"" !important;
    position:absolute !important;
    inset:2px !important;
    border-radius:14px !important;
    background:#f4f6f8 !important;
    opacity:0 !important;
    transform:scale(.94) !important;
    transition:opacity .18s ease,transform .18s ease !important;
    z-index:-1 !important;
  }
  .mobile-dock .dock-item:hover::before,
  .mobile-dock .dock-item:focus-visible::before,
  .mobile-dock .dock-item.is-active::before{
    opacity:1 !important;
    transform:scale(1) !important;
  }
  .mobile-dock .dock-item.is-active{color:#111827 !important;}
  .mobile-dock .dock-item.is-active .dock-icon{
    color:#111827 !important;
    transform:translateY(-1px) !important;
  }
  .mobile-dock .dock-item:active{transform:scale(.95) !important;}
  .mobile-dock .dock-icon{
    width:34px !important;
    height:31px !important;
    display:grid !important;
    place-items:center !important;
    position:relative !important;
    transition:transform .18s ease !important;
  }
  .mobile-dock .dock-icon svg{
    width:22px !important;
    height:22px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.75 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
  }
  .mobile-dock .dock-label{
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:9px !important;
    font-weight:800 !important;
    letter-spacing:.005em !important;
    line-height:1 !important;
  }
  .mobile-dock b{
    position:absolute !important;
    top:3px !important;
    right:calc(50% - 25px) !important;
    min-width:17px !important;
    height:17px !important;
    padding:0 4px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:999px !important;
    background:#111827 !important;
    color:#fff !important;
    border:2px solid #fff !important;
    box-shadow:0 3px 8px rgba(17,24,39,.15) !important;
    font-size:8px !important;
    font-weight:900 !important;
    line-height:1 !important;
    z-index:4 !important;
  }
  .mobile-dock b:empty{display:none !important;}
}

@media (max-width:560px){
  .mobile-dock{
    width:calc(100vw - 16px) !important;
    min-height:68px !important;
    height:68px !important;
    bottom:max(7px,env(safe-area-inset-bottom)) !important;
    padding:6px !important;
    gap:3px !important;
    border-radius:20px !important;
  }
  .mobile-dock .dock-item{
    min-height:54px !important;
    height:54px !important;
    border-radius:15px !important;
  }
  .mobile-dock .dock-label{font-size:8.5px !important;}
}

@media (max-width:360px){
  body{padding-bottom:calc(80px + env(safe-area-inset-bottom)) !important;}
  .mobile-dock{
    width:calc(100vw - 10px) !important;
    min-height:64px !important;
    height:64px !important;
    bottom:max(5px,env(safe-area-inset-bottom)) !important;
    padding:5px 4px !important;
    gap:2px !important;
    border-radius:18px !important;
  }
  .mobile-dock .dock-item{min-height:50px !important;height:50px !important;padding:3px 1px !important;border-radius:13px !important;gap:3px !important;}
  .mobile-dock .dock-icon{width:30px !important;height:27px !important;}
  .mobile-dock .dock-icon svg{width:19px !important;height:19px !important;}
  .mobile-dock .dock-label{font-size:7.5px !important;}
  .mobile-dock b{min-width:15px !important;height:15px !important;right:calc(50% - 21px) !important;font-size:7px !important;}
}

@media (prefers-reduced-motion:reduce){
  .mobile-dock,.mobile-dock .dock-item,.mobile-dock .dock-item::before,.mobile-dock .dock-icon{transition:none !important;}
}

/* FINAL BOTTOM NAV — functional states */
@media (max-width:1100px) and (min-width:280px){
  .mobile-dock .dock-item{touch-action:manipulation;user-select:none;-webkit-user-select:none;}
  .mobile-dock .dock-item.is-active::before{background:linear-gradient(180deg,#f7f8fa,#eef1f4)!important;opacity:1!important;transform:scale(1)!important;}
  .mobile-dock .dock-item.is-active .dock-label{font-weight:900!important;}
  .mobile-dock .dock-item:focus-visible{outline:2px solid rgba(17,24,39,.22)!important;outline-offset:2px!important;}
  .mobile-dock.dock-hidden{pointer-events:none!important;}
}
@media (prefers-reduced-motion:reduce){
  .mobile-dock .dock-item,.mobile-dock .dock-item::before,.mobile-dock .dock-icon{transition:none!important;}
}

/* === HEADER CLEANUP — BOTTOM DOCK OWNS CORE ACTIONS === */
.header-main>.head-tools{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  min-width:0!important;
}
.header-main>.head-tools #openMenu.menu-head{
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  margin:0!important;
}
@media(max-width:520px){
  .header-main>.head-tools #openMenu.menu-head{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
  }
}
/* === MENU ICON — CLEAN BLACK === */
.header-main>.head-tools #openMenu.menu-head,
.header-main>.head-tools #openMenu.menu-head svg{
  color:#111827!important;
  stroke:#111827!important;
  fill:none!important;
}
.header-main>.head-tools #openMenu.menu-head:hover,
.header-main>.head-tools #openMenu.menu-head:focus,
.header-main>.head-tools #openMenu.menu-head:focus-visible,
.header-main>.head-tools #openMenu.menu-head:active{
  color:#111827!important;
  border-color:#dfe4ea!important;
  background:#fff!important;
  outline:none!important;
}

/* === BOTTOM SEARCH — MATCH THE HEADER SEARCH EXPERIENCE === */
.search-modal{padding:clamp(14px,3vw,28px)!important;background:rgba(15,23,42,.42)!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.search-panel{width:min(760px,100%)!important;max-height:min(86dvh,760px)!important;padding:24px!important;border:1px solid #e2e7ed!important;border-radius:20px!important;background:#fff!important;box-shadow:0 30px 90px rgba(15,23,42,.22)!important}
.search-panel>.close{width:38px!important;height:38px!important;border:1px solid #e2e7ed!important;border-radius:12px!important;background:#fff!important;color:#172033!important;font-size:22px!important;display:grid!important;place-items:center!important;transition:background .18s ease,border-color .18s ease,transform .18s ease!important}
.search-panel>.close:hover{background:#f7f8fa!important;border-color:#d3dae3!important;transform:translateY(-1px)!important}
.search-panel>.close:focus-visible{outline:2px solid rgba(17,24,39,.18)!important;outline-offset:2px!important}
.big-search{height:54px!important;margin-top:14px!important;gap:10px!important;padding:0 14px!important;border:1px solid #e0e5eb!important;border-radius:15px!important;background:#f8fafc!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 2px 9px rgba(23,32,51,.025)!important;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease!important}
.big-search:hover{background:#fff!important;border-color:#d3d9e2!important}
.big-search:focus-within{background:#fff!important;border-color:#cbd3de!important;box-shadow:0 0 0 3px rgba(23,32,51,.05),0 10px 26px rgba(23,32,51,.07)!important}
.big-search>svg{width:19px!important;height:19px!important;flex:0 0 auto!important;color:#687386!important}
.big-search input{font-size:13px!important;font-weight:650!important;color:#172033!important;height:100%!important}
.big-search input::placeholder{color:#929baa!important;opacity:1!important}
#searchSuggestions{margin-top:12px!important;max-height:min(58dvh,500px)!important;overflow:auto!important;border:1px solid #e8ebef!important;border-radius:15px!important;background:#fff!important;box-shadow:0 14px 38px rgba(15,23,42,.08)!important;padding:6px!important}
#searchSuggestions:empty{display:none!important}
#searchSuggestions .search-result-group{border-bottom:1px solid #eef1f5!important;padding-bottom:6px!important;margin-bottom:6px!important}
#searchSuggestions .search-result-group:last-child{border-bottom:0!important;margin-bottom:0!important}
#searchSuggestions .search-result-group>span{padding:8px 10px 6px!important;color:#8b95a5!important;font-size:8px!important;letter-spacing:.15em!important;text-transform:uppercase!important;font-weight:900!important}
#searchSuggestions .header-search-result,#searchSuggestions .header-search-destination{min-height:58px!important;padding:8px 10px!important;border:0!important;border-radius:11px!important;gap:11px!important;background:#fff!important;transition:background .15s ease,transform .15s ease!important}
#searchSuggestions .header-search-result:hover,#searchSuggestions .header-search-destination:hover{background:#f7f9fb!important;transform:translateX(2px)!important}
#searchSuggestions .header-search-thumb{width:44px!important;height:44px!important;border-radius:10px!important;flex-basis:44px!important;background:#f1f3f6!important}
#searchSuggestions .header-search-result-main b,#searchSuggestions .header-search-destination-main b{font-size:11px!important;color:#172033!important}
#searchSuggestions .header-search-result-main small,#searchSuggestions .header-search-destination-main small{font-size:9px!important;color:#7b8494!important;margin-top:3px!important}
#searchSuggestions .header-search-result>strong{font-size:10px!important;color:#172033!important}
#searchSuggestions .header-search-destination .dest-icon{width:32px!important;height:32px!important;border-radius:9px!important;background:#f4f6f8!important;color:#172033!important}
#searchSuggestions .search-empty{padding:20px 12px!important;color:#7b8494!important;font-size:11px!important;text-align:center!important}
@media(max-width:760px){
  .search-panel{width:min(100%,620px)!important;padding:18px!important;border-radius:18px!important;max-height:88dvh!important}
  .search-panel>.close{width:36px!important;height:36px!important;border-radius:11px!important}
  .big-search{height:50px!important;border-radius:13px!important}
  #searchSuggestions{max-height:62dvh!important}
}
@media(max-width:480px){
  .search-modal{padding:10px!important;align-items:flex-start!important;padding-top:12px!important}
  .search-panel{padding:15px!important;border-radius:17px!important;max-height:92dvh!important}
  .search-panel .eyebrow{font-size:8px!important}
  .big-search{height:48px!important;margin-top:11px!important;padding:0 12px!important}
  .big-search>svg{width:18px!important;height:18px!important}
  .big-search input{font-size:12px!important}
  #searchSuggestions{margin-top:10px!important;max-height:68dvh!important;border-radius:13px!important;padding:5px!important}
  #searchSuggestions .header-search-result,#searchSuggestions .header-search-destination{min-height:54px!important;padding:7px 8px!important}
  #searchSuggestions .header-search-thumb{width:40px!important;height:40px!important;flex-basis:40px!important}
}

/* === BOTTOM NAV — PREMIUM ACTION SYSTEM === */
@media (max-width:1100px) and (min-width:280px){
  .mobile-dock{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    width:min(calc(100vw - 24px),680px) !important;
    min-height:70px !important;
    height:70px !important;
    padding:6px !important;
    gap:4px !important;
    background:rgba(255,255,255,.98) !important;
    border:1px solid #e5e9ef !important;
    box-shadow:0 22px 70px rgba(15,23,42,.17),0 6px 18px rgba(15,23,42,.07) !important;
  }
  .mobile-dock .dock-item{
    min-height:58px !important;
    height:58px !important;
    border-radius:16px !important;
    gap:3px !important;
    color:#7a8493 !important;
    isolation:isolate !important;
    transition:transform .2s cubic-bezier(.22,1,.36,1),color .2s ease !important;
  }
  .mobile-dock .dock-item::before{
    inset:1px !important;
    border:1px solid transparent !important;
    border-radius:14px !important;
    background:linear-gradient(180deg,#fafbfc,#f1f4f7) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9) !important;
  }
  .mobile-dock .dock-item:hover::before,
  .mobile-dock .dock-item:focus-visible::before,
  .mobile-dock .dock-item.is-active::before{
    border-color:#e2e7ed !important;
  }
  .mobile-dock .dock-item.is-active{color:#111827 !important;}
  .mobile-dock .dock-item.is-active .dock-icon svg{stroke-width:2 !important;}
  .mobile-dock .dock-icon{
    width:38px !important;height:31px !important;
  }
  .mobile-dock .dock-icon svg{
    width:22px !important;height:22px !important;
    stroke-width:1.9 !important;
  }
  .mobile-dock .dock-label{
    font-size:9px !important;
    font-weight:850 !important;
    letter-spacing:.01em !important;
  }
  .mobile-dock b{
    top:1px !important;
    right:calc(50% - 25px) !important;
    background:#111827 !important;
    border-color:#fff !important;
  }
  .mobile-dock .dock-item:focus-visible{
    outline:2px solid rgba(17,24,39,.16) !important;
    outline-offset:1px !important;
  }
}
@media (max-width:560px){
  .mobile-dock{
    width:calc(100vw - 18px) !important;
    min-height:68px !important;height:68px !important;
    border-radius:21px !important;
  }
  .mobile-dock .dock-item{min-height:56px !important;height:56px !important;border-radius:15px !important;}
}
@media (max-width:360px){
  .mobile-dock{width:calc(100vw - 10px) !important;min-height:64px !important;height:64px !important;border-radius:18px !important;padding:5px 4px !important;gap:2px !important;}
  .mobile-dock .dock-item{min-height:52px !important;height:52px !important;border-radius:13px !important;}
  .mobile-dock .dock-icon{width:31px !important;height:28px !important;}
  .mobile-dock .dock-icon svg{width:20px !important;height:20px !important;}
  .mobile-dock .dock-label{font-size:8px !important;}
}

/* === SEARCH SURFACE — PREMIUM APP-LIKE EXPERIENCE === */
.search-modal{
  align-items:center !important;
  justify-content:center !important;
  padding:clamp(12px,3vw,34px) !important;
  background:rgba(17,24,39,.30) !important;
  backdrop-filter:blur(8px) saturate(115%) !important;
  -webkit-backdrop-filter:blur(8px) saturate(115%) !important;
}
.search-panel{
  width:min(820px,100%) !important;
  max-height:min(88dvh,820px) !important;
  padding:clamp(18px,3vw,28px) !important;
  border:1px solid #e1e6ec !important;
  border-radius:24px !important;
  background:#fff !important;
  box-shadow:0 36px 100px rgba(15,23,42,.24),0 10px 25px rgba(15,23,42,.08) !important;
  overflow:hidden !important;
  animation:tspSearchIn .24s cubic-bezier(.22,1,.36,1) both !important;
}
.search-panel:before{content:"";display:block;height:3px;width:56px;margin:0 auto 16px;border-radius:999px;background:#111827;opacity:.08}
.search-panel>.eyebrow{display:block;text-align:center;margin-bottom:2px;color:#8c96a5 !important;letter-spacing:.16em !important;}
.big-search{
  height:60px !important;
  margin-top:15px !important;
  padding:0 16px !important;
  gap:12px !important;
  border:1px solid #dce2e8 !important;
  border-radius:17px !important;
  background:#f8fafc !important;
  box-shadow:0 2px 10px rgba(17,24,39,.025),inset 0 1px 0 #fff !important;
}
.big-search>svg{width:21px !important;height:21px !important;color:#111827 !important;}
.big-search input{font-size:14px !important;font-weight:700 !important;}
.big-search input::placeholder{color:#98a1ae !important;}
#searchSuggestions{
  margin-top:12px !important;
  max-height:min(58dvh,540px) !important;
  padding:7px !important;
  border:1px solid #e7ebf0 !important;
  border-radius:17px !important;
  background:#fbfcfd !important;
  box-shadow:inset 0 1px 0 #fff !important;
}
#searchSuggestions .search-result-group>span{padding:10px 10px 7px !important;font-size:8px !important;color:#919aa8 !important;letter-spacing:.16em !important;}
#searchSuggestions .header-search-result,
#searchSuggestions .header-search-destination{
  min-height:62px !important;
  padding:9px 10px !important;
  border-radius:12px !important;
}
#searchSuggestions .header-search-result:hover,
#searchSuggestions .header-search-destination:hover{
  background:#f1f4f7 !important;
  transform:none !important;
}
#searchSuggestions .header-search-thumb{width:48px !important;height:48px !important;flex-basis:48px !important;border-radius:11px !important;}
#searchSuggestions .header-search-result-main b,
#searchSuggestions .header-search-destination-main b{font-size:11.5px !important;font-weight:850 !important;}
#searchSuggestions .header-search-result-main small,
#searchSuggestions .header-search-destination-main small{font-size:9.5px !important;}
.search-panel>.close{position:absolute !important;top:18px !important;right:18px !important;z-index:3 !important;border-radius:12px !important;}
@keyframes tspSearchIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:600px){
  .search-modal{align-items:flex-end !important;padding:0 !important;}
  .search-panel{
    width:100% !important;
    max-height:min(92dvh,900px) !important;
    border-radius:24px 24px 0 0 !important;
    padding:18px 14px calc(16px + env(safe-area-inset-bottom)) !important;
  }
  .search-panel>.close{top:14px !important;right:14px !important;}
  .big-search{height:56px !important;border-radius:15px !important;margin-top:13px !important;}
  #searchSuggestions{max-height:58dvh !important;}
}

/* Search quick suggestions + polished empty state */
#searchQuickLinks{
  display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;
  margin:10px 0 0!important;padding:0 2px!important;
}
#searchQuickLinks>span{
  margin-right:2px!important;color:#98a1ae!important;font-size:8px!important;font-weight:900!important;
  letter-spacing:.14em!important;text-transform:uppercase!important;
}
#searchQuickLinks>button{
  min-height:30px!important;padding:0 11px!important;border:1px solid #e2e7ed!important;border-radius:999px!important;
  background:#fff!important;color:#3f4a5b!important;font-size:9px!important;font-weight:800!important;cursor:pointer!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease!important;
}
#searchQuickLinks>button:hover,#searchQuickLinks>button:focus-visible{
  background:#f4f6f8!important;border-color:#d4dae2!important;color:#111827!important;transform:translateY(-1px)!important;outline:none!important;
}
#searchQuickLinks>button:active{transform:scale(.97)!important}
#searchSuggestions .search-empty{
  display:grid!important;place-items:center!important;gap:5px!important;min-height:150px!important;padding:28px 18px!important;
  border-radius:12px!important;text-align:center!important;color:#7b8594!important;
}
#searchSuggestions .search-empty b{font-size:12px!important;color:#172033!important;font-weight:850!important;}
#searchSuggestions .search-empty span{font-size:10px!important;line-height:1.55!important;max-width:330px!important;}
@media(max-width:600px){
  #searchQuickLinks{margin-top:9px!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:2px!important;scrollbar-width:none!important;}
  #searchQuickLinks::-webkit-scrollbar{display:none!important}
  #searchQuickLinks>button{flex:0 0 auto!important;min-height:32px!important;}
}

/* === HERO HEADLINE — PREMIUM TWO-LINE COLOR SYSTEM === */
.hero h1{
  max-width:820px!important;
  text-wrap:balance!important;
  color:#111827!important;
  font-weight:850!important;
  line-height:.98!important;
  letter-spacing:-.065em!important;
}
.hero h1 em{
  display:block!important;
  margin-top:.035em!important;
  font-style:normal!important;
  color:#c98a16!important;
  background:linear-gradient(90deg,#b97809 0%,#d99b25 52%,#b97809 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
@media(max-width:820px){
  .hero h1{
    max-width:720px!important;
    line-height:1!important;
    letter-spacing:-.06em!important;
  }
}
@media(max-width:560px){
  .hero h1{
    font-size:clamp(42px,12vw,56px)!important;
    line-height:1.01!important;
    letter-spacing:-.055em!important;
  }
  .hero h1 em{margin-top:.06em!important}
}
@media(max-width:360px){
  .hero h1{font-size:42px!important;letter-spacing:-.05em!important}
}


/* === CONTACT INFO — PREMIUM EDITORIAL CARDS === */
.contact-info{
  position:relative!important;
  display:grid!important;
  gap:0!important;
  padding:10px!important;
  border:1px solid rgba(17,24,39,.08)!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,#ffffff 0%,#fbfaf7 48%,#f5f6f8 100%)!important;
  box-shadow:0 20px 50px rgba(17,24,39,.08),0 3px 12px rgba(17,24,39,.04)!important;
  overflow:hidden!important;
}
.contact-info:before{
  content:""!important;position:absolute!important;inset:0 0 auto auto!important;width:180px!important;height:180px!important;
  background:radial-gradient(circle,rgba(202,145,32,.12),transparent 68%)!important;
  pointer-events:none!important;
}
.contact-info>div{
  position:relative!important;z-index:1!important;
  display:grid!important;grid-template-columns:minmax(110px,145px) 1fr!important;align-items:center!important;gap:18px!important;
  min-height:64px!important;padding:15px 16px!important;
  border-bottom:1px solid rgba(17,24,39,.07)!important;
}
.contact-info>div:last-child{border-bottom:0!important}
.contact-info>div:hover{background:rgba(255,255,255,.72)!important}
.contact-info b{
  margin:0!important;color:#111827!important;font-size:10px!important;font-weight:850!important;letter-spacing:.14em!important;text-transform:uppercase!important;
}
.contact-info span{
  color:#4b5563!important;font-size:13px!important;font-weight:650!important;line-height:1.45!important;
}
.contact-info>div:first-child span{color:#111827!important;font-weight:780!important}
@media(max-width:720px){
  .contact-info{border-radius:22px!important;padding:7px!important}
  .contact-info>div{grid-template-columns:1fr!important;gap:5px!important;min-height:0!important;padding:13px 13px!important}
  .contact-info b{font-size:9px!important}
  .contact-info span{font-size:12px!important}
}
@media(max-width:420px){
  .contact-info{border-radius:18px!important}
  .contact-info>div{padding:12px 11px!important}
}

/* === HERO HEADLINE — PREMIUM EDITORIAL TREATMENT === */
.hero-copy{position:relative!important;z-index:2!important}
.hero h1{
  max-width:900px!important;
  margin:0!important;
  color:#111318!important;
  font-family:inherit!important;
  font-size:clamp(3.25rem,7vw,6.6rem)!important;
  font-weight:880!important;
  line-height:.92!important;
  letter-spacing:-.075em!important;
  text-wrap:balance!important;
}
.hero h1 em{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin-top:.08em!important;
  font-style:normal!important;
  color:#bf7b08!important;
  background:none!important;
  -webkit-text-fill-color:initial!important;
  position:relative!important;
}
.hero h1 em::after{
  content:""!important;
  position:absolute!important;
  left:.04em!important;
  bottom:-.10em!important;
  width:42%!important;
  height:3px!important;
  border-radius:999px!important;
  background:#bf7b08!important;
  opacity:.55!important;
}
@media(max-width:900px){
  .hero h1{font-size:clamp(2.9rem,8vw,5rem)!important;letter-spacing:-.065em!important;line-height:.94!important}
}
@media(max-width:620px){
  .hero h1{font-size:clamp(2.55rem,12vw,4.1rem)!important;line-height:.96!important;letter-spacing:-.06em!important}
  .hero h1 em{margin-top:.10em!important}
  .hero h1 em::after{height:2px!important;width:36%!important;bottom:-.09em!important}
}
@media(max-width:390px){
  .hero h1{font-size:clamp(2.25rem,12.8vw,3.25rem)!important;letter-spacing:-.055em!important}
}

/* === HERO — PREMIUM STOREFRONT INTRO === */
.hero{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(62% 110% at 78% 40%, rgba(214,162,58,.10) 0%, rgba(214,162,58,0) 62%),
    radial-gradient(52% 90% at 6% 10%, rgba(255,255,255,.96) 0%, rgba(255,255,255,0) 70%),
    linear-gradient(135deg,#fbfaf7 0%,#f5f5f2 52%,#f1f2f4 100%)!important;
  border-bottom:1px solid rgba(17,19,24,.07)!important;
}
.hero::before{
  content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;
  background:linear-gradient(90deg,rgba(255,255,255,.20),transparent 42%,rgba(255,255,255,.12))!important;
}
.hero-grid{position:relative!important;z-index:1!important;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr)!important;min-height:min(760px,calc(100svh - 110px))!important;padding-block:clamp(68px,8vw,118px)!important;gap:clamp(38px,7vw,110px)!important}
.hero-copy{max-width:690px!important}
.hero-copy .pill{display:inline-flex!important;align-items:center!important;gap:8px!important;background:rgba(255,255,255,.72)!important;color:#6f7176!important;border:1px solid rgba(17,19,24,.10)!important;box-shadow:0 7px 24px rgba(17,19,24,.05)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
.hero-copy .pill b{color:#17191d!important;font-weight:800!important}
.pill-dot{width:7px!important;height:7px!important;border-radius:50%!important;background:#c89122!important;box-shadow:0 0 0 4px rgba(200,145,34,.10)!important}
.hero-kicker{margin-top:18px!important;color:#8b8d92!important;font-size:10px!important;font-weight:800!important;letter-spacing:.18em!important;text-transform:uppercase!important}
.hero h1{margin-top:12px!important;max-width:8.8ch!important;font-size:clamp(4rem,7vw,6.9rem)!important;line-height:.9!important;letter-spacing:-.075em!important;font-weight:880!important}
.hero h1 span{display:block!important;color:#121419!important}
.hero h1 em{display:block!important;width:max-content!important;max-width:100%!important;margin-top:.06em!important;color:#c18a20!important}
.hero h1 em::after{height:3px!important;width:38%!important;bottom:-.11em!important;background:#c18a20!important;opacity:.45!important}
.hero-copy>p{margin-top:22px!important;max-width:53ch!important;color:#5f636b!important;font-size:clamp(15px,1.3vw,19px)!important;line-height:1.65!important}
.hero-actions{margin-top:29px!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important}
.hero-actions .btn{min-height:50px!important;padding-inline:20px!important;border-radius:999px!important;font-size:12px!important;font-weight:800!important;letter-spacing:.01em!important;box-shadow:none!important}
.hero-actions .btn.primary{background:#17191d!important;color:#fff!important;box-shadow:0 15px 28px rgba(17,19,24,.18)!important}
.hero-actions .btn.primary:hover{transform:translateY(-2px)!important;box-shadow:0 20px 34px rgba(17,19,24,.22)!important}
.hero-actions .btn.secondary{background:rgba(255,255,255,.80)!important;color:#17191d!important;border:1px solid rgba(17,19,24,.11)!important;box-shadow:0 8px 22px rgba(17,19,24,.05)!important}
.hero-actions .btn.secondary:hover{transform:translateY(-2px)!important;border-color:rgba(17,19,24,.18)!important;box-shadow:0 16px 30px rgba(17,19,24,.09)!important}
.wa-dot{display:inline-grid!important;place-items:center!important;width:20px!important;height:20px!important;margin-right:5px!important;border-radius:50%!important;background:#25d366!important;color:#083b1b!important;font-size:11px!important;font-weight:900!important}
.hero-meta{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important;margin-top:25px!important}
.hero-meta span{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:8px 11px!important;border:1px solid rgba(17,19,24,.07)!important;border-radius:999px!important;background:rgba(255,255,255,.58)!important;color:#44484f!important;font-size:11px!important;box-shadow:0 5px 18px rgba(17,19,24,.035)!important}
.hero-meta svg{width:14px!important;height:14px!important;stroke:#c18a20!important;fill:none!important}
.hero-meta span:first-child svg{fill:none!important}
.hero-meta b{font-weight:760!important;color:#3d4148!important}
.hero-art{position:relative!important;min-height:500px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.hero-art .art-bg{position:absolute!important;inset:4% 3%!important;overflow:hidden!important;border-radius:40px!important;background:radial-gradient(72% 70% at 52% 40%,#ffffff 0%,#f6f5f1 44%,#eceef1 100%)!important;border:1px solid rgba(17,19,24,.07)!important;box-shadow:0 28px 70px rgba(17,19,24,.10),inset 0 1px 0 rgba(255,255,255,.9)!important}
.hero-art .art-bg::before{content:""!important;position:absolute!important;width:70%!important;height:70%!important;left:15%!important;top:10%!important;border-radius:50%!important;background:radial-gradient(circle,rgba(197,145,33,.13),rgba(197,145,33,0) 66%)!important}
.hero-art .hero-shoe{position:relative!important;z-index:2!important;width:min(92%,610px)!important;transform:rotate(-6deg)!important}
.hero-art .hero-shoe img{width:100%!important;display:block!important;filter:drop-shadow(0 34px 35px rgba(17,19,24,.20))!important;mix-blend-mode:multiply!important}
.hero-art-label{position:absolute!important;z-index:3!important;top:7%!important;left:8%!important;display:flex!important;flex-direction:column!important;gap:2px!important}
.hero-art-label span{font-size:9px!important;letter-spacing:.17em!important;font-weight:800!important;color:#92949a!important}
.hero-art-label b{font-size:12px!important;color:#2a2c31!important;font-weight:800!important}
.hero-art .floating-card{z-index:4!important;border:1px solid rgba(17,19,24,.08)!important;background:rgba(255,255,255,.90)!important;box-shadow:0 18px 42px rgba(17,19,24,.12)!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;border-radius:18px!important}
.hero-art .floating-card .mini-icon{background:#17191d!important;color:#fff!important;border-radius:12px!important}
.hero-art .floating-card b{font-size:11px!important}.hero-art .floating-card small{font-size:9px!important}
@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr!important;min-height:auto!important;gap:34px!important;padding-block:58px 72px!important}
  .hero-copy{max-width:720px!important;margin:auto!important;text-align:left!important}
  .hero h1{max-width:9.5ch!important;font-size:clamp(3.4rem,10vw,5.8rem)!important}
  .hero-art{min-height:430px!important}
}
@media(max-width:560px){
  .hero-grid{padding-block:44px 58px!important;gap:24px!important}
  .hero-kicker{font-size:8px!important;letter-spacing:.15em!important;margin-top:14px!important}
  .hero h1{font-size:clamp(2.8rem,13vw,4.3rem)!important;line-height:.94!important;letter-spacing:-.065em!important}
  .hero-copy>p{font-size:13px!important;line-height:1.56!important;margin-top:18px!important}
  .hero-actions .btn{min-height:45px!important;font-size:10px!important;padding-inline:15px!important}
  .hero-meta{gap:7px!important;margin-top:18px!important}
  .hero-meta span{font-size:9px!important;padding:7px 9px!important}
  .hero-meta svg{width:12px!important;height:12px!important}
  .hero-art{min-height:315px!important}
  .hero-art .art-bg{inset:3% 0!important;border-radius:28px!important}
  .hero-art .hero-shoe{width:96%!important}
  .hero-art-label{top:8%!important;left:6%!important}
  .hero-art-label span{font-size:7px!important}.hero-art-label b{font-size:10px!important}
}
@media(max-width:390px){
  .hero-copy .pill{font-size:7px!important}.hero-kicker{font-size:7px!important}
  .hero h1{font-size:clamp(2.55rem,13.4vw,3.4rem)!important}
  .hero-actions{gap:7px!important}.hero-actions .btn{min-height:42px!important;font-size:9px!important;padding-inline:12px!important}
  .hero-meta span{font-size:8px!important}.hero-art{min-height:280px!important}
}

/* === FEATURED PAIR — PREMIUM EDITABLE FRAME === */
.featured-pair-card{background:var(--featured-pair-bg,#151a23)!important;border-radius:22px!important;border:1px solid rgba(23,32,51,.10)!important;box-shadow:0 24px 70px rgba(17,24,39,.13)!important;overflow:hidden!important;isolation:isolate!important}
.featured-pair-card .how-card-image{background:#e9edf2!important;overflow:hidden!important}
.featured-pair-card .how-card-image::after{background:linear-gradient(90deg,transparent 42%,rgba(21,26,35,.30) 100%)!important}
.featured-pair-card .how-card-image img{object-fit:cover!important;transition:transform .55s cubic-bezier(.2,.75,.25,1),filter .55s ease!important}
.featured-pair-card:hover .how-card-image img{transform:scale(1.035)!important;filter:saturate(1.03) contrast(1.02)!important}
.featured-pair-card .how-card-content{background:transparent!important;color:#fff!important;position:relative!important;z-index:2!important}
.featured-pair-card .how-kicker{color:#d9ad57!important;font-size:10px!important;letter-spacing:.19em!important}
.featured-pair-card .how-card-content strong{font-weight:850!important;color:#fff!important}
.featured-pair-card .how-card-content p{color:rgba(255,255,255,.72)!important}
.featured-pair-card .experience-action{color:#fff!important;border-top:1px solid rgba(255,255,255,.14)!important;text-decoration:none!important}
.featured-pair-card .experience-action span:last-child{background:#d8ad59!important;color:#172033!important;width:38px!important;height:38px!important;border-radius:50%!important;display:grid!important;place-items:center!important;flex:0 0 38px!important}
.featured-editor-card{grid-column:1/-1!important}
.featured-bg-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
.featured-bg-grid input[type=color]{width:100%;height:44px;padding:4px;border:1px solid #e4e7ec;border-radius:10px;background:#fff}
.featured-bg-presets{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.featured-bg-presets .btn{min-height:38px;font-size:9px}
.featured-editor-preview{min-height:110px;border-radius:16px;margin:14px 0;background:#151a23;display:flex;align-items:flex-end;padding:16px;color:#fff;overflow:hidden;border:1px solid rgba(23,32,51,.08);box-shadow:0 10px 28px rgba(17,24,39,.08)}
.featured-editor-preview .preview-copy span{display:block;font-size:7px;letter-spacing:.18em;font-weight:900;color:#d9ad57;margin-bottom:5px}.featured-editor-preview .preview-copy b{display:block;font-size:18px;letter-spacing:-.025em}.featured-editor-preview .preview-copy small{display:block;color:rgba(255,255,255,.7);font-size:9px;margin-top:4px}
@media(max-width:760px){.featured-pair-card{border-radius:18px!important}.featured-bg-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.featured-bg-grid{grid-template-columns:1fr}.featured-editor-preview{min-height:95px}}

/* === FEATURED PAIR — PREMIUM EDITORIAL FINISH === */
.featured-pair-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr)!important;
  min-height:clamp(360px,32vw,520px)!important;
  background:
    radial-gradient(circle at 18% 18%,rgba(213,154,40,.16),transparent 30%),
    radial-gradient(circle at 88% 82%,rgba(255,255,255,.10),transparent 28%),
    linear-gradient(135deg,#0d1118 0%,#171d27 48%,#222a36 100%)!important;
  border:1px solid rgba(213,154,40,.18)!important;
  border-radius:28px!important;
  box-shadow:0 30px 80px rgba(15,23,42,.17),0 6px 20px rgba(15,23,42,.08)!important;
  overflow:hidden!important;
}
.featured-pair-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(110deg,rgba(255,255,255,.055),transparent 32%,transparent 68%,rgba(255,255,255,.035))!important;
  pointer-events:none!important;
  z-index:0!important;
}
.featured-pair-card::after{
  content:""!important;
  position:absolute!important;
  width:260px!important;height:260px!important;
  right:-110px!important;top:-115px!important;
  border:1px solid rgba(213,154,40,.20)!important;
  border-radius:50%!important;
  box-shadow:0 0 0 22px rgba(213,154,40,.035),0 0 0 44px rgba(213,154,40,.02)!important;
  pointer-events:none!important;
  z-index:0!important;
}
.featured-pair-card .featured-pair-media{
  position:relative!important;
  min-height:100%!important;
  aspect-ratio:auto!important;
  background:
    radial-gradient(circle at 52% 42%,rgba(255,255,255,.72),transparent 39%),
    linear-gradient(145deg,#eef1f4 0%,#dfe4e9 48%,#cbd2d9 100%)!important;
  isolation:isolate!important;
}
.featured-pair-card .featured-pair-media::before{
  content:""!important;
  position:absolute!important;
  inset:9% 10%!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.55),rgba(255,255,255,.08))!important;
  border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 18px 45px rgba(30,41,59,.08)!important;
  z-index:0!important;
}
.featured-pair-card .featured-pair-media::after{
  background:radial-gradient(circle at 50% 54%,rgba(255,255,255,.08),transparent 55%)!important;
  opacity:1!important;
  z-index:1!important;
}
.featured-pair-card .featured-pair-media img{
  position:relative!important;
  z-index:2!important;
  width:100%!important;height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  mix-blend-mode:multiply!important;
  filter:contrast(1.02) saturate(1.04)!important;
  transform:scale(1.01)!important;
  transition:transform .65s cubic-bezier(.2,.75,.25,1),filter .35s ease!important;
}
.featured-pair-card:hover .featured-pair-media img{
  transform:scale(1.045)!important;
  filter:contrast(1.04) saturate(1.08)!important;
}
.featured-pair-card .how-card-content{
  position:relative!important;
  z-index:3!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:clamp(34px,4.4vw,68px)!important;
  background:transparent!important;
  color:#fff!important;
}
.featured-pair-card .how-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 0 18px!important;
  padding:8px 12px!important;
  border:1px solid rgba(213,154,40,.32)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.045)!important;
  color:#e3bb6b!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.2em!important;
  line-height:1!important;
}
.featured-pair-card .how-kicker::before{
  content:""!important;width:6px!important;height:6px!important;border-radius:50%!important;background:#d59a28!important;box-shadow:0 0 0 4px rgba(213,154,40,.12)!important;
}
.featured-pair-card .how-card-content strong{
  max-width:520px!important;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(30px,4.4vw,62px)!important;
  font-weight:850!important;
  letter-spacing:-.045em!important;
  line-height:1.0!important;
}
.featured-pair-card .how-card-content p{
  max-width:470px!important;
  margin:17px 0 28px!important;
  color:rgba(255,255,255,.68)!important;
  font-size:clamp(12px,1.15vw,16px)!important;
  line-height:1.65!important;
}
.featured-pair-card .experience-action{
  align-self:flex-start!important;
  gap:13px!important;
  min-height:48px!important;
  padding:0 8px 0 0!important;
  color:#fff!important;
  border-top:0!important;
  font-size:12px!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
}
.featured-pair-card .experience-action span:last-child{
  width:42px!important;height:42px!important;
  border:1px solid rgba(213,154,40,.58)!important;
  background:#d59a28!important;
  color:#131923!important;
  box-shadow:0 10px 24px rgba(213,154,40,.22)!important;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important;
}
.featured-pair-card .experience-action:hover span:last-child{
  transform:translate(2px,-1px)!important;
  background:#e2ad43!important;
  box-shadow:0 14px 30px rgba(213,154,40,.30)!important;
}
@media(max-width:860px){
  .featured-pair-card{grid-template-columns:1fr!important;min-height:0!important}
  .featured-pair-card .featured-pair-media{min-height:clamp(250px,52vw,420px)!important}
  .featured-pair-card .how-card-content{padding:30px!important}
  .featured-pair-card .how-card-content strong{font-size:clamp(30px,7vw,52px)!important}
}
@media(max-width:520px){
  .featured-pair-card{border-radius:22px!important}
  .featured-pair-card .featured-pair-media{min-height:250px!important}
  .featured-pair-card .featured-pair-media::before{inset:7% 7%!important;border-radius:18px!important}
  .featured-pair-card .how-card-content{padding:26px 22px 28px!important}
  .featured-pair-card .how-kicker{margin-bottom:14px!important}
  .featured-pair-card .how-card-content strong{font-size:clamp(28px,9vw,40px)!important}
  .featured-pair-card .how-card-content p{margin:14px 0 22px!important;font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){
  .featured-pair-card .featured-pair-media img,.featured-pair-card .experience-action span:last-child{transition:none!important}
}

/* === PREMIUM MENU SYSTEM — FINAL === */
.mobile-nav.premium-menu{
  width:min(430px,94vw)!important;
  padding:22px 20px 18px!important;
  background:#ffffff!important;
  border-left:1px solid #e7ebf0!important;
  box-shadow:-32px 0 80px rgba(15,23,42,.17),-8px 0 24px rgba(15,23,42,.05)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
  scrollbar-color:#c9ced6 transparent!important;
}
.mobile-nav.premium-menu::before{display:none!important}
.premium-menu-head{
  padding:4px 2px 18px!important;
  margin:0 0 16px!important;
  border-bottom:1px solid #edf0f4!important;
}
.menu-branding{display:grid;gap:2px;min-width:0}
.menu-branding span{font-size:9px!important;letter-spacing:.22em!important;font-weight:950!important;color:#7f8794!important}
.menu-branding b{font-size:22px!important;letter-spacing:-.05em!important;font-weight:950!important;color:#111827!important;line-height:1!important}
.menu-branding small{font-size:10px!important;color:#9aa2af!important;font-weight:650!important;margin-top:4px!important}
.mobile-nav .menu-close{
  width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
  display:grid!important;place-items:center!important;padding:0!important;margin:0!important;
  border:1px solid #dde2e8!important;border-radius:13px!important;background:#fff!important;color:#111827!important;
  box-shadow:0 3px 10px rgba(17,24,39,.05)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.mobile-nav .menu-close svg{width:18px!important;height:18px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.9!important;stroke-linecap:round!important}
.mobile-nav .menu-close:hover{transform:translateY(-1px)!important;border-color:#cfd5dd!important;box-shadow:0 8px 18px rgba(17,24,39,.09)!important}
.mobile-nav .menu-close:focus-visible{outline:none!important;box-shadow:0 0 0 3px rgba(17,24,39,.07),0 8px 18px rgba(17,24,39,.09)!important}
.menu-quick-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;margin-bottom:20px!important}
.mobile-nav .menu-quick-card{
  position:relative!important;display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:11px!important;
  min-height:76px!important;padding:13px!important;border:1px solid #e5e9ef!important;border-radius:17px!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;
  color:#172033!important;box-shadow:0 8px 22px rgba(17,24,39,.05)!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.mobile-nav .menu-quick-card:hover{transform:translateY(-2px)!important;border-color:#d3d9e0!important;box-shadow:0 14px 28px rgba(17,24,39,.09)!important;background:#fff!important}
.menu-icon{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;background:#f1f3f6;color:#111827}
.menu-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.menu-link-copy{display:grid!important;gap:3px!important;min-width:0!important;text-align:left!important}
.menu-link-copy b{font-size:12px!important;font-weight:900!important;color:#111827!important}
.menu-link-copy small{font-size:9px!important;color:#8b94a3!important;font-weight:700!important}
.mobile-nav .menu-quick-card .menu-count{position:static!important;min-width:23px!important;height:23px!important;padding:0 6px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:#111827!important;color:#fff!important;border:0!important;box-shadow:none!important;font-size:9px!important;font-weight:900!important}
.menu-divider-label{display:flex!important;align-items:center!important;gap:10px!important;margin:2px 3px 7px!important}
.menu-divider-label::after{content:"";height:1px;background:#edf0f4;flex:1}
.menu-divider-label span{font-size:9px!important;letter-spacing:.17em!important;color:#a0a7b2!important;font-weight:950!important}
.menu-primary{display:grid!important;gap:3px!important}
.mobile-nav .menu-primary a{
  min-height:67px!important;padding:10px 9px!important;margin:0!important;border:1px solid transparent!important;border-radius:15px!important;background:transparent!important;
  display:grid!important;grid-template-columns:38px 1fr auto!important;align-items:center!important;gap:11px!important;text-align:left!important;color:#172033!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}
.mobile-nav .menu-primary a:hover{background:#f7f8fa!important;border-color:#edf0f4!important;transform:translateX(2px)!important;color:#111827!important}
.menu-nav-icon{width:36px;height:36px;border:1px solid #e8ebef;border-radius:11px;display:grid;place-items:center;background:#fff;box-shadow:0 2px 7px rgba(17,24,39,.035)}
.menu-nav-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.menu-primary a>span:nth-child(2){display:grid;gap:3px;min-width:0}
.menu-primary a b{font-size:12px!important;line-height:1.15!important;font-weight:900!important;color:#172033!important}
.menu-primary a small{font-size:9px!important;line-height:1.2!important;color:#959daa!important;font-weight:650!important}
.menu-primary a i{font-style:normal;font-size:13px;color:#9aa2af;transition:transform .16s ease,color .16s ease}
.menu-primary a:hover i{transform:translate(2px,-2px);color:#111827}
.mobile-nav .premium-manager{
  width:100%!important;min-height:68px!important;margin:15px 0 0!important;padding:11px 13px!important;
  display:grid!important;grid-template-columns:30px 1fr auto!important;align-items:center!important;gap:10px!important;
  border:1px solid rgba(210,163,66,.38)!important;border-radius:16px!important;background:linear-gradient(180deg,#fffaf0,#fff7e8)!important;color:#172033!important;text-align:left!important;
  box-shadow:0 8px 22px rgba(176,126,29,.07)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.mobile-nav .premium-manager:hover{transform:translateY(-1px)!important;border-color:rgba(210,163,66,.58)!important;box-shadow:0 14px 28px rgba(176,126,29,.11)!important;background:linear-gradient(180deg,#fffaf2,#fff6e6)!important}
.manager-mark{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:#111827;color:#f4c76a;font-size:14px;font-weight:950!important}
.premium-manager>span:nth-child(2){display:grid!important;gap:3px!important}
.premium-manager b{font-size:11px!important;font-weight:900!important;color:#172033!important}
.premium-manager small{font-size:9px!important;color:#9a7a3a!important;font-weight:700!important}
.premium-manager i{font-style:normal;font-size:15px;color:#111827}
.menu-footer-note{display:flex;justify-content:space-between;gap:10px;padding:17px 3px 2px;margin-top:6px;border-top:1px solid #edf0f4;color:#a0a7b2;font-size:8px;font-weight:950;letter-spacing:.12em}
@media(max-width:520px){
  .mobile-nav.premium-menu{width:min(410px,96vw)!important;padding:18px 16px 15px!important}
  .menu-quick-grid{gap:8px!important}.mobile-nav .menu-quick-card{min-height:72px!important;padding:11px!important}
  .mobile-nav .menu-primary a{min-height:63px!important}
}
@media(max-width:360px){
  .mobile-nav.premium-menu{width:96vw!important;padding:15px 12px 13px!important}
  .menu-branding b{font-size:20px!important}.menu-quick-grid{grid-template-columns:1fr!important}
  .mobile-nav .menu-quick-card{min-height:65px!important}.mobile-nav .menu-primary a{min-height:59px!important}
  .menu-footer-note{font-size:7px!important}
}

/* === MENU PURPOSEFUL INTERACTIONS — FINAL === */
.mobile-nav .menu-primary a{position:relative;overflow:hidden}
.mobile-nav .menu-primary a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#111 0%,#c79a45 55%,transparent 100%);transform:scaleX(0);transform-origin:left;transition:transform .24s ease}
.mobile-nav .menu-primary a:hover::after,.mobile-nav .menu-primary a:focus-visible::after,.mobile-nav .menu-primary a.is-active::after{transform:scaleX(1)}
.mobile-nav .menu-primary a.is-active{background:linear-gradient(90deg,#f7f7f5,#fff);border-color:rgba(17,17,17,.12);box-shadow:0 10px 26px rgba(16,24,40,.07)}
.mobile-nav .menu-primary a.is-active .menu-nav-icon{background:#111;color:#fff;border-color:#111;transform:translateY(-1px)}
.mobile-nav .menu-primary a.is-active i{color:#b18435;transform:translateX(2px)}
.mobile-nav .menu-primary a i{transition:transform .2s ease,color .2s ease}
.mobile-nav .menu-nav-icon{transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease}
@media (prefers-reduced-motion:reduce){.mobile-nav .menu-primary a::after,.mobile-nav .menu-primary a i,.mobile-nav .menu-nav-icon{transition:none!important}}

/* === PREMIUM NAVIGATION 3.0 — command-center treatment === */
.mobile-nav.premium-menu{
  background:rgba(255,255,255,.985)!important;
  border:1px solid rgba(17,24,39,.08)!important;
  box-shadow:0 28px 80px rgba(17,24,39,.18),0 8px 30px rgba(17,24,39,.07)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.mobile-nav .premium-menu-head{
  min-height:78px!important;
  padding:18px 20px!important;
  border-bottom:1px solid #eceff3!important;
  background:linear-gradient(180deg,#fff,#fbfcfd)!important;
}
.mobile-nav .menu-branding span{font-size:15px!important;letter-spacing:.11em!important;color:#111827!important;font-weight:950!important}
.mobile-nav .menu-branding b{font-size:9px!important;letter-spacing:.20em!important;color:#b88624!important;font-weight:900!important}
.mobile-nav .menu-branding small{font-size:10px!important;color:#7d8592!important;letter-spacing:.02em!important}
.mobile-nav .menu-close{
  width:40px!important;height:40px!important;border:1px solid #e4e8ed!important;border-radius:13px!important;
  background:#fff!important;color:#111827!important;box-shadow:0 4px 12px rgba(17,24,39,.06)!important;
}
.mobile-nav .menu-close:hover{transform:translateY(-1px)!important;border-color:#cfd5dc!important;box-shadow:0 10px 22px rgba(17,24,39,.10)!important}
.mobile-nav .menu-quick-grid{gap:10px!important;padding:16px 16px 14px!important}
.mobile-nav .menu-quick-card{
  min-height:68px!important;padding:12px 13px!important;border:1px solid #e7ebef!important;border-radius:17px!important;
  background:linear-gradient(180deg,#fff,#fafbfc)!important;box-shadow:0 5px 18px rgba(17,24,39,.045)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.mobile-nav .menu-quick-card:hover{transform:translateY(-2px)!important;border-color:#d8dde4!important;box-shadow:0 13px 28px rgba(17,24,39,.09)!important;background:#fff!important}
.mobile-nav .menu-quick-card:active{transform:translateY(0) scale(.985)!important}
.mobile-nav .menu-icon{width:42px!important;height:42px!important;border-radius:13px!important;border:1px solid #e2e6eb!important;background:#111827!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.12)!important}
.mobile-nav .menu-icon svg{width:18px!important;height:18px!important;stroke:currentColor!important}
.mobile-nav .menu-link-copy b{font-size:12px!important;font-weight:900!important;color:#111827!important}
.mobile-nav .menu-link-copy small{font-size:9px!important;color:#8a919c!important}
.mobile-nav .menu-count{min-width:23px!important;height:23px!important;padding:0 7px!important;border-radius:999px!important;background:#f5f6f8!important;color:#111827!important;font-size:10px!important;font-weight:900!important;display:inline-grid!important;place-items:center!important;border:1px solid #e3e6ea!important}
.mobile-nav .menu-divider-label{padding:14px 18px 8px!important}
.mobile-nav .menu-divider-label::before{content:"";height:1px;background:#edf0f3;display:block;margin-bottom:12px}
.mobile-nav .menu-divider-label span{font-size:8px!important;letter-spacing:.22em!important;color:#9a7b3c!important;font-weight:950!important}
.mobile-nav .menu-primary{padding:4px 12px 10px!important;gap:6px!important}
.mobile-nav .menu-primary a{
  min-height:60px!important;padding:8px 10px!important;margin:0!important;border:1px solid transparent!important;
  border-radius:15px!important;background:transparent!important;color:#172033!important;gap:12px!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
.mobile-nav .menu-primary a:hover{background:#f8f9fb!important;border-color:#eceff3!important;transform:translateX(2px)!important;box-shadow:0 6px 16px rgba(17,24,39,.045)!important}
.mobile-nav .menu-primary a:active{transform:scale(.99)!important}
.mobile-nav .menu-primary a:focus-visible{outline:none!important;border-color:#d7a94d!important;background:#fffaf1!important;box-shadow:0 0 0 3px rgba(213,154,40,.11)!important}
.mobile-nav .menu-primary a.is-active{background:#111827!important;color:#fff!important;border-color:#111827!important;box-shadow:0 10px 24px rgba(17,24,39,.12)!important}
.mobile-nav .menu-primary a.is-active small{color:rgba(255,255,255,.64)!important}
.mobile-nav .menu-primary a.is-active .menu-nav-icon{background:#fff!important;color:#111827!important;border-color:#fff!important;transform:none!important;box-shadow:none!important}
.mobile-nav .menu-nav-icon{width:40px!important;height:40px!important;border-radius:12px!important;background:#fff!important;border:1px solid #e4e8ed!important;box-shadow:0 3px 10px rgba(17,24,39,.04)!important;flex:0 0 auto!important}
.mobile-nav .menu-nav-icon svg{width:17px!important;height:17px!important;stroke-width:1.75!important}
.mobile-nav .menu-primary a>span:nth-child(2){display:grid!important;gap:4px!important;min-width:0!important}
.mobile-nav .menu-primary a>span:nth-child(2) b{font-size:12px!important;font-weight:900!important;white-space:nowrap!important}
.mobile-nav .menu-primary a>span:nth-child(2) small{font-size:9px!important;color:#8a919c!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.mobile-nav .menu-primary a>i{font-size:15px!important;font-style:normal!important;color:#9aa1ab!important;transition:transform .16s ease,color .16s ease!important}
.mobile-nav .menu-primary a:hover>i{transform:translate(2px,-2px)!important;color:#111827!important}
.mobile-nav .menu-primary a.is-active>i{color:#e0b55d!important}
.mobile-nav .premium-manager{
  min-height:64px!important;margin:10px 16px 12px!important;width:calc(100% - 32px)!important;padding:10px 13px!important;
  border:1px solid rgba(185,139,46,.28)!important;border-radius:16px!important;
  background:linear-gradient(180deg,#fffdf8,#fff7e9)!important;color:#172033!important;
  box-shadow:0 10px 24px rgba(176,126,29,.07)!important;
}
.mobile-nav .premium-manager .manager-mark{width:9px!important;height:9px!important;border-radius:50%!important;background:#d3a13c!important;color:transparent!important;box-shadow:0 0 0 5px rgba(211,161,60,.10)!important;flex:0 0 auto!important}
.mobile-nav .premium-manager b{font-size:11px!important;font-weight:950!important}
.mobile-nav .premium-manager small{font-size:9px!important;color:#9a7a3a!important}
.mobile-nav .premium-manager i{font-size:16px!important;color:#111827!important}
.mobile-nav .menu-footer-note{margin:0 16px 16px!important;padding:12px 3px 0!important;border-top:1px solid #edf0f3!important;font-size:8px!important;letter-spacing:.10em!important;color:#a0a6af!important}
@media (max-width:520px){
  .mobile-nav .premium-menu-head{padding:16px!important}
  .mobile-nav .menu-quick-grid{padding:12px 12px 10px!important}
  .mobile-nav .menu-primary{padding-left:10px!important;padding-right:10px!important}
  .mobile-nav .menu-primary a{min-height:58px!important}
}
@media (max-height:680px){
  .mobile-nav .premium-menu-head{min-height:66px!important;padding:13px 16px!important}
  .mobile-nav .menu-quick-grid{padding-top:9px!important;padding-bottom:7px!important}
  .mobile-nav .menu-primary{gap:3px!important;padding-top:0!important}
  .mobile-nav .menu-primary a{min-height:52px!important}
  .mobile-nav .menu-nav-icon{width:36px!important;height:36px!important}
  .mobile-nav .premium-manager{min-height:56px!important;margin-top:6px!important;margin-bottom:8px!important}
}

/* === QUICK ACTIONS — REFINED PREMIUM === */
.mobile-nav .menu-quick-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  padding:14px 14px 10px!important;
}
.mobile-nav .menu-quick-card{
  position:relative!important;
  min-height:64px!important;
  padding:11px 12px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  border:1px solid #e6e9ed!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#111827!important;
  box-shadow:0 5px 16px rgba(17,24,39,.045)!important;
  text-align:left!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
  overflow:hidden!important;
}
.mobile-nav .menu-quick-card::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:3px!important;
  background:#111827!important;
  opacity:.95!important;
}
.mobile-nav .menu-quick-card.menu-wishlist::before{background:#c5963d!important}
.mobile-nav .menu-quick-card:hover{
  transform:translateY(-2px)!important;
  border-color:#d7dce2!important;
  box-shadow:0 12px 26px rgba(17,24,39,.09)!important;
}
.mobile-nav .menu-quick-card:active{transform:scale(.985)!important}
.mobile-nav .menu-quick-card:focus-visible{
  outline:none!important;
  border-color:#c5963d!important;
  box-shadow:0 0 0 3px rgba(197,150,61,.12),0 10px 24px rgba(17,24,39,.08)!important;
}
.mobile-nav .menu-quick-card .menu-icon{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  background:#f6f7f8!important;
  color:#111827!important;
  border:1px solid #e8ebef!important;
  box-shadow:none!important;
}
.mobile-nav .menu-cart .menu-icon{background:#111827!important;color:#fff!important;border-color:#111827!important}
.mobile-nav .menu-wishlist .menu-icon{background:#fbf6eb!important;color:#8f6b2e!important;border-color:#ecdcbf!important}
.mobile-nav .menu-quick-card .menu-icon svg{width:18px!important;height:18px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important}
.mobile-nav .menu-link-copy{
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
}
.mobile-nav .menu-link-copy b{
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:950!important;
  color:#111827!important;
  white-space:nowrap!important;
}
.mobile-nav .menu-link-copy small{
  font-size:8px!important;
  line-height:1.2!important;
  color:#8e96a2!important;
  font-weight:700!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.mobile-nav .menu-count{
  min-width:24px!important;
  height:24px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  display:inline-grid!important;
  place-items:center!important;
  background:#f2f4f6!important;
  color:#111827!important;
  border:1px solid #e1e5e9!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:950!important;
}
.mobile-nav .menu-wishlist .menu-count{background:#fff8eb!important;color:#8f6b2e!important;border-color:#ecdcbf!important}
@media(max-width:360px){
  .mobile-nav .menu-quick-grid{grid-template-columns:1fr!important;gap:8px!important}
  .mobile-nav .menu-quick-card{min-height:60px!important}
}

/* === OPTIONAL CUSTOMER LOCATION / LEADS — PREMIUM === */
.location-consent-inline{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 12px!important;border:1px solid #e6e9ee!important;border-radius:14px!important;background:#fafbfc!important;cursor:pointer!important}
.location-consent-inline input{width:17px!important;height:17px!important;accent-color:#111827!important;flex:0 0 auto!important}
.location-consent-inline span{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}
.location-consent-inline b{font-size:12px!important;color:#172033!important;line-height:1.2!important}
.location-consent-inline small{font-size:10px!important;color:#7b8493!important;line-height:1.3!important}
.location-consent-modal{max-width:520px!important}
.location-consent-note{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:13px 14px!important;margin:16px 0 18px!important;border:1px solid rgba(213,154,40,.20)!important;border-radius:16px!important;background:linear-gradient(135deg,#fffdf7,#fff)!important}
.location-consent-note>span{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:11px!important;background:#111827!important;color:#fff!important;font-size:18px!important;flex:0 0 auto!important}
.location-consent-note div{display:flex!important;flex-direction:column!important;gap:3px!important}
.location-consent-note b{font-size:12px!important;color:#172033!important}
.location-consent-note small{font-size:11px!important;line-height:1.45!important;color:#6f7886!important}
.lead-list{display:flex!important;flex-direction:column!important;gap:10px!important;max-height:58vh!important;overflow:auto!important;padding-right:3px!important}
.lead-item{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;padding:14px 15px!important;border:1px solid #e8ebef!important;border-radius:16px!important;background:#fff!important;box-shadow:0 5px 18px rgba(23,32,51,.035)!important}
.lead-item>div:first-child{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important}
.lead-item>div:first-child b{font-size:13px!important;color:#172033!important}
.lead-item>div:first-child span,.lead-item>div:first-child small{font-size:10px!important;color:#7d8694!important}
.lead-location{display:flex!important;align-items:flex-end!important;flex-direction:column!important;gap:5px!important;text-align:right!important}
.lead-location>span{font-size:10px!important;color:#566171!important}
.lead-location a{font-size:10px!important;font-weight:800!important;color:#8f681f!important;text-decoration:none!important}
.lead-location a:hover{text-decoration:underline!important}
.message-location{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-top:10px!important;padding:8px 10px!important;border-radius:12px!important;background:#f8fafb!important;border:1px solid #e8ebef!important}
.message-location b{font-size:10px!important;color:#172033!important}
.message-location a{font-size:10px!important;font-weight:800!important;color:#8f681f!important;text-decoration:none!important}
.message-location small{font-size:9px!important;color:#7b8493!important}
@media(max-width:620px){
  .lead-item{grid-template-columns:1fr!important}
  .lead-location{align-items:flex-start!important;text-align:left!important}
}


/* === SELLER MANAGER — PREMIUM RESPONSIVE FINAL === */
#managerModal .manager{
  background:linear-gradient(180deg,#f9fafc 0%,#f4f6f9 100%) !important;
  border:1px solid rgba(17,24,39,.09) !important;
  box-shadow:0 36px 120px rgba(15,23,42,.24),0 8px 30px rgba(15,23,42,.08) !important;
}
#managerModal .manager-head{
  min-height:116px !important;
  padding:24px 76px 20px 28px !important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcfd 100%) !important;
  border-bottom:1px solid #e9edf2 !important;
}
#managerModal .manager-head:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:4px !important;
  height:100% !important;
  background:linear-gradient(180deg,#111827 0%,#c79a45 100%) !important;
}
#managerModal .manager-head h2{font-weight:950 !important;color:#111827 !important;margin:0 0 6px !important;}
#managerModal .manager-head .eyebrow{font-size:9px !important;letter-spacing:.20em !important;color:#b18131 !important;}
#managerModal .manager-head .muted{color:#717b8b !important;font-size:12px !important;line-height:1.6 !important;}
#managerModal .manager-buttons .btn,
#managerModal .manager-buttons .file-label{
  min-height:40px !important;border-radius:11px !important;padding:0 13px !important;
  box-shadow:0 3px 10px rgba(17,24,39,.04) !important;
}
#managerModal .manager-buttons .btn.primary{background:#111827 !important;color:#fff !important;}
#managerModal .manager-buttons .btn.primary:hover{background:#202938 !important;transform:translateY(-1px) !important;}
#managerModal .manager-buttons .btn.secondary,
#managerModal .manager-buttons .file-label{background:#fff !important;color:#273246 !important;border-color:#dde3ea !important;}
#managerModal .manager-buttons .btn.secondary:hover,
#managerModal .manager-buttons .file-label:hover{border-color:#cbd3de !important;transform:translateY(-1px) !important;box-shadow:0 8px 18px rgba(17,24,39,.07) !important;}
.manager-live-strip{
  margin-top:12px !important;padding:8px 11px !important;border-radius:10px !important;
  background:#f6f8fb !important;border:1px solid #e8ecf1 !important;font-size:10px !important;
}
.manager-tabs{
  padding:9px 18px !important;gap:6px !important;background:rgba(255,255,255,.96) !important;
  box-shadow:0 1px 0 rgba(17,24,39,.025),0 8px 22px rgba(17,24,39,.035) !important;
  scrollbar-width:none !important;
}
.manager-tabs::-webkit-scrollbar{display:none}
.manager-tab{
  position:relative !important;
  min-height:42px !important;
  padding:0 14px !important;
  border:1px solid transparent !important;
  border-radius:12px !important;
  font-size:11px !important;
  font-weight:850 !important;
  color:#6f7888 !important;
  background:transparent !important;
  transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease !important;
}
.manager-tab:hover{background:#f6f8fa !important;color:#182132 !important;border-color:#e8ebef !important;transform:translateY(-1px) !important;}
.manager-tab:focus-visible{outline:none !important;border-color:#d3a34e !important;box-shadow:0 0 0 3px rgba(211,163,78,.12) !important;}
.manager-tab.active{
  background:#111827 !important;color:#fff !important;border-color:#111827 !important;
  box-shadow:0 8px 18px rgba(17,24,39,.13) !important;
}
.manager-tab.active:after{
  content:"" !important;position:absolute !important;left:14px !important;right:14px !important;bottom:4px !important;height:2px !important;
  border-radius:999px !important;background:#d7aa55 !important;
}
.manager-panel-stack{padding:18px !important;background:linear-gradient(180deg,#f6f8fb 0%,#f4f6f9 100%) !important;overscroll-behavior:contain !important;-webkit-overflow-scrolling:touch !important;}
.manager-panel{max-width:1240px !important;margin:0 auto !important;}
.control-card{
  border-radius:17px !important;border-color:#e2e7ed !important;padding:19px !important;
  box-shadow:0 8px 28px rgba(17,24,39,.045) !important;
}
.control-card:hover{box-shadow:0 14px 34px rgba(17,24,39,.065) !important;}
#managerModal .dash-stat{
  min-height:92px !important;border-radius:15px !important;background:#fff !important;border:1px solid #e2e7ed !important;
  box-shadow:0 6px 18px rgba(17,24,39,.035) !important;
}
#managerModal .dash-stat b{font-size:23px !important;letter-spacing:-.03em !important;color:#111827 !important;}
#managerModal .dash-stat span{font-size:10px !important;color:#7b8492 !important;}
#managerModal .manager-search input,
#managerModal .manager-search select,
#managerModal .manager-refresh{border-radius:11px !important;min-height:42px !important;}
#managerModal .manager-refresh{background:#111827 !important;border-color:#111827 !important;}
#managerModal .product-form{border-radius:17px !important;box-shadow:0 10px 30px rgba(17,24,39,.045) !important;}

/* Menu Seller Manager entry */
.mobile-nav .premium-manager{
  min-height:68px !important;
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:11px !important;
  margin:10px 16px 14px !important;
  padding:10px 13px !important;
  border:1px solid rgba(180,133,44,.24) !important;
  border-radius:17px !important;
  background:linear-gradient(135deg,#fffefb 0%,#fff8e9 100%) !important;
  color:#172033 !important;
  box-shadow:0 10px 28px rgba(176,126,29,.07),inset 0 1px rgba(255,255,255,.9) !important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease !important;
}
.mobile-nav .premium-manager:hover{transform:translateY(-2px) !important;border-color:rgba(180,133,44,.38) !important;box-shadow:0 16px 34px rgba(176,126,29,.11),inset 0 1px rgba(255,255,255,.9) !important;}
.mobile-nav .premium-manager:focus-visible{outline:none !important;box-shadow:0 0 0 3px rgba(211,161,60,.14),0 14px 28px rgba(176,126,29,.10) !important;}
.mobile-nav .premium-manager .manager-mark{
  width:42px !important;height:42px !important;border-radius:13px !important;
  display:grid !important;place-items:center !important;background:#111827 !important;color:#fff !important;
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 7px 16px rgba(17,24,39,.12) !important;
}
.mobile-nav .premium-manager .manager-mark svg{width:18px !important;height:18px !important;stroke:#dcb568 !important;}
.mobile-nav .premium-manager .manager-copy{display:grid !important;gap:3px !important;min-width:0 !important;text-align:left !important;}
.mobile-nav .premium-manager .manager-copy b{font-size:11px !important;font-weight:950 !important;letter-spacing:-.01em !important;}
.mobile-nav .premium-manager .manager-copy small{font-size:8px !important;color:#9b7b3f !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
.mobile-nav .premium-manager>i{font-size:17px !important;color:#111827 !important;font-style:normal !important;transition:transform .18s ease !important;}
.mobile-nav .premium-manager:hover>i{transform:translateX(3px) !important;}

@media(max-width:900px){
  #managerModal .manager-head{min-height:102px !important;padding:20px 62px 16px 20px !important;}
  #managerModal .manager-head .muted{font-size:11px !important;max-width:620px !important;}
  #managerModal .manager-buttons{gap:7px !important;}
  #managerModal .manager-buttons .btn,#managerModal .manager-buttons .file-label{min-height:38px !important;font-size:9px !important;}
  .manager-tabs{padding:8px 10px !important;}
  .manager-tab{min-height:40px !important;padding:0 12px !important;font-size:10px !important;}
  .manager-panel-stack{padding:13px !important;}
}
@media(max-width:560px){
  #managerModal .manager-head{min-height:132px !important;padding:18px 56px 14px 17px !important;}
  #managerModal .manager-head h2{font-size:23px !important;}
  #managerModal .manager-head .muted{font-size:10px !important;line-height:1.45 !important;}
  #managerModal .manager-buttons{display:grid !important;grid-template-columns:1fr 1fr !important;width:100% !important;margin-top:9px !important;}
  #managerModal .manager-buttons .btn,#managerModal .manager-buttons .file-label{width:100% !important;min-width:0 !important;}
  .manager-tabs{gap:5px !important;}
  .manager-tab{min-height:38px !important;padding:0 10px !important;border-radius:10px !important;font-size:9px !important;}
  .manager-tab.active:after{left:10px !important;right:10px !important;bottom:3px !important;}
  .manager-panel-stack{padding:10px !important;}
  .control-card{padding:14px !important;border-radius:15px !important;}
  .mobile-nav .premium-manager{min-height:62px !important;margin-left:12px !important;margin-right:12px !important;width:calc(100% - 24px) !important;}
}
@media(max-width:360px){
  #managerModal .manager-head{padding-left:13px !important;padding-right:52px !important;}
  #managerModal .manager-buttons{grid-template-columns:1fr 1fr !important;gap:5px !important;}
  .manager-tab{padding:0 9px !important;font-size:8px !important;}
  .mobile-nav .premium-manager{grid-template-columns:38px minmax(0,1fr) auto !important;gap:9px !important;min-height:58px !important;padding:8px 10px !important;}
  .mobile-nav .premium-manager .manager-mark{width:38px !important;height:38px !important;border-radius:11px !important;}
  .mobile-nav .premium-manager .manager-copy b{font-size:10px !important;}
  .mobile-nav .premium-manager .manager-copy small{font-size:7px !important;}
}

/* === SELLER MANAGER — BROWSER-LIKE EXPANDABLE WORKSPACE === */
#managerModal .manager{
  width:min(1500px,96vw) !important;
  height:min(94vh,980px) !important;
  max-height:94vh !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}
#managerModal .manager-head{
  flex:0 0 auto !important;
  position:relative !important;
  z-index:20 !important;
  transition:min-height .2s ease,padding .2s ease,opacity .18s ease,transform .2s ease !important;
}
#managerModal .manager.workspace-focus .manager-head{
  min-height:74px !important;
  padding:13px 76px 10px 24px !important;
}
#managerModal .manager.workspace-focus .manager-head .muted{
  display:none !important;
}
#managerModal .manager.workspace-focus .manager-live-strip{
  margin-top:7px !important;
  padding:5px 9px !important;
  font-size:9px !important;
}
.manager-workspace{
  min-height:0 !important;
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}
.manager-tabs{
  flex:0 0 auto !important;
  position:sticky !important;
  top:0 !important;
  z-index:15 !important;
  display:flex !important;
  align-items:center !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  white-space:nowrap !important;
}
.manager-tab{
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
}
.manager-tab-arrow{
  font-size:11px !important;
  opacity:.38 !important;
  transition:transform .18s ease,opacity .18s ease !important;
}
.manager-tab:hover .manager-tab-arrow,
.manager-tab.active .manager-tab-arrow{opacity:.85 !important;transform:translate(1px,-1px) !important;}
.manager-panel-stack{
  min-height:0 !important;
  flex:1 1 auto !important;
  overflow:auto !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;
}
.manager-panel{
  width:100% !important;
  min-height:100% !important;
}
.manager-panel.active{
  animation:managerPanelIn .18s ease both !important;
}
@keyframes managerPanelIn{from{opacity:.82;transform:translateY(4px)}to{opacity:1;transform:none}}
#managerModal .manager.workspace-focus .manager-panel-stack{
  padding:14px !important;
}
#managerModal .manager.workspace-focus .manager-panel:not([data-panel="overview"]){
  min-height:calc(100% - 1px) !important;
}
#managerModal .manager.workspace-focus [data-panel="products"] .manager-layout{
  min-height:100% !important;
  align-items:stretch !important;
}
#managerModal .manager.workspace-focus [data-panel="products"] .product-form{
  position:sticky !important;
  top:0 !important;
  max-height:none !important;
  height:max-content !important;
}
#managerModal .manager.workspace-focus [data-panel="messages"] .manager-messages,
#managerModal .manager.workspace-focus [data-panel="leads"] .leads-card{
  min-height:calc(100vh - 280px) !important;
}
#managerModal .manager.workspace-focus [data-panel="storefront"] .settings-grid,
#managerModal .manager.workspace-focus [data-panel="data"] .settings-grid{
  align-items:stretch !important;
}
#managerModal .manager.workspace-focus [data-panel="storefront"] .control-card,
#managerModal .manager.workspace-focus [data-panel="data"] .control-card{
  min-height:100% !important;
}
@media(max-width:900px){
  #managerModal .manager,
  #managerModal .manager.workspace-focus{
    width:100vw !important;
    height:100dvh !important;
    max-height:100dvh !important;
    border-radius:0 !important;
  }
  #managerModal .manager.workspace-focus .manager-head{min-height:62px !important;padding:10px 54px 8px 16px !important;}
  #managerModal .manager.workspace-focus .manager-head h2{font-size:21px !important;}
  #managerModal .manager.workspace-focus .manager-live-strip{display:none !important;}
  .manager-tabs{padding:7px 8px !important;}
  .manager-tab{min-height:38px !important;padding:0 11px !important;border-radius:10px !important;font-size:9px !important;}
  #managerModal .manager.workspace-focus .manager-panel-stack{padding:9px !important;}
  #managerModal .manager.workspace-focus [data-panel="products"] .manager-layout{grid-template-columns:1fr !important;}
  #managerModal .manager.workspace-focus [data-panel="products"] .product-form{position:relative !important;top:auto !important;}
}
@media(max-width:560px){
  #managerModal .manager.workspace-focus .manager-head{min-height:56px !important;padding:8px 50px 7px 13px !important;}
  #managerModal .manager.workspace-focus .manager-head h2{font-size:19px !important;}
  .manager-tabs{gap:4px !important;padding:6px !important;}
  .manager-tab{min-height:35px !important;padding:0 9px !important;font-size:8px !important;}
  .manager-tab-arrow{font-size:9px !important;}
  #managerModal .manager.workspace-focus .manager-panel-stack{padding:7px !important;}
}
@media(prefers-reduced-motion:reduce){.manager-panel.active{animation:none !important}.manager-tab-arrow{transition:none !important}}

/* === SELLER MANAGER — TRUE FULL-SCREEN WORKSPACE === */
#managerModal .manager.manager-maximized{
  width:100vw !important;
  max-width:none !important;
  height:100vh !important;
  max-height:none !important;
  min-height:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
#managerModal .manager.manager-maximized .manager-head{
  padding-right:88px !important;
}
#managerModal .manager.manager-maximized .manager-panel-stack{
  padding:16px !important;
}
#managerModal .manager.manager-maximized.workspace-focus .manager-panel:not([data-panel="overview"]){
  min-height:100% !important;
}
#managerModal .manager-fullscreen-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  min-height:38px !important;
  padding:0 12px !important;
  border-radius:10px !important;
  font-weight:800 !important;
}
#managerModal .manager-fullscreen-btn .fs-icon{font-size:15px !important;line-height:1 !important}
#managerModal .manager-fullscreen-btn[aria-pressed="true"]{
  background:#111827 !important;
  color:#fff !important;
  border-color:#111827 !important;
}
body.manager-fullscreen-open{overflow:hidden !important}
@media(max-width:900px){
  #managerModal .manager.manager-maximized{width:100vw !important;height:100dvh !important}
  #managerModal .manager.manager-maximized .manager-head{padding-right:52px !important}
  #managerModal .manager-fullscreen-btn .fs-label{display:none !important}
  #managerModal .manager-fullscreen-btn{width:38px !important;min-width:38px !important;padding:0 !important}
}

/* === SELLER MANAGER ANALYTICS — PREMIUM === */
.analytics-shell{width:100%}
.analytics-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.analytics-stat{min-width:0;padding:16px 16px 14px;border:1px solid #e7ebf0;border-radius:18px;background:linear-gradient(180deg,#fff,#fafbfd);box-shadow:0 8px 26px rgba(17,24,39,.045)}
.analytics-stat span{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}
.analytics-stat b{display:block;margin-top:7px;font-size:25px;line-height:1;color:#111827;letter-spacing:-.03em}
.analytics-stat small{display:block;margin-top:8px;color:#8a93a3;font-size:11px;line-height:1.4}
.analytics-grid-main{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;margin-top:14px}
.analytics-card{min-width:0;padding:18px;border:1px solid #e7ebf0;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(17,24,39,.05)}
.analytics-card h3{margin:3px 0 0;font-size:18px;letter-spacing:-.02em;color:#111827}
.analytics-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;align-items:end;height:190px;padding:12px 2px 0}
.analytics-bar-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0}
.analytics-bar-col>span{font-size:10px;font-weight:800;color:#5f6877;min-height:14px}
.analytics-bar-track{width:100%;height:130px;display:flex;align-items:flex-end;justify-content:center;margin:3px 0 8px}
.analytics-bar-track i{display:block;width:min(28px,74%);min-height:7px;border-radius:999px 999px 7px 7px;background:linear-gradient(180deg,#d4ad55,#b98a2f);box-shadow:0 8px 18px rgba(185,138,47,.18)}
.analytics-bar-col small{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#7a8391;font-size:10px}
.analytics-insight{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #edf0f3;font-size:11px}
.analytics-insight b{color:#333b49}.analytics-insight span{color:#7a8391;text-align:right}
.analytics-list{display:flex;flex-direction:column;gap:4px;margin-top:12px}
.analytics-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 9px;border-radius:12px;transition:background .16s ease,transform .16s ease}
.analytics-row:hover{background:#f7f8fa;transform:translateY(-1px)}
.analytics-row .rank{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#f4f5f7;color:#697281;font-size:10px;font-weight:800}
.analytics-row>div{min-width:0}.analytics-row b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#1a2230}.analytics-row small{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8992a0;font-size:10px}.analytics-row>strong{font-size:13px;color:#111827;min-width:26px;text-align:right}
.analytics-footnote{margin-top:14px;padding:11px 13px;border-radius:12px;background:#f7f8fa;color:#7d8795;font-size:10px;line-height:1.5}
@media(max-width:1100px){.analytics-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid-main{grid-template-columns:1fr}.analytics-bars{height:175px}}
@media(max-width:620px){.analytics-overview-grid{grid-template-columns:1fr 1fr;gap:9px}.analytics-stat{padding:13px}.analytics-stat b{font-size:21px}.analytics-stat small{font-size:10px}.analytics-card{padding:14px;border-radius:16px}.analytics-card h3{font-size:16px}.analytics-bars{gap:6px;height:155px}.analytics-bar-track{height:108px}.analytics-bar-track i{width:min(22px,72%)}.analytics-bar-col small{font-size:9px}.analytics-row{grid-template-columns:30px minmax(0,1fr) auto;padding:9px 6px}.analytics-row b{font-size:11px}.analytics-row small{font-size:9px}.analytics-footnote{font-size:9px}}
@media(max-width:390px){.analytics-overview-grid{grid-template-columns:1fr}.analytics-stat b{font-size:24px}.analytics-grid-main{gap:10px}.analytics-bars{height:145px}.analytics-bar-track{height:98px}.analytics-bar-col>span{font-size:9px}.analytics-bar-col small{font-size:8px}}

/* ===== PREMIUM CUSTOMER CHAT + ORDER FLOW ===== */
.customer-chat-card{width:min(760px,calc(100vw - 28px))!important;max-width:760px!important;padding:0!important;overflow:hidden!important;border:1px solid #e7ebf0!important;border-radius:24px!important;background:#fff!important;box-shadow:0 30px 90px rgba(17,24,39,.18),0 8px 24px rgba(17,24,39,.08)!important}
.customer-chat-card .close{top:16px!important;right:16px!important;z-index:4!important;background:#fff!important;border:1px solid #e4e8ee!important;color:#172033!important}
.chat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 58px 18px 24px;background:linear-gradient(180deg,#fff 0%,#fafbfc 100%);border-bottom:1px solid #eef1f4}
.chat-head h2{margin:4px 0 4px!important;font-size:25px!important;letter-spacing:-.04em!important}.chat-live-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#f4fbf7;color:#196b46;font-weight:900;font-size:10px;white-space:nowrap}.chat-live-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:#31a36a}
.customer-chat-thread{height:min(48vh,460px);min-height:240px;overflow:auto;padding:18px 20px;background:#f6f8fb;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.chat-empty{height:100%;min-height:200px;display:grid;place-items:center;align-content:center;text-align:center;color:#718096;gap:5px}.chat-empty-icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:#fff;border:1px solid #e6eaf0;color:#b18635;font-size:18px;box-shadow:0 8px 20px rgba(17,24,39,.06)}.chat-empty b{color:#172033;font-size:15px}.chat-empty span{max-width:320px;font-size:11px;line-height:1.55}
.chat-bubble-row{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.chat-bubble{max-width:82%;padding:11px 13px;border-radius:16px;border:1px solid #e2e7ee;background:#fff;box-shadow:0 6px 16px rgba(17,24,39,.04)}.chat-bubble.customer{align-self:flex-end;border-bottom-right-radius:6px;background:#172033;color:#fff;border-color:#172033}.chat-bubble.seller{align-self:flex-start;border-bottom-left-radius:6px;background:#fff;color:#172033}.chat-bubble small{display:block;font-size:9px;opacity:.68;margin-bottom:5px}.chat-bubble p{margin:0;font-size:11px;line-height:1.55}.chat-order-status{margin-top:7px;padding:7px 8px;border-radius:9px;background:rgba(255,255,255,.10);font-size:9px;line-height:1.45}
.customer-chat-form{padding:16px 18px 18px;background:#fff}.chat-name-field,.chat-phone-field{display:block;font-size:10px;font-weight:800;color:#667085;margin-bottom:8px}.chat-name-field input,.chat-phone-field input{margin-top:5px;width:100%;height:40px;border:1px solid #e1e6ed;border-radius:11px;padding:0 11px;background:#fff;color:#172033;outline:none}.chat-name-field input:focus,.chat-phone-field input:focus{border-color:#cda24e;box-shadow:0 0 0 3px rgba(205,162,78,.12)}
.chat-compose-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end}.chat-compose-row textarea{width:100%;resize:none;border:1px solid #e1e6ed;border-radius:13px;padding:11px 12px;background:#fff;color:#172033;outline:none;font:inherit;font-size:11px;line-height:1.5}.chat-compose-row textarea:focus{border-color:#cda24e;box-shadow:0 0 0 3px rgba(205,162,78,.12)}.chat-compose-row .btn{min-height:42px;padding-inline:15px}
.chat-order-strip{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:10px;padding:11px 12px;border:1px solid #ebeef2;border-radius:13px;background:#fafbfc}.chat-order-strip b{display:block;font-size:11px;color:#172033}.chat-order-strip small{display:block;margin-top:2px;color:#7a8495;font-size:9px;line-height:1.45}.chat-order-strip .btn{min-height:36px;padding:0 12px;font-size:10px}
.location-consent-inline{display:flex!important;gap:9px!important;align-items:flex-start!important;margin-top:10px!important;padding-top:8px!important;border-top:1px solid #edf0f3!important}.location-consent-inline input{margin-top:2px}.location-consent-inline span{display:grid;gap:2px}.location-consent-inline b{font-size:10px;color:#344054}.location-consent-inline small{font-size:9px;color:#8a93a1}
.seller-order-card{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:9px;padding:10px 11px;border:1px solid #e4e8ee;border-radius:11px;background:#fafbfc}.seller-order-card b{display:block;font-size:11px;color:#172033}.seller-order-card span{display:block;color:#667085;font-size:9px;margin-top:3px}.order-status{padding:5px 8px;border-radius:999px;font-size:8px;font-weight:900;white-space:nowrap}.order-pending{background:#fff4d7;color:#956510}.order-accepted{background:#edf8f2;color:#19704a}.order-completed{background:#172033;color:#fff}.order-declined{background:#fff0ef;color:#b42318}.message-order-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.message-order-actions button{border:1px solid #dfe4eb;background:#fff;border-radius:8px;padding:7px 9px;font-weight:800;font-size:9px}.message-order-actions button:first-child{background:#172033;color:#fff;border-color:#172033}.message-order-actions .danger{color:#b42318}.order-complete-note{align-self:center;font-size:9px;font-weight:800;color:#19704a}
.message-item.order-message{border-left:3px solid #cda24e}
.notify-btn{margin-left:auto!important}.messages-head{flex-wrap:wrap!important}
@media(max-width:620px){.customer-chat-card{width:calc(100vw - 16px)!important;border-radius:20px!important}.chat-head{padding:20px 50px 15px 17px}.chat-head h2{font-size:21px!important}.customer-chat-thread{height:46vh;min-height:230px;padding:14px}.customer-chat-form{padding:13px}.chat-compose-row{grid-template-columns:1fr}.chat-compose-row .btn{width:100%}.chat-order-strip{align-items:flex-start;flex-direction:column}.chat-order-strip .btn{width:100%}.chat-bubble{max-width:91%}.seller-order-card{align-items:flex-start;flex-direction:column}.notify-btn{width:100%!important;margin-left:0!important}}
@media(prefers-reduced-motion:reduce){.customer-chat-card *{scroll-behavior:auto!important}}

.reply-composer{margin-top:10px;padding:10px;border:1px solid #e6eaf0;border-radius:12px;background:#f8fafc}.reply-composer textarea{display:block;width:100%;resize:vertical;border:1px solid #dfe4eb;border-radius:10px;background:#fff;padding:9px 10px;font:inherit;font-size:11px;color:#172033;outline:none;box-sizing:border-box}.reply-composer textarea:focus{border-color:#cda24e;box-shadow:0 0 0 3px rgba(205,162,78,.12)}.reply-composer>div{display:flex;justify-content:flex-end;gap:7px;margin-top:8px}.reply-composer button{border:1px solid #dfe4eb;background:#fff;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:800}.reply-composer .reply-send{background:#172033;color:#fff;border-color:#172033}
/* === CUSTOMER DATA — PREMIUM RECORDS === */
.manager-customer-records{margin:18px 0;padding:18px;border:1px solid rgba(17,24,39,.08);border-radius:22px;background:#fff;box-shadow:0 12px 35px rgba(17,24,39,.06)}
.customer-record-list{display:grid;gap:10px;max-height:420px;overflow:auto;padding-right:2px}
.customer-record{border:1px solid rgba(17,24,39,.08);border-radius:16px;background:#fbfcfe;overflow:hidden}
.customer-record summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;cursor:pointer}
.customer-record summary::-webkit-details-marker{display:none}
.customer-record summary span{display:grid;gap:3px;min-width:0}.customer-record summary b{font-size:13px;color:#111827}.customer-record summary small,.customer-record summary i{font-size:11px;color:#667085}.customer-record summary i{font-style:normal;white-space:nowrap}.customer-record-body{padding:0 16px 16px;border-top:1px solid rgba(17,24,39,.07)}
.customer-record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:14px 0}.customer-record-grid span{display:grid;gap:3px;padding:10px 11px;border:1px solid rgba(17,24,39,.06);border-radius:12px;background:#fff;font-size:11px;color:#344054;min-width:0}.customer-record-grid b{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#98a2b3}.customer-record-grid a{color:#172033;font-weight:800;text-decoration:none}.customer-event-list{display:grid;gap:8px}.customer-event-list article{padding:11px 12px;border-radius:12px;background:#fff;border:1px solid rgba(17,24,39,.06);display:grid;gap:4px}.customer-event-list article small{font-size:10px;color:#98a2b3}.customer-event-list article b{font-size:11px;color:#172033}.customer-event-list article strong{font-size:11px;color:#111827}.customer-event-list article p,.customer-event-list article span{margin:0;font-size:11px;color:#475467;line-height:1.5}
@media(max-width:900px){.customer-record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.manager-customer-records{padding:13px;border-radius:18px}.customer-record summary{align-items:flex-start;padding:12px}.customer-record-grid{grid-template-columns:1fr}.customer-record summary i{display:none}.customer-record-list{max-height:55vh}}


/* === CUSTOMER INTELLIGENCE WORKSPACE === */
.customer-insights-shell{overflow:hidden}
.manager-customer-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.customer-insight-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:16px}
.customer-insight-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12px;margin-top:12px}
.insight-list{display:grid;gap:7px}
.insight-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid rgba(17,24,39,.07);border-radius:13px;background:#fbfcfe}
.insight-row .rank{font-size:10px;font-weight:900;color:#98a2b3}
.insight-row div{display:grid;gap:3px;min-width:0}.insight-row b{font-size:12px;color:#111827}.insight-row small{font-size:10px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insight-row strong{font-size:11px;color:#172033}
.signal-stack{display:grid;gap:10px}.signal-stack>div{display:grid;gap:4px;padding:12px;border:1px solid rgba(17,24,39,.07);border-radius:13px;background:#fbfcfe}.signal-stack b{font-size:11px;color:#111827}.signal-stack small{font-size:10px;line-height:1.5;color:#667085}
.customer-directory-card{margin-top:12px}.customer-directory-list{display:grid;gap:8px;max-height:58vh;overflow:auto;padding-right:2px}.customer-insight-record{border:1px solid rgba(17,24,39,.08);border-radius:15px;background:#fbfcfe;overflow:hidden}.customer-insight-record summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;cursor:pointer}.customer-insight-record summary::-webkit-details-marker{display:none}.customer-insight-record summary span{display:grid;gap:3px;min-width:0}.customer-insight-record summary b{font-size:12px;color:#111827}.customer-insight-record summary small,.customer-insight-record summary i{font-size:10px;color:#667085}.customer-insight-record summary i{font-style:normal;white-space:nowrap}.customer-insight-body{padding:0 14px 14px;border-top:1px solid rgba(17,24,39,.07)}.customer-insight-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 0}.customer-insight-meta span{display:grid;gap:3px;padding:9px 10px;border:1px solid rgba(17,24,39,.06);border-radius:11px;background:#fff;font-size:10px;color:#344054}.customer-insight-meta b{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#98a2b3}.customer-insight-meta a{font-weight:800;color:#172033;text-decoration:none}.customer-insight-events{display:grid;gap:7px}.customer-insight-events article{display:grid;gap:4px;padding:10px 11px;border:1px solid rgba(17,24,39,.06);border-radius:11px;background:#fff}.customer-insight-events article small{font-size:9px;color:#98a2b3}.customer-insight-events article b{font-size:11px;color:#172033}.customer-insight-events article p,.customer-insight-events article span{margin:0;font-size:10px;line-height:1.45;color:#475467}
@media(max-width:1100px){.customer-insight-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-insight-grid{grid-template-columns:1fr}.customer-insight-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.manager-customer-actions{justify-content:stretch}.manager-customer-actions .btn{flex:1}.customer-insight-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-insight-record summary{align-items:flex-start}.customer-insight-record summary i{display:none}.customer-insight-meta{grid-template-columns:1fr}.customer-directory-list{max-height:60vh}}

/* === SELLER MANAGER — BROWSER-LIKE NAVIGATION === */
.manager-browserbar{
  flex:0 0 auto!important;
  min-height:52px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  padding:8px 18px!important;
  background:#fbfcfd!important;
  border-bottom:1px solid #e8ebef!important;
}
.manager-browser-actions{display:flex!important;align-items:center!important;gap:6px!important}
.manager-browser-btn,.manager-browser-mini{
  appearance:none!important;
  width:36px!important;height:36px!important;
  border:1px solid #e1e6ec!important;
  background:#fff!important;color:#111827!important;
  border-radius:11px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font-size:17px!important;font-weight:700!important;line-height:1!important;
  box-shadow:0 2px 8px rgba(17,24,39,.04)!important;
  cursor:pointer!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease!important;
}
.manager-browser-btn:hover:not(:disabled),.manager-browser-mini:hover{transform:translateY(-1px)!important;border-color:#cfd6df!important;box-shadow:0 7px 18px rgba(17,24,39,.08)!important;background:#fff!important}
.manager-browser-btn:focus-visible,.manager-browser-mini:focus-visible{outline:none!important;border-color:#cfa24f!important;box-shadow:0 0 0 3px rgba(207,162,79,.14)!important}
.manager-browser-btn:disabled{opacity:.35!important;cursor:default!important;box-shadow:none!important;background:#f4f6f8!important}
.manager-home-btn{margin-left:3px!important}
.manager-breadcrumb{min-width:0!important;display:flex!important;align-items:center!important;gap:8px!important;overflow:hidden!important;white-space:nowrap!important}
.manager-crumb-root{font-size:11px!important;font-weight:800!important;color:#8a93a2!important;letter-spacing:.02em!important}
.manager-crumb-sep{color:#c2c8d1!important;font-size:13px!important}
#managerCurrentView{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:12px!important;color:#111827!important;font-weight:900!important}
.manager-browser-tools{display:flex!important;justify-content:flex-end!important}
.manager-browser-mini{font-size:16px!important}
@media(max-width:900px){
 .manager-browserbar{padding:7px 10px!important;gap:9px!important;min-height:47px!important}
 .manager-browser-btn,.manager-browser-mini{width:34px!important;height:34px!important;border-radius:10px!important}
}
@media(max-width:560px){
 .manager-browserbar{grid-template-columns:auto minmax(0,1fr) auto!important;padding:6px!important}
 .manager-browser-actions{gap:4px!important}
 .manager-home-btn{margin-left:1px!important}
 .manager-crumb-root{display:none!important}
 .manager-crumb-sep{display:none!important}
 #managerCurrentView{font-size:11px!important}
 .manager-browser-mini{font-size:15px!important}
}

/* === SELLER MANAGER — STICKY FEATURE BAR === */
#managerModal .manager-workspace{
  position:relative!important;
  overflow:visible!important;
  min-height:0!important;
}
#managerModal .manager-browserbar{
  position:sticky!important;
  top:0!important;
  z-index:80!important;
}
#managerModal .manager-tabs{
  position:sticky!important;
  top:52px!important;
  z-index:79!important;
  background:rgba(255,255,255,.97)!important;
  backdrop-filter:saturate(150%) blur(10px)!important;
  -webkit-backdrop-filter:saturate(150%) blur(10px)!important;
  border-bottom:1px solid #e4e8ee!important;
  box-shadow:0 7px 18px rgba(17,24,39,.055)!important;
}
#managerModal .manager-tabs.is-stuck{
  box-shadow:0 10px 24px rgba(17,24,39,.10)!important;
  border-bottom-color:#dfe4eb!important;
}
@media(max-width:900px){
  #managerModal .manager-tabs{top:47px!important}
}
@media(max-width:560px){
  #managerModal .manager-tabs{top:46px!important}
}

/* === PREMIUM BLACK MENU CONTROL === */
.header-main>.head-tools #openMenu.menu-head{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  padding:0!important;
  border:1px solid rgba(17,24,39,.92)!important;
  border-radius:13px!important;
  background:#111827!important;
  color:#fff!important;
  box-shadow:0 8px 24px rgba(17,24,39,.16),inset 0 1px 0 rgba(255,255,255,.08)!important;
  outline:none!important;
  -webkit-tap-highlight-color:transparent!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease!important;
}
.header-main>.head-tools #openMenu.menu-head svg{
  width:19px!important;
  height:19px!important;
  color:#fff!important;
  stroke:#fff!important;
  fill:none!important;
  stroke-width:2.15!important;
  transition:transform .18s ease!important;
}
.header-main>.head-tools #openMenu.menu-head::after{
  content:""!important;
  position:absolute!important;
  inset:2px!important;
  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  pointer-events:none!important;
}
.header-main>.head-tools #openMenu.menu-head:hover{
  transform:translateY(-2px)!important;
  background:#000!important;
  border-color:#000!important;
  box-shadow:0 13px 30px rgba(17,24,39,.23),inset 0 1px 0 rgba(255,255,255,.09)!important;
}
.header-main>.head-tools #openMenu.menu-head:hover svg{transform:scale(1.04)!important}
.header-main>.head-tools #openMenu.menu-head:focus,
.header-main>.head-tools #openMenu.menu-head:focus-visible{
  color:#fff!important;
  background:#111827!important;
  border-color:#111827!important;
  outline:none!important;
  box-shadow:0 0 0 3px rgba(17,24,39,.12),0 12px 28px rgba(17,24,39,.18)!important;
}
.header-main>.head-tools #openMenu.menu-head:active{
  transform:scale(.96)!important;
  background:#000!important;
  border-color:#000!important;
  box-shadow:0 5px 14px rgba(17,24,39,.18)!important;
}
@media(max-width:520px){
  .header-main>.head-tools #openMenu.menu-head{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    border-radius:12px!important;
  }
  .header-main>.head-tools #openMenu.menu-head svg{width:17px!important;height:17px!important}
}
@media(max-width:360px){
  .header-main>.head-tools #openMenu.menu-head{
    width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
    border-radius:11px!important;
  }
  .header-main>.head-tools #openMenu.menu-head svg{width:16px!important;height:16px!important}
}
/* === FINAL TEXT ALIGNMENT — PREMIUM === */
.header-main .text-brand{
  align-self:center!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  text-align:left!important;
  min-height:44px!important;
}
.mobile-nav .menu-branding{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  line-height:1.05!important;
}
.mobile-nav .menu-quick-card .menu-link-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  text-align:left!important;
  min-width:0!important;
}
.mobile-nav .premium-manager .manager-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  text-align:left!important;
}
@media(max-width:360px){
  .header-main .text-brand strong{line-height:1.05!important}
  .header-main .text-brand span{line-height:1.1!important}
}

/* === FEATURED PAIR — COPY PLACEMENT REFINEMENT === */
.featured-pair-card .how-card-content{
  align-items:flex-start!important;
  justify-content:center!important;
  text-align:left!important;
}
.featured-pair-card .featured-copy-stack{
  width:min(100%,540px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
.featured-pair-card .how-kicker{
  margin:0 0 16px!important;
}
.featured-pair-card .how-card-content strong{
  max-width:540px!important;
  margin:0!important;
  line-height:.98!important;
  text-wrap:balance!important;
}
.featured-pair-card .how-card-content p{
  max-width:440px!important;
  margin:18px 0 0!important;
  line-height:1.6!important;
}
.featured-pair-card .experience-action{
  margin-top:30px!important;
  align-self:flex-start!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:44px!important;
}
.featured-pair-card .experience-action-label{
  display:inline-flex!important;
  align-items:center!important;
  white-space:nowrap!important;
}
.featured-pair-card .experience-action span:last-child{
  width:44px!important;height:44px!important;
  flex:0 0 44px!important;
}
@media(max-width:860px){
  .featured-pair-card .how-card-content{padding:32px!important}
  .featured-pair-card .experience-action{margin-top:26px!important}
}
@media(max-width:520px){
  .featured-pair-card .how-card-content{padding:28px 22px 30px!important}
  .featured-pair-card .how-kicker{margin-bottom:13px!important}
  .featured-pair-card .how-card-content p{margin-top:13px!important;line-height:1.52!important}
  .featured-pair-card .experience-action{margin-top:22px!important}
}

/* === FEATURED PAIR — FINAL TYPOGRAPHY POLISH === */
.featured-pair-card .featured-copy-stack{
  gap:0!important;
  padding:2px 0!important;
}
.featured-pair-card .how-kicker{
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.16em!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  color:rgba(17,24,39,.55)!important;
}
.featured-pair-card .how-card-content strong{
  font-size:clamp(30px,3.6vw,52px)!important;
  letter-spacing:-.045em!important;
  font-weight:900!important;
  color:#111827!important;
  line-height:1.02!important;
}
.featured-pair-card .how-card-content p{
  font-size:clamp(13px,1.15vw,16px)!important;
  color:#5b6472!important;
  font-weight:500!important;
  max-width:410px!important;
  line-height:1.58!important;
  letter-spacing:-.01em!important;
}
.featured-pair-card .experience-action{
  min-height:46px!important;
  margin-top:26px!important;
  padding:0 0 0 2px!important;
  color:#111827!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  border:0!important;
  background:transparent!important;
}
.featured-pair-card .experience-action-label{
  min-height:42px!important;
  padding:0 16px!important;
  border:1px solid rgba(17,24,39,.12)!important;
  border-radius:999px!important;
  background:#fff!important;
  box-shadow:0 6px 18px rgba(17,24,39,.06)!important;
}
.featured-pair-card .experience-action:hover .experience-action-label{
  border-color:rgba(17,24,39,.2)!important;
  box-shadow:0 10px 24px rgba(17,24,39,.09)!important;
}
.featured-pair-card .experience-action span:last-child{
  width:42px!important;height:42px!important;flex-basis:42px!important;
  border:1px solid rgba(213,154,40,.34)!important;
  background:#d59a28!important;
  color:#fff!important;
  box-shadow:0 6px 16px rgba(213,154,40,.20)!important;
}
@media(max-width:520px){
  .featured-pair-card .how-card-content strong{font-size:clamp(28px,9vw,40px)!important}
  .featured-pair-card .how-card-content p{font-size:13px!important;max-width:34ch!important}
}

/* === FEATURED PAIR — FINAL PREMIUM CONTRAST + LAYOUT === */
.featured-pair-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)!important;
  min-height:clamp(390px,32vw,540px)!important;
  border-radius:28px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    radial-gradient(120% 100% at 8% 0%,rgba(255,255,255,.10),transparent 45%),
    radial-gradient(90% 90% at 100% 100%,rgba(213,154,40,.14),transparent 48%),
    var(--featured-pair-bg,#151a23)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 28px 80px rgba(15,23,42,.18),0 8px 24px rgba(15,23,42,.08)!important;
}
.featured-pair-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(110deg,rgba(255,255,255,.025),transparent 36%,rgba(255,255,255,.04) 100%)!important;
  z-index:0!important;
}
.featured-pair-card .featured-pair-media{
  position:relative!important;
  min-height:100%!important;
  background:#f1f3f5!important;
  overflow:hidden!important;
  z-index:1!important;
}
.featured-pair-card .featured-pair-media::before{
  content:""!important;
  position:absolute!important;
  inset:8% 8% 8% 8%!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 50% 42%,#ffffff 0%,#eef1f4 62%,#dfe4e9 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(17,24,39,.05),0 18px 40px rgba(15,23,42,.10)!important;
  z-index:0!important;
}
.featured-pair-card .featured-pair-media::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(255,255,255,0) 54%,rgba(15,23,42,.07) 100%)!important;
  z-index:2!important;
  pointer-events:none!important;
}
.featured-pair-card .featured-pair-media img{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  mix-blend-mode:multiply!important;
  filter:contrast(1.04) saturate(1.03)!important;
  transform:scale(1.015)!important;
  transition:transform .65s cubic-bezier(.2,.75,.25,1),filter .35s ease!important;
}
.featured-pair-card:hover .featured-pair-media img{transform:scale(1.05)!important;filter:contrast(1.06) saturate(1.06)!important}
.featured-pair-card .how-card-content{
  position:relative!important;
  z-index:3!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  text-align:left!important;
  padding:clamp(34px,4.6vw,68px)!important;
  color:#fff!important;
  background:transparent!important;
}
.featured-pair-card .featured-copy-stack{
  width:min(100%,500px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:0!important;
}
.featured-pair-card .how-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 0 18px!important;
  padding:8px 12px!important;
  border:1px solid rgba(213,154,40,.38)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.05)!important;
  color:#e4bd70!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.20em!important;
  text-transform:uppercase!important;
}
.featured-pair-card .how-kicker::before{
  content:""!important;
  width:6px!important;
  height:6px!important;
  flex:0 0 6px!important;
  border-radius:50%!important;
  background:#d59a28!important;
  box-shadow:0 0 0 4px rgba(213,154,40,.12)!important;
}
.featured-pair-card .how-card-content strong{
  margin:0!important;
  max-width:520px!important;
  color:#fff!important;
  font-size:clamp(34px,4.2vw,60px)!important;
  line-height:1.01!important;
  letter-spacing:-.045em!important;
  font-weight:900!important;
  text-wrap:balance!important;
}
.featured-pair-card .how-card-content p{
  margin:18px 0 0!important;
  max-width:410px!important;
  color:rgba(255,255,255,.70)!important;
  font-size:clamp(13px,1.15vw,16px)!important;
  line-height:1.60!important;
  font-weight:500!important;
  letter-spacing:-.01em!important;
}
.featured-pair-card .experience-action{
  align-self:flex-start!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:46px!important;
  margin-top:26px!important;
  padding:0!important;
  border:0!important;
  color:#111827!important;
  background:transparent!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  text-decoration:none!important;
}
.featured-pair-card .experience-action-label{
  display:inline-flex!important;
  align-items:center!important;
  min-height:44px!important;
  padding:0 17px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#111827!important;
  box-shadow:0 10px 24px rgba(0,0,0,.14)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.featured-pair-card .experience-action span:last-child{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
  border:1px solid rgba(213,154,40,.48)!important;
  border-radius:50%!important;
  background:#d59a28!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(213,154,40,.24)!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.featured-pair-card .experience-action:hover .experience-action-label{transform:translateY(-1px)!important;box-shadow:0 14px 28px rgba(0,0,0,.18)!important;border-color:rgba(255,255,255,.25)!important}
.featured-pair-card .experience-action:hover span:last-child{transform:translate(2px,-1px)!important;background:#e1aa3d!important;box-shadow:0 14px 30px rgba(213,154,40,.30)!important}
@media(max-width:860px){
  .featured-pair-card{grid-template-columns:1fr!important;min-height:0!important;border-radius:24px!important}
  .featured-pair-card .featured-pair-media{min-height:clamp(280px,54vw,420px)!important}
  .featured-pair-card .how-card-content{padding:32px!important}
  .featured-pair-card .how-card-content strong{font-size:clamp(32px,7.5vw,50px)!important}
}
@media(max-width:520px){
  .featured-pair-card{border-radius:20px!important}
  .featured-pair-card .featured-pair-media{min-height:260px!important}
  .featured-pair-card .featured-pair-media::before{inset:6% 6% 7%!important;border-radius:18px!important}
  .featured-pair-card .how-card-content{padding:26px 22px 28px!important}
  .featured-pair-card .how-kicker{margin-bottom:14px!important;padding:8px 11px!important}
  .featured-pair-card .how-card-content strong{font-size:clamp(29px,9vw,40px)!important}
  .featured-pair-card .how-card-content p{margin-top:13px!important;font-size:13px!important;line-height:1.55!important;max-width:34ch!important}
  .featured-pair-card .experience-action{margin-top:22px!important}
}
@media(prefers-reduced-motion:reduce){
  .featured-pair-card .featured-pair-media img,
  .featured-pair-card .experience-action-label,
  .featured-pair-card .experience-action span:last-child{transition:none!important}
}
/* === FEATURED PAIR COPY — RESPONSIVE FINAL === */
.featured-pair-card .how-card-content{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.featured-pair-card .featured-copy-stack{
  width:100%!important;
  max-width:min(100%, 520px)!important;
  min-width:0!important;
  overflow-wrap:anywhere!important;
}
.featured-pair-card .how-kicker{
  display:inline-flex!important;
  max-width:100%!important;
  white-space:nowrap!important;
}
.featured-pair-card .how-card-content strong{
  display:block!important;
  width:100%!important;
  max-width:12ch!important;
  margin:0!important;
  font-size:clamp(30px,3.7vw,52px)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  text-wrap:balance!important;
}
.featured-pair-card .how-card-content p{
  display:block!important;
  width:100%!important;
  max-width:38ch!important;
  margin:16px 0 0!important;
  font-size:clamp(13px,1.15vw,16px)!important;
  line-height:1.6!important;
  overflow-wrap:break-word!important;
  text-wrap:pretty!important;
}
.featured-pair-card .experience-action{
  align-self:flex-start!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
@media(max-width:1100px){
  .featured-pair-card .how-card-content strong{font-size:clamp(30px,4.4vw,46px)!important;max-width:13ch!important}
  .featured-pair-card .how-card-content p{max-width:36ch!important}
}
@media(max-width:860px){
  .featured-pair-card .how-card-content{align-items:flex-start!important}
  .featured-pair-card .featured-copy-stack{max-width:620px!important}
  .featured-pair-card .how-card-content strong{font-size:clamp(32px,7vw,48px)!important;max-width:14ch!important}
  .featured-pair-card .how-card-content p{max-width:42ch!important}
}
@media(max-width:520px){
  .featured-pair-card .how-card-content{overflow:visible!important}
  .featured-pair-card .featured-copy-stack{max-width:100%!important}
  .featured-pair-card .how-card-content strong{font-size:clamp(28px,9.5vw,40px)!important;max-width:100%!important;line-height:1.04!important}
  .featured-pair-card .how-card-content p{font-size:14px!important;line-height:1.55!important;max-width:32ch!important;margin-top:12px!important}
  .featured-pair-card .experience-action{width:auto!important;max-width:100%!important;margin-top:20px!important}
}
@media(max-width:360px){
  .featured-pair-card .how-card-content strong{font-size:28px!important}
  .featured-pair-card .how-card-content p{max-width:29ch!important}
}

/* === FEATURED PAIR — EDITORIAL PREMIUM COPY SYSTEM === */
.featured-pair-card .how-card-content{
  position:relative!important;
  justify-content:center!important;
  padding:clamp(34px,4.2vw,64px)!important;
  background:linear-gradient(180deg,rgba(13,16,22,.98),rgba(9,12,18,1))!important;
}
.featured-pair-card .how-card-content::before{
  content:""!important;
  position:absolute!important;
  top:28px!important;
  left:clamp(34px,4.2vw,64px)!important;
  width:54px!important;
  height:1px!important;
  background:linear-gradient(90deg,#d59a28,rgba(213,154,40,0))!important;
  opacity:.95!important;
}
.featured-pair-card .featured-copy-stack{
  position:relative!important;
  width:min(100%,500px)!important;
  margin:0!important;
  padding:0!important;
}
.featured-pair-card .how-kicker{
  margin:0 0 18px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:#d8a23a!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.18em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
}
.featured-pair-card .how-card-content strong{
  margin:0!important;
  width:auto!important;
  max-width:10ch!important;
  color:#fff!important;
  font-size:clamp(38px,4.6vw,62px)!important;
  font-weight:800!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
  text-wrap:balance!important;
  overflow-wrap:normal!important;
}
.featured-pair-card .how-card-content p{
  margin:22px 0 0!important;
  width:min(100%,390px)!important;
  color:rgba(255,255,255,.68)!important;
  font-size:clamp(14px,1.25vw,17px)!important;
  font-weight:500!important;
  line-height:1.65!important;
  letter-spacing:-.005em!important;
  text-wrap:pretty!important;
}
.featured-pair-card .experience-action{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  width:auto!important;
  margin-top:30px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:#fff!important;
  text-decoration:none!important;
}
.featured-pair-card .experience-action-label{
  min-height:46px!important;
  padding:0 18px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:#fff!important;
  color:#10141b!important;
  font-size:12px!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
  box-shadow:0 14px 30px rgba(0,0,0,.18)!important;
}
.featured-pair-card .experience-action span:last-child{
  width:46px!important;
  height:46px!important;
  flex-basis:46px!important;
  border:1px solid rgba(213,154,40,.72)!important;
  background:#d59a28!important;
  box-shadow:0 14px 30px rgba(213,154,40,.18)!important;
}
.featured-pair-card .experience-action:focus-visible{outline:2px solid rgba(213,154,40,.75)!important;outline-offset:5px!important;border-radius:999px!important}
@media(max-width:1100px){
  .featured-pair-card .how-card-content{padding:clamp(30px,4.6vw,48px)!important}
  .featured-pair-card .how-card-content::before{left:clamp(30px,4.6vw,48px)!important}
  .featured-pair-card .how-card-content strong{font-size:clamp(38px,5.2vw,54px)!important}
}
@media(max-width:860px){
  .featured-pair-card .how-card-content{padding:34px 32px 38px!important}
  .featured-pair-card .how-card-content::before{left:32px!important;top:24px!important}
  .featured-pair-card .how-card-content strong{max-width:12ch!important;font-size:clamp(38px,8vw,54px)!important}
  .featured-pair-card .how-card-content p{max-width:42ch!important;margin-top:17px!important}
  .featured-pair-card .experience-action{margin-top:24px!important}
}
@media(max-width:520px){
  .featured-pair-card .how-card-content{padding:30px 22px 32px!important}
  .featured-pair-card .how-card-content::before{left:22px!important;top:20px!important;width:44px!important}
  .featured-pair-card .how-kicker{margin-bottom:14px!important;font-size:9px!important;letter-spacing:.16em!important}
  .featured-pair-card .how-card-content strong{max-width:11ch!important;font-size:clamp(36px,11vw,48px)!important;line-height:1!important}
  .featured-pair-card .how-card-content p{width:100%!important;max-width:33ch!important;font-size:14px!important;line-height:1.55!important;margin-top:15px!important}
  .featured-pair-card .experience-action{margin-top:21px!important}
  .featured-pair-card .experience-action-label{min-height:44px!important;padding:0 16px!important;font-size:11px!important}
  .featured-pair-card .experience-action span:last-child{width:44px!important;height:44px!important;flex-basis:44px!important}
}

/* === FEATURED PAIR — REMOVE GOLD ACTION BUTTON === */
.featured-pair-card .experience-action,
.featured-pair-card .experience-action span:last-child{
  background:transparent!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.28)!important;
  box-shadow:none!important;
}
.featured-pair-card .experience-action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:46px!important;
  padding:0 4px 0 0!important;
  border:1px solid rgba(255,255,255,.20)!important;
  border-radius:999px!important;
  width:max-content!important;
  max-width:100%!important;
  background:rgba(255,255,255,.06)!important;
  backdrop-filter:none!important;
}
.featured-pair-card .experience-action-label{
  min-height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 15px!important;
  color:#fff!important;
}
.featured-pair-card .experience-action span:last-child{
  width:auto!important;height:auto!important;flex:0 0 auto!important;
  border:0!important;border-radius:0!important;
  display:inline!important;
  padding:0 12px 0 0!important;
  color:#e0b04a!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
.featured-pair-card .experience-action:hover{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.36)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.14)!important;
}
.featured-pair-card .experience-action:hover span:last-child{
  background:transparent!important;
  box-shadow:none!important;
  transform:translate(2px,-1px)!important;
  color:#f0c35a!important;
}

/* === FEATURED PAIR — CLEAN EDITORIAL REPLACEMENT === */
.featured-pair-card{
  --fp-bg:var(--featured-pair-bg,#171b22);
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid rgba(17,24,39,.08)!important;
  border-radius:30px!important;
  background:#fff!important;
  box-shadow:0 18px 50px rgba(17,24,39,.08),0 3px 12px rgba(17,24,39,.04)!important;
}
.featured-pair-card::before,.featured-pair-card::after{display:none!important;content:none!important}
.featured-pair-shell{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
  width:100%!important;
  min-width:0!important;
  min-height:410px!important;
}
.featured-pair-card .featured-pair-media{
  position:relative!important;
  min-width:0!important;
  min-height:100%!important;
  padding:18px!important;
  background:#f4f5f7!important;
}
.featured-pair-media::before,.featured-pair-media::after{display:none!important;content:none!important}
.featured-pair-media-inner{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-height:370px!important;
  overflow:hidden!important;
  border-radius:22px!important;
  background:var(--fp-bg)!important;
  isolation:isolate!important;
}
.featured-pair-media-inner::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(145deg,rgba(255,255,255,.05),transparent 44%,rgba(0,0,0,.12))!important;
  pointer-events:none!important;
}
.featured-pair-card .featured-pair-media img{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:22px!important;
  transform:none!important;
  filter:none!important;
}
.featured-pair-card .featured-pair-content{
  display:flex!important;
  min-width:0!important;
  min-height:100%!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  padding:clamp(32px,4vw,54px)!important;
  background:#fff!important;
  color:#111827!important;
}
.featured-pair-card .featured-copy-stack{
  width:100%!important;
  max-width:430px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.featured-pair-card .featured-pair-kicker{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:30px!important;
  margin:0 0 19px!important;
  padding:0 11px!important;
  border:1px solid rgba(213,154,40,.26)!important;
  border-radius:999px!important;
  background:#fff9eb!important;
  color:#9b6915!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.16em!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.featured-pair-card .featured-pair-kicker::before{
  content:""!important;
  width:6px!important;
  height:6px!important;
  margin-right:8px!important;
  border-radius:999px!important;
  background:#d59a28!important;
}
.featured-pair-card .featured-pair-content h3{
  width:100%!important;
  max-width:11ch!important;
  margin:0!important;
  color:#111827!important;
  font-size:clamp(38px,4.4vw,60px)!important;
  font-weight:850!important;
  letter-spacing:-.055em!important;
  line-height:.98!important;
  text-wrap:balance!important;
  overflow-wrap:anywhere!important;
}
.featured-pair-card .featured-pair-content p{
  width:100%!important;
  max-width:35ch!important;
  margin:18px 0 0!important;
  color:#606b7a!important;
  font-size:clamp(14px,1.18vw,16px)!important;
  font-weight:500!important;
  line-height:1.62!important;
  text-wrap:pretty!important;
  overflow-wrap:anywhere!important;
}
.featured-pair-card .featured-pair-action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  min-height:48px!important;
  max-width:100%!important;
  margin-top:28px!important;
  padding:0 17px!important;
  border:1px solid #171b22!important;
  border-radius:999px!important;
  background:#171b22!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  line-height:1!important;
  box-shadow:0 8px 20px rgba(17,24,39,.10)!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.featured-pair-card .featured-pair-action:hover{transform:translateY(-1px)!important;background:#0e1117!important;box-shadow:0 12px 26px rgba(17,24,39,.15)!important}
.featured-pair-card .featured-pair-action:active{transform:scale(.985)!important}
.featured-pair-card .featured-pair-action:focus-visible{outline:3px solid rgba(213,154,40,.32)!important;outline-offset:4px!important}
.featured-pair-card .featured-pair-action span:last-child{color:#e2ad48!important;font-size:17px!important;line-height:1!important}
@media(max-width:900px){
  .featured-pair-shell{grid-template-columns:1fr!important;min-height:0!important}
  .featured-pair-card .featured-pair-media{min-height:320px!important}
  .featured-pair-media-inner{min-height:300px!important}
  .featured-pair-card .featured-pair-content{padding:32px!important}
  .featured-pair-card .featured-pair-content h3{max-width:14ch!important}
}
@media(max-width:520px){
  .featured-pair-card{border-radius:22px!important}
  .featured-pair-card .featured-pair-media{padding:10px!important;min-height:250px!important}
  .featured-pair-media-inner{min-height:230px!important;border-radius:16px!important}
  .featured-pair-card .featured-pair-media img{border-radius:16px!important}
  .featured-pair-card .featured-pair-content{padding:27px 22px 29px!important}
  .featured-pair-card .featured-pair-kicker{margin-bottom:15px!important}
  .featured-pair-card .featured-pair-content h3{max-width:100%!important;font-size:clamp(32px,10vw,44px)!important;line-height:1!important}
  .featured-pair-card .featured-pair-content p{max-width:31ch!important;font-size:13px!important;line-height:1.55!important;margin-top:13px!important}
  .featured-pair-card .featured-pair-action{min-height:44px!important;margin-top:20px!important;padding:0 15px!important;font-size:11px!important}
}

/* === FEATURED PAIR — PREMIUM FINAL ART DIRECTION === */
.featured-pair-card{
  --fp-bg:#111318!important;
  position:relative!important;
  isolation:isolate!important;
  border:1px solid rgba(17,24,39,.09)!important;
  border-radius:28px!important;
  background:#fff!important;
  box-shadow:0 20px 60px rgba(17,24,39,.10),0 5px 18px rgba(17,24,39,.05)!important;
}
.featured-pair-shell{
  grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr)!important;
  min-height:440px!important;
}
.featured-pair-card .featured-pair-media{
  padding:14px!important;
  background:linear-gradient(145deg,#f3f4f6 0%,#eef0f3 55%,#e8ebef 100%)!important;
}
.featured-pair-media-inner{
  min-height:412px!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 50% 28%,rgba(255,255,255,.18),transparent 34%),
    linear-gradient(145deg,#20242b 0%,#111318 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 42px rgba(17,24,39,.14)!important;
}
.featured-pair-media-inner::before{
  content:""!important;
  position:absolute!important;
  inset:10% 12%!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(213,154,40,.16),rgba(213,154,40,0) 66%)!important;
  filter:blur(18px)!important;
  pointer-events:none!important;
}
.featured-pair-media-inner::after{
  background:linear-gradient(145deg,rgba(255,255,255,.07),transparent 38%,rgba(0,0,0,.16))!important;
}
.featured-pair-card .featured-pair-media img{
  object-fit:contain!important;
  object-position:center!important;
  padding:7%!important;
  filter:drop-shadow(0 24px 30px rgba(0,0,0,.24))!important;
}
.featured-pair-card .featured-pair-content{
  position:relative!important;
  justify-content:center!important;
  padding:clamp(38px,4.5vw,64px)!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(213,154,40,.055),transparent 36%),
    #fff!important;
}
.featured-pair-card .featured-pair-content::before{
  content:""!important;
  position:absolute!important;
  top:42px!important;
  left:0!important;
  width:2px!important;
  height:72px!important;
  border-radius:999px!important;
  background:linear-gradient(#d59a28,rgba(213,154,40,0))!important;
}
.featured-pair-card .featured-copy-stack{max-width:440px!important}
.featured-pair-card .featured-pair-kicker{
  min-height:28px!important;
  margin-bottom:22px!important;
  padding:0 10px!important;
  border-color:rgba(213,154,40,.24)!important;
  background:#fffaf0!important;
  color:#8f6418!important;
  font-size:9px!important;
  letter-spacing:.2em!important;
}
.featured-pair-card .featured-pair-kicker::before{width:5px!important;height:5px!important;margin-right:7px!important}
.featured-pair-card .featured-pair-content h3{
  max-width:9ch!important;
  color:#12161d!important;
  font-size:clamp(40px,4.7vw,64px)!important;
  font-weight:850!important;
  letter-spacing:-.06em!important;
  line-height:.95!important;
}
.featured-pair-card .featured-pair-content p{
  max-width:32ch!important;
  margin-top:20px!important;
  color:#66707e!important;
  font-size:clamp(14px,1.2vw,16px)!important;
  line-height:1.65!important;
}
.featured-pair-card .featured-pair-action{
  min-height:46px!important;
  margin-top:30px!important;
  padding:0 18px!important;
  border:1px solid #171b22!important;
  background:#171b22!important;
  box-shadow:0 10px 24px rgba(17,24,39,.12)!important;
}
.featured-pair-card .featured-pair-action span:last-child{font-size:16px!important;color:#e3b45b!important}
.featured-pair-card .featured-pair-action:hover{background:#0d1015!important;box-shadow:0 14px 30px rgba(17,24,39,.16)!important}
@media(max-width:900px){
  .featured-pair-shell{grid-template-columns:1fr!important;min-height:0!important}
  .featured-pair-card .featured-pair-media{padding:12px!important;min-height:360px!important}
  .featured-pair-media-inner{min-height:338px!important}
  .featured-pair-card .featured-pair-content{padding:38px 34px 42px!important}
  .featured-pair-card .featured-pair-content::before{display:none!important}
  .featured-pair-card .featured-pair-content h3{max-width:11ch!important}
}
@media(max-width:520px){
  .featured-pair-card{border-radius:22px!important}
  .featured-pair-card .featured-pair-media{padding:9px!important;min-height:250px!important}
  .featured-pair-media-inner{min-height:232px!important;border-radius:17px!important}
  .featured-pair-card .featured-pair-media img{padding:9%!important}
  .featured-pair-card .featured-pair-content{padding:28px 22px 30px!important}
  .featured-pair-card .featured-pair-kicker{margin-bottom:16px!important}
  .featured-pair-card .featured-pair-content h3{max-width:12ch!important;font-size:clamp(33px,10vw,45px)!important;line-height:.98!important}
  .featured-pair-card .featured-pair-content p{max-width:30ch!important;margin-top:14px!important;font-size:13px!important;line-height:1.55!important}
  .featured-pair-card .featured-pair-action{min-height:44px!important;margin-top:20px!important;padding:0 15px!important;font-size:11px!important}
}

/* === SHOPPING HELP PANEL — replacement for retired Featured Pair === */
.help-card{
  position:relative!important;
  overflow:hidden!important;
  padding:clamp(26px,3vw,38px)!important;
  border:1px solid rgba(23,32,51,.08)!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 100% 0%, rgba(213,154,40,.14), transparent 34%),
    linear-gradient(145deg,#111722 0%,#18202b 58%,#222b38 100%)!important;
  color:#fff!important;
  box-shadow:0 22px 55px rgba(17,24,39,.14), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.help-card::before{content:"";position:absolute;inset:auto -20% -42% 38%;height:180px;background:radial-gradient(circle,rgba(213,154,40,.16),transparent 68%);pointer-events:none}
.help-card-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;position:relative;z-index:1}
.help-card .eyebrow{color:#d9b15e!important;margin:0!important}
.help-live-dot{width:8px!important;height:8px!important;border-radius:50%!important;background:#d9b15e!important;box-shadow:0 0 0 5px rgba(217,177,94,.1)!important}
.help-card h3{position:relative!important;z-index:1!important;margin:15px 0 9px!important;color:#fff!important;font-size:clamp(29px,3.2vw,42px)!important;line-height:1.03!important;letter-spacing:-.04em!important;max-width:10ch!important}
.help-card>p{position:relative!important;z-index:1!important;margin:0 0 20px!important;max-width:38ch!important;color:rgba(255,255,255,.72)!important;font-size:13px!important;line-height:1.65!important}
.help-actions{position:relative;z-index:1;display:grid;gap:9px}
.help-action{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;align-items:center!important;gap:11px!important;min-height:62px!important;padding:8px 12px 8px 8px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:17px!important;background:rgba(255,255,255,.045)!important;color:#fff!important;text-decoration:none!important;backdrop-filter:blur(10px)!important;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important}
.help-action:hover{transform:translateY(-2px)!important;border-color:rgba(217,177,94,.36)!important;background:rgba(255,255,255,.075)!important;box-shadow:0 14px 26px rgba(0,0,0,.13)!important}
.help-action:focus-visible{outline:none!important;border-color:rgba(217,177,94,.66)!important;box-shadow:0 0 0 3px rgba(217,177,94,.14)!important}
.help-action-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff;color:#172033;font-size:15px;font-weight:900;box-shadow:0 5px 14px rgba(0,0,0,.12)}
.help-action span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:2px}
.help-action b{font-size:12px;line-height:1.2;letter-spacing:.01em}
.help-action small{font-size:10px;line-height:1.35;color:rgba(255,255,255,.6)}
.help-action i{font-style:normal;color:#d9b15e;font-size:18px;line-height:1}
@media(max-width:900px){.help-card{border-radius:22px!important;padding:28px 24px!important}.help-card h3{max-width:none!important;font-size:clamp(30px,7vw,40px)!important}}
@media(max-width:560px){.help-card{border-radius:18px!important;padding:24px 18px!important}.help-action{min-height:58px!important}.help-action-icon{width:34px;height:34px;border-radius:10px}.help-action{grid-template-columns:34px minmax(0,1fr) auto!important}}


/* === RESTORED STABLE PREMIUM HERO FROM EARLIER BUILD === */
.hero{position:relative!important;overflow:hidden!important;background:radial-gradient(circle at 72% 35%,rgba(239,186,63,.23),transparent 28%),radial-gradient(circle at 15% 20%,rgba(37,99,235,.08),transparent 30%),linear-gradient(135deg,#fff 0%,#f7f9fc 55%,#eef2f7 100%)!important}
.hero::before{content:""!important;position:absolute!important;width:520px!important;height:520px!important;border-radius:50%!important;right:-180px!important;top:-210px!important;background:rgba(218,160,41,.08)!important;filter:blur(2px)!important;pointer-events:none!important}
.hero-grid{display:grid!important;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr)!important;gap:clamp(26px,4.5vw,64px)!important;align-items:center!important;min-height:620px!important;position:relative!important;z-index:1!important}
.hero-copy{min-width:0!important;position:relative!important;z-index:4!important}
.hero-copy .pill{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:34px!important;padding:0 12px!important;border:1px solid rgba(23,32,51,.08)!important;border-radius:999px!important;background:rgba(255,255,255,.76)!important;color:#172033!important;font-size:11px!important;font-weight:850!important;letter-spacing:.13em!important;box-shadow:0 4px 16px rgba(23,32,51,.05)!important}
.hero-copy .pill-dot{width:7px!important;height:7px!important;border-radius:50%!important;background:#d59a28!important;box-shadow:0 0 0 4px rgba(213,154,40,.12)!important;flex:none!important}
.hero-copy .pill b{font-weight:900!important}
.hero-copy h1{max-width:760px!important;margin:14px 0 18px!important;font-size:clamp(52px,6.3vw,84px)!important;line-height:.98!important;letter-spacing:-.055em!important;color:#111827!important}
.hero-copy h1 em{display:inline!important;font-style:normal!important;background:linear-gradient(90deg,#c98205,#e1a52f 48%,#c98205)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.hero-copy>p{max-width:650px!important;margin:0!important;font-size:18px!important;line-height:1.7!important;color:#596273!important}
.hero-actions{display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin-top:28px!important}
.hero-actions .btn{min-height:50px!important;padding:0 19px!important;border-radius:13px!important}
.hero-actions .btn.primary{min-width:190px!important;justify-content:center!important;background:linear-gradient(135deg,#111827,#26364f)!important;color:#fff!important;border:0!important;box-shadow:0 14px 30px rgba(17,24,39,.18)!important}
.hero-actions .btn.secondary{min-width:172px!important;justify-content:center!important;background:rgba(255,255,255,.88)!important;color:#172033!important;border:1px solid #d7dde7!important;box-shadow:0 8px 22px rgba(20,31,49,.05)!important}
.hero-meta{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:18px 24px!important;margin-top:24px!important;color:#172033!important;font-size:14px!important}
.hero-meta span{display:inline-flex!important;align-items:center!important;gap:8px!important;font-weight:700!important}
.hero-meta svg{width:16px!important;height:16px!important;flex:none!important}
.hero-art{position:relative!important;width:100%!important;max-width:620px!important;margin-inline:auto!important;aspect-ratio:1/1!important;min-height:0!important;overflow:visible!important;isolation:isolate!important}
.hero-art .art-bg{position:absolute!important;inset:7%!important;width:auto!important;height:auto!important;aspect-ratio:1/1!important;border-radius:clamp(24px,3vw,42px)!important;background:radial-gradient(circle at 52% 35%,#fff 0,#fbf0d7 25%,#ebeff5 60%,#dce4ed 100%)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.78),0 30px 70px rgba(30,41,59,.1)!important;transform:rotate(1deg)!important;z-index:0!important}
.hero-art::after{content:""!important;position:absolute!important;inset:5%!important;border:1px solid rgba(180,126,20,.14)!important;border-radius:clamp(27px,3vw,44px)!important;pointer-events:none!important;z-index:1!important}
.hero-shoe{position:absolute!important;inset:10%!important;width:auto!important;height:auto!important;display:grid!important;place-items:center!important;padding:0!important;transform:none!important;z-index:2!important}
.hero-shoe img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 34px 30px rgba(23,32,51,.24))!important;transform:rotate(-7deg)!important;transition:transform .6s cubic-bezier(.2,.75,.25,1),filter .6s ease!important}
.hero-art:hover .hero-shoe img{transform:rotate(-5deg) scale(1.025)!important}
.hero-art-label{position:absolute!important;left:10%!important;top:10%!important;z-index:8!important;display:flex!important;flex-direction:column!important;gap:4px!important;padding:10px 13px!important;border:1px solid rgba(23,32,51,.08)!important;border-radius:13px!important;background:rgba(255,255,255,.8)!important;backdrop-filter:blur(12px)!important;box-shadow:0 12px 28px rgba(23,32,51,.08)!important}
.hero-art-label span{font-size:9px!important;letter-spacing:.16em!important;font-weight:900!important;color:#9b6d15!important}
.hero-art-label b{font-size:12px!important;color:#172033!important;letter-spacing:-.01em!important}
.floating-card{position:absolute!important;z-index:10!important;display:flex!important;align-items:center!important;gap:10px!important;min-width:205px!important;max-width:210px!important;padding:14px!important;border:1px solid rgba(23,32,51,.08)!important;border-radius:15px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 18px 42px rgba(23,32,51,.12),0 2px 6px rgba(23,32,51,.05)!important;backdrop-filter:blur(14px)!important}
.floating-card b{display:block!important;font-size:13px!important;color:#172033!important;line-height:1.2!important}
.floating-card small{display:block!important;margin-top:3px!important;font-size:11px!important;color:#6c7585!important;line-height:1.25!important}
.fc-one{left:-3%!important;bottom:14%!important}.fc-two{right:-3%!important;top:19%!important}
.mini-icon{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;flex:none!important;border-radius:10px!important;background:#111827!important;color:#fff!important;font-weight:900!important;font-size:11px!important}
@media(max-width:980px){
 .hero-grid{grid-template-columns:1fr!important;gap:26px!important;min-height:auto!important;padding-block:58px!important}
 .hero-copy{text-align:center!important}.hero-copy h1{margin-inline:auto!important}.hero-copy>p{margin-inline:auto!important}.hero-actions,.hero-meta{justify-content:center!important}
 .hero-art{width:min(100%,560px)!important}
}
@media(max-width:640px){
 .hero-grid{padding-block:42px 48px!important;gap:20px!important}.hero-copy .pill{font-size:10px!important;letter-spacing:.1em!important}
 .hero-copy h1{font-size:clamp(42px,13vw,62px)!important;line-height:1!important;letter-spacing:-.05em!important;margin:12px 0 16px!important}
 .hero-copy>p{font-size:15px!important;line-height:1.6!important;max-width:540px!important}
 .hero-actions{flex-direction:column!important;align-items:stretch!important;max-width:390px!important;margin-inline:auto!important}.hero-actions .btn{width:100%!important}
 .hero-meta{gap:11px 16px!important;font-size:12px!important}.hero-meta svg{width:15px!important;height:15px!important}
 .hero-art{width:min(100%,500px)!important}
 .hero-art-label{left:9%!important;top:9%!important;padding:8px 10px!important}.hero-art-label span{font-size:8px!important}.hero-art-label b{font-size:11px!important}
 .floating-card{min-width:0!important;width:min(188px,39%)!important;max-width:188px!important;padding:10px!important;gap:8px!important}.floating-card b{font-size:11px!important}.floating-card small{font-size:9px!important}.mini-icon{width:26px!important;height:26px!important;border-radius:8px!important;font-size:9px!important}
 .fc-one{left:2%!important;bottom:8%!important}.fc-two{right:2%!important;top:12%!important}
}
@media(max-width:420px){
 .hero-copy h1{font-size:clamp(38px,12.5vw,52px)!important}
 .hero-art{width:100%!important}.hero-art .art-bg{inset:8%!important}.hero-shoe{inset:12%!important}.hero-art::after{inset:6%!important}
 .floating-card{width:42%!important;padding:8px!important}.fc-one{left:1%!important;bottom:5%!important}.fc-two{right:1%!important;top:9%!important}
}

/* === PREMIUM HERO COPY FINAL === */
.hero-copy h1{max-width:760px!important;display:block!important}
.hero-copy h1 span{display:block!important;color:#111827!important}
.hero-copy h1 em{display:block!important;margin-top:.06em!important}
.hero-copy>p{max-width:620px!important;color:#566174!important;line-height:1.62!important}
.hero-actions .btn{font-weight:850!important;letter-spacing:-.01em!important}
@media(max-width:900px){.hero-copy h1{font-size:clamp(46px,8vw,68px)!important}}
@media(max-width:700px){.hero-copy h1{font-size:clamp(40px,11.8vw,58px)!important;line-height:.98!important}.hero-copy h1 em{margin-top:.08em!important}.hero-copy>p{font-size:15px!important;max-width:560px!important}}
@media(max-width:520px){.hero-copy h1{font-size:clamp(36px,12vw,50px)!important}.hero-copy>p{font-size:14px!important;line-height:1.55!important}}

/* HEADER PHONE — WHITE CONTACT NUMBER */
.announce-whatsapp b{
  color:#fff!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  text-shadow:0 1px 8px rgba(0,0,0,.18)!important;
}
@media(max-width:700px){
  .announce-whatsapp b{font-size:9px!important}
}


/* === PREMIUM SHOPPING SUPPORT PANEL === */
.help-card{
  position:relative!important;
  overflow:hidden!important;
  padding:clamp(30px,3.2vw,44px)!important;
  border:1px solid rgba(17,24,39,.10)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 88% 10%,rgba(213,154,40,.16),transparent 28%),
    linear-gradient(145deg,#121821 0%,#0c1118 58%,#161a20 100%)!important;
  box-shadow:0 24px 60px rgba(17,24,39,.16), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.help-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.035) 48%,transparent 70%)!important;
  pointer-events:none!important;
}
.help-card-head{padding-bottom:2px!important}
.help-card h3{
  max-width:11ch!important;
  margin:14px 0 12px!important;
  font-size:clamp(32px,3.6vw,48px)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
}
.help-card>p{max-width:42ch!important;font-size:13px!important;line-height:1.6!important;margin-bottom:24px!important}
.help-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.help-action{
  min-height:76px!important;
  padding:10px 11px!important;
  grid-template-columns:36px minmax(0,1fr) auto!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.10)!important;
}
.help-action-icon{
  width:36px!important;height:36px!important;border-radius:11px!important;
  background:linear-gradient(145deg,#fff,#f1f3f6)!important;
  color:#111827!important;font-size:14px!important;
}
.help-action b{font-size:12px!important;font-weight:850!important}
.help-action small{font-size:9.5px!important;line-height:1.35!important;color:rgba(255,255,255,.58)!important}
.help-action i{font-size:17px!important;color:#d9b15e!important}
.help-action:hover{transform:translateY(-3px)!important;background:rgba(255,255,255,.085)!important;border-color:rgba(217,177,94,.38)!important;box-shadow:0 16px 28px rgba(0,0,0,.16)!important}
@media(max-width:900px){
  .help-actions{grid-template-columns:1fr!important}
  .help-action{min-height:64px!important}
}
@media(max-width:560px){
  .help-card{padding:24px 18px!important;border-radius:20px!important}
  .help-card h3{font-size:clamp(30px,8.5vw,40px)!important;max-width:12ch!important}
  .help-card>p{font-size:12px!important;max-width:34ch!important}
}

/* === RESPONSIVE BRAND LOCKUP — KEEP NAME WITHIN TAGLINE WIDTH === */
.text-brand{
  width:clamp(132px,15vw,178px)!important;
  max-width:clamp(132px,15vw,178px)!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.text-brand strong,
.text-brand span{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  display:block!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.text-brand strong{
  font-size:clamp(13px,1.25vw,18px)!important;
  line-height:1.05!important;
  letter-spacing:-.02em!important;
}
.text-brand span{
  margin-top:4px!important;
  font-size:clamp(7px,.72vw,9px)!important;
  line-height:1.2!important;
  letter-spacing:.14em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}
@media(max-width:700px){
  .text-brand{width:136px!important;max-width:136px!important}
  .text-brand strong{font-size:14px!important;line-height:1.02!important}
  .text-brand span{font-size:7px!important;letter-spacing:.11em!important}
}
@media(max-width:420px){
  .text-brand{width:124px!important;max-width:124px!important}
  .text-brand strong{font-size:13px!important}
  .text-brand span{font-size:6.5px!important;letter-spacing:.09em!important}
}

/* === TABLET / PHONE HEADER ACTIONS === */
.head-tools{display:flex!important;align-items:center!important;gap:10px!important;margin-left:auto!important;flex:0 0 auto!important}
.mobile-search-head{display:none!important}
.mobile-search-head svg{width:18px!important;height:18px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important}
.menu-head svg{width:18px!important;height:18px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important}
@media (min-width:521px) and (max-width:900px){
  .mobile-search-head{display:none!important}
  .header-search{display:flex!important}
  .head-tools{gap:8px!important}
}
@media(max-width:520px){
  .header-search{display:none!important}
  .mobile-search-head{display:inline-flex!important}
  .head-tools{gap:7px!important}
  .head-icon{width:40px!important;height:40px!important;border-radius:12px!important}
  .mobile-search-head{background:#fff!important;color:#111827!important;border:1px solid rgba(17,24,39,.11)!important;box-shadow:0 5px 15px rgba(17,24,39,.06)!important}
  .menu-head{background:#050505!important;color:#fff!important;border-color:#050505!important}
}


/* Bottom navigation removed: header and menu are the sole navigation controls. */
.mobile-dock,.bottom-nav,.mobile-bottom-nav{display:none!important}
body{padding-bottom:0!important}


/* === ALWAYS-AVAILABLE BACK TO TOP === */
.back-to-top{
  position:fixed!important;
  right:clamp(14px,2vw,28px)!important;
  bottom:clamp(16px,2vw,26px)!important;
  z-index:220!important;
  width:46px!important;
  height:46px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(17,24,39,.12)!important;
  border-radius:50%!important;
  background:#111!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(17,24,39,.16),0 3px 8px rgba(17,24,39,.10)!important;
  cursor:pointer!important;
  opacity:.98!important;
  visibility:visible!important;
  transform:translateY(0)!important;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease,opacity .2s ease!important;
}
.back-to-top span{font-size:22px!important;font-weight:700!important;line-height:1!important;transform:translateY(-1px)!important}
.back-to-top:hover{background:#000!important;transform:translateY(-3px)!important;box-shadow:0 18px 34px rgba(17,24,39,.20),0 4px 10px rgba(17,24,39,.12)!important}
.back-to-top:active{transform:translateY(0) scale(.95)!important}
.back-to-top:focus,.back-to-top:focus-visible{outline:none!important;box-shadow:0 0 0 4px rgba(17,24,39,.08),0 14px 30px rgba(17,24,39,.16)!important}
@media(max-width:760px){.back-to-top{width:44px!important;height:44px!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important}}
@media(prefers-reduced-motion:reduce){.back-to-top{transition:none!important}.back-to-top:hover{transform:none!important}}

/* === PREMIUM HEADER SYSTEM — 2026 REFRESH === */
:root{
  --header-ink:#111827;
  --header-muted:#667085;
  --header-line:#e7eaf0;
  --header-soft:#f6f7f9;
  --header-gold:#c9962e;
}

.announcement{
  background:#111827!important;
  color:#dbe2ea!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  font-size:10px!important;
  letter-spacing:.055em!important;
}
.announcement-in{
  min-height:32px!important;
  height:32px!important;
  padding:0!important;
  gap:16px!important;
}
.announce-brand{font-weight:700!important;color:#f4f5f7!important}
.announce-service{color:#aeb8c6!important}
.announce-service b{color:#fff!important}
.announce-whatsapp{display:inline-flex!important;align-items:center!important;gap:7px!important;color:#fff!important;font-weight:750!important;white-space:nowrap!important}
.announce-whatsapp svg{width:14px!important;height:14px!important;stroke-width:1.8!important}

.header{
  position:sticky!important;
  top:0!important;
  z-index:300!important;
  background:rgba(255,255,255,.92)!important;
  backdrop-filter:saturate(180%) blur(18px)!important;
  -webkit-backdrop-filter:saturate(180%) blur(18px)!important;
  border-bottom:1px solid rgba(17,24,39,.07)!important;
  box-shadow:0 1px 0 rgba(17,24,39,.025)!important;
  transition:box-shadow .28s ease,background .28s ease,border-color .28s ease!important;
}
body.is-scrolled .header{
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 10px 30px rgba(17,24,39,.075)!important;
}
.header-main{
  width:min(1280px,94%)!important;
  max-width:1280px!important;
  height:74px!important;
  display:grid!important;
  grid-template-columns:minmax(190px,1fr) minmax(320px,520px) auto!important;
  align-items:center!important;
  gap:26px!important;
  transition:height .28s ease!important;
}
body.is-scrolled .header-main{height:66px!important}

.text-brand{
  width:100%!important;
  max-width:220px!important;
  padding:0!important;
  gap:4px!important;
  overflow:hidden!important;
}
.text-brand strong{
  color:var(--header-ink)!important;
  font-size:clamp(16px,1.55vw,20px)!important;
  font-weight:850!important;
  letter-spacing:-.032em!important;
  line-height:1.02!important;
}
.text-brand span{
  color:#8a6a2f!important;
  font-size:clamp(7px,.68vw,9px)!important;
  font-weight:850!important;
  letter-spacing:.15em!important;
  line-height:1.2!important;
  margin-top:2px!important;
}

.header-search{
  width:100%!important;
  max-width:520px!important;
  justify-self:center!important;
  height:46px!important;
  padding:0 12px 0 15px!important;
  gap:10px!important;
  border:1px solid #e1e5ea!important;
  border-radius:999px!important;
  background:var(--header-soft)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(17,24,39,.02)!important;
  transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease!important;
}
.header-search:hover{
  background:#fff!important;
  border-color:#d6dbe3!important;
  box-shadow:0 7px 20px rgba(17,24,39,.055)!important;
}
.header-search:focus-within{
  background:#fff!important;
  border-color:#cbd2dc!important;
  box-shadow:0 0 0 4px rgba(17,24,39,.045),0 12px 28px rgba(17,24,39,.075)!important;
  transform:translateY(-1px)!important;
}
.header-search>svg{width:18px!important;height:18px!important;color:#6b7280!important;flex:0 0 auto!important}
.header-search input{
  min-width:0!important;
  height:100%!important;
  font-size:12px!important;
  font-weight:650!important;
  color:#172033!important;
}
.header-search input::placeholder{color:#8c95a3!important;opacity:1!important}
.header-search button#headerSearchClear{width:28px!important;height:28px!important;border-radius:50%!important;background:transparent!important;color:#687386!important;font-size:19px!important}
.header-search button#headerSearchClear:hover{background:#f0f2f5!important;color:#111827!important}

.head-tools{
  justify-self:end!important;
  margin-left:0!important;
  gap:8px!important;
}
.head-icon{
  width:44px!important;
  height:44px!important;
  min-height:44px!important;
  border:1px solid #dfe3e8!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#111827!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:0 2px 7px rgba(17,24,39,.035)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease!important;
}
.head-icon:hover{transform:translateY(-2px)!important;border-color:#cfd5dd!important;box-shadow:0 10px 22px rgba(17,24,39,.09)!important}
.head-icon:active{transform:translateY(0) scale(.97)!important}
.head-icon:focus-visible{outline:none!important;box-shadow:0 0 0 4px rgba(17,24,39,.07),0 10px 22px rgba(17,24,39,.08)!important}
.menu-head{background:#080808!important;color:#fff!important;border-color:#080808!important;box-shadow:0 8px 18px rgba(8,8,8,.15)!important}
.menu-head:hover{background:#000!important;border-color:#000!important;box-shadow:0 12px 25px rgba(8,8,8,.2)!important}
.head-icon svg{width:18px!important;height:18px!important;stroke-width:1.9!important}
.mobile-search-head{display:none!important}

/* Premium search results anchored to the header control */
.header-search-results{
  top:calc(100% + 9px)!important;
  border:1px solid #e6e9ee!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 22px 55px rgba(17,24,39,.14)!important;
  overflow:hidden!important;
}
.header-search-results .header-search-result,
.header-search-results .header-search-destination{
  min-height:58px!important;
  border-radius:11px!important;
  margin:3px!important;
}

/* Menu sheet behaves like a premium command drawer */
.mobile-nav.premium-menu{
  background:rgba(255,255,255,.985)!important;
  border-left:1px solid #e5e8ed!important;
  box-shadow:-28px 0 70px rgba(17,24,39,.14)!important;
}
.premium-menu-head{
  min-height:82px!important;
  border-bottom:1px solid #edf0f3!important;
}
.menu-close{
  width:42px!important;height:42px!important;border-radius:13px!important;
  background:#111827!important;color:#fff!important;border:0!important;
  box-shadow:0 8px 18px rgba(17,24,39,.14)!important;
}

@media(max-width:1100px){
  .header-main{
    grid-template-columns:minmax(170px,1fr) minmax(280px,460px) auto!important;
    gap:18px!important;
  }
}
@media(max-width:760px){
  .announcement{font-size:9px!important}
  .announcement-in{height:30px!important;min-height:30px!important}
  .announce-brand{display:none!important}
  .announce-service{font-size:9px!important}
  .announce-whatsapp span{display:none!important}
  .header-main{
    width:92%!important;
    height:68px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
  }
  body.is-scrolled .header-main{height:62px!important}
  .header-search{display:none!important}
  .text-brand{max-width:155px!important}
  .text-brand strong{font-size:15px!important}
  .text-brand span{font-size:7px!important;letter-spacing:.11em!important}
  .head-tools{gap:7px!important}
  .head-icon{width:42px!important;height:42px!important;min-height:42px!important;border-radius:12px!important}
  .mobile-search-head{display:grid!important}
}
@media(max-width:420px){
  .header-main{width:94%!important;height:64px!important;gap:7px!important}
  body.is-scrolled .header-main{height:60px!important}
  .text-brand{max-width:135px!important}
  .text-brand strong{font-size:13.5px!important}
  .text-brand span{font-size:6.3px!important;letter-spacing:.09em!important}
  .head-icon{width:40px!important;height:40px!important}
  .head-tools{gap:6px!important}
}

/* === HEADER SEARCH — SINGLE RESPONSIVE EXPERIENCE === */
@media (min-width: 761px){
  .header .header-search{display:flex!important;visibility:visible!important;opacity:1!important}
  .header .mobile-search-head{display:none!important;visibility:hidden!important}
}
@media (max-width: 760px){
  .header .header-search{display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;max-width:0!important;overflow:hidden!important}
  .header .mobile-search-head{display:grid!important;visibility:visible!important;opacity:1!important}
}
@media (max-width: 520px){
  .header-main{grid-template-columns:minmax(0,1fr) auto!important}
}
@media (max-width: 360px){
  .header-main{grid-template-columns:minmax(0,1fr) auto!important}
  .header .mobile-search-head,.header .menu-head{width:38px!important;height:38px!important;min-height:38px!important}
  .header .mobile-search-head svg,.header .menu-head svg{width:16px!important;height:16px!important}
}

/* === SMALL-SCREEN SEARCH — PREMIUM ICON === */
@media (max-width:760px){
  .header .mobile-search-head{
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    padding:0!important;
    border:1px solid rgba(17,24,39,.10)!important;
    border-radius:13px!important;
    background:#fff!important;
    color:#111827!important;
    box-shadow:0 4px 14px rgba(17,24,39,.06),inset 0 1px 0 rgba(255,255,255,.9)!important;
    -webkit-tap-highlight-color:transparent!important;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease!important;
  }
  .header .mobile-search-head svg{
    width:18px!important;
    height:18px!important;
    display:block!important;
    stroke-width:2!important;
  }
  .header .mobile-search-head:hover{transform:translateY(-1px)!important;border-color:rgba(17,24,39,.18)!important;box-shadow:0 8px 22px rgba(17,24,39,.10)!important}
  .header .mobile-search-head:active{transform:scale(.96)!important;box-shadow:0 3px 10px rgba(17,24,39,.08)!important}
  .header .mobile-search-head:focus-visible{outline:none!important;border-color:#c9a24b!important;box-shadow:0 0 0 3px rgba(201,162,75,.18),0 8px 20px rgba(17,24,39,.08)!important}
}
@media (max-width:420px){
  .header .mobile-search-head{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:12px!important}
  .header .mobile-search-head svg{width:17px!important;height:17px!important}
}
@media (max-width:360px){
  .header .mobile-search-head{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border-radius:11px!important}
  .header .mobile-search-head svg{width:16px!important;height:16px!important}
}

/* === FINAL SEARCH COMMAND PALETTE === */
.search-modal{
  background:rgba(10,15,24,.54)!important;
  backdrop-filter:blur(14px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(120%)!important;
  padding:clamp(16px,3vw,40px)!important;
}
.search-panel{
  width:min(780px,100%)!important;
  max-height:min(86dvh,760px)!important;
  padding:clamp(20px,3vw,30px)!important;
  border:1px solid rgba(255,255,255,.75)!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)!important;
  box-shadow:0 40px 100px rgba(4,10,20,.28),0 12px 30px rgba(4,10,20,.12)!important;
}
.search-panel:before{height:3px!important;width:44px!important;margin-bottom:18px!important;background:#d6a23b!important;opacity:.65!important}
.search-panel>.eyebrow{
  color:#6f7784!important;font-size:9px!important;letter-spacing:.18em!important;
  margin:0 44px 8px!important;text-align:left!important;
}
.big-search{
  height:64px!important;margin-top:12px!important;padding:0 17px!important;gap:12px!important;
  border:1px solid #d7dde5!important;border-radius:18px!important;background:#fff!important;
  box-shadow:0 2px 5px rgba(15,23,42,.03),0 10px 28px rgba(15,23,42,.05)!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.big-search:focus-within{
  border-color:#c99b40!important;
  box-shadow:0 0 0 4px rgba(201,155,64,.10),0 12px 30px rgba(15,23,42,.08)!important;
  transform:translateY(-1px)!important;
}
.big-search>svg{width:20px!important;height:20px!important;color:#151c28!important;stroke-width:2!important}
.big-search input{font-size:15px!important;font-weight:650!important;color:#111827!important}
.big-search input::placeholder{color:#9aa2ae!important;font-weight:500!important}
.search-panel>.close{
  top:17px!important;right:17px!important;width:38px!important;height:38px!important;
  border:1px solid #e0e5eb!important;border-radius:12px!important;background:#fff!important;
  color:#4b5563!important;font-size:22px!important;line-height:1!important;
  box-shadow:0 3px 10px rgba(15,23,42,.05)!important;
  transition:transform .16s ease,background .16s ease,border-color .16s ease!important;
}
.search-panel>.close:hover{transform:translateY(-1px)!important;background:#f5f7fa!important;border-color:#d3dae2!important}
.search-panel>.close:focus-visible{outline:none!important;box-shadow:0 0 0 4px rgba(23,32,51,.08)!important}
#searchQuickLinks{margin:12px 2px 0!important;gap:8px!important}
#searchQuickLinks>button{min-height:32px!important;padding:0 12px!important;background:#f7f8fa!important;border-color:#e1e6ec!important;color:#3d4653!important}
#searchQuickLinks>button:hover{background:#fff!important;border-color:#d1d8e0!important;box-shadow:0 5px 14px rgba(15,23,42,.05)!important}
#searchSuggestions{
  margin-top:14px!important;max-height:min(51dvh,430px)!important;padding:7px!important;
  border:1px solid #e8ecf1!important;border-radius:18px!important;background:#f9fafb!important;
  box-shadow:inset 0 1px 0 #fff!important;overflow-y:auto!important;overscroll-behavior:contain!important;
}
#searchSuggestions::-webkit-scrollbar{width:8px!important}
#searchSuggestions::-webkit-scrollbar-thumb{background:#cfd5dd!important;border:2px solid #f9fafb!important;border-radius:999px!important}
#searchSuggestions .search-result-group>span{padding:11px 11px 7px!important;color:#8a93a0!important;font-size:8px!important;letter-spacing:.16em!important;font-weight:900!important}
#searchSuggestions .header-search-result,
#searchSuggestions .header-search-destination{
  min-height:68px!important;padding:10px!important;border-radius:13px!important;
  border:1px solid transparent!important;transition:background .15s ease,border-color .15s ease,transform .15s ease!important;
}
#searchSuggestions .header-search-result:hover,
#searchSuggestions .header-search-destination:hover{
  background:#fff!important;border-color:#e3e7ec!important;transform:translateY(-1px)!important;
}
#searchSuggestions .header-search-thumb{width:50px!important;height:50px!important;flex-basis:50px!important;border-radius:12px!important}
#searchSuggestions .header-search-result-main b,
#searchSuggestions .header-search-destination-main b{font-size:11.5px!important;font-weight:850!important;color:#161d29!important}
#searchSuggestions .header-search-result-main small,
#searchSuggestions .header-search-destination-main small{font-size:9.5px!important;color:#7c8795!important}
#searchSuggestions .search-empty{min-height:180px!important;color:#7c8795!important}
@media(max-width:600px){
  .search-modal{align-items:flex-end!important;padding:0!important}
  .search-panel{
    width:100%!important;max-height:min(90dvh,760px)!important;padding:16px 13px calc(14px + env(safe-area-inset-bottom))!important;
    border-radius:26px 26px 0 0!important;
  }
  .search-panel>.eyebrow{margin:0 46px 7px!important;font-size:8px!important}
  .search-panel>.close{top:12px!important;right:12px!important;width:36px!important;height:36px!important}
  .big-search{height:58px!important;border-radius:16px!important}
  .big-search input{font-size:14px!important}
  #searchSuggestions{max-height:54dvh!important;border-radius:16px!important}
}
@media(max-width:380px){
  .search-panel{padding-left:10px!important;padding-right:10px!important}
  .big-search{height:55px!important}
  #searchQuickLinks{gap:6px!important}
  #searchQuickLinks>button{min-height:30px!important;padding:0 10px!important;font-size:8.5px!important}
}


/* === FINAL BACK-TO-TOP HARDENING === */
.back-to-top{
  position:fixed!important;
  display:grid!important;
  place-items:center!important;
  width:46px!important;height:46px!important;
  right:max(14px,env(safe-area-inset-right) + 10px)!important;
  bottom:max(14px,env(safe-area-inset-bottom) + 10px)!important;
  z-index:99999!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
  opacity:1!important;visibility:visible!important;
  overflow:hidden!important;
}
.back-to-top span{display:block!important;pointer-events:none!important}
@media(max-width:760px){.back-to-top{width:44px!important;height:44px!important;right:max(10px,env(safe-area-inset-right) + 8px)!important;bottom:max(10px,env(safe-area-inset-bottom) + 8px)!important}}

/* === FINAL INTERACTION REPAIR === */
#backToTop.back-to-top{
  position:fixed!important;
  display:grid!important;
  place-items:center!important;
  width:48px!important;
  height:48px!important;
  right:max(16px,env(safe-area-inset-right) + 12px)!important;
  bottom:max(16px,env(safe-area-inset-bottom) + 12px)!important;
  z-index:2147483000!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  cursor:pointer!important;
  transform:translateZ(0)!important;
}
#backToTop.back-to-top::before{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none}
#backToTop.back-to-top span{position:relative;z-index:1;pointer-events:none!important}
.search-modal.open{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
.search-panel{overflow:hidden!important}
#searchSuggestions{max-height:min(58dvh,560px)!important;overflow:auto!important;overscroll-behavior:contain!important}
#searchQuickLinks{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:7px!important}
#searchQuickLinks span{width:100%!important}
.header-search-results.show{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
@media(max-width:760px){#backToTop.back-to-top{width:44px!important;height:44px!important;right:max(10px,env(safe-area-inset-right) + 8px)!important;bottom:max(10px,env(safe-area-inset-bottom) + 8px)!important}}

/* === UNIVERSAL SEARCH — PREMIUM FINAL SURFACE === */
.search-modal{padding:clamp(14px,3vw,32px)!important;align-items:flex-start!important;justify-content:center!important;overflow:auto!important;background:rgba(12,14,18,.42)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
.search-panel{width:min(760px,calc(100vw - 28px))!important;max-height:min(82vh,820px)!important;margin:clamp(26px,8vh,88px) auto 32px!important;padding:clamp(20px,3.2vw,32px)!important;background:#fff!important;border:1px solid rgba(17,24,39,.09)!important;border-radius:28px!important;box-shadow:0 28px 90px rgba(17,24,39,.22),0 8px 26px rgba(17,24,39,.10)!important;overflow:hidden!important}
.search-panel .close{width:40px!important;height:40px!important;border-radius:50%!important;background:#f5f6f8!important;border:1px solid #e4e7ec!important;color:#111827!important;display:grid!important;place-items:center!important;font-size:22px!important;line-height:1!important}
.big-search{display:flex!important;align-items:center!important;gap:12px!important;min-height:62px!important;padding:0 17px!important;margin:14px 0 12px!important;background:#f8f9fb!important;border:1px solid #e1e5eb!important;border-radius:18px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important}
.big-search:focus-within{background:#fff!important;border-color:#c9ced7!important;box-shadow:0 0 0 4px rgba(17,24,39,.055),0 8px 24px rgba(17,24,39,.06)!important}
.big-search svg{width:21px!important;height:21px!important;flex:0 0 auto!important;color:#111827!important}
.big-search input{min-width:0!important;border:0!important;outline:0!important;background:transparent!important;font-size:clamp(15px,1.8vw,18px)!important;font-weight:650!important;color:#111827!important}
#searchSuggestions{max-height:min(54vh,530px)!important;overflow:auto!important;padding-right:3px!important;scrollbar-width:thin!important}
#searchSuggestions .search-result-group{margin-top:14px!important}
#searchSuggestions .search-result-group>span{display:block!important;margin:0 4px 7px!important;font-size:10px!important;letter-spacing:.12em!important;text-transform:uppercase!important;font-weight:850!important;color:#7a8290!important}
#searchSuggestions .header-search-destination,#searchSuggestions .header-search-result{min-height:58px!important;border:1px solid transparent!important;border-radius:14px!important;background:#fff!important;transition:background .16s ease,border-color .16s ease,transform .16s ease!important}
#searchSuggestions .header-search-destination:hover,#searchSuggestions .header-search-result:hover{background:#f7f8fa!important;border-color:#e8ebef!important;transform:translateY(-1px)!important}
#searchSuggestions .header-search-thumb{border-radius:10px!important;background:#f1f3f5!important}
#searchSuggestions .search-welcome{display:flex!important;flex-direction:column!important;gap:6px!important;padding:24px 6px 8px!important;color:#667080!important}
#searchSuggestions .search-welcome b{font-size:15px!important;color:#111827!important}
#searchSuggestions .search-welcome span{font-size:13px!important}
#searchSuggestions .search-empty{display:flex!important;flex-direction:column!important;gap:7px!important;padding:28px 8px!important;color:#667080!important}
#searchSuggestions .search-empty b{color:#111827!important;font-size:15px!important}
@media(max-width:640px){
  .search-modal{padding:0!important;align-items:flex-end!important}
  .search-panel{width:100%!important;max-height:91vh!important;margin:0!important;border-radius:26px 26px 0 0!important;padding:18px 16px calc(18px + env(safe-area-inset-bottom))!important}
  .big-search{min-height:56px!important;border-radius:16px!important}
  #searchSuggestions{max-height:66vh!important}
}

/* === GO UP — ROBUST GLOBAL CONTROL === */
#backToTop.back-to-top{
  position:fixed!important;
  inset:auto max(16px,env(safe-area-inset-right) + 12px) max(16px,env(safe-area-inset-bottom) + 12px) auto!important;
  width:52px!important;height:52px!important;
  min-width:52px!important;min-height:52px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:16px!important;
  background:#111827!important;
  color:#fff!important;
  box-shadow:0 18px 42px rgba(17,24,39,.22),0 6px 14px rgba(17,24,39,.12)!important;
  z-index:2147483647!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  transform:translateZ(0)!important;
}
#backToTop.back-to-top span{
  display:block!important;
  width:auto!important;height:auto!important;
  margin:0!important;padding:0!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:800!important;
  color:#fff!important;
  pointer-events:none!important;
}
#backToTop.back-to-top:hover{transform:translateY(-3px) translateZ(0)!important;background:#000!important}
#backToTop.back-to-top:active{transform:scale(.94) translateZ(0)!important}
#backToTop.back-to-top:focus-visible{outline:3px solid rgba(245,158,11,.4)!important;outline-offset:3px!important}
@media(max-width:760px){
  #backToTop.back-to-top{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;border-radius:15px!important}
  #backToTop.back-to-top span{font-size:22px!important}
}
@media(max-width:420px){
  #backToTop.back-to-top{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;right:max(10px,env(safe-area-inset-right) + 8px)!important;bottom:max(10px,env(safe-area-inset-bottom) + 8px)!important}
}


/* Official The Shoe Plug Rwanda brand sign — footer only */
.official-footer-sign{width:196px!important;height:196px!important;display:block!important;object-fit:cover!important;object-position:center!important;aspect-ratio:1/1!important;border-radius:50%!important;background:#070707!important;padding:0!important;margin:0 0 16px!important;border:1px solid rgba(211,154,47,.42)!important;box-shadow:0 18px 38px rgba(23,32,51,.16),0 0 0 7px rgba(255,255,255,.72),0 0 0 8px rgba(211,154,47,.16)!important;}
@media(max-width:760px){.official-footer-sign{width:172px!important;height:172px!important;box-shadow:0 16px 32px rgba(23,32,51,.14),0 0 0 6px rgba(255,255,255,.72),0 0 0 7px rgba(211,154,47,.15)!important;}}
@media(max-width:480px){.official-footer-sign{width:154px!important;height:154px!important;margin-bottom:14px!important;}}

/* Final premium treatment for the official footer sign */
.footer-brand-block{
  position:relative;
}
.footer-brand-block .official-footer-sign{
  width:230px!important;
  height:230px!important;
  margin:0 auto 20px!important;
  border-radius:50%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:
    radial-gradient(circle at 50% 42%, #1c2432 0%, #0d121b 58%, #070a10 100%)!important;
  border:2px solid rgba(229,177,76,.92)!important;
  padding:5px!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.10),
    0 0 0 7px rgba(229,177,76,.13),
    0 0 0 10px rgba(255,255,255,.045),
    0 24px 60px rgba(0,0,0,.42),
    inset 0 0 30px rgba(255,255,255,.05)!important;
  filter:brightness(1.08) contrast(1.08) saturate(1.04)!important;
}
.footer-brand-block .official-footer-sign:hover{
  transform:translateY(-2px) scale(1.012)!important;
  transition:transform .28s ease, box-shadow .28s ease, filter .28s ease!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.14),
    0 0 0 8px rgba(229,177,76,.16),
    0 0 40px rgba(229,177,76,.16),
    0 28px 70px rgba(0,0,0,.48),
    inset 0 0 30px rgba(255,255,255,.06)!important;
  filter:brightness(1.12) contrast(1.1) saturate(1.06)!important;
}
.footer-brand-block .footer-rule{
  width:92px!important;
  height:2px!important;
  margin:0 auto 15px!important;
  background:linear-gradient(90deg,transparent,rgba(229,177,76,.95),transparent)!important;
  border:0!important;
}
.footer-brand-block .footer-tagline,
.footer-brand-block .footer-owner{
  max-width:320px;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center;
}
.footer-brand-block .footer-contact{
  max-width:360px;
  margin:18px auto 0!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;
  box-shadow:0 14px 34px rgba(0,0,0,.18)!important;
}
@media(max-width:900px){
  .footer-brand-block .official-footer-sign{width:208px!important;height:208px!important;}
}
@media(max-width:760px){
  .footer-brand-block .official-footer-sign{
    width:188px!important;
    height:188px!important;
    margin-bottom:18px!important;
  }
}
@media(max-width:480px){
  .footer-brand-block .official-footer-sign{
    width:174px!important;
    height:174px!important;
  }
}

/* === OFFICIAL BRAND SIGN — ULTRA PREMIUM FOOTER LEGIBILITY === */
.footer-brand-block{position:relative;align-items:flex-start!important}
.footer-brand-block .official-footer-sign{
  width:292px!important;
  height:292px!important;
  max-width:100%!important;
  margin:4px auto 24px!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  border-radius:50%!important;
  background:#070a10!important;
  filter:brightness(1.18) contrast(1.12) saturate(1.05)!important;
  box-shadow:
    0 0 0 5px rgba(255,255,255,.98),
    0 0 0 7px rgba(211,154,47,.95),
    0 0 0 11px rgba(211,154,47,.14),
    0 18px 36px rgba(17,24,39,.18),
    0 28px 70px rgba(17,24,39,.10)!important;
  transition:transform .28s ease,filter .28s ease,box-shadow .28s ease!important;
}
.footer-brand-block .official-footer-sign:hover{
  transform:translateY(-3px) scale(1.01)!important;
  filter:brightness(1.22) contrast(1.14) saturate(1.06)!important;
  box-shadow:
    0 0 0 5px rgba(255,255,255,.98),
    0 0 0 7px rgba(211,154,47,1),
    0 0 0 12px rgba(211,154,47,.16),
    0 22px 44px rgba(17,24,39,.22),
    0 34px 78px rgba(17,24,39,.12)!important;
}
.footer-brand-block .footer-rule{margin:0 auto 16px!important;width:110px!important;height:2px!important}
.footer-brand-block .footer-tagline{font-size:13px!important;line-height:1.65!important;color:#5f6b7d!important}
.footer-brand-block .footer-owner{font-size:12px!important;line-height:1.65!important;color:#697586!important}
.footer-brand-block .footer-owner strong{font-size:13px!important;color:#172033!important}
.footer-brand-block .footer-contact{margin:20px auto 0!important}

@media(max-width:900px){
  .footer-brand-block .official-footer-sign{width:258px!important;height:258px!important}
}
@media(max-width:760px){
  .footer-brand-block .official-footer-sign{width:236px!important;height:236px!important;margin-bottom:21px!important}
}
@media(max-width:520px){
  .footer-brand-block .official-footer-sign{
    width:218px!important;
    height:218px!important;
    box-shadow:
      0 0 0 4px rgba(255,255,255,.98),
      0 0 0 6px rgba(211,154,47,.95),
      0 0 0 9px rgba(211,154,47,.13),
      0 16px 32px rgba(17,24,39,.16)!important;
  }
}

/* Final eye-comfort treatment for the official footer sign */
.footer-brand-block .official-footer-sign{
  filter:brightness(.82) contrast(1.06) saturate(.93)!important;
  box-shadow:0 14px 30px rgba(23,32,51,.12),0 0 0 5px rgba(255,255,255,.62),0 0 0 6px rgba(211,154,47,.10)!important;
}
.footer-brand-block .official-footer-sign:hover{
  filter:brightness(.88) contrast(1.07) saturate(.95)!important;
  box-shadow:0 16px 34px rgba(23,32,51,.14),0 0 0 5px rgba(255,255,255,.66),0 0 0 6px rgba(211,154,47,.12)!important;
}
@media(max-width:760px){
  .footer-brand-block .official-footer-sign{
    box-shadow:0 13px 28px rgba(23,32,51,.11),0 0 0 4px rgba(255,255,255,.60),0 0 0 5px rgba(211,154,47,.09)!important;
  }
}
@media(max-width:480px){
  .footer-brand-block .official-footer-sign{
    box-shadow:0 11px 24px rgba(23,32,51,.10),0 0 0 4px rgba(255,255,255,.58),0 0 0 5px rgba(211,154,47,.08)!important;
  }
}

/* === FINAL FOOTER SIGN — PERFECTLY CENTERED BRAND BLOCK === */
.footer-grid > .footer-brand-block{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  padding-right:0!important;
}
.footer-brand-block .official-footer-sign{
  display:block!important;
  margin:4px auto 24px!important;
  align-self:center!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
}
.footer-brand-block .footer-rule{
  margin:0 auto 16px!important;
}
.footer-brand-block .footer-tagline,
.footer-brand-block .footer-owner{
  width:min(100%,430px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.footer-brand-block .footer-contact{
  width:min(100%,430px)!important;
  margin:20px auto 0!important;
  align-self:center!important;
  text-align:left!important;
}
@media(max-width:520px){
  .footer-grid > .footer-brand-block{align-items:center!important;text-align:center!important}
  .footer-brand-block .official-footer-sign{margin-left:auto!important;margin-right:auto!important}
  .footer-brand-block .footer-contact{width:100%!important}
}

/* Final optical centering of the official footer mark */
.footer-brand-block .official-footer-sign{
  margin-left:auto!important;
  margin-right:auto!important;
  transform:none!important;
}

/* === FINAL FOOTER BRAND LOCKUP — ALIGNED, QUIET PREMIUM === */
footer{overflow:hidden!important}
.footer-grid{
  align-items:start!important;
  grid-template-columns:minmax(0,1.55fr) minmax(120px,.78fr) minmax(120px,.78fr) minmax(145px,.9fr)!important;
  gap:42px!important;
}
.footer-brand-block{
  min-width:0!important;
  padding-right:34px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
}
.footer-brand-block .official-footer-sign{
  width:208px!important;
  height:208px!important;
  max-width:min(208px,100%)!important;
  margin:0 auto 18px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center!important;
  padding:0!important;
  background:#090909!important;
  border:1px solid rgba(185,143,57,.72)!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.55),
    0 10px 28px rgba(20,27,39,.12),
    0 22px 45px rgba(20,27,39,.08)!important;
  filter:brightness(.80) contrast(1.05) saturate(.94)!important;
  transition:transform .26s ease, box-shadow .26s ease, filter .26s ease!important;
}
.footer-brand-block .official-footer-sign:hover{
  transform:translateY(-2px)!important;
  filter:brightness(.84) contrast(1.06) saturate(.96)!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.65),
    0 13px 32px rgba(20,27,39,.14),
    0 26px 52px rgba(20,27,39,.10)!important;
}
.footer-brand-block .footer-rule{
  width:74px!important;
  height:1px!important;
  margin:0 auto 13px!important;
  background:linear-gradient(90deg,transparent,rgba(181,132,43,.72),transparent)!important;
}
.footer-brand-block .footer-tagline{
  width:min(100%,360px)!important;
  margin:0 auto 8px!important;
  font-size:12px!important;
  line-height:1.62!important;
  color:#626d7d!important;
}
.footer-brand-block .footer-owner{
  width:min(100%,360px)!important;
  margin:0 auto!important;
  font-size:11px!important;
  line-height:1.58!important;
  color:#7a8493!important;
}
.footer-brand-block .footer-owner strong{font-size:12px!important;color:#293244!important}
.footer-brand-block .footer-contact{
  width:min(100%,360px)!important;
  margin:17px auto 0!important;
  align-self:center!important;
}
.footer-grid>div:not(.footer-brand-block){
  padding-top:6px!important;
}
.footer-grid>div:not(.footer-brand-block)>b{
  position:relative!important;
  display:inline-block!important;
  padding-bottom:9px!important;
  margin-bottom:2px!important;
}
.footer-grid>div:not(.footer-brand-block)>b:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  bottom:0!important;
  width:28px!important;
  height:1px!important;
  background:rgba(181,132,43,.62)!important;
}
.footer-grid>div:not(.footer-brand-block)>a,
.footer-grid>div:not(.footer-brand-block)>span{
  line-height:1.55!important;
}
@media(max-width:1100px){
  .footer-grid{grid-template-columns:minmax(0,1.35fr) minmax(130px,.8fr) minmax(130px,.8fr)!important;gap:30px 24px!important}
  .footer-grid>.footer-brand-block{grid-column:1/-1!important;padding-right:0!important;padding-bottom:4px!important}
}
@media(max-width:760px){
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:28px 22px!important}
  .footer-grid>.footer-brand-block{grid-column:1/-1!important}
  .footer-brand-block .official-footer-sign{width:188px!important;height:188px!important;margin-bottom:16px!important}
  .footer-brand-block .footer-tagline{font-size:11px!important}
  .footer-brand-block .footer-owner{font-size:10px!important}
}
@media(max-width:520px){
  .footer-grid{grid-template-columns:1fr!important;gap:24px!important}
  .footer-grid>.footer-brand-block{grid-column:auto!important}
  .footer-brand-block .official-footer-sign{width:172px!important;height:172px!important}
  .footer-grid>div:not(.footer-brand-block){padding-top:0!important}
}


/* === REFINED SHOPPING SUPPORT COPY + ICONS === */
.help-card h3{max-width:13ch!important;letter-spacing:-.06em!important}
.help-card>p{max-width:40ch!important}
.help-action-icon svg{width:17px!important;height:17px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important}
.help-action b{letter-spacing:-.015em!important}
.help-action small{letter-spacing:.005em!important}
@media(max-width:900px){.help-action{min-height:68px!important}}

/* === Compact mobile brand lockup === */
@media (max-width:760px){
  .header-main{height:56px!important;min-height:56px!important;padding:0 11px!important;gap:0!important}
  .text-brand{padding:0!important;line-height:1!important;gap:0!important;max-height:44px!important}
  .text-brand strong{font-size:14px!important;line-height:1.05!important;letter-spacing:-.03em!important;white-space:nowrap!important}
  .text-brand span{font-size:7px!important;line-height:1!important;letter-spacing:.075em!important;margin-top:2px!important;white-space:nowrap!important}
  .mobile-nav{top:56px!important}
}
@media (max-width:480px){
  .header-main{height:52px!important;min-height:52px!important;padding:0 10px!important}
  .text-brand{max-height:41px!important}
  .text-brand strong{font-size:13.5px!important;line-height:1.02!important}
  .text-brand span{font-size:6.6px!important;letter-spacing:.065em!important;margin-top:2px!important}
  .mobile-nav{top:52px!important}
}
@media (max-width:359px){
  .header-main{height:49px!important;min-height:49px!important;padding-inline:8px!important}
  .text-brand{max-height:39px!important}
  .text-brand strong{font-size:12.5px!important;line-height:1!important}
  .text-brand span{font-size:6px!important;letter-spacing:.045em!important;margin-top:2px!important}
  .mobile-nav{top:49px!important}
}

/* FINAL GO UP CLICK-SAFETY REPAIR */
#backToTop{position:fixed!important;pointer-events:auto!important;touch-action:manipulation!important;user-select:none!important;-webkit-user-select:none!important;z-index:2147483647!important;cursor:pointer!important;}
#backToTop *{pointer-events:none!important;}

/* Announcement bar removed: reclaim its vertical space and keep header flush to viewport. */
body{padding-top:0!important;}
.header{top:0!important;}
.announcement{display:none!important;}

/* === FINAL SHORT HEADER — same compact proportion across desktop + mobile === */
.header-main{
  height:56px!important;
  min-height:56px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  align-items:center!important;
}
.text-brand{
  padding:0!important;
  gap:1px!important;
  line-height:1!important;
  align-self:center!important;
}
.text-brand strong{
  font-size:15px!important;
  line-height:1.02!important;
}
.text-brand span{
  font-size:7px!important;
  line-height:1!important;
  letter-spacing:.09em!important;
  margin-top:2px!important;
}
.header-main>nav{
  height:56px!important;
  align-items:center!important;
  gap:24px!important;
}
.header nav a{
  font-size:12px!important;
  line-height:1!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  height:56px!important;
}
.header nav a::after{bottom:9px!important;}
.head-tools{height:56px!important;align-items:center!important;}
.category-nav-in{height:44px!important;}
@media(max-width:1100px){
  .header-main{height:56px!important;min-height:56px!important;}
  .header-main>nav{gap:17px!important;}
  .header nav a{font-size:11.5px!important;}
}
@media(max-width:760px){
  .header-main{height:56px!important;min-height:56px!important;}
}
/* Permanent fixed header */
.header{position:fixed!important;top:0;left:0;right:0;width:100%;z-index:1000!important;transform:none!important}
body{padding-top:82px}
@media(max-width:1100px){body{padding-top:72px}}
@media(max-width:760px){body{padding-top:72px}.header{top:0!important}}
/* Refined header edge: slightly stronger top boundary for a premium fixed-header finish */
.header{border-top:2px solid #eef1f5;box-shadow:0 4px 22px rgba(20,31,49,.08)}
@media(max-width:760px){.header{border-top-width:2px}}

/* === PREMIUM MENU ON LARGE SCREENS — match the mobile menu experience === */
@media (min-width:981px){
  .mobile-nav.premium-menu{
    display:block!important;
    position:fixed!important;
    top:72px!important;
    right:18px!important;
    left:auto!important;
    width:min(430px,calc(100vw - 36px))!important;
    height:calc(100dvh - 90px)!important;
    max-height:none!important;
    padding:20px 18px 18px!important;
    border:1px solid #e5e9ef!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 28px 80px rgba(15,23,42,.18),0 8px 26px rgba(15,23,42,.07)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
    transform:translateY(-10px) scale(.985)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:transform .24s cubic-bezier(.22,.8,.24,1),opacity .2s ease,visibility .2s ease!important;
  }
  .mobile-nav.premium-menu.open{
    display:block!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .mobile-nav.premium-menu .premium-menu-head{
    position:sticky!important;
    top:0!important;
    z-index:3!important;
    background:rgba(255,255,255,.97)!important;
    padding-top:2px!important;
  }
  .mobile-nav.premium-menu .menu-quick-grid{grid-template-columns:1fr 1fr!important}
  .mobile-nav.premium-menu .menu-quick-card{min-height:74px!important}
  .mobile-nav.premium-menu .menu-primary a{min-height:65px!important}
}

/* === MENU TOP SHIELD: keep the menu header fully opaque while scrolling === */
@media (min-width:981px){
  .mobile-nav.premium-menu{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-top:0!important;
    scrollbar-gutter:stable;
  }
  .mobile-nav.premium-menu .premium-menu-head{
    position:sticky!important;
    top:0!important;
    z-index:50!important;
    min-height:82px!important;
    margin:0 -18px 14px!important;
    padding:16px 18px 14px!important;
    background:#fff!important;
    background-image:none!important;
    box-shadow:0 10px 22px rgba(15,23,42,.08)!important;
    border-bottom:1px solid #edf0f4!important;
    isolation:isolate!important;
  }
  .mobile-nav.premium-menu .premium-menu-head::before,
  .mobile-nav.premium-menu .premium-menu-head::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    pointer-events:none!important;
  }
  .mobile-nav.premium-menu .premium-menu-head::before{
    top:-18px!important;
    height:18px!important;
    background:#fff!important;
  }
  .mobile-nav.premium-menu .premium-menu-head::after{
    bottom:-14px!important;
    height:14px!important;
    background:linear-gradient(to bottom,rgba(255,255,255,.98),rgba(255,255,255,0))!important;
    z-index:-1!important;
  }
}

/* === FINAL FIXED-HEADER SPACING BALANCE ===
   Keep the page content directly below the compact fixed header with equal, intentional breathing room.
   The header is 56px high plus its 2px top border = 58px total. */
.header-main{height:56px!important;min-height:56px!important;}
body{padding-top:58px!important;}
@media(max-width:1100px){
  .header-main{height:56px!important;min-height:56px!important;}
  body{padding-top:58px!important;}
}
@media(max-width:760px){
  .header-main{height:56px!important;min-height:56px!important;}
  body{padding-top:58px!important;}
}
@media(max-width:480px){
  .header-main{height:52px!important;min-height:52px!important;}
  body{padding-top:54px!important;}
}
@media(max-width:359px){
  .header-main{height:49px!important;min-height:49px!important;}
  body{padding-top:51px!important;}
}

/* === FINAL HEADER INNER PADDING BALANCE ===
   Keep the content breathing room above and below the main header content equal. */
.header-main{
  height:56px!important;
  min-height:56px!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
  align-items:center!important;
}
@media(max-width:480px){
  .header-main{
    height:52px!important;
    min-height:52px!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
  }
}
@media(max-width:359px){
  .header-main{
    height:52px!important;
    min-height:52px!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
  }
}

/* Final hero order: welcome copy first, featured shoe second on every screen */
.hero-grid{grid-template-columns:1fr!important;min-height:0!important;gap:clamp(20px,4vw,42px)!important;padding:clamp(34px,5vw,58px) 0 clamp(28px,4vw,46px)!important;}
.hero-copy{order:1!important;width:100%!important;text-align:center;display:flex;flex-direction:column;align-items:center;}
.hero-copy>p{max-width:780px!important;}
.hero-actions{justify-content:center;}
.hero-meta{justify-content:center;}
.hero-art{order:2!important;width:min(100%,900px);margin:0 auto;height:auto!important;min-height:0!important;padding:clamp(4px,1vw,10px) 0 clamp(8px,2vw,18px)!important;overflow:visible!important;}
.hero-art .art-bg{inset:4% 2% 4% 2%!important;}
.hero-shoe{position:relative!important;inset:auto!important;width:100%!important;min-height:0!important;padding:clamp(4px,1.5vw,14px)!important;transform:none!important;}
.hero-shoe img{display:block;width:100%!important;max-width:590px!important;height:auto!important;max-height:450px!important;aspect-ratio:4/3!important;object-fit:contain!important;object-position:center!important;margin:auto!important;transform:rotate(-5deg)!important;}
.hero-art .floating-card{z-index:3;}
@media(max-width:760px){.hero-grid{gap:18px!important;padding:30px 0 24px!important}.hero-copy{text-align:center!important}.hero-copy>p{font-size:15px!important;line-height:1.65!important}.hero-actions{width:100%;}.hero-actions .btn{width:auto;min-width:190px}.hero-meta{gap:10px 16px;font-size:10px}.hero-art{width:100%;padding-bottom:10px!important}.hero-shoe img{max-width:100%!important;max-height:none!important;aspect-ratio:4/3!important;transform:rotate(-3deg)!important}.fc-one{right:2%!important;top:8%!important}.fc-two{left:2%!important;bottom:4%!important}}
@media(max-width:480px){.hero-copy>p{font-size:14px!important}.hero-actions .btn{width:100%!important}.hero-meta{font-size:9px!important}.hero-art .art-bg{inset:7% 0 4% 0!important}.hero-shoe img{aspect-ratio:1/1!important;transform:rotate(-3deg)!important}}
/* Final hero welcome alignment: centered consistently on every viewport. */
.hero-copy{text-align:center;margin-inline:auto;width:100%;}
.hero-copy .pill{margin-inline:auto;}
.hero-copy h1,
.hero-copy > p{margin-left:auto;margin-right:auto;}
.hero-actions{justify-content:center;}
.hero-meta{justify-content:center;}

@media (min-width:761px){
  .hero-copy{display:flex;flex-direction:column;align-items:center;}
  .hero-copy h1{max-width:820px;}
  .hero-copy > p{max-width:700px;}
}

@media (max-width:760px){
  .hero-copy{padding-inline:8px;}
  .hero-copy h1{max-width:100%;}
  .hero-copy > p{max-width:680px;}
  .hero-meta{width:100%;}
}

/* Selective centered welcome treatment: preserve the existing wide composition,
   but center the welcome copy and trust row wherever the layout can accommodate it.
   On narrow screens the shoe follows naturally underneath. */
@media (min-width:761px){
  .hero-copy{display:flex;flex-direction:column;align-items:center;text-align:center;margin-inline:auto;}
  .hero-copy>p{margin-left:auto;margin-right:auto;}
  .hero-actions{justify-content:center;}
  .hero-meta{justify-content:center;}
}
@media (max-width:760px){
  .hero-copy{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;}
  .hero-copy>p{margin-left:auto;margin-right:auto;}
  .hero-actions{width:min(100%,520px);}
  .hero-meta{justify-content:center;justify-items:center;text-align:center;}
  .hero-art{width:100%;}
}
@media (max-width:430px){
  .hero-copy>p{max-width:34rem;}
  .hero-meta{justify-items:center;}
}

/* FINAL HERO ORDERING — keep the welcome experience and hero shoe on one row
   whenever the screen has room; preserve the existing stacked mobile flow. */
@media (min-width: 761px){
  .hero-grid{
    grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)!important;
    align-items:center!important;
    gap:clamp(28px,5vw,72px)!important;
    min-height:clamp(500px,58vw,650px)!important;
    padding-block:clamp(24px,3vw,42px)!important;
  }
  .hero-copy{
    width:100%!important;
    max-width:760px!important;
    justify-self:center!important;
    text-align:center!important;
  }
  .hero-copy>p{margin-left:auto!important;margin-right:auto!important}
  .hero-actions{justify-content:center!important}
  .hero-meta{justify-content:center!important}
  .hero-art{
    width:100%!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    justify-self:center!important;
    align-self:center!important;
  }
}

@media (max-width: 760px){
  .hero-grid{
    grid-template-columns:1fr!important;
    gap:20px!important;
    padding-top:32px!important;
    padding-bottom:24px!important;
  }
  .hero-copy{text-align:center!important}
  .hero-copy>p{margin-left:auto!important;margin-right:auto!important}
  .hero-actions{justify-content:center!important}
  .hero-meta{justify-content:center!important}
}

/* Final hero rule: use the two-column welcome + shoe layout only when the catalog shows 5 shoes per row.
   At smaller widths, keep the existing stacked flow exactly as it is. */
@media (min-width:1280px){
  .hero-grid{
    grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr)!important;
    align-items:center!important;
    gap:clamp(34px,4.5vw,72px)!important;
    min-height:clamp(520px,52vw,650px)!important;
  }
  .hero-copy{
    justify-self:center!important;
    text-align:center!important;
  }
  .hero-copy>p{margin-left:auto!important;margin-right:auto!important}
  .hero-actions{justify-content:center!important}
  .hero-meta{justify-content:center!important}
  .hero-art{
    width:100%!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    justify-self:center!important;
    align-self:center!important;
  }
}
@media (max-width:1279px){
  .hero-grid{
    grid-template-columns:1fr!important;
    min-height:auto!important;
    gap:clamp(20px,4vw,42px)!important;
    padding:clamp(34px,5vw,58px) 0 clamp(28px,4vw,46px)!important;
  }
  .hero-copy{order:1!important}
  .hero-art{order:2!important}
}

/* Desktop header search: give the compact header the same rich result surface as the full search. */
.header-search-results{max-height:min(68vh,620px);overflow-y:auto;overscroll-behavior:contain;border-radius:14px;background:#fff;box-shadow:0 24px 60px rgba(15,23,42,.16);border:1px solid #dfe4eb;}
.header-search-results .search-result-group>span{display:block;padding:11px 14px 7px;color:#8a94a6;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;background:#fbfcfe;position:sticky;top:0;z-index:2;border-bottom:1px solid #eef1f5;}
.header-search-results .header-search-result,.header-search-results .header-search-destination{padding:12px 14px;min-height:62px;}
.header-search-results .header-search-result:hover,.header-search-results .header-search-destination:hover{background:#fff8e8;}
.header-search-results .search-empty,.header-search-results .search-welcome{padding:20px 16px;display:grid;gap:5px;color:#6f7888;font-size:10px;}
.header-search-results .search-empty b,.header-search-results .search-welcome b{color:#182033;font-size:12px;}
.header-search-results::-webkit-scrollbar{width:7px}.header-search-results::-webkit-scrollbar-thumb{background:#d9dee7;border-radius:99px}

/* === SINGLE SEARCH CONTROL — USE THE COMPACT ICON ON EVERY SCREEN === */
.header-main{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;
}
.header .header-search{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  width:0!important;
  max-width:0!important;
  min-width:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
.header .mobile-search-head{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#111827!important;
  border:1px solid #dfe3e8!important;
  box-shadow:0 2px 7px rgba(17,24,39,.035)!important;
  pointer-events:auto!important;
}
.header .mobile-search-head:hover{
  transform:translateY(-2px)!important;
  border-color:#cfd5dd!important;
  box-shadow:0 10px 22px rgba(17,24,39,.09)!important;
}
.header .mobile-search-head:active{transform:translateY(0) scale(.97)!important}
.header .mobile-search-head svg{width:18px!important;height:18px!important}
.header .head-tools{display:flex!important;align-items:center!important;gap:8px!important;margin-left:0!important}

@media(max-width:760px){
  .header-main{gap:10px!important}
  .header .mobile-search-head{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border-radius:12px!important}
}
@media(max-width:420px){
  .header-main{gap:7px!important}
  .header .mobile-search-head,.header .menu-head{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
}
@media(max-width:360px){
  .header .mobile-search-head,.header .menu-head{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}
  .header .mobile-search-head svg,.header .menu-head svg{width:16px!important;height:16px!important}
}

/* FINAL PREMIUM SINGLE SEARCH CONTROL — all screen sizes */
.header-search{display:none!important}
.header .mobile-search-head{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px!important;border-radius:12px!important;background:rgba(255,255,255,.94)!important;color:#151922!important;border:1px solid rgba(20,25,35,.12)!important;box-shadow:0 5px 18px rgba(17,24,39,.07), inset 0 1px 0 rgba(255,255,255,.9)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important}
.header .mobile-search-head svg{width:17px!important;height:17px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important}
.header .mobile-search-head:hover{transform:translateY(-1px)!important;border-color:rgba(201,162,75,.55)!important;box-shadow:0 9px 24px rgba(17,24,39,.11),0 0 0 3px rgba(201,162,75,.08)!important}
.header .mobile-search-head:active{transform:scale(.96)!important}
.header .mobile-search-head:focus-visible{outline:none!important;box-shadow:0 0 0 4px rgba(201,162,75,.16),0 10px 24px rgba(17,24,39,.10)!important}
.search-modal{backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;background:rgba(15,18,24,.28)!important}
.search-panel{width:min(760px,calc(100vw - 28px))!important;border:1px solid rgba(255,255,255,.72)!important;border-radius:24px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 30px 90px rgba(15,23,42,.22),0 8px 30px rgba(15,23,42,.10)!important;padding:24px!important}
.search-panel .big-search{height:58px!important;border-radius:16px!important;border:1px solid #d7dce4!important;background:#f7f8fa!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 22px rgba(15,23,42,.05)!important}
.search-panel .big-search:focus-within{background:#fff!important;border-color:#d0a24a!important;box-shadow:0 0 0 4px rgba(208,162,74,.11),0 12px 30px rgba(15,23,42,.08)!important}
#searchSuggestions{margin-top:12px!important;max-height:min(58vh,520px)!important;overflow:auto!important;border:1px solid #e5e8ed!important;border-radius:16px!important;background:#fff!important;box-shadow:0 14px 34px rgba(15,23,42,.08)!important}
#searchSuggestions .search-result-group>span{padding:11px 14px 7px!important}
#searchSuggestions .header-search-result,#searchSuggestions .header-search-destination{padding:12px 14px!important;min-height:64px!important}
#searchSuggestions .header-search-result:hover,#searchSuggestions .header-search-destination:hover{background:#fbfcfd!important}
@media(min-width:761px){.header-main{grid-template-columns:auto 1fr!important}.head-tools{justify-content:flex-end!important}.header .mobile-search-head{display:grid!important}}
@media(max-width:760px){.header .mobile-search-head{display:grid!important;width:38px!important;height:38px!important;border-radius:11px!important}.search-panel{padding:16px!important;border-radius:20px!important}.search-panel .big-search{height:54px!important}}

/* =========================================================
   SEARCH V2 — refined premium control + results surface
   ========================================================= */
.header .mobile-search-head{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#12161c!important;
  border:1px solid rgba(17,24,39,.13)!important;
  box-shadow:0 1px 1px rgba(17,24,39,.03),0 7px 22px rgba(17,24,39,.075),inset 0 1px 0 rgba(255,255,255,.95)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.header .mobile-search-head::after{
  content:"";
  position:absolute!important;
  inset:4px!important;
  border-radius:10px!important;
  border:1px solid rgba(17,24,39,.045)!important;
  pointer-events:none!important;
}
.header .mobile-search-head svg{
  width:18px!important;
  height:18px!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:1.75!important;
  z-index:1!important;
}
.header .mobile-search-head:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(17,24,39,.22)!important;
  box-shadow:0 2px 3px rgba(17,24,39,.04),0 12px 28px rgba(17,24,39,.11)!important;
}
.header .mobile-search-head:focus-visible{
  outline:none!important;
  border-color:#b9bec6!important;
  box-shadow:0 0 0 4px rgba(17,24,39,.07),0 10px 25px rgba(17,24,39,.10)!important;
}
.header .mobile-search-head:active{transform:scale(.965)!important}

.search-modal{
  z-index:99990!important;
  padding:24px!important;
  align-items:flex-start!important;
  justify-content:center!important;
  background:rgba(17,20,25,.30)!important;
  -webkit-backdrop-filter:blur(18px) saturate(110%)!important;
  backdrop-filter:blur(18px) saturate(110%)!important;
}
.search-modal.open{display:flex!important;visibility:visible!important;opacity:1!important}
.search-panel{
  position:relative!important;
  width:min(780px,calc(100vw - 36px))!important;
  max-height:min(82vh,780px)!important;
  margin:clamp(38px,9vh,92px) auto 28px!important;
  padding:24px!important;
  border:1px solid rgba(255,255,255,.92)!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.985)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.20),0 10px 30px rgba(17,24,39,.13),inset 0 1px 0 rgba(255,255,255,1)!important;
  overflow:hidden!important;
}
.search-panel::before{
  content:"";
  position:absolute!important;
  top:0!important;
  left:20px!important;
  right:20px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,#d8dde5,transparent)!important;
}
.search-panel>.eyebrow{
  display:block!important;
  margin:2px 48px 10px 2px!important;
  color:#6f7783!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.17em!important;
}
.search-panel .close{
  position:absolute!important;
  top:16px!important;
  right:16px!important;
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  color:#3d4652!important;
  background:#f7f8fa!important;
  border:1px solid #e3e7ec!important;
  box-shadow:0 2px 7px rgba(17,24,39,.045)!important;
  font-size:20px!important;
  line-height:1!important;
}
.search-panel .close:hover{background:#fff!important;border-color:#cfd5dc!important;box-shadow:0 7px 16px rgba(17,24,39,.08)!important}
.search-panel .big-search{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  height:60px!important;
  min-height:60px!important;
  margin:0!important;
  padding:0 17px!important;
  border-radius:17px!important;
  background:#f7f8fa!important;
  border:1px solid #dde2e8!important;
  box-shadow:inset 0 1px 0 #fff,0 7px 18px rgba(17,24,39,.045)!important;
}
.search-panel .big-search:focus-within{
  background:#fff!important;
  border-color:#b8bec7!important;
  box-shadow:0 0 0 4px rgba(17,24,39,.055),0 11px 28px rgba(17,24,39,.075)!important;
}
.search-panel .big-search svg{width:20px!important;height:20px!important;color:#222831!important;stroke-width:1.8!important;flex:0 0 auto!important}
.search-panel .big-search input{height:100%!important;flex:1 1 auto!important;min-width:0!important;font-size:16px!important;font-weight:650!important;letter-spacing:-.01em!important;color:#11161c!important}
.search-panel .big-search input::placeholder{color:#8a929e!important;font-weight:500!important}

#searchQuickLinks{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:11px 1px 0!important;
  padding:0!important;
}
#searchQuickLinks>span{
  flex:0 0 auto!important;
  margin-right:2px!important;
  color:#9aa1ab!important;
  font-size:8px!important;
  line-height:32px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
#searchQuickLinks>button{
  min-height:32px!important;
  padding:0 11px!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#3e4650!important;
  border:1px solid #e2e6eb!important;
  box-shadow:0 2px 6px rgba(17,24,39,.035)!important;
  font-size:10px!important;
  font-weight:750!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease!important;
}
#searchQuickLinks>button:hover{background:#f8f9fa!important;border-color:#cfd5dd!important;box-shadow:0 7px 16px rgba(17,24,39,.07)!important;transform:translateY(-1px)!important}

#searchSuggestions{
  display:block!important;
  width:100%!important;
  max-height:min(54vh,500px)!important;
  margin:12px 0 0!important;
  padding:5px!important;
  overflow:auto!important;
  border:1px solid #e6e9ed!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 12px 34px rgba(17,24,39,.075)!important;
}
#searchSuggestions.show{display:block!important}
#searchSuggestions::-webkit-scrollbar{width:8px!important}
#searchSuggestions::-webkit-scrollbar-thumb{background:#d9dde3!important;border:2px solid #fff!important;border-radius:999px!important}
#searchSuggestions .search-result-group{margin:3px 0 8px!important}
#searchSuggestions .search-result-group>span{
  position:sticky!important;
  top:0!important;
  z-index:3!important;
  display:block!important;
  margin:0!important;
  padding:10px 12px 7px!important;
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid #f0f2f5!important;
  color:#858d98!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
}
#searchSuggestions .header-search-result,#searchSuggestions .header-search-destination{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  width:100%!important;
  min-height:68px!important;
  margin:2px 0!important;
  padding:9px 10px!important;
  border:1px solid transparent!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#17202a!important;
  text-align:left!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
#searchSuggestions .header-search-result:hover,#searchSuggestions .header-search-destination:hover{
  background:#fafbfc!important;
  border-color:#e7eaee!important;
  transform:translateY(-1px)!important;
  box-shadow:0 7px 18px rgba(17,24,39,.045)!important;
}
#searchSuggestions .header-search-thumb{
  width:48px!important;height:48px!important;flex:0 0 48px!important;
  display:grid!important;place-items:center!important;
  overflow:hidden!important;
  border-radius:11px!important;
  background:#f3f4f6!important;
  border:1px solid #eceef1!important;
}
#searchSuggestions .header-search-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
#searchSuggestions .header-search-result-main,#searchSuggestions .header-search-destination-main{min-width:0!important;display:flex!important;flex-direction:column!important;gap:4px!important;flex:1 1 auto!important}
#searchSuggestions .header-search-result-main b,#searchSuggestions .header-search-destination-main b{font-size:12px!important;line-height:1.25!important;font-weight:800!important;color:#12171d!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#searchSuggestions .header-search-result-main small,#searchSuggestions .header-search-destination-main small{font-size:9.5px!important;line-height:1.35!important;color:#7b8490!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#searchSuggestions .header-search-result>strong{flex:0 0 auto!important;color:#171c22!important;font-size:11px!important;font-weight:850!important}
#searchSuggestions .dest-icon{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;flex:0 0 34px!important;border-radius:10px!important;background:#f4f5f7!important;border:1px solid #e7eaed!important;font-size:15px!important}
#searchSuggestions .search-empty,#searchSuggestions .search-welcome{
  min-height:132px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:6px!important;
  padding:24px 18px!important;
}
#searchSuggestions .search-empty b,#searchSuggestions .search-welcome b{font-size:14px!important;color:#14191f!important}
#searchSuggestions .search-empty span,#searchSuggestions .search-welcome span{font-size:11px!important;line-height:1.5!important;color:#7e8792!important}

@media(max-width:760px){
  .search-modal{padding:0!important;align-items:flex-end!important}
  .search-panel{
    width:100%!important;
    max-height:91dvh!important;
    margin:0!important;
    padding:18px 14px calc(16px + env(safe-area-inset-bottom))!important;
    border-radius:24px 24px 0 0!important;
  }
  .search-panel::after{content:"";position:absolute;top:7px;left:50%;width:42px;height:4px;border-radius:999px;background:#dfe2e6;transform:translateX(-50%);}
  .search-panel>.eyebrow{margin-top:7px!important}
  .search-panel .close{top:15px!important;right:14px!important;width:36px!important;height:36px!important;border-radius:11px!important}
  .search-panel .big-search{height:56px!important;min-height:56px!important}
  #searchQuickLinks{overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:2px!important;scrollbar-width:none!important}
  #searchQuickLinks::-webkit-scrollbar{display:none!important}
  #searchSuggestions{max-height:64dvh!important}
}
@media(max-width:390px){
  .header .mobile-search-head{flex-basis:40px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:13px!important}
  .header .mobile-search-head svg{width:17px!important;height:17px!important}
  .search-panel .big-search input{font-size:14px!important}
}

/* === SEARCH POWER + PREMIUM CLOSE === */
.search-panel{position:relative!important}
.search-panel .search-close{
  position:absolute!important;top:18px!important;right:18px!important;
  width:42px!important;height:42px!important;padding:0!important;
  display:grid!important;place-items:center!important;gap:0!important;
  border:1px solid rgba(18,23,30,.10)!important;border-radius:14px!important;
  background:rgba(247,248,250,.96)!important;color:#171c22!important;
  box-shadow:0 5px 16px rgba(17,24,39,.06),inset 0 1px 0 rgba(255,255,255,.9)!important;
  transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease!important;
  z-index:8!important;
}
.search-panel .search-close svg{width:17px!important;height:17px!important;stroke:currentColor!important;stroke-width:1.8!important;pointer-events:none!important}
.search-panel .search-close-hint{position:absolute!important;right:50px!important;top:50%!important;transform:translateY(-50%) translateX(4px)!important;opacity:0!important;pointer-events:none!important;white-space:nowrap!important;padding:6px 9px!important;border-radius:8px!important;background:#171c22!important;color:#fff!important;font-size:10px!important;font-weight:700!important;letter-spacing:.02em!important;transition:opacity .14s ease,transform .14s ease!important}
.search-panel .search-close:hover{background:#fff!important;border-color:rgba(18,23,30,.18)!important;box-shadow:0 9px 22px rgba(17,24,39,.10)!important;transform:translateY(-1px)!important}
.search-panel .search-close:hover .search-close-hint{opacity:1!important;transform:translateY(-50%) translateX(0)!important}
.search-panel .search-close:active{transform:translateY(0) scale(.96)!important}
.search-panel .eyebrow{padding-right:58px!important}
.search-hints{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:13px!important}
.search-hints span{display:inline-flex!important;align-items:center!important;min-height:30px!important;padding:0 11px!important;border:1px solid #e4e7eb!important;border-radius:999px!important;background:#fafbfc!important;color:#666f7b!important;font-size:10.5px!important;font-weight:650!important}
.search-result-arrow,.result-arrow{font-size:18px!important;color:#939aa5!important;transition:transform .16s ease,color .16s ease!important}
#searchSuggestions .header-search-destination:hover .result-arrow{transform:translateX(3px)!important;color:#1d232b!important}
@media(max-width:760px){
 .search-panel .search-close{top:15px!important;right:14px!important;width:38px!important;height:38px!important;border-radius:12px!important}
 .search-panel .search-close svg{width:16px!important;height:16px!important}
 .search-panel .eyebrow{padding-right:50px!important}
 .search-panel .search-close-hint{display:none!important}
 .search-hints{flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:2px!important;scrollbar-width:none!important}
 .search-hints::-webkit-scrollbar{display:none!important}
}

/* Search results: keep section/count labels as an opaque cover while results scroll */
#searchSuggestions{
  position:relative!important;
  max-height:min(52vh,520px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
  isolation:isolate!important;
  padding-top:2px!important;
  padding-bottom:4px!important;
}
#searchSuggestions .search-result-group{
  position:relative!important;
}
#searchSuggestions .search-result-group>span{
  position:sticky!important;
  top:0!important;
  z-index:20!important;
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:11px 14px 8px!important;
  background:#fff!important;
  color:#737d89!important;
  border-bottom:1px solid #eceff3!important;
  box-shadow:0 5px 12px rgba(17,24,39,.045)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
#searchSuggestions .search-result-group+ .search-result-group{margin-top:4px!important}
#searchSuggestions .header-search-result,
#searchSuggestions .header-search-destination{
  position:relative!important;
  z-index:1!important;
}
@media(max-width:760px){
  #searchSuggestions{max-height:calc(76vh - 180px)!important;min-height:0!important}
  #searchSuggestions .search-result-group>span{padding:10px 12px 8px!important}
}

/* Final micro-fix: eliminate the tiny reveal gap above sticky search-result labels */
#searchSuggestions{
  padding-top:0!important;
  scroll-padding-top:0!important;
}
#searchSuggestions .search-result-group>span{
  top:-1px!important;
  margin-top:0!important;
  padding-top:11px!important;
}
#searchSuggestions .search-result-group:first-child>span{
  top:0!important;
}

/* Header brand lockup: always show the complete wording at every width. */
.text-brand{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.text-brand strong,
.text-brand span{
  display:block!important;
  max-width:100%!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.text-brand strong{font-size:clamp(12px,3.9vw,20px)!important;line-height:1.06!important;letter-spacing:-.035em!important;}
.text-brand span{font-size:clamp(6.2px,1.95vw,11px)!important;line-height:1.15!important;letter-spacing:clamp(.045em,.55vw,.13em)!important;margin-top:4px!important;}
.header-main{min-width:0!important;}
.head-tools{flex:0 0 auto!important;min-width:max-content!important;}

/* On very narrow phones, wrap rather than clip: every letter remains visible. */
@media(max-width:390px){
  .header-main{gap:7px!important;}
  .text-brand strong{font-size:clamp(11px,4.5vw,15px)!important;letter-spacing:-.035em!important;}
  .text-brand span{font-size:clamp(5.8px,2vw,8px)!important;letter-spacing:.045em!important;}
}
@media(max-width:330px){
  .text-brand strong{font-size:11px!important;}
  .text-brand span{font-size:5.8px!important;letter-spacing:.03em!important;}
  .header-main{gap:5px!important;}
}

/* Final compact brand lockup — smaller footprint, always fully readable */
.text-brand{flex:0 1 auto!important;min-width:0!important;max-width:none!important;overflow:visible!important;padding:2px 0!important;gap:2px!important}
.text-brand strong{font-size:17px!important;line-height:1.02!important;letter-spacing:-.045em!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
.text-brand span{font-size:8px!important;line-height:1.05!important;letter-spacing:.09em!important;margin-top:2px!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
@media(max-width:760px){
  .text-brand strong{font-size:14px!important;letter-spacing:-.035em!important}
  .text-brand span{font-size:6.8px!important;letter-spacing:.07em!important}
}
@media(max-width:480px){
  .text-brand strong{font-size:13px!important;letter-spacing:-.035em!important}
  .text-brand span{font-size:6.2px!important;letter-spacing:.055em!important}
}
@media(max-width:360px){
  .header-main{gap:7px!important}
  .text-brand strong{font-size:12px!important;letter-spacing:-.04em!important}
  .text-brand span{font-size:5.8px!important;letter-spacing:.045em!important}
  .head-tools{gap:5px!important}
  .head-icon,.cart-head{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important}
  .cart-head{padding:0!important}
}

/* =========================================================
   UNIVERSAL MENU — one menu presentation at every viewport
   ========================================================= */
/* Remove every alternate header/category navigation presentation. */
.header-main>nav,
.category-nav{display:none!important;height:0!important;overflow:hidden!important;visibility:hidden!important;pointer-events:none!important}

/* Keep the same premium menu trigger on every screen size. */
.head-tools #openMenu,
#openMenu.menu-head{display:grid!important;place-items:center!important;flex:0 0 auto!important}

/* The premium full menu is the one and only menu surface everywhere. */
.mobile-nav{
  position:fixed!important;
  top:calc(var(--universal-menu-top, 82px))!important;
  right:clamp(12px,2vw,28px)!important;
  left:auto!important;
  width:min(430px,calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  max-height:calc(100vh - var(--universal-menu-top, 82px) - 16px)!important;
  margin:0!important;
  padding:12px!important;
  z-index:10000!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  background:rgba(255,255,255,.98)!important;
  border:1px solid #e4e8ef!important;
  border-radius:20px!important;
  box-shadow:0 30px 80px rgba(15,23,42,.22),0 8px 24px rgba(15,23,42,.08)!important;
  transform:translateY(-10px) scale(.985)!important;
  transform-origin:top right!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .22s ease,transform .22s ease,visibility .22s ease!important;
}
.mobile-nav.open{
  transform:translateY(0) scale(1)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

/* Never let a later breakpoint replace the universal menu geometry. */
@media (max-width:1200px){
  .header-main>nav,.category-nav{display:none!important}
  .mobile-nav{top:var(--universal-menu-top,68px)!important;right:12px!important;left:auto!important;width:min(430px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - var(--universal-menu-top,68px) - 12px)!important}
}
@media (max-width:900px){
  .header-main>nav,.category-nav{display:none!important}
  .head-tools #openMenu,.menu-head{display:grid!important}
  .mobile-nav{top:var(--universal-menu-top,68px)!important;right:8px!important;left:auto!important;width:min(430px,calc(100vw - 16px))!important;max-width:calc(100vw - 16px)!important;max-height:calc(100vh - var(--universal-menu-top,68px) - 8px)!important}
}
@media (max-width:600px){
  .head-tools #openMenu,.menu-head{display:grid!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
  .mobile-nav{top:var(--universal-menu-top,62px)!important;right:8px!important;left:auto!important;width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100vh - var(--universal-menu-top,62px) - 8px)!important;border-radius:18px!important}
}
@media (max-width:380px){
  .mobile-nav{top:var(--universal-menu-top,58px)!important;max-height:calc(100vh - var(--universal-menu-top,58px) - 8px)!important}
}


/* === FINAL UNIVERSAL MENU OVERRIDE ===
   One navigation only: the full premium menu drawer is used on every screen size.
   No compact/bottom/desktop alternative is allowed to appear. */
.mobile-dock,
.bottom-nav,
.bottom-navigation,
.mobile-bottom-nav,
.desktop-nav,
.desktop-navigation,
.header-nav,
.header-navigation,
.nav-desktop,
.nav-links,
.header-links,
.category-nav,
.category-navigation{
  display:none!important;
}

/* The same full-size menu drawer on phone, tablet and desktop. */
.mobile-nav{
  position:fixed!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:auto!important;
  width:min(410px,94vw)!important;
  height:100dvh!important;
  max-height:none!important;
  margin:0!important;
  padding:22px 22px 34px!important;
  overflow:auto!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border-left:1px solid #e5e9ef!important;
  box-shadow:-24px 0 60px rgba(17,24,39,.18)!important;
  z-index:5000!important;
  transform:translateX(104%)!important;
  transition:transform .28s cubic-bezier(.22,.8,.24,1)!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.mobile-nav.open{
  display:block!important;
  transform:translateX(0)!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

/* Never switch this drawer to a different menu layout at breakpoints. */
@media (max-width:980px), (min-width:981px){
  .mobile-nav{width:min(410px,94vw)!important; height:100dvh!important;}
}


/* ================================================================
   TRUE UNIVERSAL MENU — ONE PRESENTATION AT EVERY VIEWPORT
   This final cascade intentionally defeats every older breakpoint.
   ================================================================ */
.header-main > .head-tools #openMenu.menu-head{
  display:grid !important;
  place-items:center !important;
  flex:0 0 auto !important;
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  padding:0 !important;
  margin:0 !important;
  visibility:visible !important;
  opacity:1 !important;
}
.header-main > .head-tools #openMenu.menu-head svg{
  width:19px !important;
  height:19px !important;
  display:block !important;
}
/* No alternate navigation surface may appear anywhere. */
.header-main > nav,
.header-main > .header-nav,
.header-main > .desktop-nav,
.header-main > .nav-links,
.category-nav,
.mobile-dock,
.bottom-nav,
.bottom-navigation,
.mobile-bottom-nav,
.desktop-nav,
.desktop-navigation,
.header-nav,
.header-navigation,
.nav-desktop,
.nav-links,
.header-links,
.category-navigation{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
  height:0 !important;
  max-height:0 !important;
  min-height:0 !important;
  overflow:hidden !important;
}
/* Exactly one menu drawer, always the same full-size treatment. */
.mobile-nav.premium-menu{
  display:grid !important;
  position:fixed !important;
  inset:0 0 0 auto !important;
  width:min(420px, 94vw) !important;
  height:100dvh !important;
  max-height:100dvh !important;
  min-height:100dvh !important;
  margin:0 !important;
  padding:22px 22px 34px !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  background:#fff !important;
  border:0 !important;
  border-left:1px solid #e5e9ef !important;
  border-radius:0 !important;
  box-shadow:-24px 0 60px rgba(17,24,39,.18) !important;
  z-index:50000 !important;
  transform:translateX(104%) !important;
  opacity:1 !important;
  visibility:visible !important;
  transition:transform .28s cubic-bezier(.22,.8,.24,1) !important;
}
.mobile-nav.premium-menu.open{
  display:grid !important;
  transform:translateX(0) !important;
  opacity:1 !important;
  visibility:visible !important;
}
@media (max-width:420px){
  .mobile-nav.premium-menu{
    width:100vw !important;
    max-width:100vw !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }
}
@media (max-width:360px){
  .header-main > .head-tools #openMenu.menu-head{
    width:38px !important;height:38px !important;min-width:38px !important;min-height:38px !important;
  }
  .mobile-nav.premium-menu{padding:16px 12px 24px !important;}
}

/* ================================================================
   FINAL UNIVERSAL PREMIUM MENU — FULL TOP-SHIELD ON EVERY SCREEN
   One identical full-height drawer at every viewport size.
   The menu header owns the entire top edge so scrolling content can
   never peek through above or behind it.
   ================================================================ */
.mobile-nav.premium-menu{
  position:fixed!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:auto!important;
  width:min(430px,100vw)!important;
  height:100dvh!important;
  max-height:100dvh!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  background:#f7f8fa!important;
  border:1px solid rgba(17,24,39,.08)!important;
  border-right:0!important;
  border-radius:0!important;
  box-shadow:-30px 0 90px rgba(17,24,39,.20),-5px 0 24px rgba(17,24,39,.05)!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
  z-index:100000!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateX(105%)!important;
  opacity:0!important;
  transition:transform .28s cubic-bezier(.22,.8,.24,1),opacity .2s ease,visibility .2s ease!important;
}
.mobile-nav.premium-menu.open{
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateX(0)!important;
  opacity:1!important;
}

/* Full-width opaque shield. Nothing from the scrolling menu body may show above it. */
.mobile-nav.premium-menu .premium-menu-head{
  position:sticky!important;
  top:0!important;
  flex:0 0 auto!important;
  width:100%!important;
  min-height:88px!important;
  margin:0!important;
  padding:18px 20px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  background:#fff!important;
  border:0!important;
  border-bottom:1px solid #e8ebef!important;
  box-shadow:0 10px 24px rgba(17,24,39,.09)!important;
  z-index:100!important;
  isolation:isolate!important;
}
.mobile-nav.premium-menu .premium-menu-head::before{
  content:""!important;
  position:absolute!important;
  top:-40px!important;
  left:0!important;
  right:0!important;
  height:40px!important;
  background:#fff!important;
  z-index:101!important;
  pointer-events:none!important;
}
.mobile-nav.premium-menu .premium-menu-head::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-18px!important;
  height:18px!important;
  background:linear-gradient(to bottom,rgba(255,255,255,1),rgba(255,255,255,0))!important;
  pointer-events:none!important;
  z-index:99!important;
}

.mobile-nav.premium-menu .menu-branding{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}
.mobile-nav.premium-menu .menu-branding span{
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.18em!important;
  color:#737b87!important;
}
.mobile-nav.premium-menu .menu-branding b{
  font-size:20px!important;
  line-height:1!important;
  letter-spacing:-.03em!important;
  color:#111827!important;
}
.mobile-nav.premium-menu .menu-branding small{
  margin-top:3px!important;
  font-size:10px!important;
  color:#9299a3!important;
}

.mobile-nav.premium-menu .menu-close{
  flex:0 0 44px!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #e0e4e9!important;
  border-radius:14px!important;
  background:#111827!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(17,24,39,.18)!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.mobile-nav.premium-menu .menu-close:hover{
  transform:translateY(-1px)!important;
  background:#000!important;
  box-shadow:0 14px 28px rgba(17,24,39,.22)!important;
}
.mobile-nav.premium-menu .menu-close:active{transform:scale(.96)!important}
.mobile-nav.premium-menu .menu-close svg{width:18px!important;height:18px!important;stroke-width:2!important}

/* Body starts below the shield and stays the only scrolling region. */
.mobile-nav.premium-menu .menu-quick-grid,
.mobile-nav.premium-menu .menu-divider-label,
.mobile-nav.premium-menu .menu-primary,
.mobile-nav.premium-menu .menu-footer-note{
  position:relative!important;
  z-index:1!important;
  flex:0 0 auto!important;
}
.mobile-nav.premium-menu .menu-quick-grid{margin-top:0!important}

/* Keep the presentation identical at every viewport; only fluid width changes. */
@media (max-width:700px){
  .mobile-nav.premium-menu{width:100vw!important}
  .mobile-nav.premium-menu .premium-menu-head{
    min-height:82px!important;
    padding:16px!important;
  }
  .mobile-nav.premium-menu .menu-branding b{font-size:18px!important}
}
@media (max-width:380px){
  .mobile-nav.premium-menu .premium-menu-head{min-height:78px!important;padding:14px!important}
  .mobile-nav.premium-menu .menu-close{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:12px!important}
  .mobile-nav.premium-menu .menu-branding span{font-size:9px!important}
  .mobile-nav.premium-menu .menu-branding b{font-size:17px!important}
}

/* =========================================================
   SHOE PLUG — PREMIUM APPLE-INSPIRED MOTION SYSTEM
   Subtle, fast, tactile. No bounce-heavy or distracting effects.
   ========================================================= */
:root{
  --motion-fast:180ms;
  --motion:420ms;
  --motion-slow:700ms;
  --ease-spring:cubic-bezier(.22,1,.36,1);
  --ease-smooth:cubic-bezier(.16,1,.3,1);
}
html{scroll-behavior:smooth}
body{overflow-x:hidden}

/* Global tactile interactions */
button,a,.btn,.head-icon,.cart-head,.menu-link,.menu-primary a,.category-cards button,
.product-card,.service-grid>div,.floating-card,.wish-btn,.tool-right button,.tool-right select,
input,select,textarea{transition:transform var(--motion-fast) var(--ease-spring),
  box-shadow var(--motion-fast) ease,border-color var(--motion-fast) ease,
  background-color var(--motion-fast) ease,opacity var(--motion-fast) ease,
  color var(--motion-fast) ease}

button:active,.btn:active,.head-icon:active,.cart-head:active,.menu-link:active,.menu-primary a:active{transform:scale(.975)}

/* Cinematic page entrance */
body.motion-ready .hero-copy>*{
  opacity:0;transform:translateY(18px);animation:spFadeUp .75s var(--ease-spring) forwards;
}
body.motion-ready .hero-copy .pill{animation-delay:80ms}
body.motion-ready .hero-copy h1{animation-delay:140ms}
body.motion-ready .hero-copy>p{animation-delay:220ms}
body.motion-ready .hero-actions{animation-delay:300ms}
body.motion-ready .hero-meta{animation-delay:380ms}
body.motion-ready .hero-art{
  opacity:0;transform:translate3d(24px,10px,0) scale(.985);animation:spHeroIn .9s var(--ease-spring) 180ms forwards;
}
body.motion-ready .hero-shoe img,body.motion-ready .hero-shoe{
  animation:spFloatShoe 5.5s ease-in-out 1.05s infinite;
}
body.motion-ready .floating-card{opacity:0;animation:spFloatIn .7s var(--ease-spring) forwards}
body.motion-ready .fc-one{animation-delay:.55s}.body.motion-ready .fc-two{animation-delay:.68s}

/* Scroll reveals */
.motion-reveal{opacity:0;transform:translateY(26px) scale(.985);filter:blur(5px);transition:
  opacity var(--motion-slow) var(--ease-smooth),transform var(--motion-slow) var(--ease-spring),filter var(--motion-slow) ease}
.motion-reveal.is-visible{opacity:1;transform:none;filter:none}
.motion-reveal[data-motion="fade"]{transform:none}
.motion-reveal[data-motion="scale"]{transform:translateY(8px) scale(.965)}
.motion-reveal[data-motion="left"]{transform:translateX(-28px)}
.motion-reveal[data-motion="right"]{transform:translateX(28px)}

/* Product cards: quiet lift + image zoom */
.product-card{transform:translateZ(0);will-change:transform,box-shadow}
.product-card:hover{transform:translateY(-8px) scale(1.006);box-shadow:0 22px 50px rgba(17,24,39,.12)}
.product-card .photo img{transition:transform 800ms var(--ease-spring),filter 500ms ease}
.product-card:hover .photo img{transform:scale(1.045);filter:saturate(1.03)}
.product-card .photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.22) 50%,rgba(255,255,255,0) 65%);transform:translateX(-120%);transition:transform 850ms var(--ease-smooth)}
.product-card:hover .photo:after{transform:translateX(120%)}

/* Category cards */
.category-cards button{will-change:transform;transform:translateZ(0)}
.category-cards button:hover{transform:translateY(-7px) scale(1.01);box-shadow:0 20px 42px rgba(17,24,39,.10)}
.category-cards button img{transition:transform .8s var(--ease-spring),filter .5s ease}
.category-cards button:hover img{transform:scale(1.055)}

/* Hero depth */
.hero-art .art-bg{animation:spBgBreath 8s ease-in-out 1s infinite}
.floating-card{will-change:transform}
.floating-card:hover{transform:translateY(-5px) rotate(-.35deg);box-shadow:0 20px 45px rgba(17,24,39,.14)}

/* Buttons feel like premium touch controls */
.btn.primary{position:relative;overflow:hidden;isolation:isolate}
.btn.primary:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.42) 48%,transparent 66%);transform:translateX(-120%);transition:transform .75s var(--ease-smooth);z-index:-1}
.btn.primary:hover:before{transform:translateX(120%)}
.btn.primary:hover{transform:translateY(-2px)}
.btn.secondary:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(17,24,39,.08)}

/* Header / icon tactility */
.head-icon:hover,.cart-head:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(17,24,39,.09)}

/* Universal menu: premium slide + backdrop feel */
.mobile-nav.premium-menu{will-change:transform;transform-origin:right center;transition:transform .55s var(--ease-spring),box-shadow .55s ease,opacity .35s ease!important}
.mobile-nav.premium-menu.open{box-shadow:-30px 0 80px rgba(17,24,39,.16)!important}
.mobile-nav.premium-menu .menu-primary a,.mobile-nav.premium-menu .menu-quick-card{transform:translateX(12px);opacity:.01;transition:transform .5s var(--ease-spring),opacity .35s ease,box-shadow .25s ease!important}
.mobile-nav.premium-menu.open .menu-primary a,.mobile-nav.premium-menu.open .menu-quick-card{transform:none;opacity:1}
.mobile-nav.premium-menu.open .menu-quick-card:nth-child(1){transition-delay:90ms!important}.mobile-nav.premium-menu.open .menu-quick-card:nth-child(2){transition-delay:130ms!important}
.mobile-nav.premium-menu.open .menu-primary a:nth-child(1){transition-delay:160ms!important}.mobile-nav.premium-menu.open .menu-primary a:nth-child(2){transition-delay:195ms!important}.mobile-nav.premium-menu.open .menu-primary a:nth-child(3){transition-delay:230ms!important}.mobile-nav.premium-menu.open .menu-primary a:nth-child(4){transition-delay:265ms!important}.mobile-nav.premium-menu.open .menu-primary a:nth-child(5){transition-delay:300ms!important}.mobile-nav.premium-menu.open .menu-primary a:nth-child(6){transition-delay:335ms!important}
.mobile-nav.premium-menu .menu-primary a:hover,.mobile-nav.premium-menu .menu-quick-card:hover{transform:translateX(4px)!important;box-shadow:0 12px 30px rgba(17,24,39,.07)!important}

/* Search presentation */
.search-modal{opacity:0;transition:opacity .28s ease,visibility .28s ease!important}
.search-modal.open{opacity:1!important}
.search-modal .search-panel{transform:translateY(18px) scale(.975);opacity:0;transition:transform .55s var(--ease-spring),opacity .35s ease,box-shadow .45s ease!important}
.search-modal.open .search-panel{transform:none;opacity:1}
#searchSuggestions .header-search-result,#searchSuggestions .header-search-destination{opacity:0;transform:translateY(8px);animation:spResultIn .42s var(--ease-spring) forwards}
#searchSuggestions .header-search-result:nth-child(2){animation-delay:25ms}#searchSuggestions .header-search-result:nth-child(3){animation-delay:50ms}#searchSuggestions .header-search-result:nth-child(4){animation-delay:75ms}#searchSuggestions .header-search-result:nth-child(5){animation-delay:100ms}
#searchSuggestions .header-search-result:hover,#searchSuggestions .header-search-destination:hover{transform:translateX(3px)!important}

/* Drawers + modals */
.modal,.drawer{opacity:0;transition:opacity .28s ease,visibility .28s ease!important}
.modal.open,.drawer.open{opacity:1!important}
.modal .modal-card,.drawer .drawer-card,.drawer .drawer-panel,.modal-card{transform:translateY(20px) scale(.98);opacity:0;transition:transform .55s var(--ease-spring),opacity .35s ease,box-shadow .45s ease!important}
.modal.open .modal-card,.drawer.open .drawer-card,.drawer.open .drawer-panel{transform:none;opacity:1}

/* Scroll-to-top / floating controls */
#goUp,.go-up,[data-go-up]{transition:transform .3s var(--ease-spring),opacity .3s ease,box-shadow .3s ease!important}
#goUp:hover,.go-up:hover,[data-go-up]:hover{transform:translateY(-5px)!important;box-shadow:0 15px 32px rgba(17,24,39,.16)!important}

/* Toast / feedback */
.toast,.toast-message,.notice,.snackbar{animation:spToastIn .55s var(--ease-spring) both}

/* Loading shimmer */
.skeleton,.loading-card,.is-loading{position:relative;overflow:hidden;background:#f1f2f4}
.skeleton:after,.loading-card:after,.is-loading:after{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.72) 50%,transparent 65%);animation:spShimmer 1.25s linear infinite}

@keyframes spFadeUp{to{opacity:1;transform:none}}
@keyframes spHeroIn{to{opacity:1;transform:none}}
@keyframes spFloatIn{to{opacity:1;transform:translateY(0)}}
@keyframes spFloatShoe{0%,100%{transform:rotate(-9deg) translateY(0)}50%{transform:rotate(-8.2deg) translateY(-8px)}}
@keyframes spBgBreath{0%,100%{transform:rotate(2deg) scale(1)}50%{transform:rotate(1deg) scale(1.015)}}
@keyframes spResultIn{to{opacity:1;transform:none}}
@keyframes spToastIn{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
@keyframes spShimmer{to{transform:translateX(110%)}}

@media(max-width:700px){
  .hero-copy>*{animation-duration:.6s!important}
  .product-card:hover{transform:translateY(-4px) scale(1.002)}
  .category-cards button:hover{transform:translateY(-4px)}
  .search-modal .search-panel{transition-duration:.46s!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .motion-reveal{opacity:1!important;transform:none!important;filter:none!important}
}

/* === FINAL PREMIUM MENU CORNERS === */
.mobile-nav.premium-menu{
  border-radius:28px 0 0 28px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  clip-path:inset(0 round 28px 0 0 28px)!important;
}
.mobile-nav.premium-menu .premium-menu-head{
  border-top-left-radius:20px!important;
}
@media(max-width:520px){
  .mobile-nav.premium-menu{border-radius:24px 0 0 24px!important;clip-path:inset(0 round 24px 0 0 24px)!important}
}
@media(max-width:360px){
  .mobile-nav.premium-menu{border-radius:20px 0 0 20px!important;clip-path:inset(0 round 20px 0 0 20px)!important}
}

/* Premium product-first editorial hero inspired by current luxury footwear conventions. */
.hero-editorial{position:relative;isolation:isolate;overflow:hidden;background:#f8f8f6!important;border-bottom:1px solid rgba(23,32,51,.07)}
.hero-editorial-bg{position:absolute;inset:0;background:radial-gradient(circle at 73% 46%,rgba(235,185,68,.22),transparent 23%),radial-gradient(circle at 18% 24%,rgba(37,99,235,.08),transparent 27%),linear-gradient(120deg,#fff 0%,#f7f7f4 48%,#eef1f5 100%);z-index:-2}
.hero-editorial-bg:after{content:"";position:absolute;width:48vw;height:48vw;max-width:720px;max-height:720px;border-radius:50%;right:-12vw;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.72);filter:blur(2px)}
.hero-editorial-grid{min-height:690px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:clamp(30px,5vw,80px);padding:52px 0 58px}
.hero-editorial-copy{position:relative;z-index:4;max-width:630px}
.hero-kicker{margin:22px 0 10px;color:#8b95a7;font-size:10px;font-weight:900;letter-spacing:.2em}
.hero-editorial-copy h1{margin:0;font-size:clamp(58px,7vw,106px);line-height:.9;letter-spacing:-.085em;color:#111827;max-width:720px}
.hero-editorial-copy h1 em{font-style:normal;color:#c68212}
.hero-editorial-lead{max-width:540px;margin:24px 0 28px;color:#667085;font-size:16px;line-height:1.8}
.hero-editorial-proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;color:#7c8797;font-size:10px;font-weight:700}
.hero-editorial-proof span{display:inline-flex;align-items:center;gap:7px}.hero-editorial-proof b{color:#9b6b15;font-size:9px;letter-spacing:.12em}
.hero-editorial-product{position:relative;min-height:570px;display:grid;place-items:center}
.hero-product-glow{position:absolute;inset:9% 4%;border-radius:44px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(229,233,239,.92));box-shadow:inset 0 0 0 1px rgba(23,32,51,.06),0 38px 80px rgba(23,32,51,.08)}
.hero-product-glow:before{content:"";position:absolute;inset:12% 12%;border-radius:50%;background:radial-gradient(circle,rgba(227,177,55,.28),rgba(227,177,55,0) 64%);filter:blur(8px)}
.hero-editorial-product .hero-shoe{position:absolute;inset:7% 3% 10%;display:grid;place-items:center;z-index:2;filter:drop-shadow(0 34px 28px rgba(23,32,51,.24))}
.hero-editorial-product .hero-shoe-duo{position:absolute;inset:7% 3% 10%;display:block;z-index:2;filter:none;transform:none;}
.hero-shoe-slide{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:translateX(18px) scale(.985);transition:opacity .65s ease,transform .8s cubic-bezier(.2,.75,.25,1);pointer-events:none;}
.hero-shoe-slide.is-active{opacity:1;transform:translateX(0) scale(1);}
.hero-shoe-slide img{width:min(100%,720px);height:auto;max-height:520px;object-fit:contain;transform:rotate(-9deg) scale(1.12);border-radius:28px;mix-blend-mode:multiply;filter:drop-shadow(0 34px 28px rgba(23,32,51,.24));}
.hero-shoe-dots{position:absolute;left:50%;bottom:2%;transform:translateX(-50%);display:flex;gap:6px;z-index:3;padding:6px 8px;border:1px solid rgba(23,32,51,.08);background:rgba(255,255,255,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;}
.hero-shoe-dots span{display:block;width:7px;height:7px;border-radius:50%;background:#c8ced8;transition:.25s ease}.hero-shoe-dots span.is-active{width:18px;border-radius:999px;background:#c68212}
.hero-editorial-product .hero-shoe-duo:hover .hero-shoe-slide img{transform:rotate(-7deg) scale(1.14)}

.hero-editorial-product .hero-shoe img{width:min(100%,720px);height:auto;max-height:520px;object-fit:contain;transform:rotate(-9deg) scale(1.12);border-radius:28px;mix-blend-mode:multiply}
.hero-product-card{position:absolute;right:-2%;bottom:7%;z-index:5;width:235px;padding:17px 18px;border-radius:18px;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(23,32,51,.09);box-shadow:0 24px 56px rgba(23,32,51,.14)}
.hero-product-card span,.hero-product-label{display:block;color:#8892a3;font-size:8px;letter-spacing:.15em;font-weight:900}.hero-product-card strong{display:block;margin-top:6px;font-size:14px}.hero-product-card>b{display:block;margin:9px 0 12px;color:#9d6b12;font-size:13px}.hero-product-card a{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:900}
.hero-product-orbit{position:absolute;left:1%;top:11%;z-index:4;display:flex;flex-direction:column;gap:9px}.hero-product-orbit span{width:max-content;padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.76);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(23,32,51,.08);font-size:8px;font-weight:900;letter-spacing:.14em;color:#667085}
.hero-editorial .hero-actions .btn{min-height:48px;border-radius:14px;padding:0 19px}
.hero-editorial .hero-actions .btn.primary{background:#111827!important;box-shadow:0 18px 36px rgba(17,24,39,.18)}
.hero-editorial .hero-actions .btn.secondary{background:rgba(255,255,255,.82)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}

@media (max-width:900px){.hero-editorial-grid{grid-template-columns:1fr;min-height:0;padding:44px 0 34px;gap:16px}.hero-editorial-copy{max-width:760px}.hero-editorial-copy h1{font-size:clamp(52px,12vw,82px)}.hero-editorial-lead{font-size:15px;max-width:620px}.hero-editorial-product{min-height:500px}.hero-product-card{right:2%;bottom:3%}.hero-product-orbit{left:2%;top:5%}}
@media (max-width:600px){.hero-editorial-grid{padding:32px 0 24px}.hero-kicker{margin-top:16px}.hero-editorial-copy h1{font-size:clamp(45px,13vw,64px)}.hero-editorial-lead{font-size:14px;line-height:1.65;margin:18px 0 22px}.hero-editorial-proof{gap:10px 15px;margin-top:20px;font-size:9px}.hero-editorial-product{min-height:390px}.hero-product-glow{inset:5% 0 7%;border-radius:28px}.hero-editorial-product .hero-shoe{inset:8% 0 15%}.hero-editorial-product .hero-shoe img{transform:rotate(-7deg) scale(1.08);max-height:360px}.hero-editorial-product .hero-shoe-duo{inset:8% 0 15%;}.hero-shoe-dots{bottom:1%;}.hero-product-card{right:0;bottom:0;width:205px;padding:13px 14px;border-radius:15px}.hero-product-card strong{font-size:12px}.hero-product-card>b{font-size:12px;margin:7px 0 9px}.hero-product-orbit{left:0;top:4%;gap:6px}.hero-product-orbit span{font-size:7px;padding:6px 8px}.hero-editorial .hero-actions{display:flex}.hero-editorial .hero-actions .btn{flex:1;min-width:0;padding:0 12px}}
@media (max-width:430px){.hero-editorial-copy h1{font-size:44px}.hero-editorial-product{min-height:330px}.hero-editorial-product .hero-shoe img{max-height:300px}.hero-editorial-product .hero-shoe-duo{inset:8% 0 15%;}.hero-product-card{width:188px}.hero-product-card>span{font-size:7px}.hero-editorial-proof{display:grid;grid-template-columns:1fr 1fr}.hero-editorial .hero-actions{display:grid;grid-template-columns:1fr}.hero-editorial .hero-actions .btn{width:100%}}

/* The confidence/help card was removed from the page; keep the how-it-works block clean. */
.how-grid{grid-template-columns:1fr!important}

/* === PRODUCT CARD ACTIONS: ALWAYS VISIBLE + FULLY RESPONSIVE === */
.product-card .card-actions{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(4px,0.65vw,8px)!important;
  align-items:stretch!important;
  margin-top:12px!important;
}
.product-card .card-actions > *{
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  overflow:visible!important;
}
.product-card .card-actions button{
  box-sizing:border-box!important;
  min-height:44px!important;
  height:auto!important;
  padding:clamp(5px,0.7vw,9px)!important;
  border-radius:clamp(8px,0.8vw,11px)!important;
  line-height:1.15!important;
}
.product-card .card-actions .primary-action{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:normal!important;
  overflow:visible!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  font-size:clamp(8px,0.72vw,11px)!important;
  line-height:1.15!important;
  letter-spacing:0!important;
}
.product-card .card-actions .quick,
.product-card .card-actions .compare-action,
.product-card .card-actions .cart-action{
  display:grid!important;
  place-items:center!important;
  min-width:0!important;
  width:100%!important;
  font-size:clamp(14px,1.25vw,18px)!important;
  line-height:1!important;
  white-space:nowrap!important;
}
/* Never remove an action at any breakpoint. */
.product-card .card-actions .compare-action{display:grid!important;visibility:visible!important}
.product-card .card-actions .cart-action{display:grid!important;visibility:visible!important}

@media(max-width:520px){
  .product-card .card-actions{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:4px!important;
  }
  .product-card .card-actions button{
    min-height:42px!important;
    padding:4px 3px!important;
    border-radius:8px!important;
  }
  .product-card .card-actions .primary-action{
    font-size:clamp(8px,2.45vw,10px)!important;
    line-height:1.12!important;
  }
  .product-card .card-actions .quick,
  .product-card .card-actions .compare-action,
  .product-card .card-actions .cart-action{
    font-size:clamp(13px,4.5vw,16px)!important;
  }
}

@media(max-width:340px){
  .product-card .card-actions{
    gap:3px!important;
  }
  .product-card .card-actions button{
    min-height:40px!important;
    padding:3px 2px!important;
  }
  .product-card .card-actions .primary-action{font-size:8px!important}
  .product-card .card-actions .quick,
  .product-card .card-actions .compare-action,
  .product-card .card-actions .cart-action{font-size:13px!important}
}

/* Ultra-premium product view modal */
#productModal{
  padding:clamp(10px,2vw,28px)!important;
  background:rgba(8,12,20,.58)!important;
  backdrop-filter:blur(18px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(125%)!important;
  overscroll-behavior:contain!important;
}
#productModal .product-modal{
  width:min(1180px,96vw)!important;
  max-width:1180px!important;
  max-height:min(92dvh,900px)!important;
  padding:clamp(14px,2.2vw,30px)!important;
  border:1px solid rgba(255,255,255,.78)!important;
  border-radius:clamp(18px,2vw,28px)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,250,252,.96))!important;
  box-shadow:0 35px 110px rgba(0,0,0,.34),0 1px 0 rgba(255,255,255,.95) inset!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin;
  scrollbar-color:#cbd2dc transparent;
}
#productModal .product-modal:before{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(120deg,rgba(255,255,255,.55),transparent 32%,transparent 72%,rgba(243,167,18,.08));
}
#productModal .close{
  position:absolute!important;right:clamp(10px,1.5vw,18px)!important;top:clamp(10px,1.5vw,18px)!important;
  z-index:4!important;width:42px!important;height:42px!important;border-radius:50%!important;
  border:1px solid #e2e6ec!important;background:rgba(255,255,255,.92)!important;
  color:#172033!important;font-size:0!important;display:grid!important;place-items:center!important;
  box-shadow:0 10px 28px rgba(23,32,51,.12)!important;
  transition:transform .32s var(--ease-spring),box-shadow .25s ease,background .25s ease!important;
}
#productModal .close:before,#productModal .close:after{content:"";width:15px;height:1.6px;background:currentColor;border-radius:2px;grid-area:1/1}
#productModal .close:before{transform:rotate(45deg)}
#productModal .close:after{transform:rotate(-45deg)}
#productModal .close:hover{transform:rotate(90deg) scale(1.04)!important;background:#fff!important;box-shadow:0 14px 35px rgba(23,32,51,.18)!important}
#productModal .close:focus-visible{outline:3px solid rgba(243,167,18,.28)!important;outline-offset:2px!important}
#productModal .product-detail{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)!important;gap:clamp(18px,3vw,38px)!important;align-items:start!important;position:relative}
#productModal .detail-photo{
  min-height:clamp(330px,58vh,620px)!important;height:100%!important;position:relative!important;
  border-radius:clamp(14px,1.5vw,22px)!important;
  background:radial-gradient(circle at 50% 38%,#ffffff 0,#f2f4f7 47%,#e7ebf0 100%)!important;
  border:1px solid #e4e8ed!important;
  box-shadow:inset 0 1px 0 #fff,0 20px 45px rgba(23,32,51,.07)!important;
}
#productModal .detail-photo:after{content:"";position:absolute;left:10%;right:10%;bottom:7%;height:12%;border-radius:50%;background:rgba(23,32,51,.13);filter:blur(20px);transform:scaleX(.8);z-index:0}
#productModal .detail-photo img{position:relative;z-index:1;transition:transform .7s var(--ease-spring),filter .45s ease!important;will-change:transform}
#productModal .detail-photo:hover img{transform:scale(1.035) translateY(-3px)!important}
#productModal .product-detail>div:last-child{padding:clamp(6px,1vw,12px) clamp(2px,1vw,10px) 6px 0!important}
#productModal .product-detail .brand{font-size:10px!important;letter-spacing:.18em!important;color:#a66c00!important}
#productModal .product-detail h2{font-size:clamp(28px,3.2vw,48px)!important;line-height:1.02!important;letter-spacing:-.045em!important;margin:8px 56px 10px 0!important;color:#111827!important}
#productModal .product-detail .rating{font-size:11px!important;display:flex;align-items:center;gap:7px!important;margin-bottom:6px!important}
#productModal .detail-price{font-size:clamp(24px,2.3vw,34px)!important;margin:12px 0!important;letter-spacing:-.025em!important}
#productModal .detail-meta{font-size:11px!important;line-height:1.75!important;padding:13px 15px!important;border:1px solid #e7ebef!important;border-radius:13px!important;background:rgba(247,248,250,.82)!important;color:#5e6879!important}
#productModal .size-guide-note{margin:14px 0 10px!important;padding:12px 14px!important;background:linear-gradient(135deg,#fffaf0,#faf8f4)!important;border-color:#eadfc7!important;box-shadow:0 8px 20px rgba(165,113,23,.05)!important}
#productModal .size-guide-note strong{font-size:11px!important;color:#463a29!important}
#productModal .size-guide-note span{font-size:10px!important;color:#7b7468!important}
#productModal h4{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.13em!important;color:#566174!important;margin:18px 0 7px!important}
#productModal .size-select{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:10px 0 15px!important}
#productModal .size-select button{min-height:58px!important;padding:10px 11px!important;border-radius:11px!important;border:1px solid #dfe4ea!important;background:#fff!important;box-shadow:0 4px 12px rgba(23,32,51,.035)!important;transition:transform .25s var(--ease-spring),border-color .2s ease,box-shadow .2s ease,background .2s ease!important}
#productModal .size-select button:hover{transform:translateY(-2px)!important;border-color:#d3a04d!important;box-shadow:0 10px 22px rgba(23,32,51,.08)!important}
#productModal .size-select button.selected{border-color:#c88716!important;background:linear-gradient(145deg,#fff8e8,#fff3d0)!important;box-shadow:0 0 0 2px rgba(200,135,22,.12),0 9px 20px rgba(200,135,22,.08)!important}
#productModal .size-select button strong{font-size:12px!important;color:#1c2535!important}
#productModal .size-select button small{font-size:9px!important;color:#707989!important}
#productModal .detail-qty{display:inline-flex!important;margin:3px 0 13px!important;padding:4px!important;border:1px solid #e2e6eb!important;border-radius:999px!important;background:#f8fafc!important;gap:4px!important}
#productModal .detail-qty button{width:34px!important;height:34px!important;border:0!important;border-radius:50%!important;background:#fff!important;box-shadow:0 3px 10px rgba(23,32,51,.06)!important;font-size:16px!important;transition:transform .2s ease,background .2s ease!important}
#productModal .detail-qty button:hover{transform:scale(1.05)!important;background:#f4f6f8!important}
#productModal #detailQtyValue{min-width:30px!important;text-align:center!important;font-size:11px!important}
#productModal .btn.full{min-height:50px!important;border-radius:12px!important;font-size:10px!important;letter-spacing:.09em!important;box-shadow:0 12px 28px rgba(23,32,51,.08)!important;transition:transform .28s var(--ease-spring),box-shadow .25s ease,filter .25s ease!important}
#productModal .btn.full:hover{transform:translateY(-2px)!important;box-shadow:0 16px 34px rgba(23,32,51,.13)!important}
#productModal .btn.secondary.full,#productModal .btn.ghost.full{background:#fff!important;border-color:#dde3ea!important}
#productModal .btn.ghost.full{color:#586274!important}

@media(max-width:900px){
  #productModal{padding:10px!important}
  #productModal .product-modal{width:calc(100vw - 16px)!important;max-height:94dvh!important;padding:14px!important;border-radius:20px!important}
  #productModal .product-detail{grid-template-columns:1fr!important;gap:16px!important}
  #productModal .detail-photo{min-height:clamp(260px,48vh,500px)!important;max-height:none!important}
  #productModal .product-detail>div:last-child{padding:0 3px 4px!important}
  #productModal .product-detail h2{font-size:clamp(27px,6vw,38px)!important;margin-right:48px!important}
  #productModal .size-select{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:560px){
  #productModal{padding:6px!important}
  #productModal .product-modal{width:calc(100vw - 8px)!important;max-height:96dvh!important;padding:10px!important;border-radius:18px!important}
  #productModal .close{width:38px!important;height:38px!important;right:9px!important;top:9px!important}
  #productModal .detail-photo{min-height:clamp(240px,52vw,360px)!important;border-radius:15px!important}
  #productModal .product-detail h2{font-size:clamp(24px,8vw,33px)!important;line-height:1.03!important;margin-top:6px!important}
  #productModal .detail-meta{font-size:10px!important;line-height:1.65!important;padding:11px 12px!important}
  #productModal .size-select{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  #productModal .size-select button{min-height:54px!important;padding:9px!important}
  #productModal .btn.full{min-height:48px!important}
}
@media(max-width:340px){
  #productModal .product-modal{padding:8px!important}
  #productModal .detail-photo{min-height:210px!important}
  #productModal .size-select button small{font-size:8px!important}
  #productModal .size-select button strong{font-size:11px!important}
}

@media (prefers-reduced-motion:reduce){
  #productModal .close,#productModal .detail-photo img,#productModal .size-select button,#productModal .btn.full{transition:none!important}
}

/* Final premium close controls — perfectly centered and consistent across customer overlays */
#productModal .product-modal > .close,
#customerChatModal .customer-chat-card > .close,
#questionModal .small-modal > .close,
#questionSentModal .small-modal > .close,
#wishlistModal .modal-card > .close,
#accountModal .small-modal > .close,
#compareModal .compare-modal-card > .close,
#locationConsentModal .small-modal > .close{
  position:absolute!important;
  top:clamp(12px,1.35vw,18px)!important;
  right:clamp(12px,1.35vw,18px)!important;
  z-index:20!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  padding:0!important;
  margin:0!important;
  border-radius:50%!important;
  border:1px solid rgba(214,220,229,.95)!important;
  background:rgba(255,255,255,.96)!important;
  color:#172033!important;
  display:grid!important;
  place-items:center!important;
  align-items:center!important;
  justify-items:center!important;
  line-height:0!important;
  text-align:center!important;
  font-size:0!important;
  box-shadow:0 8px 24px rgba(23,32,51,.12),0 1px 0 rgba(255,255,255,.95) inset!important;
  transform:none!important;
  transition:background .25s ease,border-color .25s ease,box-shadow .3s ease,transform .35s var(--ease-spring)!important;
}
#productModal .product-modal > .close::before,
#productModal .product-modal > .close::after,
#customerChatModal .customer-chat-card > .close::before,
#customerChatModal .customer-chat-card > .close::after,
#questionModal .small-modal > .close::before,
#questionModal .small-modal > .close::after,
#questionSentModal .small-modal > .close::before,
#questionSentModal .small-modal > .close::after,
#wishlistModal .modal-card > .close::before,
#wishlistModal .modal-card > .close::after,
#accountModal .small-modal > .close::before,
#accountModal .small-modal > .close::after,
#compareModal .compare-modal-card > .close::before,
#compareModal .compare-modal-card > .close::after,
#locationConsentModal .small-modal > .close::before,
#locationConsentModal .small-modal > .close::after{
  content:""!important;
  width:15px!important;
  height:1.7px!important;
  border-radius:999px!important;
  background:currentColor!important;
  grid-area:1/1!important;
  display:block!important;
  transform-origin:center!important;
}
#productModal .product-modal > .close::before,
#customerChatModal .customer-chat-card > .close::before,
#questionModal .small-modal > .close::before,
#questionSentModal .small-modal > .close::before,
#wishlistModal .modal-card > .close::before,
#accountModal .small-modal > .close::before,
#compareModal .compare-modal-card > .close::before,
#locationConsentModal .small-modal > .close::before{transform:rotate(45deg)!important}
#productModal .product-modal > .close::after,
#customerChatModal .customer-chat-card > .close::after,
#questionModal .small-modal > .close::after,
#questionSentModal .small-modal > .close::after,
#wishlistModal .modal-card > .close::after,
#accountModal .small-modal > .close::after,
#compareModal .compare-modal-card > .close::after,
#locationConsentModal .small-modal > .close::after{transform:rotate(-45deg)!important}
#productModal .product-modal > .close:hover,
#customerChatModal .customer-chat-card > .close:hover,
#questionModal .small-modal > .close:hover,
#questionSentModal .small-modal > .close:hover,
#wishlistModal .modal-card > .close:hover,
#accountModal .small-modal > .close:hover,
#compareModal .compare-modal-card > .close:hover,
#locationConsentModal .small-modal > .close:hover{
  background:#fff!important;
  border-color:#cfd6df!important;
  box-shadow:0 14px 34px rgba(23,32,51,.18),0 1px 0 rgba(255,255,255,1) inset!important;
  transform:scale(1.045)!important;
}
#productModal .product-modal > .close:active,
#customerChatModal .customer-chat-card > .close:active,
#questionModal .small-modal > .close:active,
#questionSentModal .small-modal > .close:active,
#wishlistModal .modal-card > .close:active,
#accountModal .small-modal > .close:active,
#compareModal .compare-modal-card > .close:active,
#locationConsentModal .small-modal > .close:active{transform:scale(.96)!important}
#productModal .product-modal > .close:focus-visible,
#customerChatModal .customer-chat-card > .close:focus-visible,
#questionModal .small-modal > .close:focus-visible,
#questionSentModal .small-modal > .close:focus-visible,
#wishlistModal .modal-card > .close:focus-visible,
#accountModal .small-modal > .close:focus-visible,
#compareModal .compare-modal-card > .close:focus-visible,
#locationConsentModal .small-modal > .close:focus-visible{
  outline:3px solid rgba(243,167,18,.24)!important;
  outline-offset:3px!important;
}
#customerChatModal .customer-chat-card > .close{top:14px!important;right:14px!important}
#customerChatModal .chat-head{padding-right:76px!important}
#questionModal .small-modal,
#questionSentModal .small-modal,
#accountModal .small-modal,
#locationConsentModal .small-modal{position:relative!important}
@media(max-width:560px){
  #productModal .product-modal > .close,
  #customerChatModal .customer-chat-card > .close,
  #questionModal .small-modal > .close,
  #questionSentModal .small-modal > .close,
  #wishlistModal .modal-card > .close,
  #accountModal .small-modal > .close,
  #compareModal .compare-modal-card > .close,
  #locationConsentModal .small-modal > .close{
    width:40px!important;height:40px!important;min-width:40px!important;
    top:10px!important;right:10px!important;
  }
  #customerChatModal .customer-chat-card > .close{top:10px!important;right:10px!important}
  #customerChatModal .chat-head{padding-right:64px!important}
}
@media(prefers-reduced-motion:reduce){
  #productModal .product-modal > .close,
  #customerChatModal .customer-chat-card > .close,
  #questionModal .small-modal > .close,
  #questionSentModal .small-modal > .close,
  #wishlistModal .modal-card > .close,
  #accountModal .small-modal > .close,
  #compareModal .compare-modal-card > .close,
  #locationConsentModal .small-modal > .close{transition:none!important}
}

/* === VERIFIED PREMIUM CLOSE CONTROLS — PRODUCT + CHAT === */
#productModal .product-modal,
#customerChatModal .customer-chat-card{position:relative!important}
#productModal .close,
#customerChatModal .close{
  position:absolute!important;
  top:16px!important;
  right:16px!important;
  z-index:99!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  align-items:center!important;
  justify-items:center!important;
  box-sizing:border-box!important;
  border-radius:50%!important;
  border:1px solid rgba(18,24,32,.12)!important;
  background:rgba(255,255,255,.96)!important;
  color:#172033!important;
  font-size:0!important;
  line-height:0!important;
  text-indent:0!important;
  box-shadow:0 10px 30px rgba(17,24,39,.12), inset 0 1px 0 rgba(255,255,255,.9)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  backdrop-filter:blur(14px)!important;
  transform:none!important;
  transition:transform .28s cubic-bezier(.22,1,.36,1), box-shadow .22s ease, background .22s ease, border-color .22s ease!important;
}
#productModal .close::before,#productModal .close::after,
#customerChatModal .close::before,#customerChatModal .close::after{
  content:""!important;
  grid-area:1/1!important;
  width:16px!important;
  height:1.8px!important;
  border-radius:999px!important;
  background:currentColor!important;
  display:block!important;
}
#productModal .close::before,#customerChatModal .close::before{transform:rotate(45deg)!important}
#productModal .close::after,#customerChatModal .close::after{transform:rotate(-45deg)!important}
#productModal .close:hover,#customerChatModal .close:hover{
  transform:scale(1.045)!important;
  background:#fff!important;
  border-color:rgba(18,24,32,.18)!important;
  box-shadow:0 15px 38px rgba(17,24,39,.17)!important;
}
#productModal .close:active,#customerChatModal .close:active{transform:scale(.95)!important}
#productModal .close:focus-visible,#customerChatModal .close:focus-visible{
  outline:3px solid rgba(205,162,78,.24)!important;
  outline-offset:3px!important;
}
#productModal .product-detail{padding-top:4px!important}
#customerChatModal .chat-head{padding-right:78px!important}
@media(max-width:620px){
  #productModal .close,#customerChatModal .close{
    top:12px!important;right:12px!important;width:40px!important;height:40px!important;
    min-width:40px!important;min-height:40px!important;
  }
  #productModal .close::before,#productModal .close::after,
  #customerChatModal .close::before,#customerChatModal .close::after{width:15px!important;height:1.7px!important}
  #customerChatModal .chat-head{padding-right:62px!important}
}


/* Final premium product-view close control: exact optical centering */
#productModal .product-close-premium{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  align-items:center!important;
  justify-items:center!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border-radius:50%!important;
  border:1px solid rgba(23,32,51,.10)!important;
  background:rgba(255,255,255,.94)!important;
  color:#182132!important;
  font-size:0!important;
  line-height:0!important;
  box-shadow:0 8px 24px rgba(23,32,51,.12), inset 0 1px 0 rgba(255,255,255,.95)!important;
  transform:none!important;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,background .2s ease,border-color .2s ease!important;
  z-index:12!important;
}
#productModal .product-close-premium::before,#productModal .product-close-premium::after{content:none!important}
#productModal .product-close-premium svg{
  width:17px!important;
  height:17px!important;
  display:block!important;
  margin:0!important;
  transform:translateZ(0)!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  pointer-events:none!important;
}
#productModal .product-close-premium:hover{
  transform:scale(1.045)!important;
  background:#fff!important;
  border-color:rgba(23,32,51,.16)!important;
  box-shadow:0 12px 30px rgba(23,32,51,.16),0 0 0 5px rgba(243,167,18,.07)!important;
}
#productModal .product-close-premium:active{transform:scale(.95)!important}
#productModal .product-close-premium:focus-visible{outline:3px solid rgba(243,167,18,.26)!important;outline-offset:3px!important}
@media(max-width:560px){#productModal .product-close-premium{top:9px!important;right:9px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}#productModal .product-close-premium svg{width:16px!important;height:16px!important}}

/* Final correction: product-view exit must render ONE centered X only. */
#productModal .product-close-premium{
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  line-height:0!important;
  text-align:center!important;
  font-size:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#productModal .product-close-premium::before,
#productModal .product-close-premium::after{
  content:none!important;
  display:none!important;
}
#productModal .product-close-premium svg{
  display:block!important;
  width:17px!important;
  height:17px!important;
  margin:0!important;
  padding:0!important;
  flex:none!important;
  transform:none!important;
  pointer-events:none!important;
}
#productModal .product-close-premium svg use{pointer-events:none!important;}
@media(max-width:560px){
  #productModal .product-close-premium svg{width:16px!important;height:16px!important;}
}
\n\n/* === FINAL PRODUCT EXIT: ONE SINGLE PREMIUM X === */\n#productModal .product-close-premium{\n  position:absolute!important; top:14px!important; right:14px!important;\n  width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important;\n  display:grid!important; place-items:center!important;\n  padding:0!important; margin:0!important;\n  border-radius:50%!important; box-sizing:border-box!important; overflow:hidden!important;\n  border:1px solid rgba(23,32,51,.10)!important;\n  background:rgba(255,255,255,.96)!important; color:#182132!important;\n  font-size:0!important; line-height:0!important; text-indent:0!important;\n  box-shadow:0 10px 28px rgba(23,32,51,.13), inset 0 1px 0 rgba(255,255,255,.92)!important;\n  -webkit-backdrop-filter:blur(16px)!important; backdrop-filter:blur(16px)!important;\n  transform:none!important; z-index:50!important;\n  transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,background .2s ease,border-color .2s ease!important;\n}\n#productModal .product-close-premium::before,\n#productModal .product-close-premium::after{\n  content:none!important; display:none!important; width:0!important; height:0!important;\n}\n#productModal .product-close-premium .product-close-mark{\n  position:relative!important; display:block!important;\n  width:16px!important; height:16px!important;\n  margin:0!important; padding:0!important; flex:0 0 16px!important;\n  transform:none!important;\n}\n#productModal .product-close-premium .product-close-mark::before,\n#productModal .product-close-premium .product-close-mark::after{\n  content:""!important; position:absolute!important;\n  left:50%!important; top:50%!important;\n  width:16px!important; height:1.7px!important;\n  margin:0!important; border-radius:999px!important;\n  background:currentColor!important;\n  transform-origin:center!important;\n  display:block!important;\n}\n#productModal .product-close-premium .product-close-mark::before{transform:translate(-50%,-50%) rotate(45deg)!important}\n#productModal .product-close-premium .product-close-mark::after{transform:translate(-50%,-50%) rotate(-45deg)!important}\n#productModal .product-close-premium:hover{\n  transform:translateY(-1px) scale(1.035)!important;\n  background:#fff!important;\n  border-color:rgba(23,32,51,.16)!important;\n  box-shadow:0 15px 34px rgba(23,32,51,.16),0 0 0 5px rgba(200,135,22,.06)!important;\n}\n#productModal .product-close-premium:active{transform:scale(.96)!important}\n#productModal .product-close-premium:focus-visible{outline:3px solid rgba(200,135,22,.22)!important;outline-offset:3px!important}\n#productModal .product-close-premium svg{display:none!important}\n@media(max-width:560px){\n  #productModal .product-close-premium{top:9px!important;right:9px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}\n  #productModal .product-close-premium .product-close-mark{width:15px!important;height:15px!important;flex-basis:15px!important}\n  #productModal .product-close-premium .product-close-mark::before,\n  #productModal .product-close-premium .product-close-mark::after{width:15px!important;height:1.6px!important}\n}\n

/* === FINAL PRODUCT EXIT: ONE SINGLE PREMIUM X / OPTICAL CENTER === */
#productModal .product-close-premium{
  position:absolute!important;
  top:16px!important;
  right:16px!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  padding:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  border:1px solid rgba(18,25,38,.11)!important;
  background:rgba(255,255,255,.94)!important;
  color:#111827!important;
  font-size:0!important;
  line-height:0!important;
  text-indent:0!important;
  overflow:hidden!important;
  -webkit-backdrop-filter:blur(18px) saturate(150%)!important;
  backdrop-filter:blur(18px) saturate(150%)!important;
  box-shadow:
    0 12px 32px rgba(18,25,38,.14),
    inset 0 1px 0 rgba(255,255,255,.96),
    0 0 0 1px rgba(255,255,255,.30)!important;
  z-index:100!important;
  transform:translateZ(0)!important;
  transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s ease,background .22s ease,border-color .22s ease!important;
}
#productModal .product-close-premium::before,
#productModal .product-close-premium::after,
#productModal .product-close-premium svg{
  content:none!important;
  display:none!important;
}
#productModal .product-close-premium .product-close-mark{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:15px!important;
  height:15px!important;
  margin:0!important;
  padding:0!important;
  flex:none!important;
  display:block!important;
  transform:translate(-50%,-50%)!important;
}
#productModal .product-close-premium .product-close-mark::before,
#productModal .product-close-premium .product-close-mark::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:15px!important;
  height:1.55px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:currentColor!important;
  transform-origin:center center!important;
  display:block!important;
}
#productModal .product-close-premium .product-close-mark::before{
  transform:translate(-50%,-50%) rotate(45deg)!important;
}
#productModal .product-close-premium .product-close-mark::after{
  transform:translate(-50%,-50%) rotate(-45deg)!important;
}
#productModal .product-close-premium:hover{
  transform:translateZ(0) scale(1.04)!important;
  background:rgba(255,255,255,.99)!important;
  border-color:rgba(18,25,38,.16)!important;
  box-shadow:
    0 16px 38px rgba(18,25,38,.17),
    0 0 0 5px rgba(198,133,21,.065),
    inset 0 1px 0 rgba(255,255,255,1)!important;
}
#productModal .product-close-premium:active{
  transform:translateZ(0) scale(.96)!important;
}
#productModal .product-close-premium:focus-visible{
  outline:3px solid rgba(198,133,21,.22)!important;
  outline-offset:3px!important;
}
@media(max-width:560px){
  #productModal .product-close-premium{
    top:10px!important;
    right:10px!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
  }
  #productModal .product-close-premium .product-close-mark{
    width:14px!important;
    height:14px!important;
  }
  #productModal .product-close-premium .product-close-mark::before,
  #productModal .product-close-premium .product-close-mark::after{
    width:14px!important;
    height:1.5px!important;
  }
}

/* === TRUE PREMIUM CUSTOMER CHAT SCROLL RAIL === */
#customerChatModal .customer-chat-thread{
  position:relative!important;
  overflow-y:scroll!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(23,32,51,.42) rgba(23,32,51,.06)!important;
  scrollbar-gutter:stable!important;
  scroll-behavior:smooth!important;
  border-right:1px solid rgba(23,32,51,.05)!important;
}
#customerChatModal .customer-chat-thread::-webkit-scrollbar{
  width:10px!important;
}
#customerChatModal .customer-chat-thread::-webkit-scrollbar-track{
  margin:10px 2px!important;
  background:rgba(23,32,51,.045)!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.9)!important;
  box-shadow:inset 0 1px 2px rgba(17,24,39,.04)!important;
}
#customerChatModal .customer-chat-thread::-webkit-scrollbar-thumb{
  min-height:48px!important;
  border-radius:999px!important;
  border:2px solid rgba(255,255,255,.72)!important;
  background:linear-gradient(180deg,rgba(24,32,48,.58),rgba(24,32,48,.36))!important;
  box-shadow:0 2px 8px rgba(17,24,39,.14),inset 0 1px 0 rgba(255,255,255,.3)!important;
}
#customerChatModal .customer-chat-thread::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,rgba(24,32,48,.72),rgba(24,32,48,.48))!important;
}
#customerChatModal .customer-chat-thread::-webkit-scrollbar-thumb:active{
  background:linear-gradient(180deg,rgba(24,32,48,.82),rgba(24,32,48,.58))!important;
}
@media(max-width:620px){
  #customerChatModal .customer-chat-thread{
    scrollbar-width:thin!important;
    scrollbar-color:rgba(23,32,51,.38) rgba(23,32,51,.05)!important;
  }
  #customerChatModal .customer-chat-thread::-webkit-scrollbar{width:8px!important}
  #customerChatModal .customer-chat-thread::-webkit-scrollbar-track{margin:8px 2px!important}
  #customerChatModal .customer-chat-thread::-webkit-scrollbar-thumb{border-width:1.5px!important}
}
@media(prefers-reduced-motion:reduce){
  #customerChatModal .customer-chat-thread{scroll-behavior:auto!important}
}

/* === CHAT THREAD REAL SCROLL FIX === */
#customerChatModal{overscroll-behavior:contain!important;}
#customerChatModal .customer-chat-card{display:flex!important;flex-direction:column!important;min-height:0!important;max-height:92dvh!important;}
#customerChatModal .chat-head{flex:0 0 auto!important;}
#customerChatModal .customer-chat-thread{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  touch-action:pan-y!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:contain!important;
  scroll-behavior:smooth!important;
  cursor:default!important;
}
#customerChatModal .customer-chat-form{flex:0 0 auto!important;}
@media (max-width:620px){
  #customerChatModal .customer-chat-card{height:min(92dvh,760px)!important;max-height:92dvh!important;}
  #customerChatModal .customer-chat-thread{flex:1 1 0!important;height:auto!important;min-height:180px!important;max-height:none!important;}
}

/* === FULL CUSTOMER CHAT TAB SCROLL — ENTIRE PANEL === */
#customerChatModal .customer-chat-card{
  position:relative!important;
  display:block!important;
  max-height:92dvh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(23,32,51,.48) rgba(23,32,51,.06)!important;
  scrollbar-gutter:stable!important;
  scroll-behavior:smooth!important;
}
#customerChatModal .customer-chat-thread{
  height:auto!important;
  min-height:220px!important;
  max-height:none!important;
  flex:none!important;
  overflow:visible!important;
  scrollbar-width:none!important;
  border-right:0!important;
  touch-action:auto!important;
}
#customerChatModal .customer-chat-thread::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
#customerChatModal .customer-chat-card::-webkit-scrollbar{width:10px!important}
#customerChatModal .customer-chat-card::-webkit-scrollbar-track{
  margin:12px 3px!important;
  background:rgba(23,32,51,.045)!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.9)!important;
  box-shadow:inset 0 1px 2px rgba(17,24,39,.04)!important;
}
#customerChatModal .customer-chat-card::-webkit-scrollbar-thumb{
  min-height:52px!important;
  border-radius:999px!important;
  border:2px solid rgba(255,255,255,.8)!important;
  background:linear-gradient(180deg,rgba(24,32,48,.62),rgba(24,32,48,.36))!important;
  box-shadow:0 2px 10px rgba(17,24,39,.16),inset 0 1px 0 rgba(255,255,255,.3)!important;
}
#customerChatModal .customer-chat-card::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,rgba(24,32,48,.76),rgba(24,32,48,.48))!important;
}
@media(max-width:620px){
  #customerChatModal .customer-chat-card{
    height:auto!important;
    max-height:94dvh!important;
  }
  #customerChatModal .customer-chat-thread{
    min-height:180px!important;
  }
  #customerChatModal .customer-chat-card::-webkit-scrollbar{width:8px!important}
  #customerChatModal .customer-chat-card::-webkit-scrollbar-track{margin:8px 2px!important}
  #customerChatModal .customer-chat-card::-webkit-scrollbar-thumb{border-width:1.5px!important}
}
@media(prefers-reduced-motion:reduce){
  #customerChatModal .customer-chat-card{scroll-behavior:auto!important}
}

/* FINAL CHAT EXIT CONTROL — true optical centering */
#customerChatModal .customer-chat-card > .close{
  position:absolute!important;
  top:16px!important;
  right:16px!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  border-radius:50%!important;
  border:1px solid rgba(216,221,228,.9)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(246,248,251,.97))!important;
  color:#172033!important;
  font-size:0!important;
  line-height:0!important;
  text-indent:0!important;
  box-shadow:0 10px 28px rgba(17,24,39,.12),0 1px 0 rgba(255,255,255,1) inset!important;
  transform:none!important;
  overflow:hidden!important;
}
#customerChatModal .customer-chat-card > .close::before,
#customerChatModal .customer-chat-card > .close::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:17px!important;
  height:1.8px!important;
  margin:0!important;
  border-radius:999px!important;
  background:currentColor!important;
  transform-origin:center center!important;
}
#customerChatModal .customer-chat-card > .close::before{transform:translate(-50%,-50%) rotate(45deg)!important}
#customerChatModal .customer-chat-card > .close::after{transform:translate(-50%,-50%) rotate(-45deg)!important}
#customerChatModal .customer-chat-card > .close:hover{
  background:#fff!important;
  border-color:rgba(188,196,207,.95)!important;
  box-shadow:0 14px 34px rgba(17,24,39,.16),0 1px 0 rgba(255,255,255,1) inset!important;
  transform:translateY(-1px) scale(1.025)!important;
}
#customerChatModal .customer-chat-card > .close:active{transform:scale(.95)!important}
#customerChatModal .customer-chat-card > .close:focus-visible{
  outline:none!important;
  box-shadow:0 0 0 4px rgba(205,162,78,.18),0 10px 28px rgba(17,24,39,.12)!important;
}
@media(max-width:620px){
  #customerChatModal .customer-chat-card > .close{top:12px!important;right:12px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
  #customerChatModal .customer-chat-card > .close::before,
  #customerChatModal .customer-chat-card > .close::after{width:15px!important;height:1.7px!important}
}


/* === INSTAGRAM-INSPIRED PRODUCT CHAT EXPERIENCE === */
#customerChatModal .customer-chat-card{background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)!important;border:1px solid rgba(17,24,39,.08)!important;box-shadow:0 38px 110px rgba(17,24,39,.22),0 12px 34px rgba(17,24,39,.10)!important}
#customerChatModal .chat-instagram-head{padding:18px 72px 0 18px!important;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)!important;border-bottom:0!important}
#customerChatModal .chat-product-hero{display:grid;grid-template-columns:108px minmax(0,1fr);gap:15px;align-items:center}
#customerChatModal .chat-product-media{position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:18px;background:linear-gradient(145deg,#f4f5f7,#e9edf2);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 28px rgba(17,24,39,.10)}
#customerChatModal .chat-product-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .25s ease}
#customerChatModal .chat-product-media:hover img{transform:scale(1.045)}
#customerChatModal .chat-product-badge{position:absolute;left:8px;bottom:8px;padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);font-size:8px;font-weight:900;letter-spacing:.12em;color:#172033;border:1px solid rgba(255,255,255,.8);box-shadow:0 5px 14px rgba(17,24,39,.10)}
#customerChatModal .chat-product-info{min-width:0}
#customerChatModal .chat-product-info .eyebrow{font-size:8px;letter-spacing:.16em;color:#8a93a1}
#customerChatModal .chat-product-info h2{margin:3px 0 0!important;font-size:24px!important;letter-spacing:-.045em!important;line-height:1.02!important;color:#111827!important}
#customerChatModal .chat-product-name{margin:6px 0 4px!important;font-size:12px!important;font-weight:800!important;color:#4b5563!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#customerChatModal .chat-product-price-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 4px}
#customerChatModal .chat-product-price-row>strong{font-size:19px;color:#111827;letter-spacing:-.03em}
#customerChatModal .chat-product-price-row .chat-live-pill{padding:5px 8px;font-size:8px}
#customerChatModal .chat-product-info .muted{font-size:9px!important;line-height:1.45!important;margin:4px 0 0!important;max-width:520px}
#customerChatModal .chat-product-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
#customerChatModal .chat-product-meta span{padding:5px 7px;border-radius:999px;background:#f5f6f8;border:1px solid #e8ebef;color:#667085;font-size:8px;font-weight:800}
#customerChatModal .chat-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px;padding-bottom:12px;border-bottom:1px solid #edf0f3}
#customerChatModal .chat-quick-btn{min-width:0;min-height:36px;padding:0 10px;border-radius:999px;border:1px solid #e1e5ea;background:#fff;color:#344054;font-size:9px;font-weight:900;letter-spacing:.01em;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}
#customerChatModal .chat-quick-btn:hover{transform:translateY(-1px);border-color:#cfd5dc;box-shadow:0 8px 18px rgba(17,24,39,.08)}
#customerChatModal .chat-quick-btn.active{background:#172033;color:#fff;border-color:#172033;box-shadow:0 8px 20px rgba(23,32,51,.16)}
#customerChatModal .customer-chat-thread{background:#f5f6f8!important;padding-top:16px!important}
#customerChatModal .chat-bubble.customer{background:#172033!important;color:#fff!important;border-radius:18px 18px 5px 18px!important;box-shadow:0 8px 18px rgba(17,24,39,.10)!important}
#customerChatModal .chat-bubble.seller{background:#fff!important;color:#172033!important;border:1px solid #e8ebef!important;border-radius:18px 18px 18px 5px!important;box-shadow:0 8px 18px rgba(17,24,39,.06)!important}
#customerChatModal .customer-chat-form{background:rgba(255,255,255,.98)!important;border-top:1px solid #edf0f3!important}
#customerChatModal .chat-compose-row textarea{border-radius:16px!important;background:#f7f8fa!important;border-color:#e5e8ed!important}
#customerChatModal .chat-order-strip{border:1px solid #e5e8ed!important;background:linear-gradient(145deg,#fafbfc,#f4f6f8)!important;border-radius:16px!important;box-shadow:0 8px 22px rgba(17,24,39,.045)}
@media(max-width:620px){
  #customerChatModal .chat-instagram-head{padding:14px 58px 0 14px!important}
  #customerChatModal .chat-product-hero{grid-template-columns:84px minmax(0,1fr);gap:11px}
  #customerChatModal .chat-product-info h2{font-size:20px!important}
  #customerChatModal .chat-product-price-row>strong{font-size:16px}
  #customerChatModal .chat-product-meta span{font-size:7px;padding:4px 6px}
  #customerChatModal .chat-quick-actions{gap:6px;margin-top:12px;padding-bottom:10px}
  #customerChatModal .chat-quick-btn{min-height:34px;font-size:8px;padding:0 7px}
}
@media(max-width:390px){
  #customerChatModal .chat-product-hero{grid-template-columns:72px minmax(0,1fr)}
  #customerChatModal .chat-product-info h2{font-size:18px!important}
  #customerChatModal .chat-product-name{font-size:10px!important}
  #customerChatModal .chat-product-price-row>strong{font-size:15px}
}

/* === FINAL CHAT COMPACT PREMIUM — keep empty state elegant and space-efficient === */
#customerChatModal .customer-chat-card{
  width:min(720px,calc(100vw - 28px))!important;
  max-height:min(88dvh,700px)!important;
  border-radius:26px!important;
}
#customerChatModal .chat-head{
  padding:18px 62px 12px 18px!important;
}
#customerChatModal .chat-product-hero{
  grid-template-columns:92px minmax(0,1fr)!important;
  gap:13px!important;
  align-items:center!important;
}
#customerChatModal .chat-product-media{
  height:92px!important;
  border-radius:18px!important;
}
#customerChatModal .chat-product-info h2{
  margin:2px 0 2px!important;
  font-size:clamp(19px,2.3vw,24px)!important;
  line-height:1.08!important;
}
#customerChatModal .chat-product-name{font-size:11px!important;margin:2px 0!important}
#customerChatModal .chat-product-price-row strong{font-size:15px!important}
#customerChatModal .chat-product-meta{margin-top:5px!important;gap:6px!important}
#customerChatModal .chat-product-meta span{font-size:8px!important;padding:4px 7px!important}
#customerChatModal .chat-head .muted,
#customerChatModal .chat-product-info .muted{
  font-size:9px!important;
  line-height:1.35!important;
  margin:5px 0 0!important;
  max-width:470px!important;
}
#customerChatModal .chat-quick-actions{
  gap:6px!important;
  margin-top:11px!important;
  padding-bottom:10px!important;
}
#customerChatModal .chat-quick-btn{
  min-height:34px!important;
  padding:0 9px!important;
  font-size:8.5px!important;
}

/* Empty conversation state: compact invitation, never a giant centered block */
#customerChatModal .chat-empty{
  height:auto!important;
  min-height:0!important;
  padding:14px 16px!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  grid-template-areas:"icon title" "icon copy"!important;
  align-items:center!important;
  justify-items:start!important;
  text-align:left!important;
  gap:2px 10px!important;
  border:1px solid rgba(17,24,39,.06)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.72)!important;
  box-shadow:0 8px 22px rgba(17,24,39,.045)!important;
}
#customerChatModal .chat-empty-icon{
  grid-area:icon!important;
  width:36px!important;
  height:36px!important;
  border-radius:12px!important;
  font-size:15px!important;
  box-shadow:0 5px 14px rgba(17,24,39,.07)!important;
}
#customerChatModal .chat-empty b{
  grid-area:title!important;
  font-size:11px!important;
  line-height:1.2!important;
}
#customerChatModal .chat-empty span{
  grid-area:copy!important;
  max-width:none!important;
  font-size:9px!important;
  line-height:1.35!important;
}

/* Keep the scroll area useful without letting the empty state consume it */
#customerChatModal .customer-chat-thread{
  min-height:0!important;
  height:auto!important;
  flex:1 1 auto!important;
  padding:12px 14px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
#customerChatModal .customer-chat-form{padding:12px 14px 14px!important}
#customerChatModal .chat-name-field,
#customerChatModal .chat-phone-field{margin-bottom:7px!important}
#customerChatModal .chat-name-field input,
#customerChatModal .chat-phone-field input{height:38px!important}
#customerChatModal .chat-order-strip{margin-top:8px!important;padding:9px 10px!important}
#customerChatModal .location-consent-inline{margin-top:8px!important}

@media(max-width:620px){
  #customerChatModal .customer-chat-card{
    width:calc(100vw - 12px)!important;
    max-height:94dvh!important;
    border-radius:22px!important;
  }
  #customerChatModal .chat-head{padding:15px 54px 10px 13px!important}
  #customerChatModal .chat-product-hero{grid-template-columns:76px minmax(0,1fr)!important;gap:10px!important}
  #customerChatModal .chat-product-media{height:76px!important;border-radius:15px!important}
  #customerChatModal .chat-product-info h2{font-size:18px!important}
  #customerChatModal .chat-product-price-row strong{font-size:14px!important}
  #customerChatModal .chat-product-meta span{font-size:7.5px!important;padding:3px 6px!important}
  #customerChatModal .chat-quick-btn{min-height:32px!important;font-size:8px!important;padding:0 6px!important}
  #customerChatModal .customer-chat-thread{padding:10px!important}
  #customerChatModal .chat-empty{padding:11px 12px!important;grid-template-columns:32px minmax(0,1fr)!important;gap:2px 8px!important}
  #customerChatModal .chat-empty-icon{width:32px!important;height:32px!important;border-radius:10px!important;font-size:13px!important}
  #customerChatModal .chat-empty b{font-size:10px!important}
  #customerChatModal .chat-empty span{font-size:8px!important;line-height:1.3!important}
  #customerChatModal .customer-chat-form{padding:10px!important}
}

/* === FINAL CHAT QUICK ACTION ORDER — clear vertical hierarchy === */
#customerChatModal .chat-quick-actions{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:8px!important;
  margin-top:12px!important;
  padding-bottom:12px!important;
}
#customerChatModal .chat-quick-btn{
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  padding:0 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  border-radius:13px!important;
  font-size:10px!important;
  letter-spacing:.015em!important;
}
#customerChatModal .chat-quick-btn:nth-child(1){order:1!important}
#customerChatModal .chat-quick-btn:nth-child(2){order:2!important}
#customerChatModal .chat-quick-btn:nth-child(3){order:3!important}
#customerChatModal .chat-quick-btn.active{box-shadow:0 8px 22px rgba(23,32,51,.15)!important}
@media(max-width:620px){
  #customerChatModal .chat-quick-actions{gap:7px!important;margin-top:10px!important;padding-bottom:10px!important}
  #customerChatModal .chat-quick-btn{min-height:38px!important;font-size:9px!important;padding:0 12px!important;border-radius:12px!important}
}
@media(max-width:390px){
  #customerChatModal .chat-quick-btn{min-height:36px!important;font-size:8.5px!important}
}

/* === CHAT PRODUCT PREVIEW — use the freed space to show the pair clearly === */
#customerChatModal .chat-product-hero{
  grid-template-columns:132px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:center!important;
}
#customerChatModal .chat-product-media{
  width:132px!important;
  height:132px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,#f7f8fa,#eceff3)!important;
  border:1px solid rgba(17,24,39,.08)!important;
  box-shadow:0 16px 34px rgba(17,24,39,.11), inset 0 1px rgba(255,255,255,.9)!important;
}
#customerChatModal .chat-product-media img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
}
#customerChatModal .chat-product-badge{
  padding:5px 8px!important;
  border-radius:999px!important;
  font-size:8px!important;
  letter-spacing:.08em!important;
  box-shadow:0 6px 16px rgba(17,24,39,.12)!important;
}
#customerChatModal .chat-product-info h2{
  font-size:clamp(20px,2.5vw,25px)!important;
}
@media(max-width:620px){
  #customerChatModal .chat-product-hero{
    grid-template-columns:108px minmax(0,1fr)!important;
    gap:13px!important;
  }
  #customerChatModal .chat-product-media{
    width:108px!important;
    height:108px!important;
    border-radius:18px!important;
  }
}
@media(max-width:390px){
  #customerChatModal .chat-product-hero{
    grid-template-columns:94px minmax(0,1fr)!important;
    gap:11px!important;
  }
  #customerChatModal .chat-product-media{
    width:94px!important;
    height:94px!important;
    border-radius:16px!important;
  }
}

/* === LIVE PRODUCT CHAT POLISH === */
.live-chat-status{display:inline-flex;align-items:center;gap:5px}
.live-chat-status::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#2da66d;box-shadow:0 0 0 3px rgba(45,166,109,.10)}
#customerChatModal .customer-chat-thread{scroll-behavior:smooth}
#customerChatModal .chat-compose-row textarea{min-height:52px}


/* FINAL STOREFRONT PRODUCT GRID — restore the rich multi-column catalogue. */
#products.product-grid{
  display:grid!important;
  width:100%!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(9px,1.25vw,16px)!important;
  align-items:stretch!important;
}
@media (min-width:760px){#products.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important}}
@media (min-width:1024px){#products.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}}
@media (min-width:1280px){#products.product-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:17px!important}}
@media (min-width:1500px){#products.product-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:18px!important}}
#products .product-card{min-width:0!important;width:100%!important}
#products .photo{width:100%!important;min-width:0!important}
#products .product-body{min-width:0!important}
#products .product-name,#products .brand,#products .desc{overflow-wrap:anywhere!important;word-break:normal!important}
#products .card-actions{min-width:0!important}
#products .card-actions>*{min-width:0!important}

/* =========================================================
   FINAL STOREFRONT GRID + RESPONSIVE RELEASE OVERRIDES
   One source of truth for product columns; appended last so legacy
   breakpoint rules cannot collapse the catalogue unexpectedly.
   ========================================================= */
.product-grid#products{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  width:100% !important;
  min-width:0 !important;
  align-items:stretch !important;
}
.product-grid#products > .product-card{min-width:0 !important;width:auto !important;}
@media (min-width:640px){.product-grid#products{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:14px !important}}
@media (min-width:900px){.product-grid#products{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:16px !important}}
@media (min-width:1200px){.product-grid#products{grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:17px !important}}
@media (min-width:1500px){.product-grid#products{grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:18px !important}}
.product-card .card-body,.product-card .card-content,.product-card .product-info{min-width:0 !important;}
.product-card h3,.product-card .product-name,.product-card .card-title{overflow-wrap:anywhere !important;}


/* =========================================================
   FINAL CATALOGUE CONTRACT — ONE RESPONSIVE GRID ONLY
   ========================================================= */
#products.product-grid{
  display:grid !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  grid-auto-flow:row !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:clamp(12px,1.35vw,18px) !important;
  align-items:stretch !important;
}
#products.product-grid > .product-card{
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
}
#products.product-grid > .product-card .product-body{min-width:0 !important;display:flex !important;flex-direction:column !important;flex:1 1 auto !important;}
#products.product-grid > .product-card .product-name,
#products.product-grid > .product-card .brand,
#products.product-grid > .product-card .rating,
#products.product-grid > .product-card .compact-price{min-width:0 !important;overflow-wrap:anywhere !important;}
#products.product-grid > .product-card .card-actions{margin-top:auto !important;}
@media (min-width:640px){#products.product-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}}
@media (min-width:900px){#products.product-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}}
@media (min-width:1200px){#products.product-grid{grid-template-columns:repeat(5,minmax(0,1fr)) !important;}}
@media (min-width:1500px){#products.product-grid{grid-template-columns:repeat(6,minmax(0,1fr)) !important;}}

/* CONNECTION RELEASE: the catalogue always paints as a true responsive grid. */
#products.product-grid{
  display:grid!important;
  grid-auto-flow:row!important;
  grid-auto-columns:auto!important;
  width:100%!important;
  min-width:0!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
#products.product-grid > *{min-width:0!important;max-width:none!important;width:auto!important;}
@media (min-width:640px){#products.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (min-width:900px){#products.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (min-width:1200px){#products.product-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media (min-width:1500px){#products.product-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
#products.product-grid .product-card{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}
#products.product-grid .photo{flex:0 0 auto!important;width:100%!important;min-width:0!important}
#products.product-grid .product-body{min-width:0!important;flex:1 1 auto!important}
#products.product-grid .card-actions{min-width:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,44px) minmax(0,44px)!important}
#products.product-grid .card-actions>*{min-width:0!important;max-width:100%!important}


/* FINAL PRODUCT CATALOG CONTRACT — keep the storefront populated and responsive. */
#products.product-grid,.product-grid#products{display:grid !important;width:100% !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important;align-items:stretch !important;min-width:0 !important;}
#products.product-grid > .product-card{min-width:0 !important;width:100% !important;overflow:hidden !important;}
@media (min-width:600px){#products.product-grid,.product-grid#products{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:14px !important;}}
@media (min-width:900px){#products.product-grid,.product-grid#products{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:16px !important;}}
@media (min-width:1200px){#products.product-grid,.product-grid#products{grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:17px !important;}}
@media (min-width:1500px){#products.product-grid,.product-grid#products{grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:18px !important;}}

/* FINAL USER REQUEST — responsive catalogue columns: 1 / 2 / 3 / 4 / 5 */
#products.product-grid,.product-grid#products{
  display:grid !important;
  width:100% !important;
  min-width:0 !important;
  grid-template-columns:repeat(1,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:stretch !important;
}
#products.product-grid > .product-card,.product-grid#products > .product-card{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
}
@media (min-width:520px){#products.product-grid,.product-grid#products{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important;}}
@media (min-width:760px){#products.product-grid,.product-grid#products{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:15px !important;}}
@media (min-width:1024px){#products.product-grid,.product-grid#products{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:16px !important;}}
@media (min-width:1280px){#products.product-grid,.product-grid#products{grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:17px !important;}}
@media (min-width:1600px){#products.product-grid,.product-grid#products{grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:18px !important;}}


/* PERFORMANCE LAYER — preserves the existing visual design while reducing paint/layout work. */
html{scroll-behavior:smooth;text-rendering:optimizeLegibility}
img{content-visibility:auto}
.photo img,.detail-photo img,.chat-product-media img,.compare-card-photo img,.wish-card .photo img{contain-intrinsic-size:420px 420px}
.categories,.promo,.how-it-works,.benefits,.contact,.newsletter,.site-footer{content-visibility:auto;contain-intrinsic-size:760px}
.product-card{contain:layout paint}
.product-card .photo{contain:layout paint}
@media (prefers-reduced-motion:no-preference){
  .product-card,.category-cards button,.hero-art,.btn,.quick,.primary-action,.close,.back-to-top{will-change:auto}
}
@media (max-width:700px){img{content-visibility:auto}.categories,.promo,.how-it-works,.benefits,.contact,.newsletter,.site-footer{contain-intrinsic-size:620px}}


/* =========================================================
   PREMIUM PERFORMANCE CORE — high-performance rendering without
   reducing the existing visual system.
   ========================================================= */
#products.product-grid > .product-card{
  content-visibility:auto;
  contain-intrinsic-size:0 430px;
  contain:layout;
}
#products.product-grid .photo{contain:layout paint;}
.product-card{will-change:auto !important;}
.product-card:hover{will-change:transform !important;}
.category-cards button{will-change:auto !important;}
.filter-toolbar,.mobile-nav{backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);}
@media(max-width:760px){#products.product-grid > .product-card{contain-intrinsic-size:0 390px;}}
@media(prefers-reduced-motion:reduce){#products.product-grid > .product-card{content-visibility:visible;contain:none;}}


/* WHOLE-PAGE MEDIA STABILITY — do not virtualize/off-screen-hide customer media.
   The complete storefront remains present while the browser warms image cache. */
img{content-visibility:visible !important;}
.categories,.promo,.how-it-works,.benefits,.contact,.newsletter,.site-footer{content-visibility:visible !important;contain-intrinsic-size:auto !important;}
#products.product-grid > .product-card{content-visibility:visible !important;contain:layout paint !important;}
#products.product-grid .photo{content-visibility:visible !important;}

/* FINAL PRODUCT GRID CONTRACT — 4 / 3 / 2 / 1 */
.product-grid{display:grid!important;width:100%!important;min-width:0!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important;}
.product-grid > .product-card{min-width:0!important;width:100%!important;max-width:none!important;}
@media (max-width:1199px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media (max-width:767px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}}
@media (max-width:480px){.product-grid{grid-template-columns:1fr!important;gap:12px!important;}}


/* Cloud-ready storefront polish: keep the featured hero pair optically centered. */
.hero-editorial-product .hero-shoe img,
.hero-shoe img[src*="instagram-shoe-02"]{
  transform: translate3d(0,-18px,0) rotate(-3deg) scale(1.02) !important;
  transform-origin: center center;
}
@media (max-width: 1100px){
  .hero-editorial-product .hero-shoe img,
  .hero-shoe img[src*="instagram-shoe-02"]{transform:translate3d(0,-12px,0) rotate(-3deg) scale(1.01) !important;}
}
@media (max-width: 560px){
  .hero-editorial-product .hero-shoe img,
  .hero-shoe img[src*="instagram-shoe-02"]{transform:translate3d(0,-9px,0) rotate(-3deg) !important;}
}
.catalog.is-loading .product-card{content-visibility:auto;}
.product-card img{background:#f7f8fa;}

/* Storefront direction: no persistent bottom mobile navigation. The menu stays in the header. */
.mobile-dock,.mobile-nav{display:none !important;}
@media (max-width: 767px){body{padding-bottom:0 !important;}}

/* HERO FINAL POSITION: raise the featured Instagram shoe into the visual sweet spot. */
.hero-editorial-product .hero-shoe img,
.hero-shoe img[src*="instagram-shoe-02"]{
  transform:translate3d(0,-42px,0) rotate(-3deg) scale(1.03) !important;
}
@media (max-width:1100px){
  .hero-editorial-product .hero-shoe img,
  .hero-shoe img[src*="instagram-shoe-02"]{
    transform:translate3d(0,-30px,0) rotate(-3deg) scale(1.02) !important;
  }
}
@media (max-width:560px){
  .hero-editorial-product .hero-shoe img,
  .hero-shoe img[src*="instagram-shoe-02"]{
    transform:translate3d(0,-22px,0) rotate(-3deg) scale(1.01) !important;
  }
}


/* =========================================================
   HERO RESPONSIVE REFINEMENT — premium featured-pair card
   ========================================================= */
.hero-editorial-product{
  position:relative;
  min-height:clamp(360px,42vw,590px);
  display:flex;
  align-items:center;
  justify-content:center;
  isolation:isolate;
}
.hero-editorial-product .hero-product-glow{
  position:absolute;
  inset:7% 3% 7% 7%;
  border-radius:38px;
  background:
    radial-gradient(circle at 50% 42%,rgba(255,255,255,.98) 0 18%,rgba(255,255,255,.76) 32%,rgba(238,242,247,.98) 72%,rgba(227,232,239,.9) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 30px 70px rgba(23,32,51,.07);
  transform:rotate(1.2deg);
  z-index:-1;
}
.hero-editorial-product .hero-shoe{
  position:absolute;
  inset:4% 6% 8% 4%;
  display:grid;
  place-items:center;
  transform:none !important;
  filter:drop-shadow(0 28px 26px rgba(23,32,51,.18));
  z-index:2;
}
.hero-editorial-product .hero-shoe-slide{
  width:100%;height:100%;display:grid;place-items:center;
}
.hero-editorial-product .hero-shoe img{
  width:min(100%,650px)!important;
  height:auto!important;
  max-height:88%!important;
  object-fit:contain!important;
  transform:translate3d(0,-7%,0) rotate(-3deg) scale(1.04)!important;
  transform-origin:center center;
  border-radius:26px;
}
.hero-product-card{
  position:absolute;
  right:1.5%;
  bottom:2.5%;
  width:min(280px,42%);
  padding:16px 17px;
  border:1px solid rgba(23,32,51,.09);
  border-radius:18px;
  background:rgba(255,255,255,.93);
  box-shadow:0 20px 45px rgba(23,32,51,.14),0 1px 0 rgba(255,255,255,.8) inset;
  backdrop-filter:blur(18px) saturate(125%);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
  z-index:4;
}
.hero-product-card .hero-product-label{display:block;font-size:8px!important;letter-spacing:.18em;color:#9a6500;font-weight:900;margin-bottom:6px}
.hero-product-card strong{display:block;font-size:15px;line-height:1.15;letter-spacing:-.02em}
.hero-product-card span:not(.hero-product-label){display:block;color:#697386;font-size:9px;margin-top:4px}
.hero-product-card>b{display:block;font-size:11px;margin:9px 0 10px;color:#172033}
.hero-product-card>a{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:900;color:#9a6500}
.hero-product-orbit{z-index:5}

@media (max-width:1100px){
  .hero-editorial-product{min-height:500px}
  .hero-editorial-product .hero-shoe{inset:4% 3% 8% 2%}
  .hero-editorial-product .hero-shoe img{max-height:84%!important;transform:translate3d(0,-6%,0) rotate(-3deg) scale(1.02)!important}
  .hero-product-card{width:250px;right:1%;bottom:2%}
}
@media (max-width:900px){
  .hero-editorial-product{min-height:500px}
  .hero-editorial-product .hero-product-glow{inset:4% 0 6%;border-radius:30px}
  .hero-editorial-product .hero-shoe{inset:4% 0 9%}
  .hero-editorial-product .hero-shoe img{width:min(100%,570px)!important;max-height:82%!important;transform:translate3d(0,-5%,0) rotate(-3deg) scale(1.01)!important}
  .hero-product-card{right:2%;bottom:1%;width:235px;padding:14px;border-radius:16px}
}
@media (max-width:600px){
  .hero-editorial-product{min-height:400px;margin-top:2px}
  .hero-editorial-product .hero-product-glow{inset:3% 0 8%;border-radius:26px}
  .hero-editorial-product .hero-shoe{inset:2% 0 15%}
  .hero-editorial-product .hero-shoe img{width:min(100%,430px)!important;max-height:76%!important;transform:translate3d(0,-4%,0) rotate(-3deg) scale(.98)!important;border-radius:20px}
  .hero-product-card{right:1%;left:1%;bottom:0;width:auto;padding:12px 13px;border-radius:15px;display:grid;grid-template-columns:1fr auto;column-gap:12px;align-items:end}
  .hero-product-card .hero-product-label{grid-column:1/-1;margin-bottom:3px}
  .hero-product-card strong{font-size:12px}
  .hero-product-card span:not(.hero-product-label){font-size:8px}
  .hero-product-card>b{font-size:9px;margin:6px 0 0;grid-column:2;grid-row:2/4;text-align:right}
  .hero-product-card>a{grid-column:1;grid-row:3;margin-top:5px;font-size:8px}
  .hero-product-orbit{display:none}
}
@media (max-width:430px){
  .hero-editorial-product{min-height:350px}
  .hero-editorial-product .hero-shoe{inset:0 0 17%}
  .hero-editorial-product .hero-shoe img{width:min(100%,350px)!important;max-height:73%!important;transform:translate3d(0,-3%,0) rotate(-3deg) scale(.95)!important}
  .hero-product-card{padding:11px 12px;border-radius:14px}
}
@media (max-width:340px){
  .hero-editorial-product{min-height:325px}
  .hero-editorial-product .hero-shoe img{width:min(100%,315px)!important;max-height:70%!important}
  .hero-product-card strong{font-size:11px}
  .hero-product-card span:not(.hero-product-label){font-size:7.5px}
}

/* Pagination: keep only Previous / page numbers / Next. First & Last controls removed. */
.pagination-controls{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.page-first,.page-last{display:none!important}
.page-btn{min-height:38px}
@media(max-width:480px){
  .pagination-controls{gap:5px}
  .page-btn{min-width:36px;min-height:36px;padding:0 9px}
  .page-btn span{display:none}
}

/* === FINAL HERO FIT: full shoe, full panel, zero text overlap === */
.hero-editorial-product{
  position:relative!important;
  min-height:clamp(500px,44vw,680px)!important;
  display:grid!important;
  place-items:center!important;
  padding:18px 0 24px!important;
  overflow:visible!important;
}
.hero-editorial-product .hero-product-glow{
  inset:4% 1.5% 4% 1.5%!important;
  border-radius:clamp(22px,2.5vw,38px)!important;
  z-index:-1!important;
}
.hero-editorial-product .hero-shoe{
  position:absolute!important;
  inset:2% 4% 25% 4%!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  filter:drop-shadow(0 28px 28px rgba(23,32,51,.20))!important;
  z-index:2!important;
}
.hero-editorial-product .hero-shoe-slide{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  display:grid!important;
  place-items:center!important;
}
.hero-editorial-product .hero-shoe img{
  display:block!important;
  width:min(100%,650px)!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:rotate(-3deg)!important;
  border-radius:22px!important;
  mix-blend-mode:multiply!important;
}
.hero-product-card{
  position:absolute!important;
  left:clamp(18px,4%,42px)!important;
  right:clamp(18px,4%,42px)!important;
  bottom:clamp(14px,3.5%,28px)!important;
  width:auto!important;
  max-width:none!important;
  min-height:92px!important;
  padding:14px 18px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "label label"
    "title cta"
    "meta cta"
    "hint cta"!important;
  column-gap:18px!important;
  row-gap:2px!important;
  align-items:center!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(14px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(120%)!important;
  box-shadow:0 18px 42px rgba(23,32,51,.14),0 1px 0 rgba(255,255,255,.95) inset!important;
  z-index:6!important;
}
.hero-product-card .hero-product-label{grid-area:label!important;margin:0 0 2px!important}
.hero-product-card strong{grid-area:title!important;margin:0!important;min-width:0!important;overflow-wrap:anywhere!important}
.hero-product-card span:not(.hero-product-label){grid-area:meta!important;margin:0!important;min-width:0!important;overflow-wrap:anywhere!important}
.hero-product-card>b{grid-area:hint!important;margin:2px 0 0!important;min-width:0!important;overflow-wrap:anywhere!important}
.hero-product-card>a{
  grid-area:cta!important;
  min-height:42px!important;
  padding:0 14px!important;
  border-radius:11px!important;
  background:#111827!important;
  color:#fff!important;
  white-space:nowrap!important;
  justify-self:end!important;
}

@media (max-width:1100px){
  .hero-editorial-product{min-height:520px!important;padding:16px 0 22px!important}
  .hero-editorial-product .hero-shoe{inset:2% 3% 25%!important}
  .hero-editorial-product .hero-shoe img{width:min(100%,610px)!important}
  .hero-product-card{left:3%!important;right:3%!important;bottom:2.8%!important}
}

@media (max-width:900px){
  .hero-editorial-product{min-height:500px!important}
  .hero-product-card{left:4%!important;right:4%!important;grid-template-columns:minmax(0,1fr) auto!important}
}

@media (max-width:600px){
  .hero-editorial-product{
    min-height:460px!important;
    padding:8px 0 14px!important;
  }
  .hero-editorial-product .hero-product-glow{inset:2% 0 3%!important;border-radius:24px!important}
  .hero-editorial-product .hero-shoe{inset:1% 2% 30% 2%!important}
  .hero-editorial-product .hero-shoe img{
    width:100%!important;
    height:100%!important;
    transform:rotate(-2deg)!important;
    border-radius:18px!important;
  }
  .hero-product-card{
    left:3%!important;
    right:3%!important;
    bottom:1.8%!important;
    min-height:106px!important;
    padding:12px 13px!important;
    border-radius:15px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    column-gap:10px!important;
  }
  .hero-product-card strong{font-size:12px!important}
  .hero-product-card span:not(.hero-product-label){font-size:8px!important}
  .hero-product-card>b{font-size:9px!important}
  .hero-product-card>a{min-height:38px!important;padding:0 11px!important;font-size:8px!important}
}

@media (max-width:430px){
  .hero-editorial-product{min-height:430px!important}
  .hero-editorial-product .hero-shoe{inset:1% 1% 33% 1%!important}
  .hero-product-card{
    left:2%!important;
    right:2%!important;
    bottom:1.2%!important;
    min-height:112px!important;
    padding:10px 11px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    column-gap:8px!important;
  }
  .hero-product-card .hero-product-label{font-size:7px!important}
  .hero-product-card strong{font-size:11px!important}
  .hero-product-card span:not(.hero-product-label){font-size:7.5px!important}
  .hero-product-card>b{font-size:8px!important}
  .hero-product-card>a{min-height:36px!important;padding:0 9px!important;font-size:7.5px!important}
}

@media (max-width:340px){
  .hero-editorial-product{min-height:400px!important}
  .hero-editorial-product .hero-shoe{inset:0 0 35% 0!important}
  .hero-product-card{min-height:116px!important;padding:9px!important}
  .hero-product-card>a{min-height:34px!important;padding:0 8px!important}
}

/* === HERO ORBIT LABELS: ALWAYS VISIBLE, SEPARATED, RESPONSIVE === */
.hero-editorial-product .hero-product-orbit{
  left:50%!important;
  top:4%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(5px,1.1vw,10px)!important;
  width:max-content!important;
  max-width:94%!important;
  z-index:8!important;
  pointer-events:none!important;
}
.hero-editorial-product .hero-product-orbit span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  white-space:nowrap!important;
  padding:clamp(6px,0.7vw,8px) clamp(8px,0.9vw,11px)!important;
  font-size:clamp(7px,0.55vw,9px)!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  flex:0 0 auto!important;
}
@media(max-width:600px){
  .hero-editorial-product .hero-product-orbit{
    top:3%!important;
    gap:5px!important;
    max-width:96%!important;
  }
  .hero-editorial-product .hero-product-orbit span{
    padding:6px 8px!important;
    font-size:7px!important;
    letter-spacing:.1em!important;
  }
}
@media(max-width:360px){
  .hero-editorial-product .hero-product-orbit{
    gap:3px!important;
  }
  .hero-editorial-product .hero-product-orbit span{
    padding:5px 6px!important;
    font-size:6.5px!important;
    letter-spacing:.08em!important;
  }
}

/* === HERO LABELS: UPPER-LEFT POSITION === */
.hero-editorial-product .hero-product-orbit{
  left:3%!important;
  right:auto!important;
  top:7%!important;
  bottom:auto!important;
  transform:none!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  width:auto!important;
  max-width:calc(100% - 6%)!important;
  z-index:8!important;
  pointer-events:none!important;
}
.hero-editorial-product .hero-product-orbit span{
  white-space:nowrap!important;
  width:max-content!important;
  padding:7px 9px!important;
  font-size:clamp(7px,.58vw,9px)!important;
  line-height:1!important;
  flex:0 0 auto!important;
}
@media(max-width:900px){
  .hero-editorial-product .hero-product-orbit{
    left:3%!important;
    top:6%!important;
    gap:6px!important;
    max-width:94%!important;
  }
}
@media(max-width:600px){
  .hero-editorial-product .hero-product-orbit{
    left:4%!important;
    top:4.5%!important;
    gap:5px!important;
    max-width:92%!important;
  }
  .hero-editorial-product .hero-product-orbit span{
    padding:6px 7px!important;
    font-size:7px!important;
    letter-spacing:.09em!important;
  }
}
@media(max-width:430px){
  .hero-editorial-product .hero-product-orbit{
    left:4%!important;
    top:3.5%!important;
    gap:4px!important;
    max-width:92%!important;
  }
  .hero-editorial-product .hero-product-orbit span{
    padding:5px 6px!important;
    font-size:6.5px!important;
    letter-spacing:.08em!important;
  }
}
@media(max-width:340px){
  .hero-editorial-product .hero-product-orbit{
    left:3.5%!important;
    top:3%!important;
    gap:3px!important;
    max-width:93%!important;
  }
  .hero-editorial-product .hero-product-orbit span{
    padding:4px 5px!important;
    font-size:6px!important;
    letter-spacing:.06em!important;
  }
}

/* FINAL HERO LABEL POSITION: compact vertical stack at upper-left */
.hero-product-orbit{
  position:absolute!important;
  left:clamp(10px,2.2vw,28px)!important;
  top:clamp(14px,3.5vw,34px)!important;
  right:auto!important;
  bottom:auto!important;
  z-index:8!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:auto!important;
  pointer-events:none!important;
}
.hero-product-orbit span{
  display:block!important;
  white-space:nowrap!important;
  width:max-content!important;
  min-width:0!important;
  writing-mode:horizontal-tb!important;
  transform:none!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  font-size:clamp(7px,0.7vw,9px)!important;
  line-height:1!important;
  letter-spacing:.14em!important;
}
@media (max-width:600px){
  .hero-product-orbit{left:10px!important;top:12px!important;gap:6px!important}
  .hero-product-orbit span{padding:6px 8px!important;font-size:7px!important;letter-spacing:.12em!important}
}
@media (max-width:380px){
  .hero-product-orbit{left:8px!important;top:9px!important;gap:5px!important}
  .hero-product-orbit span{padding:5px 7px!important;font-size:6.5px!important}
}
/* DEFINITIVE HERO LABEL TREATMENT: literal vertical writing at upper-left */
.hero-product-orbit{
  left:clamp(10px,2vw,26px)!important;
  top:clamp(12px,3vw,28px)!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  gap:7px!important;
  width:auto!important;
}
.hero-product-orbit span{
  width:28px!important;
  height:108px!important;
  min-width:28px!important;
  padding:9px 5px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:normal!important;
  writing-mode:vertical-rl!important;
  text-orientation:mixed!important;
  transform:none!important;
  border-radius:16px!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  text-align:center!important;
}
@media(max-width:600px){
  .hero-product-orbit{left:8px!important;top:8px!important;gap:5px!important}
  .hero-product-orbit span{width:24px!important;min-width:24px!important;height:88px!important;padding:7px 4px!important;font-size:6.5px!important;border-radius:13px!important}
}
@media(max-width:380px){
  .hero-product-orbit{left:7px!important;top:7px!important;gap:4px!important}
  .hero-product-orbit span{width:21px!important;min-width:21px!important;height:78px!important;font-size:6px!important;padding:6px 3px!important;border-radius:11px!important}
}

/* FINAL: HERO LABELS AS SIMPLE VERTICAL STACK — NORMAL HORIZONTAL TEXT */
.hero-product-orbit{
  left:clamp(12px,2.2vw,30px)!important;
  top:clamp(14px,3vw,32px)!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:5px!important;
  width:auto!important;
  max-width:calc(100% - 24px)!important;
  pointer-events:none!important;
}
.hero-product-orbit span{
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  display:block!important;
  white-space:nowrap!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  transform:none!important;
  font-size:clamp(8px,.75vw,11px)!important;
  line-height:1.15!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
  text-align:left!important;
}
@media(max-width:600px){
  .hero-product-orbit{left:10px!important;top:11px!important;gap:4px!important;max-width:calc(100% - 20px)!important}
  .hero-product-orbit span{font-size:7px!important;letter-spacing:.11em!important}
}
@media(max-width:380px){
  .hero-product-orbit{left:8px!important;top:9px!important;gap:3px!important}
  .hero-product-orbit span{font-size:6.5px!important;letter-spacing:.09em!important}
}

/* === FINAL HERO LABEL VISIBILITY — NEW / BESTSELLER / RWANDA === */
.hero-editorial-product{overflow:visible!important}
.hero-editorial-product .hero-product-orbit{
  left:3%!important;
  top:5%!important;
  right:auto!important;
  bottom:auto!important;
  width:auto!important;
  max-width:none!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:clamp(5px,1vw,9px)!important;
  transform:none!important;
  z-index:20!important;
  pointer-events:none!important;
  overflow:visible!important;
}
.hero-editorial-product .hero-product-orbit span{
  display:inline-flex!important;
  position:relative!important;
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  height:auto!important;
  padding:6px 8px!important;
  margin:0!important;
  border:1px solid rgba(23,32,51,.10)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.94)!important;
  color:#172033!important;
  box-shadow:0 5px 16px rgba(23,32,51,.08)!important;
  white-space:nowrap!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  transform:none!important;
  font-size:clamp(7px,0.75vw,10px)!important;
  line-height:1!important;
  letter-spacing:.09em!important;
  font-weight:900!important;
  text-align:center!important;
  flex:0 0 auto!important;
  opacity:1!important;
  visibility:visible!important;
}
.hero-editorial-product .hero-product-orbit span:nth-child(1){color:#9a6500!important}
.hero-editorial-product .hero-product-orbit span:nth-child(2){color:#172033!important}
.hero-editorial-product .hero-product-orbit span:nth-child(3){color:#172033!important}
@media(max-width:600px){
  .hero-editorial-product .hero-product-orbit{
    left:3%!important;
    top:3.5%!important;
    gap:4px!important;
  }
  .hero-editorial-product .hero-product-orbit span{
    padding:5px 7px!important;
    font-size:7px!important;
    letter-spacing:.07em!important;
  }
}
@media(max-width:380px){
  .hero-editorial-product .hero-product-orbit{
    left:2.5%!important;
    top:3%!important;
    gap:3px!important;
  }
  .hero-editorial-product .hero-product-orbit span{
    padding:4px 5px!important;
    font-size:6.5px!important;
    letter-spacing:.04em!important;
  }
}

/* HERO LABELS: stacked in requested order — NEW, BESTSELLER, RWANDA */
.hero-editorial-product .hero-product-orbit{
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:7px!important;
  width:max-content!important;
  max-width:none!important;
}
@media(max-width:600px){
  .hero-editorial-product .hero-product-orbit{gap:5px!important;}
}