@import url("topo.css");
@import url("home.css");
@import url("rodape.css");
@import url("produto.css");
@import url("tela_aviso.css");
@import url("carrinho_compras.css");
@import url("contato.css");
@import url("basico.css");
@import url("popup.css");

    :root{
      --green:#0c8b63;
      --green-dark:#08684b;
      --light:#e8f6f0;
      --text:#4f6377;
      --title:#1f2d3d;
      --muted:#7d8ea3;
      --border:#e9edf2;
      --bg:#f6f7f8;
      --card:#ffffff;
      --blue-tag:#5c6fc7;
      --about-bg:#07163a;
      --about-card:#182746;
      --about-border:rgba(255,255,255,0.10);
      --about-text:#96a3bb;
      --about-white:#f5f7fb;
      --about-green:#21e7a3;
      --footer-bg:#f6f7f8;
      --footer-border:#e7ecf1;
      --footer-text:#6f8095;
    }

    *{
      box-sizing:border-box;
      font-family:'Nunito', sans-serif;
    }

    body{
      margin:0;
      overflow-x:hidden;
      background:var(--bg);
      color:var(--title);
    }

    a{
      text-decoration:none;
    }



	    /* ================= RESPONSIVO ================= */

    @media (max-width:1399px){
      .about-title{
        font-size:44px;
      }
    }

    @media (max-width:1199px){
      .products-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }

      .best-sellers .section-title{
        font-size:42px;
      }

      .about-wrap{
        grid-template-columns:1fr;
        gap:34px;
      }

      .about-content{
        max-width:100%;
      }

      .about-title{
        max-width:100%;
      }

      .about-gallery{
        max-width:820px;
      }

      .footer-grid{
        grid-template-columns:1fr 1fr;
      }

      .footer-brand{
        grid-column:1 / -1;
      }
    }

    @media (max-width:991px){
      .mega-menu{
        position:static;
        transform:none;
        width:100%;
        display:block !important;
        margin-top:10px;
      }

      .mega-menu.show{
        display:block !important;
      }

      .mega-grid{
        grid-template-columns:repeat(2,1fr);
      }

      .hero-title{
        font-size:36px;
      }

      .carousel-item{
        height:auto;
        padding:60px 0;
      }

      .featured-grid{
        grid-template-columns:repeat(2,1fr);
      }

      .featured-title{
        font-size:30px;
      }

      .featured-categories{
        padding:60px 0 26px;
      }

      .best-sellers{
        padding:6px 0 72px;
      }

      .best-sellers .section-title{
        font-size:34px;
      }

      .best-sellers .section-subtitle{
        font-size:15px;
        margin-bottom:34px;
      }

      .product-image-box{
        height:250px;
      }

      .product-title{
        min-height:auto;
      }

      .about-ingadesc{
        padding:54px 0 58px;
      }

      .about-title{
        font-size:38px;
        line-height:1.05;
      }

      .about-text{
        font-size:15px;
      }

      .about-cards{
        grid-template-columns:1fr;
      }

      .about-gallery{
        grid-template-columns:1fr 1fr;
      }

      .about-image{
        height:220px;
      }

      .main-footer{
        padding:54px 0 22px;
      }

      .footer-grid{
        grid-template-columns:1fr;
        gap:34px;
      }

      /* ===== AJUSTE MOBILE NAV ===== */
      .nav-actions{
        width:100%;
        display:flex;
        flex-direction:column;
        align-items:center;
        margin-top:8px;
      }

      .search-wrap{
        order:1;
        width:90%;
        margin:12px auto 10px;
      }

      .mobile-bottom-actions{
        order:2;
        width:90%;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:12px;
      }

      .whatsapp-box{
        margin:0;
      }

      .nav-icon{
        margin-left:0;
        font-size:26px;
      }
    }

    @media (min-width:992px){
      .mobile-bottom-actions{
        display:flex;
        align-items:center;
      }
    }

    @media (max-width:767px){
      .products-grid{
        grid-template-columns:1fr;
      }

      .product-bottom{
        flex-direction:row;
        align-items:flex-end;
      }

      .cart-btn{
        width:48px;
        height:48px;
      }

      .product-image-box{
        height:310px;
      }

      .about-title{
        font-size:32px;
      }

      .about-card{
        min-height:auto;
      }

      .about-gallery{
        grid-template-columns:1fr;
      }

      .about-image{
        height:220px;
      }

      .footer-description{
        font-size:15px;
      }

      .about-cards{
        gap:14px;
      }

      .about-card{
        padding:16px 16px 15px;
        border-radius:16px;
      }

      .about-card-inner{
        display:grid;
        grid-template-columns:110px 1fr;
        gap:14px;
        align-items:center;
      }

      .about-card-left{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        justify-content:center;
      }

      .about-icon{
        width:auto;
        height:auto;
        margin-bottom:8px;
        font-size:22px;
      }

      .about-card h3{
        margin:0;
        font-size:16px;
      }

      .about-card p{
        font-size:14px;
        line-height:1.4;
      }

      .footer-contact-icon{
        width:36px;
        height:36px;
        min-width:36px;
        border-radius:10px;
        font-size:16px;
      }

      .footer-social a{
        width:40px;
        height:40px;
        border-radius:10px;
      }

      .mobile-bottom-actions{
        width:90%;
      }

      .whatsapp-box i{
        font-size:24px;
      }

      .whatsapp-text span,
      .whatsapp-text strong{
        font-size:12px;
      }
    }


/* =========================
   WHATSAPP FLOAT (ISOLADO)
========================= */
.site-whatsapp-float {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 9999;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 68px;
  height: 68px;

  border-radius: 50%;
  background: #25d366;

  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);

  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.site-whatsapp-float:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22);
}

.site-whatsapp-icon {
  width: 34px;
  height: 34px;
  display: block;
}

/* =========================
   MOBILE
========================= */
@media (max-width: 768px) {
  .site-whatsapp-float {
    right: 16px;
    bottom: 16px;
    width: 60px;
    height: 60px;
  }

  .site-whatsapp-icon {
    width: 30px;
    height: 30px;
  }
}