/** Shopify CDN: Minification failed

Line 247:2 Expected "}" to go with "{"

**/

@font-face {
  font-family: "DIN ITALIC";
  src: url("/cdn/shop/files/DIN_Pro_Condensed_Black_Italic_900.otf?v=1718710857");
}
@font-face {
    font-family: "Montserrat Bold";
    src: url('{{ "Montserrat-Bold.ttf" | asset_url }}') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: "Montserrat Medium";
    src: url("/cdn/shop/files/Montserrat-Medium.ttf?v=1726151185") format("truetype");
}
  .custom-button.active-button {
    color: white !important;
  }
@font-face {
    font-family: "DIN Pro Medium";
    src: url('/cdn/shop/files/DIN_Pro_400.otf?v=1726151184') format('opentype');
}
@font-face {
    font-family: "DIN Pro";
    src: url("/cdn/shop/files/DIN_Pro_Bold_700.otf?v=1726151184") format("truetype");
}
@font-face {
    font-family: "DS Store";
    src: url("/cdn/shop/files/.DS_Store?v=1726151184") format("truetype");
}
@font-face {
    font-family: 'DIN Pro Condensed Bold Italic 500';
    src: url("/cdn/shop/files/DIN_Pro_Condensed_Black_Italic_900.otf?v=1718710857");
    font-style: normal;
    font-weight: 500
}
@font-face{
  font-family:"Din Pro Black";
      src: url("/cdn/shop/files/DINPro-Black.ttf?v=1711473788");

  
}
@font-face{
  font-family:"Din Pro Black Italic";
      src: url("/cdn/shop/files/DINPro-Black.ttf?v=1711473788");
font-style:italic;
  
}

@font-face {
    font-family: 'DIN Pro Condensed Light 300';
    src: url("./DIN Pro Condensed Light 300.otf");
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: 'DIN Pro Condensed Bold 700';
    src: url("./DIN Pro Condensed Bold 700.otf");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: 'DIN Pro Black Italic';
    src: url("/cdn/shop/files/DIN_Pro_Medium_500.otf?v=1718713167");
    font-style: italic;
    font-weight: 500
}
.heading-suspension-parts{
    margin-bottom:20px;
  }
  .left-large {
    max-height: 350px;
    
  }
  .left-large a{
    height:350px;
  }
  .left-large img{
    height:350px !important;
    object-fit:cover;
  }
  .bottom-wide{
    max-height:170px;
  }
  .top-small-1{
    max-height:170px;
  }
  .top-small-1 a{
    height:170px !important;
  }
  .top-small-1 img{
    height:170px !important;
    object-fit:cover;
  }
    .top-small-2{
    max-height:170px;
  }
  .top-small-2 a{
    height:170px !important;
  }
  .top-small-2 img{
    height:170px !important;
    object-fit:cover;
  }
  .bottom-wide{
    max-height:170px !important;
  }
  .bottom-wide a{
    
    height:170px !important;
  }
  .bottom-wide img{
    height:170px !important;
    object-fit:cover;
  }
  
  .suspension-parts-section {
    text-align: center;
    padding-top:20px !important;
    padding-bottom:55px !important;
  }
  .suspension-parts-container {
    display: grid;
    grid-template-areas: 
      "left-large top-small-1 top-small-2"
      "left-large bottom-wide bottom-wide";
    grid-template-columns: 30% 35% 35%;
    gap: 10px;
  }
  .suspension-part {
    position: relative;
  }
  .suspension-part img {
    width: 100%;
    height: auto;
  }
  .suspension-part-text {
    position: absolute;
    top:40%;
    width:100%;
    color: white;
    font-weight: bold;
    font-size: 35px;
    color:white !important;
       font-family: 'DIN Pro Condensed Bold Italic 500';

    text-transform: uppercase;
   
  }
  .suspension-part a {
    display: block;
    color: inherit;
    text-decoration: none;
  }
  .left-large {
    grid-area: left-large;
  }
  .top-small-1 {
    grid-area: top-small-1;
  }
  .top-small-2 {
    grid-area: top-small-2;
  }
  .bottom-wide {
    grid-area: bottom-wide;
  }
  .suspension-part{
    border-radius:5px !important;
  }
  .heading-suspension-parts{
     font-family: "DIN ITALIC";
  }
  .suspension-part{
    border-radius:8px;
  }
  .suspension-part a{
    border-radius:6px;
  }
  .suspension-part img{
    border-radius:6px !important;
  }
  @media (max-width: 768px) {
    .suspension-parts-container {
      grid-template-areas:
        "left-large"
        "top-small-1"
        "top-small-2"
        "bottom-wide";
      grid-template-columns: 1fr;
    }
    .suspension-part{
      max-height:100px !important;
      border-radius:8px !important;
    }
    .suspension-part a{
      height:100px !important;
      border-radius:6px !important;
    }
    .suspension-part img{
      height:100px !important;
      border-radius:6px !important;
    }
    .suspension-part-text {
      font-size:24px !important;
    }
    .heading-suspension-parts{
      font-size:40px !important;
    }
    
    .suspension-parts-section{
      padding-top:25px !important;
      padding-bottom:25px !important;
    }
    .top-small-1, .top-small-2, .top-small-1 a, .top-small-1 img, .top-small-2 a, .top-small-2 img{
      height: 100px !important;
    
    }
    .top-small-1, .top-small-2{
      width: 49%;
    }
    .top-small-container{
      display:flex;
      justify-content:space-between;
    }
    .hide-on-mobile{
      display:none !important;
    }
  }
  @media(min-width:769px){
    .hide-on-desktop{
      display:none !important;
    }
    .suspension-part-text{
      top:44% !important;
    
  }
 @media(max-width:320px){
   .suspension-part-text{
     font-size:20px !important;
   }
 }