/**
    SELLER INFORMATION CSS
    STARTS HERE
**/

/* Progress bar - seller information */
#step1 {
    display: block;
}

#step2,
#step3,
#step4,
#step5 {
    display: none;
}
.progress-bar {
    background-color: #e9b15a !important;
}
.progress.mb-4.progress-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
    padding: 20px 0;
}

.progress.mb-4.progress-container .progress-line {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 0;
    height: 4px;
    background-color: rgb(209, 209, 209);
    z-index: 1;
    transition: width 0.3s ease;
}

.progress.mb-4.progress-container .step-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 10px 20px 10px 20px;
    position: relative;
}

.progress.mb-4.progress-container .step-btn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 2px solid #e0e0e0;
    background-color: white;
    color: #999;
    font-weight: bold;
    transition: all 0.3s ease;
    z-index: 2;
}

.progress.mb-4.progress-container .step-btn.active {
    background-color: #e9b15a;
    color: white;
    border-color: #e9b15a;
}

.progress.mb-4.progress-container .step-btn.completed {
    background-color: #e9b15a;
    color: white;
    border-color: #e9b15a;
}

.progress.mb-4.progress-container .progress-line {
    height: 4px;
}

.mb-3 .input-group span.input-group-text {
    line-height: 1;
}

input[type="checkbox"]:checked:before {
    opacity: 0;
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    background-color: #e9b15a !important;
    border-color: #e9b15a !important;
}

.form-control::placeholder {
    font-size: 12px;
}

.step {
    display: none;
}

.step.active {
    display: block;
}

hr.hr {
    height: 2px;
    color: #000;
}

.dropdown {
    position: relative;
    width: 100%;
}

.dropdown.mb-3.field .dropbtn {
    cursor: pointer;
    background-color: white;
    border: 1px solid #ced4da;
    border-radius: 4px;
    padding: 8px;
    width: calc(100% - 41.25px);
}

