/* Custom styles for the home page - Override all theme defaults */



.page-home-updated .home-vehicle-filters-section {

  position: relative;

  overflow: hidden;

  background-image: url('/wp-content/uploads/2025/07/hero-bg-edited.webp');

  background-size: cover!important;

  background-position: center;

  background-repeat:no-repeat;

  /* animate between 100% and 110% background-size */

  animation: kenburns 15s ease-in-out infinite alternate;

  padding:80px 0px;

}



/* 2) Black overlay */

.page-home-updated .home-vehicle-filters-section::before {

  content: '';

  position: absolute;

  top: 0; left: 0; right: 0; bottom: 0;

  background-color: rgba(0, 0, 0, 0.9);

  pointer-events: none;

  z-index: 1;

}



/* 3) Make sure your actual filter markup sits on top */

.page-home-updated .home-vehicle-filters-section .section-content {

  position: relative;

  z-index: 2;

}



/* 4) Ken Burns keyframes */

@keyframes kenburns {

  0% {

    background-size: 100% auto;

    background-position: center center;

  }

  100% {

    background-size: 130% auto;

    background-position: center center;

  }

}

.page-home-updated .home-vehicle-filters-section::before {

    content: '' !important;

    position: absolute !important;

    top: 0 !important;

    left: 0 !important;

    right: 0 !important;

    bottom: 0 !important;

    background: radial-gradient(circle at 30% 30%, rgba(35, 35, 35, 0.6) 0%, transparent 60%), radial-gradient(circle at 70% 70%, rgba(0, 0, 0, 0.6) 0%, #000000a6 60%) !important;

    pointer-events: none !important;

}



.page-home-updated .home-vehicle-filters-container {

    position: relative !important;

    z-index: 2 !important;

}



.page-home-updated .home-vehicle-filters-header {

    text-align: center !important;

    margin-bottom: 50px !important;

}



.page-home-updated .home-vehicle-filters-title {

    font-size: 2.8em !important;

    font-weight: 300 !important;

    margin-bottom: 15px !important;

    color: white !important;

    text-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;

}



.page-home-updated .home-vehicle-filters-subtitle {

    font-size: 1.2em !important;

    color: rgba(255,255,255,0.9) !important;

    margin: 0 !important;

}



.page-home-updated .home-vehicle-filters-form {

    display: flex !important;

    gap: 25px !important;

    align-items: flex-end !important;

    justify-content: center !important;

    flex-wrap: wrap !important;

    max-width: 1000px !important;

    margin: 0 auto !important;

}



.page-home-updated .home-vehicle-filter-group {

    display: flex !important;

    flex-direction: column !important;

    min-width: 180px !important;

}



.page-home-updated .home-vehicle-filter-label {

    font-size: 0.95em !important;

    font-weight: 600 !important;

    margin-bottom: 8px !important;

    color: rgba(255,255,255,0.9) !important;

    text-transform: uppercase !important;

    letter-spacing: 0.5px !important;

}



.page-home-updated .home-vehicle-filter-select {

    padding: 15px 45px 15px 20px !important;

    border: 2px solid rgba(255,255,255,0.2) !important;

    border-radius: 8px !important;

    background: rgba(255,255,255,0.1) !important;

    backdrop-filter: blur(10px) !important;

    color: white !important;

    font-size: 1em !important;

    font-weight: 500 !important;

    transition: all 0.3s ease !important;

    appearance: none !important;

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") !important;

    background-position: right 15px center !important;

    background-repeat: no-repeat !important;

    background-size: 16px !important;

    height: 50px !important;

    min-width: 180px !important;

}



.page-home-updated .home-vehicle-filter-select:focus {

    outline: none !important;

    border-color: rgba(255,255,255,0.5) !important;

    background: rgba(255,255,255,0.15) !important;

    box-shadow: 0 0 0 3px rgba(255,255,255,0.1) !important;

}



.page-home-updated .home-vehicle-filter-select:disabled {

    opacity: 0.5 !important;

    cursor: not-allowed !important;

}



.page-home-updated .home-vehicle-filter-select option {

    background: #2c3e50 !important;

    color: white !important;

    padding: 10px !important;

}



.page-home-updated .home-vehicle-filter-actions {

    display: flex !important;

    gap: 15px !important;

    align-items: flex-end !important;

    margin-top: 0px !important;

    flex-direction: row !important;

}



.page-home-updated .home-vehicle-filter-button {

    display: flex !important;

    align-items: center !important;

    gap: 8px !important;

    padding: 15px 25px !important;

    border: none !important;

    border-radius: 8px !important;

    font-weight: 600 !important;

    text-transform: uppercase !important;

    letter-spacing: 0.5px !important;

    cursor: pointer !important;

    transition: all 0.3s ease !important;

    font-size: 0.9em !important;

    height: 50px !important;

    white-space: nowrap !important;

}



.page-home-updated .home-vehicle-filter-search {

    background: linear-gradient(135deg, #00b7f5 0%, #00b7f5 100%) !important;

    color: white !important;

    border: 0px solid transparent !important;

}



.page-home-updated .home-vehicle-filter-search:hover {

    transform: translateY(-2px) !important;

    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4) !important;

}



.page-home-updated .home-vehicle-filter-search:disabled {

    opacity: 0.6 !important;

    cursor: not-allowed !important;

    transform: none !important;

    box-shadow: none !important;

}



.page-home-updated .home-vehicle-filter-reset {

    background: transparent !important;

    color: rgba(255,255,255,0.9) !important;

    border: 2px solid rgba(255,255,255,0.3) !important;

}



.page-home-updated .home-vehicle-filter-reset:hover {

    background: rgba(255,255,255,0.1) !important;

    color: white !important;

    border-color: rgba(255,255,255,0.5) !important;

}



/* Filtered Products Section */

.page-home-updated .filtered-products-section {

    padding: 80px 0 !important;

    background: #f8faff !important;

    border-top: 1px solid rgba(102, 126, 234, 0.1) !important;

}



.page-home-updated .filtered-products-container {

    max-width: 1600px !important;

    margin: 0 auto !important;

    padding: 0 20px !important;

}



.page-home-updated .filtered-products-header {

    text-align: center !important;

    margin-bottom: 50px !important;

}



.page-home-updated .filtered-products-title {

    font-size: 1.5em !important;

    font-weight: 300 !important;

    color: #2c3e50 !important;

    margin-bottom: 15px !important;

}



.page-home-updated .filtered-products-subtitle {

    font-size: 0.8em !important;

    color: #7f8c8d !important;

    margin: 0 !important;

}



/* Loading State */

.page-home-updated .products-loading {

    text-align: center !important;

    padding: 60px 20px !important;

}



.page-home-updated .loading-spinner {

    width: 50px !important;

    height: 50px !important;

    border: 4px solid rgba(102, 126, 234, 0.1) !important;

    border-left-color: #667eea !important;

    border-radius: 50% !important;

    animation: spin 1s linear infinite !important;

    margin: 0 auto 20px auto !important;

}



@keyframes spin {

    to { transform: rotate(360deg) !important; }

}



.page-home-updated .products-loading p {

    color: #7f8c8d !important;

    font-size: 1.1em !important;

    margin: 0 !important;

}



/* Products Grid */





.page-home-updated .product-item {

    background: white !important;

    border-radius: 10px !important;

    overflow: hidden !important;

    box-shadow: 0 8px 30px rgba(0,0,0,0.08) !important;

    transition: all 0.4s ease !important;

    border: 1px solid rgba(255,255,255,0.8) !important;

}



.page-home-updated .product-item:hover {

    transform: translateY(-8px) !important;

    box-shadow: 0 20px 50px rgba(102, 126, 234, 0.15) !important;

}



.page-home-updated .product-image {

    position: relative !important;

    height: 250px !important;

    overflow: hidden !important;

}



.page-home-updated .product-image img {

    width: 100% !important;

    height: 100% !important;

    object-fit: cover !important;

    transition: transform 0.4s ease !important;

}



.page-home-updated .product-item:hover .product-image img {

    transform: scale(1.05) !important;

}



.page-home-updated .product-content {

    padding: 25px !important;

}



.page-home-updated .product-title {

    font-size: 1em !important;

    font-weight: 600 !important;

    color: #2c3e50 !important;

    margin: 0 0 10px 0 !important;

    line-height: 1.3 !important;

}



.page-home-updated .product-title a {

    color: inherit !important;

    text-decoration: none !important;

    transition: color 0.3s ease !important;

}



.page-home-updated .product-title a:hover {

    color: #667eea !important;

}



.page-home-updated .product-price {

    font-size: 1.2em !important;

    font-weight: 700 !important;

    color: #667eea !important;

    margin: 10px 0 15px 0 !important;

}



.page-home-updated .product-excerpt {

    color: #7f8c8d !important;

    line-height: 1.6 !important;

    margin: 15px 0 !important;

    font-size: 0.95em !important;

}



.page-home-updates .product-price {background: linear-gradient(135deg, #313131 0%, #313131 100%)!important;}



.page-home-updated .product-button {

    margin-top: 15px !important;

}



.page-home-updated .product-button .button {

    background: linear-gradient(135deg, #00b7f5 0%, #00b7f5 100%) !important;

    color: white !important;

    padding: 12px 25px !important;

    border-radius: 8px !important;

    font-weight: 600 !important;

    text-transform: uppercase !important;

    letter-spacing: 0.5px !important;

    border: none !important;

    transition: all 0.3s ease !important;

    text-decoration: none !important;

    display: inline-block !important;

    font-size: 0.9em !important;

}



.page-home-updated .product-button .button:hover {

    transform: translateY(-2px) !important;

    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3) !important;

    color: white !important;

}



/* No Products Found */

.page-home-updated .no-products-found {

    text-align: center !important;

    padding: 80px 20px !important;

}



.page-home-updated .no-products-icon {

    color: #bdc3c7 !important;

    margin-bottom: 30px !important;

}



.page-home-updated .no-products-found h4 {

    font-size: 1.8em !important;

    color: #2c3e50 !important;

    margin-bottom: 15px !important;

    font-weight: 300 !important;

}



.page-home-updated .no-products-found p {

    color: #7f8c8d !important;

    font-size: 1.1em !important;

    line-height: 1.6 !important;

    margin-bottom: 30px !important;

    max-width: 500px !important;

    margin-left: auto !important;

    margin-right: auto !important;

}



.page-home-updated .no-products-found .button {

    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;

    color: white !important;

    padding: 15px 30px !important;

    border-radius: 30px !important;

    font-weight: 600 !important;

    text-transform: uppercase !important;

    letter-spacing: 1px !important;

    border: none !important;

    transition: all 0.3s ease !important;

    text-decoration: none !important;

    display: inline-block !important;

}



.page-home-updated .no-products-found .button:hover {

    transform: translateY(-2px) !important;

    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3) !important;

    color: white !important;

}

.instagram-section {
	background-color:#F8F9FD;
padding-top:30px;
padding-bottom:30px;
}


/* Product Categories Section */

.page-home-updated .product-categories-section {

    padding: 30px 0 !important;

    background: linear-gradient(135deg, #f8faff 0%, #ffffff 50%, #f0f4ff 100%) !important;

    position: relative !important;

    overflow: hidden !important;

}



.page-home-updated .section-content {

    max-width: 1600px !important;

    margin: 0 auto !important;

    padding: 0 20px !important;

}



.page-home-updated .product-categories-section::before {

    content: '' !important;

    position: absolute !important;

    top: 0 !important;

    left: 0 !important;

    right: 0 !important;

    bottom: 0 !important;

    background: radial-gradient(circle at 20% 20%, rgba(102, 126, 234, 0.03) 0%, transparent 50%),

                radial-gradient(circle at 80% 80%, rgba(118, 75, 162, 0.03) 0%, transparent 50%) !important;

    pointer-events: none !important;

}



.page-home-updated .section-title {

    position: relative !important;

    z-index: 2 !important;

    font-size: 2.8em !important;

    font-weight: 300 !important;

    color: #2c3e50 !important;

    margin-bottom: 15px !important;

    margin-left: auto;

    margin-right: auto;

    display: block;

}



.page-home-updated .section-line {

    width: 80px !important;

    height: 3px !important;

    background: linear-gradient(90deg, #667eea, #764ba2) !important;

    margin: 0 auto !important;

}



/* Categories Grid System */

.page-home-updated .home-categories-container {

    width: 100% !important;

}



.page-home-updated .home-categories-wrapper {

    width: 100% !important;

}



.page-home-updated .home-categories-grid {

    display: grid !important;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;

    gap: 30px !important;

    align-items: stretch !important;

}



.page-home-updated .home-category-item {

    margin-bottom: 0px !important;

}



.page-home-updated .home-category-inner {

    text-align: center !important;

}



.page-home-updated .category-second-row {

    margin-top: 20px !important;

}



.page-home-updated .category-box {

    position: relative !important;

    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;

    border-radius: 5px !important;

    overflow: hidden !important;

    background: white !important;

    box-shadow: 0 8px 40px rgba(0,0,0,0.06) !important;

    display: flex !important;

    flex-direction: column !important;

    border: 1px solid rgba(255,255,255,0.8) !important;

    height: 100% !important;

}



.page-home-updated .category-box:hover {

    transform: translateY(-12px) scale(1.02) !important;

    box-shadow: 0 20px 60px rgba(102, 126, 234, 0.15) !important;

}



.page-home-updated .category-link {

    display: flex !important;

    flex-direction: column !important;

    height: 100% !important;

    text-decoration: none !important;

    color: inherit !important;

    position: relative !important;

}



.page-home-updated .box-image {

    position: relative !important;

    height: 240px !important;

    overflow: hidden !important;

    flex-shrink: 0 !important;

    width: 100%;

}



.page-home-updated .image-cover {

    width: 100% !important;

    height: 100% !important;

    position: relative !important;

}



.page-home-updated .category-image {

    width: auto !important;

    height: 250px !important;

    object-fit: contain !important;

    transition: all 0.6s ease !important;

    filter: brightness(1.05) contrast(1.02) !important;

}



.page-home-updated .category-box:hover .category-image {

    transform: scale(1.08) !important;

    filter: brightness(1.1) contrast(1.05) !important;

}



.page-home-updated .placeholder-image {

    width: 100% !important;

    height: 100% !important;

    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    flex-direction: column !important;

    position: relative !important;

    color: white !important;

}



.page-home-updated .placeholder-icon {

    margin-bottom: 15px !important;

    opacity: 0.9 !important;

}



.page-home-updated .placeholder-text {

    font-size: 16px !important;

    font-weight: 500 !important;

    opacity: 0.9 !important;

    color: white !important;

}



.page-home-updated .image-overlay {

    position: absolute !important;

    top: 0 !important;

    left: 0 !important;

    right: 0 !important;

    bottom: 0 !important;

    background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.2) 100%) !important;

    opacity: 1 !important;

    transition: opacity 0.4s ease !important;

}



.page-home-updated .category-box:hover .image-overlay {

    background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.4) 100%) !important;

    opacity: 1 !important;

}



