* {
    scroll-behavior: smooth;
}

iframe {
    width: 100% !important;
}

h1, p {
    transition: font-size 0.7s ease;
}

select {
    /*color: #a2a7ba !important;*/
}

h1.visible {
    opacity: 1; /* Fade in */
    transform: translateX(0);
}

a {
    text-decoration: none !important;
}

.sold-banner {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: red;
    color: white;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
}

.shop-one-image-block {
    position: relative;
}

.main-shop-list-item {
    position: relative;
}

.sold-tag-car-page {
    width: 100px;
    text-align: center;
    background-color: #d9534f;
    color: white;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 15px;
    text-transform: uppercase;
    border-radius: 5px;
    z-index: 1000; /* Ensures it's on top of other elements */
}

.main-service-one img {
    max-height: 400px;
    min-width: 350px;
}

/* Add to Cart Wrapper */
.add-to-cart-2 {
    background-color: #fff; /* Clean white background */
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Soft shadow for 3D effect */
    margin-bottom: 2em;
    width: 100%;
    max-width: 500px; /* Limit the width for better readability */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.add-to-cart-2:hover {
    transform: translateY(-5px); /* Slight hover lift */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); /* Deepened shadow on hover */
}
/* Product Detail Tag Style */
.product-detail-tag {
    background-color: var(--green); /* Using the pre-defined green color */
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 12px;
    border-radius: 20px; /* Rounded corners for tags */
    display: inline-block;
    text-transform: capitalize; /* Make each tag's text more readable */
    transition: background-color 0.3s ease, transform 0.3s ease;
}

/* Hover effect for product tags */
.product-detail-tag:hover {
    background-color: #2e8b57; /* Slightly darker green on hover */
    transform: scale(1.05); /* Slight scale-up effect */
}

/* Focus effect for accessibility */
.product-detail-tag:focus {
    outline: none;
    box-shadow: 0 0 4px rgba(46, 139, 87, 0.6); /* Focus outline with green hue */
}

/* Adjust text spacing inside tags */
.product-detail-tag {
    margin-bottom: 5px; /* Slight bottom margin for better spacing */
}

.car-top-mobile {
    display: none;
}

.car-top-mobile .price-wrap {
    flex-direction: inherit;
}

.car-top-mobile .button-wrapper-home-2 {
    justify-content: left;
}

@media screen and (max-width: 991px) {
    .car-top-mobile {
        display: block;
    }
    .car-top-desktop {
        display: none;
    }
}

/* Responsive Design for Mobile */
@media screen and (max-width: 768px) {
    .add-to-cart-2 {
        padding: 15px; /* Reduce padding on smaller screens */
    }

    .product-tag-block {
        gap: 10px; /* Less gap on mobile */
    }

    .product-detail-tag {
        font-size: 13px; /* Smaller text on mobile */
        padding: 6px 10px; /* Smaller padding on mobile */
    }
}

/* Wrapper for filters */
.filter-wrapper {
    z-index: 3;
    padding: 2rem;
    background: linear-gradient(to right, var(--light-bgr-color), var(--green));
    border-radius: 1rem;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
    max-width: 800px;
    width: 65%;
    margin: 2rem auto;
}

/* Inner wrapper for alignment */
.filter-items-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.dropdown-filters-wrapper {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    justify-content: space-between;
}

/* Style the dropdown containers */
.filter-dropdown {
    position: relative;
    width: 100%;
    max-width: 250px;
}

/* Style the select elements */
.filter-selects {
    height: 50px;
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    font-weight: 500;
    color: #495057;
    background-color: #ffffff;
    border: 2px solid #dee2e6;
    border-radius: 0.5rem;
    appearance: none;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}

/* Add custom arrow using background image */
.filter-selects {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns="http://www.w3.org/2000/svg"%20width="16"%20height="16"%20fill="gray"%20class="bi%20bi-caret-down-fill"%20viewBox="0%200%2016%2016"%3E%3Cpath%20d="M7.247%2011.14l-4.796-5.481C1.885%205.226%202.356%204.5%203.152%204.5h9.696c.796%200%201.267.726.701%201.159l-4.796%205.481a1%201%200%200%201-1.506%200z"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1rem;
}

/* Hover and focus styles */
.filter-selects:hover,
.filter-selects:focus {
    border-color: #74c0fc;
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(115, 195, 255, 0.25);
    background-color: #f8f9fa;
}

