:root {
  --container-max-width: 1440px;
  --content-max-width: 1320px;
  --container-padding: 20px;
  --container-margin: 0 auto;
  --gutter-horizontal: 16px;
  --gutter-vertical: 24px;
  --edge-margin: 20px;
  --safe-area-padding: 16px;
  --section-gap: 80px;
  --border-radius: 16px;
}

.fullpage > .no-padding--sides > .no-gutters > .col-12 > .experience-commerce_assets-bannerUnderNavigation .banner-close,
.banner-close {
  display: none;
}

.textbox-container {
  max-width: var(--content-max-width);
  margin: 0 auto;
  padding: 0;
}
.textbox-container h2 {
  margin: 0;
}

.experience-commerce_assets-threeTilesComponent .ttc-wrapper,
.three-tiles-header {
  margin-top: 0 !important;
}

.fullpage > .no-padding--sides > .no-gutters > .col-12,
.myfullpage {
  max-width: 100%;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (min-width: 768px) {
  .fullpage > .no-padding--sides > .no-gutters > .col-12,
  .myfullpage {
    gap: 80px;
  }
}
.fullpage > .no-padding--sides > .no-gutters > .col-12 > :first-child {
  margin-top: -48px;
}
@media (min-width: 768px) {
  .fullpage > .no-padding--sides > .no-gutters > .col-12 > :first-child {
    margin-top: -80px;
  }
}

.fullpage > .no-padding--sides > .no-gutters > .col-12 .experience-commerce_layouts-containerLayout .container .row .experience-commerce_layouts-productCarousel.experience-component {
  max-width: var(--container-max-width);
  margin: 0 auto;
}
.fullpage > .no-padding--sides > .no-gutters > .col-12 .experience-commerce_layouts-containerLayout .container .row .experience-component.experience-commerce_layouts-productCarousel {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.fullpage
  > .no-padding--sides
  > .no-gutters
  > .col-12
  .experience-commerce_layouts-containerLayout
  .container
  .row
  .experience-component.experience-commerce_layouts-productCarousel
  .experience-component.experience-commerce_assets-productTilesSponsored,
.fullpage > .no-padding--sides > .no-gutters > .col-12 .experience-commerce_layouts-containerLayout .container .row .experience-component.experience-commerce_layouts-productCarousel .experience-component.experience-commerce_assets-productTiles {
  max-width: var(--container);
  margin: auto;
  padding-left: 0;
  padding-right: 0;
}

/* CIRCLES */
@media (max-width: 1320px) {
  .experience-commerce_layouts-popularCategories {
    justify-content: flex-start;
  }
}
.experience-commerce_layouts-popularCategories .popular-categories.circles-categorias {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  padding: 0 !important;
}
.experience-commerce_layouts-popularCategories .popular-cat-heading {
  max-width: var(--content-max-width);
  width: 100%;
  display: none;
}
.experience-commerce_layouts-popularCategories .popular-cat-heading h3 {
  text-align: left;
}
.experience-commerce_layouts-popularCategories .category-layout-grid {
  display: inline-flex;
  flex-wrap: nowrap !important;
  justify-content: center;
  justify-content: space-between;
  margin: auto;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow-x: auto;
  width: 100%;
  /*Scrollbar*/
  scrollbar-color: transparent transparent; /* Thumb color, Track color */
  scrollbar-width: thin; /* Options: auto, thin, none */
  /* Webkit-based browsers (Chrome, Edge, Safari) */
}
.experience-commerce_layouts-popularCategories .category-layout-grid ::-webkit-scrollbar {
  height: 4px; /* Scrollbar width */
}
.experience-commerce_layouts-popularCategories .category-layout-grid ::-webkit-scrollbar-track {
  background: transparent; /* Background of the track */
}
.experience-commerce_layouts-popularCategories .category-layout-grid ::-webkit-scrollbar-thumb {
  background: #888; /* Color of the thumb */
  border-radius: 6px; /* Rounded corners */
}
.experience-commerce_layouts-popularCategories .category-layout-grid ::-webkit-scrollbar-thumb:hover {
  background: #555; /* Color when hovering */
}
@media (max-width: 1320px) {
  .experience-commerce_layouts-popularCategories .category-layout-grid {
    justify-content: flex-start;
  }
}
.experience-commerce_layouts-popularCategories .intrinsic.intrinsic--square {
  padding: 0;
  height: auto;
  display: flex;
  justify-content: center;
  background: none;
}
.experience-commerce_layouts-popularCategories .category-tile-wrapper {
  max-width: initial !important;
  flex: 0 0 auto !important;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0;
  width: auto;
  width: 100%;
  max-width: 102px !important;
}
@media (min-width: 768px) {
  .experience-commerce_layouts-popularCategories .category-tile-wrapper {
    max-width: 148px !important;
  }
}
.experience-commerce_layouts-popularCategories .category-tile-wrapper .image-cropper {
  border-radius: 0;
  width: auto;
  margin: 0;
}
.experience-commerce_layouts-popularCategories .category-tile-wrapper picture.intrinsic img {
  position: relative;
  width: 100%;
  max-width: 102px;
}
@media (min-width: 768px) {
  .experience-commerce_layouts-popularCategories .category-tile-wrapper picture.intrinsic img {
    max-width: 148px;
  }
}
.experience-commerce_layouts-popularCategories .category-tile-wrapper .popular-category-link a {
  color: #32312d;
  margin: 0;
  font-size: 15px;
}

/* Circles: sem slider em desktop */
@media (min-width: 768px) {
  .circles-grid-in-desk-line-in-mob .category-layout-grid {
    flex-wrap: wrap !important;
    gap: 32px 0;
    justify-content: space-between;
  }
}
/* Circles: sem slider em desktop */
.experience-commerce_layouts-popularCategories .circles-without-caption .category-tile-wrapper {
  gap: 0;
}

/* CONTAINER LAYOUT */
.fullpage > .no-padding--sides > .no-gutters > .col-12 > .experience-commerce_layouts-containerLayout > .container {
  max-width: var(--container-max-width);
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
}
.fullpage > .no-padding--sides > .no-gutters > .col-12 > .experience-commerce_layouts-containerLayout > .container > .row {
  margin: 0;
}
.fullpage > .no-padding--sides > .no-gutters > .col-12 > .experience-commerce_layouts-containerLayout > .container > .row > div > * {
  max-width: var(--content-max-width);
  width: 100%;
  margin: 0 auto;
}
.fullpage > .no-padding--sides > .no-gutters > .col-12 > .experience-commerce_layouts-containerLayout > .container > .row .layout--no-bg,
.fullpage > .no-padding--sides > .no-gutters > .col-12 > .experience-commerce_layouts-containerLayout > .container > .row .container-without-background {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.fullpage > .no-padding--sides > .no-gutters > .col-12 > .experience-commerce_layouts-containerLayout > .container > .row .layout--bg,
.fullpage > .no-padding--sides > .no-gutters > .col-12 > .experience-commerce_layouts-containerLayout > .container > .row .container-with-background {
  display: flex;
  flex-direction: column;
  gap: 40px;
  border-radius: 18px 18px 0px 0px;
  overflow: hidden;
  padding-bottom: 48px;
}
@media (min-width: 768px) {
  .fullpage > .no-padding--sides > .no-gutters > .col-12 > .experience-commerce_layouts-containerLayout > .container > .row .layout--bg,
  .fullpage > .no-padding--sides > .no-gutters > .col-12 > .experience-commerce_layouts-containerLayout > .container > .row .container-with-background {
    gap: 48px;
  }
}
.fullpage > .no-padding--sides > .no-gutters > .col-12 > .experience-commerce_layouts-containerLayout > .container > .row .layout--bg > *,
.fullpage > .no-padding--sides > .no-gutters > .col-12 > .experience-commerce_layouts-containerLayout > .container > .row .container-with-background > * {
  max-width: var(--container-max-width);
  margin: 0 auto;
}
.fullpage > .no-padding--sides > .no-gutters > .col-12 > .experience-commerce_layouts-containerLayout > .container > .row .layout--bg > *:not(:first-child, .experience-commerce_layouts-productCarousel),
.fullpage > .no-padding--sides > .no-gutters > .col-12 > .experience-commerce_layouts-containerLayout > .container > .row .container-with-background > *:not(:first-child, .experience-commerce_layouts-productCarousel) {
  max-width: var(--content-max-width);
  width: 100%;
  margin: 0 auto;
}
.fullpage > .no-padding--sides > .no-gutters > .col-12 > .experience-commerce_layouts-containerLayout > .container > .row .layout--with-title,
.fullpage > .no-padding--sides > .no-gutters > .col-12 > .experience-commerce_layouts-containerLayout > .container > .row .container-with-title {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.fullpage > .no-padding--sides > .no-gutters > .col-12 > .experience-commerce_layouts-containerLayout > .container > .row .layout--with-title > *:not(.experience-commerce_layouts-productCarousel),
.fullpage > .no-padding--sides > .no-gutters > .col-12 > .experience-commerce_layouts-containerLayout > .container > .row .container-with-title > *:not(.experience-commerce_layouts-productCarousel) {
  max-width: var(--content-max-width);
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .fullpage > .no-padding--sides > .no-gutters > .col-12 > .experience-commerce_layouts-containerLayout > .container > .row .layout--with-title h2.three-tiles-title,
  .fullpage > .no-padding--sides > .no-gutters > .col-12 > .experience-commerce_layouts-containerLayout > .container > .row .layout--with-title .textbox-container h2,
  .fullpage > .no-padding--sides > .no-gutters > .col-12 > .experience-commerce_layouts-containerLayout > .container > .row .container-with-title h2.three-tiles-title,
  .fullpage > .no-padding--sides > .no-gutters > .col-12 > .experience-commerce_layouts-containerLayout > .container > .row .container-with-title .textbox-container h2 {
    padding: 0 16px;
  }
}

.newbanner {
  width: 100%;
  max-width: 1440px;
  justify-self: center;
}
@media (min-width: 1320px) {
  .newbanner {
    padding: 0;
  }
}
.newbanner-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  border-radius: 16px 16px 0 0;
  overflow: hidden;
}
.newbanner-content picture,
.newbanner-content picture img {
  width: 100%;
}
.newbanner-title {
  position: absolute;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gutter-horizontal);
  padding: 24px 24px 0;
}
@media (min-width: 1024px) {
  .newbanner-title {
    height: 300px;
    gap: var(--gutter-vertical);
    padding: 0 0 0 60px;
  }
}
.newbanner-title h2 {
  font-size: 22px;
  line-height: 28px;
  font-weight: 700;
  text-align: left;
  margin: 0;
}
@media (min-width: 1024px) {
  .newbanner-title h2 {
    font-size: 36px;
    line-height: 48px;
  }
}
.newbanner-title p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  text-align: left;
  margin: 0;
  max-width: 600px;
}
@media (min-width: 1024px) {
  .newbanner-title p {
    font-size: 20px;
    line-height: 24px;
  }
}
.newbanner-cta-button {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: 0.15px;
  color: #32312d;
  margin-left: 0 !important;
}
@media (max-width: 991.98px) {
  .newbanner-cta-button {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
.newbanner-cta-button .css-chevron-right {
  width: 16px;
  height: 16px;
}
.newbanner-cta-button .css-chevron-right:after {
  width: 7px;
  height: 7px;
}

.popular-category-link {
  font-size: 0;
  line-height: 0;
}

.ftc .ftc-wrapper.content-outside {
  background-color: white;
}

.footer-seo-wrapper {
  max-width: 844px;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (min-width: 1024px) {
  .footer-seo-wrapper {
    gap: 80px;
  }
}

.col-features {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
}
.col-features a {
  text-decoration: none;
}
.col-features figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.col-features .icon {
  max-width: 80px;
}
.col-features > * {
  flex: 0 0 calc(50% - 25px);
}
@media (min-width: 768px) {
  .col-features > * {
    flex: 0 0 calc(25% - 25px);
  }
}
.col-features .know-more {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #333;
}
.col-features .know-more span {
  margin-left: 10px;
  color: #c00;
  font-size: 1.2em;
  transform: rotate(-90deg);
}

.textbox-container p {
  color: #32312d;
  font-size: 0.9375rem;
  letter-spacing: 0.5px;
  line-height: 1.1875rem;
}
.textbox-container p a {
  text-decoration: underline;
  font-weight: 700;
}
.textbox-container p a:hover {
  text-decoration: none;
}

/* PRODUCT CAROUSEL: Correção de erro nos product cards */
.pwc-discount-amount-pvpr {
  font-weight: 400;
}

/* PRODUCT CAROUSEL */
.slick-slide .product {
  background-color: white;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e1e1e1;
}
/*.slick-slide .product .ct-product-tile {
  border: none;
}*/
.product-carousel-banner-container .image-component {
  border-radius: 10px;
  overflow: hidden;
}
.productcarousel-container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
@media (min-width: 1280px) {
  .productcarousel-container {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
}

/* PRODUCT CAROUSEL: Correção para o banner DISPLAY ON CARD (do novo product card)*/
.product-carousel-banner-container .image-desktop,
.product-carousel-banner-container .image-mobile,
.product-carousel-banner-container .ITC-figure,
.product-carousel-banner-container .ITC-row {
  object-fit: cover;
}

/* PRODUCT CAROUSEL (EINSTEIN): Correção de espaçamento */
.experience-component.experience-einstein-einsteinCarousel {
  margin: 0 8px !important;
  max-width: var(--container-max-width) !important;
}
.js-productcarousel-einstein .pd-tile-wrap {
  padding: 0;
  width: 250px !important;
}

/* 3-TILES: Retirar margin-top em desktop */
@media (min-width: 1280px) {
  .three-tiles-container {
    margin-top: 0 !important;
  }
}

/* 4-TILES */
.four-tiles-header {
  margin-top: 0 !important;
}
.experience-commerce_assets-fourTilesComponent > .ftc:has(.content-outside) {
  margin-top: 0;
}
/* 4-TILES: Correção de quebra de linha e redução de textbox */
.ftc .ftc-wrapper.content-outside .ftc-tiles {
  height: auto !important;
}
.four-tiles-container.slick-initialized .slick-list {
  padding-bottom: inherit !important;
}
.four-tiles-grid .four-tiles-container {
  flex-wrap: nowrap !important;
}
.four-tiles-grid .ftc-wrapper.content-outside {
  max-width: 313px !important;
}
.four-tiles-grid .ftc .ftc-wrapper.content-outside .ftc-image img {
  height: auto;
}
.four-tiles-container.slick-initialized .slick-dots {
  bottom: -20px;
}

/* NEWS LAYOUT */
.experience-commerce_layouts-newsLayout > .news-layout {
  padding-top: 0;
}
.news-layout-grid.js-news-layout-grid {
  padding: 0;
}
.news-layout picture,
.small-image-tile-container.js-small-image-tile-container {
  border-radius: 16px;
  overflow: hidden;
}
.small-news-tiles {
  height: auto;
}

.news-tile-wrapper figure.ITC-figure.image-component {
  height: auto;
}
@media (max-width: 768px) {
  /* 2º banner grande visivel em smartphone (tablet será ocultado pelo css nativo) */
  .news-tile-wrapper.col-12.col-md.hidden-sm-down {
    display: block !important;
    padding-top: 15px;
  }
  .small-news-tiles .news-tile-wrapper:nth-of-type(odd) {
    padding-right: 8px !important;
  }
  .small-news-tiles .news-tile-wrapper:nth-of-type(even) {
    padding-left: 8px !important;
  }
}
@media (min-width: 768px) {
  .experience-commerce_layouts-newsLayout > .news-layout {
    padding-bottom: 0;
  }
  .small-image-tile-container {
    max-height: 199.5px !important;
  }
}
@media (min-width: 1280px) {
  /* Banners large */
  .experience-commerce_layouts-newsLayout .news-layout-grid .news-tile-wrapper .ITC-row > .col-12 {
    padding-left: 0;
  }
  .small-news-tile-wrapper {
    max-width: 484px;
  }
  .news-layout-grid {
    gap: 15px;
  }
  .small-news-tiles .news-tile-wrapper:nth-of-type(odd) {
    padding: 0 15px 0 0px;
  }
  .small-news-tiles .news-tile-wrapper:nth-of-type(even) {
    padding: 0 0 0 15px;
  }
  .small-news-tiles .news-tile-wrapper .image-component {
    height: auto;
  }
}

/* H2 TITLES (sem cta) */
.textbox-container h2,
.carrossel-top-40 p.product-carousel-title {
  font-size: 1.375rem;
  line-height: 1.625rem;
  font-family: var(--col-font-primary);
  font-weight: 700;
}
@media (min-width: 768px) {
  .textbox-container h2,
  .carrossel-top-40 p.product-carousel-title {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1280px) {
  .textbox-container h2,
  .carrossel-top-40 p.product-carousel-title {
    font-size: 1.75rem;
    line-height: 2rem;
  }
}
/* TOP 40: Product Caroussel (tí­tulo interno do componente) */
.carrossel-top-40 p.product-carousel-title {
  margin-bottom: 32px;
}

/* H2 TITLES (com cta): réplica de 3-tiles, quando este componente não existe na página */
.three-tiles-header {
  width: calc(100vw - 64px);
  min-width: 326px;
  max-width: 426px;
  margin-right: auto !important;
  margin-left: auto !important;
  /*margin-top: 2rem !important;*/
}
@media (min-width: 768px) {
  .three-tiles-header {
    width: 100%;
    max-width: 100%;
  }
}
.three-tiles-title {
  font-weight: 700;
  letter-spacing: 0;
  font-size: 1.375rem;
  line-height: 1.625rem;
  color: #32312d;
  flex: 0 75%;
}
@media (min-width: 768px) {
  .three-tiles-title {
    font-size: 1.5rem;
    line-height: 1.75rem;
    max-width: inherit;
  }
}
@media (min-width: 1280px) {
  .three-tiles-title {
    font-size: 1.75rem;
    line-height: 2rem;
    max-width: inherit;
  }
}
.three-tiles-optional-button {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: 0.15px;
  color: #32312d;
  flex: 0 25%;
  justify-content: right;
}
@media (max-width: 991.98px) {
  .three-tiles-optional-button {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
.three-tiles-optional-button .css-chevron-right {
  width: 16px;
  height: 16px;
}
.three-tiles-optional-button .css-chevron-right:after {
  width: 7px;
  height: 7px;
}

/* HALF-BANNERS (old component) */
.experience-commerce_layouts-halfBannersGridLayout .half-banner-grid {
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .experience-commerce_layouts-halfBannersGridLayout .half-banner-grid .row .region:nth-of-type(1) {
    padding-left: 0 !important;
  }
  .experience-commerce_layouts-halfBannersGridLayout .half-banner-grid .row .region:nth-of-type(2) {
    padding-right: 0 !important;
  }
  .experience-commerce_layouts-halfBannersGridLayout .popular-image-wrapper {
    margin: 0;
  }
}

/* EXTRA GAP/MARGIN-TOP */
.mt-32 {
  margin-top: 32px;
}
.mt-n32 {
  margin-top: calc(32px * -1);
}
.mt-56 {
  margin-top: 60px;
}
@media (min-width: 768px) {
  .mt-56 {
    margin-top: 56px;
  }
}
.mt-n80 {
  margin-top: calc(48px * -1);
}
@media (min-width: 768px) {
  .mt-n80 {
    margin-top: calc(var(--section-gap) * -1);
  }
}