.cw-header p {
    margin: 0;
  }


/* Header */
.cw-header .cw-logo {
max-width: 420px;
margin: 0 auto;
padding-bottom: 20px; 
}

@media (min-width: 992px) {
.cw-header .cw-logo {
  max-width: 520px;
  margin: 0;
  padding-bottom: 3; 
}
}



.cw-hero {
    position: relative;
    background-image:
      linear-gradient(rgba(255, 255, 255, 0.85), rgba(200, 200, 200, 0.66)),
      url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/9209743F04E02A53F299833397F00150.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 40px 0 10px;
    overflow: hidden;
  }
  
  /* TEXT */
  .cw-hero-title {
    font-size: 3rem;
    font-weight: 300;
    color: #000;
    margin-bottom: 4px;
  }
  
  .cw-hero-title strong {
    font-weight: 700;
  }
  
  .cw-hero-subtitle {
    font-size: 1.4rem;
    color: #333;
    margin-bottom: 6px;
  }
  
  .cw-hero-btn {
    font-size: 1.1rem;
    padding: 12px 28px;
    border-radius: 0;
    font-weight: 600;
  }
  
  /* CARS POSITIONING */
  .cw-hero-cars {
    margin-top: 10px;
  }
  
  .cw-hero-car {
    max-width: 100%;
    margin-top: -30px; 
  }
  
  /* RESPONSIVE TWEAKS */
  @media (min-width: 992px) {
    .cw-hero-cars {
      margin-top: 0;
    }
  
    .cw-hero-car {
      margin-top: -45px; 
    }
  
    .cw-hero {
      background-position: center center;
    }
  }
  
  @media (max-width: 768px) {
    .cw-hero-title {
      font-size: 2.2rem;
    }
  
    .cw-hero-subtitle {
      font-size: 1.1rem;
    }
  
    .cw-hero {
      background-position: top center;
      background-size: cover;
    }
  }


  
