.kumoo-card{position:relative;cursor:pointer}.kumoo-card__image-wrap{display:block;position:relative;overflow:hidden;aspect-ratio:3 / 4;background:#f8f7f5}.kumoo-card__img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s ease}.kumoo-card__img--primary{opacity:1;z-index:1}.kumoo-card__img--hover{opacity:0;z-index:2}.kumoo-card:hover .kumoo-card__img--primary{opacity:0}.kumoo-card:hover .kumoo-card__img--hover{opacity:1}.kumoo-card__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;opacity:0;transition:opacity .3s;pointer-events:none}.kumoo-card__nav--left{left:8px}.kumoo-card__nav--right{right:8px}.kumoo-card:hover .kumoo-card__nav{opacity:.8}.kumoo-card__badge{position:absolute;top:12px;left:12px;z-index:4;font-size:11px;font-weight:500;letter-spacing:.5px;padding:3px 10px;background:#fff;color:#1a1a1a;border:.5px solid #ddd}.kumoo-card__badge--sale{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.kumoo-card__info{padding:12px 4px;text-align:center}.kumoo-card__swatches{display:flex;justify-content:center;gap:6px;margin-bottom:8px}.kumoo-card__swatch{width:18px;height:18px;border-radius:50%;border:1.5px solid #ddd;cursor:pointer;transition:border-color .2s,transform .2s}.kumoo-card__swatch.active,.kumoo-card__swatch:hover{border-color:#1a1a1a;transform:scale(1.1)}.kumoo-card__swatch[style*="#f5f5f5"],.kumoo-card__swatch[style*=white]{border-color:#ccc}.kumoo-card__tag{display:inline-block;font-size:10px;font-weight:500;letter-spacing:1px;padding:2px 8px;border:.5px solid #ccc;color:#666;margin-bottom:6px}.kumoo-card__name{display:block;font-size:13px;font-weight:400;color:#1a1a1a;text-decoration:none;line-height:1.4;margin-bottom:4px}.kumoo-card__name:hover{text-decoration:underline}.kumoo-card__price{font-size:14px;font-weight:500;color:#1a1a1a;margin-bottom:4px}.kumoo-card__price--sale{color:#c0392b}.kumoo-card__price--compare{text-decoration:line-through;color:#999;font-weight:400;font-size:12px;margin-left:4px}.kumoo-card__sizes{display:flex;justify-content:center;gap:4px;margin:8px 0;flex-wrap:wrap}.kumoo-card__size{min-width:34px;height:30px;padding:0 6px;border:.5px solid #ccc;border-radius:4px;background:#fff;font-size:12px;color:#1a1a1a;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.kumoo-card__size:hover,.kumoo-card__size.active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.kumoo-card__size--out{color:#ccc;text-decoration:line-through;opacity:.4;pointer-events:none}.kumoo-card__atc-btn{display:block;width:100%;padding:12px;background:#1a1a1a;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:500;letter-spacing:1px;cursor:pointer;transition:background .2s;margin-top:4px}.kumoo-card__atc-btn:hover{background:#333}.kumoo-card__hover-only{max-height:0;overflow:hidden;opacity:0;transition:max-height .35s ease,opacity .25s ease}.kumoo-card__default-only{max-height:100px;opacity:1;overflow:hidden;transition:max-height .35s ease,opacity .25s ease}.kumoo-card:hover .kumoo-card__hover-only{max-height:200px;opacity:1}.kumoo-card:hover .kumoo-card__default-only,.kumoo-card:hover .kumoo-card__tag{max-height:0;opacity:0}@media(max-width:768px){.kumoo-card__img--hover,.kumoo-card__nav,.kumoo-card__hover-only{display:none}.kumoo-card__default-only,.kumoo-card__tag{max-height:none;opacity:1}}.kumoo-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 16px}@media(max-width:1024px){.kumoo-card-grid{grid-template-columns:repeat(3,1fr);gap:12px}}@media(max-width:768px){.kumoo-card-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 12px}}.kumoo-card__badge--preorder{background:#1a1a1a;color:#fff;border-color:#1a1a1a;letter-spacing:1px}.kumoo-card__atc-btn--preorder{background:#8b5e3c}.kumoo-card__atc-btn--preorder:hover{background:#6b4226}@media(min-width:750px){media-gallery[data-desktop-layout=thumbnail]{position:relative!important;gap:8px!important;column-gap:8px!important;--grid-desktop-horizontal-spacing: 8px !important}slider-component[id^=GalleryThumbnails]{position:absolute!important;top:0!important;left:0!important;bottom:0!important;width:60px!important;max-height:none!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}slider-component[id^=GalleryThumbnails] .thumbnail-list{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important}slider-component[id^=GalleryThumbnails] .thumbnail-list::-webkit-scrollbar{width:3px}slider-component[id^=GalleryThumbnails] .thumbnail-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}slider-component[id^=GalleryThumbnails] .slider-button{flex-shrink:0!important}media-gallery[data-desktop-layout=thumbnail]{overflow:hidden!important}slider-component[id^=GalleryViewer]{min-height:0!important}media-gallery[data-desktop-layout=thumbnail] .product__media-list{margin-bottom:0!important;padding-bottom:0!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/kumoo-card.css.map */