.product-page { padding-bottom: 24px; }
.product-nav, .product-shell { width: min(100% - 40px,1180px); margin: 0 auto; }
.product-nav { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px 0; border-bottom: 1px solid var(--line); }
.product-nav > a:last-child { font-weight: 700; font-size: .9rem; }
.product-shell { padding: 36px 0 70px; min-height: 60vh; }
.product-page h1 { font-size: clamp(2.4rem,5vw,4.3rem); line-height: 1.07; letter-spacing: -.035em; overflow-wrap: anywhere; }
.breadcrumbs { display: flex; gap: 12px; flex-wrap: wrap; font-size: .85rem; color: var(--muted); margin-bottom: 32px; }
.breadcrumbs a { text-decoration: underline; text-underline-offset: 4px; }
.product-detail { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; }
.product-photo { background: white; border: 1px solid #eddfeb; border-radius: 24px; padding: 28px; }
.product-photo img { width: 100%; height: 480px; object-fit: contain; }
.product-description { font-size: 1.05rem; line-height: 1.8; color: var(--muted); overflow-wrap: anywhere; }
.product-info dl { margin: 26px 0; }
.product-info dl > div { display: grid; grid-template-columns: 140px 1fr; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.product-info dt { color: var(--muted); font-size: .9rem; }
.product-info dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.product-price { font-size: 1.6rem; font-weight: 800; margin-bottom: 24px; }
.product-price small { font-size: .9rem; }
.product-help { color: var(--muted); font-size: .8rem; margin-top: 16px; line-height: 1.6; }
.db-catalog { margin-top: 30px; }
.db-catalog h2 { font-size: 1.4rem; line-height: 1.15; margin-bottom: 14px; overflow-wrap: anywhere; }
.missing-photo { display: grid; place-items: center; aspect-ratio: 1; color: var(--muted); background: #f5edf3; }
.catalog-link { display: inline-flex; margin: 0 0 24px; font-weight: 700; color: var(--hot-pink); text-decoration: underline; text-underline-offset: 5px; }
.storefront .novedad-details { color: var(--hot-pink); font-weight: 700; font-size: .9rem; padding: 14px 0; text-decoration: underline; text-underline-offset: 4px; }
.product-empty { max-width: 740px; padding: 50px 0; }
@media(max-width: 760px) { .product-detail { grid-template-columns: 1fr; gap: 28px; } .product-photo img { height: 340px; } .product-nav, .product-shell { width: min(100% - 28px,1180px); } }
@media(max-width: 400px) { .product-info dl > div { grid-template-columns: 1fr; gap: 4px; } .product-nav .brand span { display: none; } }