.cw-search-section {
    padding: 1.5rem 0;
    margin-top: 0;
    margin-bottom: 2rem;
    z-index: 5;
    position: relative;
    background: var(--color-theme-text);
    color: var(--color-theme-background);
  }

  .cw-search-section::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 20%;
    object-fit: cover;
    background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/CC16511EFB3234340E0955F039E5EF41.png);
  }

  .inventory-search-module .container {
    position: relative;
  }

  .inventory-search-module .container .form__wrapper {
    border: none;
    padding: 0;
  }

  .inventory-search-module .container .form__wrapper label {
    display: none;
  }

  @media (min-width: 576px) {
  }

  @media (min-width: 768px) {
  }

  @media (min-width: 992px) {
  }

  /* Extra large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) {
    .cw-search-section {
      padding: 6rem 1rem;
      margin-bottom: 3rem;
    }

    /*  Search module containers are set to 1500px width, which is different than standard Bootstrap widths. This and the 1400px code make the search module containers the same sizes as bootstrap containers 
		(another at 1400px) */
    .page-home .inventory-search-module .container {
      max-width: 1140px;
    }

    /* Otherwise you could make other containers on page match up with the search module instead. */
    /* .page-home .container {
			max-width: 1500px;
		} */

    .page-home .inventory-search-module .container .form__wrapper {
      position: absolute;
      z-index: 10;
      left: 0;
      top: -340px;
      width: 700px;
      max-width: 50%;
      padding: 20px;
      display: flex;
      flex-direction: column;
      align-items: unset;
      border: none;
      gap: 10px;
    }

    .page-home .inventory-search-module {
      margin: 0 !important;
      padding: 0;
      background-color: transparent;
    }

    .page-home .inventory-search-module .search__input {
      min-width: 40%;
      flex-basis: 45%;
      flex-grow: 1;
    }

    .page-home
      .inventory-search-module
      .container
      .form__wrapper
      .search__input--min-year,
    .page-home
      .inventory-search-module
      .container
      .form__wrapper
      .search__input--max-year {
      min-width: 45%;
      flex-basis: 45%;
    }

    .cw-search-hero .cw-heroContent {
      max-width: clamp(200px, 50%, 600px);
      margin-left: 5px;
      margin-right: auto;
    }

    /* order positioning of the html, before re-ordering with css
		0. .search__input--classification
		1. .search__input-make
		2. .search__input--model
		3. .search__input--min-year
		4. .search__input--max-year
		5. .search__input--max-price
		6. .search__input--max-mileage
		7. (button. no specific class) :last-of-type
		*/
    .page-home
      .inventory-search-module
      .search__input.search__input--classification {
      order: 0;
    }

    .page-home .inventory-search-module .search__input.search__input-make {
      order: 1;
    }

    .page-home .inventory-search-module .search__input.search__input--model {
      order: 3;
    }

    .page-home .inventory-search-module .search__input.search__input--min-year {
      order: 5;
    }

    .page-home .inventory-search-module .search__input.search__input--max-year {
      order: 6;
    }

    .page-home
      .inventory-search-module
      .search__input.search__input--max-price {
      order: 2;
    }

    .page-home
      .inventory-search-module
      .search__input.search__input--max-mileage {
      order: 4;
    }

    .page-home .inventory-search-module .search__input:last-of-type {
      order: 7;
    }

    .page-home .inventory-search-module .search__input {
      min-width: 40%;
      flex-basis: 45%;
      flex-grow: 1;
    }

    .page-home
      .inventory-search-module
      .container
      .form__wrapper
      .search__input--min-year:has(+ .search__input--max-year),
    .page-home
      .inventory-search-module
      .container
      .form__wrapper
      .search__input--min-year
      + .search__input--max-year {
      min-width: 20%;
      flex-basis: 20%;
    }
  }

  @media (min-width: 1400px) {
    .page-home .inventory-search-module .container {
      max-width: 1320px;
    }
  }

  .cw-cta-box {
    padding: 40px 35px;
    min-height: 260px;
  }
  
  .bg-gray {
    background-color: #a9a9a9;
  }
  
  .bg-orange {
    background-color: #f47b20;
  }
  
  .cw-cta-box h5 {
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
  }
  
  .cw-cta-box p {
    font-size: 0.95rem;
    line-height: 1.5;
    margin-bottom: 25px;
  }
  
  .cw-cta-icon {
    font-size: 28px;
    margin-bottom: 15px;
    display: block;
  }
  
  .cw-cta-box .btn {
    padding: 14px 0;
    font-weight: 600;
    border-radius: 0;
  }

  .btn-primary, .btn-primary:focus {
    background-color: #f68500;
    color: var(--color-theme-text-btn);
    border-color: var(--color-theme-primary);
}

  /* HERO BACKGROUND */
    .cw-hero {
      position: relative;
      background-image:
        linear-gradient(
          rgba(255, 255, 255, 0.85),
          rgba(200, 200, 200, 0.66)
        ),
        url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/9209743F04E02A53F299833397F00150.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      padding: 40px 0 10px;
      overflow: hidden;
    }
    
    /* TEXT */
    .cw-hero-title {
      font-size: 3rem;
      font-weight: 300;
      color: #000;
      margin-bottom: 4px;
    }
    
    .cw-hero-title strong {
      font-weight: 700;
    }
    
    .cw-hero-subtitle {
      font-size: 1.4rem;
      color: #333;
      margin-bottom: 6px;
    }
    
    .cw-hero-btn {
      font-size: 1.1rem;
      padding: 12px 28px;
      border-radius: 0;
      font-weight: 600;
    }
    
    /* CARS POSITIONING */
    .cw-hero-cars {
      margin-top: 10px; /* controls distance from CTA */
    }
    
    .cw-hero-car {
      max-width: 95%;
      margin-top: -30px; /* pulls cars closer to text */
    }
    
    /* RESPONSIVE TWEAKS */
    @media (min-width: 992px) {
      .cw-hero-cars {
        margin-top: 0;
      }
    
      .cw-hero-car {
        margin-top: -45px; /* tighter on desktop */
      }
    }
    
    @media (max-width: 768px) {
      .cw-hero-title {
        font-size: 2.2rem;
      }
    
      .cw-hero-subtitle {
        font-size: 1.1rem;
      }
    
      .cw-hero-car {
        margin-top: -10px;
        margin-bottom: 10px;
      }
    }