/* =========================================================
   WINNER WEAR V22 — CSS MASTER CONSOLIDADO
   ========================================================= */

html,
body{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}

*,
*:before,
*:after{
  box-sizing:border-box;
}

img{
  max-width:100%;
}


/* =========================================================
   HOME — FULL BANNER
   ========================================================= */

.pagina-inicial .secao-banners,
.pagina-home .secao-banners{
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}

.pagina-inicial .secao-banners .conteiner,
.pagina-home .secao-banners .conteiner{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

.pagina-inicial .banner.cheio,
.pagina-home .banner.cheio,
.pagina-inicial .abriga-fullbanner,
.pagina-home .abriga-fullbanner{
  position:relative!important;

  width:100%!important;
  max-width:none!important;

  height:auto!important;
  min-height:0!important;

  margin:0!important;
  padding:0!important;

  overflow:hidden!important;

  border:0!important;

  background:transparent!important;
  box-shadow:none!important;
}


/* FLEXSLIDER */

.pagina-inicial .banner.cheio .flexslider,
.pagina-home .banner.cheio .flexslider,
.pagina-inicial .banner.cheio.flexslider,
.pagina-home .banner.cheio.flexslider,
.pagina-inicial .abriga-fullbanner .flexslider,
.pagina-home .abriga-fullbanner .flexslider{
  position:relative!important;

  width:100%!important;
  max-width:100%!important;

  height:auto!important;
  min-height:0!important;

  margin:0!important;
  padding:0!important;

  overflow:hidden!important;

  border:0!important;

  background:transparent!important;
  box-shadow:none!important;
}


/* VIEWPORT */

.pagina-inicial .flex-viewport,
.pagina-home .flex-viewport{
  position:relative!important;

  width:100%!important;
  max-width:100%!important;

  min-height:0!important;

  margin:0!important;
  padding:0!important;

  overflow:hidden!important;
}


/* SLIDES */

.pagina-inicial .banner.cheio ul.slides,
.pagina-home .banner.cheio ul.slides,
.pagina-inicial .abriga-fullbanner ul.slides,
.pagina-home .abriga-fullbanner ul.slides{
  position:relative!important;

  display:block!important;

  margin:0!important;
  padding:0!important;

  list-style:none!important;

  min-height:0!important;
}


/*
   IMPORTANTE:
   devolve o comportamento horizontal do FlexSlider.
   NÃO alteramos width nem transform.
*/

.pagina-inicial .banner.cheio ul.slides > li,
.pagina-home .banner.cheio ul.slides > li,
.pagina-inicial .abriga-fullbanner ul.slides > li,
.pagina-home .abriga-fullbanner ul.slides > li{
  position:relative!important;

  display:block!important;

  float:left!important;

  height:auto!important;
  min-height:0!important;

  margin:0!important;
  padding:0!important;

  line-height:0!important;
}


/* LINK DO BANNER */

.pagina-inicial .banner.cheio ul.slides > li > a,
.pagina-home .banner.cheio ul.slides > li > a{
  display:block!important;

  width:100%!important;
  height:auto!important;

  margin:0!important;
  padding:0!important;

  line-height:0!important;
}


/* IMAGEM */

.pagina-inicial .banner.cheio ul.slides img,
.pagina-home .banner.cheio ul.slides img,
.pagina-inicial .abriga-fullbanner ul.slides img,
.pagina-home .abriga-fullbanner ul.slides img{
  position:static!important;

  display:block!important;

  width:100%!important;
  max-width:100%!important;

  height:auto!important;
  min-height:0!important;
  max-height:none!important;

  margin:0!important;
  padding:0!important;

  object-fit:contain!important;
  object-position:center center!important;

  transform:none!important;

  border:0!important;
}


/* MOBILE */

@media(max-width:767px){

  .pagina-inicial .secao-banners,
  .pagina-home .secao-banners{
    width:100vw!important;
    max-width:100vw!important;

    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
  }

}


/* DESKTOP */

@media(min-width:768px){

  .pagina-inicial .banner.cheio .flexslider,
  .pagina-home .banner.cheio .flexslider,
  .pagina-inicial .banner.cheio .flex-viewport,
  .pagina-home .banner.cheio .flex-viewport{
    left:0!important;
    right:auto!important;

    width:100%!important;
    max-width:100%!important;

    margin-left:0!important;
    margin-right:0!important;
  }

}


/* =========================================================
   SETAS DO BANNER
   ========================================================= */

.pagina-inicial .banner.cheio .flex-direction-nav a,
.pagina-home .banner.cheio .flex-direction-nav a{
  position:absolute!important;

  top:50%!important;

  z-index:40!important;

  transform:translateY(-50%)!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  width:42px!important;
  height:42px!important;

  margin:0!important;

  border:1px solid rgba(255,255,255,.55)!important;
  border-radius:50%!important;

  background:rgba(0,0,0,.24)!important;

  box-shadow:0 4px 14px rgba(0,0,0,.14)!important;

  opacity:1!important;

  color:transparent!important;

  font-size:0!important;
  text-indent:-9999px!important;

  overflow:hidden!important;
}

.pagina-inicial .banner.cheio .flex-prev,
.pagina-home .banner.cheio .flex-prev{
  left:14px!important;
}

.pagina-inicial .banner.cheio .flex-next,
.pagina-home .banner.cheio .flex-next{
  right:14px!important;
}

.pagina-inicial .banner.cheio .flex-prev:before,
.pagina-home .banner.cheio .flex-prev:before{
  content:"‹"!important;

  color:#fff!important;

  font-size:27px!important;
  line-height:1!important;

  text-indent:0!important;
}

.pagina-inicial .banner.cheio .flex-next:before,
.pagina-home .banner.cheio .flex-next:before{
  content:"›"!important;

  color:#fff!important;

  font-size:27px!important;
  line-height:1!important;

  text-indent:0!important;
}

@media(max-width:767px){

  .pagina-inicial .banner.cheio .flex-direction-nav a,
  .pagina-home .banner.cheio .flex-direction-nav a{
    width:38px!important;
    height:38px!important;
  }

}


/* =========================================================
   CARDS — HOME + CATEGORIA
   ========================================================= */

.listagem-item .lv-card-light,
.listagem-item .lv-card-dark,
.listagem-item .lv-card-garbage,
.listagem-item .acoes-produto,
.listagem-item .acoes-produto-responsiva,
.listagem-item .produto-sobrepor,
.listagem-item .acoes-flutuante{
  display:none!important;
}

.lv-card-actions-row{
  position:relative!important;

  z-index:5!important;

  display:grid!important;

  grid-template-columns:1fr 1fr!important;

  width:100%!important;

  gap:6px!important;

  margin:10px 0 0!important;
}

.lv-card-actions-row a{
  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  height:38px!important;

  padding:0 7px!important;

  text-decoration:none!important;
  text-transform:uppercase!important;

  letter-spacing:.05em!important;

  font-size:9px!important;
  font-weight:700!important;

  line-height:1.1!important;
}

.lv-card-view{
  background:#fff!important;

  color:#111!important;

  border:1px solid #d8d8d8!important;
}

.lv-card-choose{
  background:#050505!important;

  color:#fff!important;

  border:1px solid #050505!important;
}

.lv-card-view:hover{
  background:#f5f5f5!important;
  color:#111!important;
}

.lv-card-choose:hover{
  background:#202020!important;
  color:#fff!important;
}

@media(max-width:767px){

  .lv-card-actions-row{
    gap:4px!important;
    margin-top:8px!important;
  }

  .lv-card-actions-row a{
    height:34px!important;

    padding:0 4px!important;

    font-size:8px!important;
  }

}


/* IMAGEM CLICÁVEL */

.listagem-item .imagem-produto{
  position:relative!important;

  z-index:2!important;

  pointer-events:auto!important;
}

.listagem-item .imagem-produto a{
  position:relative!important;

  z-index:5!important;

  display:block!important;

  width:100%!important;
  height:100%!important;

  pointer-events:auto!important;

  cursor:pointer!important;
}

.listagem-item .imagem-produto img{
  pointer-events:none!important;
}


/* =========================================================
   BOTÕES GERAIS
   ========================================================= */

.botao.principal,
.botao-comprar,
.btn-primary,
.btn-success,
.finalizar-compra,
.botao-finalizar-compra,
.acao-principal,
.pagina-produto .comprar .botao,
.pagina-produto .botao-comprar{
  background:#050505!important;
  background-color:#050505!important;
  background-image:none!important;

  color:#fff!important;

  border-color:#050505!important;

  box-shadow:none!important;
  text-shadow:none!important;
}


/* =========================================================
   TABELA DE MEDIDAS
   ========================================================= */

.ww-product-page .ww-size-source{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;

  width:0!important;
  height:0!important;

  min-width:0!important;
  min-height:0!important;

  max-width:0!important;
  max-height:0!important;

  margin:0!important;
  padding:0!important;
}

.ww-product-page .ww-size-wrap{
  display:none!important;

  height:0!important;

  margin:0!important;
  padding:0!important;

  overflow:hidden!important;
}


/* BOTÃO */

#ww-size-btn{
  display:inline-flex!important;

  align-items:center!important;

  gap:7px!important;

  margin:12px 0 16px!important;
  padding:0!important;

  border:0!important;

  background:transparent!important;

  color:#171717!important;

  font-size:13px!important;
  font-weight:600!important;

  line-height:1.3!important;

  text-decoration:underline!important;
  text-underline-offset:4px!important;

  cursor:pointer!important;

  box-shadow:none!important;
}

