﻿@media screen and (max-width: 1200px)
{
    .header .header-container { padding: 0 2.4rem; }
    .main { width: 100%; padding-left: 2.4rem; padding-right: 2.4rem; }
    .footer .footer-container { padding: 4.8rem 2.4rem; }
    .footer .footer-container .footer-container-about { padding-right: 2.4rem; }
    .footer .footer-container .footer-container-contacts { padding: 0 2.4rem; }
    .footer .footer-developer { border-radius: 0; }

    .page-default { width: calc(100vw - 4.8rem); }
    .page-default .default-container .default-container-banners { width: calc(100vw - 4.8rem); }
    .page-default .default-container .default-container-categories { width: calc(100vw - 4.8rem); }

    .page-products .products-container .products-container-filters { width: 24rem; }
    .page-products .products-container .products { width: calc(100% - 26.4rem); }

    .page-product .product-container .product-container-images { width: 50vw; }

    .page-pages { width: calc(100vw - 4.8rem); }
}

@media screen and (max-width: 992px)
{
    .products .products-items .products-items-item { width: calc(33.33% - 1.6rem); }
    .products .products-items .products-items-item:nth-child(7), .products .products-items .products-items-item:nth-child(8) { display: none; }

    .main { margin-top: 10.2rem; }
    .footer { margin-top: 3.2rem; }
    .footer .footer-container { display: flex; flex-wrap: wrap; gap: 2.4rem; padding: 3.2rem 2.4rem; }
    .footer .footer-container ul li, .footer .footer-container ul li a { max-width: 100%; }
    .footer .footer-container .footer-container-about { padding-right: 0; }
    .footer .footer-container .footer-container-about p { max-width: 100%; }
    .footer .footer-container .footer-container-contacts { padding: 0; width: calc(50% - 1.2rem); }

    .page-products .products-container .products .products-items .products-items-item { width: calc(50% - 1.2rem); }

    .page-product .product-container .product-container-infos { margin-left: .8rem; }
    .page-product .product-container .product-container-related .products .products-items .products-items-item:nth-child(4) { display: none; }
}

@media screen and (max-width: 768px)
{
    .pagination { flex-direction: column; }
    .sheet .sheet-container .sheet-container-title { padding: 1.2rem 1.6rem; }
    .sheet .sheet-container .sheet-container-content { padding: 1.6rem; }
    .sheet .sheet-container .sheet-container-footer { padding: 1.2rem 1.6rem; }
    .toast.is-active { top: 1.6rem; }

    .products { gap: 1.6rem; }
    .products .products-items { gap: 1.6rem; }
    .products .products-items .products-items-item { width: calc(50% - .8rem); }
    .products .products-items .products-items-item:nth-child(7), .products .products-items .products-items-item:nth-child(8) { display: flex; }
    .products .products-items .products-items-item .products-items-item-content { padding: 1.6rem; }

    .whatsapp { width: 4.8rem; height: 4.8rem; right: 1.6rem; bottom: 1.6rem; }
    .header { height: 6.2rem; }
    .header .header-container { padding: 0 1.6rem; }
    .header .header-container .header-container-logo { max-height: 5rem; }
    .header .header-container .wid-30 { flex: 1; }
    .main { margin-top: 8.6rem; padding-left: 1.6rem; padding-right: 1.6rem; }
    .footer { margin-top: 2.4rem; }
    .footer .footer-container { padding: 2.4rem 1.6rem; gap: 1.6rem; }
    .footer .footer-container .footer-container-contacts { width: calc(50% - .8rem); }

    .js-sheet-cart .sheet-container .sheet-container-content > .text-dark { margin-bottom: 1.6rem; }

    .js-sheet-checkout .sheet-container .sheet-container-content > .text-dark { margin-bottom: 1.6rem; }

    .page-default { width: calc(100vw - 3.2rem); }
    .page-default .default-container { gap: 1.6rem; }
    .page-default .default-container .default-container-banners { width: calc(100vw - 3.2rem); }
    .page-default .default-container .default-container-categories { width: calc(100vw - 3.2rem); }
    .page-default .default-container .default-container-categories .default-container-categories-header { margin-bottom: 1.6rem; }
    .page-default .default-container .default-container-categories .default-container-categories-content .default-container-categories-content-items .default-container-categories-content-items-item { padding: 1.6rem; }
    .page-default .default-container .default-container-categories .default-container-categories-content .default-container-categories-content-items .default-container-categories-content-items-item img { width: 6rem; height: 6rem; }

    .page-products .products-container { gap: 1.6rem; }
    .page-products .products-container .products-container-filters-mobile { display: flex; }
    .page-products .products-container .products-container-filters { width: 100%; opacity: 0; height: 0; overflow: hidden; }
    .page-products .products-container .products { width: 100%; }
    .page-products .products-container .products .products-items .products-items-item { width: calc(50% - .8rem); }

    .page-product .product-container { gap: 1.6rem; }
    .page-product .product-container .product-container-header { max-width: calc(100vw - 3.2rem); overflow: hidden; }
    .page-product .product-container .product-container-infos { gap: 1.6rem; }
    .page-product .product-container .product-container-infos .product-container-infos-title { padding-bottom: 1.6rem; }
    .page-product .product-container .product-container-infos .product-container-infos-variations { padding-bottom: 1.6rem; }
    .page-product .product-container .product-container-description .h2 { margin-bottom: 1.6rem; }
    .page-product .product-container .product-container-related .h2 { margin-bottom: 1.6rem; }
    .page-product .product-container .product-container-related .products .products-items .products-items-item:nth-child(4) { display: flex; }

    .page-pages { width: calc(100vw - 3.2rem); }
    .page-pages .pages-container { gap: 1.6rem; width: 100%; }

    .error .error-container { margin: 1.6rem; }
}

@media screen and (max-width: 576px)
{
    .products .products-items .products-items-item { width: 100%; align-items: center; flex-direction: row; }
    .products .products-items .products-items-item .products-items-item-image { width: 30%; margin-left: 1.6rem; }

    .whatsapp { right: .8rem; bottom: .8rem; }
    .header .header-container { gap: .8rem; }
    .header .header-container .wid-30 { display: none; }
    .footer .footer-container .footer-container-contacts { width: 100%; }

    .page-products .products-container .products-container-header .form { width: 18rem; }
    .page-products .products-container .products .products-items .products-items-item { width: 100%; }

    .page-product .product-container .product-container-images { width: calc(100vw - 3.2rem); }
    .page-product .product-container .product-container-infos { width: 100%; margin-left: 0; }
}