/* EROHE category page: header, quick order, filters, toolbar, buyer's guide. */
.erohe-guide{margin-top:48px;max-width:860px}
.erohe-guide h2{font-size:1.35rem}
.erohe-guide table{width:100%;border-collapse:collapse;font-size:.86rem;margin:10px 0 18px}
.erohe-guide th,.erohe-guide td{border-bottom:1px solid var(--erohe-rule);padding:8px;text-align:left;vertical-align:top}
.erohe-guide thead th{border-bottom:1px solid var(--erohe-indigo);color:var(--erohe-muted);font-weight:400;font-size:.78rem}
.erohe-plp-head{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;border-bottom:1px solid var(--erohe-rule);padding-bottom:20px;margin-bottom:18px}
.erohe-site .erohe-plp-head h1{font-size:clamp(1.8rem,3vw,2.6rem);margin:0 0 6px}
.erohe-plp-intro{color:var(--erohe-muted);max-width:70ch;font-size:.93rem}
.erohe-plp-intro p{margin:0}
.erohe-plp-stats{display:flex;gap:24px;margin:0}
.erohe-plp-stats div{text-align:right}
.erohe-plp-stats dt{font-size:.75rem;color:var(--erohe-muted)}
.erohe-plp-stats dd{margin:0;font-size:1.4rem;font-weight:600;color:var(--erohe-indigo)}
.erohe-quick{border:1px solid var(--erohe-border);border-radius:4px;margin:0 0 18px;background:var(--erohe-canvas)}
.erohe-quick summary{display:flex;gap:14px;align-items:baseline;padding:12px 16px;cursor:pointer;list-style:none}
.erohe-quick summary::-webkit-details-marker{display:none}
.erohe-quick summary:before{content:'+';font-weight:600;color:var(--erohe-link);width:12px}
.erohe-quick[open] summary:before{content:'-'}
.erohe-quick summary span{font-size:.84rem;color:var(--erohe-muted)}
.erohe-quick form{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px;padding:0 16px 16px}
.erohe-site .erohe-quick textarea{width:100%;font-family:'EROHE Mono',monospace;font-size:.88rem;padding:10px;background:#fff}
.erohe-quick-side p{font-size:.8rem;color:var(--erohe-muted);margin:0 0 10px}
.erohe-quick-side .erohe-add{width:100%}
.erohe-quick-result{grid-column:1/-1;font-size:.86rem}
.erohe-quick-result p{margin:0 0 6px;padding:8px 12px}
.erohe-quick-result .is-ok{background:var(--erohe-ok-bg)}
.erohe-quick-result .is-error{background:#FCEDEC}
.erohe-plp-ranges{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.erohe-plp-ranges a{border:1px solid var(--erohe-border);border-radius:3px;padding:6px 11px;font-size:.82rem;font-weight:600;text-decoration:none;background:#fff}
.erohe-plp-ranges a:hover{background:var(--erohe-data)}
.erohe-plp-ranges span{color:var(--erohe-muted);font-weight:400;margin-left:3px}
.erohe-plp-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:32px;align-items:start}
.erohe-plp-layout.no-filters{grid-template-columns:minmax(0,1fr)}
.erohe-filters{position:sticky;top:74px;max-height:calc(100vh - 90px);overflow:auto;padding-right:6px}
.erohe-filters-head{display:flex;justify-content:space-between;align-items:center}
.erohe-site .erohe-filters h2{font-size:1rem;margin:0 0 10px}
.erohe-filters-close{display:none}
.erohe-filter-stock{display:flex;gap:8px;align-items:center;padding:10px;background:var(--erohe-ok-bg);border-radius:4px;font-size:.86rem;font-weight:600;margin-bottom:12px;cursor:pointer}
.erohe-filter-stock em,.erohe-facet em{margin-left:auto;font-style:normal;font-weight:400;color:var(--erohe-muted);font-size:.76rem}
.erohe-facet{border:0;border-top:1px solid var(--erohe-rule);margin:0;padding:10px 0;min-width:0}
.erohe-facet legend{font-size:.76rem;color:var(--erohe-muted);padding:0;margin-bottom:4px;float:left;width:100%}
.erohe-facet label{display:flex;gap:8px;align-items:center;font-size:.86rem;padding:3px 0;cursor:pointer;clear:both}
.erohe-facet label.is-empty{opacity:.45}
.erohe-facet input,.erohe-filter-stock input{accent-color:var(--erohe-indigo);width:16px;height:16px;flex:none}
.erohe-facet-options{clear:both}
.erohe-facet.is-pills .erohe-facet-options{display:flex;flex-wrap:wrap;gap:6px;padding-top:2px}
.erohe-facet.is-pills label{position:relative;display:inline-flex;gap:6px;padding:4px 10px;border:1px solid var(--erohe-border);border-radius:3px;background:#fff;font-size:.8rem;line-height:1.3}
.erohe-facet.is-pills label:hover{border-color:var(--erohe-indigo)}
.erohe-facet.is-pills input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.erohe-facet.is-pills label:has(input:checked){background:var(--erohe-indigo);border-color:var(--erohe-indigo);color:#fff}
.erohe-facet.is-pills label:has(input:checked) em{color:#E4E4E8}
.erohe-facet.is-pills label:has(input:focus-visible){outline:3px solid var(--erohe-indigo);outline-offset:2px}
.erohe-facet.is-pills em{margin-left:0}
.erohe-facet.is-pills label.is-empty{opacity:.4}
.erohe-facet[data-collapsible]:not(.is-expanded) .erohe-facet-options label:nth-child(n+9):not(:has(input:checked)){display:none}
.erohe-facet-more{border:0;background:none;padding:6px 0 0;color:var(--erohe-link);font-weight:600;font-size:.8rem;text-decoration:underline}
.erohe-range-value{clear:both;margin:0 0 6px;font-size:.88rem;font-weight:600}
.erohe-range-bars{display:flex;align-items:flex-end;gap:2px;height:30px;padding:0 9px}
.erohe-range-bars span{flex:1;height:max(3px,var(--h));background:var(--erohe-rule);border-radius:1px 1px 0 0}
.erohe-range-bars span.is-in{background:var(--erohe-accent)}
.erohe-range-bars span.is-zero{height:3px;opacity:.5}
.erohe-range{position:relative;height:22px}
.erohe-range:before{content:'';position:absolute;left:9px;right:9px;top:10px;height:3px;background:var(--erohe-rule);border-radius:2px}
.erohe-range input{position:absolute;inset:0;width:100%;height:22px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}
.erohe-range input::-webkit-slider-runnable-track{height:22px;background:none}
.erohe-range input::-moz-range-track{height:22px;background:none}
.erohe-range input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:18px;height:18px;margin-top:2px;border-radius:50%;background:#fff;border:2px solid var(--erohe-indigo);cursor:grab;position:relative;z-index:2}
.erohe-range input::-moz-range-thumb{pointer-events:auto;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--erohe-indigo);cursor:grab}
.erohe-range input:focus-visible::-webkit-slider-thumb{outline:3px solid var(--erohe-indigo);outline-offset:2px}
.erohe-range input:focus-visible::-moz-range-thumb{outline:3px solid var(--erohe-indigo);outline-offset:2px}
.erohe-range-fill{position:absolute;top:10px;height:3px;background:var(--erohe-indigo);border-radius:2px;pointer-events:none}
.erohe-range-ends{display:flex;justify-content:space-between;font-size:.75rem;color:var(--erohe-muted)}
.erohe-filters-clear{border:0;background:none;color:var(--erohe-link);font-weight:600;font-size:.84rem;padding:8px 0;text-decoration:underline}
.erohe-plp-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}
.erohe-plp-toolbar p{margin:0;font-size:.86rem;color:var(--erohe-muted)}
.erohe-plp-toolbar strong{color:var(--erohe-indigo)}
.erohe-sort{display:flex;gap:8px;align-items:center;font-size:.82rem;color:var(--erohe-muted)}
.erohe-site .erohe-sort select{height:36px;padding:4px 8px;font-size:.84rem;background:#fff}
.erohe-filters-open{display:none}
.erohe-active-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.erohe-active-filters button{border:1px solid var(--erohe-indigo);background:var(--erohe-data);color:var(--erohe-indigo);border-radius:3px;padding:3px 9px;font-size:.78rem}
.erohe-plp-empty{padding:24px;border:1px solid var(--erohe-rule);font-size:.9rem}
.erohe-plp-empty button{border:0;background:none;color:var(--erohe-link);text-decoration:underline;font-weight:600}
@media(max-width:800px){
	.erohe-plp-head{flex-direction:column;align-items:flex-start;gap:12px}
	.erohe-plp-stats div{text-align:left}
	.erohe-plp-layout{grid-template-columns:1fr}
	.erohe-filters{display:none;position:fixed;inset:0;z-index:60;max-height:none;background:#fff;padding:18px 20px 90px;overflow:auto}
	.erohe-filters.is-open{display:block}
	.erohe-filters-close{display:inline-flex;position:fixed;left:16px;right:16px;bottom:16px;justify-content:center;min-height:48px;border:0;border-radius:4px;background:var(--erohe-action);color:#fff;font-weight:600}
	.erohe-filters-open{display:inline-flex;align-items:center;min-height:36px;padding:4px 14px;border:1px solid var(--erohe-indigo);border-radius:4px;background:#fff;color:var(--erohe-indigo);font-weight:600;font-size:.86rem}
	body.erohe-no-scroll{overflow:hidden}
	.erohe-quick form{grid-template-columns:1fr}
}
@media(max-width:560px){
	.erohe-plp-toolbar{flex-wrap:wrap}
	.erohe-sort span{display:none}
	.erohe-quick summary{display:grid;grid-template-columns:14px 1fr;gap:0 6px}
	.erohe-quick summary span{grid-column:2}
}
.erohe-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px}
.erohe-hub-card{display:flex;flex-direction:column;gap:4px;border:1px solid var(--erohe-rule);border-radius:4px;padding:16px;text-decoration:none!important;background:#fff}
.erohe-hub-card:hover{border-color:var(--erohe-border);background:var(--erohe-canvas)}
.erohe-hub-card strong{font-size:1rem}
.erohe-hub-card span{font-size:.8rem;color:var(--erohe-muted)}
.erohe-hub-card p{margin:6px 0 0;font-size:.84rem;color:var(--erohe-ink)}
@media(max-width:900px){.erohe-hub-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.erohe-hub-grid{grid-template-columns:1fr}}
.erohe-plp-results{min-width:0}
/* Category header on a glass band with a faint chromatogram. */
.erohe-plp-head{position:relative;background:var(--erohe-glass);box-shadow:0 0 0 100vmax var(--erohe-glass);clip-path:inset(0 -100vmax);border-bottom:0;padding:26px 0 76px;margin-top:-14px}
.erohe-plp-head:after{content:'';position:absolute;left:0;right:0;bottom:0;height:70px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 70' preserveAspectRatio='none'%3E%3Cpath d='M0 66 L260 66 Q275 66 280 30 Q285 66 300 66 L620 66 Q632 66 640 12 Q648 66 660 66 L700 66 Q706 66 710 48 Q714 66 720 66 L1020 66 Q1032 66 1040 26 Q1048 66 1060 66 L1440 66' fill='none' stroke='%232596BE' stroke-width='1.4' opacity='.45'/%3E%3C/svg%3E") bottom/100% 70px no-repeat;pointer-events:none}
.erohe-plp-head>*{position:relative;z-index:1}
.erohe-plp-stats dd{font-size:1.8rem}
/* Phones: sub-ranges scroll sideways in one row instead of filling the screen. */
@media(max-width:800px){.erohe-plp-ranges{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding:0 16px 4px;-webkit-overflow-scrolling:touch}.erohe-plp-ranges::-webkit-scrollbar{display:none}.erohe-plp-ranges a{flex:none;white-space:nowrap}}
/* Counts as a quiet line, not big stat numbers. */
.erohe-plp-stats.is-inline{display:flex;flex-wrap:wrap;gap:4px 18px;align-self:flex-end}
.erohe-plp-stats.is-inline div{display:flex;gap:6px;align-items:baseline;text-align:left}
.erohe-plp-stats.is-inline dd{order:-1;font-size:1rem!important;font-weight:600}
.erohe-plp-stats.is-inline dt{font-size:.84rem;color:var(--erohe-muted)}
.erohe-filters,.erohe-sample{overscroll-behavior:contain}
.erohe-range input::-webkit-slider-thumb{width:24px;height:24px;margin-top:-1px}
.erohe-range input::-moz-range-thumb{width:20px;height:20px}
@media(pointer:coarse){.erohe-range{height:30px}.erohe-range input{height:30px}.erohe-range input::-webkit-slider-thumb{width:28px;height:28px;margin-top:1px}}
.erohe-active-filters button{min-height:32px}
.erohe-facet-more{min-height:32px}
.erohe-row{content-visibility:auto;contain-intrinsic-size:auto 88px}
.erohe-search-pages{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0}.erohe-search-pages .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:0 10px;border:1px solid var(--erohe-rule);border-radius:4px;text-decoration:none;font-weight:600}.erohe-search-pages .current{background:var(--erohe-indigo);color:#fff;border-color:var(--erohe-indigo)}
/* Buyer's guide: a glass band, a sticky jump list on the left, readable column on the right. */
.erohe-guide{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(24px,4vw,64px);max-width:none;margin-top:56px;padding:44px 0 48px;background:var(--erohe-glass);box-shadow:0 0 0 100vmax var(--erohe-glass);clip-path:inset(0 -100vmax)}
.erohe-guide-rail{position:sticky;top:84px;align-self:start;display:grid;gap:14px}
.erohe-guide-kind{font-size:.8rem;font-weight:600;color:var(--erohe-link-hover)}
.erohe-site .erohe-guide-rail h2{font-size:1.45rem;line-height:1.15;margin:0}
.erohe-guide-rail ol{list-style:none;margin:0;padding:0;display:grid;gap:2px;border-left:2px solid #CFE0E8}
.erohe-guide-rail li a{display:flex;gap:8px;padding:6px 10px;font-size:.86rem;text-decoration:none;margin-left:-2px;border-left:2px solid transparent}
.erohe-guide-rail li a:hover{border-left-color:var(--erohe-indigo);background:rgba(255,255,255,.6)}
.erohe-guide-rail li a span{font-weight:700;color:var(--erohe-accent);min-width:12px}
.erohe-guide-shop{font-size:.86rem;font-weight:600}
.erohe-guide-body{max-width:72ch;font-size:1rem;line-height:1.65}
.erohe-guide-body > p:first-child{font-size:1.1rem;color:var(--erohe-indigo)}
.erohe-site .erohe-guide-body h3{display:flex;align-items:center;gap:12px;font-size:1.2rem;margin:36px 0 12px;scroll-margin-top:90px}
.erohe-step{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--erohe-indigo);color:#fff;font-size:.95rem;font-weight:600}
.erohe-guide-table{overflow-x:auto;background:#fff;border-radius:8px;box-shadow:0 0 0 1px var(--erohe-rule);margin:14px 0 18px}
.erohe-guide .erohe-guide-table table{margin:0;font-size:.92rem;border:0}
.erohe-guide .erohe-guide-table th,.erohe-guide .erohe-guide-table td{border:0;border-bottom:1px solid #E6EEF2;padding:12px 16px}
.erohe-guide .erohe-guide-table tr:last-child td{border-bottom:0}
.erohe-guide .erohe-guide-table thead th{background:var(--erohe-data);color:var(--erohe-muted);font-size:.78rem;font-weight:600;border-bottom:1px solid var(--erohe-rule)}
.erohe-guide .erohe-guide-table td:first-child{font-weight:600;color:var(--erohe-indigo);white-space:nowrap}
.erohe-guide-fig{margin:18px 0 22px;background:#fff;border-radius:8px;box-shadow:0 0 0 1px var(--erohe-rule);padding:18px 18px 10px}
.erohe-guide-fig svg{display:block;width:100%;height:auto;max-height:280px;overflow:visible}
.erohe-guide-fig figcaption{font-size:.8rem;color:var(--erohe-muted);margin-top:6px}
.erohe-guide-fig .cap{fill:var(--erohe-indigo);stroke:none}
.erohe-guide-fig .glass{fill:#F3F8FB;stroke:#7FA3B3;stroke-width:1.5}
.erohe-guide-fig .insert{fill:#fff;stroke:var(--erohe-indigo);stroke-width:1.6}
.erohe-guide-fig .liquid{fill:#BFE3F1;stroke:none}
.erohe-guide-fig .feet{fill:none;stroke:#3E8E22;stroke-width:3;stroke-linecap:round}
.erohe-guide-fig .needle{fill:none;stroke:#5C5978;stroke-width:2}
.erohe-guide-fig .mark{fill:none;stroke:var(--erohe-accent);stroke-width:1.2;stroke-dasharray:4 3}
.erohe-guide-fig text{font:600 13px 'EROHE Plex',Arial,sans-serif;fill:var(--erohe-indigo)}
.erohe-guide-fig .lbl{text-anchor:middle}
.erohe-guide-fig .sub,.erohe-guide-fig .sub text{font-weight:400;font-size:11.5px;fill:var(--erohe-muted);text-anchor:middle}
.erohe-guide-fig .lbl .sub{text-anchor:start}
@media(max-width:900px){.erohe-guide{grid-template-columns:1fr;padding:32px 0}.erohe-guide-rail{position:static}.erohe-guide .erohe-guide-table td:first-child{white-space:normal}}
.erohe-guide-fig .is-start text{text-anchor:start}
@media(max-width:700px){.erohe-guide-fig text{font-size:19px}.erohe-guide-fig .sub,.erohe-guide-fig .sub text{font-size:16px}.erohe-guide-fig{padding:12px 8px 8px}}
.erohe-plp-intro{max-width:68ch}
.erohe-plp-intro p:first-child{font-size:1.02rem;color:var(--erohe-ink)}
.erohe-plp-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin:8px 0 0!important;font-size:.88rem}
.erohe-plp-more{border:0;background:none;padding:0;color:var(--erohe-link);font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.erohe-plp-links a{font-weight:600}
.erohe-plp-rest{margin-top:8px!important;color:var(--erohe-muted);font-size:.93rem}
.erohe-row-compare{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--erohe-muted);margin:4px 0 0;cursor:pointer}
.erohe-row-compare input{width:16px;height:16px;accent-color:var(--erohe-action);margin:0}
.erohe-compare-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;width:min(560px,calc(100% - 32px));z-index:60;display:flex;align-items:center;gap:14px;margin:0;padding:10px 14px;background:var(--erohe-night);color:#fff;border-radius:6px;box-shadow:0 6px 18px rgba(21,17,63,.22);font-size:.9rem}
.erohe-compare-bar[hidden]{display:none}
.erohe-compare-bar span{margin-right:auto}
.erohe-compare-bar .erohe-row-add{background:var(--erohe-buy);color:var(--erohe-buy-ink)!important}
.erohe-compare-bar .erohe-row-add:disabled{opacity:.55;cursor:not-allowed}
.erohe-compare-clear,.erohe-compare-close{border:0;background:none;color:inherit;text-decoration:underline;font-weight:600;cursor:pointer;padding:6px}
.erohe-compare-dialog{width:min(1040px,calc(100vw - 32px));max-height:calc(100vh - 48px);border:0;border-radius:8px;padding:20px 22px;color:var(--erohe-ink)}
.erohe-compare-dialog::backdrop{background:rgba(21,17,63,.45)}
.erohe-compare-head{display:flex;justify-content:space-between;align-items:center;gap:16px}
.erohe-site .erohe-compare-head h2{margin:0;font-size:1.3rem}
.erohe-compare-close{color:var(--erohe-action)}
.erohe-compare-note{font-size:.82rem;color:var(--erohe-muted);margin:4px 0 12px}
.erohe-compare-scroll{overflow-x:auto}
.erohe-compare-table{width:100%;border-collapse:collapse;font-size:.86rem;min-width:520px}
.erohe-compare-table th,.erohe-compare-table td{padding:9px 10px;border-bottom:1px solid var(--erohe-rule);text-align:left;vertical-align:top}
.erohe-compare-table thead th{font-weight:600;min-width:150px}
.erohe-compare-table thead th a{display:block;color:var(--erohe-indigo);margin-top:2px}
.erohe-compare-table tbody th{color:var(--erohe-muted);font-weight:500;white-space:nowrap;width:1%}
.erohe-compare-table tr.is-diff td{font-weight:600;color:var(--erohe-indigo)}
.erohe-compare-buy td{border-bottom:0}
.erohe-compare-buy .erohe-row-buy{display:flex;gap:6px}
.erohe-compare-buy input{width:56px}