.clarity-feat__head{display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(16px,2.4vw,32px);flex-wrap:wrap;padding-bottom:var(--section-head-space)}.clarity-feat__heading{margin:0;flex:1 1 auto}.clarity-feat__shopall{flex:none;margin-top:6px}.clarity-feat__track{--gap: clamp(14px, 1.6vw, 22px);display:flex;gap:var(--gap);margin:0;padding:4px 0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.clarity-feat__track::-webkit-scrollbar{display:none}.clarity-feat__track:focus-visible{outline:2px solid var(--brand-navy);outline-offset:4px;border-radius:4px}.clarity-feat__cell{flex:0 0 var(--cell-m);scroll-snap-align:start;display:flex}.clarity-feat__cell>.clarity-fcard{width:100%}@media(min-width:620px){.clarity-feat__cell{flex-basis:calc((100% - var(--gap)) / 2)}}@media(min-width:1000px){.clarity-feat__track{display:grid;grid-template-columns:repeat(var(--cols-d, 4),minmax(0,1fr));overflow:visible;scroll-snap-type:none;padding:0}.clarity-feat__cell{flex:none}}.clarity-feat__nav{display:flex;justify-content:space-between;align-items:center;margin-top:clamp(16px,2.4vw,26px)}@media(min-width:1000px){.clarity-feat__nav{display:none}}.clarity-feat[data-static] .clarity-feat__nav{display:none}.clarity-feat__arrow{width:46px;height:46px;border-radius:50%;border:var(--border-hairline);background:var(--brand-paper);color:var(--brand-navy);display:grid;place-items:center;cursor:pointer;transition:border-color .2s var(--clarity-ease),color .2s var(--clarity-ease),opacity .2s var(--clarity-ease)}.clarity-feat__arrow:hover:not(:disabled){border-color:var(--brand-navy)}.clarity-feat__arrow:disabled{opacity:.3;cursor:default}.clarity-feat__arrow:focus-visible{outline:2px solid var(--brand-navy);outline-offset:3px}.clarity-fcard{display:flex;flex-direction:column;overflow:hidden;width:100%;background:var(--brand-paper);border:var(--border-hairline);border-radius:14px;transition:border-color var(--dur-base) var(--clarity-ease)}.clarity-fcard:hover{border-color:var(--brand-navy-35)}.clarity-fcard__media{position:relative;display:block;aspect-ratio:1 / 1;background:var(--color-surface-raised);overflow:hidden}.clarity-fcard__media img,.clarity-fcard__media .clarity-fcard__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:clamp(18px,2.4vw,40px);transition:transform .8s var(--clarity-ease)}.clarity-fcard:hover .clarity-fcard__media img{transform:scale(1.04)}.clarity-fcard--cover .clarity-fcard__media{background:var(--color-surface-raised)}.clarity-fcard--cover .clarity-fcard__media img{object-fit:cover;padding:0}.clarity-fcard--multiply .clarity-fcard__media img{mix-blend-mode:multiply}.clarity-fcard__badge{position:absolute;top:14px;left:14px;z-index:2;background:var(--brand-paper);color:var(--brand-navy);border-radius:var(--radius-pill);padding:6px 13px;font-size:10px;font-weight:var(--fw-bold);font-stretch:94%;letter-spacing:.1em;text-transform:uppercase}.clarity-fcard__badge--sale{background:var(--color-accent);color:#fff}.clarity-fcard__badge--muted{background:var(--color-surface);color:var(--color-text-muted)}.clarity-fcard__body{display:flex;flex-direction:column;gap:10px;flex:1;padding:clamp(18px,1.8vw,24px)}.clarity-fcard__title{font-size:clamp(1rem,1.25vw,1.125rem);font-weight:var(--fw-semibold);font-stretch:103%;letter-spacing:-.016em;line-height:1.25;margin:0;overflow-wrap:break-word}.clarity-fcard__title a{color:inherit;text-decoration:none}.clarity-fcard__title a:hover{color:var(--color-text-muted)}.clarity-fcard__rate{display:flex;align-items:center;gap:8px;min-height:18px;font-size:.8125rem;color:var(--color-text-muted);margin:0}.clarity-fcard__stars{display:inline-flex;gap:1px}.clarity-fcard__stars .c-ico{color:var(--color-accent)}.clarity-fcard__price{margin:auto 0 0;padding-top:12px;font-size:1.0625rem}.clarity-fcard__cta{margin:14px 0 0}.clarity-fcard__cta .is-loading{opacity:.6;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/19/assets/clarity-featured.css.map */