@charset "UTF-8";
/* Boss Fuel Trailers Section CSS */
.boss-hide-cite {
  display: none !important; }

.boss-hide-btn {
  display: none !important; }

/* Mobile & Desktop Text Toggles */
.boss-mobile-text {
  display: none; }

.boss-desktop-text {
  display: inline; }

.boss-fuel-section {
  background-color: #fff;
  color: #2f2f2b;
  font-family: 'Helvetica Neue', Arial, sans-serif;
  padding: 60px 20px;
  line-height: 1.6;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  /* Prevents horizontal swipe from shifting page */ }

.boss-fuel-section *, .boss-fuel-section *::before, .boss-fuel-section *::after {
  box-sizing: border-box; }

.boss-container {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 2; }

/* --- DYNAMIC HEADER ROW --- */
.boss-header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  gap: 30px; }

.boss-header-text {
  flex: 1;
  /* Takes up the left side */ }

.boss-heading {
  color: #000;
  font-size: 2.5rem;
  text-align: left;
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 700; }

.boss-subheading {
  text-align: left;
  font-size: 1.1rem;
  margin-bottom: 0;
  color: #2f2f2b; }

.boss-header-logo {
  flex: 0 0 auto;
  /* Keeps the logo container from shrinking */ }

.boss-header-logo img {
  max-height: 90px;
  width: auto;
  object-fit: contain;
  display: block; }

/* Tab Navigation */
.boss-tabs {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 30px;
  border-bottom: 2px solid #e0e0e0;
  padding-bottom: 10px; }

.boss-tab-link {
  background-color: transparent;
  color: #2f2f2b;
  border: 2px solid transparent;
  outline: none;
  cursor: pointer;
  padding: 12px 24px;
  font-size: 1.1rem;
  font-weight: bold;
  border-radius: 4px;
  transition: all 0.3s ease; }

.boss-tab-link:hover {
  background-color: #f5f5f5;
  color: #cf142b; }

.boss-tab-link.active {
  background-color: #cf142b;
  color: #fff;
  border-color: #cf142b; }

/* Tab Content */
.boss-tab-content {
  display: none;
  animation: fadeEffect 0.5s; }

.boss-tab-content.active {
  display: block; }

@keyframes fadeEffect {
  from {
    opacity: 0;
    transform: translateX(10px); }
  to {
    opacity: 1;
    transform: translateX(0); } }

/* Layout Flexbox */
.boss-content-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  align-items: flex-start; }

.boss-image-col {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: 20px; }

.boss-main-img {
  width: 100%;
  height: 350px;
  object-fit: contain;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border: 1px solid #e0e0e0;
  padding: 15px; }

.boss-video-link {
  display: flex;
  gap: 15px;
  flex-wrap: wrap; }

.boss-btn-primary, .boss-btn-secondary {
  padding: 12px 20px;
  text-decoration: none;
  font-weight: bold;
  border-radius: 4px;
  text-align: center;
  transition: all 0.3s ease; }

.boss-btn-primary {
  background-color: #cf142b;
  color: #fff;
  border: 2px solid #cf142b; }

.boss-btn-primary:hover {
  background-color: #a80f21;
  border-color: #a80f21; }

.boss-btn-secondary {
  background-color: transparent;
  color: #2f2f2b;
  border: 2px solid #2f2f2b; }

.boss-btn-secondary:hover {
  background-color: #2f2f2b;
  color: #fff; }

.boss-text-col {
  flex: 1 1 50%;
  position: relative;
  z-index: 3; }

.boss-text-col h3 {
  color: #000;
  font-size: 2rem;
  margin-top: 0;
  margin-bottom: 15px;
  border-bottom: 3px solid #cf142b;
  display: inline-block;
  padding-bottom: 5px; }

.boss-text-col h4 {
  color: #000;
  font-size: 1.3rem;
  margin-top: 25px;
  margin-bottom: 10px; }

.boss-text-col p {
  margin-bottom: 15px;
  font-size: 1.05rem; }

.boss-text-col ul {
  list-style-type: square;
  padding-left: 20px; }

.boss-text-col li {
  margin-bottom: 10px;
  font-size: 1.05rem; }

/* =========================================
   MOBILE HERO & OVERLAY OPTIMIZATIONS
   ========================================= */
@media (max-width: 768px) {
  .boss-fuel-section {
    padding: 30px 15px; }
  /* Mobile Header Re-flow */
  .boss-header-row {
    flex-direction: column-reverse;
    /* Puts Logo on top of text on mobile */
    gap: 15px;
    margin-bottom: 25px; }
  .boss-heading, .boss-subheading {
    text-align: center; }
  .boss-heading {
    font-size: 2rem; }
  .boss-header-logo img {
    max-height: 60px;
    /* Scales logo down slightly for mobile */ }
  /* Swap Button Text */
  .boss-desktop-text {
    display: none; }
  .boss-mobile-text {
    display: inline; }
  /* Horizontal Scroll Tabs */
  .boss-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: none; }
  .boss-tabs::-webkit-scrollbar {
    display: none; }
  .boss-tab-link {
    flex: 0 0 auto;
    padding: 10px 18px;
    font-size: 1rem;
    border: 1px solid #e0e0e0; }
  .boss-content-flex {
    flex-direction: column;
    gap: 15px; }
  /* Hero Banner Image Overlay */
  .boss-image-col {
    position: relative;
    margin-bottom: 25px;
    gap: 0; }
  .boss-main-img {
    height: 250px;
    border: none;
    box-shadow: none;
    padding: 0;
    border-radius: 6px;
    margin-bottom: 15px; }
  /* Side-by-Side Floating Buttons */
  .boss-video-link {
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    justify-content: center;
    gap: 10px;
    flex-wrap: nowrap;
    z-index: 5; }
  .boss-video-link a {
    flex: 1;
    /* Forces 50/50 split */
    padding: 10px 5px;
    font-size: 0.95rem;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    border: 2px solid #2f2f2b; }
  .boss-video-link .boss-btn-primary {
    background-color: #cf142b;
    color: #fff;
    border-color: #cf142b; }
  .boss-text-col h3 {
    font-size: 1.6rem; } }

/* Outer Container - Removed Flex to fix arrow positioning */
.brand-slider-container {
  width: 100%;
  position: relative;
  margin: 2rem auto; }

/* The actual scrolling track */
.brand-slider {
  display: flex;
  gap: 1.5rem;
  padding: 15px 10px;
  /* Added slight top/bottom padding to prevent box-shadow clipping */
  list-style: none;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  /* Hide scrollbar Firefox */
  -ms-overflow-style: none;
  /* Hide scrollbar IE/Edge */
  cursor: grab;
  width: 100%;
  margin: 0; }

.brand-slider::-webkit-scrollbar {
  display: none;
  /* Hide scrollbar Chrome/Safari */ }

.brand-slider:active {
  cursor: grabbing; }

/* Base Size (Mobile) - Forced 10% Increase */
.brand-slide {
  flex: 0 0 165px !important;
  /* Forces the flexbox to respect the width */
  width: 165px !important;
  height: 110px !important;
  scroll-snap-align: start;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease;
  margin: 0; }

.brand-slide:hover {
  transform: translateY(-4px); }

.brand-slide a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  padding: 12px; }

.brand-slide img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; }

.shop-all-box {
  background: #f4f4f4;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 6px;
  font-weight: bold;
  color: #333; }

/* Desktop Size - Forced 25% Increase */
@media (min-width: 768px) {
  .brand-slide {
    flex: 0 0 188px !important;
    width: 188px !important;
    height: 125px !important; } }

/* Navigation Arrows - Fixed Positioning */
.slider-nav {
  background: #ffffff;
  color: #333333;
  border: 1px solid #dddddd;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  width: 44px;
  height: 44px;
  font-size: 20px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  /* Pulls down halfway */
  transform: translateY(-50%);
  /* Centers perfectly */
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  padding: 0; }

.slider-nav:hover {
  background: #f4f4f4;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); }

.prev-arrow {
  left: 15px; }

.next-arrow {
  right: 15px; }

/* Hide arrows on mobile so users just swipe */
@media (max-width: 767px) {
  .slider-nav {
    display: none !important; } }

/* --- DESKTOP (4 Columns) --- */
li.subcategory-item {
  float: left;
  width: 25%;
  list-style-type: none;
  padding: 0 15px;
  margin-bottom: 25px;
  /* Gives breathing room between rows */
  text-align: center; }

/* Forces a clean new row every 5th item on desktop so tall titles don't break the grid */
li.subcategory-item:nth-child(4n+1) {
  clear: both; }

li.subcategory-item > a,
li.subcategory-item > div {
  display: block;
  margin: 0 auto;
  width: 100%; }

li.subcategory-item img {
  max-width: 100%;
  height: auto;
  margin: 0 auto 10px auto;
  display: block; }

/* --- MOBILE & TABLET (2 Columns) --- */
@media (max-width: 768px) {
  li.subcategory-item {
    width: 50%;
    padding: 0 10px;
    /* Slightly tighter padding for small screens */ }
  /* Reset the desktop row-clearing rule */
  li.subcategory-item:nth-child(4n+1) {
    clear: none; }
  /* Force a clean new row every 3rd item on mobile */
  li.subcategory-item:nth-child(2n+1) {
    clear: both; } }

.subcategory-accordion {
  margin: 1.5rem 0;
  border: 1px solid #e5e5e5;
  /* Optional: adds a neat box around it */
  border-radius: 4px;
  background-color: #fcfcfc; }

.subcategory-toggle {
  display: block;
  padding: 1rem 1.5rem;
  font-weight: 600;
  font-size: 1.1rem;
  cursor: pointer;
  list-style: none;
  /* Removes the default HTML triangle */
  position: relative;
  user-select: none;
  color: #333; }

/* Removes the default HTML triangle in older Safari versions */
.subcategory-toggle::-webkit-details-marker {
  display: none; }

/* Custom + / - Icon */
.subcategory-toggle::after {
  content: '+';
  position: absolute;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.5rem;
  font-weight: 400;
  transition: transform 0.2s ease; }

.subcategory-accordion[open] .subcategory-toggle::after {
  content: '\2212';
  /* Switches to a minus sign when open */ }

/* Grid inner container spacing */
.subcategory-grid.accordion-content {
  padding: 1.5rem;
  border-top: 1px solid #e5e5e5;
  background-color: #ffffff; }

/* =========================================================
   HOMEPAGE CATEGORY SLIDER / GRID
   ========================================================= */
.homepage-category-slider {
  width: 100%;
  position: relative; }

/* --- TOP HEADER SECTION (Heading & Toggles) --- */
.slider-header-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  min-height: 40px;
  text-align: center;
  background: #f5f5f5;
  padding-top: 15px; }

.slider-header-actions {
  position: absolute;
  left: 15px;
  /* Locks actions to the left */
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 12px; }

.expand-view-text {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #333; }

.slider-main-heading {
  margin: 0;
  font-size: 35px;
  font-weight: 900;
  color: #cf142b;
  text-align: center;
  filter: drop-shadow(1px 2px 5px rgba(0, 0, 0, 0.3));
  letter-spacing: 2px;
  word-spacing: 2px; }

.slider-header-actions .rt-layout-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background-color: #e0e0e0;
  border-radius: 4px;
  text-decoration: none;
  transition: background-color 0.3s ease;
  flex-shrink: 0; }

.slider-header-actions .rt-layout-toggle svg {
  width: 16px;
  height: 16px;
  fill: #000;
  transition: fill 0.3s ease;
  pointer-events: none; }

/* Active and Hover States for Icons */
.slider-header-actions .rt-layout-toggle.active,
.slider-header-actions .rt-layout-toggle:hover {
  background-color: #000; }

.slider-header-actions .rt-layout-toggle.active svg,
.slider-header-actions .rt-layout-toggle:hover svg {
  fill: #cf142b; }

/* --- CAROUSEL TRACK --- */
.riverside-carousel-container {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  background-color: #f5f5f5;
  padding: 15px 0; }

/* Navigation Buttons */
.carousel-nav-btn {
  position: absolute;
  z-index: 10;
  top: 55%;
  transform: translateY(-50%);
  width: 40px;
  height: 60px;
  background-color: rgba(255, 255, 255, 0.95);
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; }

.carousel-nav-btn:hover {
  background-color: #ffffff;
  border-color: #cf142b;
  box-shadow: 0 2px 8px rgba(207, 20, 43, 0.2); }

.carousel-nav-btn svg {
  width: 24px;
  height: 24px;
  fill: #000;
  transition: fill 0.2s ease; }

.carousel-nav-btn:hover svg {
  fill: #cf142b; }

.carousel-nav-btn.left {
  left: 5px; }

.carousel-nav-btn.right {
  right: 5px; }

/* The Scrollable Track */
.category-showcase {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  gap: 15px;
  width: 100%;
  padding: 15px 50px 10px 50px;
  /* Reduced top padding since header is moved out */
  font-family: inherit; }

/* Custom Scrollbar */
.category-showcase::-webkit-scrollbar {
  height: 6px; }

.category-showcase::-webkit-scrollbar-track {
  background: #e0e0e0;
  border-radius: 10px;
  margin: 0 50px; }

.category-showcase::-webkit-scrollbar-thumb {
  background: #000;
  border-radius: 10px;
  transition: background 0.3s; }

.category-showcase::-webkit-scrollbar-thumb:hover {
  background: #cf142b; }

/* Individual Cards */
.category-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: flex-end;
  flex: 0 0 calc(25% - 11.25px);
  min-width: 220px;
  scroll-snap-align: start; }

/* Image Wrapper with Zoom & Theme Colors */
.category-image-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 380px;
  aspect-ratio: 16 / 9;
  margin-bottom: 10px;
  background-color: #ffffff;
  border: 2px solid transparent;
  border-radius: 6px;
  overflow: hidden;
  transition: border-color 0.3s ease, box-shadow 0.3s ease; }

.category-image-wrapper:hover {
  border-color: #cf142b;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); }

.category-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  image-rendering: -webkit-optimize-contrast;
  transition: transform 0.4s ease;
  will-change: transform; }

.category-image-wrapper:hover img {
  transform: scale(1.12); }

/* Category Title */
.category-title {
  margin: 0;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.2; }

.category-title a {
  color: #000;
  text-decoration: none;
  transition: color 0.2s ease; }

.category-title a:hover {
  color: #cf142b; }

/* --- GRID LAYOUT OVERRIDES --- */
.riverside-carousel-container.is-grid .carousel-nav-btn {
  display: none !important; }

.riverside-carousel-container.is-grid .category-showcase {
  flex-wrap: wrap !important;
  justify-content: center !important;
  overflow: hidden !important;
  padding: 20px 15px 15px 15px !important; }

.riverside-carousel-container.is-grid .category-card {
  flex: 0 0 calc(25% - 15px) !important;
  margin-bottom: 20px; }

/* Mobile Adjustments */
@media only screen and (max-width: 768px) {
  .carousel-nav-btn {
    display: none !important; }
  .category-showcase {
    padding: 15px 15px 10px 15px;
    gap: 10px; }
  .category-card {
    flex: 0 0 calc(50% - 10px);
    min-width: 160px; }
  .riverside-carousel-container.is-grid .category-card {
    flex: 0 0 calc(50% - 10px) !important; }
  /* --- NEW HEADER FIX FOR MOBILE --- */
  .slider-header-container {
    flex-direction: column-reverse;
    /* Stacks the heading on top, buttons on bottom */
    padding-bottom: 10px;
    gap: 12px;
    /* Adds breathing room between the heading and the buttons */ }
  .slider-header-actions {
    position: relative;
    /* Removes absolute positioning so they no longer float over the text */
    left: 0;
    width: 100%;
    justify-content: center;
    /* Centers the buttons nicely under the title */ }
  .slider-main-heading {
    font-size: 20px;
    /* Scales down heading for mobile */ } }

/* =========================================================
   FOOTER CENTERING & LOCATIONS
   ========================================================= */
/* Centers the full-width contact block */
.custom-footer-contact-full.centered-block {
  text-align: center;
  width: 100%;
  margin-bottom: 2rem; }

/* Centers the remaining footer columns dynamically */
.centered-footer-columns {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center; }

/* Adds horizontal spacing between the centered columns */
.centered-footer-columns .footer-info-col {
  margin: 0 20px; }

/* Centers the social media icons within their container */
.centered-footer-columns .social-media {
  display: flex;
  justify-content: center;
  width: 100%; }

/* Ensure the newsletter block aligns properly in the center */
.centered-footer-columns .footer-top.newsletter {
  margin: 0 auto; }

/* --- Riverside Trailers Footer Locations --- */
.custom-footer-contact-full {
  width: 100%;
  display: block;
  margin-bottom: 2rem;
  padding-top: 1.5rem; }

.custom-footer-contact-full .footer-info-col {
  width: 100%;
  float: none; }

.custom-footer-contact-full .regular {
  text-align: center; }

.custom-footer-contact-full .footer-info-heading {
  text-align: center; }

.rt-footer-locations-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  background-color: transparent;
  color: #f1f1f1;
  font-family: inherit;
  box-sizing: border-box; }

.rt-footer-location-card {
  background-color: #1a1a1a;
  padding: 25px;
  border-top: 3px solid #d32f2f;
  border-radius: 4px; }

.rt-location-title {
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 15px;
  text-transform: uppercase;
  letter-spacing: 0.5px; }

.rt-location-details p {
  margin: 0 0 10px 0;
  font-size: 0.95rem;
  line-height: 1.6; }

.rt-location-details p:last-child {
  margin-bottom: 0; }

.rt-location-details a {
  color: #ffffff;
  text-decoration: none;
  transition: color 0.3s ease; }

.rt-location-details a:hover,
.rt-location-details a:focus {
  color: #d32f2f;
  text-decoration: underline; }

@media (max-width: 768px) {
  .rt-footer-locations-wrapper {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 30px 15px; } }

/* =========================================================
   MEGA MENU CLICK/Z-INDEX PROTECTION
   ========================================================= */
.header-container,
.main-nav-container,
.alt-menu-container {
  z-index: 10000000 !important; }

/* =========================================================
   OVERRIDE THEME'S NATIVE DIMMER/MASK SCRIPT
   ========================================================= */
#shopnav-dim-page #dialog {
  display: none !important; }

#shopnav-dim-page #mask {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-height: 100vh !important;
  background-color: rgba(20, 25, 30, 0.8) !important;
  z-index: 9999999 !important; }

body.has-active-dimmer {
  overflow: hidden !important; }

/* =========================================================
   VISUALLY HIDDEN (SEO & SCREEN READER SAFE)
   ========================================================= */
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important; }

/* =========================================================
   RT FLATBED PRODUCT TEMPLATE — CUSTOM CSS
   ========================================================= */
div.tab-content#tab-warranty {
  padding: 10px;
  margin: 0;
  border: none;
  box-shadow: none; }

.productView-info {
  margin-top: 0.78571rem;
  color: #fff; }

.product-page-header .brand-link {
  display: inline-block;
  margin-top: 5px;
  font-size: 0.95rem;
  font-weight: 600;
  color: #cbd5e1;
  text-decoration: none; }

.rt-flatbed-productView-product {
  padding-bottom: 15px;
  overflow: hidden;
  background: #1e252b; }

.custom-page-wrapper {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #fff; }

.rt-text-container {
  width: 95%;
  max-width: 1600px;
  margin: 0 auto; }

.product-header-container {
  width: 95%;
  max-width: 2000px;
  margin: 0 auto; }

.product-title-header {
  font-family: 'IBM Plex Sans Condensed', 'Anton', sans-serif;
  font-size: 2.1rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px; }

.product-page-header {
  width: 100%;
  background-color: #1e252b;
  color: #ffffff;
  text-align: center;
  padding: 20px 0; }

.product-title-header h1 {
  font-family: 'IBM Plex Sans Condensed', 'Anton', sans-serif;
  font-size: 2.1rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px; }

/* =========================================
   TOP BANNER
   ========================================= */
.rt-flatbed-header {
  width: 100%;
  background-color: #1e252b;
  color: #ffffff;
  text-align: center;
  padding: 20px 0; }

.rt-flatbed-header h1 {
  font-family: 'IBM Plex Sans Condensed', 'Anton', sans-serif;
  font-size: 2.1rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px; }

.rt-flatbed-header .brand-link {
  display: inline-block;
  margin-top: 5px;
  font-size: 0.95rem;
  font-weight: 600;
  color: #cbd5e1;
  text-decoration: none; }

.rt-flatbed-header .brand-link:hover {
  color: #ffffff;
  text-decoration: underline; }

/* =========================================
   SPLIT GRID STRUCTURE
   ========================================= */
.rt-flatbed-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  max-width: 2000px;
  margin: 0 auto;
  padding: 0 5px 10px 5px; }

.rt-flatbed-col-left {
  flex: 1 1 54%;
  max-width: 56%;
  min-width: 320px;
  padding: 10px; }

.rt-flatbed-col-right {
  flex: 1 1 43%;
  min-width: 320px;
  padding: 10px 20px;
  color: #f8fafc; }

@media (max-width: 991px) {
  .rt-flatbed-grid {
    flex-direction: column; }
  .rt-flatbed-col-left, .rt-flatbed-col-right {
    max-width: 100%;
    padding: 10px 0; } }

/* =========================================
   IMAGE GALLERY STYLING
   ========================================= */
.rt-flatbed-gallery {
  background-color: #ffffff;
  border-radius: 6px;
  padding: 20px 40px;
  border: 3px solid #d92323; }

.rt-flatbed-gallery .productView-images {
  margin: 0;
  padding: 0; }

.rt-flatbed-gallery .productView-img-container {
  display: flex;
  align-items: center;
  justify-content: center; }

.rt-flatbed-gallery .productView-image img {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: contain;
  display: block;
  margin: 0 auto; }

/* Thumbnails */
.rt-flatbed-gallery .productView-thumbnails {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 15px 0 0 0;
  padding: 0;
  list-style: none; }

.rt-flatbed-gallery .productView-thumbnail {
  width: calc(16.66% - 7px);
  flex: 0 0 calc(16.66% - 7px); }

.rt-flatbed-gallery .productView-thumbnail-link {
  display: block;
  border-radius: 4px;
  overflow: hidden;
  opacity: 0.8;
  transition: opacity 0.2s ease, outline 0.15s ease; }

.rt-flatbed-gallery .productView-thumbnail-link img {
  width: 100%;
  height: 80px;
  object-fit: cover;
  display: block; }

.rt-flatbed-gallery .productView-thumbnail-link:hover,
.rt-flatbed-gallery .productView-thumbnail-link.is-active {
  opacity: 1;
  outline: 2px solid #d92323; }

.rt-flatbed-gallery .productView-thumbnails.slick-initialized {
  display: block;
  flex-wrap: initial; }

.rt-flatbed-gallery .productView-thumbnails.slick-initialized .productView-thumbnail {
  width: auto; }

/* =========================================
   PRODUCT DETAILS & OPTIONS
   ========================================= */
.rt-product-details {
  margin: 0;
  padding: 0;
  width: 100%; }

.rt-product-details h1, .rt-product-details h2, .rt-product-details h3,
.rt-product-details .price, .rt-product-details dt, .rt-product-details label,
.rt-product-details .form-label {
  color: #ffffff; }

.rt-flatbed-grid.productView .productView-options label.form-label,
.rt-flatbed-grid.productView label.form-label {
  color: #ffffff; }

.rt-product-details dd, .rt-product-details span {
  color: #f1f5f9; }

.rt-product-details hr {
  border-color: #3b4752; }

.rt-product-details .form-select, .rt-product-details .form-input {
  background-color: #c10909;
  color: #ffffff;
  border: 1px solid #d92323; }

.rt-product-details .form-select option {
  background-color: #1e252b;
  color: #fff; }

.rt-flatbed-col-right .productView-details {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
  box-shadow: none !important; }

.rt-sku-badge, .summary-sku-badge {
  display: inline-block;
  background-color: #d92323;
  color: #ffffff;
  font-size: 0.85rem;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 4px;
  margin-bottom: 15px; }

.rt-summary-card {
  border-left: 4px solid #d92323;
  padding: 8px 12px; }

.rt-summary-card .badge-title {
  display: block;
  font-weight: 800;
  font-size: 0.75rem;
  color: #e63946;
  text-transform: uppercase; }

.rt-summary-card .summary-value {
  font-size: 0.95rem;
  line-height: 1.5;
  color: #e2e8f0; }

/* =========================================================
   CUSTOM PRICING LAYOUT & STYLING
   ========================================================= */
.mxii-custom-pricing {
  background-color: #1e252b;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }

.mxii-custom-pricing .msrp-sale-regular-price-section {
  width: 100%;
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 8px;
  border-bottom: 1px dashed #3b4752;
  padding-bottom: 8px; }

.mxii-custom-pricing .price-section {
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  align-items: baseline; }

.mxii-custom-pricing .current-price {
  font-size: 1.6rem;
  color: #ffffff;
  font-weight: 700;
  margin-right: 12px !important;
  display: inline-flex;
  align-items: baseline; }

.mxii-custom-pricing .price-section--saving {
  background: #d92323;
  color: #fff;
  padding: 4px 10px !important;
  border-radius: 4px;
  font-weight: 400;
  font-size: 0.95rem;
  display: inline-flex;
  align-items: center;
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.35), 0 1px 2px rgba(0, 0, 0, 0.1); }

.mxii-custom-pricing .price-section--saving .price {
  color: #fff !important;
  font-weight: 400 !important; }

.mxii-custom-pricing .price-label {
  color: #cbd5e1;
  font-size: 1rem;
  text-transform: uppercase;
  margin-right: 6px;
  font-weight: 100;
  letter-spacing: 1px; }

.mxii-custom-pricing .price--rrp,
.mxii-custom-pricing .price--non-sale {
  text-decoration: line-through;
  color: #94a3b8;
  font-size: 1.6rem;
  font-weight: 0; }

/* ==========================================================================
   FIX FOR VARIANT RADIO/CHECKBOX/SWATCH LABELS
   ========================================================================== */
.productView-info-value {
  color: #fff;
  text-align: center;
  font-weight: 700;
  width: 100%;
  float: none;
  clear: both;
  margin: 15px 0;
  font-size: 2.1rem;
  text-transform: uppercase;
  letter-spacing: 0.5px; }

.productView-options [data-product-option-change] .form-radio + .form-label,
.productView-options [data-product-option-change] .form-checkbox + .form-label {
  display: block !important;
  clear: none !important;
  width: auto !important;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  font-weight: normal !important;
  text-transform: none !important;
  letter-spacing: normal !important; }

.productView-options [data-product-option-change] .form-radio,
.productView-options [data-product-option-change] .form-checkbox {
  display: block !important;
  float: none !important;
  clear: none !important;
  margin-right: 8px !important;
  width: auto !important; }

.productView-options [data-product-option-change] .form-option {
  display: inline-block !important;
  clear: none !important;
  float: none !important;
  margin-right: 10px !important;
  margin-top: 10px !important; }

.productView-options [data-product-option-change] .form-field {
  overflow: hidden; }

/* =========================================
   MULTI-STEP WIZARD UI
   ========================================= */
.rt-wizard-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px dashed #e0e0e0;
  padding-bottom: 12px;
  margin-bottom: 15px; }

.rt-wizard-title {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.95rem;
  margin: 0;
  color: #fff; }

.rt-wizard-counter {
  background-color: #cb0039;
  color: #fff;
  padding: 2px 8px;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 12px; }

.rt-wizard-progress-bg {
  height: 6px;
  background: #e0e0e0;
  border-radius: 3px;
  margin-bottom: 20px;
  overflow: hidden; }

.rt-wizard-progress-fill {
  height: 100%;
  background: #cb0039;
  transition: width 0.3s ease-in-out; }

.rt-wizard-nav {
  display: flex;
  gap: 10px;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px dashed #e0e0e0; }

.rt-wizard-btn {
  flex: 1;
  padding: 10px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
  border: none; }

.rt-btn-prev {
  background: #3b4752;
  color: #fff; }

.rt-btn-next {
  background: #cb0039;
  color: #fff; }

.rt-btn-prev:hover {
  background: #404850; }

.rt-btn-next:hover {
  background: #a8002f; }

.rt-cart-wrapper-visible {
  display: block !important;
  margin-top: 15px; }

/* =========================================
   BOTTOM TABS
   ========================================= */
.rt-tabs-section {
  width: 100%;
  background-color: #ffffff; }

.rt-tabs-container {
  width: 100%;
  margin: 0 auto;
  background-color: #1e252b;
  border-top: 2px solid #d92323 !important;
  border-bottom: 2px solid #d92323 !important; }

.rt-tabs-nav {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 98%;
  max-width: 2000px; }

.rt-tabs-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
  flex: 1 1 auto; }

.rt-tabs-scroll::-webkit-scrollbar {
  display: none; }

.rt-tabs-container ul.tabs {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  min-width: min-content;
  width: 100%;
  gap: 8px;
  margin: 0;
  padding: 4px 2px;
  border: none;
  list-style: none; }

.rt-tabs-arrow {
  display: none;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #2c353d;
  color: #ffffff;
  border: none;
  font-size: 1.4rem;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.2s; }

.rt-tabs-arrow:hover {
  background: #d92323; }

.rt-tabs-container ul.tabs .tab {
  margin: 0;
  padding: 0;
  border: none; }

.rt-tabs-container .tab-title {
  box-sizing: border-box;
  background: #2c353d;
  color: #cbd5e1;
  padding: 12px 20px;
  font-size: 1rem;
  line-height: 1.2;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  text-decoration: none;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  border: 1px solid transparent;
  transform: none; }

.rt-tabs-container .tab:hover .tab-title {
  background: #3f4a54;
  color: #fff; }

.rt-tabs-container .tab.is-active .tab-title {
  box-sizing: border-box;
  background: #d92323 !important;
  color: #ffffff !important;
  border-color: #b51c1c !important;
  padding: 12px 20px !important;
  font-size: 1rem !important;
  line-height: 1.2 !important;
  transform: none !important; }

.rt-product-description {
  background-color: #1e252b;
  padding: 0;
  margin: 0;
  border: none; }

.rt-product-description .tab-content {
  padding: 0;
  margin: 0;
  border: none;
  box-shadow: none; }

#tab-custom-specs {
  background-color: #ffffff;
  padding: 24px;
  border-radius: 6px; }

#tab-custom-specs .tab-content-title {
  color: #1e252b;
  margin-top: 0; }

/* =========================================================================
   PRODUCT TABS – RESPONSIVE FIX
   ========================================================================= */
.rt-tabs-arrow.is-visible {
  display: flex; }

.rt-tabs-container ul.tabs {
  flex-wrap: nowrap; }

.rt-tabs-container ul.tabs .tab {
  flex: 0 0 auto;
  white-space: nowrap; }

.rt-tabs-arrow--prev {
  margin-right: 4px; }

.rt-tabs-arrow--next {
  margin-left: 4px; }

@media (max-width: 767px) {
  .rt-tabs-nav {
    display: block !important; }
  .rt-tabs-scroll {
    overflow: visible !important; }
  .rt-tabs-container ul.tabs {
    display: block !important;
    width: 100% !important; }
  .rt-tabs-container ul.tabs .tab {
    display: block !important;
    width: 100% !important;
    white-space: normal !important; }
  .rt-tabs-container .tab-title {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center; }
  .rt-tabs-arrow,
  .rt-tabs-arrow.is-visible {
    display: none !important; } }

/* =========================================================
   TRAILER DETAILS TABLE GRID & SUBTABS
   ========================================================= */
.mxii-trailer-specs-box {
  background: #1e252b !important;
  border: 1px solid #3b4752 !important;
  border-radius: 6px !important;
  padding: 15px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important; }

.mxii-trailer-specs-list.trailer-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 8px 15px !important;
  padding-left: 0 !important; }

.mxii-trailer-specs-list.trailer-grid li {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  list-style-type: none !important;
  background: #fff !important;
  border: none !important;
  padding: 8px 0 !important;
  margin-bottom: 0 !important;
  border-radius: 4px; }

.mxii-trailer-specs-list.trailer-grid li:hover {
  border-color: #d92323 !important; }

.mxii-trailer-specs-list.trailer-grid .grid-label {
  font-size: 1.0rem !important;
  font-weight: 800 !important;
  color: #d92323 !important;
  text-transform: uppercase !important;
  margin-bottom: 0 !important;
  margin-right: 6px !important;
  letter-spacing: 0.1em; }

.mxii-trailer-specs-list.trailer-grid .grid-value {
  font-size: 1.05rem !important;
  color: #000 !important;
  font-weight: 700 !important;
  text-align: right !important; }

/* Sorting Orders */
.spec-stock {
  order: 1; }

.spec-condition {
  order: 2; }

.spec-location {
  order: 3; }

.spec-year {
  order: 4; }

.spec-trailer-type {
  order: 5; }

.spec-color {
  order: 6; }

.spec-connection {
  order: 7; }

.spec-coupler {
  order: 8; }

.spec-gvwr {
  order: 9; }

@media (max-width: 800px) {
  .mxii-trailer-specs-list.trailer-grid {
    grid-template-columns: repeat(2, 1fr) !important; } }

@media (max-width: 500px) {
  .mxii-trailer-specs-list.trailer-grid {
    grid-template-columns: 1fr !important; } }

#tab-custom-specs .mxii-spec-name,
#tab-custom-specs .mxii-spec-value {
  color: #000000; }

.mxii-spec-row:nth-child(6n+1),
.mxii-spec-row:nth-child(6n+2),
.mxii-spec-row:nth-child(6n+3) {
  background-color: #d92323;
  padding: 8px; }

.mxii-spec-row:nth-child(6n+4),
.mxii-spec-row:nth-child(6n+5),
.mxii-spec-row:nth-child(6n+6) {
  background-color: #ffffff; }

.rt-subtabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  background: #1e252b;
  padding: 10px; }

.rt-subtab-btn {
  background: #fff;
  border: 1px solid #3b4752;
  color: #cbd5e1;
  padding: 8px 16px;
  border-radius: 4px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.85rem;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s; }

.rt-subtab-btn:hover {
  border-color: #d92323;
  color: #ffffff; }

.rt-subtab-btn.rt-active {
  background: #d92323;
  border-color: #d92323;
  color: #ffffff; }

.rt-subtab-panel {
  display: none; }

.rt-subtab-panel.rt-active {
  display: block;
  padding: 10px; }

div.tab-content#tab-installation-details {
  padding: 10px !important;
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important; }

@media (max-width: 767px) {
  .rt-tabs-nav {
    width: 100%; }
  .rt-tabs-arrow {
    width: 28px;
    height: 28px;
    font-size: 1.1rem; } }

/* =========================================
   8. GRAPHQL PRODUCT CARDS
   ========================================= */
.rt-product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 15px;
  margin-top: 15px; }

.rt-product-card {
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #fff;
  transition: transform 0.2s, box-shadow 0.2s; }

.rt-product-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
  border-color: #d92323; }

.rt-product-card img {
  max-height: 150px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  margin: 0 auto 10px auto;
  display: block; }

.rt-product-card-title {
  font-size: 0.95rem;
  font-weight: 700;
  margin: 5px 0;
  line-height: 1.2;
  text-transform: uppercase;
  color: #1e252b; }

.rt-product-card-price {
  font-size: 1.1rem;
  font-weight: 800;
  color: #d92323;
  margin-bottom: 10px; }

.rt-product-card-btn {
  background: #1e252b;
  color: #fff;
  text-align: center;
  padding: 8px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
  display: block; }

.rt-product-card-btn:hover {
  background: #d92323; }

.scroll-container {
  overflow: hidden;
  white-space: nowrap; }

.scroll-text {
  display: inline-block;
  padding-left: 100%;
  animation: my-scroll 30s linear infinite; }

@keyframes my-scroll {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(-100%); } }

.banners .banner {
  font-family: Lato;
  font-weight: 500;
  font-size: 25px; }

.contactus-container {
  display: flex;
  width: 100%; }

.contactus-left-col {
  width: 30%;
  background-color: #ddd;
  padding: 10px; }

.contactus-right-col {
  width: 70%;
  background-color: #f0f0f0;
  padding: 10px; }

@media (max-width: 768px) {
  .contactus-container {
    flex-direction: column; }
  .contactus-left-col,
  .contactus-right-col {
    width: 100%; } }

/* ==========================================================================
   SAFE EXTERNAL COMPONENT DESIGN
   ========================================================================== */
.productView-options [data-product-option-change] .form-field {
  display: block !important;
  float: none !important;
  clear: both !important;
  width: 100% !important; }

.productView-options [data-product-option-change] .form-label {
  display: block !important;
  float: none !important;
  clear: both !important;
  text-align: left !important;
  margin-bottom: 8px !important; }

.productView-options [data-product-option-change] select.form-select {
  display: block !important;
  float: none !important;
  clear: both !important;
  width: 100% !important; }

/* ==========================================================================
   PRODUCT VIEW DETAILS PANEL STYLING
   ========================================================================== */
.productView-details {
  background-color: #ffffff !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 6px !important;
  padding: 25px !important;
  margin-bottom: 25px !important;
  box-sizing: border-box !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
  width: 52%;
  margin-right: 34px;
  margin-top: 0px; }

.productView-details-right {
  background-color: transparent !important;
  border-radius: 6px !important;
  padding-right: 25px !important;
  margin-bottom: 25px !important;
  box-sizing: border-box !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
  width: 52%;
  float: right;
  margin-right: 34px;
  margin-top: 0px; }

@media (max-width: 800px) {
  .productView-details-right {
    width: 100%;
    float: none;
    margin-right: 0; } }

/* ==========================================================================
   MAIN PRODUCT PAGE 2-COLUMN GRID 
   ========================================================================== */
.mxii-product-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 30px;
  width: 100%; }

.mxii-product-grid > #product-images-container {
  flex: 1 1 42% !important;
  width: auto !important;
  max-width: 44%;
  min-width: 320px;
  float: none !important;
  margin-left: 0 !important; }

.mxii-product-grid > .productView-details-right {
  flex: 1 1 50% !important;
  width: auto !important;
  max-width: 54%;
  min-width: 320px;
  float: none !important;
  margin-right: 0 !important; }

@media (max-width: 900px) {
  .mxii-product-grid {
    flex-direction: column;
    gap: 15px; }
  .mxii-product-grid > #product-images-container,
  .mxii-product-grid > .productView-details-right {
    max-width: 100%;
    width: 100%; } }

/* ==========================================================================
   MXII UNIQUE OPTIONS SECTION STYLING
   ========================================================================== */
.mxii-options-card {
  background-color: #263038;
  border: 1px solid #3b4752;
  border-radius: 6px;
  padding: 16px;
  margin-top: 15px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
  clear: none !important; }

.mxii-options-card [data-product-option-change] .form-label {
  display: block !important;
  float: none !important;
  clear: both !important;
  text-align: left !important;
  margin-top: 15px !important;
  margin-bottom: 8px !important;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: bold !important;
  color: #fff !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important; }

.mxii-options-card [data-product-option-change] select.form-select {
  display: block !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important; }

.productView-info .summary-label {
  float: left;
  clear: both;
  text-align: left;
  font-weight: bold;
  margin-top: 12px;
  margin-bottom: 4px; }

.productView-info .summary-value {
  float: left;
  width: 95%;
  margin-top: 8px;
  margin-bottom: 15px;
  line-height: 1.5;
  color: #444; }

/* ==========================================================================
   UNIFIED BRANDING CARDS
   ========================================================================== */
.mxii-summary-box,
.mxii-trailer-specs-box,
.mxii-apps-box {
  background-color: transparent !important;
  border: 0px solid #e0e0e0 !important;
  padding: 15px !important;
  margin: 0px 0 15px 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04) !important;
  clear: none !important;
  display: block !important; }

.mxii-section-badge {
  display: block !important;
  background-color: #cb0039 !important;
  color: #ffffff !important;
  font-size: 0.85em !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 6px 10px !important;
  border-radius: 3px !important;
  margin: 0 auto 15px auto !important;
  width: 90% !important;
  max-width: 90% !important;
  text-align: center !important;
  box-sizing: border-box !important;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; }

.mxii-summary-box .summary-value {
  font-size: 0.95em !important;
  color: #444444 !important;
  line-height: 1.6 !important;
  padding: 0 10px !important;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; }

.mxii-trailer-specs-list,
.mxii-apps-list {
  margin: 0 !important;
  padding-left: 25px !important;
  list-style-type: square !important; }

.mxii-trailer-specs-list li,
.mxii-apps-list li {
  font-size: 0.95em !important;
  color: #333333 !important;
  line-height: 1.6 !important;
  margin-bottom: 6px !important;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; }

.mxii-trailer-specs-list li strong {
  color: #1a202c !important;
  font-weight: 700 !important; }

.mxii-trailer-specs-list li:last-child,
.mxii-apps-list li:last-child {
  margin-bottom: 0 !important; }

.mxii-empty-check:not(:has(li.is-trailer-trigger)) {
  display: none !important; }

.mxii-specs-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px 40px;
  width: 100%;
  max-width: 100%; }

.mxii-spec-row {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e5e5e5;
  padding: 8px 0; }

.mxii-spec-name {
  font-weight: bold;
  text-align: left; }

.mxii-spec-value {
  text-align: right; }

@media (max-width: 800px) {
  .mxii-specs-grid {
    grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 550px) {
  .mxii-specs-grid {
    grid-template-columns: 1fr; } }

.productView-title {
  line-height: 1.05 !important;
  color: #fff; }

.productView-details .price-section {
  padding-top: 0 !important;
  margin-top: 0 !important; }

.mxii-top-sku {
  padding-bottom: 15px; }

/* Shared Styles */
.global-locations-bar a {
  text-decoration: underline; }

.desktop-locations {
  float: right;
  padding-right: 20px;
  display: block;
  color: #fff; }

.mobile-locations {
  display: none;
  width: 100%;
  text-align: center;
  padding: 10px 15px;
  background-color: transparent;
  border-top: 1px solid #e5e5e5;
  clear: both; }

@media (max-width: 800px) {
  .desktop-locations {
    display: none !important; }
  .mobile-locations {
    display: block !important; } }

#product-images-container {
  margin-top: 0 !important;
  padding-top: 0 !important; }

.productView {
  padding-top: 0 !important; }

.global-menu-locations-footer {
  display: block !important;
  width: 100%;
  clear: both;
  padding: 15px 20px;
  background-color: #f6f6f6;
  border-top: 1px solid #e5e5e5;
  text-align: center;
  box-sizing: border-box; }

.global-locations-heading {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #333;
  letter-spacing: 0.5px; }

.global-locations-buttons {
  display: flex;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap; }

.global-locations-buttons .global-btn {
  margin: 0 !important;
  min-width: 150px;
  padding: 10px 20px; }

article.productView-description ul.tabs {
  border-top: 0px solid #d92323  !important;
  margin-bottom: 0px;
  border-radius: 0px 0 0 0px !important;
  border-bottom: 0px solid #d92323  !important;
  background-color: #1e252b;
  padding: 10px;
  display: flex;
  justify-content: center; }

.tabs-contents {
  background: #fff; }

.productView-description ul.tabs .tab .tab-title {
  background-color: #fff !important;
  font-size: 17px !important;
  text-transform: uppercase; }

/* =========================================
   BUYERS PRODUCTS PAGE
   ========================================= */
.bp-page {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  background-color: #0a0a0a;
  color: #ffffff;
  line-height: 1.6;
  overflow-x: hidden;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0; }

.bp-page *,
.bp-page *::before,
.bp-page *::after {
  box-sizing: border-box; }

.bp-page h1,
.bp-page h2,
.bp-page h3,
.bp-page h4 {
  margin-top: 0;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 1.5px;
  line-height: 1.2; }

.bp-page p {
  color: #cccccc;
  margin-top: 0; }

.bp-page .bp-section-title {
  color: #cb0039;
  font-size: clamp(2.2rem, 4vw, 3.2rem);
  margin-bottom: 12px;
  text-align: center; }

.bp-page .bp-section-title--left {
  text-align: left; }

.bp-page .bp-section-desc {
  text-align: center;
  color: #b3b3b3;
  max-width: 1000px;
  margin: 0 auto 50px auto;
  font-size: clamp(1.1rem, 1.8vw, 1.3rem); }

.bp-page .bp-accent {
  width: 80px;
  height: 4px;
  background-color: #cb0039;
  margin: 0 auto 30px auto; }

.bp-page .bp-accent--left {
  margin-left: 0; }

.bp-page .bp-container {
  width: 90%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0; }

.bp-page .bp-section {
  width: 100%;
  padding: 100px 0;
  background-color: transparent; }

.bp-page .bp-btn {
  display: inline-block;
  padding: 16px 36px;
  font-weight: 800;
  font-size: 1.05rem;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
  cursor: pointer;
  border-radius: 3px;
  box-shadow: none; }

.bp-page .bp-btn-primary {
  background-color: #cb0039;
  color: #000;
  border: 2px solid #cb0039; }

.bp-page .bp-btn-primary:hover {
  background-color: #000;
  color: #cb0039;
  border-color: #000;
  transform: translateY(-3px); }

.bp-page .bp-btn-card {
  background-color: #cb0039;
  color: #000000;
  font-weight: 800;
  padding: 14px 20px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 3px;
  margin-top: auto;
  transition: background-color 0.3s ease, color 0.3s ease;
  letter-spacing: 0.5px; }

.bp-page .bp-btn-card:hover {
  background-color: #ffffff;
  color: #cb0039; }

.bp-page .bp-btn-outline {
  display: block;
  border: 2px solid #cb0039;
  color: #cb0039;
  background: transparent;
  font-weight: 800;
  text-align: center;
  padding: 12px 18px;
  border-radius: 3px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 0.9rem;
  transition: background-color 0.3s ease, color 0.3s ease;
  margin-top: auto; }

.bp-page .bp-btn-outline:hover {
  background-color: #cb0039;
  color: #000000; }

.bp-page .bp-hero {
  position: relative;
  width: 100%;
  min-height: 65vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  background-color: #111111;
  background-image: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%);
  border-bottom: 3px solid #cb0039; }

.bp-page .bp-hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(10, 10, 10, 0.4);
  z-index: 1; }

.bp-page .bp-hero-content {
  position: relative;
  z-index: 2;
  text-align: center;
  width: 90%;
  max-width: 1100px;
  margin: 60px auto;
  padding: 0; }

.bp-page .bp-hero-content .bp-title {
  color: #cb0039;
  font-size: clamp(2.5rem, 5.5vw, 4.5rem);
  margin-bottom: 20px;
  text-shadow: 3px 3px 8px #000, 0px 0px 25px rgba(0, 0, 0, 0.9); }

.bp-page .bp-hero-content .bp-subtitle {
  color: #ffffff;
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  margin-bottom: 40px;
  font-weight: 500;
  text-shadow: 1px 1px 5px #000; }

.bp-page .bp-grid {
  display: grid;
  gap: 35px; }

.bp-page .bp-grid-2 {
  grid-template-columns: repeat(auto-fit, minmax(420px, 1fr)); }

.bp-page .bp-card {
  background: #111111;
  border: 1px solid #222;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, border-color 0.3s ease;
  margin: 0; }

.bp-page .bp-card:hover {
  transform: translateY(-6px);
  border-color: #cb0039;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.7); }

.bp-page .bp-card-header {
  position: relative;
  background-color: #8f8f86;
  padding: 25px;
  display: flex;
  flex-direction: column; }

.bp-page .bp-card-header h3 {
  font-size: 2rem;
  color: #cb0039;
  margin: 0;
  z-index: 2;
  text-shadow: 2px 2px 4px #0a0a0a; }

.bp-page .bp-card-body {
  padding: 30px;
  flex: 1;
  display: flex;
  flex-direction: column;
  background-color: #111111; }

.bp-page .bp-badge {
  display: inline-block;
  background: #2f2f2b;
  color: #ffffff;
  border-left: 4px solid #cb0039;
  padding: 8px 14px;
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 2px;
  margin-bottom: 22px;
  align-self: flex-start;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5); }

.bp-page .bp-card-body p {
  color: #cccccc;
  font-size: 1.05rem;
  margin-bottom: 25px;
  flex: 1; }

.bp-page .bp-accordion {
  background: #1a1a1a;
  border: 1px solid #333;
  border-radius: 4px;
  margin-bottom: 25px; }

.bp-page .bp-accordion summary {
  padding: 18px;
  cursor: pointer;
  font-weight: 700;
  color: #ffffff;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-transform: uppercase;
  font-size: 0.95rem;
  letter-spacing: 0.5px;
  transition: background-color 0.2s ease;
  margin: 0; }

.bp-page .bp-accordion summary:hover {
  background: #222; }

.bp-page .bp-accordion summary::-webkit-details-marker {
  display: none; }

.bp-page .bp-accordion[open] summary {
  border-bottom: 1px solid #333;
  color: #cb0039; }

.bp-page .bp-accordion-content {
  padding: 20px;
  background: #111111; }

.bp-page .bp-accordion-content ul {
  margin: 0;
  padding-left: 25px;
  color: #ccc;
  font-size: 0.95rem;
  list-style-type: disc; }

.bp-page .bp-accordion-content ul li {
  margin-bottom: 10px;
  color: #ccc; }

.bp-page .bp-carousel-section {
  background-color: #0d0d0d;
  border-top: 1px solid #222;
  border-bottom: 1px solid #222; }

.bp-page .bp-carousel-scroll {
  display: flex;
  overflow-x: auto;
  gap: 25px;
  padding-bottom: 25px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
  scrollbar-color: #cb0039 #1a1a1a; }

.bp-page .bp-carousel-scroll::-webkit-scrollbar {
  height: 8px; }

.bp-page .bp-carousel-scroll::-webkit-scrollbar-track {
  background: #1a1a1a;
  border-radius: 4px; }

.bp-page .bp-carousel-scroll::-webkit-scrollbar-thumb {
  background-color: #cb0039;
  border-radius: 4px; }

.bp-page .bp-product-card {
  background: #111111;
  border: 1px solid #222;
  border-radius: 4px;
  flex: 0 0 320px;
  display: flex;
  flex-direction: column;
  scroll-snap-align: start;
  transition: border-color 0.3s ease; }

.bp-page .bp-product-card:hover {
  border-color: #cb0039; }

.bp-page .bp-product-img-wrap {
  position: relative;
  background-color: #ffffff;
  aspect-ratio: 290 / 200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  border-bottom: 1px solid #222;
  overflow: hidden; }

.bp-page .bp-product-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  background: #cb0039;
  color: #000000;
  font-weight: 800;
  font-size: 0.75rem;
  padding: 4px 8px;
  border-radius: 2px;
  text-transform: uppercase;
  z-index: 2; }

.bp-page .bp-product-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto; }

.bp-page .bp-product-body {
  padding: 22px;
  flex: 1;
  display: flex;
  flex-direction: column; }

.bp-page .bp-product-body h4 {
  color: #ffffff;
  font-size: 1.2rem;
  margin-bottom: 6px; }

.bp-page .bp-product-sku {
  color: #cb0039;
  font-size: 0.85rem;
  font-weight: 700;
  margin-bottom: 12px;
  text-transform: uppercase; }

.bp-page .bp-product-desc {
  color: #aaaaaa;
  font-size: 0.95rem;
  margin-bottom: 20px;
  flex: 1; }

.bp-page .bp-faq-container {
  width: 90%;
  max-width: 1100px; }

.bp-page .bp-fleet {
  width: 100%;
  background: linear-gradient(135deg, #2f2f2b, #111111);
  padding: 100px 0;
  border-top: 2px solid #cb0039;
  border-bottom: 2px solid #cb0039; }

.bp-page .bp-fleet-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 60px; }

.bp-page .bp-fleet-text {
  flex: 1 1 550px; }

.bp-page .bp-fleet-text h2 {
  margin-bottom: 15px; }

.bp-page .bp-fleet-text p {
  font-size: 1.15rem;
  margin-bottom: 30px;
  color: #e0e0e0; }

.bp-page .bp-fleet-features {
  flex: 1 1 450px;
  background: rgba(0, 0, 0, 0.5);
  padding: 40px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.1); }

.bp-page .bp-matrix-title {
  color: #cb0039;
  font-size: 1.3rem;
  margin-bottom: 20px;
  border-bottom: 2px solid #cb0039;
  padding-bottom: 8px; }

.bp-page .bp-fleet-features ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.bp-page .bp-fleet-features li {
  font-size: 1.05rem;
  color: #ffffff;
  margin-bottom: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding-bottom: 12px; }

.bp-page .bp-fleet-features li strong {
  color: #cb0039; }

.bp-page .bp-fleet-features li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0; }

.bp-page .bp-parts-bg {
  width: 100%;
  background-color: #111111; }

.bp-page .bp-mobile-swipe-hint {
  display: none;
  text-align: center;
  color: #cb0039;
  font-size: 0.95rem;
  font-weight: 700;
  margin-bottom: 20px;
  text-transform: uppercase; }

.bp-page .bp-parts-scroll {
  display: flex;
  overflow-x: auto;
  gap: 25px;
  padding-bottom: 25px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
  scrollbar-color: #cb0039 #1a1a1a; }

.bp-page .bp-parts-scroll::-webkit-scrollbar {
  height: 8px; }

.bp-page .bp-parts-scroll::-webkit-scrollbar-track {
  background: #1a1a1a;
  border-radius: 4px; }

.bp-page .bp-parts-scroll::-webkit-scrollbar-thumb {
  background-color: #cb0039;
  border-radius: 4px; }

.bp-page .bp-part-card {
  background: #0a0a0a;
  border: 1px solid #333;
  padding: 30px;
  border-radius: 4px;
  flex: 0 0 340px;
  scroll-snap-align: center; }

.bp-page .bp-part-card h4 {
  color: #ffffff;
  margin-bottom: 18px;
  font-size: 1.3rem;
  border-bottom: 2px solid #cb0039;
  display: inline-block;
  padding-bottom: 6px; }

.bp-page .bp-part-card p {
  color: #a0a0a0;
  font-size: 1rem;
  margin: 0; }

@media (max-width: 900px) {
  .bp-page .bp-section {
    padding: 70px 0; }
  .bp-page .bp-grid-2 {
    grid-template-columns: 1fr; }
  .bp-page .bp-fleet {
    padding: 70px 0; }
  .bp-page .bp-fleet-text {
    text-align: center; }
  .bp-page .bp-fleet-text .bp-accent {
    margin: 0 auto 25px auto; }
  .bp-page .bp-fleet-features {
    padding: 30px; }
  .bp-page .bp-mobile-swipe-hint {
    display: block; }
  .bp-page .bp-parts-scroll,
  .bp-page .bp-carousel-scroll {
    gap: 15px; }
  .bp-page .bp-part-card,
  .bp-page .bp-product-card {
    flex: 0 0 88%; }
  .bp-page .bp-card-header {
    padding: 20px; }
  .bp-page .bp-card-header h3 {
    font-size: 1.6rem; }
  .bp-page .bp-card-body {
    padding: 22px; } }

@media (max-width: 560px) {
  .bp-page .bp-hero {
    min-height: 55vh; }
  .bp-page .bp-hero-content {
    margin: 40px auto; }
  .bp-page .bp-btn {
    width: 100%;
    text-align: center;
    padding: 16px 20px; }
  .bp-page .bp-section {
    padding: 50px 0; }
  .bp-page .bp-section-desc {
    margin-bottom: 35px; }
  .bp-page .bp-fleet-features {
    padding: 24px; }
  .bp-page .bp-part-card,
  .bp-page .bp-product-card {
    flex: 0 0 82%; }
  .bp-page .bp-product-img-wrap {
    padding: 10px; } }

@media (prefers-reduced-motion: reduce) {
  .bp-page .bp-btn,
  .bp-page .bp-card,
  .bp-page .bp-product-card,
  .bp-page .bp-btn-primary,
  .bp-page .bp-btn-card,
  .bp-page .bp-btn-outline {
    transition: none; }
  .bp-page .bp-card:hover {
    transform: none; } }

/* =========================================
   THE TRANSFORM BREAKOUT METHOD
   Bypasses all invisible theme grids and sidebars
   ========================================= */
body {
  overflow-x: hidden !important; }

.page-content-full {
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  padding: 0;
  clear: both; }

.body, main.page, .page.content {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0; }

/* =========================================================================
   QUICK VIEW MODAL — CUSTOM SIZE & LAYOUT (MXII)
   ========================================================================= */
/* -------------------------------------------------------------------------
   1. MODAL SIZE — 90% width, capped at 1970px, re-centered.
   ------------------------------------------------------------------------- */
#modal.modal--large {
  position: fixed !important;
  /* Locks it to the viewport, ignoring JS math */
  top: 5vh !important;
  /* Keeps it neatly near the top of the screen */
  left: 50% !important;
  transform: translateX(-50%) !important;
  /* Centers it perfectly horizontally */
  margin: 0 !important;
  width: 90% !important;
  max-width: 1970px !important;
  max-height: 90vh !important;
  /* Caps height to 90% of screen height */
  overflow-y: auto !important;
  /* Ensures tall content can be scrolled */
  /* Fixes the white corners */
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important; }

#modal.modal--large .modal-content {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important; }

#modal.modal--large .modal-content .modal-body.quickView {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  background-color: #1e252b !important;
  border-radius: 10px !important;
  padding: 20px 25px !important;
  /* Adds a drop shadow back to your dark card */
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6) !important; }

@media (max-width: 1024px) {
  #modal.modal--large {
    width: 95% !important;
    max-width: 95% !important; } }

@media (max-width: 640px) {
  #modal.modal--large {
    width: 100% !important;
    max-width: 100% !important;
    height: 100vh !important;
    /* Full height on mobile */
    max-height: 100vh !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    border-radius: 0 !important; }
  #modal.modal--large .modal-content .modal-body.quickView {
    border-radius: 0 !important;
    /* Remove corners on mobile full-screen */ } }

/* -------------------------------------------------------------------------
   2. TWO-COLUMN LAYOUT FIX — image column vs. details column.
   ------------------------------------------------------------------------- */
.modal-body.quickView .productView::after {
  content: "";
  display: table;
  clear: both; }

.modal-body.quickView #product-images-container.mxii-qv-image-col {
  width: 50% !important;
  float: left !important;
  box-sizing: border-box !important;
  margin-top: 0 !important;
  padding-top: 6px !important;
  margin-bottom: 50px !important;
  border: 2px solid #d92323 !important;
  border-radius: 4px !important;
  background-color: #ffffff !important;
  padding: 6px !important; }

.modal-body.quickView section.productView-details.mxii-qv-details-col {
  width: 50% !important;
  float: right !important;
  box-sizing: border-box !important;
  padding: 5px 0 0 5px !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important; }

@media (max-width: 800px) {
  .modal-body.quickView #product-images-container.mxii-qv-image-col,
  .modal-body.quickView section.productView-details.mxii-qv-details-col {
    width: 100% !important;
    float: none !important;
    padding-left: 5px !important; } }

.modal-body.quickView .mxii-qv-details-col .productView-price,
.modal-body.quickView .mxii-qv-details-col .productView-rating {
  width: 100% !important;
  float: none !important;
  clear: both !important; }

/* -------------------------------------------------------------------------
   3. PRICING BOX
   ------------------------------------------------------------------------- */
.modal-body.quickView .mxii-qv-pricing {
  background-color: #1e252b !important;
  border-radius: 4px !important;
  width: 100% !important;
  float: none !important;
  box-sizing: border-box !important;
  padding: 12px 15px !important;
  margin-top: 10px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important; }

.modal-body.quickView .mxii-qv-pricing,
.modal-body.quickView .mxii-qv-pricing * {
  color: #ffffff !important; }

.modal-body.quickView .mxii-qv-pricing .price--rrp,
.modal-body.quickView .mxii-qv-pricing .price--non-sale {
  text-decoration: line-through !important;
  color: #94a3b8 !important;
  font-weight: 400 !important; }

.modal-body.quickView .mxii-qv-pricing .price-section--saving {
  background: #d92323 !important;
  padding: 4px 10px !important;
  border-radius: 4px !important;
  display: inline-flex !important;
  align-items: center !important; }

/* -------------------------------------------------------------------------
   4. SUMMARY BOX
   ------------------------------------------------------------------------- */
.modal-body.quickView .mxii-qv-summary-box {
  background-color: transparent !important;
  border: 0 !important;
  padding: 15px !important;
  margin: 0 0 15px 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  display: block !important; }

.modal-body.quickView .mxii-qv-summary-box .summary-value {
  font-size: 0.95em !important;
  color: #e2e8f0 !important;
  line-height: 1.6 !important;
  padding: 0 10px !important; }

/* -------------------------------------------------------------------------
   5. TRAILER DETAILS FIELD ORDER
   ------------------------------------------------------------------------- */
.modal-body.quickView .mxii-qv-spec-stock {
  order: 1; }

.modal-body.quickView .mxii-qv-spec-condition {
  order: 2; }

.modal-body.quickView .mxii-qv-spec-location {
  order: 3; }

.modal-body.quickView .mxii-qv-spec-year {
  order: 4; }

.modal-body.quickView .mxii-qv-spec-trailer-type {
  order: 5; }

.modal-body.quickView .mxii-qv-spec-status {
  order: 6; }

.modal-body.quickView .mxii-qv-spec-color {
  order: 7; }

.modal-body.quickView .mxii-qv-spec-coupler {
  order: 8; }

.modal-body.quickView .mxii-qv-spec-gvwr {
  order: 9; }

/* -------------------------------------------------------------------------
   6. EMPTY OPTIONS CARD FIX
   ------------------------------------------------------------------------- */
.modal-body.quickView .mxii-qv-options-card {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  margin-top: 15px;
  box-shadow: none; }

.modal-body.quickView .mxii-qv-options-card.has-options {
  background-color: #263038 !important;
  border: 1px solid #3b4752 !important;
  border-radius: 6px !important;
  padding: 16px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important; }

.modal-body.quickView .mxii-qv-options-card.has-options [data-product-option-change] .form-label {
  display: block !important;
  float: none !important;
  clear: both !important;
  text-align: left !important;
  margin-top: 15px !important;
  margin-bottom: 8px !important;
  font-weight: bold !important;
  color: #fff !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important; }

.modal-body.quickView .mxii-qv-options-card.has-options [data-product-option-change] select.form-select {
  display: block !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important; }

/* -------------------------------------------------------------------------
   7. TEXT COLORS
   ------------------------------------------------------------------------- */
.modal-body.quickView .mxii-qv-details-col {
  color: #cbd5e1 !important; }

.modal-body.quickView .mxii-qv-details-col dt.productView-info-name,
.modal-body.quickView .mxii-qv-details-col .productView-info-name {
  color: #cbd5e1 !important; }

.modal-body.quickView .mxii-qv-details-col dd.productView-info-value,
.modal-body.quickView .mxii-qv-details-col .productView-info-value {
  color: #ffffff !important; }

.modal-body.quickView .mxii-qv-details-col hr {
  border-color: #3b4752 !important; }

.modal-body.quickView .mxii-qv-details-col dl.productView-info {
  width: 100% !important; }

/* -------------------------------------------------------------------------
   8. FULL-WIDTH HEADER
   ------------------------------------------------------------------------- */
.modal-body.quickView .mxii-qv-header {
  width: 100% !important;
  box-sizing: border-box !important;
  text-align: center !important;
  padding: 0 10px 15px 10px !important;
  margin: 0 !important; }

.modal-body.quickView .mxii-qv-header .mxii-qv-brand {
  display: block !important;
  margin: 0 0 6px 0 !important;
  padding: 0 !important; }

.modal-body.quickView .mxii-qv-header .mxii-qv-brand a {
  color: #d92323 !important;
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  text-decoration: none !important; }

.modal-body.quickView .mxii-qv-header .mxii-qv-brand a:hover {
  text-decoration: underline !important; }

.modal-body.quickView .mxii-qv-header .mxii-qv-title {
  color: #ffffff !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important; }

/* -------------------------------------------------------------------------
   9. BOTTOM SPEC ARTICLE
   ------------------------------------------------------------------------- */
.modal-body.quickView .productView-description {
  width: 100% !important;
  padding: 15px !important;
  margin-top: 15px !important;
  background-color: #ffffff !important;
  border-radius: 6px !important;
  box-sizing: border-box !important; }