/* Search-first SaveMode homepage. Secondary pages keep their existing palette. */
.home { --ink:#ecf8f2; --muted:#a6bbb1; --paper:#08130f; --cream:#0e1e18; --line:#284036; color:#ecf8f2; background:#08130f; }
.home .site-header { background:#091711eF; border-bottom:1px solid #203b2e; backdrop-filter:blur(18px); }
.home .brand,.home .nav-links a { color:#ecf8f2; }
.home .brand-mark { background:#b5f39a; color:#0d2919; }
.home .nav-links .nav-cta { color:#092417; background:#a7ed8c; border-color:#a7ed8c; }
.home .language-picker { background:#12241b; border-color:#30503a; color:#d4e9da; }
.home .language-picker select { color:#ecf8f2; }
.home .language-picker option { background:#10251b; color:#ecf8f2; }
.home .hero { position:relative; overflow:visible; padding:55px 0 70px; background:radial-gradient(circle at 50% 0%,#2a6a3d55,transparent 42%),radial-gradient(circle at 90% 80%,#14372577,transparent 40%),#08130f; border-color:#203b2e; }
.home .hero::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.27; background-image:linear-gradient(#5ec97b1a 1px,transparent 1px),linear-gradient(90deg,#5ec97b1a 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(#000,transparent 82%); }
.home .hero-inner { position:relative; display:block; min-height:0; text-align:center; }
.home .hero-copy { max-width:1010px; margin-inline:auto; }
.home .hero-status-line { justify-content:center; color:#b2cbb8; }
.home .hero-kicker { margin:0; color:#c7f7b9; background:#173923; border-color:#3d7448; box-shadow:0 0 20px #2ca34e1b; }
.home .hero-kicker i { background:#a4f18b; box-shadow:0 0 0 5px #9ae87123,0 0 19px #a4f18b; }
.home .hero h1 { margin:20px auto 0; font-size:clamp(48px,6vw,78px); line-height:1.02; color:#f5fff8; letter-spacing:-.065em; }
.home .hero h1 em { background:linear-gradient(110deg,#b9fb9a,#5ee399); background-clip:text; -webkit-text-fill-color:transparent; }
.home .hero-lead { max-width:650px; margin:17px auto 21px; color:#b8cec2; font-size:clamp(16px,1.9vw,20px); }
.home .hero-product { display:none; }
.home .search-composer { position:relative; z-index:3; max-width:820px; margin:22px auto 0; }
.home .search-shell { width:100%; min-height:76px; padding:8px 8px 8px 22px; background:#f6fff8; border:1px solid #9be19a; border-radius:19px; box-shadow:0 0 0 7px #a8f0900e,0 30px 75px #0009; }
.home .search-shell:focus-within { border-color:#b9ffaf; box-shadow:0 0 0 7px #a8f09022,0 30px 75px #000a; }
.home .search-shell input { color:#092015; font-size:18px; }
.home .search-shell input::placeholder { color:#63786b; }
.home .search-shell button { min-height:58px; padding-inline:24px; border:0; border-radius:12px; background:#102d1d; color:#f3fff1; font-size:15px; }
.home .search-shell button:hover { background:#21663a; }
.home .search-autocomplete { position:absolute; top:calc(100% + 9px); left:0; right:0; z-index:20; overflow:hidden; padding:7px; border:1px solid #4b7954; border-radius:17px; background:#11231a; box-shadow:0 25px 60px #0009; text-align:left; }
.home .search-autocomplete button { display:grid; grid-template-columns:96px 1fr auto; align-items:center; width:100%; gap:12px; padding:13px 16px; border:0; border-radius:10px; background:transparent; color:#f1fff4; text-align:left; }
.home .search-autocomplete button:hover,.home .search-autocomplete button:focus-visible { background:#224332; }
.home .search-autocomplete button span { color:#9be9a7; font-size:12px; }
.home .search-autocomplete button strong { font-size:14px; }
.home .suggestion-row { color:#b4c9bc; }
.home .suggestion { background:#14251b; color:#e3f6e8; border-color:#345343; border-radius:999px; }
.home .suggestion:hover { background:#21442d; border-color:#68b77b; }
.home .hero-notes { color:#b3cdb9; background:#11251b; border-color:#315240; }
.home .hero-notes span { color:#b3cdb9; }
.home .hero-notes i { background:#255439; color:#b8f8a5; box-shadow:none; }
.home .hero-notes span + span { border-color:#355643; }
.home .section { background:#08130f; }
.home .section-heading h2,.home .category-heading h2,.home .manufacturer-intro h2,.home .coverage-section h2,.home .how-section h2,.home .extension-copy h2 { color:#f0fbf4; }
.home .section-heading p,.home .category-heading p,.home .manufacturer-intro p,.home .coverage-section p,.home .step-card p,.home .extension-copy > p { color:#aec5b7; }
.home .eyebrow { color:#88dc9a; }
.home .partner-section { background:#0d1d16; border-color:#274535; }
.home .partner-heading h2,.home .partner-directory summary { color:#bbd0c0; }
.home .shop-wordmark { color:#e1f1e8; }
.home .partner-directory-grid button { background:#12271c; border-color:#294935; color:#d6e8d9; }
.home [data-merchant-filter]:hover { background:#1c3725; border-color:#7ed991; }
.home [data-merchant-filter]:focus-visible { outline-color:#7ed991; }
.home .category-section { background:#0b1a13; border:0; }
.home .category-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.home .category-card,.home .category-card:nth-child(n) { min-height:166px; padding:20px; background:linear-gradient(140deg,#172e21,#102117); color:#eef9ef; border:1px solid #2b4935; border-radius:17px; box-shadow:none; }
.home .category-card:hover { transform:translateY(-4px); border-color:#7ed991; box-shadow:0 17px 38px #0005; }
.home .category-card::before { border-color:#84d68b14; box-shadow:0 0 0 25px #84d68b09,0 0 0 50px #84d68b05; }
.home .category-card .category-icon { display:grid; place-items:center; width:49px; height:49px; border-radius:13px; background:#224c2c; color:#a9f29f; font-size:29px; line-height:1; }
.home .category-card .category-copy strong { color:#effbf2; font-size:20px; }
.home .category-card .category-copy small { color:#a9c8af; }
.home .category-card .category-arrow { color:#b1edb2; border-color:#456e4e; }
.home .featured-section { padding-top:72px; }
.home .featured-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.home .featured-card { display:flex; flex-direction:column; min-width:0; min-height:350px; padding:24px; border:1px solid #31553a; border-radius:20px; background:linear-gradient(160deg,#152b1d,#0d1d15); box-shadow:0 17px 36px #0003; }
.home .featured-glyph { display:grid; place-items:center; width:48px; height:48px; margin-bottom:16px; border-radius:14px; background:#214930; color:#b6f5a4; font-size:26px; }
.home .featured-category { color:#99df9e; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.home .featured-card h3 { margin:7px 0 5px; color:#f0fff2; font-size:18px; line-height:1.32; overflow-wrap:anywhere; }
.home .featured-card p { margin:0 0 20px; color:#bdd3c2; font-size:13px; }
.home .featured-prices { display:grid; gap:7px; margin-top:auto; padding-top:15px; border-top:1px solid #31513a; color:#c5d9ca; font-size:12px; }
.home .featured-prices span,.home .featured-prices strong { display:flex; justify-content:space-between; gap:15px; }
.home .featured-prices strong { color:#b3f3a9; font-size:16px; }
.home .featured-card small { color:#95b09c; margin:13px 0; }
.home .featured-card a { display:inline-flex; justify-content:space-between; align-items:center; padding:10px 13px; border-radius:9px; color:#092414; background:#adf090; font-weight:750; text-decoration:none; }
.home .featured-card a:hover { background:#c9ffb2; }
.home .featured-empty { grid-column:1/-1; padding:25px; color:#b8cdbd; border:1px dashed #3b5a43; border-radius:15px; }
.home .manufacturer-section { background:#08130f; }
.home .manufacturer-panel { background:#102219; border-color:#30523b; }
.home .manufacturer-note { color:#afc6b3; }
.home .manufacturer-button { background:#193123; border-color:#355841; color:#effbf1; }
.home .manufacturer-button:hover { background:#234a32; border-color:#87cf88; }
.home .manufacturer-button i { color:#a8e6aa; }
.home .search-section { background:#0b1a13; border-color:#2d4a37; }
.home .filter-bar { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) repeat(2,minmax(110px,.7fr)); align-items:end; gap:12px; margin:0 0 18px; padding:17px; border:1px solid #32543b; border-radius:18px; background:#12261b; }
.home .filter-bar[hidden],.home .filter-unavailable[hidden] { display:none; }
.home .filter-unavailable { margin:0 0 18px; padding:13px 17px; border:1px solid #32543b; border-radius:12px; background:#12261b; color:#b8d5be; }
.home .filter-bar label { display:grid; gap:6px; min-width:0; color:#b8d5be; font-size:12px; font-weight:650; }
.home .filter-bar select,.home .filter-bar input:not([type=checkbox]) { width:100%; min-width:0; min-height:42px; padding:9px 11px; border:1px solid #40634a; border-radius:9px; background:#0c1b13; color:#f0fff3; font-size:14px; }
.home .filter-bar select option { background:#10251a; }
.home .filter-bar .filter-check { display:flex; align-items:center; gap:10px; min-height:42px; }
.home .filter-check input { width:17px; height:17px; accent-color:#9fe985; }
.home .filter-bar button { min-height:42px; padding:8px 15px; border:0; border-radius:9px; background:#a8ec8f; color:#0b2816; font-weight:750; }
.home .filter-bar button:hover { background:#c9ffb4; }
.home .comparison-panel { background:#11221a; border-color:#31533c; box-shadow:none; }
.home .panel-topline { background:#172d20; border-color:#31533c; color:#bfd4c3; }
.home .catalog-summary p,.home .catalog-meta,.home .catalog-category,.home .catalog-price small,.home .catalog-price > span { color:#b6cbbb; }
.home .catalog-card { background:#172c20; border-color:#32533d; color:#f1fff4; }
.home .product-visual { background:#203b2a; }
.home .product-visual svg { stroke:#8fcc9c; }
.home .catalog-copy h3,.home .catalog-price strong { color:#f4fff6; }
.home .catalog-price .offer-button,.home .results-load-more { background:#a9eb91; color:#0a2714; border-color:#a9eb91; }
.home .primary-link { background:#a9eb91; color:#0a2714; border-color:#a9eb91; }
.home .primary-link:hover,.home .catalog-price .offer-button:hover { background:#c9ffb4; }
.home .result-footnote { background:#11221a; border-color:#31533c; color:#b3c8b9; }
.home .result-tabs { border-color:#31533c; }
.home .result-tabs button { background:#132b1b; color:#d8efdb; border-color:#365942; }
.home .result-tabs button[aria-pressed=true] { background:#275337; color:#f2fff4; border-color:#70bb79; }
.home .result-tabs button span { color:#b7d1b9; }
.home .results-expand { background:#173a23; color:#d9f9d8; border-color:#4f8054; }
.home .results-expand:hover { background:#245032; }
.home .how-section,.home .extension-section,.home .faq-section { background:#08130f; }
.home .coverage-section { background:#0c1d14; }
.home .coverage-list,.home .extension-proof { background:#12281b; border-color:#31543c; }
.home .coverage-list article,.home .extension-proof article,.home .faq-list details { border-color:#35563f; }
.home .extension-proof p,.home .faq-list details p { color:#b9cfbd; }
.home .faq-list a { color:#b7f6a5; }
.home .site-footer { background:#07110d; border-top:1px solid #274332; }
.home :is(button,a,input,select):focus-visible { outline:3px solid #b7ff9b; outline-offset:3px; }
@media(max-width:760px) { .home .mobile-toggle { background:#173022; border-color:#446a4b; } .home .mobile-toggle span { background:#eaffeb; } .home .nav-links { background:#12271a; border-color:#36543b; } }
@media(max-width:950px) { .home .featured-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .home .filter-bar { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:680px) { .home .hero { padding:66px 0 72px; } .home .hero-copy { text-align:center; } .home .hero-status-line,.home .suggestion-row,.home .hero-notes { justify-content:center; } .home .hero h1 { font-size:clamp(46px,11vw,70px); } .home .category-grid,.home .featured-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .home .filter-bar { grid-template-columns:repeat(2,minmax(0,1fr)); } .home .search-shell { min-height:66px; } .home .search-shell input { font-size:16px; } }
@media(max-width:480px) { .home .hero { padding:56px 0 66px; } .home .hero-status-line { flex-wrap:wrap; } .home .search-shell { flex-wrap:nowrap; gap:8px; padding:7px 7px 7px 13px; } .home .search-shell input { width:100%; } .home .search-shell button { width:auto; flex:0 0 auto; min-height:50px; padding-inline:13px; font-size:0; } .home .search-shell button span { font-size:22px; } .home .search-autocomplete button { grid-template-columns:68px 1fr auto; } .home .category-grid,.home .featured-grid { grid-template-columns:1fr; } .home .category-card,.home .category-card:nth-child(n) { min-height:139px; } .home .filter-bar { grid-template-columns:1fr 1fr; padding:12px; } .home .filter-bar label:nth-child(-n+3),.home .filter-check,.home .filter-bar button { grid-column:1/-1; } }
@media(prefers-reduced-motion:reduce) { .home .category-card,.home .featured-card,.home .search-shell { transition:none !important; } }
.home .results-tools { position:sticky; top:12px; z-index:10; display:flex; gap:20px; align-items:end; padding:16px; background:#10251ef5; border:1px solid #31543c; border-radius:18px; backdrop-filter:blur(12px); }
.home .search-section .button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:12px 16px; border-radius:11px; border:1px solid #9dde87; background:#b2ee91; color:#10220f; font:inherit; font-size:14px; font-weight:600; line-height:1.3; text-decoration:none; cursor:pointer; text-align:center; }
.home .search-section .button:hover { background:#ccffad; }
.home .search-section .button:disabled { opacity:.55; cursor:wait; }
.home .search-section .button.secondary { background:#1e3e2a; color:#e4ffde; border-color:#486e4b; margin:16px; }
.home #results-search { display:flex; flex:1; gap:10px; min-width:0; }
.home .results-tools input,.home .results-tools select { min-width:0; background:#071810; border:1px solid #41604a; color:#edfff0; border-radius:10px; padding:13px; font:inherit; }
.home #results-query { flex:1; width:100%; }
.home .results-tools label { display:grid; gap:6px; font-size:12px; }
.home .filter-panel { margin:16px 0 24px; }
.home .filter-panel summary { cursor:pointer; padding:10px; color:#c2eebd; }
.home .filter-chips { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px; }
.home .filter-chips button { background:#1e3e2a; color:#e4ffde; border:1px solid #486e4b; border-radius:20px; padding:7px 12px; cursor:pointer; }
.home .product-group { display:grid; grid-template-columns:150px minmax(0,1fr) 245px; gap:24px; padding:24px; margin:16px 0; border:1px solid #31523e; border-radius:20px; background:linear-gradient(135deg,#10281c,#0c1d16); }
.home .product-photo { display:grid; place-items:center; width:100%; height:150px; background:#fff; color:#46644d; border-radius:14px; overflow:hidden; padding:12px; }
.home .product-photo img { width:100%; height:100%; object-fit:contain; }
.home .product-photo span { font-size:44px; }
.home .featured-card .product-photo { height:185px; margin-bottom:16px; }
.home .group-main { min-width:0; }
.home .group-main h3 { font-size:19px; line-height:1.35; margin:8px 0 12px; overflow-wrap:anywhere; }
.home .variant-chips { list-style:none; display:flex; flex-wrap:wrap; gap:6px; padding:0; margin:0 0 12px; }
.home .variant-chips li { border:1px solid #3b5b45; background:#1a3224; border-radius:7px; font-size:11px; padding:4px 7px; overflow-wrap:anywhere; }
.home .group-shop { color:#d7f7c8; margin:4px 0; }
.home .group-main small,.home .shop-row small { display:block; font-size:11px; color:#b5c9ba; }
.home .group-prices { margin:0 0 14px; font-size:12px; }
.home .group-prices div { display:flex; gap:10px; justify-content:space-between; padding:7px 0; }
.home .group-prices dd { margin:0; font-weight:650; white-space:nowrap; }
.home .group-prices dt { color:#b8cbbd; }
.home .group-prices .group-total { border-top:1px solid #355540; margin-top:4px; font-size:17px; color:#b1ff92; }
.home .group-buy .button { display:flex; justify-content:center; }
.home .group-offers { grid-column:1/-1; border-top:1px solid #31523e; padding-top:14px; }
.home .group-offers summary { cursor:pointer; color:#bcffa4; font-weight:600; }
.home .shop-row { display:grid; grid-template-columns:minmax(0,1fr) 245px 170px; gap:20px; align-items:center; padding:16px 0; border-bottom:1px solid #274332; }
.home .browse-count { color:#b6cfbc; margin-top:20px; }
@media(max-width:900px) { .home .product-group { grid-template-columns:110px minmax(0,1fr); gap:16px; } .home .group-buy { grid-column:2; } .home .shop-row { grid-template-columns:1fr 1fr; } .home .shop-row .button { grid-column:2; } .home .results-tools { flex-wrap:wrap; } }
@media(max-width:580px) { .home .results-tools { top:6px; padding:10px; gap:10px; } .home .results-tools label { width:100%; grid-template-columns:1fr 2fr; align-items:center; } .home #results-search .button { font-size:12px; padding:10px; min-width:85px; } .home .product-group { padding:16px; grid-template-columns:80px minmax(0,1fr); gap:12px; } .home .product-photo { height:100px; padding:6px; } .home .group-main h3 { font-size:16px; } .home .group-buy { grid-column:1/-1; } .home .shop-row { grid-template-columns:1fr; gap:10px; } .home .shop-row .button { grid-column:auto; } }