.dropdown.mb-3.field .dropbtn:hover {
    color: #4d4d4d;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f6f6f6;
    min-width: 100%;
    border: 1px solid #ddd;
    z-index: 999;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.dropdown.mb-3.field .dropdown-content input {
    box-sizing: border-box;
    width: 95%;
    padding: 8px;
    margin: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.dropdown.mb-3.field .dropdown-content a {
    padding: 8px;
    text-decoration: none;
    display: block;
    cursor: pointer;
}

.dropdown.mb-3.field .dropdown-content a:hover {
    background-color: #ddd;
}

.show {
    display: block;
}

.row .mb-3.field .choose-file {
    font-size: 14px;
    border: 1px solid #e8e8e8;
    width: 100%;
    border-radius: 5px;
    color: #d1d1d1;
    cursor: pointer;
}

.row .mb-3.field .choose-file:hover {
    background-color: rgba(231, 231, 231, 0.99);
}

.row .mb-3.field .choose-file::file-selector-button {
    background-color: #e9b15a;
    color: white;
    border: none;
    padding: 6px 10px;
    border-radius: 5px;
    cursor: pointer;
}

.row .mb-3.field .choose-file::file-selector-button:hover {
    background-color: #f1b452;
}

.seller-info,
.doc-sub,
.bank-sub,
.business-info,
.warehouse-info {
    font-weight: bold;
}

.container.sellerinfo-container .card {
    border-color: rgba(199 199 199 / 18%);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

@media (min-width: 992px) {
    /* lg breakpoint */
    .container.sellerinfo-container {
        max-width: 75%;
    }
}

/**
    SELLER INFORMATION CSS
    ENDS HERE
**/

/**
    SELLER VERIFICATION CSS
    STARTS HERE
**/

.vendor-img-container .vendor-img {
    margin-top: -50px;
}

.mdtimepicker .mdtp__wrapper {
    bottom: 250px !important;
}

#vendor-registration-form .mb-3 .input-group {
    width: calc(100% - 41.25px);
}

div#vendor-reg,
div.card-header,
div.card-body {
    border-color: rgb(229 229 229 / 31%);
    border-radius: 1px;
}

.container.verification-container .row.g-2.enter-otps {
    padding: 5px 5px;
    box-shadow: rgb(149 157 165 / 0%) 0px 8px 24px;
}

#otp-section.mb-3 {
    margin-bottom: 0.5rem !important;
}

.container.verification-container .row {
    padding: 70px 30px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.start-selling {
    font-weight: bold;
}

@media only screen and (max-width: 480px) {
    .vendor-img-container .vendor-img {
        margin-top: auto;
    }
}

@media (min-width: 992px) {
    /* lg breakpoint */
    .container.verification-container {
        max-width: 75%;
    }
}

.prev-btn {
    background-color: #f7f3ec;
    color: #e9b15a;
    border: none;
    cursor: pointer;
    transition: 0.3s;
}

.btn:hover {
    box-shadow: 0 0 0 4px #3b83f65f;
    color: #fff;
}

.prev-btn:hover {
    background-color: #f3f7fe;
    color: #f1b452;
    box-shadow: 0 0 0 4px #3b83f65f;
}

.spinner-border.text-primary {
    color: #e9b15a !important;
}

/**
    SELLER VERIFICATION CSS
    ENDS HERE
**/

/** LOGIN PAGE CSS
    STARTS HERE
**/

.block.block-customer-login.card.shadow-sm {
    background: #fffffff7;
    border-color: rgba(199 199 199 / 18%);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 1px;
    min-height: 450px;
    margin-right: 40px;
}

#login-form
    > fieldset
    > div.d-grid.gap-2.d-md-flex.justify-content-md-between.mt-4
    > a {
    color: #636363;
    font-size: 13px;
}

#login-form
    > fieldset
    > div.d-grid.gap-2.d-md-flex.justify-content-md-between.mt-4
    > a:hover {
    color: #ff6a00;
}

.new-customer-reg {
    padding: 30px;
    min-height: 450px;
    border-color: rgba(199 199 199 / 18%);
    border-radius: 1px;
    margin-right: 40px;
}

@media only screen and (max-width: 480px) {
    .new-customer-reg {
        min-height: 100px;
    }
}

/** LOGIN PAGE CSS
    ENDSS HERE
**/

/**

    DEFAULT BOOTSTRAP 5.3 STYLES TO GET OVERRIDE FROM MAGENTO

**/

input[type="checkbox"] {
    width: 1em !important;
    height: 1em !important;
    vertical-align: top !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-color: #fff !important;
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
    border-radius: 0.25em !important;
    display: inline-block !important;
    position: relative !important;
    cursor: pointer !important;
    margin-top: 0.25em !important;
    transition: background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

input[type="checkbox"]:checked {
    background-color: #e9b15a !important;
    border-color: #e9b15a !important;
}

input[type="checkbox"]:checked::before {
    content: "" !important;
    position: absolute !important;
    display: block !important;
    top: 0.1em !important;
    left: 0.25em !important;
    width: 0.25em !important;
    height: 0.5em !important;
    border: solid #fff !important;
    border-width: 0 0.2em 0.2em 0 !important;
    transform: rotate(45deg) !important;
}

input[type="checkbox"]:focus {
    outline: 0 !important;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
}

input[type="radio"] {
    width: 1em !important;
    height: 1em !important;
    vertical-align: top !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-color: #fff !important;
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
    border-radius: 50% !important;
    display: inline-block !important;
    position: relative !important;
    cursor: pointer !important;
    margin-top: 0.25em !important;
    transition: background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

input[type="radio"]:focus {
    outline: 0 !important;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
}

input[type="radio"]:checked {
    background-color: #e9b15a !important;
    border-color: #e9b15a !important;
}

input[type="radio"]:checked::before {
    content: "" !important;
    position: absolute !important;
    top: 0.25em !important;
    left: 0.25em !important;
    width: 0.5em !important;
    height: 0.5em !important;
    border-radius: 50% !important;
    background-color: #fff !important;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
textarea:focus {
    color: #212529 !important;
    background-color: #fff !important;
    border: 1px solid #86b7fe !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
    width: calc(100% - 41.25px);
}

.field.password .control .input-text,
.field.confirmation.required .control input[type="text"] {
    width: calc(100% - 41.25px);
}

/* Nav Menu */
.sm-megamenu-child.sm_megamenu_dropdown_6columns
    .sm_megamenu_head_item
    .sm_megamenu_title
    > a {
    padding: 6px 0;
    margin-left: 20px;
    text-decoration: none;
}

.sm_megamenu_wrapper_horizontal_menu
    .sm_megamenu_menu
    .sm_megamenu_dropdown_6columns {
    height: 400px;
    left: 0;
}

.header-bottom {
    background-color: #ffffff00;
    border: 1px solid #dfdfdf;
}

.desktop-menu .horizontal-block .sm_megamenu_menu > li > a {
    color: #1c1b1b;
    font-size: 11px;
    font-weight: 400;
    padding-right: 0px;
    padding-left: 19px;
}

/* @media (min-width: 1024px) {
    body .container, body .page-main 
    {
        max-width: 1280px!important;
    } */

.page-wrapper .page-header .header-container header-style-7 {
    max-width: 1280px !important;
}

.minicart-wrapper
    .block-minicart
    .block-content
    > .actions
    > .primary
    .action.primary {
    padding: 2px 5px;
}

.minicart-wrapper .block-minicart .block-content > .actions .secondary a {
    text-decoration: none;
}

/* Button homepage */
.block-home-31.banner-home .item .content a.view-more,
.banner-room .item .content a.shop-now,
.banner-image-home a.shop-now {
    background: #a08266;
    text-decoration: none;
}

.block-home-31.block-social ul li a {
    text-decoration: none;
}

.block-home-31.block-social ul li a:hover {
    background: #e9b15a;
}

.header-container .block-search .actions .action.search {
    background: #e9b15a;
}

.header-container .block-search .field.search .control {
    border-color: #e9b15a;
}

.footer-block .links-footer li a,
.social-footer ul li a,
.categories-footer ul li a {
    text-decoration: none;
}

/*Plumbing and sanitary menu*/
figure.milano-heater img.pagebuilder-mobile-hidden,
img.pagebuilder-mobile-hidden {
    max-width: 90% !important;
}

/* Disable image from mobile menu */
.tab-content-mobile .milano-heater {
    display: none;
}

.header-container.header-style-7 .header-top {
    background: #a08266;
}

.header-container.header-style-7 .header-top .container .header-top-right,
.header-container.header-style-7 .header-top .container .header-top-right a {
    color: #fff;
    text-decoration: none;
}

.page-wrapper .header-container.header-style-7 .header-middle {
    background: #ffe3c854;
}

/* Homepage sale offer section  */
.old-price,
.old.price {
    text-decoration: none;
}

.price-box .old-price .price {
    text-decoration: line-through !important;
}

a.action.quickview-handler.sm_quickview_handler {
    text-decoration: none;
}

/* ************** */
/* Main Container Styling */
.block-filterproducts {
    padding: 10px 0;
}

.block-filterproducts .block-content {
    max-width: 100%;
    margin: 0 auto;
}

/* Timer Section Styling */
.deal-timer {
    text-align: center;
}

.deal-timer h3 {
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: 600;
}

/* Product Grid Styling */
.products-carousel-wrapper {
    margin-top: 15px;
}

/* COMPACT PRODUCT STYLING - REMOVE ALL EXTRA SPACES */
.product-equal-height {
    box-sizing: border-box;
    min-height: 380px !important; /* Increased to accommodate bigger images and spacing */
    background: white;
    border-radius: 6px;
    /* box-shadow: 0 1px 8px rgba(0, 0, 0, 0.08); */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
    margin: 3px;
    display: flex;
    flex-direction: column;
}

/* .product-equal-height:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12);
} */

/* Product Item Info - MINIMAL PADDING */
.product-item-info {
    width: 180px;
    padding: 8px;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* Image Section - BIGGER IMAGE */
.item.product.product-item.product-equal-height
    .product-item-info
    .image-product {
    margin-bottom: 15px; /* Increased space below image */
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    height: auto; /* Fixed height for bigger images */
    width: auto;
    padding-top: 10px; /* Add padding to top for spacing */
    padding-bottom: 10px; /* Add padding to bottom for spacing */
}

.product-item-photo {
    margin-bottom: 0 !important;
    padding: 0 !important;
    height: 100%;
}

.product-item-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Ensures image fills container properly */
    transition: transform 0.3s ease;
}

.product-equal-height:hover .product-item-photo img {
    transform: scale(1.05);
}

/* Hover Actions - VISIBLE AND SPACED */
.product-hover-actions {
    position: absolute;
    bottom: 20px; /* Moved up to not be hidden */
    left: 50%;
    transform: translateX(-50%);
    display: none;
    gap: 12px; /* Increased space between icons */
    transition: all 0.3s ease;
    z-index: 1; /* Ensure they are above the image */
}

.product-equal-height:hover .product-hover-actions {
    display: flex;
    /* Show on hover */
}

.product-hover-actions a {
    background: rgba(255, 255, 255, 0.95);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #333;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    font-size: 12px;
}

.product-hover-actions a:hover {
    background: #f1b452;
    color: white;
    transform: scale(1.1);
}

/* Product Details - COMPACT LAYOUT */
.product-item-details {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 !important;
    margin: 0 !important;
}

/* Product Name - MINIMAL MARGINS */
.product-item-name {
    margin-bottom: 4px;
}

.product-item-name a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    text-decoration: none;
    line-height: 1.3;
    min-height: 34px;
    transition: color 0.3s ease;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

.product-item-name a:hover {
    color: #333333;
}

/* Price Box - MINIMAL SPACING */
.price-box,
.price-box.price-final_price {
    margin: 4px 0 !important;
    text-align: center;
    display: block !important;
    flex-direction: unset !important;
    gap: unset !important;
    padding: 0 !important;
}

.price-box .special-price .price {
    font-size: 14px;
    font-weight: bold;
    color: #e74c3c;
    margin-bottom: 1px;
}

.price-box .old-price .price {
    font-size: 11px;
    color: #999;
    text-decoration: none;
    /* Remove underline */
    margin: 0;
}

.price-box .regular-price .price {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin: 0;
}

/* Reviews - MINIMAL SPACING */
.reviews-actions {
    margin-bottom: 4px;
    text-align: center;
}

/* Add to Cart Section - COMPACT */
.product-item-actions,
.product.actions.product-item-actions {
    margin-top: 6px !important;
    padding-top: 0 !important;
    display: block !important;
    flex-direction: unset !important;
    gap: unset !important;
    align-items: unset !important;
}

/* OVERRIDE ALL CONFLICTING SPACING RULES */
.products-carousel .product-item-photo {
    margin-bottom: 0 !important;
    padding: 0 !important;
}

.products-carousel .product-image-wrapper {
    margin-bottom: 0 !important;
}

.product.details.product-item-details .product.name.product-item-name a {
    font-size: 13px !important;
    line-height: 1.3 !important;
    margin-bottom: 4px !important;
    display: -webkit-box !important;
    min-height: 34px !important;
}

.products-carousel-wrapper .product-equal-height {
    min-height: 320px !important;
    padding: 8px !important;
    align-items: center;
}

.products-carousel-wrapper .product-item-info {
    padding: 0 !important;
}

.products-carousel-wrapper .product.details.product-item-details {
    padding: 0 !important;
}

.products-carousel-wrapper .product-action-wrapper {
    margin-top: 6px !important;
    padding-top: 0 !important;
}

.products-carousel-wrapper .product-item-name a {
    min-height: 34px !important;
    margin-bottom: 4px !important;
    padding: 0 !important;
}

.products-carousel .owl-item {
    padding: 0 4px !important;
}

.products-carousel .product-item {
    margin-bottom: 10px !important;
    padding-bottom: 15px !important;
}

.products-carousel .product-item-details {
    padding: 0 !important;
}

.products-carousel
    .product-item-info
    .product-item-photo
    + .product-item-details {
    margin-top: 6px !important;
}

.products-carousel .product-addto-links {
    margin-top: 4px !important;
}

/* Quick View Link */
a.action.quickview-handler.sm_quickview_handler {
    font-size: 11px !important;
    padding: 2px 4px !important;
}

.item.product.product-item.product-equal-height
    .product-item-info
    .image-product
    .product-actions-icons
    a.action.quickview-handler.sm_quickview_handler {
    margin-top: 5px !important;
}

/* Owl Carousel Customization */
.owl-nav {
    margin-top: 15px;
    text-align: center;
}

.owl-nav button {
    background: #007bff !important;
    color: white !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 8px !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
}

.owl-nav button:hover {
    background: #0056b3 !important;
    transform: scale(1.1) !important;
}

/* FlipDown Timer */
.flipdown {
    justify-content: center;
    margin-bottom: 20px;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .deal-timer {
        padding: 8px 12px;
        margin-bottom: 12px;
    }

    .deal-timer h3 {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .product-item-info {
        padding: 6px !important;
    }

    .product-equal-height {
        min-height: 280px !important;
        margin: 2px;
    }
}

/* ************ */

.tocart-icon::before,
.towishlist-icon::before,
.tocompare-icon::before,
.quickview-icon::before,
.slide-prev-icon::before,
.slide-next-icon::before {
    font-family: "icomoon"; /* Match the font name from @font-face */
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    font-size: 18px;
}

.slide-prev-icon::before {
    content: "\e92f";
}

.slide-next-icon::before {
    content: "\e930";
}

.tocart-icon::before {
    content: "\e958";
}

.towishlist-icon::before {
    content: "\e93f";
}

.tocompare-icon::before {
    content: "\e953";
}

.quickview-icon::before {
    content: "\e954";
}

/* icons resize */
/* Container for icons */
.product-icons {
    display: flex;
    justify-content: center;
    gap: 10px; /* space between icons */
    margin-bottom: 10px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Each icon style */
.product-icons a {
    text-decoration: none !important; /* remove underline */
    font-size: 18px;
    color: #333;
}

/* Hover effect to show icons */
.product-item:hover .product-icons {
    visibility: visible;
    opacity: 1;
}

/* Ensure the container has relative positioning */
.image-product {
    position: relative;
}

/* Style and hide the icons initially */
.image-product .product-actions-icons {
    display: flex;
    justify-content: space-around;
    width: 100%;
    gap: 10px;
    background: rgb(255 255 255 / 90%);
    padding: 8px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out;
}

/* Show icons when hovering the image container */
.image-product:hover .product-actions-icons {
    opacity: 1;
    visibility: visible;
    z-index: 99;
}

/* Optional: Remove underline from icons */
.image-product .product-actions-icons a {
    text-decoration: none;
}

/* Optional: Increase icon spacing and size */
.image-product .product-actions-icons a::before {
    font-size: 18px;
    margin: 0 5px;
}

/* Adjust hover buttons position */
.products-grid .product-item-inner {
    width: 100%;
    gap: 10px;
    background: rgb(255 255 255 / 90%);
    padding: 0;
    opacity: 1;
}

.products-grid .product-item-actions .actions-primary button {
    color: #333;
}

.product.actions.product-item-actions {
    margin-top: 0px !important;
}

.products-grid .product-item-info:hover .product-item-inner {
    top: -50px;
}
.products-grid .product-item-name {
    margin: 20px 0 6px;
}

/* 4 blocks next to latest news */
.block-service-31 .item {
    height: 280px;
}

.block-service-31 .item .info h3 {
    font-size: 15px;
}

/* home page category slider */
.block-categories .cat-wrap .item .image-cat img {
    width: -webkit-fill-available;
}

.block-home-31 .block-categories .cat-wrap .item .cat-title a {
    font-size: 14px;
    text-decoration: none !important;
}

.banner-image-home {
    padding: 20rem 0 0rem;
}

/* Login / Registration form */
.btn.btn-primary.btn.btn-primary.btn-sm {
    background: #e9b15a;
    border-color: #e9b15a;
}
@media (max-width: 480px) {
    .btn.btn-primary.btn.btn-primary.btn-sm#send2 {
        width: 25%;
    }
    .form-create-account .actions-toolbar .primary {
        text-align: start;
        width: 50%;
    }
}
/* Customer account form */
.form.create.account.form-create-account
    .fieldset.create.info
    .control
    input[type="text"],
input[type="password"],
input[type="url"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type="datetime"],
input[type="email"] {
    width: calc(100% - 41.25px);
}

.password-strength-meter {
    width: calc(100% - 41.25px);
}

.form.create.account.form-create-account .actions-toolbar {
    padding: 0;
}

/* checking slider arrows */

/* Hide arrows by default */
.block-home-31.block-deal-full-31.hidden-title-block.hidden-label-product
    .container.single-product
    .block.block-filterproducts
    .block-content
    .products-carousel-wrapper
    .products-carousel:hover
    .owl-nav
    span {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* Keep default state hidden */
.block-home-31.block-deal-full-31.hidden-title-block.hidden-label-product
    .container.single-product
    .block.block-filterproducts
    .block-content
    .products-carousel-wrapper
    .products-carousel
    .owl-nav
    span {
    font-size: 20px;
    background: #ffffff0a;
    padding: 11px 15px;
    border: 1px solid #000;
    border-radius: 100%;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

/* Hover style for nav buttons themselves */
.block-home-31.block-deal-full-31.hidden-title-block.hidden-label-product
    .container.single-product
    .block.block-filterproducts
    .block-content
    .products-carousel-wrapper
    .products-carousel
    .owl-nav
    span:hover {
    background: #000;
    color: #fff;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    margin-left: 25px;
}

.block-home-31.block-deal-full-31.hidden-title-block.hidden-label-product
    .container.single-product
    .block.block-filterproducts
    .block-content
    .products-carousel-wrapper
    .products-carousel
    .items.product-items.filterproducts.owl-carousel.owl-loaded.owl-drag
    .owl-nav {
    position: absolute;
    top: 30%;
    width: 100%;
    margin-top: 25px;
    transform: translateY(-50%);
    justify-content: space-between;
    display: flex !important;
    z-index: 2;
}

.block-home-31.block-deal-full-31.hidden-title-block.hidden-label-product
    .container.single-product
    .block.block-filterproducts
    .block-content
    .products-carousel-wrapper
    .products-carousel
    .items.product-items.filterproducts.owl-carousel.owl-loaded.owl-drag
    .owl-nav
    .owl-prev,
.block-home-31.block-deal-full-31.hidden-title-block.hidden-label-product
    .container.single-product
    .block.block-filterproducts
    .block-content
    .products-carousel-wrapper
    .products-carousel
    .items.product-items.filterproducts.owl-carousel.owl-loaded.owl-drag
    .owl-nav
    .owl-next {
    margin-left: -50px;
    margin-right: -50px;
}

/* Forgot password field */
.field.captcha.required .control.captcha input[type="text"] {
    width: calc(100% - 41.25px);
}

/* Navigation menu for mobile */
.header-mobile .navigation-mobile .sm_megamenu_menu > li {
    position: relative;
    margin-right: 10px;
    margin-bottom: 15px;
}

.header-mobile .navigation-mobile .sm_megamenu_menu > li > a,
.header.links .customer-welcome .customer-menu .header.links li a {
    text-decoration: none;
    font-size: 11px;
}

.header.links .customer-welcome .customer-menu .header.links {
    margin-top: 15px;
}

.tab-panel #customer-mobile .header.links li {
    margin-top: 8px;
}

.tab-panel #customer-mobile .header.links li a {
    font-size: 11px;
    text-decoration: none;
}

/* Submenu chevron arrow for mobile */

.sidebar-nav-mobile
    .tab-content-mobile
    .tab-panel
    .nav-mobile-container
    #navigation-mobile
    .horizontal-type
    .other-toggle
    .btn-submobile:before {
    font-size: 14px;
}

/* Hide register from checkout success page */
#maincontent .columns .column.main #registration:not(.purchase-thanks) {
    display: none !important;
}

body#html-body.enable-ladyloading.header-7-style.product-16-style.footer-7-style.checkout-onepage-success.page-layout-1column
    div.page-wrapper
    main#maincontent.page-main
    div.columns
    div.column.main
    div.page-title-wrapper
    h1.page-title {
    display: none !important;
}

/* Search result dropdown */
#smsearch-autocomplete
    .product
    #product
    .product-info
    .product-price
    .price-box.price-final_price {
    text-align: start;
}

#smsearch-autocomplete
    .product
    #product
    .product-info
    .product-price
    .price-box.price-final_price
    .price-container.price-final_price.tax.weee
    .price {
    font-size: 16px;
}

#smsearch-autocomplete .product #product .product-info .product-title a {
    text-decoration: none;
}

#smsearch-autocomplete
    .product
    #product
    .product-info
    .product-reviews
    .product-reviews-summary.short.empty
    .reviews-actions
    a {
    color: #e9b15a;
}

#smsearch-autocomplete .product #product .product-image a img {
    width: 100px;
    height: 100px;
}

/* search box */
.header-container.header-style-7
    .header-middle
    .container
    .right-content
    .content
    .search-container
    .block.block-search.search-pro
    .block.block-content
    #searchbox_mini_form
    .field.search
    .control
    .cat.searchbox-cat {
    display: none;
}

/* Search results */

.search.results .block .title {
    color: #e9b15a;
}

.search.results .toolbar.toolbar-products {
    background: #ffe3c854;
}

.sidebar .block.filter .filter-options .filter-options-title {
    color: #a08266;
    font-weight: 600;
}

.filter-options .filter-options-title {
    font-size: 15px;
}

.sidebar .block.filter .filter-options-item {
    padding: 0;
}

.sidebar .block.filter .block-content {
    background: #ffffff00;
}

.sidebar.sidebar-additional
    .block.block-compare
    .block-title
    #block-compare-heading {
    color: #a08266;
    font-size: 15px;
    font-weight: 600;
}

/* Wishlist */
body.wishlist-index-index .product-item-inner {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.form-wishlist-items > .actions-toolbar > .primary .action,
.form-wishlist-items > .actions-toolbar > .secondary .action {
    border: none !important;
    padding: 7px;
}

.form-wishlist-items > .products-grid.wishlist .product-item-actions a {
    font-size: 14px;
}

.form-wishlist-items > .products-grid.wishlist .product-item-comment {
    width: 100%;
}
.form-wishlist-items > .products-grid.wishlist .product-item-name {
    margin-top: 10px;
}

.form-wishlist-items
    .products.wrapper.products-grid.wishlist
    .product-items
    .product-item-info
    .product-item-name
    a {
    min-height: 1px !important;
}

@media only screen and (max-width: 768px) {
    .products-grid.wishlist .product-item-name,
    .products-grid.wishlist .product-item-description,
    .products-grid.wishlist .product-item .price-box,
    .products-grid.wishlist .product-item-tooltip {
        margin-left: 0px;
    }
    .price-box,
    .price-box.price-final_price {
        text-align: start;
    }

    .products-grid.wishlist .product-item-actions .action.delete {
        float: left;
    }
}

.wishlist-index-index .products-grid .box-tocart .product-item-actions {
    background: #e9b15a;
}

.form-wishlist-items
    .products.wrapper.products-grid.wishlist
    .product-items
    .product-item
    .product-item-info
    .product-item-inner
    .box-tocart
    .product-item-actions
    .actions-primary
    button:after {
    color: #fff;
}

.toolbar.wishlist-toolbar {
    background: #ffe3c854;
}

/* My account dropdown on header after logged in */
.header-mobile .navigation-mobile .sm_megamenu_menu > li > a,
.header.links .customer-welcome .customer-menu .header.links li a {
    color: #000;
    margin-top: 8px;
}

.header.links
    .customer-welcome
    .customer-menu
    .header.links
    li.authorization-link
    a {
    background: #e9b15a;
}

.header-container .header-top-right .customer-welcome .greet.welcome {
    color: #fff;
}

/* Edit account Info */
.form.form-edit-account .fieldset.info .field .control input[type="text"] {
    width: calc(100% - 41.25px);
}

/* order details page after order */
.order-details-items.ordered
    .table-wrapper.order-items
    .data.table.table-order-items
    .col.price
    .price-excluding-tax
    .price,
.order-details-items.ordered
    .table-wrapper.order-items
    .data.table.table-order-items
    .col.subtotal
    .price-excluding-tax
    .cart-price
    .price {
    font-size: 18px;
}

.block.block-dashboard-info
    .block-content
    .box.box-information
    .box-actions
    .action.edit {
    margin-right: 5px;
}

/* Mini cart items */

.block-minicart .amount .price-wrapper:first-child .price {
    font-size: 17px;
    font-weight: 600;
}

.minicart-items .item-qty {
    width: 20%;
    height: 30px;
    font-size: 12px;
}

.minicart-items .product-item-pricing .label {
    font-size: 14px;
}
.minicart-items .product-item-details .price {
    font-weight: 500;
    font-size: 14px;
}

.minicart-wrapper .block-minicart .minicart-items .product-item-name a {
    margin-left: 5px;
    font-weight: 500;
    font-size: 12px;
}
.minicart-items .product-item-pricing .label,
.minicart-items-wrapper
    .minicart-items
    .product
    .product-item-details
    .product-item-pricing
    .price-container
    .price-wrapper
    .price-excluding-tax,
.minicart-wrapper .block-minicart .minicart-items .product-item-name {
    margin-left: 10px;
}

.minicart-items-wrapper
    .minicart-items
    .product
    .product-item-details
    .product-item-pricing
    .price-container
    .price-wrapper
    .price-excluding-tax {
    line-height: 0 !important;
}

/* Remove icons from mini cart */
.minicart-items .action.edit,
.minicart-items .action.delete {
    display: none;
}

/* header top bar for social media icons */
.social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 10px;
}

.social-links a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}

.social-links a:hover {
    text-decoration: underline;
}

/* Homepage shop by room banner section */

.block-home-31.banner-room .container .row .item .content {
    padding: 15px 10px;
}

.block-home-31.banner-room .container .row .item .content h3 {
    font-size: 1.6rem;
}

.block-home-31.banner-room .container .row .item .content p {
    font-size: 1rem;
}

.block-home-31.banner-room .container .row .item .content a.shop-now {
    padding: 8px 16px;
    font-size: 0.9rem;
}

/* Homepage best promotion section */
.cms-home-demo-31
    .page-wrapper
    #maincontent
    .columns
    .column.main
    div
    .banner-image-home.block-home-31 {
    padding: 200px 0px;
    margin-bottom: 50px;
}

.cms-home-demo-31
    .page-wrapper
    #maincontent
    .columns
    .column.main
    div
    .banner-image-home
    h3 {
    font-size: 4.4rem;
}

.cms-home-demo-31
    .page-wrapper
    #maincontent
    .columns
    .column.main
    div
    .banner-image-home
    a.shop-now {
    padding: 12px 26px;
    font-size: 0.9rem;
}

.cms-home-demo-31
    .page-wrapper
    #maincontent
    .columns
    .column.main
    div
    .container
    .block-home-31.banner-home
    .item.banner-img
    .content
    p {
    font-size: 1.5rem;
}

/* For Mobile */
@media only screen and (min-width: 320px) and (max-width: 480px) {
    .cms-home-demo-31
        .page-wrapper
        #maincontent
        .columns
        .column.main
        div
        .banner-image-home
        p {
        font-size: 1.2rem;
    }

    .cms-home-demo-31
        .page-wrapper
        #maincontent
        .columns
        .column.main
        div
        .banner-image-home
        h3 {
        font-size: 1.9rem;
    }
    .cms-home-demo-31
        .page-wrapper
        #maincontent
        .columns
        .column.main
        div
        .banner-image-home.block-home-31 {
        padding: 100px 0px;
        margin-bottom: 20px;
    }

    .cms-home-demo-31
        .page-wrapper
        #maincontent
        .columns
        .column.main
        div
        .banner-image-home
        a.shop-now {
        padding: 8px 20px;
        font-size: 0.8rem;
    }

    .cms-home-demo-31
        .page-wrapper
        #maincontent
        .columns
        .column.main
        div
        .container
        .block-home-31.banner-home
        .item.banner-img
        .content
        a.view-more {
        padding: 8px 20px !important;
        font-size: 0.8rem !important;
    }
    .cms-home-demo-31
        .page-wrapper
        #maincontent
        .columns
        .column.main
        div
        .container
        .block-home-31.banner-home
        .item.banner-img
        .content
        h3 {
        font-size: 2.8rem !important;
    }

    .cms-home-demo-31
        .page-wrapper
        #maincontent
        .columns
        .column.main
        div
        .container
        .block-home-31.banner-home
        .item.banner-img
        .content
        p {
        font-size: 1.2rem !important;
    }
}

/* For Tablet */
@media only screen and (min-width: 767px) and (max-width: 1025px) {
    .cms-home-demo-31
        .page-wrapper
        #maincontent
        .columns
        .column.main
        div
        .banner-image-home
        p {
        font-size: 2.2rem;
    }

    .cms-home-demo-31
        .page-wrapper
        #maincontent
        .columns
        .column.main
        div
        .banner-image-home
        h3 {
        font-size: 3.4rem;
    }

    .cms-home-demo-31
        .page-wrapper
        #maincontent
        .columns
        .column.main
        div
        .container
        .block-home-31.banner-home
        .item.banner-img
        .content
        a.view-more {
        padding: 12px 26px !important;
        font-size: 0.9rem !important;
    }

    .cms-home-demo-31
        .page-wrapper
        #maincontent
        .columns
        .column.main
        div
        .container
        .block-home-31.banner-home
        .item.banner-img
        .content
        h3 {
        font-size: 2.7rem !important;
    }

    .cms-home-demo-31
        .page-wrapper
        #maincontent
        .columns
        .column.main
        div
        .container
        .block-home-31.banner-home
        .item.banner-img
        .content
        p {
        font-size: 1rem !important;
    }
}

.cms-home-demo-31
    .page-wrapper
    #maincontent
    .columns
    .column.main
    div
    .container
    .block-home-31.banner-home
    .item.banner-img
    .content
    h3 {
    font-size: 3.8rem;
}

.cms-home-demo-31
    .page-wrapper
    #maincontent
    .columns
    .column.main
    div
    .container
    .block-home-31.banner-home
    .item.banner-img
    .content
    a.view-more {
    padding: 12px 26px;
    font-size: 0.9rem;
}

/* Remove product from mini cart - confirmation popup */

.modal-popup.smcqp-confirm._show .modal-inner-wrap .modal-header {
    border-bottom: 0;
    padding-bottom: 0;
}

.modal-popup.smcqp-confirm._show .modal-inner-wrap .modal-footer {
    border-top: 0;
    padding-top: 0;
}

.modal-popup.smcqp-confirm._show
    .modal-inner-wrap
    .modal-footer
    .action-secondary.action-dismiss {
    padding: 8px 15px;
}

.modal-popup.smcqp-confirm._show
    .modal-inner-wrap
    .modal-footer
    .action-secondary.action-dismiss
    span {
    font-size: 12px;
    padding: 5px;
}

.modal-popup.smcqp-confirm._show
    .modal-inner-wrap
    .modal-footer
    .action-primary.action-accept {
    padding: 1px 15px;
}

.modal-popup.smcqp-confirm._show
    .modal-inner-wrap
    .modal-footer
    .action-primary.action-accept
    span {
    font-size: 12px;
    padding: 0px 5px;
}

.modal-popup.smcqp-confirm._show .modal-inner-wrap .modal-footer {
    justify-content: space-evenly;
}

/* Back-to-top button on page right end */
.page-bottom .content .back2top {
    bottom: 10%;
}

/* add spacing to the text field inputs */
.field input.input-text {
    padding-left: 10px;
}

/* Be a seller on top header */
.sell-with-us-header {
    margin-top: 7px;
    margin-left: 10px;
}

/* Be a seller popup */

/* =============== FIX MODAL POSITION AND SIZE =============== */
.modal-popup.modal-slide._inner-scroll .modal-inner-wrap {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    padding: 0 !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
    position: fixed !important;
}

.modal-popup.modal-slide {
    z-index: 199999;
}
@media only screen and (min-width: 1300px) {
    .modal-popup.modal-slide._inner-scroll .modal-inner-wrap {
        left: 30% !important;
    }
}

/* =============== INNER CONTENT =============== */
#seller-popup-header-modal {
    text-align: center;
}

