@import url(https://fonts.googleapis.com/css2?family=Roboto:ital, wght@0, 300;
    0, 400;
    0, 500;
    0, 700;
    0, 900;
    1, 100;
    1, 700&display=swap);
    @import url(https: //fonts.googleapis.com/css2?family=Tajawal:wght@200;
    400;
    500;
    800;
    900&display=swap);
    @import url(https: //fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;
    300;
    400;
    600&display=swap);
    section.topo-destaque button.slick-prev.slick-arrow {
    left: -35px;
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,300&display=swap');
section.topo-destaque .slick-initialized .slick-slide {
    padding: 0 5px;
}
.vitrine.n4colunas h2 {
    display: none;
}
.box-voceviu .product__inner.text-center img {
    width: 175px;
    transform: translateY(-8px);
}
.box-voceviu .product__inner-content {
    left: 0;
    margin-top: 10px;
}
section.topo-destaque {
    background: #171717;
    padding: 30px 0 20px 0;
}
.box-voceviu h6 a, .slide-selecionados .vitrine a, .slide-vejatambem h6 a {
    font-size: 12px;
    font-family: 'Source Sans Pro', sans-serif;
}
section.banner-slides a.flex-next {
    border: none!important;
    outline: 0!important;
    color: transparent;
    background: url(/arquivos/seta-direita.png);
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: contain;
    text-shadow: none;
}
section.banner-slides a.flex-prev {
    border: none!important;
    outline: 0!important;
    color: transparent;
    background: url(/arquivos/seta-direita.png);
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(180deg);
    text-shadow: none;
  top: 48.3%;
}
.flex-direction-nav a:before {
    display: none;
}
.flex-direction-nav a:before {
    display: none;
}
section.vitrine-selecao .slick-initialized .slick-slide {
    cursor: pointer;
    max-width: 224px;
    padding: 0 16px;
}
section.vitrine-selecao ul.slick-initialized.slick-slider {
    padding: 0 0 0 0px;
}
section.vitrine-selecao .product.product--primary.product--main.animations {
    padding: 0;
    margin: 0;
}
section.vitrine-navegando h2 {
    font-size: 13px;
    text-transform: uppercase;
}
.box-voceviu button.slick-next.slick-arrow, .box-voceviu button.slick-prev.slick-arrow {
    display: none!important;
}
h3.titulo-vitrine {
        margin:5px 0 10px 0;
  font-family: 'Poppins', sans-serif;
}
section.destaques-mosaico {
  	position: relative;
    background: #171717;
    padding: 0px 0 0 0;
    margin-top: -60px;
}
section.vitrine-navegando {
    position: relative;
}
section.vitrine-navegando .vitrine.n5colunas h2, section.vitrine-selecao .vitrine.n5colunas h2 {
    display: none;
}
section.vitrine-navegando button.slick-next.slick-arrow {
    right: -40px;
}
button.slick-next.slick-arrow, button.slick-prev.slick-arrow {
    color: transparent;
    border: #ffdead;
    position: absolute;
    outline: 0;
      
}
button.slick-next.slick-arrow {
    
    width: 26px;
    height: 39px;
    background-size: cover;
    right: -4%;
    top: 125px;
background: transparent;

}





button.slick-next.slick-arrow:after {
  content: '';
  display: block;
  width: 36px;
  height: 2px;
  background: #FFFFFF4D;
  transform: rotate(135deg);
  top: 25px;
  position: absolute;
  left: 6px;
}

button.slick-next.slick-arrow:before {
    content: '';
    display: block;
    width: 36px;
    height: 2px;
    background: #FFFFFF4D;
    transform: rotate(46deg);
    position: absolute;
    top: -1px;
}



button.slick-prev.slick-arrow:after {
  content: '';
  display: block;
  width: 36px;
  height: 2px;
  background: #FFFFFF4D;
  transform: rotate(135deg);
  top: 25px;
  position: absolute;
  left: 6px;
}

button.slick-prev.slick-arrow:before {
    content: '';
    display: block;
    width: 36px;
    height: 2px;
    background: #FFFFFF4D;
    transform: rotate(
46deg
);
    position: absolute;
    top: -1px;
}


button.slick-prev.slick-arrow {
   
    width: 26px;
    height: 39px;
    background-size: cover;
    transform: rotate(182deg);
    top: 28%;
    left: -5%;
	background: transparent;

}
section.shopping-cart__body.js-cart-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #f5f5f5;
}
section.shopping-cart__body.js-cart-body::-webkit-scrollbar {
    width: 12px;
    background-color: #f5f5f5;
}
section.shopping-cart__body.js-cart-body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #d62929;
}
section.banner-slides .flex-direction-nav a {
    z-index: 1;
}
a.link-compra-rapida {
    font-size: 17px!important;
    line-height: 1;
    text-align: center;
    font-weight: 700;
}
.content-compra-rapida:hover a {
    color: #6dff02;
    transition: all .3s;
}
.content-compra-rapida a {
    color: #fff;
    transition: all .3s;
}
.content-compra-rapida:hover i {
    background-image: url(https://darkside.vteximg.com.br/arquivos/carrinhoVerde.png) !important;
    transition: all .3s;
}
.product.product--primary.product--main.animations h6 a:hover {
    color: #b31d1d;
    transition: all .3s;
}
.product.product--primary.product--main.animations h6 a {
    color: #fff;
    transition: all .3s;
    font-size: 14px;
}
.product.product--primary.product--main.animations h6 {
    line-height: 16px;
    margin: 0 0 0 5px;
}
section.vitrine-selecao .product__inner.text-center {
    height: auto;
}


/*
.destaque-banner-2{
    background: url('/arquivos/grimorio-moon-mosaico.png');
        background-size: cover;
    background-repeat: no-repeat;
    display: block;
    
}


.destaque-banner-3{
    background: url('/arquivos/banner-mosaico-autores-5.png');
     background-size: cover;
    background-repeat: no-repeat;
    display: block;
    
}

.destaque-banner-0{
  background: url('/arquivos/estante-mosaico.png');
  background-size: cover;
  background-repeat: no-repeat;
  width: initial;
  display: block;
}


section.destaques-mosaico img {
    display: none;
}


.destaque-banner-1{
    background: url('/arquivos/dark-home-mosaico.png');
    display: block;
    width: initial;

    background-size: cover;
    background-repeat: no-repeat;
}
*/

section.destaques-mosaico div div div {
    position: relative;
    max-width: 100%;
}




section.destaques-mosaico img {
    width: 100%;
}

.destaque-banner-3 {
    margin-top: 37px;
}

section.destaques-mosaico .col-md-12 {
    margin: 0;
}

.vitrine.n10colunas h2 {
    display: none;
}


.grid-container {
  display: grid;
  /* grid-template-columns: 1fr 1fr 1fr 1fr; */
  /* grid-template-rows: 1fr 1fr 1fr; */
  grid-template-areas:
    "sds dfdf dfdfd ."
    "sds sdsdsds sdsdsds ."
    ". . . .";
  background: #171717;
}

.sds { grid-area: sds; }

.dfdf { grid-area: dfdf; }

.dfdfd { grid-area: dfdfd; }

.sdsdsds { grid-area: sdsdsds; }



@media only screen and (min-width: 1650px) {
   section.destaques-mosaico .col-md-12 {
      margin: 60px 0 0 0;
  }
}

section.categorias .container.pt-2.pb-2 {
    margin: 5px auto 0 auto;
    padding: 0;
}
section.topo-destaque button.slick-next.slick-arrow {
    right: -20px;
      width: 0;
}

section.topo-destaque button.slick-prev.slick-arrow {
    left: -24px;
    top: 38%;
    width: 0;
}

/*

.box-banner .flexslider .slides img {
    height: 462px;
}

.flexslider .slides img{
height: 462px;
}

.box-banner a img{
  height: 462px;
}
*/
.qrcode-dark img {
    max-width: 74px;
}

ol.flex-control-nav.flex-control-paging {
    display: none;
}

.sdsdsds.pt-0 {
    margin-top: -3px;
    left: 3px;
}

section.topo-destaque .col {
    padding: 0 0px 0 0px;
    margin: 0;
}

section.topo-destaque .slick-slide img {
    padding: 0 5px;
    height: 300px;
}


div#beon-element-773f4dde-9195-43e2-b5c9-1e3849421d33 .beon-showcase__head-inner {
    margin-bottom: -30px !important;
    margin-top: -22px;
}

