sst-collection{display:block}.sst-collection{display:flex;flex-direction:column;gap:clamp(24px,2.8vw,36px)}.sst-collection__bar{display:flex;flex-direction:column;gap:var(--sst-space-4);padding:18px 0}.sst-collection__filters{display:flex;flex-wrap:wrap;gap:var(--sst-space-1) var(--sst-space-8)}.sst-collection__meta{display:flex;flex:none;align-items:center;justify-content:space-between;gap:var(--sst-space-4);font-size:14px;color:var(--sst-color-text-muted)}.sst-collection__count{white-space:nowrap}.sst-collection__sort{display:flex;align-items:center;gap:10px}.sst-collection__select{position:relative;display:flex;align-items:center}.sst-collection__select select{height:40px;padding:0 40px 0 16px;border:1.5px solid var(--sst-color-line-strong);border-radius:var(--sst-radius-pill);background:transparent;font:var(--sst-fw-semibold) 14px var(--sst-font-body);color:var(--sst-color-ink);-webkit-appearance:none;appearance:none;cursor:pointer}.sst-collection__select select:hover{border-color:var(--sst-color-ink)}.sst-collection__select .sst-icon{position:absolute;right:16px;color:var(--sst-color-ink);pointer-events:none}@media(min-width:820px){.sst-collection__bar{flex-direction:row;align-items:center;justify-content:space-between}}.sst-dd{position:relative}.sst-dd__btn{display:flex;align-items:center;gap:var(--sst-space-2);height:40px;font-size:16px;font-weight:var(--sst-fw-medium);color:var(--sst-color-text-muted);white-space:nowrap;transition:color var(--sst-duration-fast)}.sst-dd__btn:hover,.sst-dd__btn.is-active,.sst-dd[open]>.sst-dd__btn{color:var(--sst-color-ink)}.sst-dd__btn .sst-icon{color:var(--sst-color-text-subtle);transition:transform .25s var(--sst-ease-out)}.sst-dd[open]>.sst-dd__btn .sst-icon{transform:rotate(180deg)}.sst-dd__menu{position:absolute;top:calc(100% + 6px);left:-12px;z-index:20;min-width:200px;padding:var(--sst-space-2);display:flex;flex-direction:column;background:var(--sst-color-white);border:1px solid var(--sst-color-line);border-radius:var(--sst-radius);box-shadow:0 16px 40px -18px rgba(var(--sst-rgb-ink),.35)}.sst-dd__opt{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--sst-radius-xs);font-size:14px;font-weight:var(--sst-fw-medium);color:var(--sst-color-ink);cursor:pointer}.sst-dd__opt:hover{background:var(--sst-color-surface)}.sst-dd__opt:has(:focus-visible){outline:2px solid var(--sst-color-ink);outline-offset:-2px}.sst-dd__opt.is-disabled{color:var(--sst-color-text-subtle);cursor:default}.sst-dd__box{width:16px;height:16px;flex:none;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--sst-color-line-strong);border-radius:var(--sst-radius-xs);color:transparent}.sst-dd__opt :checked+.sst-dd__box{background:var(--sst-color-ink);border-color:var(--sst-color-ink);color:var(--sst-color-white)}.sst-collection__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,3vw,44px) var(--sst-grid-gap)}@media(min-width:820px){.sst-collection__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1100px){.sst-collection__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.sst-collection__empty{display:flex;flex-direction:column;gap:var(--sst-space-3);padding:var(--sst-space-11) 0;text-align:center}.sst-collection__promo{aspect-ratio:3 / 4;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(18px,2vw,28px);border-radius:var(--sst-radius);background:var(--sst-color-coral);color:var(--sst-color-on-coral);text-decoration:none;transition:background .25s}.sst-collection__promo:hover{background:var(--sst-color-coral-dark)}.sst-collection__promo-body{gap:14px}.sst-collection__promo-heading{font-size:clamp(24px,2.4vw,34px)}.sst-collection__promo-text{display:none;max-width:240px;font-size:14px;line-height:1.45}.sst-collection__promo-btn{align-self:flex-start;height:40px;padding:0 var(--sst-space-4);display:flex;align-items:center;border-radius:var(--sst-radius-pill);background:var(--sst-color-white);color:var(--sst-color-ink);font-size:13.5px;font-weight:var(--sst-fw-semibold)}@media(min-width:820px){.sst-collection__promo-text{display:block}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/sst-main-collection.css.map */