* {
    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 */
}

/* 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: 600px;
    width: 55%;
    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;
    }
}