most-loved-slider{display:block;width:100%;--most-loved-card-w: 172px;--most-loved-card-img-h: 199px;--most-loved-pad-x: var(--fluid-16-60);--most-loved-star-filled: #ff6839;--most-loved-star-empty: var(--color-gray-300);--most-loved-nav-btn-radius: 24px}@media(min-width:990px){most-loved-slider{--most-loved-card-w: 315px;--most-loved-card-img-h: 364px}}@media(min-width:990px){most-loved-slider.most-loved--fluid-cards{--most-loved-card-w: var(--fluid-315-420);--most-loved-card-img-h: var(--fluid-364-485)}}.most-loved{display:block;padding-block:var(--most-loved-pt-mobile, 48px) var(--most-loved-pb-mobile, 48px);overflow:hidden}@media(min-width:768px){.most-loved{padding-block:var(--most-loved-pt-desktop, 64px) var(--most-loved-pb-desktop, 64px)}}.most-loved:not(.section--full-width){max-width:calc(var(--fluid-base) * 1px);margin-inline:auto}.most-loved__container{display:flex;flex-direction:column;gap:var(--fluid-24-32)}.most-loved__heading-wrap{padding-inline:var(--most-loved-pad-x);text-align:center}.most-loved__heading{margin:0;font-family:var(--font-display-family);font-size:var(--fluid-28-36);font-weight:var(--font-weight-regular);line-height:var(--line-height-display);letter-spacing:-.02em;color:var(--color-foreground);text-transform:uppercase}.most-loved__slider-wrapper{overflow:hidden}.most-loved__viewport{overflow:visible;width:100%}.most-loved__track{display:flex;align-items:stretch}.most-loved__slide{width:var(--most-loved-card-w);height:auto;flex:0 0 auto;margin-inline:calc(var(--fluid-16-24) / 2)}.most-loved__card{display:flex;flex-direction:column;gap:var(--fluid-12-16);padding-bottom:var(--card-shadow-bleed, 3px)}.most-loved__card-image-link{display:block;text-decoration:none}.most-loved__card-image-frame{position:relative;display:flex;flex-direction:column;justify-content:space-between;block-size:var(--most-loved-card-img-h);padding:var(--spacing-12);border-radius:var(--radius-lg);background:linear-gradient(to bottom,color-mix(in srgb,var(--card-bg, #e0ebff) 30%,transparent),var(--card-bg, #e0ebff));overflow:hidden}.most-loved__card-badge{position:relative;z-index:1;align-self:flex-start;display:inline-block;padding-block:4px;padding-inline:var(--spacing-12);border-radius:var(--radius-pill);background-color:var(--color-badge-background, var(--color-brand-yellow));color:var(--color-badge-text, var(--color-ink));font-family:var(--font-body-family);font-size:var(--fluid-12-14);font-weight:var(--font-weight-light);line-height:1.1;text-transform:uppercase;letter-spacing:var(--letter-spacing-normal);white-space:nowrap}.most-loved__card-nea-badge{position:absolute;z-index:1;left:var(--spacing-12);bottom:var(--spacing-12);display:block;width:var(--fluid-43-79);height:var(--fluid-58-108);aspect-ratio:43 / 58}@media(min-width:990px){.most-loved__card-nea-badge{aspect-ratio:68 / 93;bottom:14px}}.most-loved__card-nea-badge img{display:block;width:100%;height:100%;object-fit:contain}.most-loved__card-media{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--spacing-12);pointer-events:none}.most-loved__card-media img{display:block;inline-size:100%;block-size:100%;object-fit:contain;object-position:center}.most-loved__card-media--primary{opacity:1;transition:opacity .3s ease}.most-loved__card-media--secondary{opacity:0;transition:opacity .3s ease}.most-loved__card-image-link:hover .most-loved__card-media--primary{opacity:0}.most-loved__card-image-link:hover .most-loved__card-media--secondary{opacity:1}@media(prefers-reduced-motion:reduce){.most-loved__card-media--primary,.most-loved__card-media--secondary{transition:none}}.most-loved__card-info{display:flex;flex-direction:column;gap:var(--spacing-8)}.most-loved__card-title{margin:0;font-family:var(--font-body-family);font-size:var(--fluid-16-18);font-weight:var(--font-weight-light);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);color:var(--color-foreground);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.most-loved__card-title a{color:inherit;text-decoration:none}.most-loved__card-title a:hover{color:var(--color-brand-blue)}.most-loved__card-title a:focus-visible{outline:2px solid var(--color-border-focus, var(--color-brand-blue));outline-offset:2px;border-radius:2px}.most-loved__card-rating{display:flex;align-items:center;flex-wrap:wrap;gap:0 var(--spacing-6);min-block-size:20px}.most-loved__card-rating--placeholder{visibility:hidden}.most-loved__stars{display:inline-flex;gap:2px}.most-loved__star{display:block;inline-size:12px;block-size:12px;fill:var(--most-loved-star-empty);flex-shrink:0}.most-loved__star--filled{fill:var(--most-loved-star-filled)}.most-loved__card-rating-text{font-family:var(--font-body-family);font-size:var(--fluid-12-14);font-weight:var(--font-weight-light);line-height:var(--line-height-body-loose);color:var(--color-gray-800)}@media(min-width:990px){.most-loved__card-rating-text{line-height:var(--line-height-body)}}.most-loved__card-footer{margin-block-start:auto}.most-loved__atc-wrap{display:block}.most-loved__form{margin:0}.most-loved__atc-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;inline-size:100%;padding-block:var(--fluid-12-16);padding-inline:var(--spacing-20);gap:var(--spacing-12);border:1px solid transparent;border-radius:var(--radius-pill);background-color:var(--color-brand-blue);color:var(--color-white);font-family:var(--font-body-family);cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;position:relative;overflow:hidden}@media(max-width:767px){.most-loved__atc-btn:not(:has(.most-loved__atc-compare)){gap:var(--spacing-8)}}.most-loved__atc-btn:hover{background-color:transparent;color:var(--color-brand-blue);border-color:var(--color-brand-blue)}.most-loved__atc-btn:focus-visible{outline:2px solid var(--color-border-focus, var(--color-brand-blue));outline-offset:2px}.most-loved__atc-btn[disabled],.most-loved__atc-btn--disabled{background-color:var(--color-gray-400);cursor:not-allowed}.most-loved__atc-btn[data-loading]{background-color:transparent;color:var(--color-brand-blue);border-color:var(--color-brand-blue);cursor:wait}.most-loved__atc-btn[data-loading] .most-loved__atc-left,.most-loved__atc-btn[data-loading] .most-loved__atc-price{visibility:hidden}.most-loved__atc-btn[data-loading]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;inline-size:var(--spacing-20);block-size:var(--spacing-20);border:2px solid currentColor;border-block-start-color:transparent;border-radius:var(--radius-pill);animation:most-loved-atc-spin .7s linear infinite}@keyframes most-loved-atc-spin{to{rotate:1turn}}@keyframes most-loved-atc-reveal{0%{transform:translateY(110%)}to{transform:translateY(0)}}.most-loved__atc-btn[data-added] .most-loved__atc-left,.most-loved__atc-btn[data-added] .most-loved__atc-price{animation:most-loved-atc-reveal 1.3s cubic-bezier(.22,1,.36,1) both}.most-loved__atc-left{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-8);flex-shrink:0}.most-loved__atc-icon{inline-size:16px;block-size:17px;flex-shrink:0}@media(min-width:990px){.most-loved__atc-icon{aspect-ratio:16 / 17}}.most-loved__atc-label{display:none}@media(min-width:990px){.most-loved__atc-label{display:inline;font-size:var(--fluid-14-16);font-weight:var(--font-weight-semibold);line-height:var(--line-height-button);letter-spacing:var(--letter-spacing-button);text-transform:uppercase;white-space:nowrap}}.most-loved__atc-price{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-8);font-size:var(--fluid-16-18);font-weight:var(--font-weight-light);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);white-space:nowrap;flex-shrink:0}.most-loved__atc-compare{opacity:.5;text-decoration:line-through;font-size:inherit}.most-loved__empty{padding-inline:var(--most-loved-pad-x);color:var(--color-foreground);font-family:var(--font-body-family)}.most-loved__footer{display:flex;align-items:center;justify-content:center;gap:var(--fluid-24-32);padding-inline:var(--most-loved-pad-x)}@media(min-width:990px){.most-loved__footer{justify-content:flex-start}}.most-loved__progress-wrap{display:none}@media(min-width:990px){.most-loved__progress-wrap{display:block;flex:1 1 auto;padding-block-start:var(--spacing-8)}}.most-loved__progress-track{position:relative;block-size:5px;border-radius:30px;background-color:var(--color-blue-50);overflow:hidden}.most-loved__progress-fill{position:absolute;inset-block:0;inset-inline-start:0;inline-size:0%;border-radius:30px;background-color:var(--color-blue-200);transition:width .15s ease}.most-loved__nav{display:flex;align-items:center;gap:var(--spacing-8);flex-shrink:0}.most-loved__nav-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-12);gap:24px;border:1px solid var(--color-brand-blue);border-radius:var(--most-loved-nav-btn-radius);background-color:var(--color-brand-yellow);color:var(--color-brand-blue);cursor:pointer;transition:background-color .2s ease,color .2s ease;flex-shrink:0;-webkit-tap-highlight-color:transparent}@media(min-width:990px){.most-loved__nav-btn{width:48px;height:44px;padding:var(--spacing-8);aspect-ratio:48 / 44}}@media(hover:hover)and (pointer:fine){.most-loved__nav-btn:hover{background-color:var(--color-brand-blue);color:var(--color-brand-yellow)}}.most-loved__nav-btn:active,.most-loved__nav-btn.is-pressed{background-color:var(--color-brand-blue);color:var(--color-brand-yellow)}.most-loved__nav-btn:focus-visible{outline:2px solid var(--color-border-focus, var(--color-brand-blue));outline-offset:2px}.most-loved__nav-icon{display:block;inline-size:20px;block-size:15px;flex-shrink:0}@media(prefers-reduced-motion:reduce){.most-loved__atc-btn,.most-loved__nav-btn,.most-loved__progress-fill{transition:none}.most-loved__atc-btn[data-loading]:after{content:none}.most-loved__atc-btn[data-loading] .most-loved__atc-left,.most-loved__atc-btn[data-loading] .most-loved__atc-price{visibility:visible}.most-loved__atc-btn[data-added] .most-loved__atc-left,.most-loved__atc-btn[data-added] .most-loved__atc-price{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/section-most-loved.css.map */