.pc-card{position:relative;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;background:var(--color-bg-primary);border:1px solid var(--color-border-lighter);border-radius:var(--radius-card);padding:10px;box-shadow:0 1px 3px #0e23400f;font-family:var(--font-family-body);transition:box-shadow .18s ease,transform .18s ease}.pc-card:hover{box-shadow:0 10px 28px #0e234024;transform:translateY(-3px)}.pc-card--slider{width:100%}.pc-media{position:relative;aspect-ratio:1 / 1;border-radius:var(--radius-tile);overflow:hidden;background:var(--color-button-secondary);border:1px solid var(--color-border-lighter);box-shadow:inset 0 1px 3px #0e23400a;overflow:visible}.pc-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit}.pc-track{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;transition:transform .35s cubic-bezier(.4,0,.2,1);will-change:transform}.pc-slide{flex:0 0 100%;height:100%;position:relative}.pc-slide img,.pc-slide .pc-placeholder{width:100%;height:100%;object-fit:cover;display:block}.pc-placeholder{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,var(--color-bg-light),var(--color-bg-light) 10px,var(--color-border-lighter) 10px,var(--color-border-lighter) 20px);color:var(--color-text-tertiary);font-size:var(--fs-xs);text-align:center;padding:var(--spacing-md)}.pc-badge{position:absolute;top:8px;left:8px;z-index:3;font-size:var(--fs-xs);font-weight:var(--font-weight-bold);line-height:1;padding:6px 8px;border-radius:var(--radius-badge)}.pc-badge--sale{background:var(--color-sale);color:var(--color-text-on-dark)}.pc-badge--gold{background:var(--color-gold);color:var(--color-text-strong)}.pc-navs{position:absolute;top:50%;left:-17px;right:-17px;transform:translateY(-50%);z-index:4;display:flex;justify-content:space-between;pointer-events:none}.pc-arrow{pointer-events:auto;position:relative;width:var(--min-touch-size);height:var(--min-touch-size);padding:0;display:grid;place-items:center;border:none;background:none;box-shadow:none;color:var(--color-text-strong);cursor:pointer}.pc-arrow:before{content:"";position:absolute;width:30px;height:30px;border-radius:50%;background-color:#fffffff5;box-shadow:0 2px 8px #0e234024;transition:background-color .15s ease}.pc-arrow svg{position:relative;width:16px;height:16px;display:block}.pc-arrow:hover:before{background-color:var(--color-button-secondary)}.pc-arrow:focus-visible{outline:none}.pc-arrow:focus-visible:before{outline:var(--focus-outline-width) solid var(--focus-outline-color);outline-offset:2px}@media(hover:none){.pc-navs{left:4px;right:4px}.pc-arrow:before{width:24px;height:24px}.pc-arrow svg{width:13px;height:13px}}.pc-dots{position:absolute;bottom:9px;left:0;right:0;z-index:3;display:flex;justify-content:center;gap:5px}.pc-dot{width:24px;height:24px;padding:0;border:none;background:none;cursor:pointer;display:grid;place-items:center}.pc-dot:before{content:"";display:block;width:6px;height:6px;border-radius:var(--radius-pill);background:#0e234038;transition:width .2s ease,background .2s ease}.pc-dot[aria-current=true]:before{width:18px;background:var(--color-navy)}.pc-counter{position:absolute;bottom:8px;right:8px;z-index:3;padding:3px 8px;border-radius:var(--radius-pill);background:#0e234099;color:var(--color-text-on-dark);font-size:var(--fs-xs);font-weight:var(--font-weight-semibold);line-height:1.3;font-variant-numeric:tabular-nums}.pc-dot:focus-visible{outline:var(--focus-outline-width) solid var(--color-navy);outline-offset:1px;border-radius:var(--radius-badge)}.pc-body{display:flex;flex-direction:column;gap:9px;flex:1;padding:13px 5px 5px}.pc-rating{display:flex;align-items:center;gap:6px;font-size:var(--fs-xs);font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.pc-stars{color:var(--color-gold);letter-spacing:.5px}.pc-count{color:var(--color-text-secondary)}.pc-title{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-body);font-weight:var(--font-weight-normal);line-height:1.35;color:var(--color-text-primary);text-wrap:pretty;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}.pc-title-link{color:inherit;text-decoration:none}.pc-title-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.pc-title-link:focus-visible{outline:var(--focus-outline-width) solid var(--focus-outline-color);outline-offset:var(--focus-outline-offset)}.pc-prices{display:flex;align-items:baseline;gap:var(--spacing-sm);flex-wrap:wrap}.pc-price{font-size:var(--fs-h4);font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1;color:var(--color-text-strong)}.pc-price-old{font-size:var(--fs-xs);font-weight:var(--font-weight-normal);line-height:1;color:var(--color-text-secondary);text-decoration:line-through}.pc-add-btn{position:relative;z-index:2;margin-top:auto;display:none;align-items:center;justify-content:center;width:100%;min-height:var(--min-touch-size);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-input);border-radius:var(--radius-tile);background:var(--color-surface-field);color:var(--color-navy);font-family:var(--font-family-body);font-size:var(--fs-body);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.pc-add-btn:before,.pc-add-btn:after{content:none;display:none}.pc-card:hover .pc-add-btn:not(:disabled),.pc-add-btn:hover:not(:disabled),.pc-add-btn:focus-visible:not(:disabled){background:var(--color-navy);border-color:var(--color-navy);color:var(--color-text-on-dark)}.pc-add-btn.is-loading{opacity:.7;cursor:progress}.pc-card:hover .pc-add-btn.is-added,.pc-add-btn.is-added,.pc-add-btn.is-added:hover{background:var(--color-success);border-color:var(--color-success);color:var(--color-text-on-dark)}.pc-add-btn:disabled{background:var(--color-bg-light);color:var(--color-text-tertiary);cursor:not-allowed}@media(min-width:750px){.pc-add-btn{display:flex}}@media(prefers-reduced-motion:reduce){.pc-card,.pc-track,.pc-dot,.pc-navs{transition:none}.pc-card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-product-card.css.map */