.page-home-updated .category-badge {

    position: absolute !important;

    top: 20px !important;

    right: 20px !important;

    background: #00b7f5 !important;

    backdrop-filter: blur(10px) !important;

    padding: 8px 16px !important;

    border-radius: 8px !important;

    transform: translateY(-20px) !important;

    opacity: 0 !important;

    transition: all 0.4s ease !important;

}



.page-home-updated .category-box:hover .category-badge {

    transform: translateY(0) !important;

    opacity: 1 !important;

}



.page-home-updated .badge-text {

    font-size: 12px !important;

    font-weight: 600 !important;

    color: #fff  !important;

    text-transform: uppercase !important;

    letter-spacing: 0.5px !important;

}



.page-home-updated .box-text {

    flex: 1 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    padding: 30px 25px !important;

    text-align: center !important;

    background: #fff  !important;

    position: relative !important;

}



.page-home-updated .box-text-inner {

    width: 100% !important;

}



.page-home-updated .category-title {

    font-size: 1.4em !important;

    font-weight: 700 !important;

    margin: 0 0 12px 0 !important;

    color: #2c3e50 !important;

    line-height: 1.3 !important;

    display: -webkit-box !important;

    -webkit-line-clamp: 2 !important;

    -webkit-box-orient: vertical !important;

    overflow: hidden !important;

    min-height: 2.6em !important;

    transition: color 0.3s ease !important;

}



