[data-hot-carousel-root]{--hot-carousel-pag-top: 16px;--hot-carousel-arrow: #4ec8e8;--hot-carousel-arrow-pill: 56px;--hot-carousel-gap: 12px;--hot-image-box-pt: 25px;--hot-spv-dk-peek: 1.18;--hot-spv-mb-peek: 1.08}[data-hot-carousel-root] .hot-carousel{position:relative;width:100%;background:transparent}[data-hot-carousel-root] .hot-carousel__stage{position:relative;--hot-stage-pad: 0px;padding-left:var(--hot-stage-pad);padding-right:var(--hot-stage-pad);box-sizing:border-box}[data-hot-carousel-root] .hot-carousel__swiper{position:relative;overflow:hidden;z-index:1;width:100%;border-radius:0;background:transparent}[data-hot-carousel-root] .hot-carousel__swiper .swiper-slide,[data-hot-carousel-root] .hot-carousel__swiper:not(.swiper-initialized) .swiper-wrapper{background:transparent}[data-hot-carousel-root] .hot-carousel__swiper .swiper-slide{overflow:hidden;height:auto;box-shadow:none;border:0;align-self:flex-start}[data-hot-carousel-root] .hot-carousel__swiper:not(.swiper-initialized) .swiper-wrapper{display:flex;gap:var(--hot-carousel-gap);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:flex-start}[data-hot-carousel-root] .hot-carousel__swiper:not(.swiper-initialized) .swiper-slide{flex:0 0 calc((100% - (var(--hot-spv-mb) - 1) * var(--hot-carousel-gap)) / var(--hot-spv-mb, 1))}@media(min-width:768px){[data-hot-carousel-root] .hot-carousel__swiper:not(.swiper-initialized) .swiper-slide{flex-basis:calc((100% - (var(--hot-spv-dk-peek) - 1) * var(--hot-carousel-gap)) / var(--hot-spv-dk-peek, 1.18))}}[data-hot-carousel-root] .hot-carousel__swiper:not(.swiper-initialized) .swiper-wrapper::-webkit-scrollbar{display:none}[data-hot-carousel-root] .hot-carousel__card{position:relative;display:flex;flex-direction:column;min-width:0;width:100%;background:transparent;box-shadow:none;border-radius:0;flex:0 0 calc((100% - (var(--hot-spv-mb-peek) - 1) * var(--hot-carousel-gap)) / var(--hot-spv-mb-peek, 1.08));max-width:100%}@media(min-width:768px){[data-hot-carousel-root] .hot-carousel__card{flex:0 0 calc((100% - (var(--hot-spv-dk-peek) - 1) * var(--hot-carousel-gap)) / var(--hot-spv-dk-peek, 3.18))}[data-hot-carousel-root] .hot-carousel__swiper.swiper-initialized .hot-carousel__card{flex:none}}[data-hot-carousel-root] .hot-collection__image-box{position:relative;grid-template-rows:var(--hot-image-box-pt, 25px) minmax(0,1fr);width:100%;box-sizing:border-box;overflow:hidden;border-radius:4px;background:rgb(var(--color-background, 255 255 255))}@media(max-width:767px){[data-hot-carousel-root]{--hot-image-box-pt: 0px}[data-hot-carousel-root] .hot-collection__image-box{aspect-ratio:1 / 1;min-height:240px}[data-hot-carousel-root][data-spv-mb="2"] .hot-collection__image-box,[data-hot-carousel-root][data-spv-mb="3"] .hot-collection__image-box,[data-hot-carousel-root][data-spv-mb="4"] .hot-collection__image-box{aspect-ratio:3 / 4;min-height:220px}[data-hot-carousel-root][data-spv-mb="1"] .hot-collection__media,[data-hot-carousel-root][data-spv-mb="1"] a.hot-collection__image-link .hot-collection__media{object-fit:cover;object-position:center top}}[data-hot-carousel-root] .hot-collection__image-box>*{grid-row:2;min-width:0;min-height:0;align-self:stretch}[data-hot-carousel-root] a.hot-collection__image-link{display:block;line-height:0;height:100%}[data-hot-carousel-root] .hot-collection__media,[data-hot-carousel-root] .hot-collection__image-link .hot-collection__media{width:100%;height:100%;display:block;object-fit:contain;object-position:center center}[data-hot-carousel-root] .hot-collection__image-inner--placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:rgb(var(--color-background, 255 255 255))}[data-hot-carousel-root] .hot-collection__image-inner--placeholder .hdt-placeholder-svg,[data-hot-carousel-root] .hot-collection__image-inner--placeholder svg{max-width:90%;max-height:90%;width:auto;height:auto;object-fit:contain;opacity:.45}[data-hot-carousel-root] .hot-collection__body{position:absolute;left:0;right:0;bottom:0;z-index:9;padding:12px;margin:0;background:transparent;color:rgb(var(--color-foreground, 32 32 32));min-width:0;width:auto;max-width:100%;box-sizing:border-box;pointer-events:auto}@media(max-width:767px){[data-hot-carousel-root] .hot-collection__body{bottom:12px}}[data-hot-carousel-root] .hot-collection__title{margin:0 0 4px;font-size:clamp(.88rem,2.6vw,1.08rem);font-weight:700;line-height:1.2;color:inherit;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[data-hot-carousel-root] .hot-collection__subtitle{margin:0;font-size:.68rem;line-height:1.35;color:rgb(var(--color-foreground) / .68);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[data-hot-carousel-root] .hot-collection__footer-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-top:var(--hot-body-text-footer-gap, 8px);flex-wrap:wrap}[data-hot-carousel-root] .hot-collection__price{margin:0;font-size:.7rem;font-weight:500;color:inherit;line-height:1.2}[data-hot-carousel-root] a.hot-collection__buy,[data-hot-carousel-root] .hot-collection__buy{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;font-size:.68rem;font-weight:600;color:rgb(var(--color-foreground, 20 20 20));background:transparent;border:1px solid rgb(var(--color-foreground) / .2);border-radius:999px;text-decoration:none;white-space:nowrap;transition:opacity .15s ease,border-color .15s ease}[data-hot-carousel-root] a.hot-collection__buy:hover,[data-hot-carousel-root] .hot-collection__buy:hover{border-color:rgb(var(--color-foreground) / .4);opacity:.9}[data-hot-carousel-root] .hot-collection__buy--placeholder{pointer-events:none;cursor:default;opacity:.55}[data-hot-carousel-root] .hot-carousel__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:var(--hot-carousel-arrow-pill);height:var(--hot-carousel-arrow-pill);min-width:var(--hot-carousel-arrow-pill);min-height:var(--hot-carousel-arrow-pill);border-radius:50%;background-color:#0000001a;border:0;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:none;transition:filter .2s ease,transform .2s ease;padding:0}[data-hot-carousel-root] .hot-carousel__nav:hover{filter:brightness(1.08);transform:translateY(-50%)}[data-hot-carousel-root] .hot-carousel__nav--prev{left:10px}[data-hot-carousel-root] .hot-carousel__nav--next{right:10px}[data-hot-carousel-root] .hot-carousel__nav svg{width:36px;height:36px;display:block}[data-hot-carousel-root] .hot-carousel__nav.swiper-button-disabled{opacity:0!important;visibility:hidden!important;pointer-events:none!important}@media(max-width:767px){[data-hot-carousel-root]{--hot-carousel-arrow-pill: 40px}[data-hot-carousel-root][data-spv-mb="1"] .hot-carousel__stage{margin-left:0;margin-right:0;width:100%;max-width:100%;box-sizing:border-box;padding:0}[data-hot-carousel-root] .hot-carousel__stage{--hot-stage-pad: 0;padding-left:0;padding-right:0}[data-hot-carousel-root] .hot-carousel__swiper{touch-action:pan-x}[data-hot-carousel-root][data-spv-mb="1"] .hot-carousel__swiper:not(.swiper-initialized) .swiper-wrapper{gap:0}[data-hot-carousel-root] .hot-carousel__nav{display:none}}[data-hot-carousel-root] .hot-carousel__pagination,[data-hot-carousel-root] .hot-carousel__pagination.swiper-pagination,[data-hot-carousel-root] .hot-carousel__pagination.swiper-pagination-bullets{position:static!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important;margin:var(--hot-carousel-pag-top) 0 0;text-align:center;z-index:2;display:none!important;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;width:100%;max-width:100%;box-sizing:border-box}[data-hot-carousel-root]:not([data-one-slide]) .hot-carousel__pagination.swiper-pagination-lock{display:none!important;flex-wrap:wrap;align-items:center;justify-content:center;pointer-events:auto!important;opacity:1!important;visibility:visible!important;height:auto!important;min-height:0;margin-top:var(--hot-carousel-pag-top, 16px)}[data-hot-carousel-root] .hot-carousel__pagination .swiper-pagination-bullet,[data-hot-carousel-root] .hot-carousel__pagination.swiper-pagination-bullet,[data-hot-carousel-root] .hot-carousel__pagination .hot-grid-pag-dot{width:8px;height:8px;border-radius:50%;margin:0 4px!important;opacity:1!important;visibility:visible!important;background:rgb(var(--color-foreground, 20 20 20) / .4)!important;box-shadow:0 0 0 1px rgb(var(--color-background, 255 255 255) / .4);transition:background .2s ease,transform .2s ease;cursor:pointer;flex:0 0 auto}[data-hot-carousel-root] .hot-carousel__pagination .swiper-pagination-bullet-active,[data-hot-carousel-root] .hot-carousel__pagination .swiper-pagination-bullet-active.hot-grid-pag-dot{background:rgb(var(--color-foreground, 20 20 20) / .85)!important;transform:scale(1.15);box-shadow:0 0 0 1px rgb(var(--color-background, 255 255 255) / .6)}[data-hot-carousel-root].hot-carousel--error .hot-carousel__swiper,[data-hot-carousel-root]:not(.hot-carousel--ready) .hot-carousel__swiper{border-radius:4px}[data-hot-carousel-root][data-one-slide] .hot-carousel__nav,[data-hot-carousel-root][data-one-slide] .hot-carousel__pagination{display:none}[data-hot-carousel-root].hot-grid--placeholders .hot-carousel__card--placeholder{box-shadow:inset 0 0 0 1px #0000000d;border-radius:4px;overflow:hidden}[data-hot-carousel-root] .hot-grid-placeholder-hint{margin:0 0 14px;padding:10px 12px;font-size:.85rem;line-height:1.45;color:rgb(var(--color-foreground) / .75);background:rgb(var(--color-foreground) / .05);border-radius:4px;border:1px solid rgb(var(--color-foreground) / .1)}
/*# sourceMappingURL=/cdn/shop/t/17/assets/hot-collection-grid.css.map */