/* TopTech queue 14–19. Header styles are deliberately unchanged. */
.rng-hero-stage { position:relative; display:flex; flex-direction:column; }
.rng-hero-search { position:static; width:100%; }
.rng-search-panel { padding:22px 0; color:#f2e5cc; }
.rng-search-panel-layout { display:grid; grid-template-columns:170px minmax(0,1fr); align-items:center; gap:26px; padding:23px 27px; border:1px solid rgba(231,208,169,.28); border-radius:16px; background:rgba(10,31,47,.87); box-shadow:0 14px 38px rgba(2,17,29,.2); }
.rng-search-drum { display:flex; align-items:center; justify-content:center; min-width:0; background:none; }
.rng-search-panel-body { min-width:0; }
.rng-search-panel-title { display:block; margin:0 0 15px; color:#fff0d4; font-size:27px; font-weight:700; line-height:1.2; }
.rng-oil-picker { margin:0; }
.rng-picker-input-row { display:flex; align-items:center; gap:16px; }
.rng-site .rng-picker-input-row input { flex:1; min-width:0; width:100%; height:47px; border:1px solid #c9bda5; border-radius:8px; padding:11px 13px; background:#f6efdf; color:#17394d; font:16px Arial,sans-serif; }
.rng-picker-tools { display:flex; align-items:center; gap:14px; flex:none; font-size:12px; }
.rng-picker-tools button,.rng-picker-selection-row button { border:0; padding:3px 0; background:none; color:#d1d7d1; text-decoration:underline; cursor:pointer; font:12px Arial,sans-serif; }
.rng-site .rng-picker-tools a { color:#eee1ca; text-decoration:none; white-space:nowrap; }
.rng-picker-brands { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin-top:18px; }
.rng-picker-brands button { border:1px solid rgba(223,215,192,.38); border-radius:6px; padding:8px 12px; background:rgba(235,223,196,.07); color:#f3e8d5; font-size:12px; font-weight:700; cursor:pointer; line-height:1.3; }
.rng-picker-brands button:hover { background:rgba(238,208,165,.19); border-color:#d5b27f; }
.rng-picker-brands button[aria-pressed="true"] { color:#142f42; background:#edd2a5; border-color:#edd2a5; }
.rng-picker-selection-row { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:16px; }
.rng-picker-selection { color:#e3c49c; font-size:12px; line-height:1.5; }
.rng-picker-selection-row button { flex:none; }
.rng-picker-filter-row { display:flex; align-items:end; gap:14px; margin-top:12px; }
.rng-picker-filter-row label { display:block; flex:1 1 0; min-width:0; font-size:12px; color:#c9d1cc; }
.rng-picker-filter-row select { display:block; width:100%; min-width:0; height:41px; margin-top:5px; border:1px solid #bba98b; border-radius:6px; padding:8px 10px; background:#e9dfcb; color:#17394d; font:14px Arial,sans-serif; }
.rng-picker-actions { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:18px; font-size:13px; }
.rng-picker-actions>span { color:#e7c391; }
.rng-site .rng-picker-actions .rng-button { min-width:134px; }
.rng-search-panel [hidden] { display:none!important; }
.rng-truck-image { display:none; }
.rng-catalog[data-rng-page="3611"] .rng-catalog-grid { grid-template-columns:minmax(0,1fr); }
.rng-catalog[data-rng-page="3611"] .rng-filters { display:none; }
.rng-delivery-callout { padding:0 0 22px; color:#f5e8cf; }
.rng-site .rng-delivery-callout h1 { margin:0 0 8px; color:#fff0d4; font-size:clamp(25px,2.6vw,36px); letter-spacing:-.5px; line-height:1.45; max-width:none; }
.rng-delivery-callout h1 button { border:1px solid #f2bd7d; border-radius:7px; background:rgba(233,185,118,.1); color:#ffd29b; padding:2px 12px; font:inherit; cursor:pointer; }
.rng-delivery-callout h1 button:hover { background:rgba(233,185,118,.22); }
.rng-delivery-callout p { color:#cbd4d1; font-size:13px; margin:0; }
@media(min-width:701px) {
  .rng-hero-search { order:-1; }
  .rng-site .rng-hero-stage .rng-hero-photo { height:auto; background:none; }
  .rng-truck-image { display:block; width:100%; height:auto; }
  .rng-hero-photo:after { display:none; }
}
@media(max-width:1000px) {
  .rng-picker-tools { flex-direction:column; align-items:flex-end; gap:8px; font-size:11px; }
  .rng-picker-tools button { font-size:11px; }
}
@media(max-width:700px) {
  .rng-search-panel { padding:15px 0; }
  .rng-search-panel-layout { grid-template-columns:112px minmax(0,1fr); grid-template-areas:'drum title' 'drum brands' 'query query' 'actions actions'; align-items:center; gap:13px 15px; padding:17px; border-radius:12px; }
  .rng-search-panel.is-brand-picked .rng-search-panel-layout { grid-template-areas:'drum title' 'drum selection' 'query query' 'filters filters' 'actions actions'; }
  .rng-search-panel-body,.rng-oil-picker,.rng-picker-filter-area { display:contents; }
  .rng-search-drum { grid-area:drum; }
  
  .rng-search-panel-title { grid-area:title; align-self:end; margin:0; font-size:23px; }
  .rng-picker-brands { grid-area:brands; align-self:start; margin:0; gap:6px; }
  .rng-picker-brands button { padding:6px 8px; font-size:11px; }
  .rng-picker-input-row { grid-area:query; gap:10px; }
  .rng-site .rng-picker-input-row input { height:44px; padding:10px; }
  .rng-picker-tools { gap:7px; font-size:10px; }
  .rng-picker-tools button { font-size:10px; }
  .rng-picker-selection-row { grid-area:selection; align-self:start; margin:0; display:block; }
  .rng-picker-selection { display:block; font-size:12px; }
  .rng-picker-selection-row button { margin-top:13px; font-size:12px; }
  .rng-picker-filter-row { grid-area:filters; margin:0; gap:10px; }
  .rng-picker-actions { grid-area:actions; margin:0; gap:10px; font-size:11px; }
  .rng-site .rng-picker-actions .rng-button { min-width:100px; padding:10px 12px; min-height:42px; font-size:13px; }
  .rng-delivery-callout { padding-bottom:20px; }
  .rng-site .rng-delivery-callout h1 { font-size:27px; }
  .rng-delivery-callout p { font-size:12px; }
}
@media(max-width:360px) {
  .rng-search-panel-layout { grid-template-columns:90px minmax(0,1fr); gap:11px; padding:14px; }
  
  .rng-search-panel-title { font-size:21px; }
  .rng-picker-brands { gap:5px; }
  .rng-picker-brands button { padding:6px; font-size:10px; }
  .rng-picker-actions { font-size:10px; }
}
/* Accessible delivery dialog, with an independent searchable region list. */
.rng-delivery-dialog { width:min(1220px,calc(100vw - 30px)); max-height:calc(100vh - 30px); padding:25px; border:1px solid #566d78; border-radius:15px; background:#102b3e; color:#e8e5d9; overflow:auto; box-shadow:0 20px 100px #00152199; }
.rng-delivery-dialog::backdrop { background:rgba(3,16,26,.85); }
.rng-delivery-dialog-heading { display:flex; align-items:start; justify-content:space-between; gap:18px; }
.rng-site .rng-delivery-dialog h2 { margin:0 0 8px; color:#ffebca; font-size:29px; }
.rng-delivery-dialog-heading p { margin:0; color:#bfcfcd; font-size:13px; }
.rng-delivery-dialog-heading>button { flex:none; border:1px solid #607783; border-radius:6px; width:36px; height:36px; background:#183b51; color:#eee5d6; font:27px Arial; cursor:pointer; }
.rng-delivery-legend { display:flex; flex-wrap:wrap; gap:18px; margin:20px 0 15px; font-size:12px; }
.rng-delivery-legend span { display:flex; align-items:center; gap:8px; }
.rng-delivery-legend i { display:block; width:14px; height:14px; border-radius:3px; background:#2d94bd; }
.rng-delivery-legend i.is-excluded { background:#687980; }
.rng-delivery-grid { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:24px; }
.rng-map-tools { display:flex; align-items:center; gap:7px; margin-bottom:9px; }
.rng-map-tools button { border:1px solid #607783; border-radius:5px; padding:7px 12px; background:#183b51; color:#eee5d6; font-size:13px; cursor:pointer; }
.rng-map-tools span { margin-left:auto; font-size:11px; color:#aec5c8; }
.rng-delivery-map-canvas { overflow:hidden; border:1px solid #345369; border-radius:10px; background:radial-gradient(ellipse at 40% 30%,#23445a,#0b2336); }
.rng-delivery-map-canvas svg { display:block; width:100%; height:auto; touch-action:none; cursor:grab; }
.rng-delivery-map-canvas svg:active { cursor:grabbing; }
.rng-map-region { fill:#2e91b6; stroke:#102b3e; stroke-width:.85; vector-effect:non-scaling-stroke; fill-rule:evenodd; transition:fill .12s; cursor:pointer; }
.rng-map-region.is-excluded { fill:#5b6c77; }
.rng-map-region:hover { fill:#63bad1; }
.rng-map-region.is-selected { fill:#f3ae65; stroke:#fff0ce; stroke-width:1.6; }
.rng-map-labels { pointer-events:none; }
.rng-map-labels text { fill:#f5ecd8; font:10px Arial,sans-serif; paint-order:stroke; stroke:#0b2639; stroke-width:2px; stroke-linejoin:round; }
.rng-region-detail { min-height:62px; margin-top:13px; padding:13px 15px; border-left:3px solid #efa961; background:#17384d; color:#d1dacf; font-size:13px; border-radius:0 6px 6px 0; }
.rng-region-detail strong { display:block; color:#ffe3ba; margin-bottom:4px; }
.rng-delivery-sidebar>label { display:block; font-size:13px; margin-bottom:7px; }
.rng-delivery-sidebar>input { box-sizing:border-box; width:100%; height:42px; padding:10px 12px; border:1px solid #c3b89f; border-radius:6px; background:#f3e9d5; color:#16384e; font-size:16px; }
.rng-region-list { max-height:380px; overflow:auto; margin-top:11px; scrollbar-width:thin; }
.rng-region-choice { display:block; width:100%; text-align:left; padding:9px 11px; border:0; border-bottom:1px solid #365365; border-left:3px solid transparent; background:none; color:#e1e4dc; font-size:13px; cursor:pointer; }
.rng-region-choice small { display:block; font-size:10px; margin-top:4px; color:#8dd1e0; }
.rng-region-choice.is-excluded { color:#b2c0c3; }
.rng-region-choice.is-excluded small { color:#a6b1b6; }
.rng-region-choice:hover,.rng-region-choice.is-selected { background:#22455c; border-left-color:#eeb575; }
.rng-delivery-credit { color:#93adb9; font-size:10px; margin:17px 0 0; }
.rng-site .rng-delivery-credit a { color:#accad5; }
@media(max-width:800px) {
  .rng-delivery-dialog { padding:17px; }
  .rng-site .rng-delivery-dialog h2 { font-size:24px; }
  .rng-delivery-grid { grid-template-columns:1fr; gap:18px; }
  .rng-map-tools { flex-wrap:wrap; }
  .rng-map-tools span { flex-basis:100%; margin:3px 0; }
  .rng-region-list { max-height:230px; }
  .rng-delivery-legend { gap:9px 16px; font-size:11px; }
  .rng-region-detail { min-height:0; }
}
@media(prefers-reduced-motion:reduce) { .rng-map-region { transition:none; } }

.rng-map-open { overflow:hidden; }
.rng-region-choice[hidden] { display:none; }

/* Real catalog photographs, same 416×640 canvas and barrel baseline in every asset. */
.rng-search-drum { align-self:start; }
.rng-drum-photo-stage { position:relative; width:100%; height:280px; }
.rng-drum-catalog-photo { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:contain; object-position:center; filter:drop-shadow(0 9px 9px rgba(0,10,20,.28)); }
.rng-drum-catalog-photo[hidden],.rng-drum-photo-missing[hidden] { display:none; }
.rng-drum-photo-missing { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; color:#cfdddf; font-size:15px; line-height:1.6; }
.rng-picker-brands button small { display:block; margin-top:3px; font-size:9px; font-weight:400; opacity:.75; }
@media(max-width:700px) { .rng-drum-photo-stage { height:215px; } }
@media(max-width:360px) { .rng-drum-photo-stage { height:200px; } }
/* Queue 20–23: desktop sky workbench, persistent brands, catalog attributes. */
.rng-picker-title-mobile { display:none; }
.rng-picker-filter-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.rng-picker-data-note { margin:10px 0 0; color:#aebfc3; font-size:10px; line-height:1.5; }
.rng-hero-workbench .rng-category-quick { margin:0; }
.rng-hero-workbench .rng-search-panel { min-width:0; }
.rng-delivery-scene { position:relative; text-align:center; }
.rng-cloud-map { display:block; width:100%; height:auto; max-height:265px; object-fit:contain; opacity:.92; pointer-events:none; }
.rng-delivery-scene-button { position:relative; z-index:3; display:inline-flex; gap:12px; align-items:center; justify-content:center; padding:11px 17px; border:1px solid #ffd297; border-radius:8px; background:rgba(28,43,52,.8); color:#ffe6be; font:700 14px Arial,sans-serif; box-shadow:0 5px 24px rgba(238,167,87,.16); cursor:pointer; }
.rng-delivery-scene-button:hover { background:#19384a; border-color:#ffe6be; }
.rng-hero-route-lines { position:absolute; inset:0; width:100%; height:100%; z-index:1; pointer-events:none; overflow:visible; }
.rng-hero-route-lines path { fill:none; stroke:#ffcd88; stroke-width:1.5; filter:drop-shadow(0 0 5px #ffbd66); opacity:.8; }
.rng-hero-route-lines[hidden] { display:none; }
@media(min-width:701px) {
 .rng-site .rng-hero-stage { position:relative; display:block; padding-top:var(--rng-sky-offset,0px); background:#8797b0; isolation:isolate; }
 .rng-hero-stage:before { content:''; position:absolute; top:0; left:0; width:100%; height:calc(var(--rng-sky-offset,0px) + 140px); background:url('/assets/images/brand/toptech-sky-band-20261027.webp') center top/100% 100% no-repeat; mask-image:linear-gradient(#000 calc(100% - 100px),transparent); pointer-events:none; z-index:1; }
 .rng-site .rng-hero-stage .rng-hero-photo { position:relative; height:auto; background:none; }
 .rng-site .rng-hero-stage .rng-truck-image { display:block; width:100%; height:auto; }
 .rng-hero-photo:after { display:none; }
 .rng-hero-workbench { position:absolute; z-index:2; top:24px; left:0; right:0; width:calc(100% - 48px); max-width:1520px; margin:auto; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr); align-items:start; gap:24px; }
 .rng-hero-search { width:100%; min-width:0; order:0; }
 .rng-hero-workbench .rng-search-panel { padding:0; }
 .rng-hero-workbench .rng-search-panel>.rng-wrap { width:100%; max-width:none; }
 .rng-hero-workbench .rng-search-panel-layout { position:relative; grid-template-columns:140px minmax(0,1fr); gap:18px; padding:62px 21px 21px; background:rgba(8,27,43,.71); backdrop-filter:blur(3px); border-color:rgba(242,228,202,.26); }
 .rng-hero-workbench .rng-search-panel-title { position:absolute; top:21px; left:21px; margin:0; font-size:25px; }
 .rng-hero-workbench .rng-picker-tools { flex-direction:column; align-items:flex-end; gap:7px; font-size:10px; }
 .rng-hero-workbench .rng-picker-tools button { font-size:10px; }
 .rng-hero-workbench .rng-picker-input-row { gap:10px; }
 .rng-hero-workbench .rng-picker-input-row input { font-size:14px; padding:10px; }
 .rng-hero-workbench .rng-picker-brands { gap:6px; margin-top:15px; }
 .rng-hero-workbench .rng-picker-brands button { padding:7px 9px; font-size:11px; }
 .rng-hero-workbench .rng-picker-filter-row { grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
 .rng-hero-workbench .rng-drum-photo-stage { height:255px; }
 .rng-hero-workbench .rng-picker-selection { font-size:11px; }
 .rng-hero-workbench .rng-picker-actions { gap:12px; font-size:11px; }
 .rng-hero-workbench .rng-picker-actions .rng-button { min-width:106px; padding:10px 15px; }
 .rng-hero-side { min-width:0; }
 .rng-hero-side .rng-category-quick { padding:21px; border:1px solid rgba(242,228,202,.26); border-radius:16px; background:rgba(8,27,43,.61); backdrop-filter:blur(3px); }
 .rng-hero-side .rng-category-quick .rng-wrap { width:100%; max-width:none; }
 .rng-hero-side .rng-category-quick-heading { margin:0 0 15px; align-items:center; gap:12px; }
 .rng-site .rng-hero-side .rng-category-quick-heading h2 { margin:0; font-size:25px; letter-spacing:0; }
 .rng-site .rng-hero-side .rng-category-quick-heading a { font-size:11px; white-space:nowrap; }
 .rng-hero-side .rng-category-quick-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
 .rng-site .rng-hero-side .rng-category-quick-grid a { min-height:53px; padding:10px; display:flex; flex-direction:row; align-items:center; justify-content:flex-start; gap:10px; border-radius:8px; font-size:12px; line-height:1.3; color:#f2e8d7; background:rgba(229,234,228,.08); border-color:rgba(217,225,221,.3); }
 .rng-hero-side .rng-category-quick-grid .rng-category-icon { width:25px; height:25px; flex:none; margin:0; }
 .rng-hero-side .rng-category-icon svg { width:23px; height:23px; }
 .rng-delivery-scene { margin-top:10px; }
}
@media(min-width:701px) and (max-width:1100px) {
 .rng-hero-workbench { width:calc(100% - 32px); gap:16px; grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr); top:18px; }
 .rng-hero-workbench .rng-search-panel-layout { grid-template-columns:130px minmax(0,1fr); gap:12px; padding:57px 16px 16px; }
 .rng-hero-workbench .rng-search-panel-title { top:16px; left:16px; }
 .rng-hero-workbench .rng-search-panel-title,.rng-site .rng-hero-side .rng-category-quick-heading h2 { font-size:22px; }
 .rng-hero-workbench .rng-picker-brands button { padding:6px 7px; font-size:10px; }
 .rng-hero-side .rng-category-quick { padding:16px; }
 .rng-hero-side .rng-category-quick-heading { display:block; }
 .rng-site .rng-hero-side .rng-category-quick-heading a { display:block; margin-top:7px; }
 .rng-site .rng-hero-side .rng-category-quick-grid a { padding:8px; gap:7px; font-size:11px; }
 .rng-hero-side .rng-category-quick-grid .rng-category-icon { width:20px; }
 .rng-hero-side .rng-category-icon svg { width:19px; height:19px; }
 .rng-hero-workbench .rng-drum-photo-stage { height:240px; }
 .rng-delivery-scene-button { padding:10px; font-size:12px; }
}
@media(max-width:700px) {
 .rng-picker-title-desktop { display:none; }
 .rng-picker-title-mobile { display:inline; }
 .rng-hero-stage { padding-top:0!important; display:flex; flex-direction:column; }
 .rng-site .rng-hero-stage .rng-hero-photo { height:270px; background:none; position:relative; overflow:hidden; }
 .rng-hero-photo:after { display:block; background:linear-gradient(transparent 68%,rgba(16,42,63,.35)); }
 .rng-site .rng-hero-stage .rng-truck-image { position:absolute; top:0; left:50%; transform:translateX(-50%); display:block; width:auto; min-width:100%; max-width:none; height:440px; }
 .rng-hero-workbench { display:contents; }
 .rng-hero-search { order:1; }
 .rng-hero-side { display:contents; }
 .rng-hero-side .rng-category-quick { order:2; }
 .rng-hero-route-lines { display:none!important; }
 .rng-hero-stage .rng-delivery-scene { position:absolute; z-index:2; top:8px; right:10px; width:46%; height:254px; margin:0; pointer-events:none; }
 .rng-hero-stage .rng-cloud-map { max-height:70px; opacity:.82; }
 .rng-delivery-scene-button { position:absolute; right:0; top:82px; width:210px; max-width:calc(100vw - 30px); box-sizing:border-box; padding:9px 10px; gap:8px; font-size:11px; line-height:1.35; white-space:nowrap; pointer-events:auto; backdrop-filter:blur(3px); }
 .rng-search-panel.is-brand-picked .rng-search-panel-layout { grid-template-areas:'drum title' 'drum brands' 'query query' 'selection selection' 'filters filters' 'note note' 'actions actions'; }
 .rng-picker-selection-row { display:flex; gap:10px; }
 .rng-picker-selection-row button { margin:0; }
 .rng-picker-filter-row { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .rng-picker-data-note { grid-area:note; margin:0; }
}