/* Visual layer only: catalog behavior and merchant settings remain authoritative. */
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--b);line-height:1.45}
button{cursor:pointer;touch-action:manipulation;transition:background-color .18s,border-color .18s,box-shadow .18s}
button:disabled{cursor:default}
header{background:#090b0dec;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom-color:#ffffff12}
header>button:first-child{width:38px;height:38px;border:1px solid #ffffff17;border-radius:12px;background:#ffffff07}
header .cartb{border-color:#ffffff24!important;border-radius:12px;background:#ffffff07;font-size:9px;letter-spacing:.04em}
.top{font-weight:600}
.hero{border-color:#ffffff12;border-radius:22px;padding:30px 24px;background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--r) 24%,transparent),transparent 65%),linear-gradient(135deg,#15171c,#0d0f12);box-shadow:inset 0 1px #ffffff05}
.hero small{font-size:9px;letter-spacing:.2em;color:#d8d8df}
.hero h1{font-family:inherit;font-weight:600;letter-spacing:-.055em;line-height:1.04;max-width:720px;margin:14px 0}
.hero p{font-size:12px;line-height:1.65;color:#aaadb6;max-width:520px}
.chips{gap:8px;padding-bottom:4px;scrollbar-width:thin}
.chips button{border-radius:999px;padding:10px 14px;background:#14161b;border-color:#ffffff16;font-size:10px;font-weight:500;color:#bfc1c9}
.chips button.on{background:#f1f2f5;color:#15171a;border-color:#f1f2f5}
.catalog-search input{border:1px solid #ffffff19;background:#17191e;color:#f5f5f7;border-radius:14px}
.catalog-search input::placeholder{color:#989ca8}
.favorites-filter{border-color:#ffffff19;background:#17191e;color:#dddfe5;font-weight:600}
.favorites-filter.on{background:color-mix(in srgb,var(--r) 18%,#14161b);color:#fff}
.brandbar{margin-top:14px;margin-bottom:18px}
.brandbar .edit-filter-button,.brandbar #brandFilterButton{border:1px solid #ffffff20;border-radius:14px;background:#1b1d23;color:#f1f2f5;box-shadow:none}
.brandbar .edit-filter-button small{color:#a6a9b3}
.brandbar #resultCount{color:#a6a9b3}
.grid{gap:12px;background:transparent}
.card{min-width:0;border:1px solid #ffffff10;border-radius:18px;overflow:hidden;background:#14161b;box-shadow:0 4px 16px #00000012}
.card-media{overflow:hidden}
.card-media>img{display:block}
.ci{padding:13px}
.ci .brand{font-size:9px;font-weight:600;letter-spacing:.1em;color:#b5b8c3}
.ci .name{font-size:12px;font-weight:500;line-height:1.45;text-transform:none;min-height:35px;margin:7px 0;color:#f0f1f4;overflow-wrap:anywhere}
.ci .price{font-size:18px;font-weight:650;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.ci .sizes{font-size:9px;color:#a3a6b1}
.quick{border-color:#ffffff10;margin-top:13px;padding-top:12px}
.quicklabel{font-size:8px;letter-spacing:.04em;font-weight:500;color:#a3a6b1}
.quick-sizes{gap:6px}
.quick-sizes button{border-radius:10px;background:#1c1f26;border-color:#ffffff1c;font-size:10px;min-width:34px;height:32px}
.quick-sizes button.on{background:#f3f4f7;color:#101216;border-color:#f3f4f7;box-shadow:0 0 0 2px #ffffff18}
.quick-add,.details{border-radius:11px;height:40px;font-size:9px;letter-spacing:.02em;font-weight:600}
.quick-add{background:#24272e;color:#a2a6b0}
.quick-add.ready{background:var(--r);color:#fff;box-shadow:inset 0 1px #ffffff1a}
.details{border-color:#ffffff1c;color:#d5d7df}
.favorite{box-shadow:0 2px 12px #00000014;backdrop-filter:blur(8px)}
.last-units,.pix-tag{font-size:8px;font-weight:700;letter-spacing:.01em;padding:6px 8px;box-shadow:0 2px 8px #00000014}
.catalog-pagination button{border-radius:50%;border-color:#ffffff1c;background:#17191f;font-weight:500}
.catalog-pagination button.on{transform:none;box-shadow:0 3px 12px #0003}
nav{background:#101216ef;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top-color:#ffffff15;padding-bottom:env(safe-area-inset-bottom);height:calc(62px + env(safe-area-inset-bottom))}
nav button{font-size:8px;font-weight:500;letter-spacing:.05em;color:#bfc2cd}
nav b{font-size:20px;line-height:1.4}
.shade{background:#050609aa;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.sheet,.drawer,.freight-popup,.brand-panel,.fc{box-shadow:0 24px 80px #00000026}
.pd h2,.dh,.freight-popup h2{font-family:inherit;font-weight:600;letter-spacing:-.035em;line-height:1.2}
.pd h2{font-size:25px}.dh{font-size:21px}
.item img{border-radius:10px}.item div{font-size:11px}.item{gap:12px;padding:16px 0}
.box{border-color:#e7e8ec;box-shadow:0 4px 20px #15171a04}
.filter .fc,.brand-panel{border:1px solid #e8e9ee}
.filter .fg{border-bottom-color:#eaebef}
.filter .fc h2,.brand-head h2{letter-spacing:-.035em;text-transform:none}
.go,.add,.rev,.wa,.continue,.brand-apply,.brand-clear,.freight-cart,.freight-continue{font-weight:650;letter-spacing:.02em}
button:focus-visible,input:focus-visible{outline:2px solid #7aaeff;outline-offset:3px}
@media(min-width:760px){
  header{height:84px;padding-inline:max(24px,calc((100vw - 1320px)/2));grid-template-columns:48px 1fr 100px}
  .hero,.chips,.catalog-tools,.brandbar,.grid,.promotion-notice{width:calc(100% - 48px);max-width:1320px;margin-left:auto;margin-right:auto}
  .hero{min-height:270px;margin-top:28px;margin-bottom:28px;padding:44px;border-radius:26px}
  .hero h1{font-size:60px}.hero p{font-size:14px}
  .grid{gap:20px}.ci{padding:18px}.ci .name{font-size:14px;min-height:41px}.ci .price{font-size:21px}
  .quick-sizes button{height:36px;min-width:36px}.quick-add,.details{height:42px;font-size:10px}
  .catalog-tools{margin-bottom:12px}.sheet{border-radius:24px 24px 0 0}
}
@media(max-width:380px){.grid{gap:8px}.ci{padding:10px}.ci .name{font-size:11px}.ci .price{font-size:17px}.quick-sizes{gap:4px}.quick-sizes button{min-width:30px;padding:0 6px}.quick-add,.details{font-size:8px}.last-units,.pix-tag{font-size:7px}}
@media(prefers-reduced-motion:reduce){button,.sheet,.drawer,.freight-popup{transition:none}.card{animation:none}}