.product-card4{--product-card4-button-height: 44px;container-type:inline-size;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}[data-product-card-media].has-hover-image .product-card-hover-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .35s ease,transform var(--transition-slow)}[data-product-card-media].has-hover-image.is-hover-image-visible .product-card-hover-image{opacity:1}.product-card4__image{display:block;transition:transform var(--transition-slow)}.product-card4:hover .product-card4__image,.product-card4:hover [data-product-card-media] .product-card-hover-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{position:relative;display:block}.product-card4__variant-select{-webkit-appearance:none;appearance:none;display:block;width:100%;min-height:38px;padding:8px 32px 8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm, 4px);background:var(--color-bg-primary);color:var(--color-heading);font-family:var(--font-heading-family);font-size:var(--font-size-xs);font-weight:600;line-height:1.3;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.product-card4__variant-select:hover{border-color:var(--color-heading)}.product-card4__variant-select option{font-weight:500;color:var(--color-heading);background:var(--color-bg-primary)}.product-card4__variant-select option:disabled{color:var(--color-text-muted)}.product-card4__variant-select-icon{position:absolute;top:50%;right:10px;width:16px;height:16px;transform:translateY(-50%);color:var(--color-text-muted);pointer-events: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-select: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-select{min-height:36px;padding:7px 30px 7px 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-select{min-height:34px;padding:6px 28px 6px 9px;font-size:11px}}@container (max-width: 210px){.product-card4{--product-card4-button-height: 38px;gap:10px;padding:10px}.product-card4__badge{top:8px;left:8px;padding:4px 8px;font-size:10px}.product-card4__content{gap:8px}.product-card4__title{font-size:14px;line-height:1.25}.product-card4__variant-select{min-height:32px;padding:5px 26px 5px 8px;font-size:11px}.product-card4__variant-select-icon{right:7px;width:14px;height:14px}.product-card4__price-wrap{gap:0}.product-card4__compare{font-size:12px}.product-card4__price{font-size:16px}.product-card4__actions{gap:6px;min-height:calc((var(--product-card4-button-height) * 2) + 6px)}.product-card4__button{padding:9px 10px;font-size:11px}.product-card4__button .btn-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.product-card4__variant-select--enhanced{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;pointer-events:none}.product-card4__variant-button{display:flex;align-items:center;width:100%;min-height:38px;padding:8px 32px 8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm, 4px);background:var(--color-bg-primary);color:var(--color-heading);font-family:var(--font-heading-family);font-size:var(--font-size-xs);font-weight:600;line-height:1.3;text-align:left;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.product-card4__variant-button:hover,.product-card4__variant-button.is-open{border-color:var(--color-heading)}.product-card4__variant-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.product-card4__variant-button-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card4__variants--enhanced .product-card4__variant-select-icon{transition:transform var(--transition-fast)}.product-card4__variants--enhanced:has(.product-card4__variant-button.is-open) .product-card4__variant-select-icon{transform:translateY(-50%) rotate(180deg)}.product-card4__variant-list{position:fixed;z-index:1000;margin:0;padding:4px;list-style:none;border:1px solid var(--color-border-dark, var(--color-border));border-radius:var(--radius-sm, 4px);background:var(--color-bg-primary);color:var(--color-heading);box-shadow:0 10px 30px #0000001f;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.product-card4__variant-list:focus{outline:none}.product-card4__variant-option{padding:9px 10px;border-radius:var(--radius-sm, 4px);font-family:var(--font-heading-family);font-size:var(--font-size-xs);font-weight:500;line-height:1.3;cursor:pointer}.product-card4__variant-option.is-active,.product-card4__variant-option:hover{background:var(--color-bg-secondary)}.product-card4__variant-option.is-selected{font-weight:700}.product-card4__variant-option.is-disabled{color:var(--color-text-muted);cursor:not-allowed;text-decoration:line-through}.product-card4__variant-option.is-disabled:hover{background:transparent}@media(max-width:768px){.product-card4__variant-button{min-height:36px;padding:7px 30px 7px 10px}}@media(max-width:420px){.product-card4__variant-button{min-height:34px;padding:6px 28px 6px 9px;font-size:11px}.product-card4__variant-option{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/product-card4.css.map */