/** Shopify CDN: Minification failed

Line 247:13 Expected identifier but found whitespace
Line 247:15 Unexpected "{"
Line 247:24 Expected ":"

**/
.performance-left small{
    font-family: 'Test Söhne Mono' !important;
    font-style: normal !important;
    letter-spacing: normal !important;
}
@font-face {
  font-family: "Test Söhne Mono";
  src: url("/cdn/shop/files/SohneMono-Buch.ttf?v=1776167771");
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'Albert Sans' !important;
    font-weight: 900 !important;
    font-style: normal !important;
    letter-spacing: normal !important;
}
@font-face {
  font-family: "Albert Sans";
  src: url("/cdn/shop/files/AlbertSans-Black.otf?v=1775821495");
}

a,button{
    font-family: 'Helvetica bold' !important;
    font-weight: 900 !important;
    font-style: normal !important;
    letter-spacing: normal !important;
}
@font-face {
  font-family: "Helvetica bold";
  src: url("/cdn/shop/files/Helvetica-Bold.ttf?v=1776168158");
}
.header .header__menu-item  {
    /* font-family: 'Helvetica' !important; */
    /* font-weight: 800 !important; */
    font-style: normal !important;
    letter-spacing: normal !important;
}
@font-face {
  font-family: "Helvetica";
  src: url("/cdn/shop/files/Helvetica-Light.ttf?v=1775813384");
}
p {
    font-family: 'So:hne' !important;
    font-weight: 400 !important;
    font-style: normal !important;
    letter-spacing: normal !important;
}
@font-face {
  font-family: "So:hne";
  src: url("/cdn/shop/files/Sohne-Buch_65bebccb-a56b-4020-b405-690ad57f1955.ttf?v=1776166657");
}

.card_con h4 {
    font-family: 'Test Söhne' !important;
    font-weight: 400 !important;
    font-style: normal !important;
    letter-spacing: normal !important;
}
@font-face {
  font-family: "Test Söhne";
  src: url("/cdn/shop/files/TestSohne-Halbfett.otf?v=1776073539");
}
.footer .link.link--text.list-menu__item.list-menu__item--link {
    font-family: 'Helvetica' !important;
}
a,button{
  cursor:pointer;
}
a#floating-enquiry {
    text-decoration: none;
    text-transform: uppercase;
}
.popdp_iinn h3 {
    font-size: 26px;
    margin: 0;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.popdp_iinn *:focus-visible {
    outline: 0;
    outline-offset: 0;
    box-shadow: unset;
}
.popdp_iinn button {
    background: #ED1D24;
    border: 0;
    border-radius: 0;
    padding: 10px 20px;
    color: #fff;
    text-transform: uppercase;
}
/* ///////////////////////////////////
            HEADER CSS 
/////////////////////////////////// */
.mega-menu__content .mega-menu__list.page-width.mega-menu__list--condensed {
    display: flex;
}
.header__menu-item span {
    font-weight: bold;
}
.mega-menu[open] .mega-menu__content {
    opacity: 1;
    transform: translateY(0);
    background: #202020;
}
.mega-menu__list--condensed .mega-menu__link {
  color:#fff;
    font-family: 'Helvetica' !important;
}
.mega-menu__content .mega-menu__link:hover, .mega-menu__link--active {
    color: #fff;
}
section.reel-style-banner {
    margin-top: 50px;
    margin-bottom: 100px;
}
.enquiry-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.btn-loader svg {
    width: 18px;
    height: 18px;
    animation: spin 1s linear infinite;
    display: block;
    color: #fff;
    stroke: #fff;
    fill: #ffff;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.enq_button {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}

.btn-loader {
  font-size: 14px;
}

.view-enquiry-link {
  font-size: 14px;
  text-decoration: underline;
  color: #000;
  cursor: pointer;
}
.services .header-wrapper {
    background: transparent;
}
sticky-header.scroll-active {
  background-color: #202020 !important;
}

sticky-header.scroll-active .header {
  background-color: #202020 !important;
}

sticky-header {
  transition: background-color 0.25s ease;
}
.custom_index .header-wrapper {
    background: transparent;
}
.our-story .header-wrapper {
    background: transparent;
}
.contact .header-wrapper {
    background: transparent;
}
.header__icons {
    align-items: center;
}
#scrollTopBtn {
  position: fixed;
  bottom: 140px;
  right: 48px;
  z-index: 999;
  background: #ED1D24;
  color: #fff;
  border: none;
  padding: 12px 16px;
  font-size: 18px;
  cursor: pointer;
  display: none;
  transition: 0.3s;
}

#scrollTopBtn:hover {
  opacity: 0.8;
}
/* ///////////////////////////////////
            BANNER CSS 
/////////////////////////////////// */
.her__cont h1 {
    line-height: 90px;
}

.head h2 {
    padding: 0;
    line-height: 44px !important;
    font-size: 42px !important;
    padding-top: 0 !important;
    text-transform: uppercase;
    margin: 0;
}
.head {
    padding-top: 10px;
}
.performance-left h3 {
    font-size: 22px;
    text-transform: uppercase;
    margin: 0;
}
.hero-btn {
    text-transform: uppercase;
}

.left_reel h3 {
    margin-top: 10px;
}



/* ///////////////////////////////////
            HOME PRODUCTS  CSS 
/////////////////////////////////// */

    /* .featured-products-section .products-grid .product-card:nth-child(2) .btn {
  background: #ED1D24 !important;
  color: #fff !important;
} */
.featured-products-section {
  padding: 60px 0;
  background: {{ section.settings.bg_color }};
}

.card_iin {
    padding: 10px;
}
.featured-products-section .section-header {
  text-align: center;
  margin-bottom: 40px;
}

