/* ===== PRODUCTO.CSS — específico de producto.php =====
   Carga después de base.css e inner.css. */
.pd-breadcrumb{font-family:var(--display);font-size:.78rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.pd-breadcrumb a{color:var(--muted);transition:.2s}
.pd-breadcrumb a:hover{color:var(--orange)}
.pd-breadcrumb span[aria-current]{color:var(--ink)}

.pd-wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.pd-gallery{position:sticky;top:100px}
.pd-media{position:relative;background:#fff;aspect-ratio:1/1;overflow:hidden;border:1px solid var(--line);cursor:default}
.pd-media.dark{background:#000}
.pd-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:24px;opacity:0;transition:opacity .3s}
.pd-media img.active{opacity:1}
.pd-media .car-nav{width:42px;height:42px;font-size:1.6rem}

.pd-name{font-family:var(--display);font-weight:800;font-size:2rem;text-transform:uppercase;letter-spacing:-.5px;line-height:1.05;margin:6px 0 14px}
.pd-dispo{display:inline-block;font-family:var(--display);font-size:.72rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:5px 12px;border-radius:4px;margin-bottom:18px}
.pd-dispo-disponible{background:rgba(60,180,90,.15);color:#4ade80;border:1px solid rgba(60,180,90,.35)}
.pd-dispo-preventa{background:rgba(254,80,0,.12);color:var(--orange);border:1px solid rgba(254,80,0,.35)}
.pd-dispo-agotado{background:rgba(198,32,32,.15);color:#f87171;border:1px solid rgba(198,32,32,.35)}
.pd-price{font-size:1.7rem;margin-bottom:22px}
.pd-desc{color:var(--ink);font-size:1rem;line-height:1.6;margin-bottom:22px}
.pd-specs{margin-bottom:22px}
.pd-actions{display:flex;flex-direction:column;gap:12px;margin-top:8px;max-width:360px}
.pd-actions .btn,.pd-actions .btn-ghost{width:100%;justify-content:center}

@media(max-width:860px){
  .pd-wrap{grid-template-columns:1fr;gap:30px}
  .pd-gallery{position:static}
  .pd-name{font-size:1.5rem}
}