/* ===== MOBILE SUBMENU FIX ===== */
@media (max-width: 767px) {

    /* Hide all submenus by default */
    .mobile-sub-menu {
        display: none !important;
        padding-left: 15px;
        margin-top: 5px;
    }

    /* Show submenu only when parent has 'open' */
    .mobile-has-submenu.open>.mobile-sub-menu {
        display: block !important;
    }

    /* Default arrow down */
    .mobile-has-submenu>a .lastudioicon-down-arrow {
        display: inline-block;
        transition: transform 0.3s ease;
        transform: rotate(0deg);
        /* Down arrow */
        margin-left: 8px;
    }

    /* Arrow rotates up when submenu open */
    .mobile-has-submenu.open>a .lastudioicon-down-arrow {
        transform: rotate(180deg);
        /* Up arrow */
    }

    /* Optional: arrow inside menu-expand (if used) */
    .menu-expand i {
        display: inline-block;
        transition: transform 0.3s;
        transform-origin: center;
        transform: rotateX(0deg);
        /* down arrow */
    }

    .mobile-has-submenu.open .menu-expand i {
        transform: rotateX(180deg);
        /* up arrow */
    }

    /* Ensure submenu links have proper spacing */
    .mobile-sub-menu li a {
        display: block;
        padding: 8px 0;
        color: #000;
    }

}



@media (max-width: 480px) {
    .popup-discount-content {
        padding: 15px 10px !important;

    }

    .popup-discount-content__form {
        flex-direction: column !important;

        gap: 10px !important;
        align-items: stretch !important;
    }

    .popup-discount-content__form input,
    .popup-discount-content__form button {
        width: 100% !important;

        box-sizing: border-box;
    }

    .popup-discount-content__form button {
        padding: 10px !important;
    }

    .popup-discount-content__title {
        padding: 20px !important;

    }





    .menu-expand {
        margin-left: auto;

        cursor: pointer;
        transition: transform 0.3s;
    }

    .section-title-2__title.category-title {
        font-size: 2px !important;
    }

    .category-title {
        font-size: 2px !important;
        font-weight: 6 !important;
    }

    h6.section-title-2__title {
        font-size: 16px !important;
        font-weight: 500;
    }


    @media (max-width: 767px) {

        .categories-wrapper-2 .row {
            justify-content: center;
        }

        .categories-wrapper-2 .col-md-6,
        .categories-wrapper-2 .col-lg-3 {
            display: flex;
            justify-content: center;
        }

        .categories-item-2 {
            text-align: center;
            width: 100%;
        }

        .categories-item-2 img {
            display: block;
            margin: 0 auto;
            max-width: auto;
            height: auto;

        }

        @media (max-width: 768px) {
            .header__main--logo a img {
                height: 60px;

                max-width: 100%;

                width: auto;

            }
        }

        @media (max-width: 768px) {
            .collection-title-mobile {
                padding-top: 5px;
                padding-left: 9px !important;

            }
        }

    }

    @media (max-width: 768px) {
        .collection-title-mobile {

            padding-left: 20px !important;

        }

        .single-breadcrumbs {
            display: block !important;
            margin-bottom: 15px !important;
        }
    }

    /* Mobile-safe banner fix */
    .home-8-slider-style {
        width: 100%;
        max-width: 100vw;
        overflow: hidden;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

    /* Extra small mobile (318px width) */
    @media (max-width: 318px) {
        .home-8-slider-style {
            background-size: contain;
            /* adjust if needed */
        }
    }

    /* Header spacing fix */
    .header__main--logo {
        padding-right: 12px;
        /* space after logo */
    }

    .header__main--meta {
        padding-left: 29px;
        /* space before phone */
    }

    /* Extra safety for small screens */
    @media (max-width: 576px) {
        .header__main--logo {
            padding-right: 29px;
        }

        .header__main--meta {
            padding-left: 16px;
        }
    }

    .mobile-menu .offcanvas-body {

        padding: 0;

    }

    .header-2__top {

        background-color: #f7f7f7;

        padding: 15px 0;

    }

    @media only screen and (max-width: 767px) {

        .footer-section,
        .footer-section-3 {

            padding-bottom: 0px;

        }

    }

    @media only screen and (max-width: 767px) {

        .categories-wrapper-2 {

            padding-top: 20px;

        }

    }

    @media (max-width: 767px) {
        .categories-wrapper-2 .row {
            padding-left: 0 !important;
            /* remove desktop padding */
        }
    }

    @media (max-width: 767px) {

        /* Remove inline or extra padding in rows */
        .row,
        .row[style*="padding-left"],
        .categories-wrapper-2 .row {
            padding-left: 0 !important;
            padding-right: 0 !important;
            box-sizing: border-box;
        }

        /* Make sure containers don’t overflow */
        .categories-wrapper-2,
        .page-content,
        .main-content {
            max-width: 100vw;
            overflow-x: hidden;
        }
    }

    @media (max-width: 767px) {
        .product-single-content__quantity-add-to-cart {
            display: flex;
            flex-direction: column;
            gap: 12px;
            /* space between buttons */
        }

        .product-single-content__quantity-add-to-cart a {
            width: 80% !important;
            /* optional: full width on mobile */
            margin-right: 0 !important;
        }
    }


}