.ssf{--ssf-navy:#0e3750;--ssf-navy-2:#164a6a;--ssf-blue:#659ed4;--ssf-blue-dark:#3f7fbd;--ssf-ice:#eef4f9;--ssf-line:#d9e3ec;--ssf-text:#1b2a36;--ssf-muted:#5f7180;--ssf-card:#ffffff;--ssf-sale:#c8412f;--ssf-radius:10px;--ssf-font:"Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;font-family:var(--ssf-font);color:var(--ssf-text);box-sizing:border-box;max-width:1400px;margin:0 auto;padding:24px 0 64px}.ssf *,.ssf *::before,.ssf *::after{box-sizing:inherit}.ssf button,.ssf input,.ssf select{font-family:inherit}.ssf-top{display:grid;grid-template-columns:1fr minmax(0,420px) auto;gap:12px 16px;align-items:end;margin-bottom:16px}.ssf-heading{min-width:0}.ssf-heading h2{margin:0;font-size:28px;line-height:1.15;font-weight:600;color:var(--ssf-navy);letter-spacing:0;text-transform:none}.ssf-count{margin:4px 0 0;font-size:14px;color:var(--ssf-muted);font-variant-numeric:tabular-nums}.ssf-search{position:relative}.ssf-search svg{position:absolute;left:14px;top:50%;translate:0 -50%;width:18px;height:18px;fill:var(--ssf-muted);pointer-events:none}.ssf .ssf-search input{width:100%;height:46px;margin:0;padding:0 14px 0 42px;border:1px solid var(--ssf-line);border-radius:8px;background:#fff;font-size:16px;color:var(--ssf-text);box-shadow:none}.ssf .ssf-search input:focus{outline:2px solid var(--ssf-blue);outline-offset:0;border-color:var(--ssf-blue)}.ssf-sort{display:flex;align-items:center;gap:8px}.ssf-sort label{font-size:14px;color:var(--ssf-muted);white-space:nowrap}.ssf .ssf-sort select{height:46px;margin:0;padding:0 36px 0 12px;border:1px solid var(--ssf-line);border-radius:8px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%230e3750' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 12px center;appearance:none;font-size:15px;color:var(--ssf-text);cursor:pointer}.ssf-quick{display:flex;gap:4px;overflow-x:auto;padding:4px 2px 14px;margin:0 0 12px;border-bottom:1px solid var(--ssf-line);scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.ssf .ssf-tile{flex:none;width:100px;display:flex;flex-direction:column;align-items:center;gap:8px;margin:0;padding:4px 2px;border:0;background:none;color:var(--ssf-text);text-transform:none;letter-spacing:0;cursor:pointer;scroll-snap-align:start}.ssf-tile-img{width:76px;height:76px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#fff;border:1px solid var(--ssf-line);transition:border-color .15s,box-shadow .15s}.ssf-tile-img img{width:100%;height:100%;object-fit:contain;padding:8px;transition:scale .2s}.ssf-tile-img b{font-size:28px;font-weight:600;color:var(--ssf-blue-dark)}.ssf-tile-img--all{background:var(--ssf-ice)}.ssf-tile-img svg{width:30px;height:30px;fill:var(--ssf-navy)}.ssf-tile-name{font-size:13px;font-weight:500;line-height:1.25;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ssf .ssf-tile:hover .ssf-tile-img{border-color:var(--ssf-blue)}.ssf .ssf-tile:hover .ssf-tile-img img{scale:1.06}.ssf .ssf-tile[aria-pressed="true"] .ssf-tile-img{border:2px solid var(--ssf-navy);box-shadow:0 0 0 3px var(--ssf-ice)}.ssf .ssf-tile[aria-pressed="true"] .ssf-tile-name{color:var(--ssf-navy);font-weight:600}.ssf .ssf-tile:focus-visible{outline:2px solid var(--ssf-blue);outline-offset:2px;border-radius:8px}@media (max-width:560px){.ssf .ssf-tile{width:80px}.ssf-tile-img{width:62px;height:62px}.ssf-tile-name{font-size:12px}}.ssf .ssf-chip{flex:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;margin:0;border:1px solid var(--ssf-line);border-radius:999px;background:#fff;color:var(--ssf-navy);font-size:14px;font-weight:500;line-height:1;text-transform:none;letter-spacing:0;cursor:pointer;white-space:nowrap}.ssf .ssf-chip:hover{border-color:var(--ssf-blue)}.ssf .ssf-chip[aria-pressed="true"]{background:var(--ssf-navy);border-color:var(--ssf-navy);color:#fff}.ssf .ssf-chip:focus-visible{outline:2px solid var(--ssf-blue);outline-offset:2px}.ssf-layout{display:grid;grid-template-columns:264px minmax(0,1fr);gap:32px;align-items:start}.ssf-panel{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto;padding-right:4px;scrollbar-width:thin}.ssf-panel-head{display:none}.ssf-group{padding:16px 0;border-top:1px solid var(--ssf-line)}.ssf-group:first-of-type{border-top:0;padding-top:0}.ssf-group h3{margin:0 0 10px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ssf-navy)}.ssf-tree,.ssf-tree ul{list-style:none;margin:0;padding:0}.ssf-tree ul{padding-left:14px;margin:2px 0 4px;border-left:1px solid var(--ssf-line);margin-left:9px}.ssf-tree li{margin:0;padding:0}.ssf-row{display:flex;align-items:center;gap:2px}.ssf .ssf-cat{flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:34px;margin:0;padding:4px 8px;border:0;border-radius:6px;background:none;color:var(--ssf-text);font-size:15px;font-weight:400;text-align:left;text-transform:none;letter-spacing:0;line-height:1.3;cursor:pointer}.ssf .ssf-cat:hover{background:var(--ssf-ice)}.ssf .ssf-cat[aria-current="true"]{background:var(--ssf-ice);color:var(--ssf-navy);font-weight:600}.ssf .ssf-cat[disabled]{opacity:.45;cursor:default;background:none}.ssf-cat span:first-child{overflow:hidden;text-overflow:ellipsis}.ssf-cat .ssf-n{flex:none;font-size:12px;color:var(--ssf-muted);font-variant-numeric:tabular-nums;font-weight:400}.ssf .ssf-toggle{flex:none;width:28px;height:28px;margin:0;padding:0;border:0;border-radius:6px;background:none;cursor:pointer;display:grid;place-items:center}.ssf .ssf-toggle:hover{background:var(--ssf-ice)}.ssf-toggle svg{width:12px;height:12px;fill:none;stroke:var(--ssf-navy);stroke-width:2;transition:rotate .15s}.ssf-toggle[aria-expanded="true"] svg{rotate:90deg}.ssf-toggle-spacer{flex:none;width:28px}.ssf .ssf-cat:focus-visible,.ssf .ssf-toggle:focus-visible{outline:2px solid var(--ssf-blue);outline-offset:-2px}.ssf-price-presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.ssf .ssf-price-presets .ssf-chip{height:32px;padding:0 12px;font-size:13px}.ssf-price-inputs{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}.ssf-price-inputs span{color:var(--ssf-muted)}.ssf .ssf-price-inputs input{width:100%;height:40px;margin:0;padding:0 10px;border:1px solid var(--ssf-line);border-radius:6px;background:#fff;font-size:15px;color:var(--ssf-text);font-variant-numeric:tabular-nums}.ssf .ssf-price-inputs input:focus{outline:2px solid var(--ssf-blue);border-color:var(--ssf-blue)}.ssf-price-hint{margin:6px 0 0;font-size:12px;color:var(--ssf-muted)}.ssf-switch{display:flex;align-items:center;gap:10px;font-size:15px;cursor:pointer}.ssf .ssf-switch input{width:18px;height:18px;margin:0;accent-color:var(--ssf-navy)}.ssf-active{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}.ssf-active:empty{display:none}.ssf .ssf-pill{display:inline-flex;align-items:center;gap:6px;height:32px;margin:0;padding:0 10px 0 12px;border:0;border-radius:999px;background:var(--ssf-ice);color:var(--ssf-navy);font-size:13px;font-weight:500;text-transform:none;letter-spacing:0;cursor:pointer}.ssf .ssf-pill:hover{background:#dce8f3}.ssf-pill svg{width:10px;height:10px;stroke:currentColor;stroke-width:2}.ssf .ssf-clear{margin:0;padding:0 4px;border:0;background:none;color:var(--ssf-blue-dark);font-size:13px;text-decoration:underline;cursor:pointer;text-transform:none;letter-spacing:0}.ssf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;transition:opacity .15s}.ssf-grid[aria-busy="true"]{opacity:.5}.ssf-card{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--ssf-card);border:1px solid var(--ssf-line);border-radius:var(--ssf-radius);overflow:hidden;transition:border-color .15s,box-shadow .15s}.ssf-card:hover{border-color:#b9cde0;box-shadow:0 6px 20px rgb(14 55 80 / .08)}.ssf-media{display:block;aspect-ratio:1;max-width:100%;padding:14px;background:#fff}.ssf-media img{width:100%;height:100%;object-fit:contain;transition:scale .25s}.ssf-card:hover .ssf-media img{scale:1.04}.ssf-media--empty{display:grid;place-items:center;background:var(--ssf-ice)}.ssf-media--empty svg{width:40%;fill:#c3d4e3}.ssf-badge{position:absolute;top:10px;left:10px;padding:4px 8px;border-radius:4px;background:var(--ssf-sale);color:#fff;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.ssf-body{flex:1;display:flex;flex-direction:column;gap:4px;padding:4px 14px 14px}.ssf-cat-label{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ssf-blue-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ssf .ssf-title{margin:0;font-size:16px;font-weight:500;line-height:1.3;letter-spacing:0;text-transform:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.ssf .ssf-title a{color:var(--ssf-text);text-decoration:none}.ssf .ssf-title a:hover{color:var(--ssf-blue-dark)}.ssf .ssf-title a::after{content:"";position:absolute;inset:0;z-index:1}.ssf-desc{margin:0;font-size:13px;line-height:1.4;color:var(--ssf-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}.ssf-foot{margin-top:auto;padding-top:10px;display:flex;flex-direction:column;gap:10px}.ssf-price{font-size:20px;font-weight:600;color:var(--ssf-navy);font-variant-numeric:tabular-nums;line-height:1.2}.ssf-price small{font-size:13px;font-weight:400;color:var(--ssf-muted);margin-right:2px}.ssf-price del{font-size:14px;font-weight:400;color:var(--ssf-muted);margin-left:6px}.ssf-price ins{text-decoration:none;color:var(--ssf-sale)}.ssf .ssf-buy,.ssf .ssf-buy.button{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:42px;margin:0;padding:0 12px;border:0;border-radius:8px;background:var(--ssf-blue)!important;color:#fff!important;font-size:14px;font-weight:500;line-height:1;letter-spacing:0;text-transform:none;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .15s}.ssf .ssf-buy:hover{background:var(--ssf-blue-dark)!important}.ssf .ssf-buy--alt{background:#fff!important;color:var(--ssf-navy)!important;box-shadow:inset 0 0 0 1px var(--ssf-navy)}.ssf .ssf-buy--alt:hover{background:var(--ssf-navy)!important;color:#fff!important}.ssf-buy svg{width:16px;height:16px;fill:currentColor;flex:none}.ssf .ssf-buy.loading{opacity:.6;pointer-events:none}.ssf .ssf-buy.added::after{content:" ✓"}.ssf .ssf-card .added_to_cart{display:none}.ssf-empty{grid-column:1 / -1;padding:48px 24px;text-align:center;border:1px dashed var(--ssf-line);border-radius:var(--ssf-radius);color:var(--ssf-muted)}.ssf-empty strong{display:block;margin-bottom:6px;font-size:18px;color:var(--ssf-navy)}.ssf-more{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:32px}.ssf-more p{margin:0;font-size:14px;color:var(--ssf-muted);font-variant-numeric:tabular-nums}.ssf-progress{width:200px;height:3px;border-radius:2px;background:var(--ssf-line);overflow:hidden}.ssf-progress i{display:block;height:100%;background:var(--ssf-navy)}.ssf .ssf-more button{height:46px;margin:0;padding:0 28px;border:1px solid var(--ssf-navy);border-radius:8px;background:#fff;color:var(--ssf-navy);font-size:15px;font-weight:500;text-transform:none;letter-spacing:0;cursor:pointer}.ssf .ssf-more button:hover{background:var(--ssf-navy);color:#fff}.ssf-skel{border:1px solid var(--ssf-line);border-radius:var(--ssf-radius);background:#fff;padding:14px}.ssf-skel i{display:block;border-radius:6px;background:linear-gradient(90deg,#eef3f7 0,#f7fafc 50%,#eef3f7 100%);background-size:200% 100%;animation:ssf-shimmer 1.2s infinite linear}.ssf-skel i:first-child{aspect-ratio:1;margin-bottom:12px}.ssf-skel i+i{height:14px;margin-top:8px}.ssf-skel i:last-child{height:42px;margin-top:16px}@keyframes ssf-shimmer{to{background-position:-200% 0}}.ssf-filter-btn{display:none}.ssf-backdrop{display:none}@media (max-width:960px){.ssf{padding-top:16px}.ssf-top{grid-template-columns:1fr auto}.ssf-heading{grid-column:1 / -1}.ssf-search{grid-column:1 / -1}.ssf-layout{grid-template-columns:minmax(0,1fr);gap:0}.ssf .ssf-filter-btn{display:inline-flex;align-items:center;gap:8px;height:46px;margin:0;padding:0 16px;border:1px solid var(--ssf-navy);border-radius:8px;background:var(--ssf-navy);color:#fff;font-size:15px;font-weight:500;text-transform:none;letter-spacing:0;cursor:pointer}.ssf-filter-btn svg{width:18px;height:18px;fill:currentColor}.ssf-filter-btn b{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--ssf-blue);font-size:12px;display:inline-grid;place-items:center}.ssf-filter-btn b:empty{display:none}.ssf-sort label{display:none}.ssf-sort select{max-width:52vw}.ssf-panel{position:fixed;inset:auto 0 0 0;z-index:100001;max-height:88vh;padding:0 max(20px, env(safe-area-inset-left, 0px)) calc(96px + env(safe-area-inset-bottom, 0px)) max(20px, env(safe-area-inset-right, 0px));background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -10px 40px rgb(0 0 0 / .2);translate:0 105%;transition:translate .25s ease;visibility:hidden}.ssf.is-open .ssf-panel{translate:0 0;visibility:visible}.ssf-panel-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;margin:0 -20px 8px;padding:16px 20px;background:#fff;border-bottom:1px solid var(--ssf-line)}.ssf-panel-head strong{font-size:18px;color:var(--ssf-navy)}.ssf .ssf-close{width:36px;height:36px;margin:0;padding:0;border:0;border-radius:50%;background:var(--ssf-ice);cursor:pointer;display:grid;place-items:center}.ssf-close svg{width:14px;height:14px;stroke:var(--ssf-navy);stroke-width:2}.ssf-panel-foot{position:fixed;left:0;right:0;bottom:0;display:flex;gap:10px;padding:12px max(20px, env(safe-area-inset-right, 0px)) calc(12px + env(safe-area-inset-bottom, 0px)) max(20px, env(safe-area-inset-left, 0px));background:#fff;border-top:1px solid var(--ssf-line)}.ssf .ssf-panel-foot button{flex:1;height:48px;margin:0;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;text-transform:none;letter-spacing:0}.ssf .ssf-panel-foot .ssf-reset{flex:0 0 auto;padding:0 18px;border:1px solid var(--ssf-line);background:#fff;color:var(--ssf-navy)}.ssf .ssf-panel-foot .ssf-apply{border:0;background:var(--ssf-navy);color:#fff}.ssf.is-open .ssf-backdrop{display:block;position:fixed;inset:0;z-index:100000;background:rgb(14 55 80 / .45)}.ssf .ssf-cat{min-height:42px;font-size:16px}}@media (min-width:961px){.ssf-panel-foot{display:none}}@media (max-width:560px){.ssf-heading h2{font-size:24px}.ssf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ssf-media{padding:8px}.ssf-body{padding:2px 10px 10px}.ssf .ssf-title{font-size:14px}.ssf-desc{display:none}.ssf-price{font-size:17px}.ssf .ssf-buy,.ssf .ssf-buy.button{height:40px;font-size:13px;padding:0 8px}.ssf-buy span{overflow:hidden;text-overflow:ellipsis}}@media (prefers-reduced-motion:reduce){.ssf *,.ssf *::before,.ssf *::after{transition:none!important;animation:none!important}}.ssf-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom, 0px));z-index:100002;translate:-50% 20px;opacity:0;pointer-events:none;padding:12px 18px;border-radius:8px;background:var(--ssf-navy);color:#fff;font-size:14px;transition:opacity .2s,translate .2s}.ssf-toast.show{opacity:1;translate:-50% 0}.ssf .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}