.page-home-updated .category-box:hover .category-title {

    color: #00b7f5 !important;

}



.page-home-updated .category-count {

    margin: 0 0 15px 0 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 5px !important;

}



.page-home-updated .count-number {

    font-size: 1.1em !important;

    font-weight: 700 !important;

    color: #00b7f5 !important;

}



.page-home-updated .count-text {

    font-size: 0.9em !important;

    color: #7f8c8d !important;

    text-transform: uppercase !important;

    letter-spacing: 0.5px !important;

}



.page-home-updated .category-arrow {

    color: #00b7f5 !important;

    transform: translateX(-10px) !important;

    opacity: 0 !important;

    transition: all 0.3s ease !important;

}



.page-home-updated .category-box:hover .category-arrow {

    transform: translateX(0) !important;

    opacity: 1 !important;

}



/* Two Column Section Styles */

.page-home-updated .two-column-section {

    padding: 100px 0 !important;

    background: #212121  !important;

    position: relative !important;

}



.page-home-updated .home-two-column-container {

    display: flex !important;

    align-items: center !important;

    gap: 50px !important;

    max-width: 1600px !important;

    margin: 0 auto !important;

    padding: 0 20px !important;

}



.page-home-updated .home-two-column-left {

    flex: 1 !important;

    min-width: 0 !important;

}