/* =============== WARNING ICON =============== */
#seller-popup-header-modal::before {
    content: "\3f";
    font-family: "Font Awesome 5 Free"; /* or appropriate FA family */
    font-weight: 900; /* font-weight for solid style */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    background: #e9b15a1c;
    color: #ffd595;
    border-radius: 50%;
    font-size: 30px;
    margin-bottom: 18px;
}

/* =============== TITLE =============== */
#seller-popup-header-modal p:first-of-type {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    color: #111827;
}

/* =============== BUTTONS =============== */
.already-new-seller,
.existing-new-seller {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 26px;
    flex-wrap: wrap;
}

#seller-popup-header-modal .action {
    flex: 1 1 45%;
    font-size: 14px;
    padding: 12px 0;
    border-radius: 8px;
    min-width: 140px;
    max-width: 200px;
    white-space: normal;
    line-height: 1.3;
    text-transform: none;
    font-weight: 500;
}

/* Yellow button */
#seller-popup-header-modal .action.primary {
    background-color: #e9b15a;
    color: #fff;
    border: none;
    transition: 0.3s ease;
}

#seller-popup-header-modal .action.primary:hover {
    background-color: #eaa741;
}

/* Gray button */
#seller-popup-header-modal .action.secondary {
    background-color: #f3f4f6;
    color: #111827;
    border: 1px solid #d1d5db;
    transition: 0.3s ease;
}

