.product-card.p-card{--p-card-pad: var(--p-space-5);--p-card-cart: 44px;container:p-card / inline-size;background:none;border-radius:var(--p-radius-lg);font-family:var(--p-font-sans);color:var(--p-color-text);text-align:left}.p-card__inner{position:relative;isolation:isolate;display:flex;flex:1;flex-direction:column;padding:var(--p-card-pad);padding:clamp(var(--p-space-3),7.5cqi,var(--p-space-5));background:var(--p-color-bg);border-radius:var(--p-radius-lg);transition:transform var(--p-duration-base) var(--p-ease-out)}.p-card__inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;box-shadow:var(--p-shadow-lg);opacity:0;pointer-events:none;transition:opacity var(--p-duration-base) var(--p-ease-out)}.p-card__badge,.p-card__save{position:absolute;top:var(--p-card-pad);top:clamp(var(--p-space-3),7.5cqi,var(--p-space-5));z-index:2;max-width:60%;padding:var(--p-space-1) var(--p-space-3);overflow:hidden;border-radius:var(--p-radius-pill);font-size:var(--p-text-micro);font-weight:var(--p-weight-semibold);line-height:var(--p-lh-micro);white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.p-card__badge{left:var(--p-card-pad);left:clamp(var(--p-space-3),7.5cqi,var(--p-space-5));background:var(--p-card-badge-bg, var(--p-color-bg-subtle));color:var(--p-card-badge-fg, var(--p-color-text-secondary));letter-spacing:.02em;transition:background-color var(--p-duration-fast) var(--p-ease-standard),color var(--p-duration-fast) var(--p-ease-standard)}.p-card__badge--custom{color:var(--p-card-badge-fg, var(--p-color-text))}.p-card__save{right:var(--p-card-pad);right:clamp(var(--p-space-3),7.5cqi,var(--p-space-5));max-width:40%;background:var(--p-color-brand-soft);color:var(--p-color-warning)}.p-card__media{position:relative;aspect-ratio:1 / 1;margin-bottom:var(--p-space-4);overflow:hidden;border-radius:var(--p-radius-md);background:var(--p-color-bg)}.p-card__img{display:block;width:100%;height:100%;object-fit:contain;transition:transform var(--p-duration-slow) var(--p-ease-out)}.p-card__img--placeholder{background:var(--p-color-bg-subtle);fill:var(--p-color-text-tertiary)}.p-card__body{display:flex;flex-direction:column;gap:var(--p-space-2);margin-bottom:var(--p-space-4)}.p-card__title{margin:0;font-family:inherit;font-size:var(--p-text-lead);font-size:clamp(1rem,.25rem + 6cqi,1.5rem);font-weight:var(--p-weight-semibold);line-height:1.2;letter-spacing:var(--p-ls-h3);text-transform:none}.p-card__link,.p-card__link:hover{color:inherit;text-decoration:none}.p-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:var(--p-radius-lg)}.p-card__link:focus-visible{outline:none}.p-card__link:focus-visible:after{outline:3px solid var(--p-color-focus);outline-offset:2px}.p-card__subtitle{display:-webkit-box;margin:0;overflow:hidden;color:var(--p-color-text-secondary);font-size:var(--p-text-caption);font-size:clamp(var(--p-text-micro),.5rem + 2.5cqi,var(--p-text-caption));line-height:var(--p-lh-caption);-webkit-line-clamp:2;-webkit-box-orient:vertical}.p-card__tags{display:flex;flex-wrap:wrap;gap:var(--p-space-2);margin:var(--p-space-1) 0 0;padding:0;list-style:none}.p-card__tag{margin:0;padding:var(--p-space-1) var(--p-space-3);border:1px solid var(--p-color-line-strong);border-radius:var(--p-radius-pill);color:var(--p-color-text-secondary);font-size:var(--p-text-micro);line-height:var(--p-lh-micro);white-space:nowrap}.p-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--p-space-3);margin-top:auto;padding-top:var(--p-space-4);border-top:1px solid var(--p-color-line)}.p-card__price{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;gap:2px;min-width:0;min-height:44px}.p-card__price-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--p-space-2);color:var(--p-color-text-secondary);font-size:var(--p-text-micro);line-height:var(--p-lh-micro)}.p-card__price-was{color:var(--p-color-text-tertiary)}.p-card__price-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--p-space-1) var(--p-space-2)}.p-card__price-now{font-size:var(--p-text-body);font-size:clamp(var(--p-text-caption),.5rem + 4.5cqi,var(--p-text-body));font-weight:var(--p-weight-semibold);line-height:1.2;white-space:nowrap}.p-card__actions{position:relative;z-index:2;display:flex;flex:none;align-items:center;gap:var(--p-space-2)}.p-card__explore{--p-btn-px: 20px;border-color:var(--p-color-line-strong);font-size:var(--p-text-caption);font-weight:var(--p-weight-medium)}.p-card__explore:hover{border-color:var(--p-color-text)}.p-card__quick-view{display:contents}.p-card__cart{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--p-card-cart);height:var(--p-card-cart);padding:0;border:0;border-radius:50%;background:var(--p-color-bg-subtle);color:var(--p-color-text);cursor:pointer;transition:background-color var(--p-duration-fast) var(--p-ease-standard),color var(--p-duration-fast) var(--p-ease-standard),transform var(--p-duration-fast) var(--p-ease-out)}.p-card__cart:before{content:"";position:absolute;inset:min(0px,calc((var(--p-card-cart) - 44px) / 2))}.p-card__cart:active{transform:scale(.94)}.p-card__cart:focus-visible{outline:3px solid var(--p-color-focus);outline-offset:2px}.p-card__cart:disabled{color:var(--p-color-text-tertiary);cursor:not-allowed}.p-card__cart .spinner{position:absolute;width:20px;height:20px;opacity:0}.p-card__cart .spinner-path{stroke:currentColor}.p-card__cart.loading .p-icon,.p-card__quick-view.loading .p-icon{opacity:0}.p-card__cart.loading .spinner,.p-card__quick-view.loading .spinner{opacity:1}@media(hover:hover){.p-card:hover .p-card__inner{transform:translateY(-4px)}.p-card:hover .p-card__inner:before{opacity:1}.p-card:hover .p-card__img{transform:scale(1.04)}.p-card:hover .p-card__badge:not(.p-card__badge--custom,.p-card__badge--muted,.p-card__badge--static),.p-card:hover .p-card__cart:not(:disabled){background-color:var(--p-color-brand-soft);color:var(--p-color-brand)}.p-card .p-card__cart:not(:disabled):hover{background-color:var(--p-color-brand);color:var(--p-color-on-brand)}}.p-card:focus-within .p-card__inner:before{opacity:1}@container p-card (max-width: 319px){.p-card__inner{border-radius:var(--p-radius-md)}.p-card__link:after{border-radius:var(--p-radius-md)}.p-card__media{border-radius:var(--p-radius-sm)}.p-card__footer{flex-wrap:wrap}.p-card__price{flex-basis:100%}.p-card__actions{flex:1 1 100%}.p-card__explore{flex:1}}@container p-card (max-width: 219px){.p-card__inner{--p-card-cart: 36px;border-radius:var(--p-radius-md)}.p-card__link:after{border-radius:var(--p-radius-md)}.p-card__media{margin-bottom:var(--p-space-3);border-radius:var(--p-radius-sm)}.p-card__body{gap:var(--p-space-1);margin-bottom:var(--p-space-3)}.p-card__badge,.p-card__save{padding:2px var(--p-space-2)}.p-card__tags{gap:var(--p-space-1)}.p-card__tag{padding:2px var(--p-space-2)}.p-card__tag:nth-child(n+3){display:none}.p-card__footer{flex-wrap:nowrap;gap:var(--p-space-2);padding-top:var(--p-space-3)}.p-card__price{flex-basis:auto}.p-card__actions{flex:none}.p-card__explore,.p-card__currency{display:none}}@media(prefers-reduced-motion:reduce){.p-card__inner,.p-card__inner:before,.p-card__img,.p-card__badge,.p-card__cart{transition:none}.p-card:hover .p-card__inner,.p-card:hover .p-card__img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/pihot-product-card.css.map */