/* NUTRIPOP — Individual product template styles (.product-page, incl. theme-tea/theme-spice variants). Loaded only on product.html. */

.product-page.theme-spice,
.product-page.theme-tea {
    color: var(--text-primary) !important;
    background: var(--bg-base) !important;
}

@media (max-width: 640px) {
.product-page { padding-bottom: 76px; }
.product-page .pd-price-row { position: fixed; right: 12px; bottom: 12px; left: 12px; z-index: 1000; margin: 0; padding: 10px 12px; border: 1px solid var(--border-subtle); border-radius: 12px; background: rgba(253,251,247,.96); box-shadow: 0 8px 24px rgba(30,36,33,.14); backdrop-filter: blur(10px); }
.product-page .pd-price { color: var(--text-primary); }
.product-page .product-view-cart { min-height: 46px; }
}

.product-page { min-height: 100vh; }

.product-page .nav-logo-icon { color: #1a1509; background: var(--gold); }

.product-page .nav-brand-name { color: var(--card-ink); }

.product-page .nav-link { color: rgba(246,242,232,0.7); }

.product-page .nav-link:hover,
.product-page .nav-link.active { color: var(--gold-bright); }

.product-page .footer { border-top-color: rgba(180,140,70,0.28); }

.product-page > *:not(#theme-glow) { position: relative; z-index: 1; }

.product-page .nav { z-index: 1000; }

.product-page.theme-spice {
    background:
        radial-gradient(circle at 15% 8%, rgba(203,161,79,0.16), transparent 40%),
        radial-gradient(circle at 90% 70%, rgba(185,28,28,0.16), transparent 42%),
        linear-gradient(165deg, #1c120e 0%, #2a1710 55%, #23160f 100%);
}

.product-page.theme-spice .nav-logo-icon { color: #fff; background: var(--gold); box-shadow: 0 4px 16px rgba(185,28,28,0.4); }

.product-page.theme-spice .nav-brand-name { color: #fff4dd; }

.product-page.theme-spice .nav-link { color: rgba(255,244,221,0.65); }

.product-page.theme-spice .nav-link:hover,
.product-page.theme-spice .nav-link.active { color: var(--gold-bright); }

.product-page.theme-spice .footer { border-top-color: rgba(203,161,79,0.28); }

.product-page.theme-spice .pd-breadcrumb { color: rgba(255,244,221,0.55); }

.product-page.theme-tea {
    background:
        radial-gradient(circle at 12% 6%, rgba(34,197,94,0.10), transparent 42%),
        radial-gradient(circle at 90% 65%, rgba(34,197,94,0.08), transparent 38%),
        linear-gradient(165deg, #fbfdf8 0%, #eef3e6 55%, #e2ecd6 100%);
}

.product-page.theme-tea .nav-logo-icon { color: #fff; background: var(--gold); box-shadow: 0 4px 16px rgba(22,163,74,0.35); }

.product-page.theme-tea .nav-brand-name { color: #eafff0; }

.product-page.theme-tea .nav-link { color: rgba(234,255,240,0.7); }

.product-page.theme-tea .nav-link:hover,
.product-page.theme-tea .nav-link.active { color: var(--gold-bright); }

.product-page.theme-tea .footer { border-top-color: rgba(22,163,74,0.22); }

.product-page.theme-tea .pd-breadcrumb { color: rgba(22,48,33,0.5); }

.product-page.theme-tea { background: #101419 !important; color: #f5f7fa !important; }

.product-page.theme-tea .nav { background: rgba(9,11,13,.9) !important; border-color: rgba(216,226,236,.12) !important; }

.product-page.theme-tea .nav-brand-name { color: #f5f7fa !important; }

.product-page.theme-tea .nav-link { color: #c7d1db !important; }

.product-page.theme-tea .pd-breadcrumb { color: #c7d1db !important; }

.product-page.theme-tea .tea-hero-detail { padding: 132px 24px 68px; background: linear-gradient(180deg,#121a1f 0%,#101419 100%); }

.product-page.theme-tea .tea-hero-detail-inner { max-width: 700px; align-items: flex-start; text-align: left; }

.product-page.theme-tea .tea-hero-art { align-self: center; margin-bottom: 30px; }

.product-page.theme-tea .tea-eyebrow,
.product-page.theme-tea .tea-ritual .eyebrow,
.product-page.theme-tea .tea-moments .eyebrow,
.product-page.theme-tea .tea-related .eyebrow { color: var(--gold-bright) !important; }

.product-page.theme-tea .tea-hero-title { color: #f7f5ee !important; text-shadow: none !important; font-size: clamp(2.7rem,6vw,4.5rem); }

.product-page.theme-tea .tea-hero-copy { max-width: 590px; color: #c7d1db !important; font-style: normal; font-size: 1.05rem; }

.product-page.theme-tea .tea-hero-detail-inner .pairing-list { justify-content: flex-start; }

.product-page.theme-tea .tea-hero-detail-inner .pairing-list span,
.product-page.theme-tea .tea-detail-body .pairing-list span { color: #f5f7fa !important; background: rgba(255,255,255,.05) !important; border-color: rgba(216,226,236,.18) !important; }

.product-page.theme-tea .tea-hero-detail-inner .product-view-cart { background: var(--gold-bright) !important; color: #17130a !important; }

.product-page.theme-tea .pd-cart-note { color: #aebdcb !important; }

.product-page.theme-tea .tea-detail-body { max-width: 920px; padding: 72px 24px 110px; display: grid; grid-template-columns: 1.1fr .9fr; gap: 28px; }

.product-page.theme-tea .tea-ritual,
.product-page.theme-tea .tea-moments,
.product-page.theme-tea .tea-specs-list,
.product-page.theme-tea .tea-related { padding: 30px; border: 1px solid rgba(216,226,236,.14); background: #151c22; }

.product-page.theme-tea .tea-ritual { grid-row: span 2; }

.product-page.theme-tea .tea-ritual h2 { color: #f7f5ee !important; }

.product-page.theme-tea .tea-ritual-steps { gap: 26px; }

.product-page.theme-tea .tea-ritual-steps p { color: #c7d1db !important; }

.product-page.theme-tea .tea-moments { margin: 0; }

.product-page.theme-tea .tea-specs-list { margin: 0; }

.product-page.theme-tea .tea-specs-list dt { color: #aebdcb !important; }

.product-page.theme-tea .tea-specs-list dd { color: #f7f5ee !important; }

.product-page.theme-tea .tea-related { grid-column: 1 / -1; }

.product-page.theme-tea .tea-related-card { color: #f7f5ee !important; border-color: rgba(216,226,236,.14) !important; background: #101419 !important; }

@media (max-width:760px) {
.product-page.theme-tea .tea-hero-detail { padding: 108px 20px 52px; }
.product-page.theme-tea .tea-detail-body { display: grid; grid-template-columns: 1fr; padding: 48px 20px 78px; }
.product-page.theme-tea .tea-ritual { grid-row: auto; }
.product-page.theme-tea .tea-related { grid-column: auto; }
}

.product-page .nav {
    position: fixed !important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9999 !important;
    visibility: visible !important;
    opacity: 1 !important;
}