.sasaro-shop__inner{display:flex;flex-direction:column;gap:var(--sasaro-space-lg, 2.4rem)}.sasaro-shop__head{display:flex;align-items:baseline;gap:1.2rem;flex-wrap:wrap}.sasaro-shop__heading{position:relative;margin:0;font-size:clamp(2.8rem,5vw,4.2rem);font-weight:800;letter-spacing:-.01em;line-height:1.05;text-transform:uppercase;padding-inline-start:1.4rem}.sasaro-shop__heading:before{content:"";position:absolute;inset-inline-start:0;top:.2em;bottom:.2em;width:.5rem;border-radius:999px;background-color:var(--sasaro-teal, #1f6b6b)}.sasaro-shop__count{margin:0;color:var(--sasaro-text-muted, #5c6470);font-size:1.5rem;font-weight:600}.sasaro-shop__cats{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;padding-block:.4rem}.sasaro-shop__cat{position:relative;padding:.6rem 0;border:0;background:none;color:var(--sasaro-text, #14171c);font-size:1.4rem;font-weight:700;cursor:pointer;transition:color var(--sasaro-transition-fast, .15s)}.sasaro-shop__cat:after{content:"";position:absolute;inset-inline:0;bottom:0;height:.3rem;border-radius:999px;background:var(--sasaro-teal, #1f6b6b);transform:scaleX(0);transform-origin:left center;transition:transform var(--sasaro-transition-fast, .15s)}.sasaro-shop__cat:hover{color:var(--sasaro-teal, #1f6b6b)}.sasaro-shop__cat:hover:after{transform:scaleX(.35)}.sasaro-shop__cat:focus-visible{outline:2px solid var(--sasaro-teal, #1f6b6b);outline-offset:2px;border-radius:4px}.sasaro-shop__cat[aria-pressed=true]{color:var(--sasaro-teal, #1f6b6b)}.sasaro-shop__cat[aria-pressed=true]:after{transform:scaleX(1)}.sasaro-shop__filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1.6rem 2rem;padding-block:1.2rem;border-block:1px solid var(--sasaro-border, #e3e6eb)}.sasaro-shop__field{display:flex;flex-direction:column;gap:.4rem;min-width:15rem}.sasaro-shop__field-label{font-size:1.1rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--sasaro-text-muted, #5c6470)}.sasaro-shop__dd{position:relative}.sasaro-shop__dd-toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;height:4rem;padding-inline:1.2rem;border:1px solid var(--sasaro-border, #e3e6eb);border-radius:var(--sasaro-radius-sm, 6px);background-color:var(--sasaro-surface, #fff);color:var(--sasaro-text, #14171c);font-size:1.4rem;font-weight:600;cursor:pointer;transition:border-color var(--sasaro-transition-fast, .15s),box-shadow var(--sasaro-transition-fast, .15s)}.sasaro-shop__dd-toggle:hover{border-color:var(--sasaro-teal, #1f6b6b)}.sasaro-shop__dd-toggle:focus-visible{outline:2px solid var(--sasaro-teal, #1f6b6b);outline-offset:2px}.sasaro-shop__dd[data-open=true] .sasaro-shop__dd-toggle{border-color:var(--sasaro-teal, #1f6b6b);box-shadow:0 0 0 1px var(--sasaro-teal, #1f6b6b)}.sasaro-shop__dd-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sasaro-shop__dd-caret{display:inline-flex;flex:0 0 auto;width:1.2rem;height:1.2rem;color:var(--sasaro-text-muted, #5c6470);transition:transform var(--sasaro-transition-fast, .15s)}.sasaro-shop__dd-caret svg{width:100%;height:100%;display:block}.sasaro-shop__dd[data-open=true] .sasaro-shop__dd-caret{transform:rotate(180deg)}.sasaro-shop__dd-panel{position:absolute;z-index:30;inset-inline:0;top:calc(100% + .6rem);min-width:100%;max-height:24rem;overflow-y:auto;padding:.4rem;border:1px solid var(--sasaro-border, #e3e6eb);border-radius:var(--sasaro-radius-md, 8px);background-color:var(--sasaro-bg, #fff);box-shadow:var(--sasaro-shadow-md, 0 8px 24px rgba(0, 0, 0, .12));opacity:0;transform:translateY(-.8rem) scale(.97);transform-origin:top center;visibility:hidden;pointer-events:none;transition:opacity .16s cubic-bezier(.22,1,.36,1),transform .16s cubic-bezier(.22,1,.36,1),visibility 0s linear .16s}.sasaro-shop__dd[data-open=true] .sasaro-shop__dd-panel{opacity:1;transform:translateY(0) scale(1);visibility:visible;pointer-events:auto;transition:opacity .16s cubic-bezier(.22,1,.36,1),transform .16s cubic-bezier(.22,1,.36,1)}.sasaro-shop__dd-option{display:block;width:100%;padding:.9rem 1.1rem;border:0;border-radius:var(--sasaro-radius-sm, 6px);background:none;color:var(--sasaro-text, #14171c);font-size:1.35rem;font-weight:600;text-align:start;cursor:pointer;transition:background-color var(--sasaro-transition-fast, .15s),color var(--sasaro-transition-fast, .15s)}.sasaro-shop__dd-option:hover{background-color:var(--sasaro-bg-subtle, #f6f7f9);color:var(--sasaro-teal, #1f6b6b)}.sasaro-shop__dd-option[aria-selected=true]{background-color:var(--sasaro-teal, #1f6b6b);color:#fff}.sasaro-shop__dd-option:focus-visible{outline:2px solid var(--sasaro-teal, #1f6b6b);outline-offset:-2px}@media(prefers-reduced-motion:reduce){.sasaro-shop__dd-panel,.sasaro-shop__dd-caret{transition:none}}.sasaro-shop__clear{margin-inline-start:auto;align-self:center;padding:.6rem 1.2rem;border:0;background:none;color:var(--sasaro-red, #c43d2f);font-size:1.3rem;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:.3rem}.sasaro-shop__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sasaro-space-md, 1.6rem);margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.sasaro-shop__grid{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:990px){.sasaro-shop__grid{grid-template-columns:repeat(4,1fr)}}.sasaro-shop__item[hidden]{display:none}.sasaro-shop__item{transition:opacity .22s ease,transform .22s ease}.sasaro-shop__item--leaving{opacity:0;transform:translateY(.8rem) scale(.96)}.sasaro-shop__item--entering{animation:sasaro-shop-enter .26s ease both}@keyframes sasaro-shop-enter{0%{opacity:0;transform:translateY(.8rem) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.sasaro-shop__item{transition:none}.sasaro-shop__item--entering{animation:none}}.sasaro-shop__empty{padding:4rem 0;text-align:center;color:var(--sasaro-text-muted, #5c6470);font-size:1.5rem}.sasaro-shop__editor-note{padding:3rem;border:1px dashed var(--sasaro-border, #e3e6eb);border-radius:var(--sasaro-radius-md, 8px);text-align:center;color:var(--sasaro-text-muted, #5c6470)}
/*# sourceMappingURL=/cdn/shop/t/15/assets/sasaro-shop.css.map */