@media (max-width: 600px) {

    .filter-wrapper {
        width: 95%;
    }

    .dropdown-filters-wrapper {
        flex-direction: column;
    }
}

@media screen and (min-width: 1280px) {
    .base-container.display.testimonials-section {
        flex-direction: column;
        align-items: stretch;
    }

    .testimonials-section .section-title-green {
        text-align: center;
        align-items: center;
        max-width: 720px;
        margin: 0 auto 40px;
    }

    .testimonials-section .white-paragraph-with-margin {
        max-width: 720px;
    }

    .testimonials-section .cart-content-right {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}
/* ════════════════════════════════════════
   d33 GLOBAL BUTTONS
   ════════════════════════════════════════ */
:root {
    --c-green: #0F2E24;
    --c-burg:  #5A1F2B;
    --c-gold:  #B08A3C;
    --c-grey:  #2B2B2B;
}
.d33-btn {
    display: inline-block;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
    text-decoration: none;
    padding: 16px 48px;
    border-radius: 8px;
    transition: background .22s, border-color .22s, color .22s, opacity .22s;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid transparent;
    line-height: 1;
}
/* Solid white — primary action on dark bg */
.d33-btn--white {
    background: #fff;
    color: var(--c-green);
    border-color: #fff;
    font-weight: 800;
}
.d33-btn--white:hover {
    background: rgba(255,255,255,.88);
    border-color: rgba(255,255,255,.88);
    color: var(--c-green);
}
/* Ghost — secondary on dark bg */
.d33-btn--ghost {
    background: transparent;
    color: #fff;
    border-color: rgba(255,255,255,.45);
}
.d33-btn--ghost:hover {
    border-color: #fff;
    background: rgba(255,255,255,.07);
    color: #fff;
}
/* Gold fill — accent CTA */
.d33-btn--gold {
    background: var(--c-gold);
    color: #fff;
    border-color: var(--c-gold);
}
.d33-btn--gold:hover {
    opacity: .88;
}
/* Ghost gold — on light bg */
.d33-btn--ghost-gold {
    background: transparent;
    color: var(--c-gold);
    border-color: rgba(176,138,60,.55);
}
.d33-btn--ghost-gold:hover {
    border-color: var(--c-gold);
    background: rgba(176,138,60,.06);
    color: var(--c-gold);
}
/* Dark green fill — on light bg */
.d33-btn--green {
    background: var(--c-green);
    color: #fff;
    border-color: var(--c-green);
}
.d33-btn--green:hover { opacity: .88; }

@media (max-width: 600px) {
    .d33-btn { padding: 15px 32px; }
}

@keyframes d33-sep-left{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes d33-sep-right{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes d33-sep-dia{from{opacity:0}to{opacity:1}}
.d33-sep::before{transform-origin:100% 50%;transform:scaleX(0)}
.d33-sep::after{transform-origin:0% 50%;transform:scaleX(0)}
.d33-sep__dia{opacity:0}
.d33-sep--visible::before{animation:d33-sep-left .9s ease-out forwards}
.d33-sep--visible::after{animation:d33-sep-right .9s ease-out forwards}
.d33-sep--visible .d33-sep__dia{animation:d33-sep-dia .3s ease .75s forwards}
@media(prefers-reduced-motion:reduce){.d33-sep--visible::before,.d33-sep--visible::after{animation:none;transform:scaleX(1)}.d33-sep--visible .d33-sep__dia{animation:none;opacity:1}}
.iv-sep{height:32px;display:flex;align-items:center;justify-content:center;position:relative;background:var(--c-green)}
.iv-sep::before,.iv-sep::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(176,138,60,.45))}
.iv-sep::after{background:linear-gradient(270deg,transparent,rgba(176,138,60,.45))}
.iv-sep__diamond{width:10px;height:10px;border:1px solid var(--c-gold);transform:rotate(45deg);margin:0 18px;position:relative}
.iv-sep__diamond::before,.iv-sep__diamond::after{content:'';position:absolute;background:rgba(176,138,60,.25)}
.iv-sep__diamond::before{width:1px;height:24px;left:50%;top:50%;transform:translate(-50%,-50%)}
.iv-sep__diamond::after{width:24px;height:1px;left:50%;top:50%;transform:translate(-50%,-50%)}