@media (max-width: 1500px) {
    .container {
       max-width: 90%;
    }
}

@media (max-width: 991px) {
    header .menu {
        display: none;
    }

    header .chama__responsivo {
        display: flex !important;
    }

    header .principal {
        padding: 20px 0;
    }

    section.title__page h1 {
       font-size: 32px;
    }

    header .logo img {
       max-width:  120px;
    }

    section.slider .container {
      padding: 100px 15px;
    }

    header .menu a {
       font-size: 12px;
       text-align: center;
    }

    section.slider h2 {
       font-size: 36px;
    }
}

@media (max-width: 767px) {
    /* Categoria: produtos primeiro, filtros abaixo */
    .page__category .row {
        display: flex !important;
        flex-direction: column !important;
    }

    .page__category .row > .listagem {
        order: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        height: auto !important;
        overflow: visible !important;
    }

    .page__category .row > .sidebar {
        order: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin-top: 28px;
        padding-top: 20px;
        border-top: 1px solid #eee;
    }

    section.page-conteudo.produtos {
        padding-top: 12px;
        padding-bottom: 32px;
    }

    /* Grid de produtos: 2 colunas no mobile */
    .page__category .woocommerce ul.products,
    .page__category .woocommerce .products ul,
    .woocommerce .products ul,
    .woocommerce ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }

    .page__category .woocommerce ul.products li.product,
    .woocommerce ul.products li.product {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    section.about {
        padding-bottom: 80px !important;
    }

    .menu__responsivo ul.sub-menu li a {
       display: flex;
       flex-direction: column;
    }

    .menu__responsivo ul.sub-menu li a span {
       margin-top: 3px;
       color: #6b6b6b;
    }

    .menu__responsivo ul.sub-menu li:hover span {
       color: #fff;
    }

    header .container {
       gap: 20px 0;
    }

    header .menu ul {
       flex-wrap: wrap;
    }

    header .menu ul li {
       width: 100%;
    }

    header .menu ul li a {
       border: 0;
    }

    .list__blog .box {
       grid-template-columns: repeat(1, 1fr);
       gap: 25px;
    }

    section.intro h2 strong {
      font-size: 36px;
    }

    section.intro .left p {
      margin-bottom: 30px;
    }

    section.title__page h1 {
      font-size: 28px;
    }

    /* Decoration page */
    .breadcrumbs {
        margin-top: 20px;
    }

    .decoration__leadtime {
        padding: 24px 0 30px;
    }

    .leadtime__grid {
        grid-template-columns: 1fr !important;
        gap: 0;
    }

    .leadtime__card,
    .leadtime__card:first-child,
    .leadtime__card:last-child {
        padding: 14px 0 !important;
        border-right: none !important;
        border-bottom: 1px solid #e8e8e8;
    }

    .leadtime__card:last-child {
        border-bottom: none !important;
    }

    .leadtime__body span {
        font-size: 12px;
    }

    .decoration__content .images {
        max-width: 100%;
        flex-direction: column;
        gap: 15px;
    }

    .decoration__content .images img {
        width: 100% !important;
        max-width: 100%;
        border-radius: 6px;
    }

    .decoration__nav {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .decoration__anchors {
        flex-wrap: nowrap;
        padding-bottom: 4px;
    }
}

@media (max-width: 480px) {

    .whats-flutuante {
        display: flex !important;
    }

    .telefone-mobile {
        display: none !important;
    }

    /* Grid de produtos: 2 colunas */
    .page__category .woocommerce ul.products,
    .page__category .woocommerce .products ul,
    .woocommerce .products ul,
    .woocommerce ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }

    .page__category .woocommerce ul.products li.product,
    .woocommerce ul.products li.product {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px !important;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 11px !important;
        margin-bottom: 8px !important;
        line-height: 1.4 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    .woocommerce ul.products li.product a img {
        aspect-ratio: 1/1 !important;
    }

    .superbar .right .links a.phone {
      display: none;
    }

    section.slider h2 {
       font-size: 24px;
    }

    .telefone-mobile a {
       color: white;
       width: 100%;
       border: none;
       justify-content: center;
       border-radius: 5px;
       cursor: pointer;
       padding: 10px 0;
    }

    .telefone-mobile a span {
       font-size: 14px;
       margin-top: 5px;
    }

    .telefone-mobile a svg {
       width: 25px;
       height: 25px;
    }

    .telefone-mobile .telefone-whats {
       display: flex;
       flex-direction: row;
       background-color: #25D366;
       align-items: center;
       justify-content: center;
       gap: 10px;
       font-size: 16px;
       font-weight: bold;
    }
}

@media (max-width: 767px) {
    h1 {
        font-size: 28px;
    }

    section.title__page {
        padding: 36px 0;
    }

    section.title__page h1 {
        font-size: 28px;
    }

    .page-after-banner {
        margin-top: 16px;
    }

    .breadcrumbs {
        margin-top: 12px;
        margin-bottom: 16px;
    }

    .wizard-hero {
        padding: 28px 0 20px;
    }

    .wizard-title {
        font-size: 28px;
    }

    .wizard-subtitle {
        font-size: 15px;
        margin-bottom: 24px;
    }
}