.page-home-updated .home-two-column-right {

    flex: 1 !important;

    min-width: 0 !important;

    padding: 50px !important;

}



.page-home-updated .two-column-image {

    position: relative !important;

    overflow: hidden !important;

    border-radius: 10px !important;

    box-shadow: 0 15px 40px rgba(0,0,0,0.1) !important;

    transition: transform 0.4s ease !important;

}



.page-home-updated .two-column-image:hover {

    transform: translateY(-5px) !important;

}



.page-home-updated .feature-image {

    width: 100% !important;

    height: auto !important;

    display: block !important;

    border-radius: 10px !important;

    transition: transform 0.4s ease !important;

}



.page-home-updated .two-column-image:hover .feature-image {

    transform: scale(1.02) !important;

}



.page-home-updated .two-column-content {

    display: flex !important;

    flex-direction: column !important;

    justify-content: center !important;

    height: 100% !important;

}



.page-home-updated .content-title {

    font-size: 2.5em !important;

    font-weight: 300 !important;

    color: #fff !important;

    margin-bottom: 30px !important;

    line-height: 1.2 !important;

}



.page-home-updated .content-text {

    font-size: 1.1em !important;

    line-height: 1.8 !important;

    color: #fff !important;

    margin-bottom: 25px !important;

}



.page-home-updated .content-button {

    margin-top: 20px !important;

}



