.product-block .hp-pch{position:absolute;top:45%;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}.product-block .hp-pch__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.62) 0%,rgba(0,0,0,.3) 60%,transparent 100%);opacity:0;transition:opacity .25s ease}.product-block .hp-pch__inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px;padding:10px 10px 12px;opacity:0;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease}.product-block .hp-pch__group{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.product-block .hp-pch__group--single{display:none}.product-block .hp-pch__label{width:100%;color:#fff;font-size:11px;letter-spacing:.05em;text-align:center;text-transform:uppercase}.product-block .hp-pch__btn{min-width:36px;height:34px;padding:0 8px;border:1.5px solid rgba(0,0,0,.15);border-radius:4px;background:#fffffff0;color:#1a1a1a;font:inherit;font-size:12px;font-weight:500;line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.product-block .hp-pch__btn:hover{border-color:#000}.product-block .hp-pch__btn[disabled]{background:#ffffffa6;color:#1a1a1a99;text-decoration:line-through;opacity:.6;cursor:not-allowed}.product-block .hp-pch__btn.is-selected,.product-block .hp-pch__btn[aria-pressed=true]{border-color:#000;background:#000;color:#fff}.product-block .hp-pch__btn:focus-visible{outline:2px solid #ffffff;outline-offset:1px}@media(hover:hover){.product-block:hover .hp-pch{pointer-events:auto}.product-block:hover .hp-pch__backdrop,.product-block:hover .hp-pch__inner{opacity:1}.product-block:hover .hp-pch__inner{transform:none}}.product-block:focus-within .hp-pch,.product-block.hp-pch-open .hp-pch{pointer-events:auto}.product-block:focus-within .hp-pch__backdrop,.product-block:focus-within .hp-pch__inner,.product-block.hp-pch-open .hp-pch__backdrop,.product-block.hp-pch-open .hp-pch__inner{opacity:1;transform:none}@media(max-width:767px){.product-block .hp-pch{top:35%}.product-block .hp-pch__inner{padding:8px 6px}.product-block .hp-pch__btn{min-width:30px;height:30px;padding:0 6px;font-size:11px}}.product-block .hp-card-buy{margin-top:.75em}.product-block .hp-card-buy__btn{display:flex;align-items:center;justify-content:center;width:100%}.product-block.is-buying .hp-card-buy__btn{opacity:.6;cursor:progress}.product-block .hp-card-buy__btn.is-error{animation:hp-card-buy-shake .4s ease}@keyframes hp-card-buy-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.product-block .hp-card-buy__error{margin:0 0 6px;padding:4px 8px;border-radius:4px;background:#c62828;color:#fff;font-size:12px;line-height:1.3;text-align:center}.product-block .hp-card-buy__error[hidden]{display:none}.product-block .price .price__discount{display:inline-block;margin-left:.4em;padding:.1em .45em;border-radius:3px;background:#fde7e7;color:#d0021b;font-size:.8em;font-weight:600;line-height:1.4;vertical-align:middle}html .product-block.hp-card,html .products-section .product-block.hp-card,html .product-grid.grid .product-block.hp-card{background-color:transparent;box-shadow:none}html .product-block.hp-card .product-block__inner{position:relative;padding:36px 20px 20px;border-radius:16px;background-color:var(--hp-card-bg, #f9f9f9)}html .product-block.hp-card .product-block__inner .image{background-color:transparent}html .product-block.hp-card .image>.inner{overflow:hidden;border-radius:12px;background-color:var(--hp-card-bg, #f9f9f9);isolation:isolate}.product-block.hp-card .image>.inner img,.product-block.hp-card .image__secondary .rimage-background{mix-blend-mode:multiply}html .product-block.hp-card .product-block__title-price,html .product-block.hp-card .hp-card-buy{padding-right:0;padding-left:0}@media(max-width:767px){html .product-block.hp-card .product-block__inner{padding:30px 10px 12px;border-radius:12px}html .product-block.hp-card .image>.inner{border-radius:8px}}@media(prefers-reduced-motion:reduce){.product-block .hp-pch__backdrop,.product-block .hp-pch__inner{transition:none}.product-block .hp-card-buy__btn.is-error{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/hp-card-buy.css.map */