/* What We Sell — shared Negobay brochure typography and spacing. */
.range-page .site-header:not(.scrolled):not(.menu-open){background:transparent;color:#fff;box-shadow:none}
.range-page .site-header:not(.scrolled) .brand-original{filter:brightness(0) invert(1)}
.range-v40{--range-space:100px;color:var(--ink)}
.range-space{padding-block:var(--range-space)}
.range-v40 h1,.range-v40 h2,.range-v40 h3{font-family:Catamaran,sans-serif;line-height:1.1;letter-spacing:-.65px}
.range-v40 h2{font-size:clamp(32px,2.8vw,42px)}
.range-v40 h3{font-size:24px;line-height:1.2;letter-spacing:-.35px}
.range-v40 h1>span,.range-v40 h2>span{color:var(--orange)}
.range-v40 .home-kicker{font-size:10px;font-weight:700;letter-spacing:1.8px;line-height:1.7;color:var(--green)}
.range-cover{position:relative;isolation:isolate;overflow:hidden;background:#050a07;min-height:390px;padding:calc(var(--header-height) + 35px) 0 65px;display:flex;align-items:center;color:white}
.range-cover-image{position:absolute;z-index:-2;right:0;top:0;width:70%;height:100%;object-fit:contain;background:#fafafa}
.range-cover:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#050a07 12%,rgba(5,10,7,.94) 30%,rgba(5,10,7,.53) 62%,rgba(5,10,7,.2))}
.range-cover h1{font-size:58px;margin-top:30px}.range-cover p{color:#e0e5e1;font-size:18px;line-height:1.65;margin-top:16px}
.range-editorial-heading{max-width:760px;margin-bottom:36px}
.range-editorial-heading h2{margin-top:18px}
.range-editorial-heading>p:not(.home-kicker){font-size:14px;line-height:1.9;color:var(--muted);margin-top:22px}
.supply-families{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.supply-family{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;padding:20px;background:#f5f7f3;border:1px solid #edf0e9;border-radius:12px;align-items:center;scroll-margin-top:100px}
.supply-family figure{height:180px;margin:0;overflow:hidden;border-radius:10px;background:#000}
.supply-family figure img{display:block;width:100%;height:100%;object-fit:contain;padding:9px}
.supply-family p{font-size:13px;line-height:1.85;color:var(--muted);margin-top:10px}
.supply-specs{list-style:none;padding:0;margin:13px 0 0;display:grid;gap:5px}
.supply-specs li{font-size:11px;line-height:1.7;color:var(--green);padding-left:12px;position:relative}
.supply-specs li:before{content:'';position:absolute;left:0;top:.65em;width:4px;height:4px;background:var(--green);border-radius:50%}
.range-supply-note{margin-top:22px;color:var(--muted);font-size:11px;line-height:1.8}
.range-grading{background:#f3f5f0;scroll-margin-top:85px}
.grade-guide{display:grid;gap:16px}
.grade-guide-row{display:grid;grid-template-columns:230px minmax(0,1fr);background:#fff;border:1px solid #e1e8df;border-radius:12px;overflow:hidden;scroll-margin-top:100px}
.grade-guide-row figure{margin:0;display:flex;align-items:center;justify-content:center;padding:12px;background:#fff;min-width:0;overflow:hidden}
.grade-guide-row figure img{display:block;width:100%;height:auto;max-height:185px;object-fit:contain;transform:scale(1.35)}
.grade-guide-copy{padding:25px 30px 25px 12px;min-width:0}
.grade-guide-copy>p{font-size:13px;line-height:1.85;color:var(--muted);margin-top:8px}
.grade-guide-copy ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 30px;list-style:none;margin:17px 0 0;padding:0}
.grade-guide-copy li{position:relative;padding-left:18px;color:var(--ink);font-size:12px;line-height:1.7}
.grade-guide-copy li:before{content:'✓';position:absolute;left:0;top:0;color:var(--green);font-size:12px;font-weight:600}
.grade-guide-copy .grade-lot-note{font-size:10px;line-height:1.8;margin-top:14px;color:var(--muted)}
.range-quality-note{display:flex;align-items:flex-start;gap:18px;margin-top:32px;max-width:900px}
.range-icon-badge{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:10px;background:#e8eee2;color:var(--green)}
.range-icon-badge .icon{width:21px;height:21px;fill:currentColor;stroke:none}
.range-quality-note h3{font-size:23px}
.range-quality-note p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:9px}
/* Keep the shared contact section identical to Home and About Us. */
.range-v40 .home-contact h2{font-size:clamp(34px,3.1vw,44px);color:#fff}
.range-v40 .home-contact p{font-size:14px;line-height:1.85;color:#deeadf}
@media(min-width:601px){.range-cover-image{width:100%;object-position:right center}}
@media(max-width:1200px){.range-v40{--range-space:80px}.supply-family{grid-template-columns:120px minmax(0,1fr);gap:20px;padding:18px}.supply-family figure{height:175px}}
@media(max-width:900px){.supply-families{grid-template-columns:1fr}.supply-family{grid-template-columns:160px minmax(0,1fr);gap:25px}.supply-family figure{height:170px}.grade-guide-row{grid-template-columns:170px minmax(0,1fr)}.grade-guide-copy{padding:24px 24px 24px 4px}.grade-guide-copy ul{grid-template-columns:1fr;gap:7px}}
@media(max-width:600px){.range-v40{--range-space:64px}.range-cover{min-height:335px;padding-block:calc(var(--header-height) + 28px) 44px}.range-cover-image{width:100%;object-fit:cover;object-position:64% center;opacity:.7}.range-cover:after{background:linear-gradient(90deg,rgba(5,10,7,.94),rgba(5,10,7,.5))}.range-cover h1{font-size:44px;margin-top:28px}.range-cover p{font-size:16px;margin-top:17px}.range-editorial-heading{margin-bottom:28px}.range-editorial-heading h2{margin-top:14px}.range-editorial-heading>p:not(.home-kicker){font-size:13px;margin-top:20px}.supply-families{gap:14px}.supply-family{grid-template-columns:90px minmax(0,1fr);gap:17px;padding:16px}.supply-family figure{height:142px}.supply-family figure img{padding:4px}.supply-family h3{font-size:23px}.supply-family p{font-size:12px;line-height:1.8}.supply-specs li{font-size:10px}.supply-specs{margin-top:10px}.grade-guide-row{grid-template-columns:1fr}.grade-guide-row figure{height:140px;padding:10px 20px}.grade-guide-row figure img{width:auto;max-width:100%;height:100%;max-height:none}.grade-guide-copy{padding:5px 22px 24px}.grade-guide-copy h3{font-size:23px}.grade-guide-copy>p{font-size:12px}.grade-guide-copy ul{margin-top:14px}.grade-guide-copy li{font-size:12px}.range-quality-note{gap:15px;margin-top:28px}.range-quality-note p{font-size:12px}.range-v40 .home-contact h2{font-size:34px}.range-v40 .home-contact p{font-size:13px}}

/* V56: compact condition cards, arranged as a comparison grid. */
.range-v40 .grade-guide{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch}
.range-v40 .grade-guide-row{display:flex;flex-direction:column;min-width:0}
.range-v40 .grade-guide-row figure{height:105px;min-height:105px;padding:10px 16px}
.range-v40 .grade-guide-row figure img{width:160px;max-width:100%;height:100%;max-height:100%;object-fit:contain;transform:scale(1.3)}
.range-v40 .grade-guide-copy{display:flex;flex-direction:column;flex:1;padding:4px 19px 22px}
.range-v40 .grade-guide-copy h3{font-size:23px}
.range-v40 .grade-guide-copy>p{font-size:12px;line-height:1.8;min-height:65px;margin-top:10px}
.range-v40 .grade-guide-copy ul{grid-template-columns:1fr;gap:11px;margin-top:18px}
.range-v40 .grade-guide-copy li{font-size:11px;line-height:1.75;min-height:34px;padding-left:16px}
@media(max-width:1200px) and (min-width:901px){.range-v40 .grade-guide{grid-template-columns:repeat(3,minmax(0,1fr))}.range-v40 .grade-guide-copy>p{min-height:65px}.range-v40 .grade-guide-copy li{min-height:20px}}
@media(max-width:900px){.range-v40 .grade-guide{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.range-v40 .grade-guide-copy{padding:4px 22px 24px}.range-v40 .grade-guide-copy>p{min-height:65px}.range-v40 .grade-guide-copy li{min-height:20px;font-size:12px}}
@media(max-width:600px){.range-v40 .grade-guide{grid-template-columns:1fr;gap:14px}.range-v40 .grade-guide-row figure{height:100px;min-height:100px}.range-v40 .grade-guide-copy>p{min-height:0}.range-v40 .grade-guide-copy ul{margin-top:17px;gap:9px}.range-v40 .grade-guide-copy li{min-height:0}}

/* V57: concise cards with optional, accessible grading details. */
.range-v40 .grade-guide{align-items:start}
.range-v40 .grade-guide-copy>p{min-height:65px}
.grade-details{margin-top:17px}
.grade-details summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer;padding:12px 0 0;border-top:1px solid #e7ece3;color:var(--green);font-size:11px;font-weight:600;line-height:1.6}
.grade-details summary::-webkit-details-marker{display:none}
.grade-details summary:focus-visible{outline:2px solid var(--green);outline-offset:5px;border-radius:2px}
.grade-toggle{position:relative;display:block;width:12px;height:12px;flex-shrink:0}
.grade-toggle:before,.grade-toggle:after{content:'';position:absolute;background:currentColor;left:1px;top:5px;width:10px;height:1px}
.grade-toggle:after{transform:rotate(90deg);transition:transform .18s}
.grade-details[open] .grade-toggle:after{transform:rotate(0)}
.range-v40 .grade-guide-copy .grade-details ul{margin-top:16px;gap:10px}
.range-v40 .grade-guide-copy .grade-details li{min-height:0;padding-left:13px}
.range-v40 .grade-guide-copy .grade-details li:before{content:'';width:4px;height:4px;border-radius:50%;background:var(--green);top:.65em;left:0}
@media(max-width:600px){.range-v40 .grade-guide-copy>p{min-height:0}.grade-details summary{font-size:12px}.grade-details{margin-top:16px}}