/* Mobile menu related styles */
@media (max-width: 1024px) { /* Updated max-width */
    .wd-nav>li>a {
        color: var(--blacky, #000);
        font-family: Biryani;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 160%;
        letter-spacing: 0.28px;
        text-transform: none !important;
    }
    .wd-nav-img, .wd-sub-menu li>a img {
        flex: 0 0 auto;
        object-fit: contain;
        object-position: 50% 50%;
        display: flex;
        width: 32px !important;
        height: 48px !important;
        max-height: 48px !important;
        margin-inline-end: 24px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }
    img.wd-nav-img {
        mix-blend-mode: multiply;
    }
    .woodmart-nav-link {
        background-color: transparent;
        position: relative;
    }
      
    .woodmart-nav-link > img.wd-nav-img {
        position: relative;
        z-index: 1;
    }

    .woodmart-nav-link {
        background-color: transparent !important;
    }
  
    .woodmart-nav-link > img.wd-nav-img {
        display: block;
        border: 1px solid #f4f4f4;
        border-radius: 4px;
    }
    .menu-heading span.nav-link-text {
        color: var(--new-green, #0F3F36);
        font-family: Biryani;
        font-size: 22px;
        font-style: normal;
        font-weight: 800;
        line-height: 130%;
        letter-spacing: -1.1px;
    }

    .wd-nav-mobile > li.menu-heading > a:has(> span.nav-link-text) {
        border-bottom: none;
    }
    .wd-side-hidden {
        --wd-side-hidden-w: min(340px, 80vw);
    }
    .wd-side-hidden.wd-left {
        border-top-right-radius: 16px;
    }

    /* Mobile Menu Hero Styles */
    .voltride-mobile-menu-hero {
        background: linear-gradient(180deg, #adff60cf 10%, #D8FFB4 40%, #d8ffb400 100%);
        padding: 16px;
        padding-right: 0;
        overflow: hidden;
        position: relative;
    }

    .mobile-hero-top-banner {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 12px;
        padding: 4px 8px; /* Small padding around text */
        position: relative;
        z-index: 1; /* Above background elements */
    }

    .mobile-hero-top-banner .banner-item {
        color: var(--new-green, #0F3F36);
        font-family: Biryani, sans-serif;
        font-size: 14px; 
        font-style: normal;
        font-weight: 700; 
        line-height: 160%; 
        letter-spacing: 0.28px;
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }

    .mobile-hero-controls {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 16px; /* Space below controls */
        position: relative;
        z-index: 2; /* Above background elements and image */
        padding-right: 16px; /* Add right padding to compensate for parent's padding-right: 0 */
    }

    .mobile-hero-language button,
    .mobile-hero-account .btn-account {
        background-color: var(--volt-white, #fff);
        color: var(--new-green, #0F3F36);
        border: none;
        border-radius: var(--radius-48, 48px);
        height: 40px;
        font-family: Biryani, sans-serif;
        font-size: 12px;
        font-weight: 600;
        display: flex;
        justify-content: center;
        align-items: center;
        text-transform: capitalize;
        gap: var(--space-8, 8px);
        flex: 1 0 0;
        text-decoration: none;
        cursor: pointer;
        transition: background-color 0.3s ease;
        white-space: nowrap;
        box-shadow: -0.948px -0.948px 10px 0px rgba(0,0,0,0.05);
    }

    /* Specific styling for language button if different */
    .mobile-hero-language button {
        flex: 0 0 auto; /* Prevent language button from growing */
        padding: 16px 16px;
    }

    .mobile-hero-language button:hover,
    .mobile-hero-account .btn-account:hover {
        background-color: #f0f0f0; /* Slight hover effect */
    }

    /* Updated icon styling using SVG */
    .mobile-hero-account .btn-account .wd-tools-icon {
        display: inline-block;
        width: 13px;
        height: 17.143px;
        flex-shrink: 0;
        background-color: var(--new-green, #0F3F36); /* Color for the SVG */
        /* Use mask-image with encoded SVG */
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='19' viewBox='0 0 15 19' fill='none'%3E%3Cpath d='M7.76674 8.28568C9.73918 8.28568 11.3382 6.68669 11.3382 4.71425C11.3382 2.74181 9.73918 1.14282 7.76674 1.14282C5.7943 1.14282 4.19531 2.74181 4.19531 4.71425C4.19531 6.68669 5.7943 8.28568 7.76674 8.28568Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.33594 18.2855H7.76451H14.1931V17.5111C14.1817 16.4222 13.8945 15.3539 13.3584 14.4062C12.8223 13.4584 12.0547 12.6619 11.1273 12.0912C10.1999 11.5205 9.14295 11.1942 8.05525 11.1427C7.95828 11.1381 7.86134 11.1357 7.76451 11.1355C7.66768 11.1357 7.57074 11.1381 7.47377 11.1427C6.38607 11.1942 5.32915 11.5205 4.40175 12.0912C3.47437 12.6619 2.70675 13.4584 2.17061 14.4062C1.63448 15.3539 1.34731 16.4222 1.33594 17.5111V18.2855Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        mask-size: contain;
        mask-repeat: no-repeat;
        mask-position: center;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='19' viewBox='0 0 15 19' fill='none'%3E%3Cpath d='M7.76674 8.28568C9.73918 8.28568 11.3382 6.68669 11.3382 4.71425C11.3382 2.74181 9.73918 1.14282 7.76674 1.14282C5.7943 1.14282 4.19531 2.74181 4.19531 4.71425C4.19531 6.68669 5.7943 8.28568 7.76674 8.28568Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.33594 18.2855H7.76451H14.1931V17.5111C14.1817 16.4222 13.8945 15.3539 13.3584 14.4062C12.8223 13.4584 12.0547 12.6619 11.1273 12.0912C10.1999 11.5205 9.14295 11.1942 8.05525 11.1427C7.95828 11.1381 7.86134 11.1357 7.76451 11.1355C7.66768 11.1357 7.57074 11.1381 7.47377 11.1427C6.38607 11.1942 5.32915 11.5205 4.40175 12.0912C3.47437 12.6619 2.70675 13.4584 2.17061 14.4062C1.63448 15.3539 1.34731 16.4222 1.33594 17.5111V18.2855Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        -webkit-mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
    }

    /* Remove the ::before pseudo-element if it was used for FontAwesome */
    .mobile-hero-account .btn-account .wd-tools-icon::before {
        content: none;
    }

    .mobile-hero-greeting {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 0; /* Eliminate gap to allow image to touch right edge */
        position: relative;
        z-index: 1;
        min-height: 90px; /* Ensure enough height for the image */
    }

    .greeting-text {
        padding-right: 10px; /* Add some space between text and image */
        z-index: 2; /* Ensure text is above image */
        position: relative; /* For z-index to work */
        width: 220px;
    }

    .greeting-text h3 {
        color: var(--new-green, #0F3F36);
        font-family: Biryani, sans-serif;
        font-size: 14px; 
        font-style: normal;
        font-weight: 600; 
        line-height: 110%;
        margin: 0 0 8px 0;
    }

    .greeting-text p {
        color: var(--new-green, #0F3F36);
        font-family: Biryani, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 160%;
        letter-spacing: 0.28px;
        margin: 0;
    }

    .greeting-text p a {
        color: inherit; 
        font-weight: 700; 
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: none;
        text-decoration-thickness: auto; 
        text-underline-offset: auto; 
        text-underline-position: from-font;
    }

    .greeting-image {
        position: absolute;
        right: 0;
        bottom: 0;
        top: -40px;
    }

    .greeting-image img {
        display: block;
        max-width: none;
        height: 180px; 
        width: auto;
        object-fit: contain;
        object-position: bottom right;
    }
    .mobile-nav .wd-nav-opener {
        border-left: 0px solid var(--brdcolor-gray-300)!important;
    }
    .wd-opened .mobile-pages-menu li.current-menu-item > a, .mobile-nav .wd-nav.wd-layout-drilldown > li [class*="sub-menu"] > .menu-item.current-menu-item > a {
        color: var(--volt-pink-dark);
    }

    /* Mobile Menu Support Styles */
    .voltride-mobile-menu-support {
        padding: 24px 16px;
        display: flex;
        flex-direction: column;
    }

    /* Support Header Section */
    .support-header {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .support-header h3 {
        color: var(--new-green, #0F3F36);
        font-family: Biryani;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 110%;
        margin: 0;
    }

    .support-hours {
        color: var(--new-green, #0F3F36);
        font-family: Biryani;
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 160%;
        letter-spacing: 0.28px;
        margin: 0;
    }

    .support-phone,
    .support-email {
        color: var(--new-green, #0F3F36);
        font-family: Biryani;
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 160%;
        letter-spacing: 0.28px;
        text-decoration: none;
        pointer-events: auto;
        display: block;
    }

    .support-call-btn {
        margin-top: 24px;
        margin-bottom: 24px;
        display: flex;
        width: 180px;
        height: 44px;
        padding: var(--12, 12px) var(--24, 24px) var(--12, 12px) var(--16, 16px);
        justify-content: center;
        align-items: center;
        gap: var(--16, 16px);
        background-color: var(--volt-white, #fff);
        color: var(--new-green, #0F3F36);
        font-family: Biryani;
        font-size: 14px;
        font-weight: 600;
        line-height: 160%;
        border-radius: var(--48, 48px);
        border: 2px solid var(--new-green, #0F3F36);
        text-decoration: none;
        box-shadow: -0.948px -0.948px 10px 0px rgba(18, 59, 29, 0.05), 1.897px 1.897px 10px 0px rgba(18, 59, 29, 0.12);
    }

    .support-call-icon {
        display: inline-block;
        width: 21px;
        height: 20px;
        background-color: var(--new-green, #0F3F36);
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cpath d='M7.99744 18.5453C7.11953 19.1116 6.07337 19.3585 5.03487 19.2443C3.99639 19.1301 3.02889 18.6618 2.29509 17.9181L1.65357 17.2908C1.37232 17.0031 1.21484 16.6168 1.21484 16.2145C1.21484 15.8122 1.37232 15.4258 1.65357 15.1382L4.37644 12.4438C4.66172 12.1634 5.04567 12.0064 5.44564 12.0064C5.8456 12.0064 6.22957 12.1634 6.51483 12.4438C6.8025 12.725 7.18884 12.8825 7.59116 12.8825C7.99347 12.8825 8.3798 12.725 8.66747 12.4438L12.9442 8.16701C13.0869 8.02641 13.2002 7.85885 13.2775 7.67408C13.3549 7.48931 13.3947 7.29099 13.3947 7.09069C13.3947 6.89038 13.3549 6.69208 13.2775 6.5073C13.2002 6.32252 13.0869 6.15497 12.9442 6.01437C12.6639 5.72911 12.5068 5.34514 12.5068 4.94518C12.5068 4.54521 12.6639 4.16125 12.9442 3.87598L15.6528 1.16736C15.9406 0.886111 16.3268 0.728638 16.7291 0.728638C17.1316 0.728638 17.5178 0.886111 17.8056 1.16736L18.4328 1.80888C19.1764 2.54268 19.6447 3.51018 19.759 4.54867C19.8733 5.58717 19.6264 6.63332 19.06 7.51124C16.109 11.8603 12.3541 15.6055 7.99744 18.5453Z' stroke='%230F3F36' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        mask-size: contain;
        mask-repeat: no-repeat;
        mask-position: center;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cpath d='M7.99744 18.5453C7.11953 19.1116 6.07337 19.3585 5.03487 19.2443C3.99639 19.1301 3.02889 18.6618 2.29509 17.9181L1.65357 17.2908C1.37232 17.0031 1.21484 16.6168 1.21484 16.2145C1.21484 15.8122 1.37232 15.4258 1.65357 15.1382L4.37644 12.4438C4.66172 12.1634 5.04567 12.0064 5.44564 12.0064C5.8456 12.0064 6.22957 12.1634 6.51483 12.4438C6.8025 12.725 7.18884 12.8825 7.59116 12.8825C7.99347 12.8825 8.3798 12.725 8.66747 12.4438L12.9442 8.16701C13.0869 8.02641 13.2002 7.85885 13.2775 7.67408C13.3549 7.48931 13.3947 7.29099 13.3947 7.09069C13.3947 6.89038 13.3549 6.69208 13.2775 6.5073C13.2002 6.32252 13.0869 6.15497 12.9442 6.01437C12.6639 5.72911 12.5068 5.34514 12.5068 4.94518C12.5068 4.54521 12.6639 4.16125 12.9442 3.87598L15.6528 1.16736C15.9406 0.886111 16.3268 0.728638 16.7291 0.728638C17.1316 0.728638 17.5178 0.886111 17.8056 1.16736L18.4328 1.80888C19.1764 2.54268 19.6447 3.51018 19.759 4.54867C19.8733 5.58717 19.6264 6.63332 19.06 7.51124C16.109 11.8603 12.3541 15.6055 7.99744 18.5453Z' stroke='%230F3F36' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        -webkit-mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
    }

    /* Support Footer Section */
    .support-footer {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }

    .support-copyright {
        display: flex;
        flex-direction: column;
        align-items: center;
        color: var(--new-green, #0F3F36);
        font-family: Biryani;
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 160%;
        letter-spacing: 0.28px;
    }

    .support-copyright span:first-child {
        text-align: center;
        font-family: Biryani;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 110%;
    }

    .support-links {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 12px;
        row-gap: 2px;
    }

    .support-links a {
        color: var(--new-green, #0F3F36);
        font-family: Biryani;
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 160%;
        letter-spacing: 0.28px;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: none;
    }

    .bottom-mobile-meny a.woodmart-nav-link {
        display: contents;
    }
}