.product-card4{--product-card4-button-height: 44px;display:flex;flex-direction:column;gap:var(--space-4);min-width:0;height:100%;padding:var(--card-padding);background:var(--color-bg-primary);color:var(--color-heading);border:1px solid var(--color-border);border-radius:var(--card-border-radius);transition:border-color var(--transition-fast)}.product-card4:hover{border-color:var(--color-border-dark)}.product-card4__link{display:block;color:inherit;text-decoration:none}.product-card4__media{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:var(--color-bg-secondary);border-radius:max(0px,calc(var(--card-border-radius) - 4px))}.product-card4__media--square{aspect-ratio:1 / 1}.product-card4__media--portrait{aspect-ratio:3 / 4}.product-card4__media--landscape{aspect-ratio:4 / 3}.product-card4__media--wide{aspect-ratio:16 / 9}.product-card4__media--tall{aspect-ratio:2 / 3}.product-card4__media--natural{aspect-ratio:auto}.product-card4__image,.product-card4__image.image>img{width:100%;height:100%;object-fit:cover}.product-card4__image{display:block;transition:transform var(--transition-slow)}.product-card4:hover .product-card4__image{transform:scale(1.03)}.product-card4__image--placeholder{display:flex;align-items:center;justify-content:center}.product-card4__badge{position:absolute;top:12px;left:12px;z-index:1;padding:5px 10px;border-radius:var(--badge-radius);font-size:var(--badge-font-size);font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase}.product-card4__badge--sale{background:var(--badge-sale-bg);color:var(--badge-sale-text)}.product-card4__badge--sold-out{background:var(--badge-sold-out-bg);color:var(--badge-sold-out-text)}.product-card4__content{display:flex;flex:1;flex-direction:column;gap:var(--space-3);min-width:0}.product-card4__title{margin:0;font-family:var(--font-heading-family);font-size:clamp(var(--font-size-sm),1.6vw,var(--font-size-base));font-weight:700;line-height:1.3;color:var(--color-heading);display:-webkit-box;-webkit-line-clamp:var(--title-lines-desktop, 2);-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.product-card4__title a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.product-card4__title a:hover{color:var(--color-accent)}.product-card4__variants{display:flex;flex-wrap:wrap;gap:var(--space-2);position:relative}.product-card4__variant{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-primary);color:var(--color-text-muted);font-family:var(--font-heading-family);font-size:var(--font-size-xs);font-weight:600;line-height:1.2;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.product-card4__variant:hover{border-color:var(--color-heading);color:var(--color-heading);transform:translateY(-1px)}.product-card4__variant.is-active{background:var(--color-heading);border-color:var(--color-heading);color:var(--color-bg-primary)}.product-card4__variant:disabled{opacity:.45;cursor:not-allowed;transform:none}.product-card4__variant--more{border-style:dashed;text-decoration:none}.product-card4__price-wrap{display:flex;flex-direction:column;gap:2px}.product-card4__compare{font-size:var(--font-size-sm);line-height:1.2;color:var(--color-text-light);text-decoration:line-through}.product-card4__compare[hidden]{display:none}.product-card4__price{font-size:clamp(18px,2vw,22px);font-weight:800;line-height:1.1;color:var(--color-heading)}.product-card4__actions{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;min-height:calc((var(--product-card4-button-height) * 2) + 10px);margin-top:auto}.product-card4__form{margin:0}.product-card4__button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:var(--product-card4-button-height);padding:11px 16px;border-radius:var(--card-btn-radius);font-family:var(--font-heading-family);font-size:var(--font-size-sm);font-weight:700;line-height:1;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.product-card4__button:hover{transform:translateY(-1px)}.product-card4__button--secondary{background:var(--color-bg-primary);color:var(--color-heading);border:1px solid var(--color-border)}.product-card4__button--secondary:hover{background:var(--color-bg-secondary);border-color:var(--color-border-dark)}.product-card4__button--primary{background:var(--card-btn-bg, var(--btn-card-bg, var(--color-accent)));color:var(--card-btn-text, var(--btn-card-text, #ffffff));border:1px solid transparent}.product-card4__button--primary:hover{background:var(--card-btn-hover-bg, var(--btn-card-hover-bg, var(--color-accent-hover)))}.product-card4__button:disabled{cursor:not-allowed;transform:none}.product-card4__button--secondary:disabled{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text-muted)}.product-card4__button--primary:disabled{background:var(--color-bg-dark);color:var(--color-text-muted)}.product-card4__button .btn-spinner{display:none;width:16px;height:16px;border:2px solid rgba(255,255,255,.28);border-top-color:currentColor;border-radius:50%;animation:product-card4-spin .8s linear infinite}.product-card4__button--secondary .btn-spinner{border-color:#1a1a1a2e;border-top-color:currentColor}.product-card4__button.loading .btn-text{display:none}.product-card4__button.loading .btn-spinner{display:block}.product-card4__button:focus-visible,.product-card4__variant:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@keyframes product-card4-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.product-card4{--product-card4-button-height: 42px;gap:var(--space-3);padding:var(--space-3)}.product-card4__title{-webkit-line-clamp:var(--title-lines-mobile, 2);font-size:var(--font-size-sm)}.product-card4__variant{min-height:32px;padding:6px 10px}.product-card4__price{font-size:var(--font-size-lg)}.product-card4__button{padding:10px 14px;font-size:var(--font-size-xs)}}@media(max-width:420px){.product-card4{padding:var(--space-2)}.product-card4__badge{top:8px;left:8px}.product-card4__variant{min-height:30px;padding:5px 9px;font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/product-card4.css.map */