.listing-head{border-bottom:1px solid var(--line);background:#fff;padding:28px 0}.listing-head-inner{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.listing-head h1{margin:0 0 8px;font-size:34px}.listing-section{padding:26px 0 54px}.listing-content{min-width:0}.listing-layout{grid-template-columns:224px 1fr;align-items:start;gap:24px;display:grid}.listing-head p{color:#596579;margin:0}.listing-head-inner.slim{text-align:left;display:block}.listing-head .breadcrumb{align-items:center;gap:6px;display:flex}@media (max-width:760px){.listing-head{padding:16px 0}.listing-head h1{font-size:17px}.listing-layout{grid-template-columns:1fr}.listing-content{min-width:0}}.kategori-shell{background:var(--surface);transition:background-color .2s}:root[data-theme=dark] .listing-head h1,:root[data-theme=dark] .listing-head p{color:var(--text-primary)!important}.slim-listing-head{background:#fff;padding:14px 0 12px}:root[data-theme=dark] .empty-state,:root[data-theme=dark] .slim-listing-head{background-color:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.kategori-shell .filter-sidebar-wrap{min-width:0}.kategori-shell .filter-sidebar{scrollbar-width:thin;background:linear-gradient(#fffffffa,#fffbf6f0);border:1px solid #f35f3642;border-radius:20px;width:252px;max-width:252px;max-height:calc(100vh - 120px);padding:0;position:sticky;top:142px;overflow:hidden auto;box-shadow:0 22px 54px #10182817,inset 0 1px #ffffffe6}.kategori-shell .filter-sidebar::-webkit-scrollbar{width:8px}.kategori-shell .filter-sidebar::-webkit-scrollbar-thumb{background:#c5ccd8;border-radius:999px}.kategori-shell .filter-title{color:#101828;border-bottom:1px solid #f35f362e;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:18px 20px 16px;font-size:15px;font-weight:900;line-height:1.4;display:flex;position:relative}.kategori-shell .filter-title span{font-size:18px;font-weight:800}.kategori-shell .filter-title button{color:#d92d20;cursor:pointer;background:#fff5f5;border:1px solid #fda29b;border-radius:11px;place-items:center;width:34px;height:34px;padding:0;font-size:22px;line-height:1;display:grid}.kategori-shell .filter-block{border-bottom:1px solid #f35f3629;padding:18px 20px}.kategori-shell .filter-block:last-child{border-bottom:0}.kategori-shell .filter-block h3{color:#101828;letter-spacing:.035em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 13px;font-size:12px;font-weight:950;display:flex}.kategori-shell .filter-block h3:after{content:"";background:linear-gradient(90deg,#f35f3647,#0000);flex:1;height:1px}.kategori-shell .check-list{gap:7px;max-height:238px;padding-right:2px;display:grid;overflow:auto}.kategori-shell .fake-check{color:#526071;cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;min-height:34px;margin:0;padding:7px 8px;font-size:13px;font-weight:750;transition:background-color .18s,border-color .18s,color .18s;display:flex;position:relative}.kategori-shell .fake-check:hover{color:#101828;background:#fff6efb8;border-color:#f35f3638}.kategori-shell .fake-check input{appearance:none;cursor:pointer;background:#fff;border:1.5px solid #c8d0dc;border-radius:6px;flex:none;width:17px;height:17px;margin:0;position:relative;box-shadow:inset 0 1px 1px #1018280d}.kategori-shell .fake-check input:checked{border-color:var(--brand);background:linear-gradient(135deg,var(--brand),#d84b28);box-shadow:0 8px 18px #f35f3638,inset 0 0 0 2px #fff}.kategori-shell .fake-check input:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.kategori-shell .fake-check input:checked+span{color:#101828;font-weight:850}.kategori-shell .price-range-row{align-items:center;gap:8px;display:flex}.kategori-shell .price-range-row input{border:1px solid #d8dde7;border-radius:10px;outline:0;width:100%;min-width:0;height:38px;padding:0 10px;font-size:13px}.kategori-shell .price-range-row input:focus{border-color:var(--brand)}.kategori-shell .price-range-row span{color:#98a2b3;font-weight:800}.kategori-shell .switch-row{color:#3f4b5d;cursor:pointer;background:#f6f8fbdb;border:1px solid #1018280d;border-radius:13px;min-height:42px;margin:0 0 8px;padding:8px 10px 8px 12px;font-size:12.5px;font-weight:850;transition:background-color .18s,border-color .18s,color .18s,transform .18s}.kategori-shell .switch-row:last-child{margin-bottom:0}.kategori-shell .switch-row:hover{background:#fff8eff0;border-color:#f35f3642;transform:translate(2px)}.kategori-shell .switch-row.text-\[\#f35f36\]{color:var(--brand);background:linear-gradient(135deg,#fff2ed,#fff8ea);border-color:#f35f3642}.kategori-shell .switch-toggle-bg{background:#dfe4ea;border:1px solid #10182814;width:42px;height:24px;box-shadow:inset 0 1px 2px #10182824}.kategori-shell .switch-toggle-bg.bg-\[\#f35f36\]{background:linear-gradient(135deg,var(--brand),#d84b28);border-color:#f35f365c;box-shadow:0 8px 18px #f35f363d}.kategori-shell .switch-circle{width:16px;height:16px;top:3px;left:3px;box-shadow:0 2px 7px #1018283d}.kategori-shell .switch-circle.translate-x-4{transform:translate(18px)}.kategori-shell .filter-apply-sticky{z-index:5;background:#fff;border:1px solid #e4e7ee;border-radius:16px;margin-top:12px;padding:12px;position:sticky;bottom:16px;box-shadow:0 10px 30px #1018281f}.kategori-shell .filter-apply-btn{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:10px;width:100%;height:42px;font-size:14px;font-weight:900}.kategori-shell .filter-apply-btn:hover{background:#d84b28}.kategori-shell .mobile-filter-trigger,.kategori-shell .mobile-filters-backdrop{display:none}:root[data-theme=dark] .kategori-shell .filter-apply-sticky,:root[data-theme=dark] .kategori-shell .filter-sidebar{background:linear-gradient(#131c2efa,#0b1220fa);border-color:#f35f3647;box-shadow:0 24px 58px #00000047}:root[data-theme=dark] .kategori-shell .filter-block h3,:root[data-theme=dark] .kategori-shell .filter-title{color:#f7f1e4}:root[data-theme=dark] .kategori-shell .filter-block{border-color:#ffffff1a}:root[data-theme=dark] .kategori-shell .fake-check,:root[data-theme=dark] .kategori-shell .switch-row{color:#cbd3e3}:root[data-theme=dark] .kategori-shell .switch-row{background:#ffffff0b;border-color:#ffffff14}:root[data-theme=dark] .kategori-shell .fake-check:hover,:root[data-theme=dark] .kategori-shell .switch-row:hover{background:#f35f361a}@media (max-width:1060px){.listing-layout{grid-template-columns:1fr}.kategori-shell .filter-sidebar{width:auto;max-width:none}}@media (max-width:760px){.kategori-shell .filter-sidebar-wrap{display:contents}.kategori-shell .filter-sidebar{top:auto;right:10px;bottom:max(86px,calc(env(safe-area-inset-bottom) + 78px));z-index:230;border-radius:24px;width:auto;max-width:none;max-height:min(78vh,680px);transition:transform .25s;display:block;position:fixed;left:10px;overflow:auto;transform:translateY(105%)}body.mobile-filters-open .kategori-shell .filter-sidebar{transform:translateY(0)}.kategori-shell .filter-title{min-height:58px;padding:16px 18px}.kategori-shell .filter-block{padding:16px 18px}.kategori-shell .mobile-filter-trigger{color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:8px;height:44px;margin-bottom:14px;padding:0 18px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 10px 24px #10182814}.kategori-shell .mobile-filter-trigger b{background:var(--brand);color:#fff;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 4px;font-size:11px;font-weight:900;display:inline-grid}.kategori-shell .mobile-filters-backdrop{z-index:220;opacity:0;pointer-events:none;background:#0f172a6b;transition:opacity .22s;display:block;position:fixed;inset:0}body.mobile-filters-open .kategori-shell .mobile-filters-backdrop{opacity:1;pointer-events:auto}.kategori-shell .filter-apply-sticky{display:none}}.content-toolbar input{border:1px solid #d8dde7;border-radius:10px;outline:0;width:100%;height:38px;padding:0 12px}.content-toolbar small{color:#667085;display:block}.toolbar-actions{align-items:center;gap:10px;display:flex}.toolbar-actions input{width:260px}@media (max-width:760px){.content-toolbar{display:grid}.toolbar-actions input{width:100%}.category-listing-toolbar .toolbar-actions{display:grid}}.toolbar-actions select{background:#fff;border:1px solid #d8dde7;border-radius:10px;min-width:220px;height:38px;padding:0 10px}.content-toolbar{background:#fff;border:1px solid #e5e7ee;border-radius:12px;grid-template-columns:1fr auto;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:14px;display:flex}.content-toolbar h2{margin:0 0 6px;font-size:14px;font-weight:700}.content-toolbar p{color:#667085;margin:0;font-size:12px}.category-listing-toolbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.category-listing-toolbar>[data-toolbar-title]{text-align:left;color:#1f2937;justify-self:start;font-size:18px;font-weight:650}.category-listing-toolbar .toolbar-actions{margin-left:auto}@media (max-width:1060px){.category-listing-toolbar{grid-template-columns:1fr;display:grid}.category-listing-toolbar .toolbar-actions{justify-self:stretch;margin-left:0}}.content-toolbar strong{color:#101828;display:block}@media (max-width:760px){.category-listing-toolbar{grid-template-columns:1fr;gap:12px;display:grid}.toolbar-actions{grid-template-columns:1fr 1fr;gap:10px}.toolbar-actions input,.toolbar-actions select{width:100%}.content-toolbar.category-listing-toolbar{grid-template-columns:1fr 1fr;align-items:center;gap:10px;display:grid;grid-template-columns:1fr 1fr!important}.content-toolbar.category-listing-toolbar>strong,.toolbar-actions{display:none!important}}@media (max-width:520px){.toolbar-actions{grid-template-columns:1fr}}[data-toolbar-title]{color:#101828}[data-result-count]{font-weight:800}.kategori-shell .active-filter-chips{flex-wrap:wrap;gap:8px;margin:-4px 0 16px;display:flex}.kategori-shell .active-filter-chip{color:var(--brand);cursor:pointer;background:#fff5f1;border:1px solid #f35f3647;border-radius:999px;align-items:center;gap:6px;padding:7px 10px 7px 12px;font-size:13px;font-weight:800;display:inline-flex}.kategori-shell .active-filter-chip:hover{background:#ffe7dd}.catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}@media (max-width:1280px){.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1060px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (max-width:760px){.catalog-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.similar-products-section .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}}@media (max-width:480px){.catalog-grid{grid-template-columns:1fr!important}.similar-products-section .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}}.sports-category-page{min-height:100vh;background:radial-gradient(circle at 12% 6%,#f35f3614,#0000 34%),radial-gradient(circle at 84% 12%,#f35f361f,#0000 30%),linear-gradient(#f8fafc 0,#f3f6fb 46%,#f8fafc 100%)!important}.sports-category-page .breadcrumb span{font-weight:850;color:var(--gold-dark)!important}.sports-category-page .listing-section{padding:28px 0 70px!important}.sports-category-page .listing-layout{align-items:start;grid-template-columns:252px minmax(0,1fr)!important;gap:22px!important}.sports-category-page .listing-content{min-width:0}.sports-category-page .category-listing-toolbar{min-height:74px;background:linear-gradient(135deg,#fffffffc,#fffaf3f2)!important;border:1px solid #f35f3638!important;border-radius:20px!important;padding:16px 16px 16px 18px!important;box-shadow:0 18px 48px #10182812,inset 0 1px #ffffffe6!important}.sports-category-page .toolbar-title-stack{gap:4px;padding-left:18px;display:grid;position:relative}.sports-category-page .toolbar-title-stack:before{content:"";background:linear-gradient(135deg,var(--gold),var(--brand));border-radius:999px;width:9px;height:9px;position:absolute;top:5px;left:0;box-shadow:0 0 0 6px #f35f3621}.sports-category-page .toolbar-title-stack strong{color:#101828;letter-spacing:-.015em;font-size:19px;font-weight:950}.sports-category-page .toolbar-title-stack small{color:#667085;font-size:12.5px;font-weight:750}.sports-category-page .toolbar-actions{justify-content:flex-end;gap:10px!important;display:flex!important}.sports-category-page .toolbar-actions select{color:#101828;min-width:248px;font-weight:850;box-shadow:0 10px 24px #1018280e;background:linear-gradient(#fffffffa,#f8fafcf2)!important;border:1px solid #f35f3657!important;border-radius:16px!important;height:46px!important}.sports-category-page .catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}:root[data-theme=dark] .sports-category-page{background:radial-gradient(circle at 12% 6%,#f35f3617,#0000 34%),radial-gradient(circle at 84% 12%,#f35f361a,#0000 30%),linear-gradient(#0b1220 0,#101827 48%,#0b1220 100%)!important}:root[data-theme=dark] .sports-category-page .category-listing-toolbar,:root[data-theme=dark] .sports-category-page .slim-listing-head{background:linear-gradient(#131c2ef5,#0b1220f5)!important;border-color:#f35f3638!important}:root[data-theme=dark] .sports-category-page .toolbar-title-stack small{color:#ffb199!important}:root[data-theme=dark] .sports-category-page .toolbar-actions select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fafc!important;background:linear-gradient(#141e30fa,#0b1220fa)!important}:root[data-theme=dark] .sports-category-page .toolbar-actions select option{font-weight:800;color:#f8fafc!important;background:#111827!important}:root[data-theme=dark] .sports-category-page .toolbar-actions select option:checked{color:#08111f!important;background:#f35f36!important}@media (max-width:1280px){.sports-category-page .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (max-width:1060px){.sports-category-page .listing-layout{grid-template-columns:1fr!important}}@media (max-width:760px){.sports-category-page .listing-section{padding-top:18px!important;padding-bottom:38px!important}.sports-category-page .category-listing-toolbar{min-height:0;border-radius:18px!important;grid-template-columns:1fr!important;padding:14px!important}.sports-category-page .toolbar-actions{grid-template-columns:1fr!important;display:grid!important}.sports-category-page .toolbar-actions input,.sports-category-page .toolbar-actions select{width:100%!important}.sports-category-page .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}}@media (max-width:440px){.sports-category-page .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}}.sports-category-page .slim-listing-head{position:relative;background:linear-gradient(#fffffff5,#fffbf6eb)!important;border-bottom:1px solid #f35f362e!important;padding:16px 0 14px!important;overflow:visible!important}.sports-category-page .slim-listing-head:before{content:"";filter:blur(12px);pointer-events:none;background:linear-gradient(90deg,#f35f3624,#f35f3629,#0000);border-radius:999px;height:132px;position:absolute;inset:auto -8% -42px 36%;display:none!important}.sports-category-page .listing-head-inner.slim{justify-content:space-between;align-items:center;gap:18px;position:relative;display:flex!important}.sports-category-page .breadcrumb{flex:none;margin:0!important;font-size:13px!important}:root[data-theme=dark] .sports-category-page .slim-listing-head{background:linear-gradient(#0d1422fa,#111928f0)!important}@media (max-width:760px){.sports-category-page .slim-listing-head{padding:12px 0 10px!important}.sports-category-page .listing-head-inner.slim{gap:8px;display:grid!important}}.listing-head .breadcrumb,.listing-head .breadcrumb a,.listing-head .breadcrumb span,.sports-category-page .breadcrumb,.sports-category-page .breadcrumb a,.sports-category-page .breadcrumb span{color:#d84b28!important;font-weight:750!important}.listing-head .breadcrumb a:hover,.sports-category-page .breadcrumb a:hover{color:var(--gold-dark)!important}:root[data-theme=dark] .listing-head .breadcrumb,:root[data-theme=dark] .listing-head .breadcrumb a,:root[data-theme=dark] .listing-head .breadcrumb span,:root[data-theme=dark] .sports-category-page .breadcrumb,:root[data-theme=dark] .sports-category-page .breadcrumb a,:root[data-theme=dark] .sports-category-page .breadcrumb span{color:#ffb199!important}