#ww-size-btn:after{
  content:"→";

  font-size:16px!important;
}


/* MODAL */

#ww-size-modal{
  position:fixed!important;

  inset:0!important;

  z-index:999999!important;

  display:none!important;

  align-items:center!important;
  justify-content:center!important;

  padding:24px!important;

  background:rgba(0,0,0,.62)!important;

  backdrop-filter:blur(4px)!important;
  -webkit-backdrop-filter:blur(4px)!important;
}

#ww-size-modal.is-open{
  display:flex!important;
}

#ww-size-modal .ww-size-dialog{
  position:relative!important;

  width:min(760px,94vw)!important;
  max-height:92vh!important;

  overflow:auto!important;

  padding:28px!important;

  background:#fff!important;

  border-radius:16px!important;

  box-shadow:0 24px 70px rgba(0,0,0,.25)!important;
}

#ww-size-modal .ww-size-title{
  margin:0 48px 22px 0!important;

  color:#111!important;

  font-size:22px!important;
  font-weight:700!important;
}

#ww-size-modal .ww-size-close{
  position:absolute!important;

  top:17px!important;
  right:17px!important;

  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  width:40px!important;
  height:40px!important;

  padding:0!important;

  border:1px solid #ddd!important;
  border-radius:50%!important;

  background:#fff!important;

  color:#111!important;

  font-size:26px!important;

  cursor:pointer!important;
}