.page-home-updated .content-button .button {

    background: linear-gradient(135deg, #00b7f5 0%, #00b7f5 100%) !important;

    color: white !important;

    padding: 8px 30px !important;

    border-radius: 8px !important;

    font-weight: 600 !important;

    text-transform: uppercase !important;

    letter-spacing: 1px !important;

    border: none !important;

    transition: all 0.3s ease !important;

    text-decoration: none !important;

    display: inline-block !important;

}



.page-home-updated .content-button .button:hover {

    transform: translateY(-2px) !important;

    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3) !important;

    color: white !important;

}



/* CTA Section Styles */

.page-home-updated .cta-section {

    padding: 100px 0 !important;

    position: relative !important;

    background: linear-gradient(135deg, #00b7f5 0%, #00b7f5 100%) !important;

    color: white !important;

    overflow: hidden !important;

}



.page-home-updated .home-cta-container {

    width: 100% !important;

}



.page-home-updated .home-cta-wrapper {

    width: 100% !important;

}



.page-home-updated .home-cta-centered {

    max-width: 1600px !important;

    margin: 0 auto !important;

    padding: 0 20px !important;

}



.page-home-updated .cta-background {

    position: absolute !important;

    top: 0 !important;

    left: 0 !important;

    right: 0 !important;

    bottom: 0 !important;

    background: 

        radial-gradient(circle at 25% 25%, rgba(255,255,255,0.1) 0%, transparent 50%),

        radial-gradient(circle at 75% 75%, rgba(255,255,255,0.05) 0%, transparent 50%) !important;

    animation: float 6s ease-in-out infinite !important;

}



@keyframes float {

    0%, 100% { transform: translateY(0px) !important; }

    50% { transform: translateY(-10px) !important; }

}



.page-home-updated .cta-content {

    position: relative !important;

    z-index: 2 !important;

}



.page-home-updated .cta-icon {

    margin-bottom: 30px !important;

    color: rgba(255,255,255,0.9) !important;

}



.page-home-updated .cta-title {

    font-size: 2em !important;

    font-weight: 300 !important;

    margin-bottom: 25px !important;

    color: white !important;

    text-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;

    line-height: 1.2 !important;

}



.page-home-updated .cta-subtitle {

    font-size: 1.3em !important;

    color: rgba(255,255,255,0.9) !important;

    margin-bottom: 40px !important;

    line-height: 1.6 !important;

    max-width: 600px !important;

    margin-left: auto !important;

    margin-right: auto !important;

}



.page-home-updated .cta-buttons {

    display: flex !important;

    gap: 20px !important;

    justify-content: center !important;

    flex-wrap: wrap !important;

}



.page-home-updated .cta-button-primary {

    background: rgba(255,255,255,0.15) !important;

    border: 2px solid rgba(255,255,255,0.3) !important;

    backdrop-filter: blur(10px) !important;

    color: white !important;

    padding: 8px 20px !important;

    border-radius: 8px !important;

    font-weight: 600 !important;

    text-transform: uppercase !important;

    letter-spacing: 1px !important;

    display: flex !important;

    align-items: center !important;

    gap: 10px !important;

    transition: all 0.4s ease !important;

    position: relative !important;

    overflow: hidden !important;

    text-decoration: none !important;



}



.page-home-updated .cta-button-primary::before {

    content: '' !important;

    position: absolute !important;

    top: 0 !important;

    left: -100% !important;

    width: 100% !important;

    height: 100% !important;

    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent) !important;

    transition: left 0.6s ease !important;

}



