.recommendation-tabs{--recommendation-tabs-gutter: 1.5rem;overflow-x:hidden;overflow-x:clip}recommendation-tabs{display:block}.recommendation-tabs__tablist{display:flex;align-items:center;gap:1.6rem;margin:0 calc(-1 * var(--recommendation-tabs-gutter)) 2.8rem;padding:0 var(--recommendation-tabs-gutter);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}.recommendation-tabs__tablist::-webkit-scrollbar{display:none}.recommendation-tabs__tab{display:inline-flex;align-items:center;flex:0 0 auto;gap:1.6rem;min-height:4.4rem;padding:0;border:0;background:none;font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:var(--pdp-eyebrow-size);font-weight:var(--font-body-weight);line-height:1.2;letter-spacing:var(--pdp-eyebrow-tracking);text-transform:uppercase;white-space:nowrap;color:var(--recommendation-tabs-muted);cursor:pointer;transition:color var(--duration-short) ease}.recommendation-tabs__tab[hidden]{display:none}.recommendation-tabs__tab:hover,.recommendation-tabs__tab[aria-selected=true]{color:rgb(var(--color-foreground))}.recommendation-tabs__tab[aria-selected=true]{font-weight:var(--font-body-weight-bold)}.recommendation-tabs__tab:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.4rem}.recommendation-tabs__tab:not([hidden])~.recommendation-tabs__tab:not([hidden]):before{content:"";flex:0 0 auto;width:.7rem;height:.7rem;border-radius:50%;background-color:var(--recommendation-tabs-accent)}.recommendation-tabs__panel:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.4rem}.recommendation-tabs__grid{display:flex;gap:2rem;margin:0 calc(-1 * var(--recommendation-tabs-gutter));padding:0 var(--recommendation-tabs-gutter);list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--recommendation-tabs-gutter);scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.recommendation-tabs__grid::-webkit-scrollbar{display:none}.recommendation-tabs__item{flex:0 0 52%;min-width:0;scroll-snap-align:start}.recommendation-tabs__footer{display:flex;justify-content:center;margin-top:3.6rem}.recommendation-tabs__button{min-width:16.8rem;min-height:4.6rem;padding:0 2.4rem;font-size:var(--pdp-button-size);letter-spacing:var(--pdp-button-tracking);text-transform:uppercase}.recommendation-card{position:relative;display:flex;flex-direction:column;height:100%}.recommendation-card__media{display:block;position:relative;overflow:hidden;aspect-ratio:1 / 1}.recommendation-card__media--portrait{aspect-ratio:4 / 5}.recommendation-card__image{display:block;width:100%;height:100%;object-fit:contain;transition:transform var(--duration-long) ease}.recommendation-card__media .placeholder-svg{background-color:rgba(var(--color-foreground),.04);fill:rgba(var(--color-foreground),.55)}.recommendation-card__info{padding-top:1.6rem}.recommendation-tabs .recommendation-card__title{margin:0;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight)!important;font-size:1.4rem!important;line-height:1.5;letter-spacing:0!important;color:rgb(var(--color-foreground));word-break:break-word}.recommendation-card__title a{color:inherit;text-decoration:none}.recommendation-card__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .8rem;margin-top:1rem;font-size:1.4rem;line-height:1.4;letter-spacing:0;color:rgb(var(--color-foreground))}.recommendation-card__compare-price{font-size:1.2rem;color:rgba(var(--color-foreground),.6)}.recommendation-card__price .money-details{display:inline-flex!important;flex-wrap:wrap;align-items:baseline;gap:.2rem .8rem}.recommendation-card__price .money-details del{display:inline-flex;text-decoration:none}.recommendation-card__price .bold-pre-compare-price{display:inline-flex!important;margin:0;line-height:inherit}.recommendation-card__price .bold-pre-compare-price .pre-compare-price{font-family:var(--font-body-family)!important;font-size:1.2rem!important;font-weight:400!important;color:rgba(var(--color-foreground),.6)!important}.recommendation-card__price .money-save{display:none!important}.recommendation-card__price:has(.bold-pre-compare-price) .recommendation-card__compare-price{display:none}.recommendation-card__price-note{font-style:italic;color:var(--recommendation-tabs-muted);text-decoration:none}a.recommendation-card__price-note:hover{text-decoration:underline;text-underline-offset:.3rem}.recommendation-card__rating{display:flex;align-items:center;gap:.6rem;margin-top:.8rem}.recommendation-card__stars{position:relative;display:inline-flex;line-height:0}.recommendation-card__stars-layer{display:inline-flex;gap:.3rem}.recommendation-card__stars-layer:not(.recommendation-card__stars-layer--filled){opacity:.25}.recommendation-card__stars-layer--filled{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc(100% - var(--rating-percent, 100%)) 0 0)}.recommendation-card__stars svg{width:1.1rem;height:1.1rem;fill:var(--recommendation-tabs-accent);stroke:none}.recommendation-card__rating-count{font-size:1.1rem;line-height:1;color:rgba(var(--color-foreground),.55)}@media(hover:hover){.recommendation-card:hover .recommendation-card__image{transform:scale(1.03)}.recommendation-card:hover .recommendation-card__title a{text-decoration:underline;text-underline-offset:.3rem}}@media(prefers-reduced-motion:reduce){.recommendation-card__image{transition:none}}@media screen and (min-width:750px){.recommendation-tabs__tablist{justify-content:center;gap:2.4rem;margin:0 0 3.2rem;padding:0}.recommendation-tabs__tab{gap:2.4rem}.recommendation-tabs__grid{display:grid;grid-template-columns:repeat(var(--recommendation-tabs-columns, 4),minmax(0,1fr));gap:4rem 2.4rem;margin:0;padding:0;overflow:visible}.recommendation-tabs__footer{margin-top:4rem}.recommendation-tabs__button{min-width:15rem;min-height:4rem;padding:0 3.2rem}.recommendation-tabs .recommendation-card__title{font-size:1.3rem!important}.recommendation-card__price{font-size:1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/279/assets/section-recommendation-tabs.css.map */