/* Sakooon premium product card. Colours adapt via --card / --tx / --soft / --line set by parent sections. */
.pc{position:relative;display:flex;flex-direction:column;background:var(--card,#fff);color:var(--tx,var(--color-ink,#1B2130));border:1px solid var(--line,var(--color-line,#e3e6e8));border-radius:calc(var(--radius,10px) + 6px);overflow:hidden;isolation:isolate;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .3s}
.pc::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--color-accent,#A8834F),transparent 45%,transparent 60%,var(--color-accent,#A8834F));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s;pointer-events:none;z-index:3}
.pc:hover{transform:translateY(-6px);box-shadow:0 24px 50px -22px rgba(0,0,0,.35)}
.pc:hover::before{opacity:1}
.pc__stage{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 38%,#fff 0,#f1f3f4 75%)}
.pc--square .pc__stage{aspect-ratio:1/1}.pc--portrait .pc__stage{aspect-ratio:4/5}.pc--landscape .pc__stage{aspect-ratio:4/3}
.pc__link{position:absolute;inset:0;display:block}
.pc__img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8%;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s}
.pc:hover .pc__img{transform:scale(1.07)}
.pc__img--b{opacity:0}.pc:hover .pc__img--b{opacity:1}
.pc:hover .pc__img:not(.pc__img--b):not(:only-of-type){opacity:0}
.pc__ph{position:absolute;inset:0;display:grid;place-items:center;opacity:.5}
.pc__badges{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:6px;z-index:2;pointer-events:none}
.pc__badge{font:700 .68rem/1 var(--font-mono,monospace);letter-spacing:.06em;text-transform:uppercase;padding:6px 9px;border-radius:99px;color:#fff;background:var(--color-danger,#d33)}
.pc__badge--out{background:#222;color:#ddd}
.pc.is-soldout .pc__img{filter:grayscale(1);opacity:.55}
.pc__rail{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:8px;z-index:4;transform:translateX(14px);opacity:0;transition:.35s cubic-bezier(.2,.8,.2,1)}
.pc:hover .pc__rail,.pc:focus-within .pc__rail{transform:none;opacity:1}
@media(hover:none){.pc__rail{transform:none;opacity:1}}
.pc__rbtn{width:36px;height:36px;border-radius:50%;border:0;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#1B2130;box-shadow:0 4px 14px rgba(0,0,0,.18);cursor:pointer;transition:.25s;backdrop-filter:blur(6px)}
.pc__rbtn:hover{background:var(--color-accent,#A8834F);color:var(--color-accent-ink,#1B2130);transform:scale(1.1)}
.pc__rbtn .icon{width:17px;height:17px}
.pc__rbtn .icon--filled{display:none}
.pc__rbtn.is-active{background:var(--color-accent,#A8834F);color:var(--color-accent-ink,#1B2130)}
.pc__rbtn.is-active .icon--outline{display:none}.pc__rbtn.is-active .icon--filled{display:block}
.pc__body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}
.pc__vendor{margin:0;font:600 .68rem/1 var(--font-mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent,#A8834F)}
.pc__title{margin:0;font:600 .98rem/1.3 var(--font-heading,inherit)}
.pc__title a{color:inherit;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .4s}
.pc:hover .pc__title a{background-size:100% 1px}
.pc__specs{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:5px}
.pc__specs li{font:500 .68rem/1 var(--font-mono,monospace);padding:5px 8px;border-radius:6px;background:var(--chip,rgba(127,127,127,.12));color:var(--soft,var(--color-ink-soft,#6A6560))}
.pc__foot{margin-top:auto;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.pc__price .price{margin:0;font:700 1.08rem/1 var(--font-heading,inherit);display:flex;flex-direction:column;gap:3px}
.pc__price .price--on-sale{flex-direction:column-reverse}
.pc__price .price__compare{font-size:.78rem;color:var(--soft,var(--color-ink-soft,#7a858c));margin:0}
.pc__ask{font:600 .85rem/1.2 var(--font-body,inherit);color:var(--soft,var(--color-ink-soft,#6A6560))}
.pc__cta{flex:none;width:42px;height:42px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;background:var(--color-accent,#A8834F);color:var(--color-accent-ink,#1B2130);text-decoration:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.pc__cta:hover{transform:rotate(90deg) scale(1.08);box-shadow:0 0 0 6px color-mix(in srgb,var(--color-accent,#A8834F) 25%,transparent)}
a.pc__cta:hover{transform:translateX(3px) scale(1.08)}
.pc__cta.is-loading{opacity:.6;pointer-events:none}
@media(prefers-reduced-motion:reduce){.pc,.pc *{transition:none!important}}