.page-home-updated .cta-button-primary:hover::before {

    left: 100% !important;

}



.page-home-updated .cta-button-primary:hover {

    background: white !important;

    color: #667eea !important;

    transform: translateY(-3px) !important;

    box-shadow: 0 10px 30px rgba(255,255,255,0.3) !important;

}



.page-home-updated .cta-button-secondary {

    border: 2px solid rgba(255,255,255,0.8) !important;

    color: white !important;

    padding: 18px 35px !important;

    border-radius: 50px !important;

    font-weight: 600 !important;

    text-transform: uppercase !important;

    letter-spacing: 1px !important;

    transition: all 0.4s ease !important;

    backdrop-filter: blur(10px) !important;

    background: transparent !important;

    text-decoration: none !important;

}



.page-home-updated .cta-button-secondary:hover {

    background: rgba(255,255,255,0.1) !important;

    transform: translateY(-3px) !important;

    box-shadow: 0 10px 30px rgba(255,255,255,0.2) !important;

    color: white !important;

}



/* Enhanced responsive design */

@media (max-width: 992px) {

    .page-home-updated .home-vehicle-filters-form {

        gap: 20px !important;

    }

    

    .page-home-updated .home-vehicle-filter-group {

        min-width: 160px !important;

    }

    

    .page-home-updated .home-vehicle-filters-title {

        font-size: 2.3em !important;

    }

    

    .page-home-updated .home-categories-grid {

        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;

        gap: 25px !important;

    }

    

    .page-home-updated .category-box {

        height: 400px !important;

    }

    

    .page-home-updated .box-image {

        height: 240px !important;

    }

    

    .page-home-updated .cta-title {

        font-size: 2.5em !important;

    }

    

    .page-home-updated .home-two-column-container {

        flex-direction: column !important;

        gap: 30px !important;

    }

    

    .page-home-updated .home-two-column-right {

        padding: 30px !important;

    }

    

    .page-home-updated .content-title {

        font-size: 2.2em !important;

    }

    



}



@media (max-width: 768px) {

    .page-home-updated .home-vehicle-filters-section {

        padding: 60px 0 40px 0 !important;

    }

    

    .page-home-updated .home-vehicle-filters-form {

        flex-direction: column !important;

        align-items: stretch !important;

        gap: 15px !important;

    }

    

    .page-home-updated .home-vehicle-filter-group {

        min-width: auto !important;

        width: 100% !important;

    }

    

    .page-home-updated .home-vehicle-filter-actions {

        flex-direction: column !important;

        margin-top: 20px !important;

        width: 100% !important;

    }

    

    .page-home-updated .home-vehicle-filter-button {

        width: 100% !important;

        justify-content: center !important;

    }

    

    .page-home-updated .home-vehicle-filters-title {

        font-size: 2em !important;

    }

    

    .page-home-updated .product-categories-section {

        padding: 60px 0 !important;

    }

    

    .page-home-updated .home-categories-grid {

        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;

        gap: 20px !important;

    }

    

    .page-home-updated .category-box {

        height: 400px !important;

    }

    

    .page-home-updated .box-image {

        height: 240px !important;

    }

    

    .page-home-updated .category-title {

        font-size: 1.3em !important;

    }

    

    .page-home-updated .two-column-section {

        padding: 80px 0 !important;

    }

    

    .page-home-updated .home-two-column-right {

        padding: 25px !important;

    }

    

    .page-home-updated .content-title {

        font-size: 2em !important;

    }

    

    .page-home-updated .cta-section {

        padding: 80px 0 !important;

    }

    

    .page-home-updated .cta-title {

        font-size: 2.2em !important;

    }

    

    .page-home-updated .cta-buttons {

        flex-direction: column !important;

        align-items: center !important;

    }

    

    .page-home-updated .cta-button-primary,

    .page-home-updated .cta-button-secondary {

        width: 100% !important;

        max-width: 280px !important;

        justify-content: center !important;

    }

    

    .page-home-updated .filtered-products-section {

        padding: 60px 0 !important;

    }

    



}



