/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

    .site-header__inner {
        padding-left: 25px;
        padding-right: 25px;
    }

    .main-navigation {
        margin-left: 40px;
    }

    .main-menu {
        gap: 20px;
    }

    .page-container {
        padding-left: 25px;
        padding-right: 25px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .site-header__inner {
        min-height: 70px;

        padding-left: 20px;
        padding-right: 20px;
    }

    .site-logo {
        font-size: 21px;
    }

    .main-navigation {
        display: none;
    }

    .header-account {
        display: none;
    }

    .header-actions {
        gap: 15px;
    }

    .page-container {
        padding:
            45px
            20px
            60px;
    }

    .page-container h1 {
        font-size: 32px;
    }

    .site-footer {
        padding:
            50px
            20px;
    }

    .footer-navigation ul {
        flex-direction: column;

        gap: 12px;
    }

}

/* =========================================================
   SHOP - TABLET
   ========================================================= */

@media (max-width: 1000px) {

    .post-type-archive-product .site-main,
    .tax-product_cat .site-main {

        padding:
            50px
            25px
            90px;
    }

    .woocommerce ul.products {

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;;

        column-gap: 20px;
        row-gap: 50px;
    }

}


/* =========================================================
   SHOP - MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .post-type-archive-product .site-main,
    .tax-product_cat .site-main {

        padding:
            40px
            20px
            70px;
    }

    .shop-intro {
        margin-bottom: 35px;
    }

    .shop-title {
        margin-bottom: 25px;

        font-size: 34px;

        letter-spacing: -1px;
    }

    .shop-categories {

        gap:
            10px
            20px;
    }

    .woocommerce ul.products {

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        column-gap: 12px;
        row-gap: 40px;
    }

    .woocommerce ul.products li.product a img {

        margin-bottom: 12px;
    }

    .woocommerce ul.products li.product
    .woocommerce-loop-product__title {

        font-size: 13px;
    }

    .woocommerce ul.products li.product .price {

        font-size: 12px;
    }

}

/* =========================================================
   PRODUCT DETAILS - MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .product-details {

        padding-top: 70px;
        padding-bottom: 40px;
    }


    .product-details__inner {

        display: block;

        padding-top: 45px;
    }


    .product-description {

        margin-bottom: 60px;
    }


    .product-description__content {

        font-size: 14px;

        line-height: 1.8;
    }


    .product-specifications {

        width: 100%;
    }


    .product-detail-row {

        grid-template-columns:
            100px
            1fr;
    }


    .single-product
    .related.products {

        margin-top: 30px;

        padding-top: 50px;
    }


    .single-product
    .related.products > h2 {

        margin-bottom: 30px;

        font-size: 24px;
    }

}
/* =========================================================
   SEARCH - MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .product-search-overlay__inner {

        padding:
            25px
            20px
            50px;
    }


    .product-search-top {

        margin-bottom: 70px;
    }


    .product-search-input {

        padding-bottom: 18px;

        font-size: 28px;

        letter-spacing: -0.8px;
    }


    .product-search-submit {

        margin-bottom: 20px;

        font-size: 10px;
    }

}

/* =========================================================
   MINI CART - MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .mini-cart-panel {

        width: 100%;
    }


    .mini-cart-header {

        min-height: 70px;

        padding:
            0
            20px;
    }


    .mini-cart-header h2 {

        font-size: 18px;
    }


    .mini-cart-content {

        padding:
            25px
            20px
            35px;
    }


    .mini-cart-content
    .woocommerce-mini-cart__buttons {

        grid-template-columns:
            1fr;
    }

}