:root { --background:#faf9f6;--foreground:#171714;--primary:#171714;--primary-foreground:#fff;--secondary:#f3ede3;--secondary-foreground:#171714;--muted:#f4f0e9;--muted-foreground:#77736b;--border:#e4ddd2;--input:#d9d0c2;--ring:#b9a17a;--sand:#f4eadb;--sand-dark:#c7b18e;--ink:#171714; }
* { box-sizing:border-box; } html { background:var(--background);scroll-behavior:smooth; } body { margin:0;background:var(--background);color:var(--foreground);font-family:Inter,Avenir,"Helvetica Neue",Arial,ui-sans-serif,system-ui,sans-serif;min-width:320px; } button,input,select { font:inherit; } button { cursor:pointer; } img { max-width:100%; } main { width:min(1480px,100%);margin:0 auto;padding:0 32px 72px; }
.site-header { min-height:78px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--border); }.brand-mark { display:flex;align-items:center;gap:5px;color:var(--ink);font:900 27px/1 Arial,sans-serif;letter-spacing:-.08em;flex:0 0 auto; }.brand-mark span { color:var(--sand-dark);font-size:15px;letter-spacing:0; }.catalog-nav { display:flex;gap:6px;margin-left:18px; }.catalog-nav button { border:0;border-radius:999px;padding:9px 14px;background:transparent;color:#6f6a61;font-size:14px;font-weight:760; }.catalog-nav button:hover,.catalog-nav button.active { background:var(--sand);color:var(--ink); }.order-button { margin-left:auto;display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 17px;border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;font-size:14px;font-weight:780; }.order-button svg { width:15px; }
.catalog-title { padding:34px 0 25px;border-bottom:1px solid var(--border);display:flex;align-items:end;justify-content:space-between;gap:24px; }.catalog-title p,.guide-heading>p,.size-guide>div>p { margin:0 0 7px;color:var(--muted-foreground);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase; }.catalog-title h1 { margin:0;color:var(--ink);font-size:clamp(44px,7vw,82px);line-height:.92;letter-spacing:-.055em;font-weight:780; }.product-total { border:1px solid var(--border);background:#fff;padding:8px 12px;border-radius:999px;font-size:13px;font-weight:750;white-space:nowrap; }
.jersey-guide { padding:30px 0 28px;border-bottom:1px solid var(--border); }.guide-heading { display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px; }.guide-heading h2 { max-width:760px;margin:0;font-size:clamp(26px,3.6vw,48px);line-height:1;letter-spacing:-.045em;text-transform:uppercase; }.quality-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch; }.quality-card { background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;height:100%; }.quality-image { height:clamp(230px,24vw,350px);background:#fff;overflow:hidden; }.quality-image img { width:100%;height:100%;object-fit:cover;object-position:center 34%;transform:scale(1.85);display:block; }.quality-copy { flex:1;padding:20px 18px;background:#f1f0e9; }.quality-copy h3 { margin:0 0 11px;font-size:19px;letter-spacing:-.025em;text-transform:uppercase; }.quality-copy p { margin:0;color:#5f5b54;font-size:14px;line-height:1.55; }
.size-guide { display:block;margin-top:14px;padding:22px 24px 24px;border-radius:18px;background:var(--ink);color:#fff; }.size-guide>div>p { color:#d9c39f; }.size-guide-title { margin-bottom:14px; }.size-guide-title h3 { margin:0;font-size:clamp(20px,2.2vw,29px);letter-spacing:-.03em; }.size-table-wrap { width:100%;overflow-x:auto; }.size-guide table { width:100%;min-width:540px;border-collapse:collapse;text-align:center; }.size-guide th,.size-guide td { padding:10px 13px;border-bottom:1px solid rgba(255,255,255,.18);font-size:14px; }.size-guide thead th { color:#dac39e;font-size:12px;text-transform:uppercase;letter-spacing:.06em; }.size-guide tbody th { color:#fff;font-size:16px; }
.filters { display:grid;grid-template-columns:minmax(280px,.7fr) minmax(500px,1.3fr);gap:24px;padding:20px 0;position:sticky;top:0;z-index:20;background:rgba(250,249,246,.95);backdrop-filter:blur(15px);border-bottom:1px solid var(--border); }.filters.jersey-filters { grid-template-columns:minmax(260px,.55fr) minmax(600px,1.45fr); }.search-wrap { position:relative;align-self:end; }.search-wrap>svg { position:absolute;z-index:1;left:16px;top:15px;width:20px;height:20px;color:#7c776e; }.search-wrap input { height:50px;border-radius:12px;padding-left:48px;padding-right:44px;background:#fff;color:var(--ink);border:1px solid var(--border);font-size:16px;box-shadow:0 4px 18px rgba(37,31,20,.04); }.search-wrap input::placeholder { color:#928d84; }.clear-search { position:absolute;right:10px;top:9px;width:32px;height:32px;border:0;background:transparent;color:#746f66;display:grid;place-items:center; }.clear-search svg { width:18px; }
.size-heading { height:24px;display:flex;justify-content:space-between;align-items:start;margin-bottom:7px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em; }.size-heading button,.active-filters button { border:0;background:transparent;color:#77613b;text-decoration:underline;text-underline-offset:3px;font-size:12px; }.size-options { display:flex;gap:7px;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin; }.size-options button { flex:0 0 auto;min-width:44px;height:38px;padding:0 10px;border-radius:9px;border:1px solid var(--border);background:#fff;color:var(--ink);font-size:14px;font-weight:750; }.size-options button:hover,.size-options button.active { background:var(--sand);border-color:var(--sand-dark); }
.jersey-filter-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px; }.select-filter { position:relative;display:grid;gap:6px;color:#5e5951;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em; }.multi-select { position:relative; }.multi-select summary { list-style:none;width:100%;height:42px;display:flex;align-items:center;padding:0 36px 0 12px;border:1px solid var(--border);border-radius:10px;color:var(--ink);background:#fff;font-size:14px;font-weight:700;text-transform:none;letter-spacing:0;cursor:pointer; }.multi-select summary::-webkit-details-marker { display:none; }.multi-select summary::after { content:'⌄';position:absolute;right:13px;font-size:16px;color:#777;transition:transform .18s ease; }.multi-select[open] summary::after { transform:rotate(180deg); }.multi-select[open] summary { border-color:var(--sand-dark); }.multi-menu { position:absolute;z-index:60;top:48px;left:0;width:max(100%,230px);max-height:300px;overflow:auto;padding:7px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 42px rgba(30,24,15,.18);text-transform:none;letter-spacing:0; }.multi-menu>button,.multi-menu label { width:100%;min-height:35px;display:flex;align-items:center;gap:8px;padding:7px 9px;border:0;border-radius:7px;background:transparent;color:var(--ink);font-size:13px;font-weight:650;text-align:left; }.multi-menu>button:hover,.multi-menu>button.active,.multi-menu label:hover { background:var(--sand); }.multi-menu input { accent-color:var(--ink); }.multi-menu>.multi-done { position:sticky;bottom:0;justify-content:center;margin-top:6px;background:var(--ink);color:#fff;text-align:center;font-weight:800;box-shadow:0 -6px 14px rgba(255,255,255,.9); }.multi-menu>.multi-done:hover { background:#302f2a;color:#fff; }
.results-heading { min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0 14px; }.results-heading p { margin:0;font-size:15px;font-weight:750;white-space:nowrap; }.active-filters { display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap; }.active-filters span { border-radius:999px;background:var(--ink);color:#fff;padding:5px 9px;font-size:12px;font-weight:750; }
.product-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;align-items:stretch; }.product-card { min-width:0;height:100%;align-self:stretch;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:17px;box-shadow:0 8px 28px rgba(38,31,19,.045);transition:transform .2s ease,box-shadow .2s ease; }.product-card:hover { transform:translateY(-2px);box-shadow:0 13px 34px rgba(38,31,19,.09); }.product-image-wrap { position:relative;aspect-ratio:1.1/1;background:#fff;overflow:hidden; }.jersey-card .product-image-wrap { aspect-ratio:1/1.08; }.product-image { width:100%;height:100%;object-fit:contain;display:block;padding:8px;background:#fff; }.jersey-card .product-image { object-fit:cover;object-position:center;padding:0;transform:scale(1.08); }.image-arrow { position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#171813;opacity:0;transition:opacity .15s;box-shadow:0 4px 14px rgba(0,0,0,.15); }.product-image-wrap:hover .image-arrow,.image-arrow:focus-visible { opacity:1; }.image-arrow svg { width:19px; }.image-arrow-left { left:10px; }.image-arrow-right { right:10px; }.image-count { position:absolute;right:10px;bottom:10px;border-radius:999px;background:rgba(18,19,15,.78);color:#fff;padding:5px 8px;font-size:11px;font-weight:750;backdrop-filter:blur(8px); }
.product-body { flex:0 0 210px;height:210px;padding:15px 16px 14px;background:#f1f0e9;display:flex;flex-direction:column; }.jersey-body { flex-basis:235px;height:235px; }.product-meta { display:flex;justify-content:space-between;gap:10px;color:var(--muted-foreground);font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.04em; }.product-meta span:last-child { max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right; }.product-body h2 { margin:8px 0 12px;min-height:44px;color:var(--ink);font-size:17px;line-height:1.28;letter-spacing:-.02em;font-weight:760;text-transform:uppercase; }.jersey-body h2 { margin-bottom:3px;min-height:43px; }.quality-label { margin:0 0 11px;color:#9a7950;font-size:13px;font-weight:800;letter-spacing:.035em;text-transform:uppercase; }.sizes { display:flex;flex-wrap:wrap;gap:5px;min-height:27px;align-content:flex-start; }.sizes span { display:inline-grid;place-items:center;min-width:31px;height:26px;padding:0 7px;border-radius:7px;background:rgba(255,255,255,.72);color:var(--ink);font-size:12px;font-weight:750; }.price { margin:auto 0 0;padding-top:13px;border-top:1px solid rgba(125,104,69,.2);color:var(--ink);font-size:20px;letter-spacing:-.025em;font-weight:820; }
.load-more { display:flex;justify-content:center;padding-top:32px; }.load-more button,.empty-state button { height:48px;padding:0 22px;border-radius:12px;background:var(--ink);color:#fff;border:0;font-size:15px;font-weight:750; }.empty-state { padding:72px 24px;text-align:center;background:#fff;border:1px solid var(--border);border-radius:17px; }.empty-state h2 { margin:0 0 7px;font-size:24px; }.empty-state p { color:var(--muted-foreground);margin:0 0 20px; }
@media (max-width:1180px) { .product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.filters,.filters.jersey-filters { grid-template-columns:1fr; }.quality-image { height:clamp(210px,29vw,310px); }.quality-copy { min-height:190px; } }
@media (max-width:760px) { main { padding:0 14px 48px; }.site-header { min-height:66px;gap:9px;position:relative;flex-wrap:wrap;padding:10px 0; }.brand-mark { font-size:24px; }.catalog-nav { order:3;margin:0;width:100%;display:grid;grid-template-columns:1fr 1fr; }.catalog-nav button { border:1px solid var(--border);background:#fff; }.order-button { height:38px;padding:0 13px; }.catalog-title { padding:24px 0 18px;align-items:center; }.catalog-title h1 { font-size:clamp(42px,14vw,64px); }.product-total { display:none; }.guide-heading { display:block; }.guide-heading>p { margin-bottom:8px; }.quality-grid { grid-template-columns:1fr;gap:10px; }.quality-card { display:grid;grid-template-columns:132px 1fr;min-height:190px; }.quality-image { height:100%;min-height:190px; }.quality-image img { transform:scale(2.05);object-position:center 34%; }.quality-copy { padding:15px 14px;min-height:190px; }.quality-copy h3 { font-size:17px;margin-bottom:7px; }.quality-copy p { font-size:13px;line-height:1.43; }.size-guide { padding:18px; }.size-guide table { min-width:500px; }.filters { padding:14px 0 12px;gap:12px;position:relative; }.size-options { flex-wrap:wrap;overflow:visible;gap:6px; }.size-options button { min-width:42px;height:36px;padding:0 9px; }.jersey-filter-grid { grid-template-columns:1fr 1fr 1fr;gap:7px; }.select-filter>span { font-size:10px; }.multi-select summary { height:42px;padding-left:9px;font-size:12px; }.multi-menu { position:fixed;left:14px;right:14px;top:auto;width:auto;max-height:48vh; }.results-heading { align-items:flex-start;flex-direction:column; }.active-filters { justify-content:flex-start; }.product-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:9px; }.product-card { border-radius:14px; }.product-body { flex-basis:220px;height:220px;padding:11px; }.jersey-body { flex-basis:226px;height:226px; }.product-body h2 { font-size:14px;min-height:38px;margin:6px 0 9px; }.jersey-body h2 { margin-bottom:2px; }.quality-label { min-height:17px;margin-bottom:8px;font-size:11px; }.product-meta { font-size:9px; }.sizes { gap:4px; }.sizes span { min-width:29px;height:24px;padding:0 5px;font-size:11px; }.price { font-size:17px;margin-top:auto;padding-top:10px; }.image-arrow { opacity:.85;width:30px;height:30px; }.image-arrow-left { left:5px; }.image-arrow-right { right:5px; }.image-count { right:7px;bottom:7px; } }
@media (max-width:420px) { main { padding-inline:10px; }.quality-card { grid-template-columns:116px 1fr; }.quality-copy p { font-size:12px; }.jersey-filter-grid { grid-template-columns:1fr; }.select-filter { grid-template-columns:72px 1fr;align-items:center; }.multi-select { width:100%; }.product-grid { gap:7px; }.product-body,.jersey-body { padding:9px; }.product-body h2 { font-size:13px; }.jersey-card .product-image-wrap { aspect-ratio:1/1.18; } }

/* Clothing catalog */
.filters.clothing-filters { grid-template-columns:minmax(250px,.45fr) minmax(620px,1.55fr); }
.clothing-controls { display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:12px;align-items:end; }
.clothing-controls.football-controls { grid-template-columns:minmax(0,1fr) minmax(170px,220px) 150px; }
.category-options { flex-wrap:wrap;overflow:visible; }
.category-options button { min-width:auto;padding-inline:13px; }
.clothing-card .product-image { padding:8px;object-fit:contain;object-position:center; }
.nba-subnav { display:flex;gap:10px;padding:18px 0;border-bottom:1px solid var(--border); }
.nba-subnav button { min-width:150px;height:52px;padding:0 28px;border:1px solid var(--border);border-radius:999px;background:#fff;color:#6f6a61;font-size:16px;font-weight:800; }
.nba-subnav button:hover,.nba-subnav button.active { background:var(--sand);border-color:var(--sand-dark);color:var(--ink); }
.shorts-filter-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.shorts-card .product-image { padding:6px;object-fit:contain;object-position:center; }
.f1-card .product-image { padding:10px;object-fit:contain;object-position:center; }
@media (max-width:1180px) { .filters.clothing-filters { grid-template-columns:1fr; } }
@media (max-width:760px) {
  .catalog-nav { grid-template-columns:repeat(4,1fr); }
  .catalog-nav button { padding-inline:8px; }
  .nba-subnav { display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:13px 0; }
  .nba-subnav button { min-width:0;width:100%;height:46px;padding:0 12px;font-size:14px; }
  .shorts-filter-grid { grid-template-columns:1fr 1fr; }
  .clothing-controls,.clothing-controls.football-controls { grid-template-columns:1fr; }
}
@media (max-width:420px) { .shorts-filter-grid { grid-template-columns:1fr; } }

/* NBA clothing */
.nba-clothing-card .product-image { padding:8px;object-fit:contain;object-position:center; }
.nba-clothing-card.suit-card .product-image { padding:24px; }
.nba-clothing-card .product-body { flex-basis:250px;height:250px; }
.football-clothing-card.suit-card .product-body { flex:1 0 300px;height:auto;min-height:300px; }
.offer-list { margin:auto 0 0;padding-top:9px;border-top:1px solid rgba(125,104,69,.2);display:grid;gap:5px; }
.suit-card .offer-list { margin-top:auto; }
.suit-card .offer-list + .price { margin-top:8px;padding-top:8px; }
.offer-list>div { display:flex;align-items:center;justify-content:space-between;gap:8px;color:#5f5b54;font-size:12px;font-weight:700; }
.offer-list strong { flex:0 0 auto;color:var(--ink);font-size:14px; }
@media (max-width:760px) {
  .nba-subnav { grid-template-columns:repeat(3,1fr); }
  .nba-clothing-card .product-body { flex-basis:250px;height:250px; }
  .football-clothing-card.suit-card .product-body { flex-basis:290px;min-height:290px;height:auto; }
  .offer-list>div { display:grid;gap:1px;font-size:10px; }
  .offer-list strong { font-size:13px; }
}
@media (max-width:420px) { .nba-subnav button { padding-inline:5px;font-size:12px; } }
.jersey-card.extra-jersey-card .product-image { object-fit:contain;object-position:center;padding:10px;transform:none; }
.catalog-size-guides { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-bottom:14px;border-bottom:1px solid var(--border); }
.catalog-size-guide { margin-top:14px; }
@media (max-width:900px) { .catalog-size-guides { grid-template-columns:1fr;gap:0; } }

/* PHP/v4 adapter: input and tab semantics identical to source, without Tailwind runtime. */
.search-wrap input {width:100%;}
.jersey-filter-grid {display:grid;}
.catalog-nav button:focus-visible,.nba-subnav button:focus-visible,.size-options button:focus-visible,.multi-menu :focus-visible,.image-arrow:focus-visible {outline:3px solid var(--sand-dark);outline-offset:2px;}
.size-panel {min-width:0;}.category-panel .size-options {flex-wrap:wrap;overflow:visible;}
.catalog-nav button {white-space:nowrap;}
.product-grid[hidden], .empty-state[hidden], .load-more[hidden], .filters[hidden], .catalog-size-guides[hidden], .jersey-guide[hidden], .nba-subnav[hidden] {display:none!important;}
.product-image-wrap img {color:transparent;}
.product-image-wrap .image-arrow {z-index:2;}
.catalog-size-guides .size-guide {margin-top:14px;}
.sneaker-card .product-image{object-fit:contain;}
.suit-card .offer-list {gap:5px;}
.product-card .offer-list strong{white-space:nowrap;}
.active-filters button {cursor:pointer;}
.source-note {font-size:12px;color:var(--muted-foreground);padding:10px 0;text-align:center;}
@media(max-width:760px){.catalog-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.catalog-nav button{font-size:12px;min-width:0;padding:9px 3px}.order-button{font-size:12px}.shorts-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-image-wrap .image-arrow{opacity:.9}}
@media(max-width:420px){.shorts-filter-grid{grid-template-columns:1fr}.clothing-controls{grid-template-columns:1fr}.catalog-nav button{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.empty-state:not([hidden]){display:block;}
@media(max-width:760px){.product-grid .product-card{min-width:0}.jersey-filter-grid.shorts-filter-grid{display:grid}}