@media (max-width: 549px) {

    .page-home-updated .home-categories-grid {

        grid-template-columns: 1fr !important;

    }

    

    .page-home-updated .category-box {

        height: 400px !important;

    }

    

    .page-home-updated .box-image {

        height: 240px !important;

    }

    

    .page-home-updated .box-text {

        padding: 25px 20px !important;

    }

    

    .page-home-updated .two-column-section {

        padding: 60px 0 !important;

    }

    

    .page-home-updated .home-two-column-container {

        padding: 0 15px !important;

    }

    

    .page-home-updated .home-two-column-right {

        padding: 20px !important;

    }

    

    .page-home-updated .content-title {

        font-size: 1.8em !important;

    }

    

    .page-home-updated .content-text {

        font-size: 1em !important;

    }

    

    .page-home-updated .cta-title {

        font-size: 1.8em !important;

    }

    

    .page-home-updated .cta-subtitle {

        font-size: 1.1em !important;

    }

}



.home-categories-header {

    margin-bottom: 2rem;

}



.categories-section-title {

    font-size: 2.5rem;

    font-weight: 700;

    color: #333;

    margin-bottom: 0;

}



@media (max-width: 768px) {

    .categories-section-title {

        font-size: 2rem;

    }

}



.page-home-updated .product-image {margin-right:0px;}



.page-home-updated .product-image {width:unset!important;}



.page-home-updated .product-title {padding:0px!important;}



@media (max-width: 768px) {

    .product-item h4 {

        font-size: 15px;

        height: 70px;

    }

}



/* Replace the existing .filtered-products-grid rule with this: */



.page-home-updated .filtered-products-grid {

    display: grid !important;

    grid-template-columns: repeat(auto-fill, 280px) !important;

    gap: 30px !important;

    margin-bottom: 40px !important;

    justify-content: flex-start !important;

}



/* If you want to center the grid when there are fewer items: */

.page-home-updated .filtered-products-grid {

    display: grid !important;

    grid-template-columns: repeat(auto-fill, 280px) !important;

    gap: 30px !important;

    margin-bottom: 40px !important;

    justify-content: center !important;

}



/* Responsive adjustments - update your existing media queries: */

@media (max-width: 992px) {

    .page-home-updated .filtered-products-grid {

        grid-template-columns: repeat(auto-fill, 250px) !important;

        gap: 25px !important;

    }

}



@media (max-width: 768px) {

    .page-home-updated .filtered-products-grid {

        grid-template-columns: repeat(auto-fill, 280px) !important;

        gap: 20px !important;

        justify-content: center !important;

    }

}



@media (max-width: 549px) {

    .page-home-updated .filtered-products-grid {

        grid-template-columns: 1fr !important;

        justify-content: stretch !important;

    }

}



/* Fix the vehicle search results price styling - Override gradient */

.filtered-products-grid .product-item .product-price {

    color: #2c3e50 !important;

    font-weight: 700 !important;

    background: none !important; /* Remove gradient background */

    -webkit-background-clip: initial !important; /* Reset background clip */

    -webkit-text-fill-color: #2c3e50 !important; /* Override transparent text fill */

    background-clip: initial !important; /* Reset background clip */

    font-size: 1.3em !important;

    margin-bottom: 12px !important;

}



/* Ensure all child elements inherit the same color */

.filtered-products-grid .product-item .product-price * {

    color: #2c3e50 !important;

    background: none !important;

    -webkit-background-clip: initial !important;

    -webkit-text-fill-color: #2c3e50 !important;

    background-clip: initial !important;

    font-weight: inherit !important;

}



/* Target the WooCommerce price structure specifically */

.filtered-products-grid .product-item .product-price .woocommerce-Price-amount,

.filtered-products-grid .product-item .product-price .amount,

.filtered-products-grid .product-item .product-price .woocommerce-Price-currencySymbol {

    color: #2c3e50 !important;

    background: none !important;

    -webkit-background-clip: initial !important;

    -webkit-text-fill-color: #2c3e50 !important;

    background-clip: initial !important;

    font-weight: 700 !important;

}



/* Target the bdi element that wraps the price */

.filtered-products-grid .product-item .product-price .woocommerce-Price-amount bdi,

.filtered-products-grid .product-item .product-price .amount bdi {

    color: #2c3e50 !important;

    background: none !important;

    -webkit-background-clip: initial !important;

    -webkit-text-fill-color: #2c3e50 !important;

    background-clip: initial !important;

    font-weight: 700 !important;

}



/* Add this to your existing CSS file - Single Column Product Display */

