@import url('/zapvisor-ui/search-approved-states.css?v=20260911-3');
/* Desktop styles come directly from the approved HTML. These rules add behavior only. */
[hidden]{display:none!important}.reference-control{font:inherit;color:inherit;background:transparent;cursor:pointer;margin:0;box-sizing:content-box}.reference-control:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #141414;outline-offset:3px}.reference-header :focus-visible{outline-color:#FFDD00}.reference-header .reference-control{line-height:normal}.reference-search{margin:0;min-width:0}.reference-header-actions{min-width:0}.reference-sort-wrap{position:relative}#sort-select{font:inherit;color:inherit;border:0;background:transparent;cursor:pointer;outline-offset:4px;position:absolute;inset:0;width:100%;height:100%;padding:0 15px;border-radius:inherit;box-sizing:border-box}.reference-image-slot{display:block;overflow:hidden}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;z-index:50;top:8px;left:16px;width:auto;height:auto;padding:12px;background:#FFDD00;clip:auto}.filter-input{appearance:none;box-sizing:border-box;width:20px;height:20px;flex:0 0 20px;margin:0;border:1.5px solid rgba(20,20,20,.3);border-radius:6px;background:#fff;cursor:pointer}.filter-input[type=radio]{border-radius:50%}.filter-input:checked{border-color:#141414}.filter-input[type=radio]:checked{background:radial-gradient(circle,#141414 0 5px,#fff 5.5px)}.filter-input[type=checkbox]:checked{background:#141414}.filter-input[type=checkbox]:checked:after{content:'';display:block;margin:3px 0 0 5px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.condition-chip[aria-pressed=false]{color:#3D3A31!important;background:#fff!important;border:1px solid rgba(20,20,20,.16)!important}.condition-chip[aria-pressed=true]{color:#FDFCF7!important;background:#141414!important;border:0!important}.condition-chip span{color:inherit!important;opacity:.62}#filters-toggle[aria-expanded=false]>span:last-child{transform:none!important}button:disabled{cursor:wait;opacity:.55}.supplier-info{min-width:0;flex:1}.supplier-location{display:inline-flex;align-items:center;gap:4px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-location>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.condition-pill{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;background:rgba(20,20,20,.045);border:1px solid rgba(20,20,20,.06);font-size:13px;font-weight:500;color:#3D3A31;white-space:nowrap}.offer-row:not(.is-minimum){border-color:rgba(20,20,20,.09)!important}.price-currency{font-size:14px;font-weight:500;color:rgba(20,20,20,.55);margin-left:2px}.freshness-label{color:rgba(20,20,20,.5)}.freshness-value{color:#141414;font-weight:500;font-variant-numeric:tabular-nums}.stale .freshness-label,.stale .freshness-value{color:#9C4A0E}.contact-phone{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;font-family:Onest,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.015em;white-space:nowrap}.contact-hours{display:block;font-size:13px;color:rgba(20,20,20,.5);margin-top:5px;line-height:1.4}.contact-website{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:#6E6A5E;margin-top:7px}.contact-phone:hover,.contact-website:hover{text-decoration:underline;text-underline-offset:4px}.missing-contact{font-size:14px;color:#6E6A5E}.result-state,.analog-empty{margin:0;padding:24px 26px;border:1px solid rgba(20,20,20,.08);border-radius:16px;background:#fff;font-size:14px;line-height:1.6;color:#6E6A5E}.result-state strong{font-size:20px;color:#141414}.result-state p{margin:8px 0 0}.result-state button{margin-top:12px}.live-analog{display:grid;grid-template-columns:minmax(0,1fr) 258px 250px 220px;align-items:center;padding:18px 24px;background:#fff;border:1px solid rgba(20,20,20,.09);border-radius:10px;gap:0}.live-analog>span:first-child strong{font-size:18px}.live-analog small{display:block;font-size:13px;color:#6E6A5E;margin-top:5px}.live-analog>strong{text-align:right;padding:0 22px;font-size:20px}.live-analog>span:nth-child(3){text-align:right;padding:0 22px;font-size:14px}.live-analog>span:last-child{text-align:right;font-size:14px}.copy-notice{font-size:12px;color:#1F6F3C}.service-dialog{font-family:Onest,sans-serif;box-sizing:border-box;max-width:480px;width:calc(100% - 32px);padding:28px;border:1px solid rgba(20,20,20,.12);border-radius:20px;background:#fff;color:#141414}.service-dialog::backdrop{background:rgba(20,20,20,.5)}.service-dialog h2{font-size:24px;font-weight:700;margin:12px 0}.service-dialog p{font-size:15px;line-height:1.65;color:#6E6A5E}.service-dialog button{font:inherit;cursor:pointer;border:1px solid rgba(20,20,20,.16);border-radius:10px;background:#FDFCF7;padding:10px 14px}#service-close{float:right;font-size:22px;padding:0;width:36px;height:36px}#service-actions{display:flex;gap:10px;flex-wrap:wrap}.reference-footer a:hover{text-decoration:underline;text-underline-offset:4px}.reference-reading table{width:100%}#pagination{display:flex;align-items:center;gap:8px}#page-number{padding:8px 12px;border-radius:9px;background:#141414;color:#FDFCF7;font-size:13px}#load-more{border:1px solid rgba(20,20,20,.16);border-radius:9px;padding:8px 12px;font-size:13px}
/* Dialog uses the existing application behavior, with the reference's surfaces. */
.supplier-dialog,.supplier-dialog *{box-sizing:border-box}.supplier-dialog{width:min(940px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid rgba(20,20,20,.12);border-radius:24px;background:#fff;color:#141414;overflow:auto}.supplier-dialog::backdrop{background:rgba(20,20,20,.58)}.dialog-header{padding:18px 22px;display:flex;align-items:center;gap:16px;background:#141414;color:#FDFCF7}.dialog-logo{width:48px;height:48px;display:grid;place-items:center;background:#FFDD00;color:#141414;border-radius:12px;font-weight:700}.dialog-heading{flex:1;min-width:0}.dialog-heading h2{margin:0;font-size:24px}.dialog-heading p{font-size:13px;color:#b7b4aa;margin:6px 0 0}.dialog-close{background:none;color:#fff;border:1px solid #666;width:40px;height:40px;border-radius:12px;font-size:26px}.dialog-tabs{display:flex;overflow:auto;border-bottom:1px solid #ddd;padding:0 16px}.dialog-tab{padding:16px 12px;border:0;background:#fff;white-space:nowrap;font-size:14px}.dialog-tab[aria-selected=true]{box-shadow:inset 0 -3px #FFDD00}.dialog-panel{padding:24px}.offer-overview{display:grid;grid-template-columns:1fr 260px;gap:24px}.dialog-section h3{font-size:15px;margin:0 0 16px}.dialog-list{list-style:none;margin:0;padding:0}.dialog-list li{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #eee;font-size:14px}.dialog-list li>span{color:#6E6A5E}.dialog-list li>strong{text-align:right;font-weight:500}.calc{padding:20px;background:#F2EFE6;border-radius:16px}.calc__label{font-size:13px;color:#6E6A5E}.calc__price{font-size:30px;font-weight:700;margin:10px 0}.calc__sub{font-size:13px;line-height:1.6}.button--primary{display:inline-flex;padding:12px 16px;background:#FFDD00;border-radius:10px;font-size:14px;font-weight:600}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.trust-card{padding:18px;background:#F7F6F1;border-radius:14px;display:flex;flex-direction:column;gap:8px}.trust-card>span,.trust-card p{font-size:13px;line-height:1.5;color:#6E6A5E;margin:0}.trust-card>strong{font-size:21px}.contact-row{padding:14px 0;display:grid;grid-template-columns:180px 1fr;gap:20px;border-bottom:1px solid #eee;font-size:14px}.contact-row>span{color:#6E6A5E}.external-link{text-decoration:underline;text-underline-offset:3px}.modal-open{overflow:hidden}

@media(max-width:1471px){.reference-canvas{max-width:100%;min-width:0}.reference-header{flex-wrap:wrap}.reference-search{min-width:320px}.reference-header-actions{margin-left:auto}.table-head,.offer-row,.live-analog{grid-template-columns:minmax(0,1fr) 230px 210px 210px!important}.reference-desk{min-width:0}}
@media(max-width:1150px){.filter-grid{grid-template-columns:1fr 1fr!important;gap:28px!important}.table-head{display:none!important}.offer-row,.live-analog{grid-template-columns:minmax(0,1fr) 240px!important;gap:20px!important}.offer-cell:nth-child(3){padding-left:32px!important;text-align:left!important}.offer-cell:nth-child(3)>div{justify-content:flex-start!important}.reference-guide{grid-template-columns:200px minmax(0,1fr)!important;gap:24px!important}.reference-footer>div:first-child{grid-template-columns:repeat(4,1fr)!important;gap:24px!important}.reference-footer>div:first-child>div:first-child{grid-column:1/-1}.reference-summary{width:280px!important}.reference-search{order:3;flex-basis:100%!important}.reference-header-actions{gap:10px!important}}
@media(max-width:760px){.reference-page{padding:8px!important}.reference-desk{padding:8px!important}.reference-header{padding:12px!important;gap:12px!important}.reference-brand{padding:10px 12px!important}.reference-header-actions{flex:1;justify-content:flex-end;flex-wrap:wrap;font-size:12px!important}.reference-header-actions>button{height:32px!important;padding:0 10px!important}#region-toggle{height:auto!important;font-size:12px;flex-basis:100%;justify-content:flex-end;border:0!important}.reference-search{min-width:0;height:52px!important}#search-q{font-size:16px!important}.reference-search>button{font-size:14px!important;padding:0 16px!important}.reference-breadcrumbs{flex-wrap:wrap;font-size:12px!important;padding:0 4px!important}.reference-part{flex-wrap:wrap;padding:18px!important;gap:14px!important}.reference-brand-slot{width:58px!important;height:58px!important}.reference-part>div:first-of-type{flex-basis:calc(100% - 80px)!important}.reference-part h1{font-size:24px!important;overflow-wrap:anywhere}.reference-summary{width:100%!important;margin-top:8px}.toolbar{padding:12px!important;gap:10px!important;flex-wrap:wrap}.toolbar>span:nth-child(2),.toolbar>span:nth-child(4),.toolbar>span:nth-child(5){display:none!important}.toolbar>span:nth-child(3){margin-left:auto;font-size:12px!important}.reference-sort-wrap{flex-basis:100%}.filter-panel{padding:18px!important}.filter-grid{gap:24px 16px!important}.filter-foot{flex-wrap:wrap!important;gap:10px!important}.filter-foot>span:first-child{flex:1;min-width:180px}.filter-foot>span:nth-child(2){display:none!important}.offer-row{padding:18px 14px!important;grid-template-columns:minmax(0,1fr) 150px!important;gap:20px 8px!important}.supplier-cell{grid-column:1/-1}.offer-cell:nth-child(2){padding:0!important;text-align:left!important}.offer-cell:nth-child(2)>div{justify-content:flex-start!important;white-space:normal!important;flex-wrap:wrap}.offer-cell:nth-child(3){padding:0!important;text-align:right!important}.offer-cell:nth-child(3)>div{justify-content:flex-end!important}.offer-cell:nth-child(4){grid-column:1/-1;padding:14px 0 0!important;text-align:left!important;border-top:1px solid rgba(20,20,20,.08)}.analog-bar{padding:14px 16px!important;flex-wrap:wrap;gap:10px!important}.live-analog{grid-template-columns:1fr auto!important;padding:18px 14px}.live-analog>strong,.live-analog>span:nth-child(3){padding:0}.results-footer{padding:14px!important;flex-wrap:wrap;gap:10px!important}.order-info{flex-wrap:wrap;padding:18px!important;gap:12px!important}.order-info>span:nth-child(2){display:none!important}.order-info>span{flex-basis:100%}.reference-guide{grid-template-columns:1fr!important;padding:24px 18px!important;gap:28px!important}.reference-toc{position:static!important;width:100%!important}.reference-reading{min-width:0}.reference-reading h2{font-size:24px!important}.reference-reading figure{overflow:auto}.reference-reading table{min-width:520px}.reference-footer{padding:24px 18px!important}.reference-footer>div:first-child{grid-template-columns:1fr 1fr!important;gap:28px!important}.offer-overview{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr 1fr}.dialog-panel{padding:18px}.dialog-heading h2{font-size:21px}.dialog-logo{display:none}.contact-row{grid-template-columns:1fr;gap:8px}}
@media(max-width:390px){.filter-grid{grid-template-columns:1fr!important}.reference-header-actions{gap:6px!important}.reference-brand svg{width:24px}.reference-brand>div>span:first-child{font-size:18px!important}.reference-brand>div>span:last-child{font-size:8px!important}.reference-header-actions>button{padding:0 7px!important;font-size:11px}.offer-row{grid-template-columns:minmax(0,1fr) 126px!important}.contact-phone{font-size:17px}.toolbar>span:nth-child(3){max-width:135px;white-space:normal!important;flex-wrap:wrap}.trust-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:760px){[data-field="stock"]{white-space:normal!important;line-height:1.5}.reference-reading a{overflow-wrap:anywhere}}
@media(max-width:760px){.reference-reading a[style*="white-space:nowrap"]{max-width:100%;height:auto!important;min-height:34px;box-sizing:border-box;white-space:normal!important;padding-block:6px!important}}
.reference-part{min-height:145px;box-sizing:border-box}

/* Preserve the approved logo slots and the official artwork's proportions. */
.has-official-logo{background:#141414!important;border-color:#2B2B2B!important}
.official-logo{display:block;width:100%;height:100%;box-sizing:border-box;object-fit:contain;padding:5px}
.reference-brand-slot .official-logo{padding:7px}
.dialog-logo .official-logo{padding:4px}

/* One surface for the part and filters; one continuous table for offers. */
.search-overview{margin-top:6px;background:#fff;border:1px solid rgba(20,20,20,.08);border-radius:20px;overflow:hidden;min-width:0}
.search-overview>.reference-part,.search-overview>.toolbar,.search-overview>.filter-panel{margin-top:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.search-overview>.toolbar,.search-overview>.filter-panel{border-top:1px solid rgba(20,20,20,.08)!important}
.offers-table{margin-top:14px;gap:0!important;background:#fff;border:1px solid rgba(20,20,20,.09);border-radius:20px}
.offers-table>.table-head{margin-top:0!important;border-radius:19px 19px 0 0!important;box-shadow:none!important}
.offers-table>#offer-rows{gap:0!important}
.offers-table .offer-row{border:0!important;border-radius:0!important;box-shadow:none!important;outline-offset:-3px!important}
.offers-table .offer-row+.offer-row{border-top:1px solid rgba(20,20,20,.09)!important}
.offers-table .offer-row:last-child{border-radius:0 0 19px 19px!important}
.offers-table>.result-state{border:0;border-radius:0 0 19px 19px}
@media(max-width:1150px){.offers-table .offer-row:first-child{border-top-left-radius:19px!important;border-top-right-radius:19px!important}.offers-table>.result-state{border-radius:19px}}

.analogs-panel{display:flex;flex-direction:column;gap:0;margin-top:16px;min-width:0;background:#fff;border:1px solid rgba(20,20,20,.09);border-radius:20px;overflow:hidden}
.analogs-panel>.analog-bar{margin-top:0!important;border-radius:0!important}
.analogs-panel>.analog-rows{gap:0!important}
.analogs-panel .analog-empty,.analogs-panel .live-analog{border:0;border-radius:0}
.analogs-panel .live-analog+.live-analog{border-top:1px solid rgba(20,20,20,.09)}
.analogs-panel>.results-footer{border:0!important;border-top:1px solid rgba(20,20,20,.09)!important;border-radius:0!important;box-shadow:none!important}
.analogs-panel .live-analog:focus-visible{outline-offset:-3px}

/* Section labels support scanning without competing with the search header. */
.offers-table>.table-head,.analogs-panel>.analog-bar{background:#E8E5DC!important;color:#6E6A5E!important;border-bottom:1px solid rgba(20,20,20,.08)}
.offers-table>.table-head>span{color:#6E6A5E!important}
.offers-table>.table-head svg{stroke:#6E6A5E}
.analogs-panel #show-analogs{color:#575449!important}
.analogs-panel #show-analogs:hover{text-decoration:underline;text-underline-offset:3px}

/* Sort control: compact white surface, quiet icons and a single yellow selection mark. */
.reference-sort-wrap{min-width:208px;flex-shrink:0}
.sort-trigger{appearance:none;display:flex;align-items:center;gap:10px;width:100%;height:42px;box-sizing:border-box;padding:0 12px;border:1px solid #DDD8CC;border-radius:10px;background:#fff;color:#2C2922;font:500 14px/20px Onest,sans-serif;cursor:pointer;transition:background 140ms,border-color 140ms}
.sort-trigger>span{flex:1;text-align:left;white-space:nowrap}
.sort-trigger-icon{flex-shrink:0;color:#817A6C}
.sort-chevron{flex-shrink:0;color:#817A6C;width:15px;height:15px;transition:transform 140ms}
.sort-trigger:hover{background:#FCFBF8;border-color:#BDB5A5}
.sort-trigger[aria-expanded=true]{background:#fff;border-color:#A49B88}
.sort-trigger[aria-expanded=true] .sort-chevron{transform:rotate(180deg)}
.sort-trigger:focus-visible{outline:2px solid #8E8573;outline-offset:3px}
.sort-menu{position:fixed;z-index:60;box-sizing:border-box;width:268px;max-width:calc(100vw - 16px);padding:6px;background:#fff;border:1px solid #E8E3D9;border-radius:13px;box-shadow:0 12px 28px -10px rgba(40,34,20,.2),0 3px 8px -4px rgba(40,34,20,.12);overflow:auto}
.sort-option{appearance:none;display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 10px;border:0;border-radius:8px;background:transparent;color:#625C50;font:400 14px/20px Onest,sans-serif;text-align:left;cursor:pointer;transition:background 120ms,color 120ms}
.sort-option>span{flex:1}
.sort-item-icon{flex-shrink:0;color:#8A8272}
.sort-check{flex-shrink:0;visibility:hidden;box-sizing:content-box;width:12px;height:12px;padding:3px;border-radius:50%;background:#FFE454;color:#38311D;stroke-width:2}
.sort-option[aria-selected=true]{color:#24231F;background:#F6F4EE;font-weight:500}
.sort-option[aria-selected=true] .sort-check{visibility:visible}
.sort-option[aria-selected=true] .sort-item-icon{color:#605846}
.sort-option:hover{background:#F1EEE5;color:#24231F}
.sort-option:focus-visible{outline:1px solid #B0A692;outline-offset:-2px;background:#F6F4EE}
@media(max-width:1000px) and (min-width:761px){.toolbar{flex-wrap:wrap}.toolbar>span:nth-child(5){display:none!important}.reference-sort-wrap{margin-left:auto}}
@media(max-width:760px){.sort-trigger{height:44px}}

/* Variant B: a compact comparison grid with a separate stock column. */
/* Filters: a shared condition switch followed by three clear option groups. */
.refined-filters{display:flex;flex-direction:column;gap:12px!important;padding:16px 20px 12px!important;background:#fff}
.refined-filters .filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px 24px!important;align-items:start}
.refined-filters .filter-group{min-width:0;margin:0;padding:0;border:0}
.refined-filters .filter-group-title{display:block;width:100%;box-sizing:border-box;margin:0 0 6px;padding:0;font:500 14px/20px Onest,sans-serif;color:#282720;letter-spacing:0;text-transform:none}
.refined-filters .filter-state-group{grid-column:1/-1;padding-bottom:12px;border-bottom:1px solid #EAE6DD}
.refined-filters .filter-state-layout{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.refined-filters .filter-choices{display:flex;flex-direction:column;gap:2px}
.refined-filters .filter-choice{display:flex;align-items:center;gap:10px;box-sizing:border-box;min-height:30px;margin:0;padding:4px 0;border:0;border-radius:0;background:transparent!important;color:#625D51;font:400 14px/22px Onest,sans-serif;text-align:left;cursor:pointer}
.refined-filters .filter-choice:hover,.refined-filters .filter-choice:has(input:checked){color:#24231F}
.refined-filters .filter-input{appearance:none;position:relative;box-sizing:border-box;margin:0;width:18px;height:18px;flex:0 0 18px;border:1.5px solid #B7B1A3;background:#fff;border-radius:5px;cursor:pointer;transition:border-color 120ms,background 120ms}
.refined-filters .filter-choice:hover .filter-input{border-color:#6E6757}
.refined-filters .filter-input[type=radio]{border-radius:50%}
.refined-filters .filter-input[type=radio]:checked{border-color:#292821;background:radial-gradient(circle,#292821 0 4px,#fff 4.5px)}
.refined-filters .filter-input[type=checkbox]:checked{background:#292821;border-color:#292821}
.refined-filters .filter-input[type=checkbox]:checked:after{position:absolute;top:2px;left:5px;display:block;content:"";width:4px;height:8px;margin:0;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.refined-filters .condition-segments{flex-direction:row;gap:3px;max-width:100%;padding:3px;border-radius:12px;background:#F0EEE7}
.refined-filters .filter-condition{display:flex;align-items:center;justify-content:center;gap:7px;min-height:32px;height:auto;margin:0;padding:5px 11px;box-sizing:border-box;border:1px solid transparent!important;border-radius:9px;background:transparent!important;color:#625D51!important;font:400 14px/20px Onest,sans-serif;cursor:pointer;white-space:nowrap;transition:background 120ms,color 120ms,border-color 120ms}
.refined-filters .filter-condition[aria-pressed=true]{background:#fff!important;border-color:#D9D4C7!important;color:#24231F!important}
.refined-filters .filter-condition:hover{color:#24231F!important;background:#F9F8F4!important}
.refined-filters .filter-condition[aria-pressed=true]:hover{background:#fff!important}
.refined-filters .condition-label{opacity:1}
.refined-filters .condition-count{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:20px;padding:0 3px;box-sizing:border-box;border-radius:5px;font:400 12px/20px Onest,sans-serif;color:#736C5E!important;opacity:1}
.refined-filters .filter-condition[aria-pressed=true] .condition-count{background:#FFE454;color:#403820!important}
.refined-filters .filter-extra-options{flex-direction:row;flex-wrap:wrap;gap:8px 24px;margin:0;padding:0;border:0}
.refined-filters .filter-separate-option{margin-top:4px}
.refined-filters .filter-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid #EAE6DD;font:400 13px/20px Onest,sans-serif;color:#736C5E}
.refined-filters #filtered-count{min-width:0;flex:1}
.refined-filters .filter-reset{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:32px;padding:5px 11px;box-sizing:border-box;border:1px solid #E4DED1;border-radius:9px;background:#fff;color:#514A3E;font:400 13px/20px Onest,sans-serif;cursor:pointer}
.refined-filters .filter-reset:hover{background:#F6F4EE;border-color:#B7B1A3}
.refined-filters :focus-visible{outline:2px solid #716651;outline-offset:3px}
@media(max-width:1000px){.refined-filters .filter-state-layout{gap:12px}.refined-filters .filter-extra-options{gap:8px 24px}}
@media(max-width:760px){.refined-filters{padding:14px 16px 12px!important}.refined-filters .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.refined-filters .filter-choice,.refined-filters .filter-condition{min-height:44px}.refined-filters .condition-segments{width:100%}.refined-filters .filter-condition{flex:1;padding:5px;white-space:normal}.refined-filters .filter-state-layout{align-items:stretch}.refined-filters .filter-extra-options{width:100%}.refined-filters .filter-foot{flex-wrap:wrap}.refined-filters #filtered-count{flex-basis:100%}.refined-filters .filter-reset{min-height:44px}}
@media(max-width:480px){.refined-filters .filter-grid{grid-template-columns:minmax(0,1fr)!important}.refined-filters .condition-segments{box-sizing:border-box;gap:2px}.refined-filters .filter-condition{flex-direction:column;gap:2px;padding:4px;font-size:13px}.refined-filters .condition-label{display:flex;align-items:center;justify-content:center;min-height:40px}.refined-filters .filter-extra-options{flex-direction:column;gap:0}.refined-filters .filter-group:not(.filter-state-group){padding-bottom:12px;border-bottom:1px solid #EAE6DD}.refined-filters .filter-group:last-child{padding-bottom:0;border-bottom:0}}

.valuation-control{display:flex;align-items:center;flex-shrink:0;height:42px;box-sizing:border-box;border:1px solid #E5E0D5;border-radius:10px;background:#FFFFFF;overflow:hidden}
.valuation-copy{display:flex;flex-direction:column;gap:1px;padding:0 12px;min-width:112px}
.valuation-label{font:400 11px/14px Onest,sans-serif;color:#817A6C}
#valuation-time{font:500 13px/18px Onest,sans-serif;color:#363128;white-space:nowrap;font-variant-numeric:tabular-nums;min-height:18px}
.valuation-refresh{appearance:none;display:grid;place-items:center;align-self:stretch;width:42px;flex:0 0 42px;padding:0;margin:0;border:0;border-left:1px solid #E5E0D5;background:transparent;color:#736B5B;cursor:pointer;transition:background 140ms,color 140ms}
.valuation-refresh:hover{background:#EEEAE0;color:#24231F}
.valuation-refresh:focus-visible{outline:2px solid #8E8573;outline-offset:-3px;border-radius:0 9px 9px 0}
.valuation-refresh:disabled{opacity:1;color:#9B9281;cursor:wait}
.valuation-control[aria-busy=true] .valuation-refresh svg{animation:valuation-refresh-turn 1s linear infinite}
@keyframes valuation-refresh-turn{to{transform:rotate(360deg)}}
@media(max-width:760px){.valuation-control{height:44px;margin-left:auto}.valuation-copy{padding:0 10px}.valuation-refresh{width:44px;flex-basis:44px}}
@media(prefers-reduced-motion:reduce){.valuation-control[aria-busy=true] .valuation-refresh svg{animation:none}}

.refined-table>.table-head,.refined-table .offer-row{display:grid;grid-template-columns:minmax(330px,1fr) 166px 110px 120px 210px!important;column-gap:24px!important;padding-left:24px!important;padding-right:24px!important}
.refined-table>.table-head{padding-top:14px;padding-bottom:14px;position:sticky;top:8px;z-index:5;align-items:center;font:500 13px/20px Onest,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
.refined-table>.table-head>span{padding:0!important;text-align:left!important;justify-content:flex-start!important}
.refined-table>.table-head>span:first-child{padding-left:60px!important}
.refined-table>.table-head>span:nth-child(2){display:flex;align-items:center;gap:6px;text-align:right!important;justify-content:flex-end!important}
.refined-table .offer-row{padding-top:24px!important;padding-bottom:24px!important;align-items:start;cursor:pointer;transition:background-color 140ms}
.refined-table .offer-row:hover{background:#F8F7F2}
.refined-table .offer-cell{min-width:0;padding:0!important;display:flex;flex-direction:column;gap:5px;text-align:left!important;align-items:stretch}
.refined-table .supplier-cell{flex-direction:row;align-items:flex-start;gap:12px!important}
.refined-table .supplier-logo{box-sizing:border-box;width:48px;height:48px;flex:0 0 48px;border:1px solid #2B2B2B;border-radius:11px;background:#141414}
.refined-table .supplier-info{display:flex;flex-direction:column;gap:5px;min-width:0}
.refined-table .offer-primary{font:600 17px/24px Onest,sans-serif!important;color:#24231F!important;letter-spacing:0!important;margin:0!important;padding:0!important;font-variant-numeric:tabular-nums}
.refined-table .offer-secondary{font:400 14px/20px Onest,sans-serif!important;color:#6E6A5E!important;letter-spacing:0!important;margin:0!important;padding:0!important}
.refined-table .supplier-meta{display:flex;align-items:center;gap:6px}
.refined-table .supplier-details{display:flex;align-items:center;gap:12px;min-width:0}
.refined-table .supplier-meta{flex-shrink:0;white-space:nowrap}
.refined-table .supplier-location{display:flex;align-items:center;gap:5px;min-width:0}
.refined-table .supplier-location>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.refined-table [data-field="delivery"],.refined-table [data-field="stock"]{display:flex;align-items:center;gap:7px}
.refined-table .offer-primary>svg{color:#817B6D;stroke-width:1.7}
.refined-table .supplier-details svg{stroke-width:1.7}
.refined-table .supplier-details>[hidden]{display:none!important}
.refined-table .price-cell{text-align:right!important;align-items:flex-end}
.refined-table .stock-cell,.refined-table .delivery-cell{border:0!important}
.refined-table .offer-cell [data-field="stock"],.refined-table .offer-cell [data-field="delivery"]{justify-content:flex-start!important}
.refined-table .contact-phone,.refined-table .contact-website{display:inline-block;align-self:flex-start;text-align:left;white-space:nowrap}
.refined-table [data-field="supplier-name"]{overflow-wrap:anywhere}
.refined-table [data-field="price"],.refined-table [data-field="stock"]{white-space:nowrap}
@media(max-width:1150px){.refined-table .offer-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)!important;gap:22px 24px!important}.refined-table .supplier-cell{grid-column:1/3;grid-row:1}.refined-table .price-cell{grid-column:3;grid-row:1}.refined-table .stock-cell{grid-column:1;grid-row:2;padding-left:60px!important}.refined-table .delivery-cell{grid-column:2;grid-row:2}.refined-table .contacts-cell{grid-column:3;grid-row:2}.refined-table .contacts-cell>a{white-space:normal}}
@media(max-width:760px){.refined-table .offer-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:16px 20px!important;padding:20px 18px!important}.refined-table .supplier-cell{grid-column:1/-1;grid-row:1}.refined-table .price-cell{grid-column:1;grid-row:2/4;text-align:left!important;align-items:flex-start}.refined-table .stock-cell{grid-column:2;grid-row:2;padding:0!important}.refined-table .delivery-cell{grid-column:2;grid-row:3}.refined-table .contacts-cell{grid-column:1/-1;grid-row:4;padding-top:16px!important;border-top:1px solid rgba(20,20,20,.08);text-align:left!important;align-items:flex-start}.refined-table [data-field="stock"]{line-height:24px!important}}

@media(max-width:760px){#filters-toggle{padding:0 10px!important;gap:6px!important;font-size:13px!important;height:44px!important}.valuation-copy{min-width:96px}}

/* Price distribution: real offer points and a distinct average marker. */
.price-insights{display:flex;flex-direction:column;gap:10px;flex:0 0 auto;width:350px;max-width:100%;min-width:0;margin:0}
.price-insights-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font:400 12px/20px Onest,sans-serif;color:#746D60}
.price-offer-count{font-weight:500;color:#343128;white-space:nowrap}
.price-insights-heading #stat-spread{white-space:nowrap}
.price-distribution{display:block;width:100%;height:44px;overflow:visible;margin:-2px 0 0}
.price-insights-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0}
.price-insights-values>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.price-insights-values>div:nth-child(2){align-items:center}
.price-insights-values>div:nth-child(3){align-items:flex-end}
.price-insights-values dt{font:400 12px/18px Onest,sans-serif;color:#746D60}
.price-insights-values dd{margin:0;font:500 23px/28px Onest,sans-serif;color:#24231F;letter-spacing:-.025em;white-space:nowrap;font-variant-numeric:tabular-nums}
.price-insights-values .price-currency{margin-left:0;font:inherit!important;color:inherit;letter-spacing:inherit}
.price-chart-legend{display:flex;align-items:center;justify-content:center;gap:18px;padding-top:9px;margin-top:1px;border-top:1px solid #EFEBE3;font:400 10px/16px Onest,sans-serif;color:#746D60}
.price-chart-legend>span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.price-legend-dot{width:5px;height:5px;border-radius:50%;background:#292821}
.price-legend-average{width:6px;height:6px;box-sizing:border-box;transform:rotate(45deg);background:#FFDD00;border:1px solid #8C7929}
@media(max-width:1150px){.price-insights{width:300px!important}.price-insights-values dd{font-size:21px}.price-insights-heading{font-size:11px}}
@media(max-width:760px){.price-insights{width:100%!important;margin-top:8px;padding-top:14px;border-top:1px solid #EAE6DD;gap:8px}.price-insights-values dd{font-size:22px}}
@media(max-width:360px){.price-insights-values dd{font-size:19px}.price-insights-heading{gap:8px}.price-chart-legend{gap:12px}}

/* Region selector: text control within the header. */
#search-header #region-toggle{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:0 2px!important;height:44px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#D8D7CD!important;font:400 13px/20px Onest,sans-serif!important;white-space:nowrap!important}
#search-header #region-toggle>svg:first-child{width:14px!important;height:14px!important;stroke:#BCB9AA!important;stroke-width:1.7!important}
#search-header #region-toggle>svg:last-child{width:10px!important;height:10px!important;stroke:#8D8C82!important;stroke-width:1.7!important}
#search-header #region-toggle:hover{color:#fff!important}
#search-header #region-toggle:hover>svg:first-child{stroke:#FFDD00!important}
#search-header #region-toggle:focus-visible{outline:2px solid #FFDD00!important;outline-offset:4px!important}

/* White section headings — approved preview, 2026-09-11. */
.offers-table.refined-table>.table-head,.analogs-panel>.analog-bar{background:#fff!important;border-bottom:0!important;box-shadow:none!important;position:relative;color:#777367!important}
.offers-table.refined-table>.table-head{position:sticky;min-height:66px;padding-top:18px!important;padding-bottom:18px!important}
.offers-table.refined-table>.table-head:after,.analogs-panel>.analog-bar:after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:1px;background:#DEDACE}
.offers-table.refined-table>.table-head>span{position:relative;color:#777367!important}
.offers-table.refined-table>.table-head>span:first-child{padding-left:0!important}
.offers-table.refined-table>.table-head>span:nth-child(2){color:#3A382F!important}
.offers-table.refined-table>.table-head>span:nth-child(n+3):before{content:"";position:absolute;left:-12px;top:3px;width:1px;height:14px;background:#E9E6DE}
.offers-table.refined-table>.table-head svg{stroke:currentColor}
.analogs-panel>.analog-bar{min-height:68px;padding:14px 26px!important;letter-spacing:0!important;gap:12px!important;flex-wrap:wrap}
.analogs-panel>.analog-bar>span:first-child{font:500 16px/24px Onest,sans-serif;letter-spacing:-.015em;color:#292823}
.analogs-panel #show-analogs{min-height:40px;padding:10px 0 10px 12px!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:4px;font:500 13px/20px Onest,sans-serif!important;letter-spacing:0!important;gap:12px!important;color:#6B665A!important}
.analogs-panel #show-analogs:after{content:"";width:15px;height:15px;flex:0 0 15px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16m-6-6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.analogs-panel #show-analogs:hover{color:#171713!important;text-decoration:none}
.analogs-panel #show-analogs:focus-visible{outline:2px solid #9B927D;outline-offset:3px}
@media(max-width:760px){.analogs-panel>.analog-bar{padding:12px 18px!important;gap:4px 10px!important}.analogs-panel>.analog-bar:after{left:18px;right:18px}.analogs-panel>.analog-bar>span:first-child{font-size:15px}.analogs-panel #show-analogs{padding-left:0!important;gap:7px!important;font-size:12px!important}}

.offers-table.refined-table>.table-head,.analogs-panel>.analog-bar,.analogs-panel #show-analogs{box-sizing:border-box}

/* Summary with live valuation and calm typography — 2026-09-11. */
#price-summary.summary-with-valuation{width:350px!important;gap:16px!important;box-sizing:border-box}
.summary-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
#price-summary #stat-offers{font:500 14px/20px Onest,sans-serif;color:#302E27;letter-spacing:-.015em}
#price-summary .valuation-control{height:42px;margin:0;border-color:#E5DFD1;border-radius:10px;background:#fff;box-sizing:border-box}
#price-summary .valuation-copy{padding:4px 10px;min-width:0;gap:1px}
#price-summary .valuation-label{font:400 10px/13px Onest,sans-serif;color:#807868}
#price-summary #valuation-time{font:500 12px/16px Onest,sans-serif;color:#373228;min-height:16px;letter-spacing:0}
#price-summary .valuation-refresh{width:36px;flex-basis:36px;border-color:#E5DFD1}
#price-summary .valuation-refresh svg{width:15px;height:15px}
#price-summary .summary-values>div>span:first-child{font:400 11px/16px Onest,sans-serif!important;letter-spacing:0!important;color:#7C7567!important}
#price-summary #stat-min,#price-summary #stat-average,#price-summary #stat-max{font:500 19px/25px Onest,sans-serif!important;letter-spacing:-.02em!important;color:#302E27!important;font-variant-numeric:tabular-nums!important}
#price-summary .price-currency{font:inherit!important;color:inherit!important;letter-spacing:inherit!important}
@media(max-width:1150px) and (min-width:761px){#price-summary.summary-with-valuation{width:310px!important}}
@media(max-width:760px){#price-summary.summary-with-valuation{width:100%!important}#price-summary .valuation-control{height:44px}#price-summary .valuation-refresh{width:40px;flex-basis:40px}.toolbar>.toolbar-sort-label{display:none!important}}
@media(max-width:370px){#price-summary #stat-offers{font-size:13px}.summary-heading{gap:8px}#price-summary .valuation-copy{padding-left:8px;padding-right:8px}}

/* Breathing room around search breadcrumbs. */
#breadcrumbs{margin-block:8px}
