.homepage-product-ranking{display:block;overflow:hidden;padding-top:calc(var(--homepage-product-ranking-pt-mobile) * var(--content-ratio-m));padding-bottom:calc(var(--homepage-product-ranking-pb-mobile) * var(--content-ratio-m));background:var(--homepage-product-ranking-bg);color:var(--homepage-product-ranking-text-color)}.homepage-product-ranking__container{width:100%;margin:0 auto;padding-inline:calc(16 * var(--content-ratio-m))}.homepage-product-ranking__header-row{position:relative;margin-bottom:calc(28 * var(--content-ratio-m))}.homepage-product-ranking__header-col{width:100%}.homepage-product-ranking [class^=homepage-product-ranking__header-]{margin-inline:auto}.homepage-product-ranking__tabs{display:flex;gap:calc(8 * var(--content-ratio-m));overflow-x:auto;padding-bottom:calc(2 * var(--content-ratio-m));margin-bottom:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.homepage-product-ranking__tabs[data-tabs-align=left]{justify-content:flex-start}.homepage-product-ranking__tabs[data-tabs-align=center]{justify-content:center}.homepage-product-ranking__tabs[data-tabs-align=right]{justify-content:flex-end}.homepage-product-ranking__tabs::-webkit-scrollbar,.homepage-product-ranking__list::-webkit-scrollbar{display:none}.homepage-product-ranking__tab{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;min-height:calc(44 * var(--content-ratio-m));padding:calc(12 * var(--content-ratio-m)) calc(18 * var(--content-ratio-m));border:1px solid rgba(0,0,4,.2);border-radius:999px;background:#fff;color:var(--homepage-product-ranking-text-color);font:inherit;font-size:calc(14 * var(--content-ratio-m));font-weight:500;line-height:1;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease;white-space:nowrap}.homepage-product-ranking__tab.is-active,.homepage-product-ranking__tab:hover,.homepage-product-ranking__tab:focus-visible{border-color:#000004;background:#000004;color:#fff}.homepage-product-ranking__viewport{position:relative}.homepage-product-ranking__panel[hidden]{display:none}.homepage-product-ranking__list{display:flex;gap:calc(var(--homepage-product-ranking-card-gap-mobile) * var(--content-ratio-m));overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.homepage-product-ranking__item{flex:0 0 calc(var(--homepage-product-ranking-card-width-mobile) * var(--content-ratio-m));width:calc(var(--homepage-product-ranking-card-width-mobile) * var(--content-ratio-m));scroll-snap-align:start}.homepage-product-ranking__item xo-animate{display:block}.homepage-product-ranking__card,.homepage-product-ranking__card xo-product{display:flex;flex-direction:column;min-width:0}.homepage-product-ranking__media-wrap{position:relative;overflow:hidden;aspect-ratio:1 / 1;border-radius:calc(var(--homepage-product-ranking-media-radius-mobile) * var(--content-ratio-m));background:var(--homepage-product-ranking-media-bg)}.homepage-product-ranking__media-link,.homepage-product-ranking__image,.homepage-product-ranking__placeholder{display:block;width:100%;height:100%}.homepage-product-ranking__image,.homepage-product-ranking__placeholder{object-fit:contain;transition:transform .28s ease}.homepage-product-ranking__image--hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .24s ease,transform .28s ease}.homepage-product-ranking__card:hover .homepage-product-ranking__image,.homepage-product-ranking__card:focus-within .homepage-product-ranking__image{transform:scale(1.05)}.homepage-product-ranking__card:hover .homepage-product-ranking__image--hover,.homepage-product-ranking__card:focus-within .homepage-product-ranking__image--hover{opacity:1}.homepage-product-ranking__labels{position:absolute;top:calc(12 * var(--content-ratio-m));left:calc(12 * var(--content-ratio-m));display:flex;gap:calc(4 * var(--content-ratio-m));z-index:2}.homepage-product-ranking__label{display:inline-flex;justify-content:center;align-items:center;min-height:calc(20 * var(--content-ratio-m));padding:calc(4 * var(--content-ratio-m)) calc(10 * var(--content-ratio-m));border-radius:999px;background-color:var(--homepage-product-ranking-label-bg);color:var(--homepage-product-ranking-label-color);font-size:calc(10 * var(--content-ratio-m));font-weight:500;line-height:1;white-space:nowrap}.homepage-product-ranking__label--image{background-color:transparent;background-image:var(--homepage-product-ranking-label-image);background-size:100% 100%;background-repeat:no-repeat}.homepage-product-ranking__info{display:flex;flex-direction:column;gap:calc(8 * var(--content-ratio-m));padding-top:calc(12 * var(--content-ratio-m))}.homepage-product-ranking__swatches{display:flex;align-items:center;gap:calc(2 * var(--content-ratio-m));min-height:calc(22 * var(--content-ratio-m))}.homepage-product-ranking__swatch{display:inline-flex;justify-content:center;align-items:center;width:calc(22 * var(--content-ratio-m));height:calc(22 * var(--content-ratio-m));border:1px solid transparent;border-radius:50%;flex:0 0 auto}.homepage-product-ranking__swatch.is-active{border-color:#0006}.homepage-product-ranking__swatch-fill{display:block;width:calc(16 * var(--content-ratio-m));height:calc(16 * var(--content-ratio-m));border-radius:50%;background-color:var(--homepage-product-ranking-swatch-color, #f5f5f5);background-image:var(--homepage-product-ranking-swatch-image);background-size:cover;background-position:center;background-repeat:no-repeat}.homepage-product-ranking__review{min-height:calc(18 * var(--content-ratio-m))}.homepage-product-ranking__title{display:-webkit-box;overflow:hidden;color:var(--homepage-product-ranking-text-color);font-size:calc(16 * var(--content-ratio-m));font-weight:500;line-height:1.35;text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:2}.homepage-product-ranking__title:hover,.homepage-product-ranking__title:focus-visible{color:var(--homepage-product-ranking-accent)}.homepage-product-ranking__price,.homepage-product-ranking__price .xo-price__item,.homepage-product-ranking__price .xo-price__item--del{color:var(--homepage-product-ranking-text-color);font-size:calc(16 * var(--content-ratio-m));font-weight:700;line-height:1.4}.homepage-product-ranking__price .xo-price__item{opacity:var(--homepage-product-ranking-muted-opacity)}.homepage-product-ranking__price .xo-price__item--del{opacity:.4}.homepage-product-ranking__price .xo-price__sale--reverse{flex-direction:row}.homepage-product-ranking__actions{position:absolute;right:calc(12 * var(--content-ratio-m));bottom:calc(12 * var(--content-ratio-m));z-index:3}.homepage-product-ranking__form{margin:0}.homepage-product-ranking__add,.homepage-product-ranking__details{display:inline-flex;justify-content:center;align-items:center;width:calc(32 * var(--content-ratio-m));height:calc(32 * var(--content-ratio-m));padding:0;border:0;border-radius:50%;background:#ff5b00;color:#fff;line-height:1;text-decoration:none;cursor:pointer;box-shadow:0 calc(6 * var(--content-ratio-m)) calc(18 * var(--content-ratio-m)) #0000041f;transition:background .2s ease,color .2s ease,opacity .2s ease}.homepage-product-ranking__add:hover,.homepage-product-ranking__add:focus-visible,.homepage-product-ranking__details:hover,.homepage-product-ranking__details:focus-visible{background:var(--homepage-product-ranking-accent);color:#fff}.homepage-product-ranking__details--disabled,.homepage-product-ranking__add[xo-disabled],.homepage-product-ranking__add--disabled{opacity:.5;pointer-events:none}.homepage-product-ranking__add-icon svg,.homepage-product-ranking__add-icon-image{display:block;width:calc(16 * var(--content-ratio-m));height:calc(16 * var(--content-ratio-m))}.homepage-product-ranking__add-icon-image{object-fit:contain}.homepage-product-ranking__nav{display:none}.homepage-product-ranking__nav-row{position:absolute;bottom:0;display:none;gap:calc(12 * var(--content-ratio));z-index:2}.homepage-product-ranking__nav-row[data-nav-position=left]{left:calc(16 * var(--content-ratio-m))}.homepage-product-ranking__nav-row[data-nav-position=center]{left:50%;transform:translate(-50%)}.homepage-product-ranking__nav-row[data-nav-position=right]{right:calc(16 * var(--content-ratio-m))}.homepage-product-ranking__nav-row:not([data-nav-position]){right:calc(16 * var(--content-ratio-m))}.homepage-product-ranking__empty{flex:1 0 100%;padding:calc(32 * var(--content-ratio-m));color:var(--homepage-product-ranking-text-color);opacity:var(--homepage-product-ranking-muted-opacity);text-align:center}@media(min-width:768px){.homepage-product-ranking{padding-top:calc(var(--homepage-product-ranking-pt-desktop) * var(--content-ratio));padding-bottom:calc(var(--homepage-product-ranking-pb-desktop) * var(--content-ratio))}.homepage-product-ranking__container{max-width:calc(var(--homepage-product-ranking-content-width) * var(--content-ratio));padding-inline:0}.homepage-product-ranking__header-col[data-heading-align=left] [class^=homepage-product-ranking__header-]{margin-inline:0 auto}.homepage-product-ranking__header-col[data-heading-align=center] [class^=homepage-product-ranking__header-]{margin-inline:auto}.homepage-product-ranking__header-col[data-heading-align=right] [class^=homepage-product-ranking__header-]{margin-left:auto;margin-right:0}.homepage-product-ranking__header-row{margin-bottom:calc(28 * var(--content-ratio))}.homepage-product-ranking__tabs{gap:calc(16 * var(--content-ratio));overflow:visible;margin-bottom:0;padding-bottom:0}.homepage-product-ranking__tab{min-height:calc(44 * var(--content-ratio));padding:calc(14 * var(--content-ratio)) calc(24 * var(--content-ratio));font-size:calc(16 * var(--content-ratio))}.homepage-product-ranking__list{display:flex;gap:calc(var(--homepage-product-ranking-card-gap-desktop) * var(--content-ratio));overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none}.homepage-product-ranking__item{flex:0 0 calc(var(--homepage-product-ranking-card-width-desktop) * var(--content-ratio));width:calc(var(--homepage-product-ranking-card-width-desktop) * var(--content-ratio));scroll-snap-align:start}.homepage-product-ranking__media-wrap{border-radius:calc(var(--homepage-product-ranking-media-radius-desktop) * var(--content-ratio))}.homepage-product-ranking__labels{top:calc(16 * var(--content-ratio));left:calc(16 * var(--content-ratio));gap:calc(4 * var(--content-ratio))}.homepage-product-ranking__label{min-height:calc(28 * var(--content-ratio));padding:calc(6 * var(--content-ratio)) calc(10 * var(--content-ratio));font-size:calc(14 * var(--content-ratio))}.homepage-product-ranking__info{gap:calc(10 * var(--content-ratio));padding-top:calc(20 * var(--content-ratio))}.homepage-product-ranking__swatches{gap:calc(2 * var(--content-ratio));min-height:calc(22 * var(--content-ratio))}.homepage-product-ranking__swatch{width:calc(22 * var(--content-ratio));height:calc(22 * var(--content-ratio))}.homepage-product-ranking__swatch-fill{width:calc(16 * var(--content-ratio));height:calc(16 * var(--content-ratio))}.homepage-product-ranking__review{min-height:calc(22 * var(--content-ratio))}.homepage-product-ranking__title,.homepage-product-ranking__price,.homepage-product-ranking__price .xo-price__item,.homepage-product-ranking__price .xo-price__item--del{font-size:calc(16 * var(--content-ratio))}.homepage-product-ranking__actions{right:calc(14 * var(--content-ratio));bottom:calc(14 * var(--content-ratio))}.homepage-product-ranking__add,.homepage-product-ranking__details{width:max(42px,calc(42 * var(--content-ratio)));height:max(42px,calc(42 * var(--content-ratio)))}.homepage-product-ranking__add-icon svg,.homepage-product-ranking__add-icon-image{width:max(20px,calc(20 * var(--content-ratio)));height:max(20px,calc(20 * var(--content-ratio)))}.homepage-product-ranking__nav svg{width:calc(24 * var(--content-ratio));height:calc(24 * var(--content-ratio))}.homepage-product-ranking__nav-row{display:flex;bottom:0}.homepage-product-ranking__nav-row[data-nav-position=left]{left:0}.homepage-product-ranking__nav-row[data-nav-position=right],.homepage-product-ranking__nav-row:not([data-nav-position]){right:0}.homepage-product-ranking__nav{display:inline-flex;align-items:center;justify-content:center;width:calc(44 * var(--content-ratio));height:calc(44 * var(--content-ratio));padding:0;border:0;border-radius:50%;background:#f5f5f5;color:#1a1a1a;cursor:pointer;line-height:1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background-color .2s ease,color .2s ease,opacity .2s ease}.homepage-product-ranking__nav:hover,.homepage-product-ranking__nav:focus-visible{background:var(--homepage-product-ranking-accent);color:#fff}.homepage-product-ranking__nav:disabled{cursor:default;opacity:.35;background:#f5f5f5}.homepage-product-ranking__nav:disabled:hover{background:#f5f5f5}.homepage-product-ranking__empty{width:100%;padding:calc(48 * var(--content-ratio))}}@media(prefers-reduced-motion:reduce){.homepage-product-ranking__image,.homepage-product-ranking__tab,.homepage-product-ranking__nav,.homepage-product-ranking__add,.homepage-product-ranking__details{transition:none}.homepage-product-ranking__card:hover .homepage-product-ranking__image,.homepage-product-ranking__card:focus-within .homepage-product-ranking__image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/section-homepage-product-ranking.css.map */