.ph-card{position:relative;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;border:1px solid var(--ph-border);border-radius:var(--ph-card-radius);background:var(--ph-background-card);box-shadow:var(--ph-shadow-xs);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;contain:layout paint}.ph-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--ph-color-primary) 16%,var(--ph-border));box-shadow:var(--ph-shadow-md)}.ph-card:focus-within{border-color:var(--ph-color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--ph-color-primary) 14%,transparent)}.ph-card__inner{display:flex;flex-direction:column;height:100%}.ph-card__media-link{display:block;color:inherit}.ph-card__media{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#fafafa)}.ph-card--portrait .ph-card__media{aspect-ratio:4 / 5}.ph-card--square .ph-card__media{aspect-ratio:1}.ph-card--adapt .ph-card__media{aspect-ratio:auto}.ph-card__image{width:100%;height:100%;object-fit:cover;transition:transform .45s ease,opacity .25s ease;will-change:transform}.ph-card:hover .ph-card__image{transform:scale(1.045)}.ph-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;aspect-ratio:4 / 5;background:var(--ph-background-soft)}.ph-card__placeholder-svg{width:48%;height:auto;opacity:.25}.ph-card__badge{position:absolute;top:var(--ph-space-4);left:var(--ph-space-4);display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 var(--ph-space-3);border-radius:var(--ph-radius-pill);background:var(--ph-color-primary);color:var(--ph-white);font-size:var(--ph-font-size-xs);font-weight:var(--ph-font-weight-bold);letter-spacing:.02em;z-index:2}.ph-card__badge--sale{background:var(--ph-danger)}.ph-card__badge--sold-out{background:#777}.ph-card__badge--new{background:var(--ph-success)}.ph-card__badge--exclusive{background:var(--ph-color-secondary);color:var(--ph-color-primary)}.ph-card__floating{position:absolute;top:var(--ph-space-4);right:var(--ph-space-4);display:flex;flex-direction:column;gap:var(--ph-space-2);opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease;z-index:5}.ph-card:hover .ph-card__floating{opacity:1;transform:translateY(0)}.ph-card__floating-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#fffffff2;box-shadow:var(--ph-shadow-sm);transition:transform .2s ease,background .2s ease}.ph-card__floating-button:hover{transform:scale(1.06);background:#fff}.ph-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#00000014,#0000);opacity:0;transition:opacity .25s ease;pointer-events:none}.ph-card:hover .ph-card__overlay{opacity:1}.ph-card.is-loading{pointer-events:none}.ph-card.is-loading .ph-card__image{opacity:0}.ph-card.is-loading .ph-card__media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#eceff1 25%,#f8f9fa,#eceff1 75%);background-size:200% 100%;animation:ph-card-skeleton 1.25s linear infinite}@keyframes ph-card-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.ph-card--sold-out .ph-card__image{filter:grayscale(.12)}@media(prefers-reduced-motion:reduce){.ph-card,.ph-card__image,.ph-card__floating,.ph-card__overlay{transition:none!important}.ph-card:hover,.ph-card:hover .ph-card__image{transform:none}}.ph-card__content{display:flex;flex:1;flex-direction:column;gap:var(--ph-space-3);padding:var(--ph-card-padding)}.ph-card__content>*{min-width:0}.ph-card__vendor{color:var(--ph-text-soft);font-size:var(--ph-font-size-xs);font-weight:var(--ph-font-weight-medium);letter-spacing:.04em;text-transform:uppercase}.ph-card__title{margin:0;color:var(--ph-color-primary);font-size:var(--ph-font-size-lg);font-weight:var(--ph-font-weight-semibold);line-height:1.35}.ph-card__title-link{color:inherit;transition:color .2s ease}.ph-card__title-link:hover{color:var(--ph-color-primary-hover)}.ph-card__title-link:focus-visible{outline:none}.ph-card__title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ph-card__rating{display:flex;align-items:center;gap:var(--ph-space-2);margin-top:auto}.ph-card__rating-stars{color:#f6b800;font-size:.95rem;letter-spacing:.06em}.ph-card__rating-value{color:var(--ph-text);font-size:var(--ph-font-size-sm);font-weight:var(--ph-font-weight-semibold)}.ph-card__rating-count{color:var(--ph-text-soft);font-size:var(--ph-font-size-sm)}.ph-card__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--ph-space-2);margin-top:var(--ph-space-2)}.ph-card__price-current{color:var(--ph-color-primary);font-size:1.35rem;font-weight:var(--ph-font-weight-bold);line-height:1}.ph-card__price-compare{color:var(--ph-text-light);font-size:var(--ph-font-size-sm);text-decoration-thickness:2px}.ph-card__price-saving{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--ph-radius-pill);background:color-mix(in srgb,var(--ph-success) 12%,transparent);color:var(--ph-success);font-size:.72rem;font-weight:var(--ph-font-weight-bold)}.ph-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ph-space-3);color:var(--ph-text-soft);font-size:var(--ph-font-size-sm)}.ph-card__meta-item{display:inline-flex;align-items:center;gap:6px}.ph-card__divider{width:100%;height:1px;margin-top:var(--ph-space-2);background:var(--ph-border)}.ph-card__stock{display:inline-flex;align-items:center;gap:6px;color:var(--ph-success);font-size:var(--ph-font-size-sm);font-weight:var(--ph-font-weight-medium)}.ph-card__stock--low{color:var(--ph-warning)}.ph-card__stock--out{color:var(--ph-danger)}.ph-card__tags{display:flex;flex-wrap:wrap;gap:var(--ph-space-2)}.ph-card__tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--ph-radius-pill);background:var(--ph-background-soft);color:var(--ph-text-soft);font-size:.72rem;font-weight:var(--ph-font-weight-medium)}.ph-card--compact .ph-card__content{padding:var(--ph-space-4)}.ph-card--compact .ph-card__title{font-size:var(--ph-font-size-md)}.ph-card--compact .ph-card__price-current{font-size:1.1rem}.ph-card--featured{border-color:color-mix(in srgb,var(--ph-color-secondary) 40%,var(--ph-border));box-shadow:var(--ph-shadow-sm)}.ph-card--featured .ph-card__title{color:var(--ph-color-primary)}@media(max-width:749px){.ph-card__content{gap:var(--ph-space-2);padding:var(--ph-space-4)}.ph-card__title{font-size:var(--ph-font-size-md)}.ph-card__price-current{font-size:1.15rem}.ph-card__rating{gap:6px}}.ph-card__actions{display:flex;flex-direction:column;gap:var(--ph-space-2);margin-top:var(--ph-space-2)}.ph-card__button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:var(--ph-button-height);padding-inline:var(--ph-space-5);border:1px solid var(--ph-color-primary);border-radius:var(--ph-button-radius);background:var(--ph-color-primary);color:var(--ph-white);font-size:var(--ph-font-size-sm);font-weight:var(--ph-font-weight-semibold);line-height:1;text-align:center;text-decoration:none;transition:background-color .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease,transform .18s ease}.ph-card__button:hover{color:var(--ph-white);border-color:var(--ph-color-primary-hover);background:var(--ph-color-primary-hover);box-shadow:var(--ph-shadow-sm);transform:translateY(-1px)}.ph-card__button:active{transform:translateY(0)}.ph-card__button:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--ph-color-primary) 18%,transparent)}.ph-card__button--secondary{color:var(--ph-color-primary);border-color:var(--ph-color-secondary);background:var(--ph-color-secondary)}.ph-card__button--secondary:hover{color:var(--ph-color-primary);border-color:var(--ph-color-secondary-hover);background:var(--ph-color-secondary-hover)}.ph-card__button--outline{color:var(--ph-color-primary);border-color:var(--ph-color-primary);background:transparent}.ph-card__button--outline:hover{color:var(--ph-white);background:var(--ph-color-primary)}.ph-card__button--disabled,.ph-card__button[aria-disabled=true]{pointer-events:none;color:var(--ph-text-light);border-color:var(--ph-border);background:var(--ph-background-soft);box-shadow:none;cursor:not-allowed;opacity:.7}.ph-card__quick-add{display:flex;flex-direction:column;gap:var(--ph-space-2)}.ph-card__quick-add-form{width:100%}.ph-card__quick-add-message{min-height:18px;color:var(--ph-text-soft);font-size:var(--ph-font-size-xs);line-height:var(--ph-line-height-normal)}.ph-card__quick-add-message.is-success{color:var(--ph-success)}.ph-card__quick-add-message.is-error{color:var(--ph-danger)}.ph-card__button.is-loading{pointer-events:none;opacity:.82}.ph-card__button.is-loading:after{content:"";width:16px;height:16px;margin-left:var(--ph-space-2);border:2px solid rgba(255,255,255,.4);border-top-color:currentColor;border-radius:50%;animation:ph-card-button-spin .7s linear infinite}@keyframes ph-card-button-spin{to{transform:rotate(360deg)}}.ph-card--skeleton{pointer-events:none}.ph-card--skeleton .ph-card__title,.ph-card--skeleton .ph-card__rating,.ph-card--skeleton .ph-card__price,.ph-card--skeleton .ph-card__button{position:relative;overflow:hidden;color:transparent!important;border-color:transparent!important;background:linear-gradient(90deg,#eceff1 25%,#f7f8f9,#eceff1 75%);background-size:200% 100%;animation:ph-card-content-skeleton 1.3s linear infinite}.ph-card--skeleton .ph-card__title{width:78%;min-height:22px;border-radius:var(--ph-radius-xs)}.ph-card--skeleton .ph-card__rating{width:52%;min-height:18px;border-radius:var(--ph-radius-xs)}.ph-card--skeleton .ph-card__price{width:42%;min-height:24px;border-radius:var(--ph-radius-xs)}.ph-card--skeleton .ph-card__button{min-height:var(--ph-button-height);border-radius:var(--ph-button-radius)}@keyframes ph-card-content-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.ph-card__image--secondary{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(1.02);transition:opacity .35s ease,transform .45s ease}.ph-card.has-secondary-image:hover .ph-card__image--primary{opacity:0}.ph-card.has-secondary-image:hover .ph-card__image--secondary{opacity:1;transform:scale(1.045)}.ph-card__favorite{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--ph-border);border-radius:50%;background:#fffffff5;color:var(--ph-color-primary);box-shadow:var(--ph-shadow-sm);transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease}.ph-card__favorite:hover{color:var(--ph-danger);border-color:color-mix(in srgb,var(--ph-danger) 25%,var(--ph-border));transform:scale(1.05)}.ph-card__favorite[aria-pressed=true]{color:var(--ph-danger);border-color:color-mix(in srgb,var(--ph-danger) 28%,var(--ph-border));background:color-mix(in srgb,var(--ph-danger) 8%,var(--ph-white))}.ph-card--martin{border-color:color-mix(in srgb,var(--ph-color-secondary) 45%,var(--ph-border));background:linear-gradient(180deg,var(--ph-white),var(--ph-background-beige))}.ph-card__martin-label{display:inline-flex;align-items:center;width:max-content;gap:var(--ph-space-2);padding:5px 10px;border-radius:var(--ph-radius-pill);background:color-mix(in srgb,var(--ph-color-secondary) 22%,var(--ph-white));color:var(--ph-color-primary);font-size:var(--ph-font-size-xs);font-weight:var(--ph-font-weight-semibold)}.ph-card--horizontal .ph-card__inner{display:grid;grid-template-columns:minmax(140px,38%) minmax(0,1fr)}.ph-card--horizontal .ph-card__media{height:100%;aspect-ratio:auto}.ph-card--horizontal .ph-card__content{justify-content:center}@media(hover:none){.ph-card:hover{transform:none;box-shadow:var(--ph-shadow-xs)}.ph-card:hover .ph-card__image{transform:none}.ph-card__floating{opacity:1;transform:none}.ph-card__button:hover{transform:none}}@media(max-width:990px){.ph-card__button{min-height:44px;padding-inline:var(--ph-space-4)}.ph-card--horizontal .ph-card__inner{grid-template-columns:minmax(130px,36%) minmax(0,1fr)}}@media(max-width:749px){.ph-card{border-radius:var(--ph-radius-md)}.ph-card__badge{top:var(--ph-space-3);left:var(--ph-space-3);min-height:25px;padding-inline:var(--ph-space-2)}.ph-card__actions{margin-top:var(--ph-space-1)}.ph-card__button{min-height:42px;padding-inline:var(--ph-space-3);border-radius:var(--ph-radius-sm);font-size:var(--ph-font-size-xs)}.ph-card--horizontal .ph-card__inner{grid-template-columns:112px minmax(0,1fr)}.ph-card--horizontal .ph-card__content{padding:var(--ph-space-3)}}@media(max-width:389px){.ph-card__content{padding:var(--ph-space-3)}.ph-card__button{min-height:40px;white-space:normal;line-height:1.2}.ph-card--horizontal .ph-card__inner{grid-template-columns:96px minmax(0,1fr)}}@media(prefers-contrast:more){.ph-card{border-color:currentColor}.ph-card__button{border-width:2px}}@media(prefers-reduced-motion:reduce){.ph-card__button,.ph-card__favorite,.ph-card__image--secondary{transition:none!important}.ph-card__button:hover,.ph-card__favorite:hover{transform:none}.ph-card__button.is-loading:after,.ph-card--skeleton .ph-card__title,.ph-card--skeleton .ph-card__rating,.ph-card--skeleton .ph-card__price,.ph-card--skeleton .ph-card__button{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/ph-cards.css.map */