#ww-size-modal .ww-size-image{
  display:block!important;

  width:100%!important;
  max-width:100%!important;

  height:auto!important;

  margin:0 auto!important;
}

@media(max-width:767px){

  #ww-size-modal{
    padding:10px!important;
  }

  #ww-size-modal .ww-size-dialog{
    width:100%!important;

    max-height:95vh!important;

    padding:20px 15px!important;

    border-radius:14px!important;
  }

  #ww-size-modal .ww-size-title{
    font-size:19px!important;
  }

}


/* =========================================================
   CARRINHO
   ========================================================= */

html.ww-cart-page #corpo,
body.ww-cart-page #corpo{
  background:#fff!important;
}


/* classes aplicadas pelo JS exclusivo */

.ww-cart-dark{
  color:#252525!important;

  -webkit-text-fill-color:#252525!important;

  opacity:1!important;

  text-shadow:none!important;
}

.ww-cart-soft{
  color:#606060!important;

  -webkit-text-fill-color:#606060!important;

  opacity:1!important;

  text-shadow:none!important;
}

.ww-cart-old{
  color:#999!important;

  -webkit-text-fill-color:#999!important;

  opacity:1!important;
}

.ww-cart-panel{
  background:#f2f3f4!important;
  background-color:#f2f3f4!important;
  background-image:none!important;

  border-color:#e0e0e0!important;

  box-shadow:none!important;
}

.ww-cart-heading{
  background:#f5f6f7!important;
  background-color:#f5f6f7!important;
  background-image:none!important;

  border:0!important;

  box-shadow:none!important;
}


/* INPUTS */

.ww-cart-page #corpo input,
.ww-cart-page #corpo select,
.ww-cart-page #corpo textarea{
  background:#fff!important;

  color:#202020!important;

  -webkit-text-fill-color:#202020!important;

  border-color:#c8c8c8!important;
}


/* CALCULAR */

.ww-cart-page #corpo .ww-cart-calc,
.ww-cart-page #corpo .ww-cart-calc *{
  background:#050505!important;
  background-color:#050505!important;
  background-image:none!important;

  color:#fff!important;

  -webkit-text-fill-color:#fff!important;

  border-color:#050505!important;

  fill:#fff!important;
  stroke:#fff!important;
}


/* CONTINUAR */

.ww-cart-page #corpo .continuar-comprando,
.ww-cart-page #corpo .continuar-comprando *{
  background:#dedede!important;

  color:#222!important;

  -webkit-text-fill-color:#222!important;

  border-color:#dedede!important;
}


/* FINALIZAR */

.ww-cart-page #corpo .finalizar-compra,
.ww-cart-page #corpo .finalizar-compra *,
.ww-cart-page #corpo .botao-finalizar-compra,
.ww-cart-page #corpo .botao-finalizar-compra *,
.ww-cart-page #corpo .botao.principal,
.ww-cart-page #corpo .botao.principal *{
  background:#050505!important;

  color:#fff!important;

  -webkit-text-fill-color:#fff!important;

  border-color:#050505!important;

  fill:#fff!important;
  stroke:#fff!important;
}


/* =========================================================
   FIM WINNER V22
   ========================================================= */