span {
    color: unset !important;
}

.card-text.lc-2 {
    font-size: 15px !important;
    line-height: 18px !important;
    height: 40px;
}
.custon-h2-font{
        font-size: calc(12.4px + 1.75vw) !important;
    font-weight: 600 !important;
}
.badge,
.fas.fa-star {
    font-size: 0.8em !important;
}

.reviews_rating .my-auto {
    font-size: 0.9em !important;
    font-weight: 500 !important;
}

.form-check-input:checked {
    background-color: #b99027 !important;
    border-color: unset !important;
}
.brown-text,
.fs-3.d-block .fa-regular.fa-address-book,
.fs-3.d-block .fa-solid.fa-box,
.fs-3.d-block .fa-regular.fa-heart,
.fs-3.d-block .fa-solid.fa-user-edit {
    color: #b99027 !important;
}

.brown-btn {
    background-color: #b99027 !important;
    color: white !important;
}
.auth-card {
    margin: 50px 0;
    overflow-x: hidden;
}

.login-bg {
    background-color: #dedbdb !important;
}

.login-bg-lower {
    background-color: #f1f1f1 !important;
}
/* .fa-trash, .fa-solid.fa-heart{
        background-color: unset !important;
    } */

.btn-bg-dark {
    background-color: #212529 !important;
    color: white;
}
.btn-bg-dark:hover {
    background-color: #212529 !important;
    color: white;
}

.border-custom-color {
    border-color: #7b7b7c !important;
}

@media (max-width: 577px) {
    footer .sub-footer {
        margin-bottom: unset !important;
    }
}
@media (max-width: 380px) {
    .card-footer.text-center {
        padding: 5px 0;
    }
}

.reviews_rating.d-flex.gap-2 {
    flex-wrap: wrap;
}

.hero-section {
    position: relative;
    height: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-image 1s ease-in-out;
}

@media (max-width: 431px) {
    .hero-section {
        height: 70vh !important;
    }
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(49, 48, 48, 0.419); /* Adjusted to your original overlay */
    z-index: 1;
}

.content {
    position: relative;
    z-index: 2;
    max-width: 900px;
}

.lead {
    font-weight: 500 !important;
}

.accordion-body.widget_body {
    border: 1px solid #c7c6c6 !important;
    padding-left: 20px !important;
    padding-right: 10px !important;
}

.shop_header .form-control {
    height: unset !important;
    padding: 10px !important;
}
.shop_header #search_form_btn {
    height: unset !important;
}

.category-dropdown select {
    padding: 0.375rem 2.25rem 0.375rem 0.75rem !important;
}

.fs-04 {
    font-size: 0.4em;
}
.xdsdddd {
    list-style: circle;
}

.product-detail-box .product-option div > img {
    height: 55px !important;
}
.btn.btn-primary.reviews_add_btn,
.card-footer .btn.btn-primary.px-3,
.btn.btn-sm.btn-dark.px-3,
.ashop_page_wrapper [class*="btn"],
.btn.btn-dark.px-3 {
    background-image: linear-gradient(
        to right,
        rgba(var(--theme-default), 1) 0,
        #b99027 51%,
        rgba(var(--theme-default), 1) 100%
    ) !important;
    border-color: rgb(185, 144, 39) !important;
}
/* .btn.btn-primary.reviews_add_btn:hover,
.card-footer .btn.btn-primary.px-3:hover,
.btn.btn-sm.btn-dark.px-3:hover,
.ashop_page_wrapper [class*="btn"]:hover,
.btn.btn-dark.px-3:hover {
    background-color: linear-gradient(
        to right,
        rgba(var(--theme-default), 1) 0,
        #b99027 51%,
        rgba(var(--theme-default), 1) 100%
    ) !important;
    border-color: #b99027 !important;
} */
 .login , .btn{
     background-color: #212529 !important;
    color: white !important;
 }
 .btn:hover ,.login:hover{
    background-color: #b99027 !important;
    color: white !important;
 }
.user_account .row .col-lg-8 .justify-content-between h4 i {
    background-color: transparent !important;
}
.ashop_page_wrapper .action_btns,
.ashop_page_wrapper .action_btns .btn,
.wishlist_btn {
    background-image: none !important;
}
.star_rating_inputs label.star {
    font-size: 25px !important;
}

.product-detail.pt-1.bg-transparent {
    background-color: transparent !important;
}
.fa-trash,
.fa-regular.fa-heart.p-2.rounded-circle {
    background-color: rgba(var(--theme-default), 1) !important;
}

/* For Webkit browsers (Chrome, Safari) */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* For Firefox */
input[type="number"] {
    -moz-appearance: textfield !important;
}
.address-page-add-address {
    background-color: rgba(var(--theme-default), 1) !important;
    border-radius: 4px !important;
    color: rgba(var(--white), 1) !important;
    font-weight: 500 !important;
    padding: 6px 20px !important;
    position: relative !important;
    right: unset !important;
    top: unset !important;
}

.product_image {
    position: relative;
    overflow: hidden;
}

.product_image .overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(49, 48, 48, 0.3) !important;
    opacity: 0 !important;
    transition: 0.3s ease-in-out !important;
    pointer-events: none !important; /* so overlay doesn't block the click */
}

.product_image:hover .overlay {
    opacity: 1 !important;
}

.wishlist-button {
    z-index: 10 !important; /* Heart button always on top */
}

.wishlist-button .wishlist_btn {
    pointer-events: auto !important; /* Heart button is clickable */
}

.bg-grey {
    background-color: #cecece;
}
.border-grey {
    background-color: #cecece !important;
}
.bg-lightgrey {
    background-color: #dddddd;
}
.border-lightgrey {
    background-color: #dddddd !important;
}

.elevate {
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* initial shadow */
    transform: translateY(0); /* initial position */
}

.elevate:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3); /* elevated shadow */
    transform: translateY(-3px); /* slight upward movement */
}