:root{--ink:#111;--muted:#747474;--line:#e9e9e6;--soft:#f5f5f2;--white:#fff;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}.topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.15em;font-size:13px}.brand img{width:38px;height:38px;border-radius:50%;object-fit:cover}.search{flex:1;max-width:430px;background:var(--soft);border:0;border-radius:999px;padding:12px 18px;outline:none}.nav-actions{margin-left:auto;display:flex;gap:12px;align-items:center}.icon{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.btn{border:1px solid var(--ink);background:var(--ink);color:#fff;padding:12px 20px;border-radius:999px;font-weight:700;cursor:pointer}.btn.light{background:#fff;color:#111}.hero{margin-top:28px;background:var(--soft);border-radius:18px;min-height:380px;display:grid;grid-template-columns:1fr 1.25fr;overflow:hidden}.hero-art{position:relative;display:grid;place-items:center;background:#ededeb}.hero-art img{width:270px;height:270px;object-fit:cover;border-radius:50%;filter:grayscale(1);box-shadow:0 18px 50px #0002}.hero-copy{padding:62px 58px;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase}.hero h1{font-size:46px;line-height:.96;margin:14px 0 18px;max-width:620px}.hero p{color:#555;line-height:1.55;max-width:520px}.actions{display:flex;gap:10px;margin-top:18px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0 30px}.benefit{background:var(--soft);border-radius:10px;padding:17px;font-size:13px;font-weight:650}.filters{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}.tabs,.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.tab{font-size:12px;font-weight:800;letter-spacing:.06em}.chip{border:0;background:var(--soft);border-radius:999px;padding:9px 14px;font-size:12px}.chip.active{background:#111;color:#fff}.catalog-head{display:flex;align-items:center;justify-content:space-between;margin:26px 0 14px}.catalog-head h2{font-size:13px;text-transform:uppercase;letter-spacing:.12em}.empty{min-height:330px;border:1px dashed #d8d8d3;border-radius:16px;background:#fafaf8;display:grid;place-items:center;text-align:center;padding:40px}.empty h3{margin:0 0 8px;font-size:22px}.empty p{margin:0;color:var(--muted);max-width:430px;line-height:1.5}.footer{margin-top:60px;background:#111;color:#fff;padding:50px 0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}.footer .brand img{width:72px;height:72px}.footer h4{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#aaa}.footer a,.footer p{display:block;color:#cfcfcf;font-size:13px;line-height:1.8}.page{padding:44px 0 80px}.page h1{font-size:38px}.legal{max-width:800px}.legal h2{margin-top:34px;font-size:20px}.legal p,.legal li{color:#4d4d4d;line-height:1.7}.notice{background:var(--soft);border-radius:14px;padding:18px 20px}.cookie{position:fixed;left:20px;right:20px;bottom:20px;z-index:50;background:#111;color:#fff;border-radius:16px;padding:18px;display:flex;gap:18px;align-items:center;box-shadow:0 12px 40px #0004}.cookie p{margin:0;flex:1;font-size:13px;line-height:1.45;color:#ddd}.cookie .btn{border-color:#fff}.cookie.hidden{display:none}.cartbox{display:grid;grid-template-columns:1fr 340px;gap:28px}.summary{background:var(--soft);border-radius:16px;padding:22px;height:max-content}.summary-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #ddd}.summary-row.total{font-weight:800;font-size:18px;border:0}.mobile-only{display:none}@media(max-width:760px){.nav{height:64px}.search{display:none}.nav-actions .btn{display:none}.hero{grid-template-columns:1fr}.hero-art{min-height:260px}.hero-art img{width:190px;height:190px}.hero-copy{padding:34px 24px}.hero h1{font-size:36px}.benefits{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.cartbox{grid-template-columns:1fr}.cookie{flex-wrap:wrap}.cookie p{flex-basis:100%}.mobile-only{display:block}}

/* Levitating sneaker showcase */
.levitation{
  margin:12px 0 30px;
  min-height:610px;
  border-radius:18px;
  background:#f6f6f4;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:70px 24px 86px;
}
.levitation-stage{
  position:relative;
  width:min(400px,80vw);
  display:flex;
  justify-content:center;
  align-items:center;
  isolation:isolate;
}
.levitating-photo{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  height:auto;
  border-radius:24px;
  box-shadow:0 18px 45px rgba(0,0,0,.18),0 3px 10px rgba(0,0,0,.08);
  transform-origin:center center;
  will-change:transform;
  animation:sneakerFloat 5.5s ease-in-out infinite alternate;
}
.levitation-shadow{
  position:absolute;
  z-index:1;
  left:12%;
  width:76%;
  height:32px;
  bottom:-66px;
  border-radius:50%;
  background:rgba(50,50,50,.4);
  filter:blur(18px);
  transform-origin:center;
  will-change:transform,opacity;
  animation:sneakerShadow 5.5s ease-in-out infinite alternate;
}
@keyframes sneakerFloat{
  from{transform:translate3d(0,0,0) rotate(-3deg)}
  to{transform:translate3d(0,-20px,0) rotate(3deg)}
}
@keyframes sneakerShadow{
  from{transform:scaleX(1);opacity:.4}
  to{transform:scaleX(.8);opacity:.2}
}
@media(max-width:760px){
  .levitation{min-height:0;padding:58px 18px 82px}
  .levitation-stage{width:80vw;max-width:400px}
  .levitation-shadow{bottom:-56px;height:26px;filter:blur(16px)}
}
@media(prefers-reduced-motion:reduce){
  .levitating-photo,.levitation-shadow{animation:none!important}
  .levitating-photo{transform:none}
  .levitation-shadow{transform:scaleX(1);opacity:.35}
}

/* 2026 visual refresh */
body{background:linear-gradient(180deg,#fff 0,#fbfbf9 52%,#fff 100%)}
.topbar{box-shadow:0 1px 0 rgba(0,0,0,.03)}
.icon{transition:transform .25s ease,background .25s ease,border-color .25s ease}.icon:hover{transform:translateY(-3px);background:#f4f4f1;border-color:#d7d7d2}.icon-img img{width:20px;height:20px;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply}
.btn{transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.14)}
.hero{box-shadow:0 24px 80px rgba(0,0,0,.05)}.hero-art img{transition:transform .6s cubic-bezier(.2,.8,.2,1)}.hero:hover .hero-art img{transform:scale(1.035) rotate(-1deg)}
.benefits{grid-template-columns:repeat(3,1fr);gap:12px}.benefit{min-height:88px;display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid transparent;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background .3s ease}.benefit:hover{transform:translateY(-5px);background:#fff;border-color:#e8e8e4;box-shadow:0 16px 36px rgba(0,0,0,.07)}.benefit-icon{width:48px;height:48px;flex:0 0 48px;border-radius:14px;background:#fff;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #e9e9e5}.benefit-icon img{width:27px;height:27px;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply}.benefit strong{display:block;font-size:13px}.benefit small{display:block;color:#888;font-size:11px;margin-top:5px;font-weight:500}
.filters{padding:32px 0}.filter-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.filter-head h2{margin:8px 0 0;font-size:30px;letter-spacing:-.035em}.brand-count{font-size:12px;color:#888;background:#f4f4f1;border-radius:999px;padding:8px 12px}.tabs{margin:24px 0 16px}.tab{border:0;background:transparent;padding:8px 0;margin-right:16px;cursor:pointer;border-bottom:2px solid transparent}.tab.active{border-color:#111}.brand-cloud{gap:9px;margin-top:0}.chip{border:1px solid transparent;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.chip:hover:not(:disabled){transform:translateY(-2px);border-color:#ddd;box-shadow:0 6px 16px rgba(0,0,0,.05)}.chip.coming{border:1px dashed #ccc;background:#fff;color:#888}.model-panel{margin-top:20px;padding:18px 20px;border-radius:14px;background:#111;color:#fff;transition:transform .25s ease}.model-panel p{margin:7px 0 0;color:#bbb;font-size:13px}.model-panel .eyebrow{color:#888}.size-row{margin-top:18px}
.empty{background:linear-gradient(145deg,#fafaf8,#f4f4f1);position:relative;overflow:hidden}.empty:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:#fff;filter:blur(2px);right:-70px;top:-70px;opacity:.8}
@media(max-width:760px){.benefits{grid-template-columns:1fr 1fr}.benefit{min-height:82px;padding:13px}.benefit-icon{width:42px;height:42px;flex-basis:42px}.benefit-icon img{width:24px;height:24px}.filter-head{align-items:flex-start}.filter-head h2{font-size:25px}.brand-cloud{flex-wrap:nowrap;overflow-x:auto;padding:2px 2px 12px;scrollbar-width:none}.brand-cloud::-webkit-scrollbar{display:none}.brand-cloud .chip{flex:0 0 auto}.nav-actions{gap:7px}.nav-actions .icon{width:36px;height:36px}}
@media(max-width:480px){.benefits{grid-template-columns:1fr}.brand span{display:none}}
@media(prefers-reduced-motion:reduce){.btn,.icon,.benefit,.chip,.hero-art img{transition:none!important}}

/* Hero sneaker instead of logo */
.hero-art{overflow:hidden;padding:28px}
.hero-art img.hero-sneaker{width:min(92%,520px);height:auto;max-height:340px;object-fit:contain;border-radius:24px;filter:none;box-shadow:0 22px 55px rgba(0,0,0,.16);animation:heroFloat 5.5s ease-in-out infinite alternate;will-change:transform}
@keyframes heroFloat{0%{transform:translateY(0) rotate(-2deg)}100%{transform:translateY(-16px) rotate(2deg)}}
.hero:hover .hero-art img.hero-sneaker{transform:none}
@media(max-width:760px){.hero-art img.hero-sneaker{width:86%;max-height:300px}.hero-art{padding:26px 16px}}
@media(prefers-reduced-motion:reduce){.hero-art img.hero-sneaker{animation:none!important}}
/* Hero: single product visual */
.hero-art img.hero-sneaker{width:min(88%,430px);max-height:360px;object-fit:contain;border-radius:24px}
@media(max-width:760px){.hero-art img.hero-sneaker{width:80%;max-height:320px}}

/* Floating hero sneaker */
.hero-art{overflow:hidden;padding:28px;background:linear-gradient(145deg,#f3f3f0,#e9e9e5)}
.hero-product{position:relative;width:min(94%,540px);height:340px;display:grid;place-items:center;isolation:isolate}
.hero-art img.hero-sneaker{position:relative;z-index:2;width:100%;height:100%;max-height:none;object-fit:contain;border-radius:0;box-shadow:none;filter:none;animation:sneakerLevitate 5.6s ease-in-out infinite alternate;will-change:transform}
.hero-shadow{position:absolute;z-index:1;left:18%;right:18%;bottom:25px;height:26px;border-radius:50%;background:rgba(0,0,0,.36);filter:blur(18px);transform-origin:center;animation:sneakerShadow 5.6s ease-in-out infinite alternate;will-change:transform,opacity}
@keyframes sneakerLevitate{from{transform:translate3d(0,0,0) rotate(-3deg)}to{transform:translate3d(0,-20px,0) rotate(3deg)}}
@keyframes sneakerShadow{from{transform:scaleX(1);opacity:.4}to{transform:scaleX(.8);opacity:.2}}
.hero:hover .hero-art img.hero-sneaker{animation-play-state:running}
@media(max-width:760px){.hero-art{padding:18px 10px;min-height:290px}.hero-product{width:96%;height:285px}.hero-art img.hero-sneaker{width:100%;max-height:none}.hero-shadow{left:16%;right:16%;bottom:20px}}
@media(prefers-reduced-motion:reduce){.hero-art img.hero-sneaker,.hero-shadow{animation:none!important}.hero-art img.hero-sneaker{transform:none!important}.hero-shadow{transform:scaleX(.9);opacity:.3}}

/* Product catalog */
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:60px}.product-card{position:relative;border:1px solid #ecece8;border-radius:20px;background:#fff;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.product-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(0,0,0,.09);border-color:#ddd}.product-photo{position:relative;display:block;width:100%;aspect-ratio:1/1;border:0;padding:0;background:#f3f3f0;overflow:hidden;cursor:pointer}.product-photo img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.product-card:hover .product-photo img{transform:scale(1.035)}.photo-count{position:absolute;right:12px;bottom:12px;background:rgba(17,17,17,.88);color:#fff;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:750;backdrop-filter:blur(8px)}.product-favorite{position:absolute;z-index:3;right:12px;top:12px;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.92);font-size:23px;line-height:1;cursor:pointer;box-shadow:0 5px 20px #0001;transition:transform .2s ease}.product-favorite:hover{transform:scale(1.08)}.product-favorite.active{background:#111;color:#fff}.product-info{padding:18px}.product-brand{font-size:10px;letter-spacing:.16em;color:#888;font-weight:800}.product-info h3{font-size:20px;letter-spacing:-.025em;margin:7px 0 8px}.product-materials{font-size:13px;color:#777;margin:0 0 14px}.product-sizes{display:flex;gap:6px;flex-wrap:wrap}.product-sizes span,.product-sizes button{min-width:38px;height:34px;padding:0 9px;display:grid;place-items:center;border:1px solid #ddd;border-radius:9px;background:#fff;font-size:12px}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.product-price{font-size:22px;letter-spacing:-.03em}.product-buy{padding:10px 16px;font-size:12px}.product-modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:24px}.product-modal.open{display:grid}.product-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(8px)}.product-modal-dialog{position:relative;z-index:1;width:min(1060px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:24px;padding:24px;display:grid;grid-template-columns:1.35fr .75fr;gap:30px;box-shadow:0 30px 90px #0006;animation:modalIn .3s ease both}.modal-close{position:absolute;z-index:5;right:16px;top:14px;width:42px;height:42px;border:0;border-radius:50%;background:#111;color:#fff;font-size:27px;cursor:pointer}.gallery-main{border-radius:18px;overflow:hidden;background:#f4f4f1;aspect-ratio:1/1}.gallery-main img{width:100%;height:100%;object-fit:cover}.gallery-thumbs{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:9px}.gallery-thumb{padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;aspect-ratio:1/1;background:#eee;cursor:pointer}.gallery-thumb.active{border-color:#111}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.modal-product-info{align-self:center;padding:18px 8px}.modal-product-info h2{font-size:34px;line-height:1;margin:10px 0 14px;letter-spacing:-.045em}.modal-product-info p{color:#666;line-height:1.5}.modal-product-info h3{font-size:28px;margin:22px 0}.modal-size-title{font-size:12px;font-weight:800;margin-bottom:9px}.product-sizes.selectable button{cursor:pointer}.product-sizes.selectable button.active{background:#111;color:#fff;border-color:#111}.modal-buy{width:100%;margin-top:18px}.no-scroll{overflow:hidden}@keyframes modalIn{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-modal-dialog{grid-template-columns:1fr}.modal-product-info{padding:0}.gallery-main{aspect-ratio:4/3}.modal-product-info h2{font-size:28px}}@media(max-width:560px){.product-grid{grid-template-columns:1fr}.product-modal{padding:10px}.product-modal-dialog{padding:14px;border-radius:18px;gap:16px}.gallery-thumbs{display:flex;overflow-x:auto}.gallery-thumb{flex:0 0 58px}.gallery-main{aspect-ratio:1/1}.product-info h3{font-size:19px}}@media(prefers-reduced-motion:reduce){.product-card,.product-photo img,.product-modal-dialog{transition:none!important;animation:none!important}}

/* Product criteria + functional cart */
.cart-link{position:relative}.cart-badge{position:absolute;right:-5px;top:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#111;color:#fff;border:2px solid #fff;display:none;place-items:center;font-size:10px;font-weight:800}.cart-badge.show{display:grid}
.product-taxonomy{display:flex;gap:6px;flex-wrap:wrap}.product-taxonomy span{font-size:9px;letter-spacing:.1em;font-weight:800;background:#f2f2ef;border-radius:999px;padding:6px 8px;color:#555}.product-criteria,.modal-criteria{margin:14px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.product-criteria div,.modal-criteria div{background:#f7f7f4;border-radius:10px;padding:9px 10px}.product-criteria dt,.modal-criteria dt{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#999}.product-criteria dd,.modal-criteria dd{margin:3px 0 0;font-size:12px;font-weight:700}.model-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.model-chip{display:none;border:1px solid #444;background:#222;color:#fff;border-radius:999px;padding:9px 13px;cursor:pointer}.model-chip.visible,.brand-chip[data-brand="all"].active~* .model-chip{display:inline-flex}.model-chip.active{background:#fff;color:#111;border-color:#fff}.size-hint{min-height:20px;color:#b42318!important;font-size:12px}.site-toast{position:fixed;left:50%;bottom:28px;z-index:150;transform:translate(-50%,20px);background:#111;color:#fff;border-radius:999px;padding:12px 18px;font-size:13px;opacity:0;pointer-events:none;transition:.25s ease}.site-toast.show{opacity:1;transform:translate(-50%,0)}
.cart-page{min-height:70vh}.cart-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.cart-title h1{margin:7px 0 0}.cart-items-label{background:#f2f2ef;border-radius:999px;padding:8px 12px;font-size:12px}.cart-items{display:flex;flex-direction:column;gap:12px}.cart-item{display:grid;grid-template-columns:150px 1fr auto;gap:20px;border:1px solid #e9e9e5;border-radius:18px;padding:14px;background:#fff;align-items:center}.cart-item>img{width:150px;height:150px;object-fit:cover;border-radius:14px;background:#f3f3f0}.cart-item h3{font-size:21px;margin:7px 0 12px}.cart-meta{display:flex;gap:16px;color:#666;font-size:13px}.qty{display:inline-flex;align-items:center;border:1px solid #ddd;border-radius:999px;margin-top:15px;overflow:hidden}.qty button{width:36px;height:34px;border:0;background:#f7f7f4;cursor:pointer;font-size:18px}.qty span{min-width:36px;text-align:center;font-weight:700}.cart-item-side{align-self:stretch;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;padding:8px}.cart-item-side strong{font-size:20px}.remove-item{border:0;background:transparent;color:#888;text-decoration:underline;cursor:pointer}.promo-box{padding:14px 0 18px;border-bottom:1px solid #ddd}.promo-box label{display:block;font-size:12px;font-weight:800;margin-bottom:8px}.promo-row{display:flex;gap:7px}.promo-input{min-width:0;flex:1;border:1px solid #d7d7d2;background:#fff;border-radius:12px;padding:11px 12px;outline:none;text-transform:uppercase}.promo-apply{padding:10px 13px;font-size:11px}.promo-message{min-height:16px;margin:8px 0 0;font-size:11px;color:#777}.promo-message.success{color:#19733a}.promo-message.error{color:#b42318}.checkout-btn{margin-top:8px}.checkout-btn:disabled{opacity:.4;cursor:not-allowed}.checkout-note{font-size:11px;color:#888;line-height:1.45;margin:10px 2px 0}.cart-empty{min-height:360px}.cart-empty .btn{display:inline-block;margin-top:20px}
@media(max-width:760px){.product-criteria,.modal-criteria{grid-template-columns:1fr 1fr}.cart-item{grid-template-columns:92px 1fr;gap:12px}.cart-item>img{width:92px;height:110px}.cart-item-side{grid-column:2;flex-direction:row;align-items:center;padding:0}.cart-meta{flex-direction:column;gap:5px}.promo-row{flex-direction:column}.cart-title{align-items:center}.cart-title h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){.site-toast{transition:none}}

/* Premium contacts panel */
.contact-panel{position:relative;overflow:hidden;margin:18px 0 64px;padding:42px;border:1px solid #e8e8e3;border-radius:30px;background:linear-gradient(135deg,#111 0%,#1a1a1a 55%,#292929 100%);color:#fff;box-shadow:0 28px 70px rgba(0,0,0,.14)}
.contact-panel:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-140px;top:-190px;background:radial-gradient(circle,rgba(255,255,255,.13),transparent 68%);pointer-events:none}.contact-panel .eyebrow{color:#aaa}.contact-intro{position:relative;z-index:1;max-width:680px}.contact-intro h2{font-size:clamp(34px,5vw,62px);line-height:.95;letter-spacing:-.055em;margin:10px 0 14px}.contact-intro p{max-width:560px;color:#aaa;font-size:15px;line-height:1.55}.contact-cards{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px}.contact-card{min-width:0;display:grid;grid-template-columns:58px 1fr 28px;gap:14px;align-items:center;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.07);color:#fff;text-decoration:none;backdrop-filter:blur(12px);transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s ease,border-color .3s ease,box-shadow .3s ease}.contact-card:hover{transform:translateY(-6px);background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);box-shadow:0 20px 40px rgba(0,0,0,.22)}.contact-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:#fff;overflow:hidden}.contact-icon img{width:38px;height:38px;object-fit:contain}.telegram-card .contact-icon img,.avito-card .contact-icon img{width:42px;height:42px}.contact-text{min-width:0;display:flex;flex-direction:column}.contact-text small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#999}.contact-text strong{margin-top:4px;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-text em{margin-top:5px;color:#aaa;font-size:11px;font-style:normal;line-height:1.35}.contact-arrow{font-size:22px;opacity:.55;transition:transform .25s ease,opacity .25s ease}.contact-card:hover .contact-arrow{transform:translate(3px,-3px);opacity:1}
/* Global visual polish */
body{background:linear-gradient(#fff,#fafaf8);color:#111}.topbar{background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,0,0,.06)}.hero{box-shadow:0 22px 60px rgba(0,0,0,.06);border:1px solid #ecece7}.btn{transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.13)}.benefit{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.benefit:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.07);border-color:#ddd}.filters{box-shadow:0 20px 50px rgba(0,0,0,.04)}.chip{transition:transform .18s ease,background .18s ease,color .18s ease}.chip:hover:not(:disabled){transform:translateY(-2px)}
@media(max-width:900px){.contact-cards{grid-template-columns:1fr}.contact-card{grid-template-columns:54px 1fr 28px}.contact-panel{padding:30px}}
@media(max-width:560px){.contact-panel{margin:10px 0 36px;padding:24px 16px;border-radius:22px}.contact-intro h2{font-size:38px}.contact-card{padding:14px;border-radius:16px}.contact-icon{width:50px;height:50px;border-radius:14px}.contact-text strong{font-size:16px}.contact-text em{font-size:10px}}
@media(prefers-reduced-motion:reduce){.contact-card,.contact-arrow,.btn,.benefit,.chip{transition:none!important}.contact-card:hover,.btn:hover,.benefit:hover,.chip:hover{transform:none!important}}

/* 2026 visual refresh: favorite, personal manager, framed sections */
.nav-actions{gap:8px}.nav-feature{height:46px;display:inline-flex;align-items:center;gap:9px;padding:0 13px 0 8px;border:1px solid #e2e2de;border-radius:14px;background:rgba(255,255,255,.82);color:#111;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap;box-shadow:0 4px 16px rgba(0,0,0,.025);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease}.nav-feature-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid #e9e9e5;border-radius:10px;background:#fff;overflow:hidden}.nav-feature-icon img{width:21px;height:21px;object-fit:contain}.nav-feature:hover{transform:translateY(-2px);border-color:#111;background:#fff;box-shadow:0 12px 28px rgba(0,0,0,.10)}.nav-feature:hover .nav-feature-icon{border-color:#cfcfca}.nav-feature:focus-visible,.contact-card:focus-visible{outline:3px solid rgba(255,255,255,.65);outline-offset:3px}
.hero,.filters,.product-card,.benefit{border-width:1px}.hero{border-color:#e2e2dc;box-shadow:0 24px 70px rgba(0,0,0,.075)}.benefit{border:1px solid #e7e7e2;background:linear-gradient(145deg,#fff,#f7f7f4)}.filters{border:1px solid #e5e5df;border-radius:26px;background:rgba(255,255,255,.78);backdrop-filter:blur(12px)}.product-card{border-color:#deded8;box-shadow:0 10px 32px rgba(0,0,0,.045)}.product-card:hover{border-color:#aaa;box-shadow:0 24px 60px rgba(0,0,0,.11)}
.contact-panel{border:1px solid #333;box-shadow:0 30px 80px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.035)}.contact-card{position:relative;overflow:hidden;border-color:rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}.contact-card:before{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.16),transparent 70%);transform:translateX(-120%);transition:transform .55s ease;pointer-events:none}.contact-card:hover:before{transform:translateX(120%)}.contact-card:hover{transform:translateY(-7px) scale(1.012);background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.55);box-shadow:0 24px 55px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.12),0 0 34px rgba(255,255,255,.10)}.contact-card:hover .contact-icon{transform:scale(1.06);box-shadow:0 8px 25px rgba(255,255,255,.12)}.contact-icon{transition:transform .3s ease,box-shadow .3s ease}.contact-text strong{transition:letter-spacing .3s ease}.contact-card:hover .contact-text strong{letter-spacing:.01em}
.footer{border-top:1px solid #e4e4df}
@media(max-width:980px){.nav-feature span:last-child{display:none}.nav-feature{padding:0 7px}.nav-feature-icon{border:0}.search{max-width:300px}}
@media(max-width:640px){.nav{gap:8px}.search{display:none}.nav-feature{height:42px}.nav-feature-icon{width:30px;height:30px}.nav-feature-icon img{width:20px;height:20px}.brand span{display:none}.contact-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.nav-feature,.contact-card:before,.contact-icon,.contact-text strong{transition:none!important}.nav-feature:hover,.contact-card:hover{transform:none!important}}
.search-status{max-width:1180px;margin:0 auto;padding:0 18px;font-size:13px;color:#666}.favorites-page{min-height:70vh;padding-top:70px;padding-bottom:90px}.favorites-title{margin-bottom:34px}.favorites-title h1{font-size:clamp(42px,7vw,82px);margin:6px 0 10px;letter-spacing:-.055em}.favorites-empty{text-align:center;padding:80px 20px;border:1px solid #e4e4e4;border-radius:28px;background:#fafafa}.favorites-empty[hidden]{display:none}.empty-heart{font-size:64px;line-height:1}.favorites-empty h2{font-size:28px;margin:12px 0 8px}.favorites-empty p{color:#777;margin-bottom:24px}

/* Checkout application */
.checkout-modal{position:fixed;inset:0;z-index:220;display:none;place-items:center;padding:20px}.checkout-modal.open{display:grid}.checkout-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(10px)}.checkout-dialog{position:relative;z-index:1;width:min(680px,100%);max-height:92vh;overflow:auto;padding:34px;border:1px solid #deded8;border-radius:28px;background:#fff;box-shadow:0 34px 100px rgba(0,0,0,.28);animation:checkoutIn .28s ease both}.checkout-close{position:absolute;right:18px;top:18px;width:42px;height:42px;border:1px solid #e1e1dc;border-radius:50%;background:#f7f7f4;font-size:26px;cursor:pointer}.checkout-dialog h2{margin:8px 0 8px;font-size:clamp(30px,5vw,48px);line-height:.95;letter-spacing:-.045em}.checkout-lead{margin:0 0 24px;color:#777}.checkout-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.checkout-form label{display:flex;flex-direction:column;gap:7px}.checkout-form label>span:first-child{font-size:11px;font-weight:850;letter-spacing:.04em}.checkout-form input,.checkout-form textarea{width:100%;box-sizing:border-box;border:1px solid #d9d9d4;border-radius:14px;background:#fafaf8;padding:13px 14px;font:inherit;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.checkout-form input:focus,.checkout-form textarea:focus{border-color:#111;background:#fff;box-shadow:0 0 0 4px rgba(0,0,0,.06)}.checkout-comment,.checkout-consent,.checkout-form-actions,.checkout-form-status{grid-column:1/-1}.checkout-form textarea{resize:vertical;min-height:105px}.checkout-consent{display:grid!important;grid-template-columns:20px 1fr;align-items:start;gap:10px!important;padding:12px 2px}.checkout-consent input{width:18px;height:18px;margin:1px 0 0;accent-color:#111}.checkout-consent span{font-size:12px!important;font-weight:500!important;line-height:1.45;color:#666}.checkout-consent a{color:#111}.checkout-form-actions{display:flex;gap:9px}.checkout-form-status{min-height:20px;margin:0;font-size:12px;line-height:1.5}.checkout-form-status.success{padding:12px 14px;border:1px solid #cfe5d5;border-radius:12px;background:#f1faf3;color:#176b34}.checkout-form-status a{color:inherit;font-weight:800}@keyframes checkoutIn{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:620px){.checkout-modal{padding:10px}.checkout-dialog{padding:26px 18px;border-radius:22px}.checkout-form{grid-template-columns:1fr}.checkout-comment,.checkout-consent,.checkout-form-actions,.checkout-form-status{grid-column:1}.checkout-form-actions{flex-direction:column}.checkout-close{right:12px;top:12px}}@media(prefers-reduced-motion:reduce){.checkout-dialog{animation:none}}


/* Catalog structure & spacing refresh */
.filters{padding:38px 28px 30px!important;margin-top:22px}.filter-head{padding-bottom:4px}.catalog-controls{display:grid;grid-template-columns:1fr;gap:18px;margin:26px 0 24px;padding:20px;border:1px solid #ecece7;border-radius:18px;background:#fafaf8}.filter-group{display:grid;grid-template-columns:92px 1fr;align-items:start;gap:16px}.filter-label{padding-top:9px;font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:#888}.category-tabs,.season-tabs{margin:0!important;gap:8px}.category-tabs .tab,.season-tabs .tab{margin:0!important;padding:9px 13px;border:1px solid #e5e5df;border-radius:999px;background:#fff;font-size:11px;letter-spacing:.04em;transition:all .2s ease}.category-tabs .tab:hover,.season-tabs .tab:hover{transform:translateY(-2px);border-color:#bbb;box-shadow:0 6px 16px #0000000d}.category-tabs .tab.active,.season-tabs .tab.active{background:#111;color:#fff;border-color:#111}.brand-cloud{padding:4px 0 6px;row-gap:10px!important;column-gap:9px!important}.brand-cloud .chip{padding:10px 15px}.model-panel{margin-top:24px!important;padding:22px 22px!important}.size-row{margin-top:24px!important;padding-top:22px;border-top:1px solid #ecece7}.size-row .eyebrow{margin-right:4px}.filter-head h2{margin-top:10px!important}.brand-count{align-self:center}.filters>.brand-cloud{margin-top:4px!important}
@media(max-width:760px){.filters{padding:26px 18px 24px!important}.catalog-controls{padding:15px;gap:14px}.filter-group{grid-template-columns:1fr;gap:8px}.filter-label{padding-top:0}.category-tabs,.season-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.category-tabs::-webkit-scrollbar,.season-tabs::-webkit-scrollbar{display:none}.category-tabs .tab,.season-tabs .tab{flex:0 0 auto}.size-row{padding-top:18px}.model-panel{padding:18px!important}}
/* Hierarchical catalog */
.catalog-tree{padding:42px 34px 34px!important;border:1px solid #e8e8e3!important;border-radius:28px!important;box-shadow:0 18px 55px rgba(0,0,0,.045);overflow:hidden}.catalog-path{display:flex;align-items:center;gap:9px;margin:22px 0 28px;padding:11px 14px;width:max-content;max-width:100%;border:1px solid #e7e7e2;border-radius:999px;background:#fafaf8;font-size:12px;color:#888}.catalog-path strong{color:#111}.catalog-path b{color:#bbb}.tree-step{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:23px 0;border-top:1px solid #eeeeea}.step-number{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#111;color:#fff;font-size:10px;font-weight:800;letter-spacing:.08em}.tree-step .filter-label{display:block;margin:1px 0 11px}.department-tabs,.subcategory-tabs,.season-tabs{margin:0!important}.department-tabs .tab,.subcategory-tabs .tab,.season-tabs .tab{border:1px solid #e3e3de;border-radius:999px;background:#fff;padding:11px 16px;transition:.22s ease}.department-tabs .tab:hover,.subcategory-tabs .tab:hover,.season-tabs .tab:hover{transform:translateY(-2px);border-color:#aaa;box-shadow:0 8px 20px #00000010}.department-tabs .tab.active,.subcategory-tabs .tab.active,.season-tabs .tab.active{background:#111;color:#fff;border-color:#111}.brand-stage{margin-top:8px;padding:25px;border:1px solid #e8e8e3;border-radius:20px;background:linear-gradient(180deg,#fafaf8,#fff)}.brand-stage-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}.brand-stage-head h3{margin:6px 0 0;font-size:20px}.brand-stage-head small{color:#888}.brand-cloud{margin:0!important}.model-panel{border-radius:20px!important}.season-step.is-hidden{display:none}.catalog-tree .size-row{margin-bottom:0!important}
@media(max-width:760px){.catalog-tree{padding:26px 18px!important;border-radius:22px!important}.tree-step{grid-template-columns:1fr;gap:8px}.step-number{display:none}.department-tabs,.subcategory-tabs,.season-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.department-tabs .tab,.subcategory-tabs .tab,.season-tabs .tab{flex:0 0 auto}.brand-stage{padding:18px}.brand-stage-head{display:block}.brand-stage-head small{display:block;margin-top:7px}.catalog-path{white-space:nowrap;overflow:hidden}}

/* Progressive hierarchical catalog */
.progressive-step[hidden]{display:none!important}
.progressive-step{opacity:0;transform:translateY(14px);transition:opacity .38s ease,transform .38s cubic-bezier(.2,.75,.25,1)}
.progressive-step.is-visible{opacity:1;transform:translateY(0)}
.catalog-tree .tree-step{position:relative}
.catalog-tree .tree-step.is-visible::before{content:"";position:absolute;left:15px;top:-1px;width:2px;height:24px;background:linear-gradient(#111,transparent);opacity:.12}
.catalog-tree .step-content{min-width:0}
.model-links{display:flex;flex-wrap:wrap;gap:9px}
.model-chip{display:none;border:1px solid #444;background:#1b1b1b;color:#fff;border-radius:999px;padding:10px 14px;cursor:pointer;transition:.2s ease}
.model-chip.visible{display:inline-flex}.model-chip:hover,.model-chip.active{background:#fff;color:#111;border-color:#fff;transform:translateY(-2px)}
.size-row{display:flex;flex-wrap:wrap;gap:9px;margin:0!important;padding:0!important;border:0!important}
.size-row .chip.active{background:#111;color:#fff;border-color:#111;transform:translateY(-2px)}
@media(max-width:760px){.catalog-tree .tree-step.is-visible::before{display:none}.progressive-step{transform:translateY(10px)}}
@media(prefers-reduced-motion:reduce){.progressive-step{transition:none!important;transform:none!important}}

/* Cleaner product cards + product modal */
.product-card{background:#fff;border:1px solid #e7e7e2;border-radius:22px;overflow:hidden;position:relative;transition:.22s ease;box-shadow:0 2px 10px rgba(0,0,0,.025)}
.product-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(0,0,0,.08)}
.product-photo{width:100%;aspect-ratio:1/1;border:0;background:#f4f4f0;padding:0;overflow:hidden;display:block}
.product-photo img{width:100%;height:100%;object-fit:cover}.product-info{padding:18px}
.product-taxonomy{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#888;margin-bottom:8px;display:flex;gap:7px}
.product-info h3{font-size:18px;line-height:1.2;margin:0 0 7px;letter-spacing:-.02em}.product-materials{font-size:13px;color:#777;margin:0 0 13px}
.product-sizes{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 16px}.product-sizes>span{min-width:36px;height:31px;border:1px solid #ddd;border-radius:9px;display:grid;place-items:center;font-size:12px;font-weight:700}
.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.product-price{font-size:20px;font-weight:800}.product-buy{border-radius:999px;font-size:12px;padding:11px 14px}
.product-favorite{position:absolute;right:12px;top:12px;z-index:2;width:39px;height:39px;border-radius:50%;border:1px solid #e5e5e0;background:rgba(255,255,255,.94);font-size:20px}
.product-modal{position:fixed;inset:0;z-index:1000;display:none}.product-modal.open{display:block}.product-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.48);backdrop-filter:blur(5px)}
.product-modal-dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(960px,calc(100% - 32px));max-height:90vh;overflow:auto;background:#fff;border-radius:26px;display:grid;grid-template-columns:1.08fr .92fr;box-shadow:0 30px 90px rgba(0,0,0,.25)}
.modal-close{position:absolute;right:16px;top:16px;z-index:5;width:42px;height:42px;border:0;border-radius:50%;background:#111;color:#fff;font-size:24px;cursor:pointer}
.product-gallery{background:#f3f3ef;padding:24px}.gallery-main{aspect-ratio:1/1;overflow:hidden;border-radius:18px;background:#fff}.gallery-main img{width:100%;height:100%;object-fit:cover}
.gallery-thumbs{display:flex;gap:8px;margin-top:10px;overflow:auto}.gallery-thumb{width:64px;height:64px;flex:0 0 64px;border:2px solid transparent;border-radius:10px;padding:0;overflow:hidden;background:#fff}.gallery-thumb.active{border-color:#111}.gallery-thumb img{width:100%;height:100%;object-fit:cover}
.product-modal-info{padding:54px 38px 38px}.product-modal-info .eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#777}.product-modal-info h2{font-size:32px;line-height:1.08;margin:10px 0 13px;letter-spacing:-.04em}.product-modal-info>p{font-size:14px;line-height:1.55;color:#666}.product-modal-info .product-price{display:block;font-size:28px;margin:22px 0}
.product-sizes.selectable button{min-width:64px;border:1px solid #ddd;background:#fff;border-radius:11px;padding:10px 12px;font-size:14px;font-weight:750;cursor:pointer}.product-sizes.selectable button small{display:none}.product-sizes.selectable button.active{background:#111;color:#fff;border-color:#111}.size-hint{font-size:12px!important;color:#b42318!important;margin:7px 0 16px!important;min-height:18px}
@media(max-width:700px){.product-modal-dialog{grid-template-columns:1fr;top:12px;transform:translateX(-50%);max-height:calc(100vh - 24px)}.product-gallery{padding:14px}.gallery-main{aspect-ratio:4/3}.product-modal-info{padding:24px}.product-modal-info h2{font-size:25px}.product-modal-info .product-price{font-size:24px;margin:15px 0}.product-info{padding:14px}}


/* === SneakerHub modal centering fix === */
.product-modal{
  position:fixed!important;
  inset:0!important;
  z-index:1000!important;
  display:none;
}
.product-modal.open{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:28px!important;
}
.product-modal-backdrop{
  position:absolute!important;
  inset:0!important;
}
.product-modal-dialog{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  width:min(920px,100%)!important;
  height:auto!important;
  max-height:calc(100vh - 56px)!important;
  overflow:hidden!important;
  margin:0!important;
  grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr)!important;
}
.product-gallery{
  min-width:0!important;
  padding:22px!important;
  overflow:auto!important;
}
.gallery-main{
  width:100%!important;
  height:min(60vh,540px)!important;
  aspect-ratio:auto!important;
}
.gallery-main img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.product-modal-info{
  min-width:0!important;
  padding:52px 38px 34px!important;
  overflow:auto!important;
  align-self:stretch!important;
}
.modal-close{
  right:16px!important;
  top:16px!important;
}
@media(max-width:760px){
  .product-modal.open{padding:10px!important;align-items:center!important}
  .product-modal-dialog{
    width:100%!important;
    max-height:calc(100vh - 20px)!important;
    grid-template-columns:1fr!important;
    overflow:auto!important;
  }
  .product-gallery{padding:12px!important;overflow:visible!important}
  .gallery-main{height:min(42vh,360px)!important}
  .product-modal-info{padding:22px!important;overflow:visible!important}
  .modal-close{right:12px!important;top:12px!important}
}

/* === Product modal compact fix === */
.product-modal-info,.modal-product-info{min-height:0!important}
.product-modal-info>p,.modal-product-info>p{max-height:150px!important;overflow:auto!important;padding-right:8px!important;margin-bottom:12px!important}
.product-modal-info .modal-buy,.modal-product-info .modal-buy{position:sticky!important;bottom:0!important;z-index:4!important;margin-top:14px!important;padding:14px 18px!important;background:#111!important;color:#fff!important;box-shadow:0 -10px 24px rgba(255,255,255,.95)!important}
@media(max-width:760px){.product-modal-info>p,.modal-product-info>p{max-height:120px!important}}

/* === SneakerHub mobile catalog swipe fix === */
@media (max-width:760px){
  html,body{
    max-width:100%;
    overflow-x:hidden;
  }

  .wrap{
    width:min(100% - 20px,1120px);
  }

  .catalog-tree{
    padding-left:14px!important;
    padding-right:14px!important;
    overflow:hidden!important;
  }

  .catalog-tree .step-content,
  .catalog-tree .tree-step,
  .filters,
  .catalog-controls,
  .filter-group{
    min-width:0!important;
    max-width:100%!important;
  }

  .department-tabs,
  .subcategory-tabs,
  .category-tabs,
  .season-tabs,
  .brand-cloud,
  .model-links,
  .size-row{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    touch-action:pan-x;
    scrollbar-width:none;
    padding:3px 2px 10px!important;
    scroll-padding-inline:2px;
  }

  .department-tabs::-webkit-scrollbar,
  .subcategory-tabs::-webkit-scrollbar,
  .category-tabs::-webkit-scrollbar,
  .season-tabs::-webkit-scrollbar,
  .brand-cloud::-webkit-scrollbar,
  .model-links::-webkit-scrollbar,
  .size-row::-webkit-scrollbar{
    display:none;
  }

  .department-tabs .tab,
  .subcategory-tabs .tab,
  .category-tabs .tab,
  .season-tabs .tab,
  .brand-cloud .chip,
  .model-links .model-chip,
  .size-row .chip{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }

  .brand-stage{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  .model-panel{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  .catalog-path{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    text-overflow:unset!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .catalog-path::-webkit-scrollbar{display:none}
}

@media (max-width:480px){
  .department-tabs .tab,
  .subcategory-tabs .tab,
  .category-tabs .tab,
  .season-tabs .tab{
    padding:10px 14px!important;
    font-size:11px!important;
  }

  .brand-cloud .chip,
  .model-links .model-chip,
  .size-row .chip{
    flex:0 0 auto!important;
  }
}

/* === FINAL mobile swipe: taxonomy rows === */
@media (max-width:760px){
  .department-tabs,
  .subcategory-tabs,
  .category-tabs,
  .season-tabs,
  .model-links,
  .size-row{
    display:flex!important;
    flex-flow:row nowrap!important;
    justify-content:flex-start!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:scroll!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-x!important;
    scrollbar-width:none!important;
    padding:4px 2px 12px!important;
  }
  .department-tabs::-webkit-scrollbar,
  .subcategory-tabs::-webkit-scrollbar,
  .category-tabs::-webkit-scrollbar,
  .season-tabs::-webkit-scrollbar,
  .model-links::-webkit-scrollbar,
  .size-row::-webkit-scrollbar{display:none!important}

  .department-tabs>.tab,
  .subcategory-tabs>.tab,
  .category-tabs>.tab,
  .season-tabs>.tab,
  .model-links>.model-chip,
  .size-row>.chip{
    flex:0 0 auto!important;
    width:auto!important;
    white-space:nowrap!important;
  }

  /* Critical: allow the flex/grid child itself to shrink to viewport,
     so overflow happens inside the row instead of outside the page. */
  .tree-step,
  .step-content,
  .progressive-step,
  .season-step{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
  }
}


/* === 2026-10-26 MOBILE TAXONOMY SWIPE FIX === */
@media (max-width:760px){
  /* The direct grid child was min-width:auto and made the whole row wider than the viewport.
     Brand worked because it already uses .step-content{min-width:0}. */
  .catalog-tree .tree-step > div{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  .catalog-tree .department-tabs,
  .catalog-tree .subcategory-tabs,
  .catalog-tree .season-tabs,
  .catalog-tree .model-links,
  .catalog-tree .size-row{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-x!important;
    scrollbar-width:none!important;
    padding:4px 2px 10px!important;
  }

  .catalog-tree .department-tabs::-webkit-scrollbar,
  .catalog-tree .subcategory-tabs::-webkit-scrollbar,
  .catalog-tree .season-tabs::-webkit-scrollbar,
  .catalog-tree .model-links::-webkit-scrollbar,
  .catalog-tree .size-row::-webkit-scrollbar{display:none!important}

  .catalog-tree .department-tabs > *,
  .catalog-tree .subcategory-tabs > *,
  .catalog-tree .season-tabs > *,
  .catalog-tree .model-links > *,
  .catalog-tree .size-row > *{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }

  .catalog-tree .model-panel{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
}

/* === SneakerHub compact mobile product grid — 2026-10-26 === */
@media (max-width: 560px){
  .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:26px 10px!important;
    margin-bottom:44px!important;
  }

  .product-card{
    min-width:0!important;
    border:0!important;
    border-radius:14px!important;
    overflow:visible!important;
    box-shadow:none!important;
    background:#fff!important;
  }

  .product-card:hover{
    transform:none!important;
    box-shadow:none!important;
  }

  .product-photo{
    aspect-ratio:1/1!important;
    border-radius:13px!important;
    background:#f4f4f2!important;
    overflow:hidden!important;
  }

  .product-photo img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }

  .product-favorite{
    right:7px!important;
    top:7px!important;
    width:32px!important;
    height:32px!important;
    font-size:19px!important;
    box-shadow:none!important;
    border:1px solid rgba(0,0,0,.08)!important;
  }

  .product-info{
    padding:10px 1px 0!important;
  }

  .product-taxonomy{
    gap:4px!important;
    margin-bottom:6px!important;
  }

  .product-taxonomy span{
    padding:4px 6px!important;
    font-size:7px!important;
    letter-spacing:.08em!important;
  }

  .product-info h3{
    margin:0 0 6px!important;
    font-size:14px!important;
    line-height:1.25!important;
    letter-spacing:-.015em!important;
    font-weight:650!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    min-height:35px!important;
  }

  .product-materials{
    margin:0 0 7px!important;
    font-size:11px!important;
    line-height:1.25!important;
    color:#777!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .product-sizes{
    display:none!important;
  }

  .product-bottom{
    display:block!important;
    margin-top:7px!important;
  }

  .product-price{
    display:block!important;
    font-size:17px!important;
    line-height:1.15!important;
    font-weight:750!important;
  }

  .product-buy{
    display:none!important;
  }

  .photo-count{
    right:7px!important;
    bottom:7px!important;
    padding:5px 7px!important;
    font-size:9px!important;
  }

  .catalog-head{
    margin:22px 0 12px!important;
  }
}

@media (min-width:561px) and (max-width:900px){
  .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* =========================================================
   MOBILE: показываем раздел / категорию / сезон / модели сразу
   Без скрытых пунктов за горизонтальным свайпом.
   Бренды остаются горизонтально прокручиваемыми.
   ========================================================= */
@media (max-width: 700px) {
  .department-tabs,
  .subcategory-tabs,
  .category-tabs,
  .season-tabs,
  .model-links {
    display: flex !important;
    flex-wrap: wrap !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    white-space: normal !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 10px 12px !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: auto;
  }

  .department-tabs > *,
  .subcategory-tabs > *,
  .category-tabs > *,
  .season-tabs > *,
  .model-links > * {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 100% !important;
  }

  /* Брендов много — для них оставляем удобный горизонтальный свайп */
  .brand-cloud {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .brand-cloud > * {
    flex: 0 0 auto !important;
  }
}


/* === SneakerHub FINAL: taxonomy visible on multiple rows === */
@media (max-width:760px){
  .catalog-tree .tree-step > div > .tabs.department-tabs,
  .catalog-tree .tree-step > div > .tabs.subcategory-tabs,
  .catalog-tree .tree-step > div > .tabs.category-tabs,
  .catalog-tree .tree-step > div > .tabs.season-tabs,
  .catalog-tree .tree-step .model-panel .model-links{
    display:flex!important;
    flex-direction:row!important;
    flex-flow:row wrap!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
    touch-action:auto!important;
    width:100%!important;
    max-width:100%!important;
    white-space:normal!important;
    padding:4px 0 8px!important;
    gap:10px 10px!important;
  }

  .catalog-tree .tree-step > div{
    overflow:visible!important;
  }

  .catalog-tree .tabs.department-tabs > .tab,
  .catalog-tree .tabs.subcategory-tabs > .tab,
  .catalog-tree .tabs.category-tabs > .tab,
  .catalog-tree .tabs.season-tabs > .tab,
  .catalog-tree .model-links > .model-chip{
    flex:0 0 auto!important;
    width:auto!important;
    max-width:100%!important;
    white-space:nowrap!important;
    margin:0!important;
  }

  /* Бренды специально оставляем свайпом */
  .catalog-tree .brand-cloud{
    display:flex!important;
    flex-flow:row nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    touch-action:pan-x!important;
    -webkit-overflow-scrolling:touch!important;
  }
}


/* === SneakerHub requested update: benefits + dark brands === */
.benefits{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

.brand-stage{
  margin-top:8px!important;
  padding:22px!important;
  border:0!important;
  border-radius:20px!important;
  background:#111!important;
  color:#fff!important;
}

.brand-stage .brand-cloud{
  display:flex!important;
  flex-flow:row wrap!important;
  flex-wrap:wrap!important;
  overflow:visible!important;
  width:100%!important;
  gap:9px!important;
  padding:0!important;
  margin:0!important;
  white-space:normal!important;
}

.brand-stage .brand-cloud .chip{
  flex:0 0 auto!important;
  width:auto!important;
  margin:0!important;
  border:1px solid #444!important;
  background:#222!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:9px 13px!important;
  box-shadow:none!important;
}

.brand-stage .brand-cloud .chip:hover:not(:disabled){
  transform:translateY(-1px)!important;
  border-color:#777!important;
  background:#2b2b2b!important;
}

.brand-stage .brand-cloud .chip.active{
  background:#fff!important;
  color:#111!important;
  border-color:#fff!important;
}

.brand-stage .brand-cloud .chip.coming{
  color:#999!important;
  border-style:dashed!important;
  background:#181818!important;
}

.whatsapp-icon{
  font-size:15px;
  font-weight:900;
  letter-spacing:-.04em;
  color:#111;
}

@media(max-width:760px){
  .benefits{
    grid-template-columns:1fr 1fr!important;
  }
  .brand-stage{
    padding:18px!important;
  }
  .brand-stage .brand-cloud{
    display:flex!important;
    flex-flow:row wrap!important;
    overflow:visible!important;
    touch-action:auto!important;
  }
}

@media(max-width:480px){
  .benefits{
    grid-template-columns:1fr!important;
  }
}

/* WhatsApp icon — requested update */
.whatsapp-icon svg{
  width:100%;
  height:100%;
  display:block;
}

/* === SneakerHub UX 1/3/6 final === */
.product-photo{position:relative!important}
.product-photo .photo-count{position:absolute!important;right:10px!important;bottom:10px!important;padding:6px 9px!important;border-radius:999px!important;background:rgba(17,17,17,.78)!important;color:#fff!important;font-size:10px!important;font-weight:800!important;backdrop-filter:blur(8px)!important}
.gallery-main{position:relative!important;touch-action:pan-y!important;user-select:none!important}
.gallery-main img{transition:opacity .18s ease,transform .22s ease!important}
.gallery-main img.switching{opacity:.35!important;transform:scale(.99)!important}
.gallery-counter{position:absolute!important;right:14px!important;bottom:14px!important;z-index:3!important;padding:7px 10px!important;border-radius:999px!important;background:rgba(17,17,17,.78)!important;color:#fff!important;font-size:11px!important;font-weight:750!important;backdrop-filter:blur(8px)!important}
.gallery-arrow{position:absolute!important;top:50%!important;z-index:3!important;transform:translateY(-50%)!important;width:42px!important;height:42px!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.9)!important;color:#111!important;font-size:30px!important;line-height:1!important;box-shadow:0 6px 22px rgba(0,0,0,.12)!important;cursor:pointer!important}
.gallery-prev{left:12px!important}.gallery-next{right:12px!important}
.gallery-dots{display:flex!important;justify-content:center!important;align-items:center!important;gap:6px!important;margin:10px 0 0!important}
.gallery-dot{width:6px!important;height:6px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#c7c7c2!important;cursor:pointer!important;transition:.2s ease!important}
.gallery-dot.active{width:18px!important;border-radius:999px!important;background:#111!important}
.product-sizes.selectable button{min-width:44px!important;height:40px!important;border-radius:10px!important;font-weight:750!important}
.size-hint{font-size:12px!important;color:#888!important;margin:10px 0 0!important}
.modal-buy{min-height:48px!important}

@media(max-width:760px){
  .catalog-tree{padding:22px 14px!important}
  .catalog-tree .department-tabs,.catalog-tree .subcategory-tabs,.catalog-tree .category-tabs,.catalog-tree .season-tabs,.catalog-tree .model-links{
    display:flex!important;flex-flow:row wrap!important;overflow:visible!important;width:100%!important;gap:8px!important;padding:0!important;margin:0!important;white-space:normal!important;touch-action:auto!important
  }
  .catalog-tree .department-tabs>.tab,.catalog-tree .subcategory-tabs>.tab,.catalog-tree .category-tabs>.tab,.catalog-tree .season-tabs>.tab,.catalog-tree .model-links>.model-chip{
    flex:0 0 auto!important;width:auto!important;max-width:100%!important;margin:0!important;padding:10px 13px!important;white-space:normal!important;text-align:center!important
  }
  .brand-stage{padding:15px!important;border-radius:17px!important}
  .brand-stage .brand-cloud{display:flex!important;flex-flow:row wrap!important;overflow:visible!important;gap:7px!important;touch-action:auto!important}
  .brand-stage .brand-cloud .chip{padding:8px 11px!important;font-size:11px!important}
  .model-panel{padding:15px!important;border-radius:17px!important}
  .catalog-path{width:100%!important;white-space:normal!important;overflow:visible!important;flex-wrap:wrap!important}
  .product-modal{padding:8px!important}
  .product-modal-dialog{top:8px!important;bottom:8px!important;left:8px!important;right:8px!important;width:auto!important;max-height:none!important;height:auto!important;transform:none!important;border-radius:20px!important;overflow:auto!important;grid-template-columns:1fr!important}
  .product-gallery{padding:10px!important}
  .gallery-main{height:auto!important;aspect-ratio:1/1!important;border-radius:14px!important}
  .gallery-arrow{width:38px!important;height:38px!important;font-size:27px!important}
  .gallery-thumbs{display:none!important}
  .gallery-dots{margin:9px 0 2px!important}
  .product-modal-info{padding:18px 16px 20px!important}
  .product-modal-info h2{font-size:23px!important;margin:8px 0 10px!important}
  .product-modal-info>p{max-height:100px!important}
  .product-modal-info .product-price{font-size:25px!important;margin:12px 0!important}
  .modal-close{position:fixed!important;right:18px!important;top:18px!important;width:40px!important;height:40px!important}
}
@media(max-width:420px){
  .catalog-tree .department-tabs>.tab,.catalog-tree .subcategory-tabs>.tab,.catalog-tree .season-tabs>.tab{font-size:11px!important;padding:9px 11px!important}
  .gallery-arrow{display:none!important}
}


/* SneakerHub final: sort / reset / share / back-to-top */
.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 16px;padding:12px 14px;border:1px solid #e6e6df;border-radius:16px;background:#f7f7f3}
.sort-control{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;color:#555}
.sort-control select{border:1px solid #d8d8d2;border-radius:11px;background:#fff;padding:10px 12px;font:inherit;color:#111;outline:none}
.reset-filters{border:0;border-radius:11px;background:#111;color:#fff;padding:11px 14px;font-size:12px;font-weight:800;cursor:pointer}
.product-share{width:100%;margin-top:9px;padding:11px 14px;border:1px solid #d9d9d3;border-radius:12px;background:#fff;color:#111;font:inherit;font-weight:800;cursor:pointer}
.back-to-top{position:fixed;right:18px;bottom:18px;z-index:90;width:46px;height:46px;border:0;border-radius:50%;background:#111;color:#fff;font-size:22px;box-shadow:0 10px 30px rgba(0,0,0,.22);opacity:0;visibility:hidden;transform:translateY(10px);transition:.22s ease;cursor:pointer}
.back-to-top.show{opacity:1;visibility:visible;transform:none}
@media(max-width:760px){.catalog-tools{align-items:stretch;flex-direction:column;padding:11px;margin:14px 0}.sort-control{justify-content:space-between}.sort-control select{max-width:70%;font-size:11px}.reset-filters{width:100%}.back-to-top{right:12px;bottom:14px;width:44px;height:44px}}

/* Dynamic brand segments */
.brand-segment-tabs{display:flex;gap:8px;flex-basis:100%;width:100%;margin:0 0 10px}
.brand-segment{border:1px solid rgba(255,255,255,.24);background:transparent;color:#fff;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:800;cursor:pointer}
.brand-segment.active{background:#fff;color:#111;border-color:#fff}
@media(max-width:760px){.brand-segment-tabs{margin-bottom:8px}.brand-segment{padding:8px 12px}}

/* Prominent catalog search */
.site-search{position:relative;flex:1;max-width:620px;min-width:260px;margin:0 28px;display:flex;align-items:center}
.site-search .search{width:100%;height:48px;border:2px solid #111;border-radius:16px;background:#fff;padding:0 48px 0 46px;font-size:15px;font-weight:650;color:#111;outline:none;box-shadow:0 4px 16px rgba(0,0,0,.07);transition:.18s ease}
.site-search .search::placeholder{color:#777;font-weight:500}
.site-search .search:focus{box-shadow:0 0 0 4px rgba(0,0,0,.08),0 6px 20px rgba(0,0,0,.10)}
.site-search-icon{position:absolute;left:16px;z-index:2;width:20px;height:20px;display:grid;place-items:center;pointer-events:none}
.site-search-icon svg{width:20px;height:20px;fill:none;stroke:#111;stroke-width:2;stroke-linecap:round}
.site-search-clear{position:absolute;right:10px;width:32px;height:32px;border:0;border-radius:50%;background:#f0f0f0;color:#111;font-size:21px;line-height:1;display:none;align-items:center;justify-content:center;cursor:pointer}
.site-search.has-value .site-search-clear{display:flex}
.search-status{display:none;flex-basis:100%;width:100%;margin:12px 0 0;padding:12px 15px;border-radius:13px;background:#f4f4f4;font-size:13px;font-weight:700}
.search-status.show{display:block}
@media(max-width:760px){
 .topbar .nav{flex-wrap:wrap;gap:10px;padding-top:10px;padding-bottom:10px}
 .topbar .brand{order:1}
 .topbar .nav-actions{order:2;margin-left:auto}
 .site-search{order:3;flex-basis:100%;max-width:none;min-width:0;width:100%;margin:0}
 .site-search .search{height:50px;border-radius:14px;font-size:16px}
}

/* Hide native search clear button: use only SneakerHub custom × */
.site-search .search::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}
.site-search .search::-webkit-search-decoration{-webkit-appearance:none}
.site-search .search::-ms-clear,.site-search .search::-ms-reveal{display:none;width:0;height:0}

/* Search layout fix: keep the custom × inside the input */
.site-search .search{display:block!important;flex:1 1 auto!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important}
.site-search-clear{right:9px;top:50%;transform:translateY(-50%);z-index:3}
@media(max-width:760px){.site-search .search{display:block!important;width:100%!important;max-width:none!important}}