.featured-products-section .section-header h2 {
  font-size: 42px;
  margin-bottom: 10px;
}
.featured-products-section .section-header p {
    color: #4E4E4E;
    font-size: 16px;
    max-width: 424px;
    margin: 0 auto;
    line-height: 20px;
}

/* Grid */
.featured-products-section .products-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}

.featured-products-section .product-card {
    text-align: center;
    transition: 0.3s;
    border: 1px solid #efefef;
}
.featured-products-section .product-card:hover {
  transform: translateY(-5px);
}

.featured-products-section .product-img img {
  width: 100%;
  height: auto;
}
.performance-grid a {
    text-decoration: none;
    height: 100%;
}
.tuning .rich-text__heading::after {
  content: url("/cdn/shop/files/Layer-10.svg?v=1777965891");
  position: relative;
  left: -2em;
  bottom: -15px;
}
.tuning h2.rich-text__heading.rte.inline-richtext.h1.scroll-trigger.animate--slide-in {
    display: flex;
    gap: 10px;
}
.featured-products-section .product-title {
    font-size: 16px;
    margin:0;
    font-weight: 600 !important;
    color: #202020;
    line-height: 20px;
    text-align: left;
}
.featured-products-section .product-price {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding-bottom: 15px;
    font-family: 'Albert Sans';
    color: #000;
    font-size: 30px;
}
.featured-products-section .product-price .compare {
    text-decoration: line-through;
    color: #4E4E4E;
    margin-left: 5px;
    font-weight: 800 !important;
    font-family: 'Albert Sans';
}

.featured-products-section .product-price .price {
    font-weight: bold;
    font-size: 31px;
    font-family: Albert Sans!important;
}
.hero-btns {
    text-align: center;
    padding-top: 50px;
}
.hero-btns a {
    font-size: 18px;
}
.featured-products-section .btn:hover {
  opacity: 0.85;
}

.featured-products-section .view-all {
  text-align: center;
  margin-top: 40px;
}

.featured-products-section .view-btn {
  background: red;
  color: #fff;
  padding: 12px 30px;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
}

/* ///////////////////////////////////
          PERFORMANCE BANNER  CSS 
/////////////////////////////////// */
.performance-banner {
    text-align: center;
    color: #fff;
    max-width: 130rem;
    margin: 0 auto;
    padding: 0 5rem;
    margin-bottom: 80px;
        margin-top: 80px;
}
.banner-content {
    padding-top: 60px;
    padding-bottom: 60px;
}
.performance-banner h2 {
    font-size: 32px;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
}

.performance-banner h3 {
    font-size: 22px;
    margin: 0;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}
.performance-banner p {
    font-size: 16px;
    max-width: 540px;
    margin: 0 auto;
    line-height: 20px;
    padding-bottom: 50px;
}

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

.banner-buttons .btn {
    padding: 14px 28px;
    text-decoration: none;
    transition: 0.3s;
    width: 100%;
    max-width: 300px;
}

.btn-primary {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}

.btn-primary:hover {
  background: #fff;
  color: #000;
}
.btn-secondary {
    background: #fff;
    color: #1B1B1B;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.btn-secondary:hover {
  opacity: 0.8;
}
/* ///////////////////////////////////
            WHY CHOOSE  CSS 
/////////////////////////////////// */

.why-header {
  text-align: center;
  margin-bottom: 40px;
}

.why-header h2 {
    font-size: 42px;
    margin: 0;
    color:#1B1B1B;
}
.why-header h4 {
    font-size: 22px;
    margin: 0;
    color:#1B1B1B;
}
.why-header p {
    color: #4E4E4E;
    max-width: 424px;
    margin: 0 auto;
    line-height: 20px;
    padding-top: 10px;
}
/* Card */
.why-card {
  position: relative;
  overflow: hidden;
}

.why-card img {
  width: 100%;
  height: 350px;
  object-fit: cover;
}

.card-content {
    position: absolute;
    bottom: 0;
    padding: 40px;
    max-width: 300px;
    width: 100%;
}
.card-content h3 {
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
    margin: 0;
}

/* Navigation */
.why-nav {
  text-align: center;
  margin-top: 40px;
}
section.why-choose-section {
    padding-bottom: 80px;
}

.why-choose-section .swiper-button-prev,
.why-choose-section .swiper-button-next {
  background: #ED1D24;
  width: 48px;
  height: 48px;
}

.why-choose-section .swiper-button-prev::after,
.why-choose-section .swiper-button-next::after {
  color: #fff;
  font-size: 22px;
}

/* Position arrows center */
.why-choose-section .swiper-button-prev,
.why-choose-section .swiper-button-next {
  position: relative;
  display: inline-flex !important;
  margin: 0 5px;
  top: unset;
  left: unset;
  right: unset;
}
/* ///////////////////////////////////
            CUSTOMER REVIEWS CSS 
/////////////////////////////////// */

.reviews-section {
  padding: 80px 0;
  color: #fff;
}

.reviews-header {
  text-align: center;
  margin-bottom: 50px;
}

.small-text {
  font-size: 14px;
  opacity: 0.7;
}

