/* The new range is isolated from the existing shop styles. */
body[data-range-draft] { background: #fbf8f2; }
.nr-page { --nr-ink:#173b2b; --nr-gold:#b09348; --nr-line:#dedfd4; --nr-muted:#5a685f; --nr-tint:#e9f1df; color:var(--nr-ink); padding:0 0 90px; }
.nr-page * { box-sizing:border-box; }
.nr-container { width:min(1320px,calc(100% - 80px)); margin-inline:auto; }
.nr-breadcrumbs { display:flex; flex-wrap:wrap; gap:10px; padding-block:27px; font-size:12px; color:var(--nr-muted); }
.nr-breadcrumbs a { color:inherit; text-decoration:none; }
.nr-hero { display:grid; grid-template-columns:1.05fr 1fr; gap:clamp(32px,5vw,80px); align-items:center; padding-bottom:55px; }
.nr-visual { margin:0; position:relative; border-radius:26px; overflow:hidden; background:radial-gradient(ellipse at 50% 57%,#fff 0,var(--nr-tint) 66%,#f0f0e5 100%); min-height:620px; display:grid; place-items:center; }
.nr-visual:before { content:""; position:absolute; inset:12%; border:1px solid rgba(127,144,103,.19); border-radius:50%; transform:rotate(-24deg); }
.nr-visual:after { content:""; position:absolute; width:58%; height:3%; bottom:8%; border-radius:50%; background:rgba(28,47,30,.1); filter:blur(15px); }
.nr-visual img { display:block; position:relative; z-index:1; width:94%; max-height:570px; object-fit:contain; aspect-ratio:1; filter:drop-shadow(0 22px 18px #20332612); transition:opacity .2s ease; }
.nr-image-label { z-index:2; position:absolute; top:25px; left:26px; padding:8px 12px; background:#fff9; border:1px solid #fff; border-radius:50px; font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.nr-visual figcaption { z-index:2; position:absolute; bottom:21px; left:26px; right:26px; color:#56644e; font-size:11px; text-align:center; }
.nr-eyebrow { display:block; margin-bottom:16px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.2em; color:#7d743c; }
.nr-copy h1 { font-size:clamp(43px,4.2vw,67px); line-height:.99; letter-spacing:-.055em; margin:0 0 12px; font-weight:800; }
.nr-selected-name { display:block; font-size:22px; margin-bottom:22px; color:var(--nr-muted); font-weight:500; }
.nr-slogan { max-width:510px; font-size:clamp(23px,2.4vw,32px); letter-spacing:-.04em; line-height:1.13; margin:0 0 17px; font-weight:600; }
.nr-intro { font-size:15px; line-height:1.75; max-width:490px; color:var(--nr-muted); margin:0 0 23px; }
.nr-facts { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:20px 0 15px; border-top:1px solid var(--nr-line); }
.nr-fact strong { display:block; font-size:24px; letter-spacing:-.04em; line-height:1.1; font-weight:750; }
.nr-fact span { display:block; font-size:11px; line-height:1.4; margin-top:7px; color:var(--nr-muted); }
.nr-fact-basis { margin:0 0 23px; color:var(--nr-muted); font-size:10px; line-height:1.5; }
.nr-variant-label { font-size:12px; font-weight:700; margin:0 0 10px; }
.nr-variants { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 24px; }
.nr-variant { appearance:none; display:flex; align-items:center; gap:7px; padding:11px 13px; border:1px solid #cdd4c9; border-radius:7px; font:inherit; font-size:12px; background:transparent; color:var(--nr-ink); cursor:pointer; transition:background .15s,border-color .15s; }
.nr-variant:before { content:""; width:9px; height:9px; border-radius:50%; background:var(--nr-swatch,#b9b886); }
.nr-variant:hover { background:#e7ecdf; }
.nr-variant[aria-pressed="true"] { border-color:var(--nr-ink); box-shadow:inset 0 0 0 1px var(--nr-ink); background:#fff; }
.nr-variant:focus-visible,.nr-download:focus-visible,.nr-related a:focus-visible { outline:3px solid #b09348; outline-offset:4px; }
.nr-purchase { margin-top:8px; padding-top:21px; border-top:1px solid var(--nr-line); }
.nr-purchase-line { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:15px; }
.nr-status { color:#63705e; display:flex; align-items:center; gap:7px; font-size:12px; }
.nr-status:before { content:""; background:#aaa88b; border-radius:50%; width:7px; height:7px; }
.nr-purchase-line strong { font-size:24px; letter-spacing:-.03em; }
.nr-actions { display:flex; gap:10px; }
.nr-order { display:flex; justify-content:center; align-items:center; min-height:51px; width:100%; border:0; border-radius:7px; background:#1c3e2c; color:#fff; font-size:13px; font-weight:700; padding:14px 20px; }
.nr-order:disabled { background:#dde2d6; color:#6b7566; cursor:not-allowed; }
.nr-quantity { width:75px; min-height:51px; border:1px solid #cdd4c9; border-radius:7px; padding:10px; background:#fff; font:inherit; }
.nr-purchase-note { margin:10px 0 0; color:var(--nr-muted); font-size:11px; line-height:1.5; }
.nr-shop-links { display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-top:21px; font-size:11px; color:var(--nr-muted); }
.nr-shop-links a { color:inherit; text-decoration:underline; text-underline-offset:4px; }
.nr-caffeine { font-size:11px; line-height:1.65; margin:17px 0 0; padding:12px 14px; background:#f2ead7; border-radius:7px; color:#64552e; }
.nr-story { display:grid; grid-template-columns:1fr 1fr; gap:60px; margin-top:8px; padding:46px 50px; background:#193a2a; color:#fbf8ef; border-radius:16px; }
.nr-story .nr-eyebrow { color:#c7b878; margin:0 0 12px; }
.nr-story h2 { color:inherit; font-size:clamp(28px,3vw,40px); line-height:1.1; letter-spacing:-.04em; margin:0; max-width:470px; }
.nr-story p { color:#d4ded1; font-size:14px; line-height:1.8; margin:0; align-self:center; }
.nr-info { padding-top:70px; display:grid; grid-template-columns:.7fr 1.3fr; gap:65px; align-items:start; }
.nr-info-heading { position:sticky; top:110px; }
.nr-info h2 { margin:0 0 18px; font-size:clamp(31px,3.2vw,45px); line-height:1.1; letter-spacing:-.04em; }
.nr-info-heading>p { color:var(--nr-muted); max-width:290px; font-size:14px; line-height:1.7; }
.nr-download { display:inline-flex; align-items:center; justify-content:space-between; gap:22px; margin-top:18px; padding:14px 17px; border:1px solid #b7bead; border-radius:7px; text-decoration:none; font-size:12px; font-weight:600; color:var(--nr-ink); }
.nr-download:hover { background:#e8eddf; }
.nr-accordions details { border-top:1px solid var(--nr-line); }
.nr-accordions details:last-child { border-bottom:1px solid var(--nr-line); }
.nr-accordions summary { list-style:none; cursor:pointer; position:relative; padding:22px 32px 22px 0; font-size:16px; line-height:1.3; font-weight:650; }
.nr-accordions summary::-webkit-details-marker { display:none; }
.nr-accordions summary:after { content:"+"; position:absolute; right:4px; top:18px; font-size:24px; font-weight:400; color:#7d864e; }
.nr-accordions details[open]>summary:after { content:"−"; }
.nr-detail-body { padding:0 0 24px; font-size:13px; line-height:1.8; color:#4f6051; }
.nr-detail-body p { margin:0 0 12px; }
.nr-detail-body p:last-child { margin-bottom:0; }
.nr-detail-body strong { color:var(--nr-ink); }
.nr-nutrition { border-collapse:collapse; width:100%; font-size:12px; line-height:1.5; }
.nr-nutrition caption { text-align:left; padding-bottom:13px; color:var(--nr-muted); font-size:11px; }
.nr-nutrition th,.nr-nutrition td { padding:10px 8px; border-bottom:1px solid #e1e5da; text-align:right; vertical-align:top; }
.nr-nutrition th:first-child,.nr-nutrition td:first-child { text-align:left; padding-left:0; }
.nr-nutrition th { color:var(--nr-ink); font-size:11px; font-weight:650; }
.nr-nutrition tbody tr:nth-child(even) { background:#f0f3e9; }
.nr-nutrition .nr-subrow td:first-child { padding-left:12px; }
.nr-table-wrap { overflow-x:auto; }
.nr-nutrition .nr-table-section td { padding-top:19px; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:#758064; background:#fbf8f2; }
.nr-footnote { font-size:10px; line-height:1.6; color:var(--nr-muted); margin-top:11px!important; }
.nr-review { border-left:2px solid #c7af6c; padding:12px 16px; margin:20px 0 0; background:#f4edda; font-size:11px; color:#6c6043; }
.nr-review summary { font-size:11px; padding:0 22px 0 0; }
.nr-review summary:after { top:-3px; font-size:18px; }
.nr-review p { margin:10px 0 0; line-height:1.65; }
.nr-review ul { padding-left:16px; font-size:11px; line-height:1.65; }
.nr-review li { margin-top:8px; }
.nr-related { border-top:1px solid var(--nr-line); margin-top:70px; padding-top:40px; }
.nr-related-top { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:24px; }
.nr-related h2 { margin:0; font-size:32px; line-height:1.15; letter-spacing:-.04em; }
.nr-related-top>a { font-size:12px; color:var(--nr-ink); text-underline-offset:4px; }
.nr-related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.nr-related-card { display:block; text-decoration:none; color:var(--nr-ink); background:#f0f2e7; border:1px solid #e4e7dc; border-radius:12px; padding:20px; transition:transform .2s; }
.nr-related-card:hover { transform:translateY(-4px); }
.nr-related-card img { display:block; width:100%; height:220px; object-fit:contain; margin-bottom:15px; }
.nr-related-card small { color:#7d804f; font-size:10px; letter-spacing:.13em; text-transform:uppercase; }
.nr-related-card h3 { margin:7px 0 8px; color:inherit; font-size:20px; letter-spacing:-.035em; }
.nr-related-card p { margin:0; color:var(--nr-muted); font-size:11px; }
.nr-related-card span { float:right; font-size:19px; }
@media(min-width:1600px) { .nr-container { width:min(1390px,calc(100% - 100px)); } }
@media(max-width:1000px) { .nr-container { width:calc(100% - 48px); } .nr-hero { gap:30px; } .nr-visual { min-height:480px; } .nr-visual img { max-height:440px; } .nr-copy h1 { font-size:46px; } .nr-story { padding:35px; gap:35px; } .nr-info { gap:35px; } }
@media(max-width:700px) { .nr-container { width:calc(100% - 32px); } .nr-breadcrumbs { padding-block:20px; font-size:11px; } .nr-hero { grid-template-columns:1fr; gap:28px; padding-bottom:33px; } .nr-visual { min-height:410px; border-radius:18px; } .nr-visual img { width:90%; height:400px; max-height:400px; } .nr-image-label { top:20px; left:20px; font-size:10px; } .nr-visual figcaption { bottom:17px; font-size:10px; } .nr-copy h1 { font-size:49px; } .nr-selected-name { font-size:20px; margin-bottom:18px; } .nr-slogan { font-size:27px; } .nr-eyebrow { margin-bottom:12px; } .nr-facts { padding-top:18px; } .nr-fact strong { font-size:23px; } .nr-variant { padding:11px 12px; } .nr-intro { font-size:14px; } .nr-story { grid-template-columns:1fr; gap:20px; padding:28px 25px; border-radius:12px; } .nr-story h2 { font-size:32px; } .nr-story p { font-size:13px; } .nr-info { grid-template-columns:1fr; gap:30px; padding-top:45px; } .nr-info-heading { position:static; } .nr-info-heading>p { max-width:none; } .nr-info h2 { font-size:35px; margin-bottom:12px; } .nr-download { margin-top:5px; } .nr-related { margin-top:45px; padding-top:30px; } .nr-related h2 { font-size:28px; } .nr-related-grid { gap:10px; } .nr-related-card { padding:12px; border-radius:9px; } .nr-related-card img { height:130px; margin-bottom:10px; } .nr-related-card h3 { font-size:15px; line-height:1.2; } .nr-related-card small { font-size:8px; letter-spacing:.08em; } .nr-related-card p { font-size:9px; } .nr-nutrition { font-size:11px; } .nr-nutrition td,.nr-nutrition th { padding:9px 6px; } .nr-page { padding-bottom:50px; } }
@media(prefers-reduced-motion:reduce) { .nr-page * { transition:none!important; } }
.nr-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nr-related-card{min-width:0}.nr-related-card h3{overflow-wrap:anywhere}
.nr-visual,.nr-copy{min-width:0}.nr-page[data-nr-family="pumpokalypse"] .nr-copy h1{font-size:clamp(30px,10vw,60px)}
