 <style>
      :root {
        --primary-color: #f31316;
        --secondary-color: #df0e13;

        --btn-primary-border-radius: 0.25rem;
        --btn-primary-color: #fff;
        --btn-primary-background-color: #f31316;
        --btn-primary-border-color: #f31316;
        --btn-primary-hover-color: #fff;
        --btn-primary-background-hover-color: #df0e13;
        --btn-primary-border-hover-color: #df0e13;
        --btn-primary-font-weight: 500;

        --btn-secondary-border-radius: 0.25rem;
        --btn-secondary-color: #f31316;
        --btn-secondary-background-color: transparent;
        --btn-secondary-border-color: #f31316;
        --btn-secondary-hover-color: #fff;
        --btn-secondary-background-hover-color: #df0e13;
        --btn-secondary-border-hover-color: #df0e13;
        --btn-secondary-font-weight: 500;

        --heading-color: #000;
        --heading-font-family: "Poppins", sans-serif;
        --heading-font-weight: 700;

        --title-color: #000;
        --title-font-family: "Poppins", sans-serif;
        --title-font-weight: 400;

        --body-color: #000;
        --body-background-color: #fff;
        --body-font-family: "Poppins", sans-serif;
        --body-font-size: 14px;
        --body-font-weight: 300;

        --section-heading-color: #000;
        --section-heading-font-family: "Poppins", sans-serif;
        --section-heading-font-size: 48px;
        --section-heading-font-weight: 600;

        --section-subheading-color: #000;
        --section-subheading-font-family: "Poppins", sans-serif;
        --section-subheading-font-size: 16px;
        --section-subheading-font-weight: 400;
      }
      .shop-category-section{
  background:#f8fafc;
}

.category-subtitle{
  display:inline-block;
  font-size:13px;
  font-weight:600;
  letter-spacing:2px;
  color:#ff5c35;
  margin-bottom:10px;
}

.category-heading{
  font-size:38px;
  font-weight:700;
  color:#111;
}

.category-card{
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  transition:0.4s ease;
  box-shadow:0 4px 18px rgba(0,0,0,0.05);
  height:100%;
  display:flex;
  flex-direction:column;
}

.category-image{
  width:100%;
  height:240px; 
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#ffffff;
  padding:15px;
}

.category-image img{
  width:100%;
  height:100%;
  object-fit:contain;

  transition:0.5s;
}

.category-card:hover .category-image img{
  transform:scale(1.06);
}

.category-content{
  padding:18px 7px 22px;
  text-align:center;
  display:flex;
  flex-direction:column;
  justify-content:space-between;

  flex-grow:1;
}

.category-content h5{
  font-size:16px;
  font-weight:500;
  margin-bottom:10px;
  color:#111;
  min-height:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1.3;
}

.product-card {
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    transition: all 0.35s ease;
    padding: 7px;
    height: 100%;
    border: 1px solid #f1f1f1;
    position: relative;
}

.product-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}


/* IMAGE SECTION */
.product-card-img {
    height: 180px; 
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-radius: 14px;
    overflow: hidden;
    position: relative;
    padding: 20px;
}

/* IMAGE */
.product-card-img img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    transition: 0.4s ease;
}

.product-card:hover .product-card-img img {
    transform: scale(1.08);
}
/* 5 Equal Columns Desktop */
@media(min-width:992px){
    .custom-5-col{
        width:20%!important;
    }
}
/* SECTION */
.about-feature-section{
    background:#f3f3f3;
    border-top:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
}

/* WRAPPER */
.feature-wrapper{
    display:flex;
    align-items:stretch;
    justify-content:space-between;
}

/* BOX */
.feature-box{
    width:33.33%;
    padding:18px 30px;
    display:flex;
    gap:18px;
    border-right:1px solid #dcdcdc;
    transition:0.3s;
}

.feature-box:hover{
    background:#fff;
}

/* ICON */
.feature-icon{
    min-width:55px;
}

.feature-icon img{
    width:48px;
}

/* CONTENT */
.feature-content h4{
    font-size:20px;
    font-weight:700;
    margin-bottom:8px;
    color:#111;
    text-transform:uppercase;
}

.feature-content p{
    font-size:15px;
    line-height:1.6;
    color:#444;
    margin-bottom:8px;
}

/* LINK */
.feature-content a{
    color:#e53935;
    text-decoration:none;
    font-size:15px;
    font-weight:600;
    display:inline-flex;
    align-items:center;
    gap:5px;
    transition:0.3s;
}

.feature-content a:hover{
    color:#111;
}

/* RESPONSIVE */
@media(max-width:991px){

    .feature-wrapper{
        flex-direction:column;
    }

    .feature-box{
        width:100%;
        border-right:none;
        border-bottom:1px solid #ddd;
    }

    .feature-box:last-child{
        border-bottom:none;
    }
}

