/* NUTRIPOP — Nutrichef theme styles (.chef-page). Loaded on nutrichef.html and the 3 nutrichef-*.html product pages. */

.chef-page .chef-story-section,
.chef-page .chef-features-section,
.chef-page .philosophy-section,
.chef-page .chef-faq-section {
    position: relative;
    border-top: 1px solid rgba(216,226,236,.09);
}

.chef-page .chef-story-section::after,
.chef-page .chef-features-section::after,
.chef-page .philosophy-section::after,
.chef-page .chef-faq-section::after {
    content: "✦";
    position: absolute;
    top: 0;
    left: 50%;
    display: grid;
    place-items: center;
    width: 54px;
    height: 24px;
    transform: translate(-50%, -50%);
    color: #d7e3ee;
    background: #101419;
    font-size: .74rem;
    letter-spacing: .08em;
    box-shadow: -76px 0 0 -75px rgba(216,226,236,.42), 76px 0 0 -75px rgba(216,226,236,.42);
    z-index: 3;
}

.chef-page .section,
.chef-page .chef-story-section,
.chef-page .chef-features-section,
.chef-page .philosophy-section { background: #101419 !important; }

.chef-page .sub-hero-chef { background: linear-gradient(118deg, #111820 0%, #293847 50%, #637486 100%) !important; }

.chef-page .btn-brand,
.chef-page .chef-add,
.chef-page .chef-variant-add { background: #e4ebf2 !important; color: #101419 !important; }

@media (max-width: 680px) {
.chef-page .chef-story-section::after,
.chef-page .chef-features-section::after,
.chef-page .philosophy-section::after,
.chef-page .chef-faq-section::after { width: 42px; }
}

.chef-page {
    color: var(--text-primary) !important;
    background: var(--bg-base) !important;
}

.chef-page {
    background: linear-gradient(160deg,
        #161920 0%,
        #272e40 15%,
        #404b5c 30%,
        #5e6b78 45%,
        #7f8fa0 50%,
        #5e6b78 55%,
        #404b5c 70%,
        #272e40 85%,
        #161920 100%
    );
    min-height: 100vh;
    position: relative;
}

.chef-page::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background:
        
        radial-gradient(ellipse at 75% 15%, rgba(56,120,210,0.18) 0%, rgba(30,80,160,0.08) 35%, transparent 60%),
        radial-gradient(ellipse at 15% 75%, rgba(40,100,200,0.14) 0%, rgba(20,60,140,0.06) 35%, transparent 60%),
        radial-gradient(ellipse at 55% 50%, rgba(80,140,230,0.06) 0%, transparent 50%),
        
        linear-gradient(115deg,
            transparent 20%,
            rgba(100,160,255,0.04) 45%,
            rgba(140,190,255,0.07) 50%,
            rgba(100,160,255,0.03) 55%,
            transparent 75%
        );
    z-index: 0;
}

.chef-page > *:not(#chef-aurora-canvas):not(#water-canvas) { position: relative; z-index: 1; }

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

.chef-page .filter-bar { z-index: 200 !important; pointer-events: auto !important; }

.chef-page .filter-btn { pointer-events: auto !important; cursor: pointer !important; }

.chef-page {
    background: #101419;
    color: #edf2f7;
}

.chef-page::before {
    background:
        radial-gradient(ellipse at 82% 8%, rgba(128,148,172,.20), transparent 32%),
        radial-gradient(ellipse at 12% 72%, rgba(42,82,118,.17), transparent 34%),
        linear-gradient(115deg, transparent 0 44%, rgba(255,255,255,.035) 50%, transparent 56%);
}

.chef-page .nav { background: rgba(12,16,21,.8); border-bottom: 1px solid rgba(216,226,236,.12); backdrop-filter: blur(18px); }

.chef-page .nav.scrolled { background: rgba(12,16,21,.96); }

.chef-page .sub-hero-chef {
    min-height: 610px !important;
    background: radial-gradient(circle at 75% 35%, rgba(195,211,222,.18), transparent 16%), linear-gradient(120deg, #111820 0%, #293847 50%, #637486 100%);
}

.chef-page .sub-hero-chef::before { opacity: .68; }

.chef-page .sub-hero-chef::after { background: linear-gradient(90deg, rgba(9,13,17,.82) 0%, rgba(9,13,17,.46) 52%, rgba(9,13,17,.08) 100%); }

.chef-page .sub-hero-text { max-width: 780px; }

.chef-page .hero-headline { letter-spacing: -.06em; }

.chef-page .hero-subtext { color: rgba(237,242,247,.75); max-width: 620px; }

.chef-page .stat-card { background: rgba(13,19,25,.42); border-color: rgba(216,226,236,.18); border-radius: 3px; box-shadow: 0 18px 30px rgba(0,0,0,.15); }

.chef-page .chef-value-strip { max-width: 1180px; border-color: rgba(216,226,236,.16); background: #18212a; box-shadow: 0 25px 50px rgba(0,0,0,.25); }

.chef-page .chef-value-strip strong { color: #f5f7fa; }

.chef-page .chef-value-strip div { padding: 25px 30px; }

.chef-page #chef-range { padding: 118px 0 104px; }

.chef-page .chef-teaser-grid { gap: 18px; }

.chef-page .chef-teaser-card { border-radius: 14px; border-color: var(--gold-line); background: var(--card-bg); box-shadow: 0 8px 24px rgba(0,0,0,.12); }

.chef-page .chef-teaser-card:hover { transform: translateY(-5px); border-color: var(--gold-line-hi); box-shadow: 0 26px 50px rgba(0,0,0,0.45); }

.chef-page .chef-teaser-visual { aspect-ratio: 16/10; }

.chef-page .chef-teaser-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(145deg, rgba(255,255,255,.12), transparent 42%, rgba(0,0,0,.22)); pointer-events: none; }

.chef-page .chef-teaser-body { padding: 30px; }

.chef-page .chef-teaser-tag { color: var(--gold-bright); }

.chef-page .chef-teaser-shop { padding-top: 18px; border-top: 1px solid var(--gold-line); color: var(--gold-bright); }

.chef-page .feature-pill { border-radius: 2px; background: rgba(203,213,225,.09); border-color: rgba(203,213,225,.16); color: #dce5ee; }

.chef-page .chef-story-section { padding: 144px 0; background: linear-gradient(120deg, rgba(255,255,255,.025), transparent); border-block: 1px solid rgba(216,226,236,.09); }

.chef-page .chef-story-visual { border-radius: 3px; background: linear-gradient(135deg, #243444, #7d91a0); box-shadow: 18px 18px 0 rgba(173,189,202,.18); }

.chef-page .chef-story-visual::after { content: ""; position: absolute; inset: 12%; border: 1px solid rgba(255,255,255,.24); }

.chef-page .chef-features-section { padding: 132px 0; }

.chef-page .chef-feature-card { border-radius: 3px; background: rgba(255,255,255,.035); }

.chef-page .chef-feature-card:hover { transform: translateY(-6px); border-color: rgba(203,213,225,.45); }

.chef-page .chef-feature-icon { border-radius: 3px; }

.chef-page .chef-newsletter-section { background: rgba(255,255,255,.035); }

.chef-page .chef-newsletter-form input,
.chef-page .chef-newsletter-form button { border-radius: 3px; }

.chef-page .chef-newsletter-form button,
.chef-page .btn-brand { box-shadow: 0 12px 26px rgba(0,0,0,.2); }

.chef-page .philosophy-bg-placeholder { color: transparent; border: 0; background: linear-gradient(115deg, #0b1015, #253847); }

.chef-page .philosophy-bg-placeholder::before { content: "MADE FOR THE MOMENTS THAT MATTER"; color: rgba(255,255,255,.5); font-size: .7rem; font-weight: 800; letter-spacing: .26em; }

.chef-page .section[style*="padding-top:84px"],
.chef-page .section[style*="padding-top:160px"] { padding-bottom: 128px; }

.chef-page .chef-breadcrumb { display: inline-flex; padding: 9px 13px; border: 1px solid rgba(216,226,236,.16); border-radius: 2px; color: #cbd5e1; }

.chef-page .chef-breadcrumb:hover { background: rgba(255,255,255,.07); color: #fff; }

.chef-page .chef-card { overflow: visible; border: 1px solid rgba(216,226,236,.16); border-radius: 3px; box-shadow: 0 28px 55px rgba(0,0,0,.26); }

.chef-page .chef-card-inner { min-height: 440px; }

.chef-page .chef-visual-panel { padding: 40px; }

.chef-page .chef-product-visual { border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.18), 0 24px 35px rgba(0,0,0,.16); }

.chef-page .chef-info-panel { padding: 54px; }

.chef-page .chef-title-row { align-items: flex-start; }

.chef-page .chef-origin { color: #aebdcb; padding-bottom: 20px; border-bottom: 1px solid rgba(216,226,236,.12); }

.chef-page .chef-desc { color: #c7d1db; }

.chef-page .chef-specs { padding: 20px 0; margin-bottom: 24px; border-block: 1px solid rgba(216,226,236,.12); }

.chef-page .chef-spec-val { color: #fff; }

.chef-page .chef-add,
.chef-page .chef-variant-add { border-radius: 2px; background: #e4ebf2; color: #111820; }

.chef-page .chef-add:hover,
.chef-page .chef-variant-add:hover { transform: translateY(-2px); background: #fff; box-shadow: 0 12px 22px rgba(0,0,0,.2); }

.chef-page .chef-variant-section { margin-top: 128px; scroll-margin-top: 100px; }

.chef-page .chef-variant-heading { max-width: 720px; }

.chef-page .chef-variant-heading p { color: #aebdcb; }

.chef-page .chef-variant-grid { gap: 14px; }

.chef-page .chef-variant-card { border-radius: 3px; border-color: rgba(216,226,236,.15); background: #18222b; box-shadow: none; cursor: pointer; }

.chef-page .chef-variant-card:hover,
.chef-page .chef-variant-card.is-selected { transform: translateY(-5px); border-color: rgba(226,232,240,.5); background: linear-gradient(155deg, rgba(203,213,225,.07), #18222b 55%); box-shadow: 0 18px 32px rgba(0,0,0,.22); }

.chef-page .chef-variant-card.is-selected::after { content: "Selected"; position: absolute; top: 12px; right: 12px; color: #0f1720; background: linear-gradient(135deg,#a0aec0,#e2e8f0); padding: 5px 7px; font-size: .58rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }

.chef-page .chef-variant-visual { border-radius: 2px; }

.chef-page .chef-variant-tier { color: #cbd5e1; border-bottom-color: rgba(203,213,225,.16); }

.chef-page .chef-variant-size { color: #fff; }

.chef-page .chef-variant-desc { color: #aebdcb; }

.chef-page .chef-variant-specs { border-block-color: rgba(216,226,236,.11); }

.chef-page a:focus-visible,
.chef-page button:focus-visible,
.chef-page input:focus-visible,
.chef-page .chef-variant-card:focus-visible { outline: 3px solid #c8d7e5; outline-offset: 4px; }

.chef-page .chef-variant-card:focus-visible { border-color: #d7e3ee; }

@media (max-width: 760px) {
.chef-page .sub-hero-chef { min-height: 530px !important; }
.chef-page #chef-range,
.chef-page .chef-story-section,
.chef-page .chef-features-section { padding-block: 88px; }
.chef-page .chef-info-panel,
.chef-page .chef-visual-panel { padding: 28px; }
.chef-page .chef-card-inner { min-height: 0; }
.chef-page .chef-value-strip { margin-inline: 16px; }
}

body.chef-page {
    background:
        radial-gradient(ellipse 900px 620px at 14% -8%,  rgba(160,174,192,.10), transparent 60%),
        radial-gradient(ellipse 800px 700px at 100% 18%, rgba(255,255,255,.045), transparent 55%),
        radial-gradient(ellipse 900px 780px at 50% 104%, rgba(160,174,192,.07), transparent 60%),
        var(--bg-base);
}

body.chef-page.product-foil {
    background:
        radial-gradient(ellipse 900px 620px at 12% -8%,  rgba(216,30,63,.17),  transparent 60%),
        radial-gradient(ellipse 800px 700px at 100% 18%, rgba(255,255,255,.05), transparent 55%),
        radial-gradient(ellipse 900px 780px at 50% 104%, rgba(122,14,38,.20),  transparent 60%),
        var(--bg-base);
}

body.chef-page.product-cling {
    background:
        radial-gradient(ellipse 900px 620px at 12% -8%,  rgba(28,95,170,.22),  transparent 60%),
        radial-gradient(ellipse 800px 700px at 100% 18%, rgba(244,180,0,.11), transparent 55%),
        radial-gradient(ellipse 900px 780px at 50% 104%, rgba(18,63,107,.20),  transparent 60%),
        var(--bg-base);
}

body.chef-page.product-baking {
    background:
        radial-gradient(ellipse 900px 620px at 12% -8%,  rgba(201,163,106,.18), transparent 60%),
        radial-gradient(ellipse 800px 700px at 100% 18%, rgba(232,213,176,.09), transparent 55%),
        radial-gradient(ellipse 900px 780px at 50% 104%, rgba(107,66,38,.22),  transparent 60%),
        var(--bg-base);
}

.chef-page.product-foil .sub-hero-chef {
    background: linear-gradient(160deg,#340310 0%,#7a0e26 15%,#c0143c 30%,#f7ece9 50%,#c0143c 70%,#7a0e26 85%,#340310 100%);
}

.chef-page.product-cling .sub-hero-chef {
    background: linear-gradient(160deg,#1a1509 0%,#3a2f14 15%,var(--gold) 30%,var(--gold-bright) 50%,var(--gold) 70%,#3a2f14 85%,#1a1509 100%);
}

.chef-page.product-baking .sub-hero-chef {
    background: linear-gradient(160deg,#20160c 0%,#4a3320 15%,#4a3320 30%,#ecdcb8 50%,#4a3320 70%,#4a3320 85%,#20160c 100%);
}

.chef-page.product-foil .eyebrow-silver { color: #ff5c78; }

.chef-page.product-cling .eyebrow-silver { color: var(--gold-bright); }

.chef-page.product-baking .eyebrow-silver { color: var(--gold-bright); }

.chef-page.product-foil .metallic-text {
    background: linear-gradient(135deg,#8a0e26 0%,#d81e3f 25%,#fff 50%,#d81e3f 75%,#8a0e26 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    filter: drop-shadow(0 0 18px rgba(216,30,63,.5)) drop-shadow(0 0 40px rgba(255,255,255,.2));
}

.chef-page.product-cling .metallic-text {
    background: linear-gradient(135deg,#3a2f14 0%,var(--gold) 25%,var(--gold-bright) 50%,var(--gold) 75%,#3a2f14 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    filter: drop-shadow(0 0 18px rgba(28,95,170,.55)) drop-shadow(0 0 40px rgba(244,180,0,.3));
}

.chef-page.product-baking .metallic-text {
    background: linear-gradient(135deg,#4a3320 0%,var(--gold) 25%,#f3e6cc 50%,var(--gold) 75%,#4a3320 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    filter: drop-shadow(0 0 18px rgba(201,163,106,.5)) drop-shadow(0 0 30px rgba(107,66,38,.35));
}

.chef-page.product-foil .feature-pill { background: rgba(216,30,63,.14); border-color: rgba(216,30,63,.55); color: #ffe1e6; }

.chef-page.product-cling .feature-pill { background: rgba(28,95,170,.24); border-color: rgba(244,180,0,.6); color: #ffdf8a; }

.chef-page.product-baking .feature-pill { background: rgba(201,163,106,.16); border-color: rgba(201,163,106,.55); color: #f0e2c6; }

.chef-page.product-foil .chef-price,
.chef-page.product-foil .chef-variant-tier { color: #ff6b83; }

.chef-page.product-cling .chef-price,
.chef-page.product-cling .chef-variant-tier { color: var(--gold-bright); }

.chef-page.product-baking .chef-price,
.chef-page.product-baking .chef-variant-tier { color: #d9b988; }

.chef-page.product-foil .chef-variant-tier { border-bottom-color: rgba(216,30,63,.28); }

.chef-page.product-cling .chef-variant-tier { border-bottom-color: rgba(244,180,0,.28); }

.chef-page.product-baking .chef-variant-tier { border-bottom-color: rgba(201,163,106,.28); }

.chef-page.product-foil .chef-add,
.chef-page.product-foil .chef-variant-add {
    background: linear-gradient(135deg,#c0143c,#7a0e26); color: #fff;
}

.chef-page.product-foil .chef-add:hover,
.chef-page.product-foil .chef-variant-add:hover {
    background: linear-gradient(135deg,#ff5c78,#c0143c); box-shadow: 0 12px 28px rgba(216,30,63,.35);
}

.chef-page.product-cling .chef-add,
.chef-page.product-cling .chef-variant-add {
    background: linear-gradient(135deg,var(--gold-bright),var(--gold)); color: var(--cream-ink);
}

.chef-page.product-cling .chef-add:hover,
.chef-page.product-cling .chef-variant-add:hover {
    background: linear-gradient(135deg,var(--gold-bright),var(--gold)); box-shadow: 0 12px 28px rgba(28,95,170,.35);
}

.chef-page.product-baking .chef-add,
.chef-page.product-baking .chef-variant-add {
    background: linear-gradient(135deg,var(--gold),#4a3320); color: var(--cream-ink);
}

.chef-page.product-baking .chef-add:hover,
.chef-page.product-baking .chef-variant-add:hover {
    background: linear-gradient(135deg,var(--gold-bright),#4a3320); box-shadow: 0 12px 28px rgba(201,163,106,.35);
}

.chef-page.product-foil .chef-card:hover { border-color: rgba(216,30,63,.45); box-shadow: 0 20px 60px rgba(0,0,0,.5), 0 0 40px rgba(216,30,63,.12); }

.chef-page.product-cling .chef-card:hover { border-color: rgba(28,95,170,.5);  box-shadow: 0 20px 60px rgba(0,0,0,.5), 0 0 40px rgba(244,180,0,.12); }

.chef-page.product-baking .chef-card:hover { border-color: rgba(201,163,106,.5); box-shadow: 0 20px 60px rgba(0,0,0,.5), 0 0 40px rgba(201,163,106,.12); }

.chef-page.product-foil .chef-variant-card:hover,
.chef-page.product-foil .chef-variant-card.is-selected {
    border-color: rgba(216,30,63,.55); background: linear-gradient(155deg, rgba(216,30,63,.1), #18222b 55%);
}

.chef-page.product-foil .chef-variant-card.is-selected::after { background: linear-gradient(135deg,#c0143c,#fff); color: #6b0e1e; }

.chef-page.product-cling .chef-variant-card:hover,
.chef-page.product-cling .chef-variant-card.is-selected {
    border-color: rgba(244,180,0,.55); background: linear-gradient(155deg, rgba(28,95,170,.16), #18222b 55%);
}

.chef-page.product-cling .chef-variant-card.is-selected::after { background: linear-gradient(135deg,var(--gold-bright),var(--gold)); color: var(--cream-ink); }

.chef-page.product-baking .chef-variant-card:hover,
.chef-page.product-baking .chef-variant-card.is-selected {
    border-color: rgba(201,163,106,.55); background: linear-gradient(155deg, rgba(201,163,106,.12), #18222b 55%);
}

.chef-page.product-baking .chef-variant-card.is-selected::after { background: linear-gradient(135deg,var(--gold),#4a3320); color: var(--cream-ink); }

.chef-page.product-foil .chef-breadcrumb:hover { border-color: rgba(216,30,63,.5); }

.chef-page.product-cling .chef-breadcrumb:hover { border-color: rgba(244,180,0,.5); }

.chef-page.product-baking .chef-breadcrumb:hover { border-color: rgba(201,163,106,.5); }

.chef-page.product-foil::before {
    background:
        repeating-linear-gradient(100deg, transparent 0 3px, rgba(255,255,255,.035) 3px 4px, transparent 5px 9px),
        radial-gradient(ellipse at 75% 12%, rgba(216,30,63,.16) 0%, transparent 45%),
        radial-gradient(ellipse at 15% 78%, rgba(216,30,63,.10) 0%, transparent 45%),
        linear-gradient(112deg, transparent 15%, rgba(255,255,255,.10) 46%, rgba(255,255,255,.18) 50%, rgba(255,255,255,.10) 54%, transparent 85%);
    background-size: auto, auto, auto, 250% 250%;
    animation: chef-foil-glint 7s ease-in-out infinite alternate;
}

.chef-page.product-cling::before {
    background:
        radial-gradient(ellipse at 78% 10%, rgba(28,95,170,.20) 0%, transparent 45%),
        radial-gradient(ellipse at 18% 80%, rgba(244,180,0,.10) 0%, transparent 45%),
        repeating-linear-gradient(78deg, transparent 0 60px, rgba(255,255,255,.05) 60px 62px, transparent 64px 140px),
        radial-gradient(ellipse 900px 260px at 30% 40%, rgba(255,255,255,.14), transparent 60%);
    animation: chef-cling-sheen 6s ease-in-out infinite alternate;
}

.chef-page.product-baking::before {
    background:
        radial-gradient(ellipse at 78% 12%, rgba(201,163,106,.16) 0%, transparent 45%),
        radial-gradient(ellipse at 18% 80%, rgba(107,66,38,.14) 0%, transparent 45%),
        repeating-radial-gradient(ellipse at 30% 35%, transparent 0 16px, rgba(232,213,176,.05) 17px 18px, transparent 19px 34px),
        repeating-linear-gradient(4deg, transparent 0 2px, rgba(232,213,176,.02) 2px 3px);
    animation: none;
}

.chef-page.product-cling .chef-variant-grid { max-width: 900px; margin: 0 auto; }

@media (min-width: 1081px) {
.chef-page.product-cling .chef-variant-grid { grid-template-columns: repeat(3, 1fr); }
}

.chef-page .chef-story-section::after,
.chef-page .chef-features-section::after,
.chef-page .philosophy-section::after,
.chef-page .chef-faq-section::after { content: "✦"; position: absolute; top: 0; left: 50%; display: grid; place-items: center; width: 54px; height: 24px; transform: translate(-50%,-50%); color: #d7e3ee; background: #101419; font-size: .74rem; z-index: 3; }

.chef-page .sub-hero-chef { background: linear-gradient(118deg,#111820 0%,#293847 50%,#637486 100%) !important; }

@media (max-width:680px) {
.chef-page .chef-story-section::after,
.chef-page .chef-features-section::after,
.chef-page .philosophy-section::after,
.chef-page .chef-faq-section::after { width:42px; }
}

.chef-page .chef-story-section::after,
.chef-page .chef-features-section::after,
.chef-page .philosophy-section::after,
.chef-page .chef-faq-section::after { content: none !important; }

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

.chef-page .mobile-menu { background: rgba(8,9,12,0.98); }

.chef-page .footer { background: #000; }

.chef-page.product-baking .chef-variant-grid { max-width: 620px; margin: 0 auto; grid-template-columns: repeat(2,1fr); }