.reviews-header h2 {
    /* font-size: 88px; */
    font-size: 70px;
    color: #ffff;
    max-width: 800px;
    margin: 0 auto;
    line-height: 90px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.reviews-header .desc {
    max-width: 500px;
    margin: 0 auto 20px;
    color: #A3A3A3;
    font-size: 16px;
    line-height: 20px;
}
.google-rating {
    display: none;
}
.proven-performance .stat h3 {
    display: none;
}
.google-rating img {
    width: 100%;
    max-width: 200px;
}
.google-rating {
    padding-top: 20px;
}
.google-rating strong {
  font-size: 18px;
}
.card_con h4 {
    font-size: 16px;
    color: #202020;
    margin: 0;
}
.card_con p {
    color: #7f7f7f;
    font-size: 12px;
    margin: 0;
}
/* Grid */
.reviews-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

.review-card {
  background: #fff;
  padding: 30px;
  border-radius: 8px;
}

/* Top */
.review-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.user {
  display: flex;
  gap: 10px;
  align-items: center;
}

.user img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.g-icon {
  width: 20px;
}

.reviews-section .stars {
    padding-top: 10px;
        padding-bottom: 0px;

}
p.review-text a {
    color: #1567FF;
}
.review-text {
    font-size: 16px;
    color: #202020;
    font-weight: bold !important;
    line-height: 20px;
    margin: 0;
}


/* ///////////////////////////////////
            BRAND SECTION  CSS 
/////////////////////////////////// */

.brands-section {
  padding: 70px 0;
}

.brands-header {
  text-align: center;
  margin-bottom: 40px;
}

.brands-header h2 {
    font-size: 88px;
    padding: 10px 0;
    max-width: 788px;
    margin: auto;
    line-height: 100%;
}

.brands-header .subtext {
    color: #8E8A8A;
    max-width: 500px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 20px;
}
/* Logos */
/* .brands-logos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
} */
.brands-logos {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    align-items: center;
}

/* .brand-item {
  flex: 1;
  text-align: center;
} */

.brand-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .brand-item img {
  max-width: 160px;
  height: auto;
  object-fit: contain;
  transition: 0.3s;
} */

.brand-item img {
    width: 100%;
    height: auto;
    object-fit: contain;
    max-width: 200px;
    max-height: 150px;
}

@media (max-width: 1024px) {
  .brands-logos {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 768px) {
 .brands-logos {
    display: flex !important;
    overflow-x: auto;
    gap: 30px;
    padding-bottom: 10px;
    scroll-snap-type: x mandatory;
    justify-content: flex-start !important;
}

  .brand-item {
    min-width: 120px; /* width of each logo */
    flex: 0 0 auto;
    scroll-snap-align: center;
  }

  /* Hide scrollbar (optional clean look) */
  .brands-logos::-webkit-scrollbar {
    display: none;
  }

  .brands-logos {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}

/* ///////////////////////////////////
            FOOTER  CSS 
/////////////////////////////////// */
.footer .footer-block__details-content.footer-block-image {
    flex-direction: column;
    justify-content: flex-start;
}
.footer .footer-block__details-content.footer-block-image .list-social {
    justify-content: flex-start;
    gap:10px;
}
.foot__img_blc p {
    margin: 0;
    max-width: 200px;
    line-height: 20px;
    font-size: 14px;
    color: #F8F8F8;
    font-family: 'Helvetica' !important;
}
.blc_foot {
    padding-top: 20px;
}
.footer .footer-block__details-content.footer-block-image li.list-social__item {
    background: #EE1D25;
    border-radius: 100px;
}
.contact-item {
    display: flex;
    align-items: center;
    gap: 10px;
}
.contact-item img {
    width: 20px;
    height: 20px;
}
.contact-item p {
    font-size: 14px;
    margin: 0;
    line-height: 15px;
    color: #FCFBF6;
    font-family: 'Helvetica' !important;
}
.cont__cont {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.contact-item p a {
    color: #FCFBF6;
    text-decoration: none;
    font-family: 'Helvetica' !important;
}
.footer .link.link--text.list-menu__item.list-menu__item--link {
    color: #F8F8F8;
}
.footer h2.footer-block__heading.inline-richtext {
    font-size: 14px;
    text-transform: uppercase;
}
.footer .footer__content-bottom-wrapper {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

.who-left small {
    color: #A3A3A3;
    font-size: 18px;
}


/* ///////////////////////////////////
            WHO WE ARE   CSS 
/////////////////////////////////// */
.who-we-are {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 500px;
}
.who-right {
  width: 50%;
}

.who-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.subtitle {
  font-size: 14px;
  color: #888;
  margin-bottom: 10px;
}
.who-we-are .heading {
    font-size: 70px;
    font-weight: 800;
    color: #202020;
    margin: 0;
    line-height: 90px;
    font-family: 'Albert Sans' !important;
}
.who-we-are .subheading {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 24px;
    color: #202020;
        font-family: 'Albert Sans' !important;
}

.who-we-are .description {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
    color: #4E4E4E;
}

.features {
  margin-top: 20px;
}
.feature-item {
    display: flex;
    align-items: center;
    padding-bottom: 15px;
}
.feature-item span {
  margin-right: 10px;
  color: #000;
}
.text_pp p {
    font-size: 16px;
    line-height: 20px;
    margin: 0;
}
/* ///////////////////////////////////
            PROVEN PERFORMANCE SECTION  CSS 
/////////////////////////////////// */

/* .proven-performance {
  padding: 60px 0px;
} */
.image-wrapper {
    width: 100%;
    max-width: 40%;
    align-self: stretch;
}
.performance-left small {
    color: #A3A3A3;
    font-size: 18px;
}
.proven-performance .grids {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
}

.proven-performance .image-wrapper img {
  width: 100%;
  height: 100%;
}
.proven-performance .grids {
    display: flex;
    gap: 100px;
    align-items: center;
}


.proven-performance .heading {
    font-size: 88px;
    line-height: 100%;
    margin: 0;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #202020;
}
.proven-performance .description {
    font-size: 16px;
    color: #4E4E4E;
    line-height: 20px;
    margin: 0;
}
.proven-performance .divider {
  height: 1px;
  background: #ddd;
  margin: 20px 0;
}

.proven-performance .stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding-top: 40px;
    border-top: 1px solid #9F9F9F;
    border-bottom: 1px solid #9F9F9F;
    padding-bottom: 40px;
    width: 100%;
    max-width: 410px;
    text-align: center;
    margin-top: 50px;
}

.proven-performance .stat h3 {
    font-size: 60px;
    margin: 0;
    color: #202020;
    line-height: 60px;
}
.proven-performance .stat p {
    font-size: 11px;
    color: #8E8A8A;
    text-transform: uppercase;
}
.collection .card.card--standard.card--media {
    border: 1px solid #f1f1f1;
}
.collection .card__content {
    padding: 10px !important;
}
.collection .full-unstyled-link {
    color: #202020 !important;
    font-weight: 600 !important;
    font-size: 16px;
    line-height: 20px;
}
.collection span.price-item.price-item--sale.price-item--last {
    font-size: 31px;
    font-family: Albert Sans!important;
    width: 100%;
}
.collection s.price-item.price-item--regular {
    color: #4E4E4E;
    /* font-family: Albert !important; */
    font-weight: 800 !important;
    font-size: 18px;
        margin: 0;
}
.collection .price__sale {
    display: flex !important;
    flex-direction: row-reverse !important;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 10px;
}
.collection .button--full-width {
    background: #202020;
    display: flex;
    width: 100%;
    color: #fff;
    font-size: 18px;
    /* font-family: 'Helvetica' !important; */
    text-transform: uppercase;
    font-weight: bold !important;
}
.collection .card__information {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/* .collection .grid__item:nth-child(2) .button--full-width {
    background: #ED1D24 !important;
    color: #fff;
} */
 .add-to-cart-btn:not(:disabled) {
    background: #ED1D24 !important;
    border-color: #ED1D24 !important;
    color: #fff !important;
}
.featured-products-section.custom__featured-pdp form[action="/cart/add"] button[type="submit"] {
    background-color: #ED1D24 !important;
    border-color: #ED1D24 !important;
    color: #fff !important;
}

.featured-products-section.custom__featured-pdp form[action="/cart/add"] button[type="submit"]:hover {
    background-color: #b30000 !important;
    border-color: #b30000 !important;
}
.collection .button:after, .shopify-challenge__button:after, .customer button:after, .shopify-payment-button__button--unbranded:after {
    box-shadow: unset;
}
.collection .button:before, .shopify-challenge__button:before, .customer button:before, .shopify-payment-button__button--unbranded:before {
    box-shadow: unset;
}
.collection .button:not([disabled]):hover:after, .shopify-challenge__button:hover:after, .customer button:hover:after, .shopify-payment-button__button--unbranded:hover:after {
    --border-offset: 1.3px;
    box-shadow: unset;
}
.roww_iiner {
    display: flex;
    /* align-items: flex-start; */
    gap:50px;
}
.contact__right {
    width: 100%;
    /* max-width: 50%; */
}
.roww_iiner form#ContactForm {
    width: 100%;
}
.inner__pp {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.inner__pp a.link.list-social__link {
    background: #202020;
    color: #ffff;
    border-radius: 100px;
}
.btm___cont p {
    color: #202020;
    font-size: 12px;
    margin: 0;
    padding-bottom: 10px;
}
.inner__pp .list-social {
gap:10px;
    justify-content: flex-start;
}
.btm___cont {
    display: flex;
    flex-direction: column;
}

.contact__right h2 {
    font-size: 88px;
    line-height: 90px;
    text-transform: uppercase;
    margin: 0;
    color:#202020;
}
.contact__right p {
    font-size: 16px;
    color: #4E4E4E;
    line-height: 20px;
}
/* --- Custom Contact Form Styling --- */

.contact .field:after, .select:after, .customer .field:after, .customer select:after, .localization-form__select:after {
    box-shadow: unset;
}

.contact .field:hover.field:after, .select:hover.select:after, .select__select:hover.select__select:after, .customer .field:hover.field:after, .customer select:hover.select:after, .localization-form__select:hover.localization-form__select:after {
    box-shadow: unset;
}
.contact .field {
  display: flex !important;
  flex-direction: column !important; 
  margin-top: 0 !important;
  margin-bottom: 15px !important;
}
.product-grid-container .price-item.price-item--regular {
    font-family: 'Albert Sans';
}
.custom_blog .title--primary.scroll-trigger.animate--fade-in {
    display: none;
}
.custom_article header.page-width.page-width--narrow.scroll-trigger.animate--fade-in {
    width: 100%;
    max-width: 1300px;
}
.custom_article .article-template__content.page-width.page-width--narrow.rte.scroll-trigger.animate--slide-in {
    max-width: 1300px;
}
.custom_article .article-template__social-sharing.page-width.page-width--narrow.scroll-trigger.animate--slide-in {
    max-width: 1300px;
}
.custom_article hr {
    margin: 0;
}
/* Label Styling - Fixed on Top */
.contact .field__label, 
.contact .field__label, 
.customer .field__label {
  position: static !important; 
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  margin-bottom: 8px !important;
  padding: 0 !important;
  transform: none !important;
  pointer-events: all !important;
  display: block !important;
  order: -1 !important; 
  font-family: 'So:hne' !important;
}

/* Input Box Styling */
.contact .field__input {
  border: 1px solid #333 !important; 
  border-radius: 0 !important;
  padding: 12px 15px !important;
  height: auto !important;
  min-height: 45px;
  background-color: transparent !important;
  box-shadow: none !important;
}

.contact .field__input:focus {
  border: 1.5px solid #000 !important;
  outline: none !important;
  box-shadow: none !important;
}


/* Submit Button Styling */
.contact .contact__button {
  margin-top: 30px !important;
}

.contact textarea.text-area.field__input {
    height: 105px !important;
}
.contact__button .button {
  background-color: #202020 !important; 
  color: #ffffff !important;
  padding: 15px 50px !important;
  font-weight: bold !important;
  font-size: 16px !important;
  border: none !important;
  border-radius: 0 !important;
  cursor: pointer;
  text-transform: uppercase;
  transition: opacity 0.3s ease;
}

.contact__button .button:hover {
  opacity: 0.8;
}

.field__input::placeholder {
  opacity: 0;
}
 .privacy-commitment__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .privacy-commitment__icon {
    width: 60px;
    height: 60px;
    margin-bottom: 25px;
  }

.privacy-commitment__heading {
    font-size: 88px;
    margin: 0 0 25px 0;
    text-transform: uppercase;
    max-width: 900px;
    color: #fff;
    line-height: 90px;
}
.privacy-commitment__subtext {
    font-size: 24px;
    line-height: 30px;
    max-width: 850px;
    margin: 0 auto;
}
section.custom-page {
    padding-top: 60px;
    padding-bottom: 60px;
}
.custom-page__content h2 {
    font-size: 88px;
    margin: 0;
    text-transform: uppercase;
    color: #202020;
    line-height: 90px;
}

.custom-page__content p {
    color: #202020;
    font-size: 16px;
}
.custom-page__content ul {
  list-style: none;
  padding-left: 0;
}

.custom-page__content ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.custom-page__content ul li::before {
  content: '';
  min-width: 16px;
  height: 16px;
  display: inline-block;

  background-repeat: no-repeat;
  background-size: contain;

  background-image: url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8 16C3.58698 16 0 12.413 0 8C0 3.58698 3.58698 0 8 0C12.413 0 16 3.58698 16 8C16 12.413 12.413 16 8 16ZM8 1.11628C4.20465 1.11628 1.11628 4.20465 1.11628 8C1.11628 11.7953 4.20465 14.8837 8 14.8837C11.7953 14.8837 14.8837 11.7953 14.8837 8C14.8837 4.20465 11.7953 1.11628 8 1.11628Z' fill='%23202020'/><path d='M6.94312 10.6643C6.79429 10.6643 6.65289 10.6047 6.54871 10.5006L4.44262 8.39451C4.22681 8.17869 4.22681 7.82149 4.44262 7.60567C4.65844 7.38986 5.01565 7.38986 5.23146 7.60567L6.94312 9.3173L10.7682 5.49218C10.9841 5.27637 11.3413 5.27637 11.5571 5.49218C11.7729 5.708 11.7729 6.06521 11.5571 6.28102L7.33754 10.5006C7.23336 10.6047 7.09196 10.6643 6.94312 10.6643Z' fill='%23202020'/></svg>");
}

.faq-section {
    padding: 70px 0px;
    margin-bottom: 40px;
}
.top__header {
    text-align: center;
    padding-bottom: 50px;
}

.faq-top-text {
    font-size: 14px;
    text-transform: uppercase;
    color: #4E4E4E;
    font-family: "Test Söhne Mono";
}
.faq-heading {
    font-size: 60px;
    font-weight: bold;
    color: #202020;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: 'Albert Sans';
}
.faq-top-text {
    font-family: 'Test Söhne Mono' !important;
    color: #a3a3a3;
    font-size: 14px;
}

.faq-subheading {
    font-size: 16px;
    color: #4E4E4E;
    margin: 0 auto;
    max-width: 500px;
    line-height: 20px;
    font-family: 'So:hne';
}

/* Accordion */
.faq-item {
  border-bottom: 1px solid #EDEDED;
}
.faq-question {
    width: 100%;
    background: none;
    border: none;
    padding: 18px 0;
    text-align: left;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    color: #2A2A2A;
       font-family: 'Test Söhne' !important

}

/* Icon */
.faq-icon {
  font-size: 20px;
}

/* Hide minus by default */
.faq-icon .minus {
  display: none;
}

/* Active state */
.faq-item.active .faq-icon .plus {
  display: none;
}

.faq-item.active .faq-icon .minus {
  display: inline;
}

/* Answer */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  font-size: 14px;
}

.faq-answer p {
    margin: 10px 0 0px;
    font-size: 14px;
    color: #2A2A2A;
    font-weight: 300 !important;
}

.faq-item.active .faq-answer {
    max-height: 500px;
    padding-bottom: 20px;
}

.product-meta {
  font-size: 14px;
  color: #4E4E4E;
}

.product-meta p {
  margin: 5px 0;
}

.product-meta strong {
    font-weight: 600;
    margin-right: 5px;
    font-family: 'Helvetica bold' !important;
}
.product-meta a {
    text-decoration: none;
    color: #4E4E4E;
    font-family: 'Helvetica' !important;
}

.product-meta a:hover {
  text-decoration: underline;
}
.product__title h1 {
    font-size: 32px;
    line-height: 38px;
}
.product span.price-item.price-item--sale.price-item--last {
    font-size: 52px;
    font-family: 'Albert Sans';
}
.tabs-content table {
    width: 100%;
}
.tabs-content th {
    border: 1px solid #ccc;
    padding:10px;
}
.pdp-desc-content {
  max-height: 200px; 
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.pdp-desc-wrap.active .pdp-desc-content {
  max-height: 2000px; /* full open */
}
.read-more-btn {
    margin-top: 10px;
    background: none;
    border: none;
    color: #ed1e24;
    cursor: pointer;
    text-align: left;
    padding: 0;
    font-size: 16px;
    border-bottom: 1px solid;
}
.tabs-content tr{
    border: 1px solid #ccc;
}
.tabs-content table {
      text-align: center;
    border-collapse: collapse !important;
}
.product .price-item.price-item--regular {
    display: none;
    font-size: 52px;
    font-family: 'Albert Sans';
}
p.pdp__des {
    margin: 0;
    color: #4E4E4E;
    font-size: 14px;
    line-height: 18px;
}
.product .product__description.rte.quick-add-hidden p {
    font-size: 14px;
    color: #4E4E4E;
    line-height: 18px;
}
.product .product__description.rte.quick-add-hidden {
    border-top: 1px solid #f6f6f6;
    padding-top: 20px;
    margin: 0;
}
.product-meta {
    border-bottom: 1px solid #f6f6f6;
    padding-bottom: 20px;
}
.product .product-media-container.media-type-image.media-fit-contain.global-media-settings.gradient.constrain-height {
    width: 100%;
}
.product label.quantity__label.form__label {
    display: none;
}
.product .quantity:after {
    border: 0;
    box-shadow: unset;
}
.product quantity-input.quantity {
    border: 1px solid #f6f6f6;
}
.product .quantity__input {
    border-top: none;
    border-bottom: none;
    border-left: 1px solid #f6f6f6;
    border-right: 1px solid #f6f6f6;
}
.stock-left {
    display: inline-block;
    background-color: #F7C200;
    color: #202020;
    padding: 2px 12px;
    font-size: 11px;
    font-family: 'So:hne' !important;
}
.product .price-per-item__container {
    display: flex;
    align-items: end;
    gap: 20px;
}
.drawer__contents .product-option {
    font-family: 'Albert Sans';
}
.drawer__contents span.price.price--end {
    font-family: 'Albert Sans';
}
.product .product-form__input {
    display: flex;
    align-items: end;
    gap: 10px;
}
.product .product-form__submit {
    text-transform: uppercase;
    font-size: 16px;
    /* border: 1px solid #202020; */
    background: #ed1e24;
    color: #ffff;
}
.button:after, .shopify-challenge__button:after, .customer button:after, .shopify-payment-button__button--unbranded:after {
    box-shadow: unset;
}
.button:before, .shopify-challenge__button:before, .customer button:before, .shopify-payment-button__button--unbranded:before {
    box-shadow: unset;
}
.product .shopify-payment-button__button.shopify-payment-button__button--unbranded {
    text-transform: uppercase;
    font-size: 16px;
}
.product .product-form__buttons {
    max-width: 100%;
}

.product .thumbnail[aria-current] {
    box-shadow: unset;
    border-color: #ED1D24;
}
.product .thumbnail[aria-current]:focus, .thumbnail.focused {
    outline: 0;
    box-shadow: unset;
}
.product .thumbnail[aria-current]:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: unset;
}
.product .product__media-item {
    border: 1px solid #4E4E4E;
}
.product .thumbnail {
    border: 1px solid #EDEDED;
}
.product .icon-with-text__item span.h4.inline-richtext {
    font-family: 'Helvetica bold';
    font-size: 14px;
    letter-spacing: 0;
}
.footer small.copyright__content a {
    font-family: 'Helvetica' !important;
    color: #FCFBF6;
    font-size: 14px;
}
.footer small.copyright__content {
    font-size: 14px;
    color: #FCFBF6;
}

.product .icon-with-text--horizontal .icon-with-text__item {
    flex-direction: row;
    width: 100%;
    gap: 10px;
}
.product .icon-with-text img {
    margin: 0;
}
.tabs-content p {
    font-size: 14px;
    line-height: 20px;
    color: #2A2A2A;
}
.tabs-nav {
  display: flex;
  gap: 20px;
  /* border-bottom: 1px solid #ddd; */
}
.tab-btn {
    background: none;
    border: none;
    padding: 10px 0;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    font-size: 14px;
    color: #2A2A2A;
}
.tab-btn.active {
  border-color: black;
}
.tab-content {
    display: none;
    padding-top: 15px;
    font-size: 14px;
    color: #2A2A2A;
    line-height: 25px;
    font-family: 'So:hne';
}
.product__info-container .price__sale {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center;
}
.product-grid-container span.price-item.price-item--regular {
    display: none;
}
.tab-content.active {
  display: block;
}
.product .product__modal-opener .product__media-icon {
    opacity: 1;
}

.product span.product__media-icon.motion-reduce.quick-add-hidden.product__media-icon--lightbox {
    bottom: 15px;
    top: unset;
    right: 20px;
    left: unset;
}
.featured-products-section .btn {
    display: block;
    width: 100%;
    padding: 9px 12px;
    background: #202020;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 900 !important;
}

.related-products-slider .swiper-slide:nth-child(2) .btn {
  background-color: #ED1D24;
  color: #fff;
}
/* Make all slides equal height */
.related-products-slider .swiper-slide {
  height: auto;
  display: flex;
}

/* Full card stretch */
.featured-products-section .product-card {
  display: flex !important;
  flex-direction: column;
  height: 100%;
  width: 100%;
  border: 1px solid #eee;
}

/* Image fix */
.product-img img {
  width: 100%;
  display: block;
}

.card_iin {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 15px;
    justify-content: end;
}

/* Title fix (same height feel) */
.product-title {
  min-height: 40px;
}

/* 🔥 Button always bottom + inside */
.product-card .btn {
  margin-top: auto;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
}
.related-products-slider {
    padding-bottom: 60px !important; 
}
.related-products-slider span.swiper-pagination-bullet {
    border-radius: 0px;
    width: 32px;
    height: 5px;
}
.related-products-slider span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #202020 !important;
}
.related-products-slider a:empty, ul:empty, dl:empty, div:empty, section:empty, article:empty, p:empty, h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h6:empty {
    display: block;
}
.cart__items .product-option {
    font-family: 'Albert Sans';
}
.cart__items span.price.price--end {
    font-family: 'Albert Sans';
}
.cart__items small.tax-note.caption-large.rte {
    font-family: 'Helvetica';
}
.cart__items .cart__ctas button {
    width: 100%;
    text-transform: uppercase;
}
table.cart-items th {
    font-family: 'Helvetica';
}
.custom_cart h1.title.title--primary {
    text-transform: uppercase;
}
h1.cart__empty-text {
    text-transform: uppercase;
}
.template-search__results .card__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.enq_button {
    background: #000 !important;
    color: #ffff !important;
    margin-top: 10px;
    width: 100%;
    padding: 15px;
    border: 0;
    text-transform: uppercase;
    font-size: 16px;
    cursor:pointer;
}
.stats {
    display: none !important;
}
/* ///////////////////////////////////
            MOBILE  CSS 
/////////////////////////////////// */


@media(max-width: 767px){
    .tuning .rich-text__heading::after {
    content: url("/cdn/shop/files/Layer-10.svg?v=1777965891");
    position: relative;
    left: -5em;
    bottom: -24px;
    max-width: 120px;
}
.custom-filter-bar {
    display: flex;
    gap: 15px;
    flex-wrap: nowrap !important;
    background: #f6f6f6;
    padding: 25px;
    margin-bottom: 20px;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: none; /* Firefox */
}

.custom-filter-bar::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
}
.tuning h2.rich-text__heading.rte.inline-richtext.h1.scroll-trigger.animate--slide-in {
    font-size: 20px;
}
  .collection .price__sale {
    align-items: flex-start;
    gap: 0;
    flex-direction: column-reverse !important;
}
.menu-drawer__inner-container a {
    font-size: 18px;
}
.right__menus {
    padding-left: 20px !important;
}
div#menu-drawer .list-menu__item {
    color: #fff;
    font-family: 'Helvetica bold' !important;
}
.menu-drawer__inner-submenu {
    background: #202020;
}
.menu-drawer__inner-submenu .link.link--text {
    color: #fff;
}
div#menu-drawer .menu-drawer__utility-links {
    display: none;
}
div#menu-drawer {
    background: #202020;
    color: #ffff;
}
.custom-page__content h2 {
    line-height: 50px;
}
.proven-performance {
    padding-top: 0;
    padding-bottom: 50px;
}
.proven-performance .heading {
    line-height: 40px;
}
.proven-performance .grids {
    flex-direction: column;
    gap: 20px;
}
.proven-performance .image-wrapper {
    width: 100%;
    max-width: 100%;
}
  .enquiry-user {
    flex-direction: column;
}
  .related-products-slider .swiper-button-next, .related-products-slider .swiper-button-prev {
    display: none !important;
}
  .product span.price-item.price-item--sale.price-item--last {
    font-size: 32px;
}
.icon-with-text--horizontal {
    flex-direction: column !important;
    gap: 10px;
}
  .breadcrumb {
    padding-left: 15px !important;
}
.cfb-dropdown {
    left: -93%;
}
  .privacy-commitment__heading {
    font-size: 40px !important;
    line-height: 40px !important;
}
.faq-heading {
    font-size: 32px !important;
    line-height: 40px !important;
}
.custom-page__content h2 {
    font-size: 40px !important;
}
  .roww_iiner {
    flex-direction: column;
}
  .contact__right h2 {
    font-size: 40px !important;
    line-height: 40px !important;
}
    .proven-performance .grid {
    grid-template-columns: 1fr;
  }

  .proven-performance .heading {
    font-size: 32px;
  }
