/* Ruta: /public/assets/css/product.css
   SOLO el layout de la PÁGINA de detalle. Los estilos compartidos (galería,
   popup de vista rápida, botón de vista rápida y botón WhatsApp) viven en
   shop.css porque el popup puede abrirse desde cualquier página de la tienda. */

.pd-grid { display: grid; grid-template-columns: 1fr; gap: 1.8rem; }
.pd-cat { display: inline-block; color: var(--brand); font-weight: 700; text-transform: uppercase; font-size: .8rem; letter-spacing: .04em; }
.pd-type { display: inline-block; margin-left: .5rem; background: var(--brand-soft); color: var(--brand-strong); font-weight: 700; font-size: .75rem; padding: .15rem .6rem; border-radius: 999px; }
.pd-name { font-family: 'Fraunces', serif; font-size: 2rem; color: var(--navy); margin: .5rem 0 .3rem; }
.pd-price { font-size: 1.9rem; font-weight: 800; color: var(--brand); }
.pd-stock { color: var(--st-terminado); font-weight: 700; margin: .3rem 0 1rem; }
.pd-desc { color: var(--ink-soft); }
.pd-features { margin: 1.2rem 0; }
.pd-features h2 { font-size: 1.15rem; color: var(--navy); margin: 0 0 .6rem; }
.pd-features ul { margin: 0; padding-left: 1.2rem; }
.pd-features li { margin-bottom: .4rem; }
.pd-cta { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1rem; }
.pd-related { margin-top: 3rem; }

@media (min-width: 768px) {
    .pd-grid { grid-template-columns: 1fr 1fr; gap: 2.4rem; align-items: start; }
    .pd-name { font-size: 2.4rem; }
}