.variant-card{position:relative;display:flex;flex-direction:column;border-radius:8px;overflow:hidden;opacity:0;animation:variantCardFadeIn .55s cubic-bezier(.15,.75,.25,1) forwards;transition:transform .35s cubic-bezier(.15,.75,.25,1),box-shadow .35s cubic-bezier(.15,.75,.25,1);will-change:transform,box-shadow}@media(hover:hover){.variant-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 14px 28px #00000024,0 6px 12px #0000001a;z-index:10}}.variant-card__image-wrapper{position:relative;overflow:hidden;border-radius:8px;background:#f4f4f4;aspect-ratio:1 / 1.25}.variant-card__image-stack{position:relative;width:100%;height:100%}.image-main,.image-hover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s ease,transform .5s ease}.image-main{z-index:1}.image-hover{opacity:0;z-index:2}@media(hover:hover){.variant-card__image-wrapper:hover .image-hover{opacity:1;transform:scale(1.05)}.variant-card__image-wrapper:hover .image-main{opacity:.6;transform:scale(1.02)}}.variant-card__badge{position:absolute;top:10px;z-index:4;padding:3px 9px;font-size:11px;font-weight:700;text-transform:uppercase;border-radius:3px;letter-spacing:.5px;pointer-events:none}.variant-card__badge--sale{left:10px;background:#d32f2f;color:#fff}.variant-card__badge--bestseller{right:10px;background:#1d1d1d;color:#fff}.variant-card__badge--new{right:10px;background:#2a9d8f;color:#fff}.variant-card__overlay{position:absolute;left:0;bottom:0;width:100%;padding:12px 16px 16px;background:#fffffff7;border-top:1px solid rgba(0,0,0,.06);border-radius:0 0 8px 8px;transform:translateY(100%);transition:transform .28s ease;z-index:5;box-sizing:border-box}@media(hover:hover){.variant-card__image-wrapper:hover .variant-card__overlay{transform:translateY(0)}}.variant-card.active .variant-card__overlay{transform:translateY(0)!important}.variant-card__sizes{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0 4px;box-sizing:border-box}.variant-size-btn{background:#fff;border:1px solid #e2e2e2;padding:7px 12px;min-width:32px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;border-radius:4px;box-sizing:border-box}@media(hover:hover){.variant-size-btn:hover:not(.disabled){background:#000;color:#fff;border-color:#000}}.low-stock-dot{display:inline-block;width:6px;height:6px;background:#ff8a00;border-radius:50%;margin-left:4px}.variant-size-btn.low-stock{border-color:#ff8a00;color:#ff8a00}.variant-size-btn.low-stock:hover{background:#ff8a00;color:#fff}.variant-size-btn.else-color{background:#f4f4f4;border-color:#999;color:#666;cursor:not-allowed}.variant-size-btn[data-tooltip]{position:relative}@media(hover:hover){.variant-size-btn[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#222;color:#fff;padding:4px 8px;font-size:11px;border-radius:4px;white-space:nowrap;margin-bottom:6px;pointer-events:none;z-index:10}.variant-size-btn[data-tooltip]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:#222 transparent transparent transparent;margin-bottom:-3px}}.variant-size-btn.disabled{background:#f5f5f5;border-color:#ddd;color:#999;cursor:not-allowed}.variant-size-btn.loading{color:transparent!important;pointer-events:none;border-color:#888}.variant-size-btn.loading:after{content:"";width:14px;height:14px;border:2px solid #333;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;position:absolute;top:50%;left:50%;margin-left:-7px;margin-top:-7px}@keyframes spin{to{transform:rotate(360deg)}}.variant-size-btn.success{background:#28a745;border-color:#28a745;color:#fff!important}.variant-size-btn.error{background:#dc3545;border-color:#dc3545;color:#fff!important}.variant-card__mobile-trigger{position:absolute;right:10px;bottom:10px;width:42px;height:42px;border:0;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;cursor:pointer;z-index:6}@media(min-width:1025px){.variant-card__mobile-trigger{display:none}}.variant-card__info{display:block;margin-top:10px;text-decoration:none;color:inherit;padding:10px 14px 14px;box-sizing:border-box}.variant-card__title{margin:0 0 5px;font-size:14px;font-weight:700;letter-spacing:.2px;line-height:1.3;color:#111}.variant-card__color{margin:0 0 8px;font-size:12px;color:#888;letter-spacing:.3px;text-transform:uppercase}.variant-card__price{font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px}.price-sale{color:#d32f2f;font-weight:700}.price-compare{color:#aaa;text-decoration:line-through;font-weight:400;font-size:13px}.variant-color-swatches{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding:0 2px 4px;max-width:100%;overflow:hidden;box-sizing:border-box}.variant-swatch,.swatch-more{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border:1px solid #e0e0e0;border-radius:10px;background:#fff;font-size:11px;cursor:pointer;transition:all .2s ease;color:#333;text-decoration:none;flex:1 1 calc(50% - 8px);max-width:calc(50% - 8px);box-sizing:border-box;white-space:normal;word-break:break-word;letter-spacing:.2px}.variant-swatch:hover{border-color:#000;color:#000}.variant-swatch.active{background:#000;border-color:#000;color:#fff}.swatch-more{cursor:default;background:#f0f0f0;border-color:#ccc;color:#555;flex:0 0 auto;width:auto;max-width:fit-content;white-space:nowrap;padding:4px 10px}.variant-flyer{position:fixed;z-index:999999;pointer-events:none;border-radius:6px;object-fit:cover;will-change:transform,opacity,filter}@keyframes variantCardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.variant-card:nth-child(1){animation-delay:.05s}.variant-card:nth-child(2){animation-delay:.1s}.variant-card:nth-child(3){animation-delay:.15s}.variant-card:nth-child(4){animation-delay:.2s}.variant-card:nth-child(5){animation-delay:.25s}.variant-card:nth-child(6){animation-delay:.3s}.variant-card:nth-child(7){animation-delay:.35s}.variant-card:nth-child(8){animation-delay:.4s}
/*# sourceMappingURL=/cdn/shop/t/12/assets/product-card-variant.css.map */