.who-we-are {
    flex-direction: column;
    padding-top: 50px;
    padding-bottom: 50px;
}
.about__cont {
    flex-direction: column;
    margin-bottom: 95px;
}
.who-we-are .heading {
    font-size: 32px !important;
    line-height: 40px !important;
}
.who-left {
    padding: 15px !important;
}
.cont__pp p {
    line-height: 20px;
}
.cont__pp {
    width: 100%;
    max-width: 100% !important;
}
  .who-left,
  .who-right {
    width: 100% !important;
  }
h1.about_col {
    line-height: 40px !important;
}
  .heading {
    font-size: 32px;
  }
  .footer .footer__content-bottom-wrapper {
    justify-content: center;
}
  .brands-logos {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
    justify-content: center;
}
  .performance-banner {
    padding: 0;
}
    .reviews-grid {
    grid-template-columns: 1fr !important;
  }
.reviews-header h2 {
    font-size: 32px;
    line-height: 34px !important;
}
.her__cont {
    flex-direction: column;
    align-items: center !important;
}
.her__cont h1 {
    line-height: normal;
}
.right__menu{
    display:none !important;
}
.her__cont {
    position: absolute;
    bottom: 15% !important;
}
h1.her_col {
    width: 100% !important;
}
.right_ttxt {
    width: 100% !important;
}
.performance-wrapper {
    padding: 0 15px;
}

