/* Shared SSR categories. Navigation uses existing artwork and small inline SVGs. */
.page-category .category-intro{padding-top:22px;padding-bottom:18px}
.category-intro .breadcrumbs{margin-bottom:16px}
.category-title-row{display:flex;align-items:center;gap:14px}
.category-symbol{display:flex;align-items:center;justify-content:center;flex:none;width:48px;height:48px;border-radius:14px;background:#eaf3dd;color:#104d3b}
.category-symbol .icon{width:25px;height:25px}
.category-title-row h1{font-size:clamp(28px,3vw,40px);line-height:1.16;letter-spacing:-.8px;margin:0}
.category-lead{max-width:920px;font-size:15px;line-height:1.55;color:#496257;margin:12px 0}
.category-meta{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:12px;line-height:1.5;color:#496257}
.category-meta>span{display:inline-flex;align-items:center;gap:6px}
.category-meta .icon{width:15px;height:15px;flex:none}
.page-category .listing-container>.scoped-search:not(.search-is-docked){margin-top:0;margin-bottom:7px}
.page-category .listing-container>.search-hint{margin:0 3px 12px;color:#496257}
.category-shortcuts{margin:20px 0 22px;min-width:0}
.category-shortcuts-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}
.category-shortcuts-heading h2{font-size:20px;line-height:1.3;letter-spacing:-.25px;margin:0}
.category-shortcuts-heading p{font-size:13px;color:#496257;margin:5px 0 0;line-height:1.5}
.category-skip{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
.category-skip .icon{width:16px;height:16px}
.category-shortcut-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;margin:0;list-style:none}
.category-shortcut-grid:has(>li:only-child){grid-template-columns:minmax(0,430px)}
.category-shortcut-grid:has(>li:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}
.category-shortcut-grid li{min-width:0}
.category-shortcut-card{display:flex;align-items:center;gap:14px;min-height:92px;height:100%;padding:14px 16px;border:1px solid #d6e3d9;border-radius:15px;background:#fff;transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease}
.category-shortcut-art{display:flex;align-items:center;justify-content:center;flex:none;width:60px;height:60px;padding:4px;border-radius:12px;background:#f0f5e8;color:#396b50;overflow:hidden}
.category-shortcut-art img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform 180ms ease}
.category-shortcut-art>.icon{width:36px;height:36px;transition:transform 180ms ease}
.category-shortcut-copy{min-width:0;flex:1}
.category-shortcut-copy strong{display:block;font-size:15px;line-height:1.35;overflow-wrap:break-word}
.category-shortcut-copy small{display:block;color:#496257;font-size:12px;line-height:1.4;margin-top:4px}
.category-shortcut-arrow{display:flex;flex:none;color:#2e684c;transition:transform 180ms ease}
.category-shortcut-arrow .icon{width:17px;height:17px}
.category-shortcuts-more{display:none}
@media(hover:hover) and (pointer:fine){
 .category-shortcut-card:hover{transform:translateY(-2px);border-color:#8aaf92;box-shadow:0 4px 10px #163f2910}
 .category-shortcut-card:hover .category-shortcut-art>*{transform:scale(1.04)}
 .category-shortcut-card:hover .category-shortcut-arrow{transform:translateX(3px)}
}
@media(min-width:1200px){.category-shortcut-grid:has(>li:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:601px) and (max-width:700px){.category-shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:701px) and (max-width:900px){.category-shortcut-card{padding:12px;gap:10px}.category-shortcut-art{width:48px;height:48px}.category-shortcut-copy strong{font-size:14px}}
.page-category .catalog-layout{margin-top:16px}
.page-category .listing-feedback:has(.listing-status:empty):not(:has(.filter-error:not([hidden]))){display:none!important}
.page-category .results-heading h2{font-size:23px}
.category-result-range{margin:5px 0 0;font-size:12px;line-height:1.5;color:#496257}
.category-sort-note{font-size:12px;line-height:1.5;color:#496257;margin:0 0 14px;max-width:760px}
.category-sort-note:empty{display:none}
.page-category .sort-form select{max-width:260px;width:210px;min-height:44px}
.page-category .results-controls{flex-wrap:wrap;justify-content:flex-end}
.page-category .offer-card h3 a{-webkit-line-clamp:unset;overflow:visible}
.page-category .offer-card .unit-price{min-height:0}
.page-category .offer-card .unit-price-unknown{display:none}
.page-category .offer-card .card-terms{margin-top:8px}
.page-category .offer-card .card-footer{margin-top:auto;padding-top:8px}
.page-category .offer-card .product-visual:not(:has(img)){height:82px;margin:12px 12px 0;background:#f4f8ee}
.page-category .offer-card .product-visual:not(:has(img))>.icon{width:36px;height:36px;margin:0}
.page-category .offer-card .product-visual:not(:has(img)) .visual-caption{display:none}
.page-category .offer-card .product-visual:not(:has(img)) .visual-orbit{width:48px;height:48px}
.page-category .offer-card:has(.product-visual:not(:has(img))) .visual-link{min-height:0}
.page-category .offer-card .details-link{min-height:40px}
.page-category .offer-grid{align-items:start}
@media(min-width:601px){
 .page-category .offer-grid:not(.list-view) .card-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px}
 .page-category .offer-grid:not(.list-view) .card-actions>*{min-width:0;min-height:44px;width:100%;font-size:11px;line-height:1.35;padding:7px}
 .page-category .offer-grid:not(.list-view) .details-link .icon{display:none}
}
.category-guide{margin:32px 0 22px;padding:24px;border:1px solid #d9e6dc;border-radius:18px;background:#edf4ee}
.category-guide-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.category-guide h2,.category-related h2,.category-faq h2{font-size:22px;line-height:1.3;letter-spacing:-.3px;margin:0}
.category-guide-heading .category-symbol{width:38px;height:38px;background:#dff0c5;border-radius:12px}
.category-guide-heading .icon{width:21px;height:21px}
.category-guide-intro{max-width:900px;margin:0 0 22px;color:#405d4d;font-size:15px;line-height:1.7}
.category-tips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.category-tips article{background:#fff;border:1px solid #dce6dd;padding:18px;border-radius:13px}
.category-tip-number{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:#eaf3dd;color:#285a40;font-size:12px;font-weight:700;margin-bottom:11px}
.category-tips h3{font-size:16px;line-height:1.35;margin:0 0 7px}
.category-tips p,.category-source p,.category-faq p{font-size:14px;line-height:1.65;color:#405d4d;margin:0}
.category-explanation{max-width:900px;margin-top:22px}
.category-explanation h3,.category-data h3{font-size:16px;margin:0 0 9px;line-height:1.4}
.category-explanation p{font-size:14px;line-height:1.75;color:#405d4d;margin:0}
.category-data{margin-top:24px;padding:18px 0 0;border-top:1px solid #d0dfd3}
.category-data dl{display:flex;gap:16px 36px;flex-wrap:wrap;margin:12px 0}
.category-data dt{font-size:12px;line-height:1.5;color:#496257}
.category-data dd{margin:3px 0 0;font-size:17px;font-weight:650;line-height:1.45}
.category-data dd:has(time){font-size:14px}
.category-data p{font-size:12px;line-height:1.6;margin:6px 0 0;color:#496257}
.category-source{border-top:1px solid #d0dfd3;margin-top:20px;padding-top:16px}
.category-source>strong{font-size:14px;display:block;margin-bottom:6px}
.category-source a{font-weight:600;text-decoration:underline;text-underline-offset:3px}
.category-faq{margin:24px 0}
.category-faq h2{margin-bottom:14px}
.category-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.category-faq article{border:1px solid #d7e3da;border-radius:13px;background:#fff;padding:20px}
.category-faq h3{margin:0 0 9px;font-size:16px;line-height:1.4}
.category-related{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:28px 0 36px}
.category-related h2{font-size:18px;margin-bottom:14px}
.category-related ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:0}
.category-related li{min-width:0}
.category-related a{display:flex;align-items:center;gap:10px;min-height:64px;padding:12px;border:1px solid #d9e5db;border-radius:12px;background:#fff;height:100%;font-size:14px;line-height:1.4}
.category-related a:hover{border-color:#387757;background:#f6faef}
.category-related a>strong,.category-related a>span:not(.category-link-symbol){flex:1;min-width:0;overflow-wrap:anywhere}
.category-related .retailer-logo,.category-link-symbol{width:32px;height:32px;flex:none;object-fit:contain}
.category-link-symbol{display:flex;align-items:center;justify-content:center;color:#286449}
.category-related a>.icon{width:15px;height:15px;margin-left:auto;flex:none}
.category-related small{display:block;font-size:12px;color:#496257;margin-top:3px}
.page-category a:focus-visible,.page-category button:focus-visible,.category-faq summary:focus-visible{outline:3px solid #2b7658;outline-offset:3px}
@media(min-width:901px) and (max-width:1100px){.page-category .offer-grid:not(.list-view){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.category-tips{gap:16px}.category-related{gap:18px}.category-related ul{grid-template-columns:1fr}.page-category .results-controls{justify-content:flex-start}}
@media(max-width:600px){
 .page-category .category-intro{padding-top:14px;padding-bottom:12px}
 .category-intro .breadcrumbs{margin-bottom:11px;font-size:12px}
 .category-title-row{gap:9px;align-items:flex-start}
 .category-title-row h1{font-size:27px;line-height:1.15;letter-spacing:-.6px}
 .category-title-row .category-symbol{width:34px;height:34px;border-radius:10px}
 .category-title-row .icon{width:20px;height:20px}
 .category-lead{font-size:14px;line-height:1.5;margin:9px 0}
 .category-meta{font-size:12px;gap:4px 12px}
 .category-meta>span:last-child{width:100%}
 .page-category .listing-container>.search-hint{font-size:12px;line-height:1.4;margin-bottom:9px}
 .category-shortcuts{margin:14px 0 12px}
 .category-shortcuts-heading{margin-bottom:8px;gap:8px}
 .category-shortcuts-heading h2{font-size:17px;letter-spacing:-.2px}
 .category-shortcuts-heading p,.category-skip{display:none}
 .category-shortcut-grid,.category-shortcut-grid:has(>li:nth-child(2):last-child){grid-template-columns:1fr;gap:8px;max-width:none}
 .category-shortcut-card{min-height:72px;padding:10px 12px;gap:12px;border-radius:12px}
 .category-shortcut-art{width:50px;height:50px;border-radius:10px}
 .category-shortcut-art>.icon{width:31px;height:31px}
 .category-shortcut-copy strong{font-size:14px}
 .category-shortcut-copy small{margin-top:2px;font-size:12px}
 .category-navigation .category-shortcuts:not(.is-expanded) .category-shortcut-extra{display:none}
 .category-navigation .category-shortcuts-more{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:4px auto 0;padding:8px 15px;border:0;background:transparent;color:#18583e;font-size:13px;text-decoration:underline;text-underline-offset:3px;border-radius:8px}
 .page-category .catalog-layout{margin-top:12px}
 .page-category .results{padding:14px 10px}
 .page-category .results-heading{gap:10px;margin-bottom:10px}
 .page-category .results-heading h2{font-size:21px}
 .page-category .results-controls{gap:7px}
 .page-category .sort-form{min-width:130px}
 .page-category .sort-form select{width:100%;max-width:none;font-size:13px}
 .page-category .view-switch{display:none}
 .page-category .offer-grid.grid-view{grid-template-columns:1fr}
 .category-sort-note{font-size:12px;line-height:1.4;margin-bottom:12px}
 .page-category .offer-card .card-footer{margin-top:10px}
 .page-category .offer-card .product-visual:not(:has(img)){height:82px;margin:0}
 .category-guide{padding:18px 16px;margin-top:26px}
 .category-guide-heading{align-items:flex-start;gap:10px;margin-bottom:16px}
 .category-guide h2,.category-faq h2{font-size:20px}
 .category-tips{grid-template-columns:1fr;gap:17px}
 .category-tips article{padding:16px}
 .category-guide-intro{font-size:14px;margin-bottom:16px}
 .category-explanation{margin-top:18px}
 .category-data dl{gap:12px 24px}
 .category-data dl>div:last-child{flex-basis:100%}
 .category-faq-grid{grid-template-columns:1fr;gap:12px}
 .category-faq article{padding:16px}
 .category-tips p,.category-source p,.category-faq p{font-size:14px}
 .category-related{grid-template-columns:1fr;gap:22px;margin:24px 0 28px}
 .category-related ul{grid-template-columns:repeat(2,minmax(0,1fr))}
 .category-related a{font-size:13px;gap:7px;padding:10px}
 .category-related .retailer-logo,.category-link-symbol{width:26px;height:26px}
 .category-related a>.icon{width:12px}
 .page-category .empty-state{padding:30px 12px}
}
@media(max-width:359px){.category-related ul{grid-template-columns:1fr}.category-title-row h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){.category-shortcut-card,.category-shortcut-art>*,.category-shortcut-arrow{transition:none!important;transform:none!important}}
@media print{.category-shortcuts,.category-related{display:none}.category-guide{break-before:auto}}