/* Queue 26: search + categories in the left column; full delivery map right. */
@media(min-width:701px) {
 .rng-hero-workbench { grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:stretch; row-gap:16px; }
 .rng-hero-workbench .rng-hero-side { display:contents; }
 .rng-hero-workbench .rng-hero-search { grid-column:1; grid-row:1; }
 .rng-hero-workbench .rng-category-quick { grid-column:1; grid-row:2; margin:0; padding:16px; }
 .rng-hero-workbench .rng-category-quick-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
 .rng-site .rng-hero-workbench .rng-category-quick-heading h2 { font-size:20px; }
 .rng-site .rng-hero-workbench .rng-category-quick-heading a { display:inline; margin:0; }
 .rng-hero-workbench .rng-category-quick-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
 .rng-site .rng-hero-workbench .rng-category-quick-grid a { min-height:52px; padding:8px; gap:6px; font-size:10px; }
 .rng-hero-workbench .rng-category-quick-grid .rng-category-icon { width:21px; height:24px; }
 .rng-hero-workbench .rng-category-icon svg { width:20px; height:20px; }
 .rng-hero-workbench .rng-drum-photo-stage { height:195px; }
 .rng-hero-workbench .rng-delivery-scene { grid-column:2; grid-row:1/3; align-self:stretch; display:flex; flex-direction:column; justify-content:space-between; align-items:center; min-width:0; min-height:0; margin:0; padding:0 0 1px; }
 .rng-hero-workbench .rng-cloud-map { flex:1; width:100%; height:0; min-height:260px; max-height:none; object-fit:contain; object-position:center; opacity:.8; }
 .rng-hero-workbench .rng-delivery-scene-button { position:relative; flex:none; align-self:center; margin-top:12px; }
}
@media(min-width:701px) and (max-width:1100px) {
 .rng-hero-workbench { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
 .rng-hero-workbench .rng-category-quick-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .rng-site .rng-hero-workbench .rng-category-quick-grid a { min-height:43px; font-size:11px; }
 .rng-hero-workbench .rng-drum-photo-stage { height:195px; }
}

/* Final reference crop, translucent regional map and continuous unshaded sky. */
.rng-site.rng-home-scene { position:relative; isolation:isolate; }
.rng-home-scene::before { content:''; position:absolute; top:0; left:0; width:100%; height:calc(var(--rng-scene-header,180px) + var(--rng-scene-offset,0px)); z-index:-1; pointer-events:none; background-image:url('/assets/images/brand/toptech-truck-curved-sky-20261027.webp'),url('/assets/images/brand/toptech-sky-band-20261027.webp'); background-size:100% auto,100% 100%; background-position:center calc(var(--rng-scene-offset,0px) - var(--rng-scene-width,100vw)*.02),center top; background-repeat:no-repeat; }
.rng-site.rng-home-scene .rng-header,.rng-site.rng-home-scene .rng-nav { background:none; border-color:rgba(237,228,210,.3); }
.rng-home-scene .rng-header .rng-tagline,.rng-home-scene .rng-header .rng-contact small { color:#17384f; text-shadow:0 1px 2px #e9eff58c; }
.rng-site.rng-home-scene .rng-phone { color:#0c4261; text-shadow:0 1px 2px #e9eff5a6; }
.rng-site.rng-home-scene .rng-header .rng-cart-short { color:#153d57; border-color:#153d5773; background:#eff2ed50; }
.rng-site.rng-home-scene .rng-nav a { color:#12364e; text-shadow:0 1px 2px #e9eff58c; }
.rng-site.rng-home-scene .rng-nav .rng-nav-primary { color:#07334e; background:#edf1e97a; }
.rng-site.rng-home-scene .rng-nav a:hover { color:#09283d; background:#edf1e9b3; }
.rng-scene-map-note { margin:5px 0 0; font-size:10px; line-height:1.5; color:#fff3dc; text-shadow:0 1px 3px #0d283e; }
@media(min-width:701px) {
 .rng-site.rng-home-scene .rng-hero,.rng-site.rng-home-scene .rng-hero-stage { background:transparent; }
 .rng-home-scene .rng-hero-stage::before { display:none; }
 .rng-site .rng-hero-stage .rng-hero-photo { height:calc(var(--rng-scene-width,100vw)*.81944444); overflow:hidden; }
 .rng-site .rng-hero-stage .rng-truck-image { position:absolute; left:0; top:calc(-1*var(--rng-scene-crop,200px)); width:100%; height:auto; }
 .rng-hero-workbench { row-gap:12px; }
 .rng-hero-workbench .rng-search-panel-layout { grid-template-columns:110px minmax(0,1fr); gap:14px; padding:52px 16px 16px; }
 .rng-hero-workbench .rng-search-panel-title { top:16px; left:16px; font-size:22px; }
 .rng-hero-workbench .rng-picker-brands { gap:5px; margin-top:12px; }
 .rng-hero-workbench .rng-picker-brands button { padding:5px 7px; font-size:10px; }
 .rng-hero-workbench .rng-picker-brands button small { margin-top:2px; font-size:8px; }
 .rng-hero-workbench .rng-picker-actions { margin-top:12px; }
 .rng-hero-workbench .rng-category-quick { padding:12px; }
 .rng-hero-workbench .rng-category-quick-heading { margin-bottom:9px; }
 .rng-site .rng-hero-workbench .rng-category-quick-grid a { min-height:44px; font-size:10px; padding:6px; }
 .rng-hero-workbench .rng-delivery-scene { padding:0; }
 .rng-hero-workbench .rng-cloud-map { min-height:240px; opacity:1; }
 .rng-hero-workbench .rng-delivery-scene-button { margin-top:7px; padding:9px 14px; }
 .rng-home-shelves { margin-top:0; }
}
@media(max-width:700px) {
 .rng-home-scene::before { height:var(--rng-scene-header,140px); background-image:url('/assets/images/brand/toptech-sky-band-20261027.webp'); background-size:100% 100%; background-position:center top; }
 .rng-hero-stage .rng-scene-map-note { display:none; }
 .rng-site .rng-header .rng-contact small { grid-row:2; font-size:10px; line-height:1.3; }
 .rng-site .rng-header .rng-cart-short { grid-row:3; }
}
/* Queue 29: stable packaging during a product-description transition. */
.rng-packaging-hold { position:absolute; left:0; right:0; top:3px; height:340px; overflow:hidden; z-index:3; pointer-events:none; }
.rng-packaging-hold>span { position:absolute; top:0; height:100%; }
.rng-packaging-hold img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:contain; transform:translateY(3.75%); transition:opacity .24s ease; }
.rng-packaging-hold .rng-package-incoming { opacity:0; }
.rng-packaging-hold .is-swapping .rng-package-incoming { opacity:1; }
.rng-packaging-hold .is-swapping .rng-package-previous { opacity:0; }
.rng-packaging-held .rng-oil-photo img,.rng-packaging-held .rng-packaging-example { visibility:hidden; }
@media(max-width:700px) { .rng-packaging-hold { height:330px; } }
@media(prefers-reduced-motion:reduce) { .rng-packaging-hold img { transition:none; } }