.card-product{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.card-wrapper--product{--card-bg: #f0fff4;--card-product-text-color: #000000;--card-product-price-color: #4d6d5d;--card-product-sale-color: var(--color-kk-red);--card-product-compare-color: rgba(0, 0, 0, .55);--card-product-atc-bg: #000000;--card-product-atc-text: #ffffff;--card-product-atc-hover-bg: #000000;--card-product-atc-hover-text: #ffffff}.card-wrapper--product.card-wrapper--splat{--card-bg: var(--color-kk-green);--card-product-text-color: #ffffff;--card-product-price-color: #ffffff;--card-product-sale-color: var(--color-kk-green-neon);--card-product-compare-color: rgba(240, 255, 244, .72);--card-product-atc-bg: var(--color-kk-green-neon);--card-product-atc-text: var(--color-kk-navy);--card-product-atc-hover-bg: var(--color-kk-green-light);--card-product-atc-hover-text: var(--color-kk-navy)}.card-wrapper--product.card-wrapper--megamenu{--card-bg: #ffffff;--card-product-text-color: #000000;--card-product-price-color: #4d6d5d;--card-product-sale-color: var(--color-kk-red);--card-product-compare-color: rgba(0, 0, 0, .55);--card-product-atc-bg: #000000;--card-product-atc-text: #ffffff;--card-product-atc-hover-bg: #000000;--card-product-atc-hover-text: #ffffff}.card-product--megamenu{display:flex;flex-direction:column;height:100%}.card-product--megamenu .card-product__media{flex-shrink:0;min-height:120px}.card-product--megamenu .card-product__info{padding:var(--space-2) var(--space-2) var(--space-3);gap:var(--space-1)}.card-product--megamenu .card-product__title{font-size:1.4rem;line-height:1.2}.card-product--megamenu .card-product__atc{padding:var(--space-2) var(--space-3);font-size:1.2rem}.card-product__media{position:relative;overflow:hidden;background:var(--card-bg);aspect-ratio:1 / 1}.card-product__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.card-wrapper:hover .card-product__image{transform:scale(1.04)}.card-product__image-placeholder{width:100%;height:100%;background:var(--color-kk-green)}.card-product__slides{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none}.card-product__slides::-webkit-scrollbar{display:none}.card-product__slides>.card-product__image{flex:0 0 100%;scroll-snap-align:start}.card-product__slider-nav{position:absolute;top:0;left:0;right:0;aspect-ratio:var(--card-media-ratio, 1 / 1);z-index:4;pointer-events:none}.card-product__slide-btn{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-top:-18px;padding:0;border:none;border-radius:50%;background:#ffffffeb;color:var(--color-kk-navy);box-shadow:0 2px 8px #00000026;cursor:pointer;pointer-events:auto;transition:opacity var(--transition-fast),transform var(--transition-fast)}.card-product__slide-btn svg{width:18px;height:18px}.card-product__slide-btn--prev{left:var(--space-2)}.card-product__slide-btn--next{right:var(--space-2)}.card-product__slide-btn:focus-visible{outline:3px solid var(--color-kk-navy);outline-offset:2px;opacity:1}.card-product__dots{position:absolute;left:50%;bottom:var(--space-3);display:flex;gap:5px;padding:4px 6px;border-radius:999px;background:#ffffffb3;transform:translate(-50%)}.card-product__dot{width:6px;height:6px;border-radius:50%;background:rgba(var(--color-kk-navy-rgb),.3);transition:background var(--transition-fast),width var(--transition-fast)}.card-product__dot.is-active{width:14px;border-radius:3px;background:var(--color-kk-navy)}@media(hover:hover)and (pointer:fine){.card-product__slide-btn{opacity:0}.card-wrapper:hover .card-product__slide-btn{opacity:1}.card-product__slide-btn:hover{transform:scale(1.08)}}@media(hover:none){.card-product__slide-btn{width:30px;height:30px;margin-top:-15px}.card-product__slide-btn svg{width:15px;height:15px}}.card-product:focus-visible{outline:3px solid var(--color-kk-navy);outline-offset:-3px}.card-product__info{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-4);flex:1}.card-product__title{font-family:var(--font-body);font-size:1.8rem;font-weight:700;line-height:1.2;text-transform:none;color:var(--card-product-text-color, var(--color-body-text))}@media(max-width:749px){.card-product__title{font-size:clamp(1.5rem,4vw,1.7rem)}}@media(min-width:990px){.card-product__title{font-size:clamp(1.7rem,1.1vw,1.9rem)}}.card-product__price-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-3)}.card-product__prices{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-1) var(--space-2);min-width:0;line-height:1.2}.card-product__price{white-space:nowrap;font-family:var(--font-body);font-size:1.7rem;font-weight:700;color:var(--card-product-price-color, var(--card-product-text-color, var(--color-body-text)))}.card-product__price--sale{color:var(--card-product-sale-color, var(--color-kk-green-neon))}.card-product__price--compare{font-size:1.4rem;color:var(--card-product-compare-color, rgba(0, 0, 0, .4));text-decoration:line-through;font-weight:400}.card-product__savings{display:inline-flex;gap:.3em;flex-shrink:0;margin-left:auto;white-space:nowrap;padding:2px var(--space-2);border-radius:999px;background:rgba(var(--color-kk-red-rgb),.12);color:var(--color-kk-red);font-family:var(--font-body);font-size:1.2rem;font-weight:700;line-height:1.5}@media(max-width:749px){.card-product__savings{flex-direction:column;gap:0;padding:3px var(--space-2);border-radius:8px;text-align:center;line-height:1.25}}.card-wrapper--splat .card-product__savings{background:rgba(var(--color-kk-green-neon-rgb),.18);color:var(--color-kk-green-neon)}.card-product__stock{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:1.3rem;font-weight:600;color:var(--card-product-text-color, var(--color-body-text))}.card-product__stock-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:#e8862a;box-shadow:0 0 #e8862a80;animation:kk-stock-pulse 2s ease-out infinite}@keyframes kk-stock-pulse{0%{box-shadow:0 0 #e8862a80}70%{box-shadow:0 0 0 6px #e8862a00}to{box-shadow:0 0 #e8862a00}}.card-product__badges{position:absolute;top:var(--space-3);left:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);z-index:2}.card-product__badges--bottom{top:auto;bottom:var(--space-3)}.card-product__pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-family:var(--font-body);font-size:1.1rem;font-weight:700;letter-spacing:.06em;line-height:1.3;text-transform:uppercase}.card-product__pill--new{background:var(--color-kk-navy);color:#fff}.card-product__sold-out-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:3;overflow:hidden}.card-product__sold-out-text{margin:0;width:140%;text-align:center;font-family:var(--font-heading);font-size:clamp(3.2rem,8.5vw,6.4rem);line-height:1;text-transform:uppercase;letter-spacing:.04em;color:var(--color-kk-navy);opacity:.55;transform:rotate(-19deg)}.card-product__actions{padding:0 var(--space-3) var(--space-3)}.card-product__atc{margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:44px;width:100%;padding:var(--space-3) var(--space-4);background:var(--card-product-atc-bg, var(--color-atc-button));color:var(--card-product-atc-text, #ffffff);border:none;border-radius:var(--btn-border-radius);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;text-align:center;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast),transform .25s ease;position:relative;overflow:hidden;transform-origin:center}.card-product__atc:hover{background:var(--card-product-atc-hover-bg, #000000);color:var(--card-product-atc-hover-text, #ffffff)}.card-product__atc-label,.card-product__atc-added{display:inline-flex;align-items:center;gap:var(--space-2);transition:opacity var(--transition-fast)}.card-product__atc-icon{display:inline-flex;width:1.3em;height:1.3em;flex-shrink:0}.card-product__atc-icon svg{width:100%;height:100%}.card-product__atc-added{position:absolute;top:0;right:0;bottom:0;left:0;justify-content:center;opacity:0}.card-product__atc-spinner{position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;opacity:0;animation:spin .6s linear infinite}.card-product__atc.loading .card-product__atc-label{opacity:0}.card-product__atc.loading .card-product__atc-spinner{opacity:1}.card-product__atc.is-added,.card-product__atc.is-added:hover{background:var(--color-kk-green);color:#fff}.card-product__atc.is-added .card-product__atc-label{opacity:0}.card-product__atc.is-added .card-product__atc-added{opacity:1}.card-product__atc--disabled,.card-product__atc--disabled:hover{background:#00000040;color:#fff;cursor:default;transform:none!important}.card-product__atc--disabled:after{display:none}@keyframes kk-card-rainbow-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.card-product__atc:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;background:linear-gradient(105deg,transparent 20%,rgba(255,0,0,.25) 30%,rgba(255,165,0,.25) 37%,rgba(255,255,0,.25) 44%,rgba(0,255,0,.25) 51%,rgba(0,127,255,.25) 58%,rgba(139,0,255,.25) 65%,transparent 80%);transform:translate(-100%);pointer-events:none}@media(hover:hover)and (pointer:fine){.card-product__atc:hover{transform:scale(1.05)}.card-product__atc:hover:after,.card-product__atc:focus-visible:after{animation:kk-card-rainbow-shine .6s ease forwards}}@media(hover:none){.card-product__atc:active{transform:scale(1.05)}.card-product__atc:active:after{animation:kk-card-rainbow-shine .6s ease forwards}}@media(prefers-reduced-motion:reduce){.card-product__atc{transition:background var(--transition-fast),color var(--transition-fast);transform:none}.card-product__atc:after{animation:none!important;display:none}.card-product__stock-dot{animation:none}.card-product__slides{scroll-behavior:auto}}.card-product__reviews-placeholder{display:none}.card-product__reviews-placeholder.is-active{display:flex;align-items:center;gap:var(--space-1)}.card-collection{position:relative;display:block;text-decoration:none;color:inherit;overflow:hidden;border-radius:var(--card-border-radius-inner);height:100%}.card-collection__image{width:100%;aspect-ratio:3 / 4;object-fit:cover;transition:transform var(--transition-slow)}.card-wrapper:hover .card-collection__image{transform:scale(1.04)}.card-collection__info{position:absolute;bottom:0;left:0;right:0;padding:var(--space-4);background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 100%)}.card-collection__title{font-family:var(--font-heading);font-size:2rem;font-weight:400;color:#fff;line-height:1.2}.card-collection__count{font-size:var(--font-size-sm);color:#ffffffbf;margin-top:var(--space-1)}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-card.css.map */