@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap');

/* GERAL */

html { scroll-behavior: smooth; scroll-padding-top: 240px; }

body.rnk-body-landing-kits-swift {
  main{
    font-family: 'Montserrat', sans-serif;
  }
 }

main { padding-top: 45px; }

main {
  h2 {margin-bottom: 30px; color: #383838}
  h2, h3, h4, h5, h6 {line-height: 1.2;}
}

.bs-container:has(.splide:empty),
.bs-container:has(.splide__list:empty) { display: none; }

.rnk-container-carrosel { padding-bottom: 30px; position: relative; }
.rnk-container-carrosel .splide .splide__list { width: 100%!important; list-style: none; }
.rnk-container-carrosel .splide .splide__pagination__page.is-active { background: #000; }
.rnk-container-carrosel .splide img { border-radius: 20px; }
.rnk-container-carrosel .splide ul.splide__pagination { bottom: 8px; display: flex !important; }
.rnk-container-carrosel .splide ul.splide__pagination button.splide__pagination__page { background: #fff; opacity: 1; width: 12px; height: 12px; margin: 5px; }
.rnk-container-carrosel .splide ul.splide__pagination button.is-active { background: #f0b323; -webkit-transform: unset; transform: unset; }
.rnk-container-carrosel .splide div.splide__arrows { display: none; }



/* RNK NEW GENERIC SHELF - PRATELEIRA COM CARROSEL */
.rnk-new-generic-shelf-slider h2 { margin-bottom: 30px; }
.rnk-new-generic-shelf-slider .shelf { padding-top: 0px !important; padding-bottom: 0px !important; }
.rnk-new-generic-shelf-slider .shelf > ul { flex-wrap: nowrap !important; }

.rnk-new-generic-shelf-slider .splide,
.rnk-container-prateleira .splide { margin: 0px 0 50px; }

.rnk-container-prateleira {
  h2 {
    font-size: 35px;
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 5px;
    width: 100%;
    span {
      color: #dc4405;
    }
  }
  @media (max-width: 768px) {
    h2 {letter-spacing: 2px;}
  }
}

.rnk-container-prateleira > .col-12 {
  padding: 0 !important;
}

@media (max-width: 768px) {
  main {
    h2{padding: 0;}
  }
}

.rnk-new-generic-shelf-slider .splide .splide__arrows,
.rnk-container-prateleira .splide .splide__arrows { display: block; }

.rnk-new-generic-shelf-slider .splide .splide__arrows .splide__arrow,
.rnk-container-prateleira .splide .splide__arrows .splide__arrow { background: #ef5f00; }

.rnk-new-generic-shelf-slider .splide .splide__arrows .splide__arrow path,
.rnk-container-prateleira .splide .splide__arrows .splide__arrow path { fill: #fff; }

.rnk-new-generic-shelf-slider .splide .splide__pagination,
.rnk-container-prateleira .splide .splide__pagination { display: flex; bottom: -70px !important; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin: 30px auto; }

.rnk-new-generic-shelf-slider .splide .splide__pagination button.splide__pagination__page,
.rnk-container-prateleira .splide .splide__pagination button.splide__pagination__page { background: #e9e9e9; }

.rnk-new-generic-shelf-slider .splide .splide__pagination button.is-active,
.rnk-container-prateleira .splide .splide__pagination button.is-active { background: #f0b323 }

.rnk-container-prateleira .splide .splide__arrows .splide__arrow--next { right: 0; }
.rnk-container-prateleira .splide .splide__arrows .splide__arrow--prev { left: 0; }

.rnk-new-generic-shelf-slider .splide .splide__arrows .splide__arrow--next { right: 15px; }
.rnk-new-generic-shelf-slider .splide .splide__arrows .splide__arrow--prev { left: 15px; }

@media(min-width: 992px) {
    .rnk-new-generic-shelf-slider .splide ul.splide__list li {
        width: 25% !important;
    }
}

.rnk-container-prateleira .collection-shelf { font-family: "AvenirNext","sans-serif" !important; }
.rnk-container-prateleira .collection-shelf .n1colunas h2 { display: none; }

@media(min-width: 992px) {
    .rnk-container-prateleira .collection-shelf .splide__list .splide__slide { width: 25% !important; }
}


/* RNK CONTAINER NAVEGUE POR ENTREGAS */
.rnk-container-navegue-por-entregas { margin-top: 60px; margin-bottom: 60px; }
.rnk-navegue-por-entregas-content { background-color: #EDEDED; padding: 30px 40px; border-radius: 50px 0px 50px 50px; }
.rnk-navegue-por-entregas-content h2 { font-family: barlow condensed,sans-serif; text-transform: uppercase; font-weight: 700; font-size: 35px; letter-spacing: 5px; }
.rnk-navegue-por-entregas-content h2 span{ color: #e04403; }
.rnk-navegue-por-entregas-content ul { list-style: none; display: flex; justify-content: space-between; gap: 15px; margin: 20px 0 0 0; padding: 0; }
.rnk-navegue-por-entregas-content ul li a { display: flex; flex-direction: column; align-items: center; text-decoration: none; }
.rnk-navegue-por-entregas-content ul li a h3 { order: 2; margin-top: 10px; font-family: barlow condensed,sans-serif; font-size: 16px; text-transform: uppercase; letter-spacing: 0.65px; color: #3D3935; }
.rnk-navegue-por-entregas-content ul li a span { order: 1; display: flex; align-items: center; justify-content: center; width: 107px; height: 107px; background-color: #fff; border-radius: 50% 0 50% 50%; position: relative; }
.rnk-navegue-por-entregas-content ul li a span img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: .15s ease-in-out; }
.rnk-navegue-por-entregas-content ul li a:hover span img { top: 40%; transition: .15s ease-in-out; }


/* RNK CONTAINER BANNER UNICO */
.rnk-container-banner-unico { margin-top: 60px; margin-bottom: 60px; }
.rnk-container-banner-unico a { display: flex; justify-content: center; }
.rnk-container-banner-unico a img { min-width: 100%; border-radius: 8px; }


/* RNK CONTAINER BANNER DUPLO */
.rnk-container-banner-duplo { margin-top: 60px; margin-bottom: 60px; }
.rnk-container-banner-duplo ul { list-style: none; display: flex; justify-content: space-between; margin: 0; padding: 0; gap: 15px; }
.rnk-container-banner-duplo ul li { display: flex; align-items: center; flex-direction: column; width: min-content; }
.rnk-container-banner-duplo ul li p { font-family: 'Nunito'; font-size: 16px; margin-top: 20px; }
.rnk-container-banner-duplo ul li a img { border-radius: 8px; max-height: 240px; max-width: unset; }
.rnk-container-banner-duplo:has(ul:empty) { display: none; }
.rnk-container-banner-duplo p {margin-bottom: 1rem;}


/* RNK CONTAINER BANNER TRIPLO */
.rnk-container-banner-triplo { margin-top: 60px; margin-bottom: 60px; }
.rnk-container-banner-triplo ul { list-style: none; display: flex; justify-content: space-between; margin: 0; padding: 0; gap: 15px; }
.rnk-container-banner-triplo ul li a img { border-radius: 50px 50px 0px 50px; max-width: unset;}


@media(max-width: 1200px) {
    .rnk-container-banner-duplo ul, .rnk-container-banner-triplo ul { overflow: scroll hidden; }
}

@media(max-width: 992px) {
    main { padding-top: 65px; }

    .rnk-new-generic-shelf-slider .splide, .rnk-container-prateleira .splide { margin-bottom: 50px; }

    .rnk-navegue-por-entregas-content { padding: 30px 15px; }
    .rnk-navegue-por-entregas-content ul { overflow: scroll hidden; margin: 20px -15px 0 -15px; padding-left: 15px; padding-right: 15px; }
}

@media(max-width: 768px) {
    .bs-container h2 { font-size: 23px !important; }

    .rnk-new-generic-shelf-slider h2 { margin-bottom: 15px; padding: 0px 15px; }

    .rnk-container-navegue-por-entregas, .rnk-container-banner-unico, .rnk-container-banner-duplo, .rnk-container-banner-triplo { margin-top: 30px; margin-bottom: 30px; }

    .rnk-container-banner-duplo ul li p { font-size: 14px; }
}

@media(max-width: 576px) {
    main { padding-top: 60px; }

    .bs-container h2 { font-size: 18px !important; }

    .rnk-container-prateleira { padding: 0; }
    .rnk-container-prateleira .rnk-card-quantidade input { width: 20px !important; }

    .rnk-navegue-por-entregas-content { margin: 0 -15px; border-radius: 0px; }
}

/* RNK CONTAINER CATEGORIAS */
.rnk-container-categorias { margin-top: 60px; }

.rnk-texto-categorias { margin-top: 0px;}
.rnk-texto-categorias h2 { font-family: 'Barlow Condensed'; text-align: center; color: #3D3935; text-transform: uppercase; font-size: 32px; font-weight: 700; letter-spacing: 3.5px; margin-bottom: 30px; }
.rnk-texto-categorias h2 span { color: #e04403; }
.rnk-container-categorias .rnk-categorias-conteudo { padding: 40px 2rem; background: #EDEDED; border-radius: 80px; }
.rnk-container-categorias .rnk-categorias-lista { display: flex; flex-direction: row; justify-content: space-around; align-items: center; list-style: none;gap: 1rem; text-align: center; padding: 10px 15px; margin: 0 -15px; overflow: auto; }
.rnk-container-categorias .rnk-categorias-lista p { font-size: 24px; font-weight: 700; letter-spacing: 0.48px; margin: 0; width: max-content; text-transform: uppercase; font-family: 'Barlow Condensed'; line-height: normal; }
.rnk-container-categorias .rnk-categorias-lista a { display: flex; flex-direction: column; align-items: center; gap: 20px; color: #3D3935; text-decoration: none; }
.rnk-container-categorias .rnk-categorias-lista a img { position: relative; max-width: 170px; max-height: 170px; bottom: 0; transition: ease-in-out .3s;}
.rnk-container-categorias .rnk-categorias-lista a img:hover { position: relative; bottom: 5px;}

@media (max-width: 1200px) {
    .rnk-container-categorias .rnk-categorias-conteudo { padding: 40px 15px; overflow: hidden; }
    .rnk-container-categorias .rnk-categorias-lista a img { max-width: 120px; max-height: 120px; }
}

@media(max-width: 768px) {
    .rnk-container-categorias { margin-top: 30px; }
    .rnk-texto-categorias h2 { margin-bottom: 10px; font-size: 20px; letter-spacing: 2px; }
    .rnk-container-categorias .rnk-categorias-lista p { font-size: 16px; letter-spacing: 0.32px; max-width: 90px; }
    .rnk-categorias-lista a img { min-width: 90px; min-height: 90px; width: 90px; height: 90px; }
}

@media (max-width: 576px) {
    .rnk-container-categorias .rnk-categorias-conteudo { margin: 0 -15px; border-radius: unset; }
}