.krn-carousel{position:relative}.krn-carousel__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--krn-peek, 2.25rem) - (var(--krn-cols-m, 2) - 1) * var(--krn-gap, 12px)) / var(--krn-cols-m, 2));justify-content:start;gap:var(--krn-gap, 12px);overflow-x:auto;scroll-snap-type:x proximity;scroll-behavior:smooth;padding:4px 2px 10px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.krn-carousel__track::-webkit-scrollbar{display:none}@media(min-width:750px){.krn-carousel__track{grid-auto-columns:calc((100% - (var(--krn-cols, 4) - 1) * var(--krn-gap, 12px)) / var(--krn-cols, 4))}}.section--full-width .krn-carousel__track{padding-inline-start:var(--page-margin, 1.25rem);scroll-padding-inline-start:var(--page-margin, 1.25rem)}.krn-card{display:block;text-decoration:none;color:inherit;scroll-snap-align:start;min-width:0}.krn-card__media{position:relative;aspect-ratio:var(--krn-ratio, 3 / 4);overflow:hidden}.krn-card__media img{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);object-fit:cover;display:block}.krn-carousel--ratio-auto .krn-card__media{aspect-ratio:auto}.krn-carousel--ratio-auto .krn-card__media img{position:static;inset:auto;width:100%;height:auto}.krn-card__badge{position:absolute;top:8px;left:8px;background:#d64545;color:#fff;font-size:.72rem;font-weight:600;padding:3px 9px;border-radius:4px;letter-spacing:.02em;line-height:1.2}.krn-card__title{margin-top:.5rem;font-size:.95rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.krn-card__price{margin-top:.15rem}.krn-carousel__arrow{position:absolute;top:var(--krn-arrow-top, 42%);transform:translateY(-50%);width:2.4rem;height:2.4rem;border-radius:50%;border:none;background:#ffffffeb;box-shadow:0 2px 8px #00000026;cursor:pointer;z-index:2;display:none;align-items:center;justify-content:center;font-size:1.4rem;line-height:1;color:#222}.krn-carousel__arrow--prev{left:-.4rem}.krn-carousel__arrow--next{right:-.4rem}.krn-carousel__arrow[disabled]{opacity:.35;cursor:default}.krn-carousel--static .krn-carousel__arrow{display:none!important}@media(min-width:990px){.krn-carousel:hover .krn-carousel__arrow,.krn-carousel__arrow:focus-visible{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/krn-carousel.css.map */