section.vitrine-selecao {
    display: none !important;
}

section.destaques-mosaico {margin-top: 0px; padding-bottom: 45px}


div#beon-region-f5160c94-6408-4ccf-881f-cb409f6168fa {
    margin-bottom: -50px;
}

div#beon-01 {
    padding-top: 25px;
}

div#beon-02, div#beon-01 {
    background-color: #171717 !important;
}
section.destaques-mosaico video {
    width: 100%;
}
.vitrineCompletaNaoBeon button.slick-prev.slick-arrow {
    top: 40%;
}

.vitrineCompletaNaoBeon button.slick-next.slick-arrow {
    top: 43%;
}


/*Setas Slide categoria*/

.slick-cat .slick-slide img {
    display: inline-block;
}

.slick-cat button.slick-arrow {
    width: 10px;
    height: 10px;
    background-size: cover;
    top: 30%;
    background: transparent;
    transform: none;
}

.slick-cat button.slick-prev.slick-arrow:after, .slick-cat button.slick-next.slick-arrow:after{
    display: none;
}

.slick-cat button.slick-prev.slick-arrow:before{
    background: transparent;
}

.slick-cat button.slick-prev.slick-arrow:before {
    display: block;
    content: ' ';
    background-image: url(/arquivos/seta-esquerda-stories.svg);
    height: 26px;
    width: 15px;
    background-size: 15px 26px;
    transform: scale(0.8);
}

.slick-cat button.slick-next.slick-arrow:before{
    background: transparent;
}

.slick-cat button.slick-next.slick-arrow:before {
    display: block;
    content: ' ';
    background-image: url(/arquivos/seta-direita-stories.svg);
    height: 26px;
    width: 15px;
    background-size: 15px 26px;
    transform: scale(0.8);
}

.slick-cat button.slick-prev.slick-arrow{
      left: -2%;  
}

.slick-cat button.slick-next.slick-arrow{
      right: -2%;  
}

.slick-cat { display: none; }
.slick-cat.slick-initialized { display: block; }

button.slick-prev.slick-arrow {
    top: 38%;
}

button.slick-next.slick-arrow {
    top: 38%;
}

.btn-cadastrarse {
    border: 1px solid #fff;
    background: 0 0;
    color: #fff;
    padding: 8px 20px;
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 14px;
    transition: all .3s;
    width: 100%;
}

.vitrineCompletaNaoBeon.slick-initialized.slick-slider {
    display: none;
}