/* ТопТех: continuous sunset, themed oil shelves and a conveyor. */
.rng-site {
  background-color:#102738;
  background-image:linear-gradient(90deg,rgba(9,29,43,.38),rgba(16,39,56,.24) 80%),url('/assets/images/brand/toptech-sunset-20261027.png');
  background-size:100% 100%;
  background-repeat:no-repeat;
  color:#f1ede5;
}
.rng-site .rng-header,.rng-site .rng-nav { background:rgba(249,241,225,.97); border-color:#cbbfae; }
.rng-site .rng-nav-primary { background:#e0e5dd; }
.rng-site .rng-tagline,.rng-site .rng-contact small { color:#52616b; }
.rng-site .rng-hero { border:0; }
.rng-site .rng-hero-title { background:linear-gradient(90deg,#102a3f,rgba(24,48,63,.96),rgba(63,58,53,.94)); }
.rng-site .rng-hero-photo { position:relative; }
.rng-site .rng-hero-photo:after { content:''; position:absolute; inset:0; background:linear-gradient(transparent 68%,rgba(16,42,63,.7)); pointer-events:none; }
.rng-site .rng-category-quick { background:rgba(16,38,54,.7); border-color:rgba(235,217,184,.18); }
.rng-site .rng-category-quick h2,.rng-site .rng-section-heading h2 { color:#fff3dc; }
.rng-site .rng-category-quick-heading>a,.rng-site .rng-section-heading>a { color:#f5bb7d; }
.rng-site .rng-category-quick-grid>a { background:rgba(245,234,213,.94); border-color:rgba(232,216,186,.6); }
.rng-site .rng-category-icon { background:#e5e6dc; }
.rng-site .rng-home-shelves { background:transparent; }
.rng-site .rng-shelf {
  --rng-accent:#efb36c; --rng-haze:175,114,53;
  position:relative; overflow:hidden; isolation:isolate;
  background:linear-gradient(110deg,rgba(10,30,45,.88),rgba(10,30,45,.62)),linear-gradient(90deg,rgba(var(--rng-haze),.12),rgba(var(--rng-haze),.3));
  border-bottom:1px solid rgba(239,221,190,.19);
  padding:40px 0 36px;
}
.rng-site .rng-shelf[data-rng-category="111"] { --rng-accent:#8fbce9; --rng-haze:62,111,160; }
.rng-site .rng-shelf[data-rng-category="105"] { --rng-accent:#7bd1c4; --rng-haze:39,129,124; }
.rng-site .rng-shelf[data-rng-category="110"] { --rng-accent:#c0abed; --rng-haze:112,79,155; }
.rng-site .rng-shelf[data-rng-category="107"] { --rng-accent:#e8bb7b; --rng-haze:151,101,48; }
.rng-site .rng-shelf[data-rng-category="112"] { --rng-accent:#97cdd9; --rng-haze:49,124,144; }
.rng-site .rng-shelf[data-rng-category="113"] { --rng-accent:#e3a08a; --rng-haze:156,84,64; }
.rng-site .rng-shelf[data-rng-category="9"] { --rng-accent:#b4c993; --rng-haze:95,125,65; }
.rng-shelf:before {
  content:''; position:absolute; z-index:-1; inset:0; pointer-events:none;
  background-image:linear-gradient(rgba(223,231,225,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(223,231,225,.035) 1px,transparent 1px);
  background-size:48px 48px; mask-image:linear-gradient(90deg,black,transparent 80%);
}
.rng-shelf[data-rng-category="111"]:before { background-image:repeating-linear-gradient(135deg,rgba(143,188,233,.07) 0 1px,transparent 1px 32px); background-size:auto; }
.rng-shelf[data-rng-category="105"]:before { background-image:repeating-linear-gradient(90deg,rgba(123,209,196,.07) 0 1px,transparent 1px 70px,rgba(123,209,196,.04) 70px 78px,transparent 78px 84px); background-size:auto; }
.rng-shelf[data-rng-category="110"]:before { background-image:repeating-radial-gradient(circle at 0 50%,transparent 0 36px,rgba(192,171,237,.05) 36px 37px,transparent 37px 54px); background-size:auto; }
.rng-shelf[data-rng-category="107"]:before { background-size:88px 32px; }
.rng-shelf[data-rng-category="112"]:before { background-image:repeating-radial-gradient(ellipse at 100% 0,transparent 0 45px,rgba(151,205,217,.06) 45px 46px,transparent 46px 72px); background-size:auto; }
.rng-shelf[data-rng-category="113"]:before { background-size:28px 112px; }
.rng-shelf[data-rng-category="9"]:before { background-image:radial-gradient(rgba(180,201,147,.12) 1px,transparent 1px); background-size:24px 24px; }
.rng-shelf .rng-wrap { position:relative; }
.rng-shelf-art { position:absolute; right:2%; top:-36px; width:310px; height:220px; color:var(--rng-accent); opacity:.11; pointer-events:none; z-index:-1; }
.rng-shelf-art svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:.7; stroke-linecap:round; stroke-linejoin:round; }
.rng-site .rng-shelf-heading { position:relative; margin-bottom:26px; }
.rng-site .rng-shelf-title { border-left:3px solid var(--rng-accent); padding-left:17px; }
.rng-site .rng-shelf h2 { color:#f7efe1; }
.rng-shelf-mark { width:43px; height:43px; color:var(--rng-accent); flex:none; }
.rng-shelf-mark svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.2; stroke-linecap:round; stroke-linejoin:round; }
.rng-site .rng-shelf-total { background:rgba(var(--rng-haze),.3); color:var(--rng-accent); border:1px solid rgba(var(--rng-haze),.6); }
.rng-site .rng-shelf-all { color:var(--rng-accent); }
.rng-site .rng-shelf-counter { color:#ddddd2; }
.rng-site .rng-shelf-arrow { background:rgba(17,41,57,.8); color:var(--rng-accent); border-color:rgba(234,218,187,.4); }
.rng-site .rng-shelf-arrow:hover:not(:disabled) { background:var(--rng-accent); border-color:var(--rng-accent); color:#102738; }
.rng-site .rng-shelf-arrow:disabled { opacity:.28; }
.rng-track-shell { position:relative; }
.rng-site .rng-oil-track { gap:22px; padding-top:3px; padding-bottom:19px; scrollbar-color:var(--rng-accent) rgba(10,28,41,.3); }
.rng-site .rng-oil-track::-webkit-scrollbar-thumb { background:var(--rng-accent); }
.rng-site .rng-oil-tile { background:rgba(249,240,219,.95); border-color:rgba(232,210,170,.6); border-radius:10px; box-shadow:0 6px 24px rgba(3,18,30,.14); }
.rng-site .rng-oil-photo { height:340px; background:transparent; padding:13px 12px 16px; }
.rng-site .rng-oil-photo img { mix-blend-mode:multiply; }
.rng-site .rng-oil-tile-body { margin-top:29px; border-top:1px solid #dccdb7; background:rgba(249,241,224,.96); }
.rng-site .rng-oil-article,.rng-site .rng-oil-tile-bottom small { color:#586c73; }
.rng-site .rng-oil-tile h3 a { color:#173b50; }
.rng-site .rng-oil-tile h3 a:hover { color:#006e9d; }
.rng-site .rng-oil-price { color:#16364a; }
.rng-price-availability { display:block; font-size:11px; line-height:1.45; color:#566a74; margin:7px 0 0; max-width:240px; }
.rng-conveyor { position:absolute; z-index:2; top:338px; left:0; right:0; height:33px; pointer-events:none; overflow:hidden; border-radius:4px; filter:drop-shadow(0 6px 5px rgba(0,0,0,.25)); }
.rng-conveyor-belt { display:block; height:10px; border-top:2px solid #9ba6a5; border-bottom:2px solid #172c3a; background:repeating-linear-gradient(100deg,#415462 0 15px,#263c4a 15px 17px,#66747a 17px 19px,#415462 19px 32px); background-size:64px 100%; animation:rng-belt-travel .7s linear infinite; animation-play-state:paused; animation-direction:var(--rng-belt-direction,normal); }
.rng-conveyor-rollers { display:block; height:23px; border:2px solid #71818a; background:radial-gradient(circle at 12px 10px,#253c4b 0 3px,#8c9699 3px 7px,#405867 7px 9px,transparent 9px),linear-gradient(#173040,#203b4b); background-size:26px 20px,100% 100%; }
.rng-shelf.is-moving .rng-conveyor-belt { animation-play-state:running; }
@keyframes rng-belt-travel { to { background-position:64px 0; } }
.rng-site .rng-home-search-section { background:rgba(12,33,49,.6); border-bottom:1px solid rgba(228,211,181,.15); }
.rng-site .rng-search-label { color:#f9e4c2; }
.rng-site .rng-search-examples,.rng-site .rng-muted { color:#d2d5d1; }
.rng-site .rng-order-scope { background:rgba(241,224,192,.94); color:#4b626f; }
.rng-site .rng-brand-links a { background:#e7ddc8; border-color:#d4c6ab; }
.rng-site .rng-fuel-card { background:rgba(241,230,207,.93); border-color:#cdbda1; }
.rng-site .rng-fuel-card h3 { color:#17394c; }
.rng-site .rng-fuel-card p { color:#526673; }
.rng-site .rng-section-heading .rng-eyebrow { color:#ebb57a; }
.rng-site .rng-footer { background:rgba(7,25,39,.88); border-top:1px solid rgba(229,211,177,.2); }
.rng-site .rng-footer .toptech-footer-logo { background:#f1e5cc; }
.toptech-price-disclaimer { max-width:1180px; font:12px/1.7 Arial,Helvetica,sans-serif; margin:24px auto 0; color:#c4c9c8; text-align:left; }
.subfooter .toptech-price-disclaimer { padding:0 20px; color:#e4edf0; }
/* Catalogue, product and cart keep the same warm surfaces. */
.rng-site .rng-page-heading { background:rgba(15,38,55,.65); border-color:rgba(231,214,183,.2); }
.rng-site .rng-page-heading h1,.rng-site .rng-detail-info h1 { color:#fff1d8; }
.rng-site .rng-breadcrumb,.rng-site .rng-breadcrumb a { color:#c0ccc9; }
.rng-site .rng-product-page { background:transparent; }
.rng-site .rng-catalog { background:rgba(12,32,48,.42); }
.rng-site .rng-results-count { color:#f4e2c3; }
.rng-site .rng-results-note,.rng-site .rng-detail-article { color:#d3d5cb; }
.rng-site .rng-product-card,.rng-site .rng-filters,.rng-site .rng-detail-photo,.rng-site .rng-product-description,.rng-site .rng-product-specs,.rng-site .rng-empty,.rng-site .rng-cart .rng-contact-order { background:rgba(247,236,212,.97); border-color:#cdbfa6; color:#193a50; }
.rng-site .rng-detail-photo img,.rng-site .rng-product-photo img { mix-blend-mode:multiply; }
.rng-site .rng-product-photo { background:transparent; }
.rng-site .rng-price-note { color:#596e79; }
.rng-site .rng-detail-price { color:#ffcf91; }
.rng-site .rng-detail-info>.rng-price-availability { color:#e1d6c0; max-width:none; font-size:13px; }
.rng-site .rng-detail-help { background:rgba(240,226,199,.94); color:#173a50; }
.rng-site .rng-category-nav a,.rng-site .rng-pagination a,.rng-site .rng-pagination span { background:#e7ddc8; border-color:#cabb9f; }
.rng-site .rng-pagination .active>a,.rng-site .rng-pagination .active>span { background:#006d9d; color:#fff; }
.rng-site .rng-cart #msCart table { background:#f2e9d8; color:#173a50; }
.rng-site .rng-cart #msCart th { background:#23465b; color:#fff; }
.rng-site .rng-cart #msCart .shopcart_price,.rng-site .rng-cart #msCart .shopcart_count { white-space:nowrap; }
.rng-site .rng-cart .uk-table-striped tbody tr:nth-of-type(odd) { background:#e9dfcc; }
.rng-site .rng-cart .shocart-total { color:#f1e1c3; }
.rng-site .rng-cart-price-note { margin:-15px 0 28px; color:#eadcc3; text-align:right; font-size:12px; }
.rng-site .rng-cart .rng-order-heading h2 { color:#173a50; }
.rng-site .rng-cart-confirm { background:#f1e5cd; color:#173a50; border:1px solid #cdbfa6; border-radius:12px; padding:28px; }
.rng-site .rng-cart-confirm h2 { color:#173a50; }
@media(max-width:1000px) { .rng-shelf-mark { width:35px; height:35px; } }
@media(max-width:700px) {
  .rng-site .rng-cart #msCart table { min-width:580px; }
  .rng-site .rng-shelf { padding:28px 0; }
  .rng-site .rng-shelf-title { gap:9px; padding-left:10px; }
  .rng-site .rng-shelf-title h2 { font-size:24px; }
  .rng-shelf-mark { width:30px; height:34px; }
  .rng-site .rng-shelf-heading { margin-bottom:19px; }
  .rng-shelf-art { width:220px; height:160px; right:0; top:-7px; opacity:.1; }
  .rng-site .rng-oil-track { gap:15px; }
  .rng-site .rng-oil-photo { height:330px; }
  .rng-conveyor { top:328px; }
  .rng-site .rng-product-buy .rng-price-note { max-width:160px; }
  .rng-site .rng-product-buy .rng-price-availability { font-size:10px; }
  .toptech-price-disclaimer { font-size:11px; }
}
@media(prefers-reduced-motion:reduce) {
  .rng-conveyor-belt { animation:none; }
  .rng-site .rng-oil-track { scroll-behavior:auto; }
}

/* Queue 24: actual catalog packaging, equal-height cutouts resting on the belt. */
.rng-site .rng-oil-tile { background:transparent; border:0; box-shadow:none; overflow:visible; }
.rng-site .rng-oil-photo { position:relative; height:340px; padding:0; background:transparent; overflow:visible; z-index:2; }
.rng-site .rng-oil-photo img { mix-blend-mode:normal; }
.rng-site .rng-oil-photo-cutout img { transform:translateY(3.75%); }
.rng-site .rng-oil-tile-body { position:relative; z-index:2; margin-top:44px; border:1px solid rgba(232,210,170,.6); border-radius:9px; box-shadow:0 6px 24px rgba(3,18,30,.14); }
.rng-site .rng-conveyor { top:343px; bottom:auto; z-index:1; }
.rng-packaging-example { position:absolute; right:8px; top:6px; padding:3px 7px; border-radius:5px; background:rgba(13,38,55,.88); color:#f7e7ca; font-size:10px; line-height:1.4; }
@media(max-width:700px) {
 .rng-site .rng-oil-photo { height:330px; }
 .rng-site .rng-conveyor { top:333px; }
}