/* Menu Insta */
@media screen and (max-width: 767px) {
  #menuinsta > div > div > div > li.slick-slide:nth-child(1) > a:before {
    background-image: url("https://cdn.awsli.com.br/2865/2865663/arquivos/1-acessorios.png");
  }
}
/* Menu Insta */
@media screen and (max-width: 767px) {
  #menuinsta > div > div > div > li.slick-slide:nth-child(1) > a:before {
    background-image: url("https://cdn.awsli.com.br/2865/2865663/arquivos/1-acessorios.png");
  }
}
/* Menu Insta */
@media screen and (max-width: 767px) {
  #menuinsta > div > div > div > li.slick-slide:nth-child(1) > a:before {
    background-image: url("https://cdn.awsli.com.br/2865/2865663/arquivos/1-acessorios.png");
  }
}
/* Menu Insta */
@media screen and (max-width: 767px) {
  #menuinsta > div > div > div > li.slick-slide:nth-child(1) > a:before {
    background-image: url("https://cdn.awsli.com.br/2865/2865663/arquivos/1-acessorios.png");
  }
}

/* Oculta rodapé padrão da Loja Integrada */
.footer, .rodape, #rodape {
  display: none !important;
}

/* ===== Newsletter topo do rodapé (estilo Grandstore) ===== */
.gs-newsletter{
  background:#0a0a0a; /* mesma base do rodapé */
  border-bottom:1px solid rgba(255,255,255,.08);
}
.gs-news-wrap{
  max-width:1200px; margin:0 auto; padding:18px 20px 12px;
  display:flex; align-items:center; justify-content:center; gap:24px;
  flex-wrap:wrap; text-align:center;
}
.gs-news-title{
  margin:0; color:#fff; font-weight:800; font-size:20px; line-height:1.2;
}
.gs-news-title small{
  display:block; font-weight:400; color:#d6d6d6; margin-top:4px; font-size:14px;
}

