.stabs{--hs-bg:#123b2a;--hs-text:#fff;--hs-accent:#f4c95d;--hs-festive:#c8102e;background:var(--hs-bg);color:var(--hs-text);padding:56px 0 44px;margin:0}
.stabs__frame{position:relative;border:2px dashed var(--hs-accent);border-radius:var(--r-lg,18px);padding:28px 22px 14px}
.stabs__frame--deco{padding-top:56px}
.stabs__frame--deco:has(.stabs__deco--stocking){padding-top:74px}
.stabs__deco{position:absolute;left:20px;filter:drop-shadow(0 3px 0 rgba(0,0,0,.28))}
.stabs__deco--bow{top:-34px;width:104px;height:72px;fill:var(--hs-festive);transform:rotate(-6deg)}
.stabs__deco--stocking{top:-58px;width:104px;height:136px;transform:rotate(-8deg)}
.stabs__stocking-body{fill:var(--hs-festive)}
.stabs__stocking-patch{fill:var(--hs-accent)}
.stabs__stocking-cuff{fill:#fff}
.stabs__head{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}
.stabs__eyebrow{margin:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:var(--f-body-bold,700);color:var(--hs-accent)}
.stabs__title{margin:0;color:inherit}
.stabs__text{margin:0;opacity:.85;font-size:15px}
.stabs__bar{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-bottom:16px}
.stabs__tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px;min-width:0;max-width:100%}
.stabs__tabs::-webkit-scrollbar{display:none}
.stabs__tab{display:inline-flex;align-items:center;gap:8px;flex:none;white-space:nowrap;min-height:42px;padding:0 16px;border-radius:999px;border:1.5px solid var(--hs-accent);background:transparent;color:inherit;font-weight:var(--f-body-bold,700);font-size:14px;transition:background-color .2s,color .2s}
.stabs__tab:hover{background:rgba(255,255,255,.1)}
.stabs__tab.is-active{background:var(--hs-accent);color:#14181b}
.stabs__ico{width:18px;height:18px;flex:none}
.stabs__all{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-weight:var(--f-body-bold,700);color:var(--hs-accent);border-bottom:1px solid currentColor;padding-bottom:2px}
.stabs__all .icon{width:16px;height:16px}
.stabs__rail{position:relative;min-width:0}
.stabs__track{position:relative;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 0 12px;margin:0;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent)}
.stabs__track::-webkit-scrollbar{display:none}
.stabs__item{position:relative;flex:0 0 clamp(168px,44vw,236px);scroll-snap-align:start;display:flex;flex-direction:column;gap:8px;background:#fff;color:#1a1a1a;border-radius:var(--r,12px);padding:10px;box-shadow:var(--shadow)}
.stabs__item .card{width:100%;flex:1 1 auto;display:flex;flex-direction:column}
.stabs__item .card__body{flex:1 1 auto}
.stabs__item .card__tag:not(.card__tag--right){display:none}
.stabs .stabs__badge{position:absolute;top:18px;left:18px;z-index:2;background:var(--hs-festive);color:#fff}
.stabs__item .card__quick{opacity:1;transform:none;background:var(--hs-festive);color:#fff;border-color:var(--hs-festive);width:100%}
.stabs__item .card__quick:hover{background:var(--hs-festive);filter:brightness(.88)}
.stabs__dots{display:flex;justify-content:center;align-items:center;gap:2px;margin-top:4px}
.stabs__dot{width:20px;height:20px;display:grid;place-items:center;padding:0;border-radius:50%}
.stabs__dot::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.35;transition:transform .2s,opacity .2s,background-color .2s}
.stabs__dot.is-active::before{opacity:1;background:var(--hs-accent);transform:scale(1.3)}
.stabs__arrow{display:none;position:absolute;top:calc(50% - 22px);z-index:3;width:44px;height:44px;border-radius:50%;background:#fff;color:#1a1a1a;box-shadow:0 4px 14px rgba(0,0,0,.28);place-items:center;transition:opacity .2s,transform .2s}
.stabs__arrow .icon{width:18px;height:18px}
.stabs__arrow--prev{left:-16px}
.stabs__arrow--prev .icon{transform:rotate(180deg)}
.stabs__arrow--next{right:-16px}
.stabs__arrow:hover{transform:scale(1.06)}
.stabs__arrow:disabled{opacity:0;pointer-events:none}
@media (min-width:750px){.stabs__arrow{display:grid}.stabs__frame{padding:32px 28px 16px}.stabs__frame--deco{padding-top:60px}}
.stabs__empty{padding:24px;border:1px dashed var(--hs-accent);border-radius:var(--r,12px);opacity:.8}