.gpc{--card-text: #f5f5f7;--card-edge: rgba(255, 255, 255, .12);position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;width:100%;overflow:hidden;border:1px solid var(--card-edge);border-radius:24px;background:#000;color:var(--card-text);box-shadow:0 8px 24px #00000038;font-family:var(--font-body);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.gpc__image-zone{position:relative;width:100%;aspect-ratio:4 / 3;padding:12px;overflow:hidden;flex-shrink:0;background:#000}.gpc__image{display:block;width:100%;height:100%;border-radius:16px;object-fit:contain;background:#fff;transition:transform .4s ease}svg.gpc__image{fill:#76767c}.gpc__pill{position:absolute;top:22px;left:22px;z-index:2;display:inline-flex;align-items:center;gap:6px;max-width:calc(100% - 44px);padding:6px 10px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:#000000e6;color:var(--card-text);box-shadow:inset 0 1px #ffffff29,0 2px 6px #0000001f;font-size:9px;font-weight:500;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;pointer-events:none}.gpc__pill:before{content:"";width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#e5e5e9}.gpc__pill--low:before{background:#f3bf76}.gpc__pill--out:before{background:#e8a0a0}.gpc__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit}.gpc__body{position:relative;display:flex;flex-direction:column;flex-grow:1;min-width:0;padding:16px 18px 18px;background:#000}.gpc__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em;margin:0 0 12px;color:var(--card-text);font-family:var(--font-heading);font-size:14px;font-weight:500;line-height:1.4;letter-spacing:-.015em;text-decoration:none}.gpc__price-row{display:flex;align-items:center;justify-content:space-between;margin-top:auto;margin-bottom:16px}.gpc__price{color:var(--card-text);font-size:17px;font-weight:600;letter-spacing:-.025em}.gpc__cta{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:10px 14px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 65%),#000;color:var(--card-text);box-shadow:0 3px 8px #00000026;font-family:var(--font-body);font-size:13px;font-weight:500;line-height:1.3;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.gpc__cta:active:not(:disabled){transform:scale(.98)}.gpc__cta:disabled,.gpc__cta.is-loading{opacity:.55;cursor:not-allowed}.gpc__cta.is-loading{pointer-events:none}.gpc__title:focus-visible,.gpc__cta:focus-visible{outline:2px solid #fff;outline-offset:3px}@supports ((mask-composite: exclude) or (-webkit-mask-composite: xor)){.gpc__cta{border-color:transparent}.gpc__cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;padding:1px;border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:opacity .25s ease}.gpc__cta:before{background:linear-gradient(135deg,#ffffff38,#ffffff14 25%,#ffffff06 48%,#ffffff0f 65%,#ffffff2e 85%,#ffffff14);opacity:.85}}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.gpc{-webkit-backdrop-filter:blur(20px) saturate(110%);backdrop-filter:blur(20px) saturate(110%)}.gpc__pill{background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}@media(hover:hover){.gpc:hover{transform:translateY(-3px);box-shadow:0 12px 28px #00000047}.gpc__cta:hover:not(:disabled){background:linear-gradient(180deg,rgba(255,255,255,.055),transparent 65%),#000}.gpc__cta:hover:not(:disabled):before{opacity:1}}@media(max-width:480px){.gpc{border-radius:20px}.gpc__image-zone{padding:8px}.gpc__image{border-radius:12px}.gpc__pill{top:16px;left:16px;max-width:calc(100% - 32px);font-size:8px;padding:5px 8px}.gpc__body{padding:12px}.gpc__title{font-size:12px}.gpc__price{font-size:15px}.gpc__cta{font-size:12px}}@media(prefers-reduced-motion:reduce){.gpc,.gpc__image,.gpc__cta,.gpc__cta:before{transition:none}.gpc:hover,.gpc:hover .gpc__image,.gpc__cta:active:not(:disabled){transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/product-card.css.map */