.page-home-updated .filtered-products-grid {

    display: block !important; /* Override the grid display */

    max-width: 800px !important;

    margin: 0 auto !important;

}



.page-home-updated .product-item-single {

    background: #fff !important;

    border: 1px solid #e0e0e0 !important;

    border-radius: 8px !important;

    margin-bottom: 20px !important;

    padding: 24px !important;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;

    transition: all 0.3s ease !important;

}



.page-home-updated .product-item-single:hover {

    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;

    transform: translateY(-2px) !important;

}



.page-home-updated .product-item-content {

    display: flex !important;

    align-items: center !important;

    gap: 24px !important;

}



.page-home-updated .product-item-single .product-image {

    flex: 0 0 200px !important;

    width: 200px !important;

    height: 200px !important;

    overflow: hidden !important;

    border-radius: 6px !important;

    background: #f8f8f8 !important;

    margin-right: 0px !important; /* Override your existing margin */

}



.page-home-updated .product-item-single .product-image img {

    width: 100% !important;

    height: 100% !important;

    object-fit: cover !important;

    transition: transform 0.3s ease !important;

}



.page-home-updated .product-item-single:hover .product-image img {

    transform: scale(1.05) !important;

}



.page-home-updated .product-details {

    flex: 1 !important;

    display: flex !important;

    flex-direction: column !important;

    gap: 12px !important;

}



.page-home-updated .product-item-single .product-title {

    margin: 0 !important;

    font-size: 24px !important;

    font-weight: 600 !important;

    line-height: 1.3 !important;

    padding: 0px !important; /* Override your existing padding */

}



.page-home-updated .product-item-single .product-title a {

    color: #333 !important;

    text-decoration: none !important;

    transition: color 0.3s ease !important;

}



.page-home-updated .product-item-single .product-title a:hover {

    color: #00b7f5 !important;

}



.page-home-updated .product-item-single .product-price {

    font-size: 20px !important;

    font-weight: 700 !important;

    color: black !important;

    margin: 8px 0 !important;

    background: none !important; /* Remove any background */

    -webkit-background-clip: initial !important;

    -webkit-text-fill-color: black !important;

    background-clip: initial !important;

}



/* Ensure all price elements inherit the correct color */

.page-home-updated .product-item-single .product-price *,

.page-home-updated .product-item-single .product-price .woocommerce-Price-amount,

.page-home-updated .product-item-single .product-price .amount,

.page-home-updated .product-item-single .product-price .woocommerce-Price-currencySymbol,

.page-home-updated .product-item-single .product-price .woocommerce-Price-amount bdi,

.page-home-updated .product-item-single .product-price .amount bdi {

    color: black !important;

    background: none !important;

    -webkit-background-clip: initial !important;

    -webkit-text-fill-color: black !important;

    background-clip: initial !important;

    font-weight: 700 !important;

}



.page-home-updated .product-actions {

    margin-top: 12px !important;

}



.page-home-updated .product-actions .button {

    display: inline-block !important;

    padding: 12px 24px !important;

    background: #00b7f5 !important;

    color: white !important;

    text-decoration: none !important;

    border-radius: 4px !important;

    font-weight: 600 !important;

    transition: all 0.3s ease !important;

    border: none !important;

    cursor: pointer !important;

}



.page-home-updated .product-actions .button:hover {

    background: #0099d1 !important;

    transform: translateY(-1px) !important;

    color: white !important;

}



/* Mobile responsiveness for single column */

@media (max-width: 768px) {

    .page-home-updated .product-item-content {

        flex-direction: column !important;

        text-align: center !important;

        gap: 16px !important;

    }

    

    .page-home-updated .product-item-single .product-image {

        flex: none !important;

        width: 150px !important;

        height: 150px !important;

        margin: 0 auto !important;

    }

    

    .page-home-updated .product-item-single {

        padding: 16px !important;

    }

    

    .page-home-updated .product-item-single .product-title {

        font-size: 20px !important;

    }

    

    .page-home-updated .product-item-single .product-price {

        font-size: 18px !important;

    }

}



@media (max-width: 480px) {

    .page-home-updated .filtered-products-grid {

        margin: 0 16px !important;

    }

    

    .page-home-updated .product-item-single .product-image {

        width: 120px !important;

        height: 120px !important;

    }

    

    .page-home-updated .product-item-single .product-title {

        font-size: 18px !important;

    }

    

    .page-home-updated .product-actions .button {

        padding: 10px 20px !important;

        font-size: 14px !important;

    }

}