#seller-popup-header-modal .action.secondary:hover {
    background-color: #e5e7eb;
}

/* Be a seller - MODAL FIX for Mobile (Below 768px) */
@media only screen and (max-width: 768px) {
    .modal-popup.modal-slide._inner-scroll .modal-inner-wrap {
        width: 90vw;
        max-width: 90%;
        max-height: 90vh;
        padding: 24px 16px !important;
        overflow-y: auto;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        height: auto !important;
        min-height: unset !important;
        border-radius: 16px;
        position: fixed !important;
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
        background: #fff;
    }

    .already-new-seller {
        display: flex;
        flex-direction: row;
        gap: 12px;
        margin-top: 20px;
    }

    .already-new-seller .action,
    .existing-new-seller .action {
        width: 100%;
    }
}

/* Zoom-In Animation */
@keyframes zoomIn {
    0% {
        transform: scale(0.7);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Override Modal Animation */
.modal-popup.modal-slide._show {
    animation: zoomIn 0.3s ease forwards;
}

/* Bottom Navigation Styles */
.bottom-navigation-wrapper {
    display: none; /* Hidden by default */

    @media (max-width: 1024px) {
        /* Show on tablet and mobile */
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        background: #fff;
        border-top: 1px solid #e0e0e0;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
        padding-bottom: env(
            safe-area-inset-bottom
        ); /* For iOS devices with notch */
    }
}

.bottom-navigation {
    width: 100%;

    .bottom-nav-items {
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 0;
        padding: 0;
        list-style: none;

        .nav-item {
            flex: 1;
            text-align: center;

            .nav-link {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                padding: 8px 4px;
                text-decoration: none;
                color: #252525;
                transition: all 0.3s ease;
                position: relative;
                min-height: 50px;

                &:hover,
                &:focus,
                &.active {
                    color: #e9b15a; /* Your brand color */
                    text-decoration: none;
                }

                i {
                    font-size: 18px;
                    margin-bottom: 2px;

                    @media (max-width: 480px) {
                        font-size: 16px;
                    }
                }

                .nav-label {
                    font-size: 10px;
                    font-weight: 500;
                    line-height: 1.2;

                    @media (max-width: 480px) {
                        font-size: 9px;
                    }
                }

                /* Cart counter badge */
                .cart-counter {
                    position: absolute;
                    top: 2px;
                    right: 15px;
                    background: #ff4444;
                    color: white;
                    font-size: 10px;
                    font-weight: bold;
                    padding: 2px 6px;
                    border-radius: 10px;
                    min-width: 16px;
                    height: 16px;
                    display: flex;
                    align-items: center;
                    justify-content: center;

                    &[data-count="0"] {
                        display: none !important;
                    }
                }
            }
        }
    }
}

/* Add bottom padding to body to prevent content from being hidden behind the fixed nav */
@media (max-width: 1024px) {
    body {
        padding-bottom: 60px;
    }

    /* Adjust for iOS Safari bottom bar */
    @supports (padding-bottom: env(safe-area-inset-bottom)) {
        body {
            padding-bottom: calc(60px + env(safe-area-inset-bottom));
        }
    }
}

/* Active state for current page */
.bottom-navigation .nav-item .nav-link.current {
    color: #e9b15a;
}

/* Responsive adjustments for very small screens */
@media (max-width: 320px) {
    .bottom-navigation .bottom-nav-items .nav-item .nav-link {
        padding: 6px 2px;

        i {
            font-size: 14px;
        }

        .nav-label {
            font-size: 8px;
        }
    }
}

/* .nav-label 
{
    display: none!important;
} */

/* hide cart icon from header on mobile view */
.header-mobile .mobile-cart {
    display: none;
}

/* Hide mobile menu tabs/sections from hamburger */
.header-mobile .nav-tabs {
    display: none;
}

/* prioritizing sidebar menu over add to cart sticky */
.show-sidebar-nav .header-mobile .sidebar-nav-mobile {
    z-index: 99999;
}

.be-a-seller-mobile {
    background: #e9b15a;
    padding: 8px 12px;
    width: 280px;
    position: relative;
    bottom: 20px;
    top: 20px;
    left: -30px;
}