/* Campo estilo “pílula” com seta no botão */
.gs-news-form{
  display:flex; align-items:center; background:#1a1a1a; border-radius:999px;
  padding:4px; min-width:460px; max-width:560px; width:100%;
}
.gs-news-form input{
  flex:1; border:0; outline:0; background:transparent; color:#fff;
  padding:12px 16px; font-size:14px;
}
.gs-news-form input::placeholder{ color:#9b9b9b }
.gs-news-form button{
  width:46px; height:40px; border:0; cursor:pointer; border-radius:999px;
  background:#222; position:relative;
}
.gs-news-form button::before{ /* ícone seta, como no demo */
  content:""; position:absolute; inset:0; margin:auto; width:10px; height:10px;
  border-right:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(-45deg);
}
.gs-news-form button:hover{ opacity:.9 }

/* Acessibilidade: classe utilitária para label invisível */
.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
  clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

/* Responsivo */
@media (max-width:768px){
  .gs-news-title{ font-size:18px }
  .gs-news-form{ min-width:100% }
}

/* ===== Rodapé estilo Grandstore ===== */
.gs-footer{ background:#0a0a0a; color:#fff; font-size:15px; line-height:1.55; }
.gs-footer a{ color:#fff; text-decoration:none }
.gs-footer a:hover{ opacity:.85 }

/* Grid superior (4 colunas) */
.gs-wrap{
  max-width:1200px; margin:0 auto; padding:40px 20px;
  display:grid; grid-template-columns: 1.2fr 1fr 0.9fr 1.4fr; gap:40px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

/* Títulos/Texto */
.gs-brand{ font-size:40px; font-weight:800; margin:0 0 12px }
.gs-title{ font-weight:800; margin:18px 0 10px }
.gs-desc{ color:#d9d9d9; margin:0 0 14px }
.gs-sep{ border:0; border-top:1px solid rgba(255,255,255,.12); margin:16px 0 }

/* Endereço */
.gs-address{ display:flex; gap:10px; color:#dcdcdc }
.gs-addr-ico{ font-size:18px; line-height:1 }

/* Contatos (linhas com divisória sutil) */
.gs-col-contacts .gs-line{
  padding:8px 0; border-bottom:1px solid rgba(255,255,255,.08);
}
.gs-col-contacts .gs-line:last-of-type{ border-bottom:0 }

/* Botão mensagem */
.gs-btn{
  display:inline-flex; align-items:center; justify-content:center;
  background:#fff; color:#000 !important; border-radius:8px;
  padding:10px 14px; font-weight:700; margin-top:12px;
}

/* Lista institucional */
.gs-links{ list-style:none; padding:0; margin:0 }
.gs-links li{ margin:8px 0 }

/* Instagram */
.insta-title{ display:flex; align-items:center; gap:8px }
.gs-ico{ font-size:16px }
.gs-insta-grid{
  display:grid; grid-template-columns: repeat(4, 1fr); gap:8px; margin:10px 0 16px;
}
.gs-insta-grid img{ width:100%; height:auto; display:block; border-radius:2px }

/* Redes (círculos pequenos como no demo) */
.gs-social{ display:flex; gap:18px; align-items:center }
.gs-social a{
  width:18px; height:18px; border:2px solid rgba(255,255,255,.7);
  border-radius:50%; display:inline-block; position:relative;
}
.gs-social a::after{ /* pontinho dentro para lembrar os ícones do demo */
  content:""; position:absolute; inset:50% auto auto 50%;
  width:4px; height:4px; border-radius:50%; background:#fff; transform:translate(-50%,-50%);
}

/* FAIXA INFERIOR (3 blocos) */
.gs-bottomgrid{
  max-width:1200px; margin:0 auto; padding:24px 20px;
  display:grid; grid-template-columns: 1fr 1fr 1fr; gap:28px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.gs-btitle{ font-weight:900; margin:0 0 10px }
.gs-rowicons{ display:flex; align-items:center; flex-wrap:wrap; gap:12px }
.gs-rowicons img{ max-height:28px; height:auto; width:auto; display:block }

/* COPYRIGHT */
.gs-copy{
  text-align:center; padding:18px 12px; font-size:14px; color:#cfcfcf;
}
/* Responsivo */
@media (max-width: 1100px){
  .gs-wrap{ grid-template-columns: 1.2fr 1fr 1fr; }
  .gs-col-insta{ grid-column: 1 / -1; }
}
@media (max-width: 768px){
  .gs-wrap{ grid-template-columns: 1fr; gap:28px }
  .gs-bottomgrid{ grid-template-columns: 1fr; gap:18px }
  .gs-brand{ font-size:32px }
}

/* Linhas de contato (mantém o estilo do demo) */
.gs-col-contacts .gs-line{
  display:flex; align-items:center; gap:8px;
  padding:8px 0; border-bottom:1px solid rgba(255,255,255,.08);
}
.gs-col-contacts .gs-line:last-of-type{ border-bottom:0; }

/* Ícone do WhatsApp */
.gs-ico-wa{
  width:18px; height:18px; display:inline-flex; align-items:center; justify-content:center;
}
.gs-wa{ color:#fff; text-decoration:none; }
.gs-wa:hover{ opacity:.85; }
.gs-col-contacts .gs-line small{ color:#cfcfcf; margin-left:6px; }

/* Ícones das redes sociais – menores */
.gs-col-insta .gs-social{
  display: flex;
  align-items: center;
  gap: 12px;               /* espaço entre ícones */
}

.gs-col-insta .gs-social img{
  width: 28px !important;  /* ajuste o tamanho aqui (24–32px) */
  height: 28px !important;
  object-fit: contain;
  border-radius: 6px;      /* deixe 50% se quiser ícones circulares */
}

/* Mobile um pouco menores */
@media (max-width: 768px){
  .gs-col-insta .gs-social img{
    width: 24px !important;
    height: 24px !important;
  }
}

/* Ícone do WhatsApp antes do número (sem <img>) */
.gs-col-contacts .gs-line.wa{
  position: relative;
  padding-left: 26px;                 /* espaço pro ícone */
  display: flex; align-items: center; gap: 6px;
}
.gs-col-contacts .gs-line.wa::before{
  content: "";
  position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  width: 18px; height: 18px;
  background: url("https://cdn.awsli.com.br/2865/2865663/arquivos/whatsapp.png") no-repeat center / contain;
}




























/* ===== Depoimentos (estilo grandstore) ===== */
.gs-testimonials{
  background:#f4f4f4;
  padding:28px 0 22px;
}
.gs-testimonials .gs-wrap{
  max-width:1200px; margin:0 auto; padding:0 20px;
}
.gs-testimonials .gs-tit{
  margin:0 0 16px; text-align:center; font-size:26px; font-weight:900; color:#222;
}
.gs-testimonials .gs-tit span{ margin-right:6px; font-size:20px; color:#ffcc33 }

/* Lista de cards */
.gs-t-list{
  display:grid; gap:22px;
  grid-template-columns: repeat(4, 1fr);
  align-items:stretch;
}

/* Card */
.gs-t-card{
  background:#fff; border:1px solid rgba(0,0,0,.06);
  border-radius:10px; padding:18px; position:relative;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
}
.gs-t-card::before{
  content:"“"; position:absolute; left:12px; top:6px;
  color:#d2d2d2; font-size:40px; line-height:1; font-family:Georgia, "Times New Roman", serif;
}
.gs-t-text{ margin:14px 0 10px; color:#444 }

/* Rodapé do card: nome + estrelas */
.gs-t-foot{
  display:flex; align-items:center; justify-content:space-between;
  border-top:1px solid rgba(0,0,0,.06); padding-top:10px; margin-top:8px;
}
.gs-t-foot strong{ color:#222; font-weight:700; font-size:14px }

/* Estrelas (sempre 5) */
.gs-stars{
  font-size:16px; letter-spacing:3px; color:#f4c01e; line-height:1;
}

/* Responsivo */
@media (max-width: 1100px){
  .gs-t-list{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px){
  .gs-t-list{ grid-template-columns: 1fr; }
}

/* Centralizar o título "Quem já comprou e recomenda" */
.gs-testimonials .gs-wrap{
  display:block !important;           /* garante que o título fique acima e não ao lado */
}
.gs-testimonials .gs-tit{
  text-align:center !important;
  margin: 0 auto 18px !important;
  font-size:28px;
  font-weight:900;
  max-width:900px;                     /* opcional: quebra bonita em 2 linhas */
}
.gs-testimonials .gs-tit span{
  margin-right:8px;
  color:#ffcc33;
  position:relative; top:-1px;
}

/* (opcional) linha sutil abaixo do título, estilo grandstore */
.gs-testimonials .gs-tit:after{
  content:"";
  display:block;
  width:72px; height:3px;
  background:#ffcc33; opacity:.35;
  border-radius:3px;
  margin:10px auto 0;
}
.gs-testimonials{ padding-top: 28px; }
/* zera qualquer recuo lateral do grid de cards */
.gs-testimonials .gs-t-list{ margin:0 !important; }

/* Respiro extra no bloco de depoimentos */
.gs-testimonials{
  padding: 64px 0 56px !important;   /* topo / laterais / baixo */
}

/* Mais espaço entre o título e os cards */
.gs-testimonials .gs-tit{
  margin: 0 auto 28px !important;
}

/* (opcional) um pouco mais de espaçamento entre os cards */
.gs-testimonials .gs-t-list{
  gap: 24px;
}

/* Mobile: respira, mas sem exagero */
@media (max-width: 768px){
  .gs-testimonials{ padding: 40px 0 36px !important; }
  .gs-testimonials .gs-tit{ margin-bottom: 22px !important; }
}












/* ===== Mobile: só reduzir os espaços entre as barras ===== */
@media (max-width: 768px){

  /* Aproxima a busca do restante (sem mudar o estilo dela) */
  form[action*="/busca"], .search, .busca{
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  /* Aproxima o menu de categorias da busca */
  .category-bar, .menu-horizontal, .menu-departamento, .nav-categories{
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  /* Esconde “espaçadores” que criam faixa branca entre os blocos */
  .header-spacer, .space-top, .spacer, .v-space{
    height:0 !important; margin:0 !important; padding:0 !important; display:none !important;
  }

  /* Alguns temas colocam margem no carrossel do menu – zerar */
  .category-bar .slick-list, .menu-horizontal .slick-list, .menu-departamento .slick-list{
    margin:0 !important;
  }
  .category-bar .slick-track, .menu-horizontal .slick-track, .menu-departamento .slick-track{
    margin:0 !important;
  }

  /* Tira setas grandes do menu (se existirem) */
  .category-bar .slick-arrow, .menu-horizontal .slick-arrow, .menu-departamento .slick-arrow,
  .category-bar .owl-nav, .menu-horizontal .owl-nav, .menu-departamento .owl-nav{
    display:none !important;
  }
}