@media(max-width:575px){

    .feature-box{
        padding:20px 15px;
        gap:15px;
    }

    .feature-content h4{
        font-size:17px;
    }

    .feature-content p{
        font-size:14px;
    }

    .feature-icon img{
        width:40px;
    }
}
.dealer-installer{
    display:flex;
    align-items:center;
    gap:10px;
}

.dealer-text{
    display:flex;
    flex-direction:column;
    line-height:1.2;
}

.dealer-text b{
    font-size:15px;
    color:#000;
}

.dealer-text span{
    font-size:13px;
    color:#666;
}
.custom-search-form{
    display:flex;
    align-items:center;
    width:100%;
    max-width:900px;
    background:#fff;
    border:1px solid #ddd;
    border-radius:6px;
    overflow:hidden;
    box-shadow:0 2px 10px rgba(0,0,0,0.08);
}
.vehicle-select{
    min-width:220px;
    border-right:1px solid #e5e5e5;
    position:relative;
    display:flex;
    align-items:center;
    background:#fff;
}

.vehicle-icon{
    position:absolute;
    left:15px;
    font-size:18px;
    color:#444;
    z-index:2;
}

.vehicle-select select{
    width:100%;
    height:58px;
    border:none;
    padding:0 40px 0 45px;
    font-size:15px;
    font-weight:600;
    color:#222;
    background:#fff;
    outline:none;
    cursor:pointer;
    appearance:none;
}


/* custom arrow */
.vehicle-select::after{
    content:"?";
    position:absolute;
    right:16px;
    top:50%;
    transform:translateY(-50%);
    font-size:11px;
    color:#555;
    pointer-events:none;
}

/* search area */
.search-input-box{
    display:flex;
    align-items:center;
    flex:1;
}

.search-input-box input{
    width:100%;
    height:58px;
    border:none;
    padding:0 20px;
    font-size:15px;
    outline:none;
    color:#333;
}

.search-input-box input::placeholder{
    color:#888;
}

/* search button */
.search-btn{
    width:70px;
    height:58px;
    border:none;
    background:#ef2b23;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:0.3s;
}

.search-btn:hover{
    background:#d91f18;
}

/* responsive */
@media(max-width:768px){

    .custom-search-form{
        flex-direction:column;
    }

    .vehicle-select{
        width:100%;
        border-right:none;
        border-bottom:1px solid #eee;
    }

    .search-input-box{
        width:100%;
    }

    .search-btn{
        width:60px;
    }
}
/* MOBILE SEARCH BOX */
.mobile-search-box{
    position:absolute;
    top:100%;
    right:0;
    width:100%;
    background:#fff;
    padding:15px;
    box-shadow:0 10px 30px rgba(0,0,0,0.1);
    display:none;
    z-index:999;
}

.mobile-search-box.active{
    display:block;
}

.mobile-search-form{
    border:1px solid #ddd;
    border-radius:6px;
    overflow:hidden;
    background:#fff;
}

/* vehicle */
.mobile-vehicle-select{
    position:relative;
    border-bottom:1px solid #eee;
}

.mobile-vehicle-select .vehicle-icon{
    position:absolute;
    left:15px;
    top:50%;
    transform:translateY(-50%);
    font-size:18px;
    color:#444;
}

.mobile-vehicle-select select{
    width:100%;
    height:52px;
    border:none;
    padding:0 15px 0 45px;
    font-size:14px;
    font-weight:600;
    appearance:none;
    outline:none;
}

/* input */
.mobile-search-input{
    display:flex;
    align-items:center;
}

.mobile-search-input input{
    width:100%;
    height:52px;
    border:none;
    padding:0 15px;
    outline:none;
    font-size:14px;
}

.mobile-search-input button{
    width:60px;
    height:52px;
    border:none;
    background:#ef2b23;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
}
.account-dropdown .dropdown-toggle{
    text-decoration:none;
    color:#000;
}

.account-dropdown .dropdown-toggle::after{
    margin-left:8px;
}

.account-dropdown .dropdown-menu{
    min-width:250px;
    border-radius:12px;
    padding:10px 0;
}

.account-dropdown .dropdown-item{
    padding:10px 18px;
    font-size:14px;
    transition:.3s;
}

.account-dropdown .dropdown-item:hover{
    background:#f5f5f5;
    color:#f31316;
}
.fitment-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
}

.fitment-table thead th {
    font-weight: 700;
    color: #222;
    border-bottom: 2px solid #d9d9d9;
    padding: 14px 10px;
    white-space: nowrap;
}

.fitment-table tbody td {
    padding: 14px 10px;
    vertical-align: top;
    border-bottom: 1px solid #e5e5e5;
    color: #444;
}

.fitment-table tbody tr:hover {
    background: #fafafa;
}

.fitment-table td:last-child {
    max-width: 550px;
    line-height: 1.6;
}
.dataTables_length select{
    border:1px solid #ccc;
    border-radius:4px;
    padding:4px 25px 4px 8px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button{
    padding:7px !important;
}

.pagination .page-link{
    border:none;
    color:#333;
    border-radius:6px;
}

.pagination .active .page-link{
    background:#f31316;
}