.sp-grid{--sp-accent: var(--primary, #00A987);--sp-accent-2: #00D7AE;--sp-accent-rgb: 0, 169, 135;--sp-ink: #041815;--sp-deep: #072720;--sp-text: #0b1f1a;--sp-muted: #5b6b66;--sp-ease: cubic-bezier(.16, 1, .3, 1)}.sp-layout{--sp-accent: var(--primary, #00A987);--sp-accent-2: #00D7AE;--sp-accent-rgb: 0, 169, 135;--sp-ink: #041815;--sp-text: #0b1f1a;--sp-muted: #5b6b66;display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;align-items:start}.sp-main{min-width:0;min-height:calc(100vh - var(--header-space, 96px) - 24px)}.sp-side{position:sticky;top:calc(var(--header-space, 96px) + 12px);display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - var(--header-space, 96px) - 24px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:12px;border:1px solid rgba(var(--sp-accent-rgb),.16);border-radius:18px;background:#f7fcfb}.sp-side[hidden]{display:none}.sp-side__label{margin:4px 4px 0;font-size:.7rem;font-weight:800;letter-spacing:.08em;color:var(--sp-muted)}.sp-search{display:flex;align-items:center;gap:6px;min-height:38px;padding:0 10px;border:1px solid rgba(var(--sp-accent-rgb),.2);border-radius:10px;background:#fff;color:var(--sp-muted)}.sp-ico{width:16px;height:16px;flex:0 0 auto}.sp-search:focus-within{border-color:var(--sp-accent);color:var(--sp-accent)}.sp-search input{flex:1 1 auto;min-width:0;border:0;outline:0;background:transparent;color:var(--sp-text);font:inherit;font-size:.85rem}.sp-tabs{display:flex;flex-direction:column;gap:2px}.sp-tab{display:flex;align-items:center;gap:8px;min-height:32px;padding:0 8px;border:0;border-radius:10px;background:transparent;color:var(--sp-text);font:inherit;font-size:.84rem;font-weight:600;text-align:left;cursor:pointer;transition:background .2s,color .2s}.sp-tab span{flex:1 1 auto}.sp-tab em{min-width:22px;padding:1px 6px;border-radius:99px;background:rgba(var(--sp-accent-rgb),.1);color:var(--sp-muted);font-size:.7rem;font-style:normal;text-align:center}.sp-tab .sp-ico{width:16px;height:16px;color:var(--sp-accent)}.sp-tab:hover{background:rgba(var(--sp-accent-rgb),.08)}.sp-tab:focus-visible{outline:2px solid var(--sp-accent);outline-offset:1px}.sp-tab.is-active{background:var(--sp-ink);color:#fff}.sp-tab.is-active .sp-ico{color:var(--sp-accent-2)}.sp-tab.is-active em{background:#ffffff26;color:#fff}.sp-sort{display:flex;flex-direction:column;gap:4px;padding-top:10px;border-top:1px dashed rgba(var(--sp-accent-rgb),.25);font-size:.7rem;font-weight:800;letter-spacing:.04em;color:var(--sp-muted)}.sp-sort select{min-height:36px;padding:0 8px;border:1px solid rgba(var(--sp-accent-rgb),.2);border-radius:10px;background:#fff;color:var(--sp-text);font:inherit;font-size:.84rem;font-weight:600;letter-spacing:0;cursor:pointer}.sp-count{margin:0 2px 12px;font-size:.82rem;color:var(--sp-muted)}.sp-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:3rem 1rem;border:1px dashed rgba(var(--sp-accent-rgb),.35);border-radius:22px;color:var(--sp-muted)}.sp-empty p{margin:0}.sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.sp-card{position:relative;display:flex;flex-direction:column;border:1px solid rgba(var(--sp-accent-rgb),.14);border-radius:22px;background:#fff;overflow:hidden;transition:transform .45s var(--sp-ease),box-shadow .45s var(--sp-ease),border-color .3s;animation:spIn .6s var(--sp-ease) both;animation-delay:calc(var(--i, 0) * 40ms)}@keyframes spIn{0%{opacity:0;transform:translateY(16px)}}.sp-card:hover{transform:translateY(-6px);border-color:rgba(var(--sp-accent-rgb),.45);box-shadow:0 26px 50px -26px #04181573}.sp-media{position:relative;display:grid;place-items:center;aspect-ratio:1 / .82;padding:44px 22px 16px;background:radial-gradient(60% 50% at 50% 62%,rgba(var(--sp-accent-rgb),.16),transparent 70%),linear-gradient(180deg,#f4fbf9,#e7f5f1)}.sp-media:after{content:"";position:absolute;left:22%;right:22%;bottom:14px;height:14px;border-radius:50%;background:radial-gradient(closest-side,rgba(4,24,21,.22),transparent)}.sp-media img{position:absolute;z-index:1;inset:44px 22px 26px;width:calc(100% - 44px);height:calc(100% - 70px);max-width:none;object-fit:contain;opacity:0;transition:transform .6s var(--sp-ease),opacity .35s ease}.sp-media img.is-ready{opacity:1}.sp-card:hover .sp-media img{transform:scale(1.07) rotate(-2deg)}.sp-noimg{font-size:.85rem;color:#9ca3af}.sp-type{position:absolute;z-index:2;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;background:var(--sp-ink);color:var(--sp-accent-2);font-size:.68rem;font-weight:800;letter-spacing:.08em}.sp-type .sp-ico{width:14px;height:14px;flex:0 0 auto}.sp-fit{position:absolute;z-index:2;top:12px;right:12px;padding:5px 10px;border:1px solid rgba(var(--sp-accent-rgb),.35);border-radius:99px;background:#fff;color:var(--primary-dark, #007E66);font-size:.7rem;font-weight:800}.sp-body{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;padding:16px}.sp-name{margin:0;font-size:1.02rem;font-weight:800;line-height:1.35;color:var(--sp-text)}.sp-tagline{margin:0;font-size:.84rem;color:var(--sp-muted)}.sp-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px}.sp-tag{position:relative;display:flex;align-items:baseline;gap:4px;margin:0;padding:6px 12px 6px 22px;background:#f3fbf9;border:1px dashed rgba(var(--sp-accent-rgb),.45);border-radius:6px 10px 10px 6px;clip-path:polygon(10px 0,100% 0,100% 100%,10px 100%,0 50%);color:var(--sp-text)}.sp-tag:before{content:"";position:absolute;left:9px;top:50%;width:6px;height:6px;translate:0 -50%;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px rgba(var(--sp-accent-rgb),.6)}.sp-tag small{font-size:.72rem;color:var(--sp-muted)}.sp-tag b{font-size:1.2rem;font-weight:800;color:var(--sp-accent);font-variant-numeric:tabular-nums}.sp-tag--ask b{font-size:.9rem}.sp-buy{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:99px;background:var(--sp-ink);color:#fff;font-size:.9rem;font-weight:800;text-decoration:none;transition:background .3s,transform .3s var(--sp-ease)}.sp-buy:hover{background:var(--sp-accent);transform:translateY(-2px)}@media(max-width:980px){.sp-layout{grid-template-columns:minmax(0,1fr);gap:12px}.sp-side{min-width:0}.sp-main{min-height:0}.sp-side{max-height:none;overflow:visible;position:static;flex-direction:row;flex-wrap:wrap;gap:8px;padding:10px}.sp-search{flex:1 1 0}.sp-side__label{display:none}.sp-tabs{order:3;flex:1 1 100%;min-width:0;flex-direction:row;gap:6px;overflow-x:auto;scrollbar-width:none}.sp-tabs::-webkit-scrollbar{display:none}.sp-tab{flex:0 0 auto;border:1px solid rgba(var(--sp-accent-rgb),.18);background:#fff}.sp-sort{flex:0 0 auto;padding-top:0;border-top:0}.sp-sort span{display:none}.sp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sp-card{border-radius:18px}.sp-media{padding:40px 12px 12px}.sp-media img{inset:38px 12px 22px;width:calc(100% - 24px);height:calc(100% - 60px)}.sp-type{top:10px;left:10px;padding:4px 8px;font-size:.6rem;letter-spacing:.04em}.sp-type .sp-ico{display:none}.sp-fit{top:auto;bottom:10px;right:10px;font-size:.62rem;padding:3px 8px}.sp-body{padding:12px;gap:6px}.sp-name{font-size:.9rem}.sp-foot{flex-direction:column;align-items:stretch;gap:8px}.sp-tag b{font-size:1.05rem}.sp-buy{min-height:40px}}@media(prefers-reduced-motion:reduce){.sp-card{animation:none}.sp-card:hover,.sp-card:hover .sp-media img{transform:none}}.sp-tag b{color:#00785f}