.performance-top {
    gap: 20px !important;
}
.reel-style-banner {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
.products-grid {
    grid-template-columns: repeat(1, 1fr) !important;
}
/* .performance-left h2 {
    line-height: 26px !important;
} */
.left_reel h2 {
    font-size: 32px !important;
    line-height: 34px !important;
}
.featured-products-section .section-header h2 {
    font-size: 32px;
}
.why-header h2 {
    font-size: 32px !important;
}
}

.about-banner {
  position: relative;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

.about-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45); /* adjust opacity as needed */
  z-index: 1;
}

/* Keep content above overlay */
.about-banner .about__cont {
  /* position: relative; */
  z-index: 2;
}
@media only screen and (min-width: 750px) {
h1.about_col {
    font-size: 60px !important;
            line-height: 55px !important;
}
}


/* ///////////////////////////////////
            DESKTOP  CSS 
/////////////////////////////////// */


@media (min-width: 1024px) {
    .header__heading-logo {
    height: auto;
    max-width: 100%;
    width: 500px;
}
/* .tuning-image {
    flex: 1;
    position: absolute;
    top: 25px;
    right: -128px;
    width: 100%;
    max-width: 50%;
} */
.tuning-text {
    flex: 1;
    width: 100%;
    max-width: 50%;
}
/* .tuning-image {
    flex: 1;
    position: absolute;
    margin-top: 25px;
    margin-left: 25px;
    right: -128px;
    width: 100%;
    max-width: 50%;
} */
.tuning-left .tuning-image {
    right: auto;
    left: -128px;
}
    .breadcrumb {
    padding-left: 0;
}
  .collection .grid--1-col-desktop {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
  .reel-style-banner .page-width {
    padding-right: 0;
    width: 100%;
    max-width: 100%;
    padding-left: 73px;
}
.proven-performance .page-width {
    padding-left: 0;
    max-width: 100%;
}
.custom__featured-pdp.page-width {
    max-width: 1302px !important;
}
.left_reel {
  flex: 1;
  max-width: 50%;
}
.footer .footer-block.grid__item.scroll-trigger.animate--slide-in {
    width: 100%;
    max-width: 100%;
}
.footer .footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet.scroll-trigger.animate--slide-in {
    grid-template-columns: 3fr 1fr 1fr 1fr;
    display: grid;
    gap: 50px;
}
}

/* ///////////////////////////////////
            IPAD  CSS 
/////////////////////////////////// */


@media only screen 
and (min-width: 768px) 
and (max-width: 1024px) {
.related-products-slider .swiper-button-next, .related-products-slider .swiper-button-prev {
    display: none !important;
}
.product .product__info-container {
    max-width: 100% !important;
}
  .product.grid {
    flex-direction: column;
}
.product .grid__item.product__media-wrapper {
    width: 100%;
}
.product .product__info-wrapper.grid__item.scroll-trigger.animate--slide-in {
    width: 100%;
    padding: 0;
        margin-top: 20px;
}
  .privacy-commitment__heading {
    font-size: 40px !important; 
    margin: 0 !important;
    line-height: 40px !important; 
}
.custom-page__content h2 {
    font-size: 40px !important;
}
  .card-content {
    padding: 20px !important;
}
h1.about_col {
    text-transform: uppercase;
    line-height: 40px !important;
    font-size: 40px !important; 
}
.about__cont {
    padding: 0 50px !important;
    margin-bottom:50px;
}
.who-we-are .heading {
    font-size: 40px !important;
    line-height: 40px !important;
}
.who-we-are .subheading {
    font-size: 20px !important;
    line-height: 30px;
}
.who-left {
    padding: 50px !important;
        width: 100% !important;
}
.who-right {
    width: 100%;
}
.who-we-are {
    flex-direction: column;
}
.cont__pp p {
    line-height: 20px;
}
  .footer {
    overflow: hidden;
}
.footer .footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet.scroll-trigger.animate--slide-in {
    gap: 50px;
}
  h1.her_col {
    font-size: 40px !important;
    line-height: 44px;
}
.reviews-header h2 {
    font-size: 40px !important;
}
.her__cont {
    bottom: 8% !important;
    align-items: center !important;
    padding: 0 50px !important;
}
.hero-btn {
    font-size: 11px !important;
}
.right__menu {
    display: none !important;
}
.performance-wrapper {
    padding: 0 50px;
}
.performance-top {
    gap: 20px !important;
    flex-wrap: wrap;
}
.performance-left h2 {
    font-size: 40px !important;
}
.performance-right {
    max-width: 100% !important;
}
section.reel-style-banner {
    padding: 50px 0;
}
.brands-logos {
    justify-content: center;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    text-align: center;
}
}



/* Responsive */
@media (max-width: 1024px) {
  .products-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .reviews-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}



@media (max-width: 480px) {
  .products-grid {
    grid-template-columns: 1fr !important;
  }
    /* .brand-item {
    flex: 0 0 100%;
  } */

  .brands-header h2 {
    font-size: 26px;
  }
}

/* css 23-4 */
.hero-btn, .featured-products-section .btn {
    font-family: 'So:hne' !important;
}
.swiper-slide-expert-guidance .card-content {
    max-width: 200px;
}

/* google reviews css */
.reputon-google-reviews-widget {
  padding-bottom: 60px !important;
}
.section:has(.reputon-google-reviews-widget) {
  background: #202020 !important;
}
.reputon-google-reviews-widget .reputon-reviews-head {
  background: #fff !important;
}
.reputon-google-reviews-widget .reputon-top-part {
  background: #fff !important;
}
.reputon-google-reviews-widget .reputon-swiper-button-prev, .reputon-google-reviews-widget .reputon-swiper-button-next {
    background: #ff0000 !important;
    color: #fff !important;
    border: none !important;
}

.tuning-section .tuning-text h2 {
    font-size: 72px;
    line-height: 100%;
    margin-top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .rich-text-header h2, .proven-performance .heading, .tuning-section .tuning-text h2 {
    font-size: 40px;
}
}
@media (max-width: 767px) {
  .rich-text-header h2, .proven-performance .heading, .tuning-section .tuning-text h2 {
    font-size: 32px;
}
}

/* 2-june-2026 */
.cfb-price-row {
    flex-direction: row-reverse;
}