.sbwc{--sbwc-card-radius: 0;--sbwc-card-gap: 24px;--sbwc-card-aspect: 4 / 5;--sbwc-overlay-start: rgba(0, 0, 0, 0);--sbwc-overlay-end: rgba(0, 0, 0, .55);--sbwc-title-size-mobile: 1.6rem;--sbwc-title-size-desktop: 1.8rem;--sbwc-cta-size: 1.2rem;--sbwc-heading-size-mobile: 2.4rem;--sbwc-heading-size-desktop: 3.2rem;--sbwc-subheading-size: 1.6rem;--sbwc-transition: .45s cubic-bezier(.22, 1, .36, 1);--sbwc-img-scale-hover: 1.05;--sbwc-anim-duration: .7s}.sbwc{position:relative}.sbwc__header{text-align:center;margin-bottom:4rem}.sbwc__heading{font-size:var(--sbwc-heading-size-mobile);font-weight:400;letter-spacing:.04em;line-height:1.2;margin:0 0 1.2rem;color:currentColor}@media screen and (min-width:750px){.sbwc__heading{font-size:var(--sbwc-heading-size-desktop)}}.sbwc__subheading{font-size:var(--sbwc-subheading-size);font-weight:400;line-height:1.6;opacity:.65;margin:0;color:currentColor}.sbwc__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sbwc-card-gap);list-style:none;margin:0;padding:0}@media screen and (min-width:990px){.sbwc__grid{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width:990px){.sbwc__grid--2{grid-template-columns:repeat(2,1fr);max-width:600px;margin-left:auto;margin-right:auto}.sbwc__grid--3,.sbwc__grid--5,.sbwc__grid--6{grid-template-columns:repeat(3,1fr)}.sbwc__grid--7,.sbwc__grid--8{grid-template-columns:repeat(4,1fr)}}.sbwc__item{display:flex;flex-direction:column}.sbwc__card{display:block;text-decoration:none;color:currentColor;overflow:hidden;position:relative;cursor:pointer}.sbwc__media{position:relative;aspect-ratio:var(--sbwc-card-aspect);overflow:hidden;background-color:rgba(var(--color-foreground),.04)}.sbwc__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block;transition:transform var(--sbwc-transition);will-change:transform}.sbwc__img-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--color-foreground),.04)}.sbwc__placeholder-svg{width:60%;height:60%;opacity:.2}.sbwc__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,var(--sbwc-overlay-start) 30%,var(--sbwc-overlay-end) 100%);z-index:1;pointer-events:none;transition:opacity var(--sbwc-transition)}.sbwc__content{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:2rem 2rem 2.4rem;display:flex;flex-direction:column;gap:.4rem;color:#fff}.sbwc__collection-title{font-size:var(--sbwc-title-size-mobile);font-weight:500;letter-spacing:.02em;line-height:1.3;margin:0;transition:transform var(--sbwc-transition)}@media screen and (min-width:750px){.sbwc__collection-title{font-size:var(--sbwc-title-size-desktop)}}.sbwc__cta-label{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--sbwc-cta-size);font-weight:400;letter-spacing:.06em;text-transform:uppercase;opacity:.85;transition:opacity var(--sbwc-transition),gap var(--sbwc-transition)}.sbwc__arrow{display:inline-block;flex-shrink:0;transition:transform var(--sbwc-transition)}@media screen and (min-width:990px){.sbwc__card:hover .sbwc__img{transform:scale(var(--sbwc-img-scale-hover))}.sbwc__card:hover .sbwc__collection-title{transform:translateY(-2px)}.sbwc__card:hover .sbwc__cta-label{opacity:1;gap:.8rem}.sbwc__card:hover .sbwc__arrow{transform:translate(3px)}.sbwc__card:hover .sbwc__overlay{opacity:1.15}}@media(hover:none){.sbwc__card:hover .sbwc__img,.sbwc__card:hover .sbwc__collection-title{transform:none}}.sbwc__empty{text-align:center;padding:4rem 2rem;opacity:.5;font-size:1.4rem;border:1px dashed rgba(var(--color-foreground),.2)}@keyframes sbwc-fade-up{0%{opacity:0;transform:translateY(2.4rem)}to{opacity:1;transform:translateY(0)}}.sbwc--animate .sbwc__header{opacity:0;animation:sbwc-fade-up var(--sbwc-anim-duration) cubic-bezier(.22,1,.36,1) forwards}.sbwc--animate .sbwc__item--animate{opacity:0;animation:sbwc-fade-up var(--sbwc-anim-duration) cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(.2s + var(--item-delay, 0s))}@media(prefers-reduced-motion:reduce){.sbwc--animate .sbwc__header,.sbwc--animate .sbwc__item--animate{animation:none;opacity:1}.sbwc__img,.sbwc__collection-title,.sbwc__cta-label,.sbwc__arrow,.sbwc__overlay{transition:none}}@media screen and (max-width:749px){.sbwc__header{margin-bottom:2.8rem}.sbwc__content{padding:1.6rem 1.6rem 2rem}.sbwc__card{-webkit-tap-highlight-color:transparent}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/shop-by-wellness-collections.css.map */