/* ========= Tablet (≤ 992px) ========= */
@media (max-width: 992px) {}

/* ========= Small Tablet (≤ 768px) ========= */
@media (max-width: 768px) {}

/* ========= Horizontal Mobile (≤ 699px) ========= */
@media (max-width: 699px) {
    header.wp-block-template-part {
        min-height: 165px;
    }

    .single-product header.wp-block-template-part {
        min-height: 167px;
    }

    header .have-diagonal-radius::before,
    header .have-diagonal-radius>.is-nowrap:first-child {
        display: none;
    }

    header .header-middle {
        padding: var(--wp--preset--spacing--large) 0 !important;
    }

    header .header-middle .wp-block-group.search {
        position: absolute;
        width: calc(100% - 20px) !important;
        top: 105px;
        left: 10px;
        z-index: 999;
    }

    header .header-middle .wp-block-group.search .wp-block-search {
        width: 100%;
    }

    main.wp-block-group .bespoke-wrapper .bespoke-content-container {
        padding: 40px 0 30px;
    }


    main.wp-block-group.single-product .usps-wrapper>.wp-block-group {
        animation: scroll 20s linear infinite;
    }

    @keyframes scroll {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(-100%);
        }
    }


    main.wp-block-group .woocommerce .woocommerce-cart-form .shop_table .actions {
        padding: var(--wp--preset--spacing--xx-large) var(--wp--preset--spacing--large);
    }

    main.wp-block-group .woocommerce .woocommerce-cart-form .cart-actions-footer {
        flex-direction: column;
        gap: var(--wp--preset--spacing--medium);
    }

    main.wp-block-group .woocommerce .woocommerce-cart-form .cart-actions-footer #coupon_code {
        margin-right: var(--wp--preset--spacing--large) !important;
    }
}

/* ========= Mobile (≤ 576px) ========= */
@media (max-width: 576px) {
    header .have-diagonal-radius .bi::before {
        display: none;
    }

    header .have-diagonal-radius {
        justify-content: flex-end;
        padding: 8px 10px !important;
    }

    main.wp-block-group .product-features-wrapper .wp-block-group.is-layout-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .top-container {
        flex-direction: column;
    }

    .content-left,
    .content-right {
        width: 100%;
    }

    .details-container {
        flex-direction: column;
    }

    .billing-details,
    .installation-details {
        width: 100%;
    }

    footer .footer-wrapper .footer-middle>.wp-block-group {
        flex-direction: column;
        gap: var(--wp--preset--spacing--large-pro);
    }

    footer .footer-wrapper .footer-middle .credits-and-badges {
        display: none;
    }
}







@media (max-width: 699px) {

    header .header-wrapper .wp-block-navigation .wp-block-navigation__responsive-container-open svg {
        display: none;
    }

    header .header-wrapper .wp-block-navigation .wp-block-navigation__responsive-container-open::before {
        font-size: 28px;
        content: "\F479";
        font-family: bootstrap-icons;
        line-height: 1.5;
    }

    header .header-wrapper .header-main-container .logo-navigation {
        gap: 12px;
        justify-content: flex-start;
    }

    header .header-wrapper .header-main-container .logo-navigation>.wp-block-navigation {
        order: -1;
    }

    header .header-wrapper .wp-block-navigation__responsive-container-close {
        right: 12px;
        top: 12px;
    }

    header .header-wrapper .wp-block-navigation__responsive-container {
        background-color: var(--wp--preset--color--secondary-background)
    }

    header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation__responsive-close,
    header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog {
        margin-top: 0 !important;
        height: 100%;
    }

    header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
        padding: var(--wp--preset--spacing--x-large);
        width: 100%;
        height: 100%;
    }

    header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
        margin-top: var(--wp--preset--spacing--large);
    }

    header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation__container::before {
        content: "MENU";
        font-size: var(--wp--preset--font-size--large);
        font-weight: 600;
    }

    header .header-wrapper .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item {
        padding: initial;
        border-top: none;
        text-align: left;
        margin: 0 !important;
    }

    header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation-item,
    header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation-item {
        line-height: 2.4;
    }


    header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation-item__content {
    width: 100%;
    }

    header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation-item>a {
        position: relative;
        border: none !important;
    }

    header .header-wrapper .wp-block-navigation__responsive-container .nav-item>.wp-block-navigation-item__content {
        /* padding-left: var(--wp--preset--spacing--xxx-large); */
        font-size: var(--wp--preset--font-size--large);
        font-weight: 600;
    }

    header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content>ul,
    header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content>ul>li,
    header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content>ul>li>a {
        width: 100%;
    }

    header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation-item .wp-block-navigation__submenu-container {
        width: 100% !important;
        padding: 0 !important
    }
}