/*Estilo hotsite mercado CasasBahia v1.3*/

/*Estilos de Casas Bahia*/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
.lp-mercado .deck-limpeza .card-produto a {background: #F6F5F0; border: 2px solid #0033C6}
.lp-mercado .deck-limpeza .card-produto a span {background: #0033C6;}
.lp-mercado .deck-limpeza .fx-hover {box-shadow: rgba(13,131,144,0.4)}
.lp-mercado .deck-bebidas .card-produto a {background: #F6F5F0; border: 2px solid #E71A3B;}
.lp-mercado .deck-bebidas .card-produto a span {background: #E71A3B;}
.lp-mercado .deck-despensa .card-produto a {background: #F6F5F0; border: 2px solid #F5B02E;}
.lp-mercado .deck-despensa .card-produto a span {background: #F5B02E; color: #030303}

.lp-mercado {background:#F6F5F0; font-family: 'Lato', sans-serif; font-weight: bold}
.lp-mercado a {text-decoration: none;}
.lp-mercado h2 {font-size: 28px; color: #313131; margin-bottom: 30px; text-align: center; text-transform: uppercase; font-weight: bold;}
.lp-mercado .container-content {width:1260px; margin: 0 auto; }
.lp-mercado section {padding: 50px 0;}
.lp-mercado .fx-hover,.lp-mercado .fx-hover a {transition: all 0.25s; transition-property: box-shadow, transform; box-shadow: 0 1px 10px rgba(0,0,0,0)}
.lp-mercado a:hover .fx-hover,.lp-mercado .fx-hover:hover {box-shadow: 0 20px 30px -10px rgb(0 0 0 / 40%);transform: translateY(-5px);}
.lp-mercado-topo .desktop-only {display: block;}
.lp-mercado-topo .mobile-only {display: none;}

/* Topo */
.lp-mercado section.topo {background: #010BBB; padding: 0}
.lp-mercado section.topo .container-content {background: #000BBF top center no-repeat;}
.lp-mercado section.topo img {width: 100%;}
.lp-mercado-topo {background:#ff1339; }
.lp-mercado-topo .container-content {width:1260px; margin: 0 auto; }

/* Slots mais procurados */
.lp-mercado section.mais-procurados ul {display: flex;}
.lp-mercado section.mais-procurados ul li {margin-right: 35px; text-align: center; width:calc(100% / 8)}
.lp-mercado section.mais-procurados ul li:last-child {margin: 0;}
.lp-mercado section.mais-procurados ul li a {color:#202020;}
.lp-mercado section.mais-procurados ul li a img {border-radius: 70px; background: transparent; width: 100%; border: 2px solid #ED1A3B}
.lp-mercado section.mais-procurados ul li a img:hover {background: #fff;}
.lp-mercado section.mais-procurados ul li a span {display: block; color: #202020; font-size: 20px; line-height: 22px; margin-top: 12px;}

/* Mosaico procurados */
.lp-mercado section.produtos {display: flex;}
.lp-mercado section.produtos .produtos-limpeza {margin-right: 35px; width: 50%;}
.lp-mercado section.produtos .produtos-bebidas {width: 50%;}
.lp-mercado section.produtos .deck-produto .col-2 {width: 100%;}
.lp-mercado section.produtos .deck-produto .col-1 {width: calc(50% - 17.5px); margin-right: 35px;}
.lp-mercado section.produtos .deck-produto .col-1:nth-child(3),.lp-mercado section.produtos .deck-produto .col-1:nth-child(5) {margin-right: 0;}
.lp-mercado .deck-produto {display: flex; flex-wrap: wrap;}
.lp-mercado .deck-produto .card-produto a {display: block; color: #fff; border-radius: 10px}
.lp-mercado .deck-produto .card-produto a:hover {border-radius: 10px;}
.lp-mercado .deck-produto .card-produto figure {width: 100%; margin: 0;}
.lp-mercado .deck-produto .card-produto figure:hover {background: #fff}
.lp-mercado .deck-produto .card-produto figure img {max-height: 263px;}
.lp-mercado .deck-produto .card-produto span {font-size: 22px; font-weight: 400; padding: 5px; background: #333; color: #fff; text-transform: uppercase; height: 70px; display: grid; align-items: center; width: 100%;}

/* Mosaico despensa */
.lp-mercado section.despensa .deck-produto .col-1 {width: calc(100% / 4 - 27px); margin-right: 35px;}
.lp-mercado section.despensa .deck-produto .col-1:nth-child(4),.lp-mercado section.despensa .deck-produto .col-1:nth-child(8) {margin-right: 0;}
.lp-mercado .deck-produto .card-produto {text-align: center; background: #ccc; margin-bottom: 35px; border-radius: 10px; overflow: hidden;}

/* Marcas */
.lp-mercado section.marcas ul {display: flex;}
.lp-mercado section.marcas ul li {width:calc(100% / 6); background-color: #A8A8A8; border-radius: 10px; margin-right: 35px;}
.lp-mercado section.marcas ul li:last-child {margin-right: 0;}
.lp-mercado section.marcas ul li a {padding: 20px; display: block;}
.lp-mercado section.marcas ul li img {width: 100%;}

/* Estilos da versão mobile */
@media screen and (max-width: 768px) {
.lp-mercado-topo .desktop-only {display: none;}
.lp-mercado-topo .mobile-only {display: block; width: 100%;}
.lp-mercado-topo .container-content {width:100%; padding: 0 10px;}
.lp-mercado-topo section {padding: 30px 0;}
.lp-mercado h2 {font-size: 20px; margin-bottom: 20px; line-height: 23px;}
.lp-mercado .container-content {width:100%; padding: 0 10px;}
.lp-mercado section {padding: 30px 0;}
.lp-mercado .fx-hover,.lp-mercado .fx-hover a {box-shadow: none;}
.lp-mercado a:hover .fx-hover,.lp-mercado .fx-hover:hover {box-shadow: none;}

.lp-mercado section.mais-procurados ul {flex-wrap: wrap;}
.lp-mercado section.mais-procurados ul li {width: calc(100% / 4 - 7.5px); margin-right: 10px; margin-bottom: 25px;}
.lp-mercado section.mais-procurados ul li:nth-child(4) {margin-right: 0;}
.lp-mercado section.mais-procurados ul li a span {font-size: 15px; line-height: 18px; margin-top: 10px;}

.lp-mercado section.produtos {flex-wrap: wrap;}
.lp-mercado section.produtos .produtos-limpeza {margin-right: 0; width: 100%; margin-bottom: 30px;}
.lp-mercado section.produtos .produtos-bebidas {width: 100%;}
.lp-mercado section.produtos .deck-produto .col-1 {margin-right: 10px; width: calc(50% - 5px);}
.lp-mercado section.produtos .deck-produto .col-2 figure {height: 79%;}
.lp-mercado .deck-produto .card-produto {margin-bottom: 10px;}

.lp-mercado .deck-produto .card-produto figure {height: 78%;}

.lp-mercado .deck-produto .card-produto figure img {max-width: 80%;}
.lp-mercado .deck-produto .card-produto span {font-size: 14px; height: 40px;}

.lp-mercado section.despensa .deck-produto .col-1 {width: calc(100% / 2 - 5px); margin-right: 10px;}
.lp-mercado section.despensa .deck-produto .col-1:nth-child(2),.lp-mercado section.despensa .deck-produto .col-1:nth-child(4),.lp-mercado section.despensa .deck-produto .col-1:nth-child(6), .lp-mercado section.despensa .deck-produto .col-1:nth-child(8) {
    margin-right: 0;}
.lp-mercado section.marcas ul {flex-wrap: wrap;}
.lp-mercado section.marcas ul li {width: calc(100% / 3 - 7px); margin-right: 10px; margin-bottom: 10px;}
.lp-mercado section.marcas ul li:nth-child(3),.lp-mercado section.marcas ul li:nth-child(6){margin-right: 0;}
}



/* Banner TV */
 .area-1 {
  background: #f0f9ff;
}

 .brnTvAuto {
  width: 100%;
  height: 100%;
  background: none;
  max-height: 400px;
  background-color: #0033C6;
}

 .bnrAuto {
  width: 100%;
  margin: 20px auto 0;
  position: relative;
  display:none;
}

 .bnrAuto.slick-initialized{
 display: block;
 max-width: 940px;
 padding-top: 33px;
} 

 .slick-list {
  background: none!important;
  width:100%;
  height: 357px;
  min-width: 85.333em;
  max-width: 106.666em;
  margin: 0 auto;
  padding: 0 1.667em;
  overflow: hidden;
}

 .slick-slide {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 8px;
}

 .bannerConceitualLnk {
  display: block;
  width: auto;
  height: 100%;
}

 .bannerConceitual {
  width: auto;
  height: 100%;
}

 .sideImage {
    width: 45%;
    height: 312px;
    padding: 0;
    float: left;
    position: relative;
    background: #fff;
    border-radius: 8px 0 0 8px;
}

 .productImage a {
    text-align: center;
    display: block;
}

 .productImage a img {
    margin: 10px 0 0 40px;
}

 .sideDetails {
    width: 55%;
    height: 312px;
    background: #fff;
    border-radius: 0 8px 8px 0;
}

 .sideDetails .flagsAuto {
  top: 30px;
}

 .sideDetails .name {
  margin: 70px 0 0 0!important;
}

 .sideDetails .productDetails {
  margin-left: 0;
}

 .bnrAuto button{
  position: absolute;
  z-index: 9999;
}

 .bnrAuto button.slick-prev, 
 .bnrAuto button.slick-next {
    height: 57px!important;
    width: 55px!important;
    display: block!important;
    cursor: pointer;
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    border: none;
    font-size: 0;
}

 .bnrAuto button.slick-prev {
    background: url(https://www.casasbahia-imagens.com.br/html/departamentos/vitrine-automatizada/images/seta-prev.png)no-repeat;
}

 .bnrAuto button.slick-next {
    background: url(https://www.casasbahia-imagens.com.br/html/departamentos/vitrine-automatizada/images/seta-next.png)no-repeat;
}

 .bnrAuto button.slick-prev {
    left: 0 !important;
    top: 135px!important;
}

 .bnrAuto .slick-dots { position: absolute; bottom: 0; z-index: 1001; left: 50%; display: flex; justify-content: center; align-items: stretch; height: 34px; padding: 9px 5px; border-radius: 50px; transform: translateX(-50%); }
 .bnrAuto .slick-dots li { display: flex; justify-content: center; align-items: center; margin: 0 10px;}
 .bnrAuto .slick-dots button { width: 12px; height: 12px; margin: 0 6px; padding: 0; text-indent: -999em; background-color: #D9D9D9; border: 0; border-radius: 50%; transition: all 200ms; cursor: pointer; }
 .bnrAuto .slick-dots .slick-active button { width: 16px; height: 16px; margin: 0 4px; background-color: #fff; }

 .bnrAuto button.slick-next {
    right: 0 !important;
    top: 135px!important;
}