.carousel-cards{display:block;position:relative;width:100%;box-sizing:border-box;background:var(--carousel-cards-bg, transparent);padding-block-start:var(--carousel-cards-padding-top, 64px);padding-block-end:var(--carousel-cards-padding-bottom, 64px)}.carousel-cards[data-full-width=false]{max-width:var(--carousel-cards-content-width, 1200px);margin-inline:auto}.carousel-cards__viewport{position:relative;overflow:hidden}.carousel-cards__track{position:relative;height:calc(var(--carousel-cards-card-height-mobile, 260px) + var(--carousel-cards-side-offset-y, 14px) + 24px);margin-block:12px}.carousel-cards__card{position:absolute;top:0;left:50%;width:var(--carousel-cards-card-width-mobile, 200px);height:var(--carousel-cards-card-height-mobile, 260px);border-radius:var(--carousel-cards-card-radius, 20px);overflow:hidden;border-style:solid;border-width:var(--carousel-cards-card-border-width, 0px);border-color:var(--carousel-cards-card-border-color, transparent);box-shadow:0 20px 40px -20px #00000059;transition:transform .3s ease-out,opacity .3s ease-out;will-change:transform,opacity}.carousel-cards[data-shadow=false] .carousel-cards__card{box-shadow:none}.carousel-cards__image,.carousel-cards__image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.carousel-cards__image-placeholder{background:linear-gradient(135deg,#0000001f,#0000000a)}.carousel-cards__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--carousel-cards-overlay, linear-gradient(to top, rgba(0, 0, 0, .78) 0%, rgba(0, 0, 0, .32) 45%, rgba(0, 0, 0, 0) 70%));pointer-events:none}.carousel-cards__badge{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--carousel-cards-badge-radius, 999px);background:var(--carousel-cards-badge-bg, rgba(255, 255, 255, .92));color:var(--carousel-cards-badge-text-color, #1a1a1a);font-size:.6875rem;font-weight:700;white-space:nowrap}.carousel-cards__content{position:absolute;inset-inline:14px;bottom:14px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.carousel-cards__text{display:flex;flex-direction:column;gap:2px;min-width:0}.carousel-cards__title{margin:0;color:#fff;font-size:1rem;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carousel-cards__subtitle{margin:0;color:#ffffffd9;font-size:.75rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carousel-cards__button{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:var(--carousel-cards-button-radius, 999px);background:var(--carousel-cards-button-bg, #ffffff);color:var(--carousel-cards-button-text-color, #1a1a1a);font-size:.8125rem;font-weight:700;text-decoration:none;white-space:nowrap}.carousel-cards__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:999;display:inline-flex;align-items:center;justify-content:center;width:var(--carousel-cards-arrow-size, 48px);height:var(--carousel-cards-arrow-size, 48px);padding:0;cursor:pointer;background:var(--carousel-cards-arrow-bg, rgba(255, 255, 255, .95));color:var(--carousel-cards-arrow-icon-color, #1a1a1a);border:none;border-radius:var(--carousel-cards-arrow-radius, 999px);box-shadow:0 6px 16px -6px #0006;transition:transform .2s ease,background-color .2s ease}.carousel-cards__arrow:hover{transform:translateY(-50%) scale(1.08)}.carousel-cards__arrow:focus-visible{outline:2px solid #ffffff;outline-offset:2px;box-shadow:0 0 0 4px #00000059}.carousel-cards__arrow svg{width:40%;height:40%;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.carousel-cards__arrow--prev{left:var(--carousel-cards-arrow-inset-mobile, 8px)}.carousel-cards__arrow--next{right:var(--carousel-cards-arrow-inset-mobile, 8px)}.carousel-cards__arrow{display:none}.carousel-cards[data-arrows-mobile=true] .carousel-cards__arrow{display:inline-flex}@media screen and (min-width:768px){.carousel-cards__arrow{display:none}.carousel-cards[data-arrows=true] .carousel-cards__arrow{display:inline-flex}.carousel-cards__track{height:calc(var(--carousel-cards-card-height-desktop, 380px) + var(--carousel-cards-side-offset-y, 14px) + 24px)}.carousel-cards__card{width:var(--carousel-cards-card-width-desktop, 300px);height:var(--carousel-cards-card-height-desktop, 380px)}.carousel-cards__badge{top:20px;left:20px;padding:8px 14px;font-size:.75rem}.carousel-cards__content{inset-inline:20px;bottom:20px}.carousel-cards__title{font-size:1.375rem}.carousel-cards__subtitle{font-size:.875rem}.carousel-cards__button{padding:10px 20px;font-size:.875rem}.carousel-cards__arrow--prev{left:var(--carousel-cards-arrow-inset-desktop, 24px)}.carousel-cards__arrow--next{right:var(--carousel-cards-arrow-inset-desktop, 24px)}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/carousel-cards.css.map */