/* Janela de detalhes do produto (abre ao clicar no produto da vitrine) */
.card{cursor:pointer}
.card .btn{cursor:pointer}
.card:focus-visible{outline:2px solid var(--red2);outline-offset:2px}
.card .ver{display:block;text-align:center;font-size:.8rem;color:var(--red2);margin:2px 0 8px;font-weight:600}
html[data-theme="light"] .card .ver{color:var(--red)}

.pmodal{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.78);display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto}
.pmodal[hidden]{display:none}
.pbox{position:relative;width:100%;max-width:920px;max-height:92vh;overflow-y:auto;background:var(--bg2);color:var(--txt);border:1px solid var(--red);border-radius:18px;box-shadow:0 0 28px rgba(var(--rgb),.25);display:grid;grid-template-columns:1.1fr 1fr}
.pclose{position:absolute;top:10px;right:12px;z-index:3;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--hi);font-size:24px;line-height:1;cursor:pointer}
.pclose:hover{background:var(--red);color:#fff;border-color:var(--red)}

.pmedia{position:relative;background:radial-gradient(circle at 50% 55%,rgba(var(--rgb),.16),transparent 65%),var(--prodB);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:22px;min-height:340px;border-radius:18px 0 0 18px}
.pmedia .pimg{width:100%;height:100%;max-height:520px;object-fit:contain;display:block;cursor:zoom-in;transition:transform .25s}
.pmedia .pimg.zoom{transform:scale(1.7);cursor:zoom-out}
.pmedia .pemoji{font-size:140px;line-height:1}
.pmedia .ptag{position:absolute;top:14px;left:14px;background:var(--red);color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:5px;text-transform:uppercase}
.pmedia .ptag.off{background:#444;color:#ddd}
.pthumbs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.pthumbs img{width:58px;height:58px;object-fit:contain;background:var(--card);border:2px solid var(--line);border-radius:8px;padding:3px;cursor:pointer}
.pthumbs img.on{border-color:var(--red2)}

.pinfo{padding:28px 26px 26px;display:flex;flex-direction:column;gap:10px;min-width:0}
.pcat{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-weight:600;padding-right:44px}
.pinfo h2{margin:0;font-size:clamp(24px,3.4vw,34px);line-height:1.05;color:var(--hi)}
.pprice{font-family:'Orbitron',sans-serif;font-weight:700;font-size:1.7rem;color:var(--red2)}
html[data-theme="light"] .pprice{color:var(--red)}
.pprice s{display:block;color:var(--muted);font-family:'Inter',system-ui,sans-serif;font-size:.85rem;font-weight:400}
.pstock{font-size:.9rem;color:var(--muted)}
.pstock.low{color:var(--warn)}
.pstock.off{color:#ff6b6b}
.pdesc-title{font-family:'Rajdhani',sans-serif;font-size:1.1rem;text-transform:uppercase;color:var(--hi);margin:6px 0 0;border-top:1px solid var(--line);padding-top:12px}
.pdesc{color:var(--muted);line-height:1.6;white-space:pre-line;margin:0;overflow-wrap:anywhere}
.pbuy{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:14px}
.pbuy .btn{display:flex;align-items:center;justify-content:center;width:100%;padding:13px 20px;cursor:pointer;border:0}
.pbuy .btn.sec{border:2px solid var(--red)}

@media(max-width:760px){
  .pmodal{padding:0;align-items:flex-end}
  .pbox{grid-template-columns:1fr;max-height:94vh;border-radius:18px 18px 0 0}
  .pmedia{border-radius:18px 18px 0 0;min-height:260px;padding:18px}
  .pmedia .pimg{max-height:320px}
  .pinfo{padding:20px 18px 22px}
}
