* {box-sizing: border-box;}

body {overflow-x: hidden;background: #fff5f8 !important;}

html,
body,
.site,
.page-wrapper,
.template-home,
.template-category,
.template-search,
.template-page {
  background-color: #fff5f8 !important;
}

/* ==========================================================================
   NANA MAKEUP - PAGINAS DE CATEGORIA
   Layout aplicado somente em categorias, preservando filtros e cards nativos.
   ========================================================================== */

html body.template-category {
  background: #fff5f8 !important;
}

html body.template-category .nana-category-hero {
  position: relative !important;
  min-height: clamp(210px, 18vw, 300px) !important;
  margin: 0 !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 86% 18%, rgba(255, 255, 255, .78) 0 13%, transparent 31%),
    linear-gradient(100deg, #ffe8f0 0%, #ffd8e5 48%, #f7a8bd 100%) !important;
}

html body.template-category .nana-category-hero.nana-category-hero-has-image {
  min-height: clamp(210px, 18vw, 300px) !important;
  background: #ffe3eb !important;
}

html body.template-category .nana-category-hero-image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

html body.template-category .nana-category-hero.nana-category-hero-has-image .nana-category-hero-image {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

html body.template-category .nana-category-hero.nana-category-hero-has-image .nana-category-hero-overlay {
  background:
    linear-gradient(90deg, rgba(255, 244, 248, .985) 0%, rgba(255, 232, 240, .94) 52%, rgba(255, 201, 218, .62) 78%, rgba(255, 181, 202, .42) 100%),
    radial-gradient(circle at 48% 55%, rgba(255, 255, 255, .58) 0 21%, transparent 46%) !important;
}

html body.template-category .nana-category-hero-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background:
    linear-gradient(90deg, rgba(255, 244, 248, .97) 0%, rgba(255, 235, 242, .88) 40%, rgba(255, 205, 219, .38) 72%, rgba(255, 177, 197, .18) 100%),
    radial-gradient(circle at 6% 0%, rgba(255, 255, 255, .55) 0 10%, transparent 28%) !important;
}

html body.template-category .nana-category-hero-product {
  position: absolute !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

html body.template-category .nana-category-hero-product-1 {
  right: 11% !important;
  bottom: -48px !important;
  width: 70px !important;
  height: 245px !important;
  border-radius: 34px 34px 12px 12px !important;
  background: linear-gradient(90deg, #f67d9d 0%, #fbd2da 45%, #d96987 100%) !important;
  box-shadow: 48px -16px 0 -5px rgba(245, 167, 188, .8), 96px -2px 0 -12px rgba(218, 96, 126, .55) !important;
  opacity: .38 !important;
  transform: rotate(-11deg) !important;
}

html body.template-category .nana-category-hero-product-2 {
  right: 1% !important;
  top: -54px !important;
  width: 250px !important;
  height: 250px !important;
  border: 18px solid rgba(229, 74, 120, .34) !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(144, 88, 55, .38) 0 24%, rgba(245, 204, 189, .5) 25% 49%, rgba(143, 77, 46, .45) 50% 68%, transparent 69%) !important;
  opacity: .42 !important;
}

html body.template-category .nana-category-hero-content {
  position: relative !important;
  z-index: 3 !important;
  min-height: inherit !important;
  display: flex !important;
  align-items: center !important;
  padding: 34px 0 38px !important;
}

html body.template-category .nana-category-hero-container {
  width: calc(100% - 48px) !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

html body.template-category .nana-category-kicker {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 22px !important;
  margin: 0 0 18px !important;
  color: #a94467 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: .55em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

html body.template-category .nana-category-kicker span {
  display: block !important;
  width: 70px !important;
  height: 1px !important;
  background: rgba(169, 68, 103, .48) !important;
}

html body.template-category .nana-category-title {
  display: block !important;
  margin: 0 !important;
  color: #a94467 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(48px, 6.2vw, 94px) !important;
  font-weight: 700 !important;
  letter-spacing: .03em !important;
  line-height: .96 !important;
  text-transform: uppercase !important;
}

html body.template-category .nana-category-subtitle {
  max-width: 760px !important;
  margin: 20px auto 0 !important;
  color: #a94467 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: clamp(15px, 1.35vw, 20px) !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
}

html body.template-category .nana-category-body {
  padding: 34px 0 58px !important;
  background: #fff5f8 !important;
}

html body.template-category .nana-category-container {
  width: calc(100% - 48px) !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

html body.template-category .nana-category-layout {
  margin: 0 !important;
  gap: 34px !important;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
}

html body.template-category .nana-category-applied-filters {
  order: 0 !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 -8px !important;
  padding: 0 !important;
}

html body.template-category .nana-category-applied-filters .chip {
  display: inline-flex !important;
  min-height: 28px !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 5px 9px !important;
  border: 1px solid #efd7e1 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #3a3036 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  text-decoration: none !important;
}

html body.template-category .nana-category-applied-filters .btn-link {
  color: #ef0063 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

html body.template-category .filters-sidebar {
  order: 1 !important;
  flex: 0 0 260px !important;
  width: 260px !important;
  max-width: 260px !important;
  padding: 22px 22px 20px !important;
  background: rgba(255, 255, 255, .92) !important;
  border: 1px solid #f2d7e2 !important;
  border-radius: 11px !important;
  box-shadow: 0 12px 30px rgba(160, 58, 103, .08) !important;
}

html body.template-category .filters-sidebar .h6,
html body.template-category .filters-sidebar h6 {
  margin: 0 0 16px !important;
  color: #2c252a !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

html body.template-category .filters-sidebar .form-select-small,
html body.template-category .nana-category-sort .form-select-small {
  height: 42px !important;
  min-width: 100% !important;
  padding: 0 42px 0 15px !important;
  border: 1px solid #e8d8df !important;
  border-radius: 5px !important;
  background-color: #ffffff !important;
  color: #282328 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

html body.template-category .filters-sidebar ul,
html body.template-category .filters-sidebar .list-unstyled {
  margin-bottom: 20px !important;
  padding-bottom: 20px !important;
  border-bottom: 1px solid #efdde5 !important;
}

html body.template-category .filters-sidebar li,
html body.template-category .filters-sidebar .list_item {
  margin-bottom: 10px !important;
}

html body.template-category .filters-sidebar a,
html body.template-category .filters-sidebar label {
  color: #4a4147 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
}

html body.template-category .filters-sidebar .btn,
html body.template-category .filters-sidebar .btn-default {
  height: 42px !important;
  border-radius: 5px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

html body.template-category .filters-sidebar .btn-link {
  color: #ef0063 !important;
  font-weight: 800 !important;
}

html body.template-category .nana-category-products-col {
  order: 2 !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
}

html body.template-category .nana-category-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  margin: 8px 0 24px !important;
}

html body.template-category .nana-category-count {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 7px !important;
  color: #211b20 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

html body.template-category .nana-category-count strong {
  color: #ef0063 !important;
  font-size: 23px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

html body.template-category .nana-category-sort {
  align-items: center !important;
  justify-content: flex-end !important;
}

html body.template-category .nana-category-sort .form-group {
  width: 246px !important;
}

html body.template-category .js-product-table {
  margin: 0 -12px !important;
  align-items: stretch !important;
}

html body.template-category .js-product-table .js-item-product.item-product {
  display: flex !important;
  flex: 0 0 25% !important;
  width: 25% !important;
  max-width: 25% !important;
  padding: 0 12px 24px !important;
  align-items: stretch !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  flex-direction: column !important;
  margin: 0 !important;
  padding: 12px 12px 15px !important;
  background: #ffffff !important;
  border: 1px solid #f2d7e2 !important;
  border-radius: 11px !important;
  box-shadow: 0 10px 26px rgba(160, 58, 103, .07) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card:hover {
  border-color: #f3bfd5 !important;
  box-shadow: 0 14px 30px rgba(160, 58, 103, .12) !important;
  transform: translateY(-2px) !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card > .js-product-container,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card > .js-quickshop-container {
  display: flex !important;
  height: 100% !important;
  flex-direction: column !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .product-item-image-container.item-image {
  aspect-ratio: 1 / 1 !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 8px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 6px !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-product-item-image-link-private,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-item-image-padding {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  padding-bottom: 0 !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-product-item-image-private,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .product-item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-item-image {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 0 !important;
  transform: none !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-home-card-description {
  display: flex !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  flex-direction: column !important;
  padding: 13px 0 0 !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-home-card-link {
  display: flex !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  flex-direction: column !important;
  text-decoration: none !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-item-name.item-name {
  display: -webkit-box !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 0 11px !important;
  overflow: hidden !important;
  color: #2a2529 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1.5 !important;
  opacity: 1 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-price-container {
  min-height: 24px !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-price-display.item-price,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-price {
  color: #ef0063 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .price-compare {
  color: #a09098 !important;
  font-size: 12px !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions {
  width: 100% !important;
  margin-top: 0 !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions form,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions .item-submit-container {
  width: 100% !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions .item-submit-container {
  height: 48px !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn {
  position: relative !important;
  display: flex !important;
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: linear-gradient(135deg, #ff4a7c 0%, #f7266d 48%, #f20b66 100%) !important;
  box-shadow: none !important;
  color: #ffffff !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card input.nana-add-to-cart-btn {
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  background: transparent !important;
  color: transparent !important;
  cursor: pointer !important;
  opacity: 0 !important;
  text-shadow: none !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-visual {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 0 12px !important;
  border-radius: 9px !important;
  background: linear-gradient(135deg, #ff4a7c 0%, #f7266d 48%, #f20b66 100%) !important;
  color: #ffffff !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-icon {
  display: block !important;
  width: 21px !important;
  min-width: 21px !important;
  height: 21px !important;
  color: #ffffff !important;
  fill: currentColor !important;
}

html body.template-category .category-controls {
  background: rgba(255, 245, 248, .96) !important;
  border-color: #f2d7e2 !important;
}

html body.template-category .category-control-item a {
  color: #2f292d !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

@media (max-width: 1199px) {
  html body.template-category .nana-category-layout {
    gap: 24px !important;
  }

  html body.template-category .filters-sidebar {
    flex-basis: 238px !important;
    width: 238px !important;
    max-width: 238px !important;
    padding: 18px !important;
  }

  html body.template-category .js-product-table .js-item-product.item-product {
    flex-basis: 33.333% !important;
    width: 33.333% !important;
    max-width: 33.333% !important;
  }
}

@media (max-width: 991px) {
  html body.template-category .nana-category-hero {
    min-height: 230px !important;
  }

  html body.template-category .nana-category-hero-container,
  html body.template-category .nana-category-container {
    width: calc(100% - 28px) !important;
  }

  html body.template-category .nana-category-layout {
    display: block !important;
  }

  html body.template-category .nana-category-body {
    padding-top: 24px !important;
  }

  html body.template-category .nana-category-toolbar {
    margin-top: 0 !important;
  }

  html body.template-category .js-product-table .js-item-product.item-product {
    flex-basis: 50% !important;
    width: 50% !important;
    max-width: 50% !important;
  }
}

@media (max-width: 767px) {
  html body.template-category .nana-category-hero {
    min-height: 205px !important;
  }

  html body.template-category .nana-category-hero-content {
    padding: 30px 0 32px !important;
  }

  html body.template-category .nana-category-kicker {
    gap: 12px !important;
    margin-bottom: 14px !important;
    font-size: 12px !important;
    letter-spacing: .38em !important;
  }

  html body.template-category .nana-category-kicker span {
    width: 36px !important;
  }

  html body.template-category .nana-category-title {
    font-size: clamp(23px, 6.4vw, 27px) !important;
    letter-spacing: .01em !important;
    line-height: 1.08 !important;
  }

  html body.template-category .nana-category-subtitle {
    max-width: 310px !important;
    margin-top: 14px !important;
    font-size: 13px !important;
  }

  html body.template-category .nana-category-hero-product-1 {
    right: -12px !important;
    bottom: -80px !important;
    opacity: .22 !important;
    transform: scale(.72) rotate(-11deg) !important;
  }

  html body.template-category .nana-category-hero-product-2 {
    right: -100px !important;
    top: -90px !important;
    opacity: .2 !important;
    transform: scale(.72) !important;
  }

  html body.template-category .category-controls-container {
    width: 100% !important;
    padding: 0 !important;
  }

  html body.template-category .nana-category-count {
    font-size: 13px !important;
  }

  html body.template-category .nana-category-count strong {
    font-size: 19px !important;
  }

  html body.template-category .js-product-table {
    margin: 0 -7px !important;
  }

  html body.template-category .js-product-table .js-item-product.item-product {
    padding: 0 7px 16px !important;
  }

  html body.template-category .js-item-product.item-product > .item.nana-home-product-card {
    padding: 8px 8px 10px !important;
    border-radius: 10px !important;
  }

  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-home-card-description {
    padding-top: 10px !important;
  }

  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-item-name.item-name {
    min-height: 34px !important;
    max-height: 34px !important;
    margin-bottom: 8px !important;
    font-size: 11px !important;
    line-height: 1.55 !important;
  }

  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-price-container {
    margin-bottom: 14px !important;
  }

  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-price-display.item-price,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-price {
    font-size: 16px !important;
  }

  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions .item-submit-container,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn {
    height: 42px !important;
    min-height: 42px !important;
  }

  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-visual {
    gap: 7px !important;
    padding: 0 8px !important;
    font-size: 9px !important;
  }

  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-icon {
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
  }
}

@media (max-width: 420px) {
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-visual {
    font-size: 8px !important;
  }
}

/* ==========================================================================
   NANA MAKEUP - AJUSTES FINAIS MOBILE
   ========================================================================== */

@media (max-width: 767px) {
  html body .js-head-main.head-main {
    background: #f50073 !important;
  }

  html body.template-home .nana-home-benefits-section {
    padding: 10px 0 16px !important;
  }

  html body.template-home .nana-home-benefits-section .nana-header-benefits,
  html body .js-adbar .nana-header-benefits {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: calc(100% - 24px) !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 8px 10px !important;
    gap: 0 !important;
    overflow: hidden !important;
    border: 1px solid #f4bdd1 !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 22px rgba(199, 35, 98, .06) !important;
  }

  html body.template-home .nana-home-benefits-section .nana-header-benefit,
  html body .js-adbar .nana-header-benefit {
    min-height: 44px !important;
    padding: 8px 7px !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(231, 184, 204, .72) !important;
  }

  html body.template-home .nana-home-benefits-section .nana-header-benefit:nth-child(odd),
  html body .js-adbar .nana-header-benefit:nth-child(odd) {
    border-right: 1px solid rgba(231, 184, 204, .72) !important;
  }

  html body.template-home .nana-home-benefits-section .nana-header-benefit:nth-last-child(-n + 2),
  html body .js-adbar .nana-header-benefit:nth-last-child(-n + 2) {
    border-bottom: 0 !important;
  }

  html body.template-home .nana-home-benefits-section .nana-header-benefit-icon,
  html body .js-adbar .nana-header-benefit-icon {
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    color: #e90070 !important;
  }

  html body.template-home .nana-home-benefits-section .nana-header-benefit-icon svg,
  html body .js-adbar .nana-header-benefit-icon svg {
    width: 22px !important;
    height: 22px !important;
  }

  html body.template-home .nana-home-benefits-section .nana-header-benefit-copy strong,
  html body .js-adbar .nana-header-benefit-copy strong {
    font-size: 10px !important;
    line-height: 1.15 !important;
    color: #c3155e !important;
    white-space: normal !important;
  }

  html body.template-home .nana-home-benefits-section .nana-header-benefit-copy small,
  html body .js-adbar .nana-header-benefit-copy small {
    font-size: 9px !important;
    line-height: 1.15 !important;
    color: #8f5269 !important;
    white-space: normal !important;
  }

  html body #nav-hamburger,
  html body #nav-hamburger .modal-dialog,
  html body #nav-hamburger .modal-content,
  html body #nav-hamburger .modal-body,
  html body #nav-hamburger .nav-body,
  html body #nav-hamburger .nav-primary,
  html body #nav-hamburger .nav-list-panel {
    background: #fff6fa !important;
    color: #262127 !important;
  }

  html body #nav-hamburger .nav-secondary {
    min-height: 72px !important;
    padding: 12px 18px !important;
    align-items: center !important;
    background: #ffffff !important;
    border-bottom: 1px solid #f2d8e2 !important;
    color: #262127 !important;
  }

  html body #nav-hamburger a,
  html body #nav-hamburger .nav-list-link,
  html body #nav-hamburger .btn-link,
  html body #nav-hamburger .font-small {
    color: #262127 !important;
    opacity: 1 !important;
    text-shadow: none !important;
  }

  html body #nav-hamburger .nav-list-link {
    display: flex !important;
    min-height: 48px !important;
    padding: 0 22px !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-bottom: 1px solid #f2d8e2 !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
  }

  html body #nav-hamburger .nav-list-arrow,
  html body #nav-hamburger .modal-close,
  html body #nav-hamburger .modal-close svg,
  html body #nav-hamburger .svg-icon-text {
    color: #e90070 !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }

  html body #nav-hamburger .utilities-item,
  html body #nav-hamburger .btn-utility {
    color: #262127 !important;
  }

  html body.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions {
    width: 100% !important;
    min-width: 0 !important;
  }

  html body.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions .item-submit-container,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions .item-submit-container {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html body.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn,
  html body.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-visual,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-visual {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 9px !important;
    gap: 7px !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    background: #f50073 !important;
    color: #ffffff !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  html body.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-icon,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-icon {
    width: 17px !important;
    min-width: 17px !important;
    height: 17px !important;
    flex: 0 0 17px !important;
  }

  html body.template-product #single-product.nana-product-layout #product-shipping-container {
    margin: 18px 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid #f2c7d9 !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 22px rgba(199, 35, 98, .05) !important;
  }

  html body.template-product #single-product.nana-product-layout #product-shipping-container .js-accordion-private-toggle {
    display: flex !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    align-items: center !important;
    border-bottom: 1px solid #f2d8e2 !important;
    color: #262127 !important;
    text-decoration: none !important;
  }

  html body.template-product #single-product.nana-product-layout #product-shipping-container .js-accordion-private-toggle .col {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  html body.template-product #single-product.nana-product-layout #product-shipping-container .js-accordion-private-toggle .col-auto {
    padding: 0 !important;
  }

  html body.template-product #single-product.nana-product-layout #product-shipping-container .js-accordion-private-toggle .icon-inline {
    width: 22px !important;
    height: 22px !important;
    margin-right: 8px !important;
    color: #e90070 !important;
  }

  html body.template-product #single-product.nana-product-layout #product-shipping-container .js-accordion-private-toggle .js-accordion-private-toggle-inactive,
  html body.template-product #single-product.nana-product-layout #product-shipping-container .js-accordion-private-toggle .js-accordion-private-toggle-active {
    width: 28px !important;
    height: 28px !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html body.template-product #single-product.nana-product-layout #product-shipping-container .js-accordion-private-content {
    padding: 0 !important;
  }

  html body.template-product #single-product.nana-product-layout #product-shipping-container .shipping-calculator-head {
    position: relative !important;
    min-height: 0 !important;
    padding: 16px 20px 18px !important;
    border-bottom: 0 !important;
  }

  html body.template-product #single-product.nana-product-layout #product-shipping-container .shipping-calculator-form,
  html body.template-product #single-product.nana-product-layout #product-shipping-container .js-shipping-calculator-form {
    position: static !important;
    width: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  html body.template-product #single-product.nana-product-layout #product-shipping-container .form-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin: 0 !important;
  }

  html body.template-product #single-product.nana-product-layout #product-shipping-container .form-row > .col,
  html body.template-product #single-product.nana-product-layout #product-shipping-container .form-row > .col-auto {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
  }

  html body.template-product #single-product.nana-product-layout #product-shipping-container .form-control,
  html body.template-product #single-product.nana-product-layout #product-shipping-container .js-shipping-input {
    width: 100% !important;
    height: 48px !important;
    padding: 0 16px !important;
    border: 1px solid #e8d4dd !important;
    border-radius: 10px !important;
    color: #2a2529 !important;
    font-size: 16px !important;
  }

  html body.template-product #single-product.nana-product-layout #product-shipping-container .js-calculate-shipping {
    display: flex !important;
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #f50073 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
  }

  html body.template-product #single-product.nana-product-layout #product-shipping-container .js-shipping-zipcode-help {
    margin: 10px 0 0 !important;
    color: #c3155e !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
  }

  html body.template-product #single-product.nana-product-layout #product-shipping-container .js-shipping-zipcode-help:hover {
    text-decoration: underline !important;
  }
}

@media (max-width: 360px) {
  html body.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn,
  html body.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-visual,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-visual {
    font-size: 8px !important;
    padding: 0 7px !important;
  }

  html body.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-icon,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-icon {
    width: 15px !important;
    min-width: 15px !important;
    height: 15px !important;
    flex-basis: 15px !important;
  }
}

/* ==========================================================================
   NANA MAKEUP - CAPA LIMPA DAS COLECOES
   Layout tipografico aplicado somente nas paginas de categoria.
   ========================================================================== */

html body.template-category .nana-category-hero.nana-category-hero-clean {
  position: relative !important;
  display: flex !important;
  width: 100% !important;
  height: clamp(170px, 16vw, 245px) !important;
  min-height: 0 !important;
  margin: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 43%, rgba(255, 255, 255, .66) 0 19%, rgba(255, 255, 255, 0) 42%),
    linear-gradient(180deg, #fff9fb 0%, #fff2f6 45%, #fde7ef 100%) !important;
}

html body.template-category .nana-category-hero.nana-category-hero-clean::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 24% 28%, rgba(255, 255, 255, .5) 0 9%, rgba(255, 255, 255, 0) 28%),
    radial-gradient(circle at 76% 18%, rgba(255, 225, 236, .55) 0 12%, rgba(255, 255, 255, 0) 34%) !important;
}

html body.template-category .nana-category-hero-clean .nana-category-hero-image,
html body.template-category .nana-category-hero-clean .nana-category-hero-overlay,
html body.template-category .nana-category-hero-clean .nana-category-hero-product,
html body.template-category .nana-category-hero-clean .nana-category-kicker,
html body.template-category .nana-category-hero-clean .nana-category-subtitle {
  display: none !important;
}

html body.template-category .nana-category-hero-clean .nana-category-hero-content {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  width: 100% !important;
  min-height: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 26px 0 !important;
}

html body.template-category .nana-category-hero-clean .nana-category-hero-container {
  width: min(100% - 40px, 1280px) !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}

html body.template-category .nana-category-hero-clean .nana-category-title {
  display: block !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  color: #121012 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(32px, 3.6vw, 64px) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.04 !important;
  text-align: center !important;
  text-transform: none !important;
}

@media (max-width: 767px) {
  html body.template-category .nana-category-hero.nana-category-hero-clean {
    height: clamp(130px, 32vw, 170px) !important;
    min-height: 0 !important;
  }

  html body.template-category .nana-category-hero-clean .nana-category-hero-content {
    padding: 18px 0 !important;
  }

  html body.template-category .nana-category-hero-clean .nana-category-hero-container {
    width: calc(100% - 28px) !important;
  }

  html body.template-category .nana-category-hero-clean .nana-category-title {
    font-size: clamp(24px, 7.4vw, 34px) !important;
    line-height: 1.08 !important;
  }
}

/* ==========================================================================
   NANA MAKEUP - HOVER ABSOLUTO FINAL DOS CARDS HOME/CATEGORIAS
   Deve permanecer no fim do arquivo para vencer regras antigas duplicadas.
   ========================================================================== */

html body.template-home .js-item-product.item-product > .item.nana-home-product-card,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid #f5d8e5 !important;
  background-clip: padding-box !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card:hover,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card:focus-within,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card:hover,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card:focus-within {
  border-color: #f5a8c9 !important;
  box-shadow:
    inset 0 0 0 1px #f5a8c9,
    0 12px 26px rgba(160, 58, 103, .12) !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card:hover .item-image,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card:focus-within .item-image,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card:hover .product-item-image-container.item-image,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card:focus-within .product-item-image-container.item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card:hover .item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card:focus-within .item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card:hover .product-item-image-container.item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card:focus-within .product-item-image-container.item-image {
  background: #ffffff !important;
  box-shadow: none !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card .item-image::before,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .item-image::after,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .product-item-image-container.item-image::before,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .product-item-image-container.item-image::after,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-image::before,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-image::after,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .product-item-image-container.item-image::before,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .product-item-image-container.item-image::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card .js-product-item-image-link-private,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .js-item-image-padding,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .js-product-item-image-private,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .product-item-image,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .js-item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-product-item-image-link-private,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-item-image-padding,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-product-item-image-private,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .product-item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-item-image {
  position: relative !important;
  z-index: 1 !important;
  filter: none !important;
  opacity: 1 !important;
}

/* ==========================================================================
   NANA MAKEUP - HOVER ABSOLUTO FINAL DOS CARDS HOME/CATEGORIAS
   Deve permanecer no fim do arquivo para vencer regras antigas duplicadas.
   ========================================================================== */

html body.template-home .js-item-product.item-product > .item.nana-home-product-card,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid #f5d8e5 !important;
  background-clip: padding-box !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card:hover,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card:focus-within,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card:hover,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card:focus-within {
  border-color: #f5a8c9 !important;
  box-shadow:
    inset 0 0 0 1px #f5a8c9,
    0 12px 26px rgba(160, 58, 103, .12) !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card:hover .item-image,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card:focus-within .item-image,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card:hover .product-item-image-container.item-image,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card:focus-within .product-item-image-container.item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card:hover .item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card:focus-within .item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card:hover .product-item-image-container.item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card:focus-within .product-item-image-container.item-image {
  background: #ffffff !important;
  box-shadow: none !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card .item-image::before,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .item-image::after,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .product-item-image-container.item-image::before,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .product-item-image-container.item-image::after,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-image::before,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-image::after,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .product-item-image-container.item-image::before,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .product-item-image-container.item-image::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card .js-product-item-image-link-private,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .js-item-image-padding,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .js-product-item-image-private,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .product-item-image,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .js-item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-product-item-image-link-private,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-item-image-padding,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-product-item-image-private,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .product-item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-item-image {
  position: relative !important;
  z-index: 1 !important;
  filter: none !important;
  opacity: 1 !important;
}

/* ==========================================================================
   NANA MAKEUP - HOVER FINAL DOS CARDS HOME/CATEGORIAS
   Mantem a foto sem pelicula e fecha a borda superior do card no hover.
   ========================================================================== */

html body.template-home .js-item-product.item-product > .item.nana-home-product-card,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid #f5d8e5 !important;
  background-clip: padding-box !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card:hover,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card:focus-within,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card:hover,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card:focus-within {
  border-color: #f5a8c9 !important;
  box-shadow:
    inset 0 0 0 1px #f5a8c9,
    0 12px 26px rgba(160, 58, 103, .12) !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card .item-image,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .product-item-image-container.item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .product-item-image-container.item-image {
  isolation: isolate !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card:hover .item-image,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card:focus-within .item-image,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card:hover .product-item-image-container.item-image,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card:focus-within .product-item-image-container.item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card:hover .item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card:focus-within .item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card:hover .product-item-image-container.item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card:focus-within .product-item-image-container.item-image {
  background: #ffffff !important;
  box-shadow: none !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card .item-image::before,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .item-image::after,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .product-item-image-container.item-image::before,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .product-item-image-container.item-image::after,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-image::before,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-image::after,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .product-item-image-container.item-image::before,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .product-item-image-container.item-image::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card .js-product-item-image-link-private,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .js-item-image-padding,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .js-product-item-image-private,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .product-item-image,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .js-item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-product-item-image-link-private,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-item-image-padding,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-product-item-image-private,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .product-item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-item-image {
  position: relative !important;
  z-index: 1 !important;
  filter: none !important;
  opacity: 1 !important;
}

/* ==========================================================================
   NANA MAKEUP - HOVER ROSA NA AREA SUPERIOR DOS CARDS
   Aplica o realce sem bloquear links, quick shop ou botao de carrinho.
   ========================================================================== */

html body.template-home .js-item-product.item-product > .item.nana-home-product-card .item-image,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .product-item-image-container.item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .product-item-image-container.item-image {
  position: relative !important;
  overflow: hidden !important;
  background: #ffffff !important;
  transition: background-color .18s ease, box-shadow .18s ease !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card .item-image::after,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .product-item-image-container.item-image::after,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-image::after,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .product-item-image-container.item-image::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  display: block !important;
  border-radius: inherit !important;
  background: linear-gradient(180deg, rgba(255, 232, 243, .76) 0%, rgba(255, 242, 248, .52) 100%) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .18s ease !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card:hover .item-image,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card:focus-within .item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card:hover .item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card:focus-within .item-image {
  background-color: #fff1f7 !important;
  box-shadow: inset 0 0 0 1px rgba(236, 11, 114, .08) !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card:hover .item-image::after,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card:focus-within .item-image::after,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card:hover .product-item-image-container.item-image::after,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card:focus-within .product-item-image-container.item-image::after,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card:hover .item-image::after,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card:focus-within .item-image::after,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card:hover .product-item-image-container.item-image::after,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card:focus-within .product-item-image-container.item-image::after {
  opacity: 1 !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card .js-product-item-image-link-private,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .js-item-image-padding,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-product-item-image-link-private,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-item-image-padding {
  position: relative !important;
  z-index: 1 !important;
}

/* ==========================================================================
   NANA MAKEUP - PAGINAS INSTITUCIONAIS
   Melhora paginas como Quem somos, Nosso endereco e Contato.
   ========================================================================== */

html body.template-page .nana-institutional-page {
  padding: 34px 0 76px !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 255, 255, .92) 0, rgba(255, 255, 255, 0) 34%),
    linear-gradient(180deg, #fff7fb 0%, #fff1f7 100%) !important;
  border-bottom: 4px solid #ec0b72 !important;
}

html body.template-page .nana-institutional-page .container {
  width: min(calc(100% - 32px), 1280px) !important;
  max-width: 1280px !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

html body.template-page .nana-institutional-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 360px !important;
  gap: 28px !important;
  align-items: stretch !important;
  margin: 0 0 28px !important;
}

html body.template-page .nana-institutional-hero-copy,
html body.template-page .nana-institutional-hero-card,
html body.template-page .nana-institutional-content,
html body.template-page .nana-institutional-sidebar-card {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
  border: 1px solid #f3d8e4 !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .86) !important;
  box-shadow: 0 18px 42px rgba(123, 41, 78, .07) !important;
}

html body.template-page .nana-institutional-hero-copy {
  position: relative !important;
  overflow: hidden !important;
  padding: 42px 48px !important;
}

html body.template-page .nana-institutional-hero-copy::after {
  content: "" !important;
  position: absolute !important;
  top: -70px !important;
  right: -90px !important;
  width: 240px !important;
  height: 240px !important;
  border: 1px solid rgba(236, 11, 114, .16) !important;
  border-radius: 50% !important;
  pointer-events: none !important;
}

html body.template-page .nana-institutional-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 14px !important;
  color: #ec0b72 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .18em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

html body.template-page .nana-institutional-eyebrow::before {
  content: "" !important;
  display: block !important;
  width: 42px !important;
  height: 2px !important;
  background: #ec0b72 !important;
}

html body.template-page .nana-institutional-hero h1 {
  max-width: 760px !important;
  margin: 0 0 16px !important;
  color: #211c20 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(38px, 5vw, 70px) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: .98 !important;
  text-transform: none !important;
}

html body.template-page .nana-institutional-hero p {
  max-width: 680px !important;
  margin: 0 !important;
  color: #67535d !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  overflow-wrap: anywhere !important;
}

html body.template-page .nana-institutional-hero-card {
  display: flex !important;
  min-height: 100% !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 32px !important;
  background: linear-gradient(145deg, #ec0b72 0%, #d60865 100%) !important;
  color: #ffffff !important;
}

html body.template-page .nana-institutional-hero-card span {
  display: block !important;
  margin: 0 0 10px !important;
  color: rgba(255, 255, 255, .82) !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

html body.template-page .nana-institutional-hero-card strong {
  display: block !important;
  color: #ffffff !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
}

html body.template-page .nana-institutional-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 360px !important;
  gap: 28px !important;
  align-items: start !important;
}

html body.template-page .nana-institutional-content {
  max-width: none !important;
  min-height: 0 !important;
  padding: 38px 46px !important;
  color: #2b2529 !important;
  font-family: Inter, Arial, sans-serif !important;
}

html body.template-page .nana-institutional-content p,
html body.template-page .nana-institutional-content li {
  max-width: 880px !important;
  margin: 0 0 18px !important;
  color: #2b2529 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.75 !important;
  overflow-wrap: anywhere !important;
}

html body.template-page .nana-institutional-content p:last-child {
  margin-bottom: 0 !important;
}

html body.template-page .nana-institutional-content strong {
  color: #1f1a1e !important;
  font-weight: 900 !important;
}

html body.template-page .nana-institutional-content a {
  color: #ec0b72 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

html body.template-page .nana-institutional-content a:hover {
  text-decoration: underline !important;
}

html body.template-page .nana-institutional-sidebar {
  position: sticky !important;
  top: 118px !important;
}

html body.template-page .nana-institutional-sidebar-card {
  padding: 28px !important;
}

html body.template-page .nana-institutional-sidebar-card h2 {
  margin: 0 0 18px !important;
  color: #211c20 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
}

html body.template-page .nana-institutional-contact-row {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  padding: 15px 0 !important;
  border-top: 1px solid #f1dbe5 !important;
  color: #2b2529 !important;
  text-decoration: none !important;
}

html body.template-page .nana-institutional-contact-row:hover {
  color: #ec0b72 !important;
  text-decoration: none !important;
}

html body.template-page .nana-institutional-contact-icon {
  display: inline-flex !important;
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: #fff1f7 !important;
  color: #ec0b72 !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

html body.template-page .nana-institutional-contact-icon svg {
  display: block !important;
  width: 17px !important;
  height: 17px !important;
  color: currentColor !important;
  fill: currentColor !important;
}

html body.template-page .nana-institutional-contact-row small,
html body.template-page .nana-institutional-contact-row strong {
  display: block !important;
  font-family: Inter, Arial, sans-serif !important;
}

html body.template-page .nana-institutional-contact-row small {
  margin: 0 0 4px !important;
  color: #8a7480 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

html body.template-page .nana-institutional-contact-row strong {
  color: inherit !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  word-break: break-word !important;
}

@media (max-width: 991px) {
  html body.template-page .nana-institutional-page {
    padding: 24px 0 54px !important;
  }

  html body.template-page .nana-institutional-hero,
  html body.template-page .nana-institutional-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  html body.template-page .nana-institutional-hero-copy,
  html body.template-page .nana-institutional-content,
  html body.template-page .nana-institutional-sidebar-card {
    padding: 26px 22px !important;
    border-radius: 14px !important;
  }

  html body.template-page .nana-institutional-hero-card {
    min-height: 0 !important;
    padding: 24px !important;
    border-radius: 14px !important;
  }

  html body.template-page .nana-institutional-sidebar {
    position: static !important;
  }
}

@media (max-width: 575px) {
  html body.template-page .nana-institutional-page .container {
    width: min(calc(100% - 24px), 1280px) !important;
  }

  html body.template-page .nana-institutional-page {
    padding-top: 18px !important;
  }

  html body.template-page .nana-institutional-hero h1 {
    font-size: 38px !important;
  }

  html body.template-page .nana-institutional-hero p,
  html body.template-page .nana-institutional-content p,
  html body.template-page .nana-institutional-content li {
    font-size: 15px !important;
    line-height: 1.65 !important;
  }

  html body.template-page .nana-institutional-eyebrow {
    font-size: 10px !important;
    letter-spacing: .14em !important;
  }
}

/* ==========================================================================
   NANA MAKEUP - PAGINA DE CONTATO
   Mantem o formulario nativo e melhora apenas a apresentacao.
   ========================================================================== */

html body.template-contact .nana-contact-page {
  padding: 34px 0 76px !important;
  background:
    radial-gradient(circle at 16% 18%, rgba(255, 255, 255, .92) 0, rgba(255, 255, 255, 0) 34%),
    linear-gradient(180deg, #fff7fb 0%, #fff1f7 100%) !important;
  border-bottom: 4px solid #ec0b72 !important;
}

html body.template-contact .nana-contact-page .container {
  width: min(calc(100% - 32px), 1280px) !important;
  max-width: 1280px !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

html body.template-contact .nana-contact-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 360px !important;
  gap: 28px !important;
  align-items: stretch !important;
  margin: 0 0 28px !important;
}

html body.template-contact .nana-contact-hero-copy,
html body.template-contact .nana-contact-hero-card,
html body.template-contact .nana-contact-info-card,
html body.template-contact .nana-contact-form-card {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
  border: 1px solid #f3d8e4 !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .88) !important;
  box-shadow: 0 18px 42px rgba(123, 41, 78, .07) !important;
}

html body.template-contact .nana-contact-hero-copy {
  position: relative !important;
  overflow: hidden !important;
  padding: 42px 48px !important;
}

html body.template-contact .nana-contact-hero-copy::after {
  content: "" !important;
  position: absolute !important;
  top: -70px !important;
  right: -90px !important;
  width: 240px !important;
  height: 240px !important;
  border: 1px solid rgba(236, 11, 114, .16) !important;
  border-radius: 50% !important;
  pointer-events: none !important;
}

html body.template-contact .nana-contact-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 14px !important;
  color: #ec0b72 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .18em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

html body.template-contact .nana-contact-eyebrow::before {
  content: "" !important;
  display: block !important;
  width: 42px !important;
  height: 2px !important;
  background: #ec0b72 !important;
}

html body.template-contact .nana-contact-hero h1 {
  max-width: 760px !important;
  margin: 0 0 16px !important;
  color: #211c20 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(38px, 5vw, 70px) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: .98 !important;
  text-transform: none !important;
}

html body.template-contact .nana-contact-hero p {
  max-width: 680px !important;
  margin: 0 !important;
  color: #67535d !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  overflow-wrap: anywhere !important;
}

html body.template-contact .nana-contact-hero-card {
  display: flex !important;
  min-height: 100% !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 32px !important;
  background: linear-gradient(145deg, #ec0b72 0%, #d60865 100%) !important;
  color: #ffffff !important;
}

html body.template-contact .nana-contact-hero-card span {
  display: block !important;
  margin: 0 0 10px !important;
  color: rgba(255, 255, 255, .82) !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

html body.template-contact .nana-contact-hero-card strong {
  display: block !important;
  color: #ffffff !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
}

html body.template-contact .nana-contact-grid {
  display: grid !important;
  grid-template-columns: 360px minmax(0, 1fr) !important;
  gap: 28px !important;
  align-items: start !important;
}

html body.template-contact .nana-contact-grid-single {
  grid-template-columns: minmax(0, 720px) !important;
  justify-content: center !important;
}

html body.template-contact .nana-contact-info-card,
html body.template-contact .nana-contact-form-card {
  padding: 32px !important;
}

html body.template-contact .nana-contact-info-card h2 {
  margin: 0 0 14px !important;
  color: #211c20 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
}

html body.template-contact .nana-contact-info-card p {
  margin: 0 0 18px !important;
  color: #67535d !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
}

html body.template-contact .nana-contact-info-card .list {
  margin: 0 !important;
  padding: 0 !important;
}

html body.template-contact .nana-contact-info-card li {
  display: flex !important;
  align-items: center !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 13px 0 !important;
  border-top: 1px solid #f1dbe5 !important;
  color: #2b2529 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

html body.template-contact .nana-contact-info-card .contact-link,
html body.template-contact .nana-contact-info-card .btn-link,
html body.template-contact .nana-contact-info-card a {
  color: #2b2529 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

html body.template-contact .nana-contact-info-card a:hover {
  color: #ec0b72 !important;
  text-decoration: none !important;
}

html body.template-contact .nana-contact-info-card svg {
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  margin-right: 12px !important;
  color: #ec0b72 !important;
}

html body.template-contact .nana-contact-product {
  display: flex !important;
  gap: 16px !important;
  align-items: center !important;
  margin: 0 0 22px !important;
  padding: 14px !important;
  border: 1px solid #f3d8e4 !important;
  border-radius: 14px !important;
  background: #fff7fb !important;
}

html body.template-contact .nana-contact-product img {
  width: 72px !important;
  height: 72px !important;
  object-fit: contain !important;
}

html body.template-contact .nana-contact-product p {
  margin: 0 !important;
  color: #2b2529 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

html body.template-contact .nana-contact-form-card label {
  margin: 0 0 8px !important;
  color: #211c20 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

html body.template-contact .nana-contact-form-card .form-group {
  margin-bottom: 18px !important;
}

html body.template-contact .nana-contact-form-card .form-control {
  min-height: 52px !important;
  padding: 0 16px !important;
  border: 1px solid #f1cddd !important;
  border-radius: 12px !important;
  background: #fffafe !important;
  color: #2b2529 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 15px !important;
  box-shadow: none !important;
}

html body.template-contact .nana-contact-form-card textarea.form-control {
  min-height: 150px !important;
  padding-top: 16px !important;
}

html body.template-contact .nana-contact-form-card .form-control:focus {
  border-color: #ec0b72 !important;
  box-shadow: 0 0 0 3px rgba(236, 11, 114, .12) !important;
}

html body.template-contact .nana-contact-form-card .btn,
html body.template-contact .nana-contact-form-card input[type="submit"] {
  min-height: 54px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #ec0b72 !important;
  color: #ffffff !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  box-shadow: 0 14px 26px rgba(236, 11, 114, .18) !important;
}

@media (max-width: 991px) {
  html body.template-contact .nana-contact-page {
    padding: 24px 0 54px !important;
  }

  html body.template-contact .nana-contact-hero,
  html body.template-contact .nana-contact-grid,
  html body.template-contact .nana-contact-grid-single {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  html body.template-contact .nana-contact-hero-copy,
  html body.template-contact .nana-contact-info-card,
  html body.template-contact .nana-contact-form-card {
    padding: 26px 22px !important;
    border-radius: 14px !important;
  }

  html body.template-contact .nana-contact-hero-card {
    min-height: 0 !important;
    padding: 24px !important;
    border-radius: 14px !important;
  }
}

@media (max-width: 575px) {
  html body.template-contact .nana-contact-page .container {
    width: min(calc(100% - 24px), 1280px) !important;
  }

  html body.template-contact .nana-contact-hero h1 {
    font-size: 38px !important;
  }

  html body.template-contact .nana-contact-hero p,
  html body.template-contact .nana-contact-info-card p {
    font-size: 15px !important;
    line-height: 1.65 !important;
  }

  html body.template-contact .nana-contact-eyebrow {
    font-size: 10px !important;
    letter-spacing: .14em !important;
  }
}

/* ==========================================================================
   NANA MAKEUP - CORRECAO FINAL DO HOVER DOS CARDS
   Remove overlay sobre a imagem e usa a borda real do card no hover.
   ========================================================================== */

html body.template-home .js-item-product.item-product > .item.nana-home-product-card,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card,
html body.template-product .section-products-related .item.nana-home-product-card {
  position: relative !important;
  overflow: hidden !important;
  background-clip: padding-box !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card:hover,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card:focus-within,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card:hover,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card:focus-within,
html body.template-product .section-products-related .item.nana-home-product-card:hover,
html body.template-product .section-products-related .item.nana-home-product-card:focus-within {
  border-color: #f5a8c9 !important;
  box-shadow:
    inset 0 0 0 1px #f5a8c9,
    0 12px 26px rgba(160, 58, 103, .12) !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card .item-image,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .product-item-image-container.item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .product-item-image-container.item-image,
html body.template-product .section-products-related .item.nana-home-product-card .item-image,
html body.template-product .section-products-related .item.nana-home-product-card .product-item-image-container.item-image {
  isolation: isolate !important;
  background: #ffffff !important;
  transition: background-color .18s ease !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card:hover .item-image,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card:focus-within .item-image,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card:hover .product-item-image-container.item-image,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card:focus-within .product-item-image-container.item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card:hover .item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card:focus-within .item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card:hover .product-item-image-container.item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card:focus-within .product-item-image-container.item-image,
html body.template-product .section-products-related .item.nana-home-product-card:hover .item-image,
html body.template-product .section-products-related .item.nana-home-product-card:focus-within .item-image,
html body.template-product .section-products-related .item.nana-home-product-card:hover .product-item-image-container.item-image,
html body.template-product .section-products-related .item.nana-home-product-card:focus-within .product-item-image-container.item-image {
  background: #ffffff !important;
  box-shadow: none !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card .item-image::before,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .item-image::after,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .product-item-image-container.item-image::before,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .product-item-image-container.item-image::after,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-image::before,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-image::after,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .product-item-image-container.item-image::before,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .product-item-image-container.item-image::after,
html body.template-product .section-products-related .item.nana-home-product-card .item-image::before,
html body.template-product .section-products-related .item.nana-home-product-card .item-image::after,
html body.template-product .section-products-related .item.nana-home-product-card .product-item-image-container.item-image::before,
html body.template-product .section-products-related .item.nana-home-product-card .product-item-image-container.item-image::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card .js-product-item-image-link-private,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .js-item-image-padding,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .js-product-item-image-private,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .product-item-image,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .js-item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-product-item-image-link-private,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-item-image-padding,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-product-item-image-private,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .product-item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-item-image,
html body.template-product .section-products-related .item.nana-home-product-card .js-product-item-image-link-private,
html body.template-product .section-products-related .item.nana-home-product-card .js-item-image-padding,
html body.template-product .section-products-related .item.nana-home-product-card .js-product-item-image-private,
html body.template-product .section-products-related .item.nana-home-product-card .product-item-image,
html body.template-product .section-products-related .item.nana-home-product-card .js-item-image {
  position: relative !important;
  z-index: 1 !important;
  filter: none !important;
  opacity: 1 !important;
}

/* Nana Makeup: os cards customizados usam apenas a imagem principal */
html body .nana-home-product-card .item-image-secondary,
html body .nana-home-product-card .product-item-image-secondary,
html body .nana-home-product-card .js-product-item-secondary-image-private {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

html body .nana-home-product-card .item-image-featured,
html body .nana-home-product-card .product-item-image-featured {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* ==========================================================================
   NANA MAKEUP - OVERRIDE FINAL DA COR DOS BOTOES DE COMPRA
   Deve ficar no fim do arquivo para padronizar home, categorias e produto.
   ========================================================================== */

html body .nana-home-product-card .nana-add-to-cart-btn,
html body .nana-home-product-card .nana-add-to-cart-visual,
html body.template-product .btn-add-to-cart {
  background: #ec0b72 !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: #ec0b72 !important;
}

html body .nana-home-product-card .nana-add-to-cart-btn:hover,
html body .nana-home-product-card .nana-add-to-cart-btn:focus,
html body .nana-home-product-card .item-submit-container:hover .nana-add-to-cart-visual,
html body .nana-home-product-card .item-submit-container:focus-within .nana-add-to-cart-visual,
html body.template-product .btn-add-to-cart:hover,
html body.template-product .btn-add-to-cart:focus {
  background: #d60865 !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: #d60865 !important;
}

html body .nana-home-product-card input.nana-add-to-cart-btn {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
}

html body .nana-home-product-card .nana-add-to-cart-btn.disabled,
html body .nana-home-product-card .nana-add-to-cart-btn:disabled,
html body .nana-home-product-card .nana-add-to-cart-btn.nostock,
html body .nana-home-product-card .nana-add-to-cart-btn.contact,
html body .nana-home-product-card .nana-add-to-cart-btn.catalog,
html body.template-product .btn-add-to-cart.nostock,
html body.template-product .btn-add-to-cart:disabled {
  background: #c8c1c5 !important;
  background-image: none !important;
  border-color: #c8c1c5 !important;
  color: #ffffff !important;
}

/* ==========================================================================
   NANA MAKEUP - OVERRIDE FINAL DA COR DOS BOTOES DE COMPRA
   Deve ficar no fim do arquivo para padronizar home, categorias e produto.
   ========================================================================== */

html body .nana-home-product-card .nana-add-to-cart-btn,
html body .nana-home-product-card .nana-add-to-cart-visual,
html body.template-product .btn-add-to-cart {
  background: #ec0b72 !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: #ec0b72 !important;
}

html body .nana-home-product-card .nana-add-to-cart-btn:hover,
html body .nana-home-product-card .nana-add-to-cart-btn:focus,
html body .nana-home-product-card .item-submit-container:hover .nana-add-to-cart-visual,
html body .nana-home-product-card .item-submit-container:focus-within .nana-add-to-cart-visual,
html body.template-product .btn-add-to-cart:hover,
html body.template-product .btn-add-to-cart:focus {
  background: #d60865 !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: #d60865 !important;
}

html body .nana-home-product-card input.nana-add-to-cart-btn {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
}

html body .nana-home-product-card .nana-add-to-cart-btn.disabled,
html body .nana-home-product-card .nana-add-to-cart-btn:disabled,
html body .nana-home-product-card .nana-add-to-cart-btn.nostock,
html body .nana-home-product-card .nana-add-to-cart-btn.contact,
html body .nana-home-product-card .nana-add-to-cart-btn.catalog,
html body.template-product .btn-add-to-cart.nostock,
html body.template-product .btn-add-to-cart:disabled {
  background: #c8c1c5 !important;
  background-image: none !important;
  border-color: #c8c1c5 !important;
  color: #ffffff !important;
}

/* ==========================================================================
   NANA MAKEUP - CATEGORIAS COM O MESMO CARD DA HOME
   Bloco final para manter home e categorias visualmente iguais.
   ========================================================================== */

html body.template-category .js-item-product.item-product > .item.nana-home-product-card {
  height: 100% !important;
  min-height: 0 !important;
  padding: 13px 13px 14px !important;
  border: 1px solid #f4dce6 !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 22px rgba(160, 58, 103, .07) !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card:hover {
  border-color: #f5bfd6 !important;
  box-shadow: 0 12px 28px rgba(160, 58, 103, .11) !important;
  transform: translateY(-2px) !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card > .js-product-container,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card > .js-quickshop-container {
  height: 100% !important;
  flex: 1 1 auto !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .product-item-image-container.item-image {
  aspect-ratio: 1 / 1 !important;
  padding: 6px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-home-card-description {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 15px 0 0 !important;
  background: #ffffff !important;
  text-align: left !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-home-card-link {
  display: flex !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  flex-direction: column !important;
  text-decoration: none !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-item-name.item-name {
  min-height: 36px !important;
  max-height: 36px !important;
  margin: 0 0 10px !important;
  color: #1f1d1f !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-price-container {
  min-height: 22px !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-price-display.item-price,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-price {
  color: #050505 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions {
  margin-top: 0 !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions .item-submit-container,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-visual {
  height: 48px !important;
  min-height: 48px !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-visual {
  gap: 10px !important;
  padding: 0 14px !important;
  border-radius: 9px !important;
  background: linear-gradient(135deg, #ff4a7c 0%, #f7266d 48%, #f20b66 100%) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn:hover,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn:focus,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-submit-container:hover .nana-add-to-cart-visual,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-submit-container:focus-within .nana-add-to-cart-visual {
  background: linear-gradient(135deg, #ff5a88 0%, #f72a72 48%, #df005b 100%) !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-icon {
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
}

@media (max-width: 767px) {
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card {
    padding: 8px 8px 10px !important;
    border-radius: 10px !important;
  }

  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-home-card-description {
    padding-top: 10px !important;
  }

  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-item-name.item-name {
    min-height: 32px !important;
    max-height: 32px !important;
    margin-bottom: 8px !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
  }

  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-price-container {
    margin-bottom: 18px !important;
  }

  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-price-display.item-price,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-price {
    font-size: 16px !important;
  }

  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions .item-submit-container,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-visual {
    height: 44px !important;
    min-height: 44px !important;
  }

  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-visual {
    gap: 8px !important;
    padding: 0 10px !important;
    font-size: 10px !important;
  }

  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-icon {
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
  }
}

/* ==========================================================================
   NANA MAKEUP - COR UNICA DOS BOTOES ADICIONAR AO CARRINHO
   Aplica somente aos CTAs de compra, sem alterar eventos ou formularios nativos.
   ========================================================================== */

html body .nana-home-product-card .nana-add-to-cart-btn,
html body .nana-home-product-card .nana-add-to-cart-visual,
html body.template-product .btn-add-to-cart {
  background: #ec0b72 !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: #ec0b72 !important;
}

html body .nana-home-product-card .nana-add-to-cart-btn:hover,
html body .nana-home-product-card .nana-add-to-cart-btn:focus,
html body .nana-home-product-card .item-submit-container:hover .nana-add-to-cart-visual,
html body .nana-home-product-card .item-submit-container:focus-within .nana-add-to-cart-visual,
html body.template-product .btn-add-to-cart:hover,
html body.template-product .btn-add-to-cart:focus {
  background: #d60865 !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: #d60865 !important;
}

html body .nana-home-product-card input.nana-add-to-cart-btn {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
}

html body .nana-home-product-card .nana-add-to-cart-btn.disabled,
html body .nana-home-product-card .nana-add-to-cart-btn:disabled,
html body .nana-home-product-card .nana-add-to-cart-btn.nostock,
html body .nana-home-product-card .nana-add-to-cart-btn.contact,
html body .nana-home-product-card .nana-add-to-cart-btn.catalog,
html body.template-product .btn-add-to-cart.nostock,
html body.template-product .btn-add-to-cart:disabled {
  background: #c8c1c5 !important;
  background-image: none !important;
  border-color: #c8c1c5 !important;
  color: #ffffff !important;
}

.template-home .home-sections-container,
.template-home main,
.template-home .section-home {
  background-color: #fff5f8 !important;
}

.template-home .section-home:nth-of-type(even) {
  background-color: #fff5f8 !important;
}

.template-home .section-home:nth-of-type(odd) {
  background-color: #fff5f8 !important;
}

.template-home .nana-home-product-card,
.template-home .item-product .item,
.template-home .item-description {
  background-color: #ffffff !important;
}

#product-shipping-container::after {content: "📍ou retire grátis em Alphaville - SP";display: inline-block;margin: 6px 8px 8px;padding: 5px 10px;color: #c2185b;background: #fff0f5;border: 1px solid #f4a7c3;border-radius: 6px;font-family: Inter, Arial, sans-serif;font-size: 12px;}

.nana-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.page-header .breadcrumbs {display: none;}

.js-head-main, .head-main {width: 100% !important;margin: 0 !important;padding: 0 !important;border: 0 !important;box-shadow: none !important;}

.js-head-main>.container, .head-main>.container, .js-head-main .head-container, .head-main .head-container {width: calc(100% - 64px) !important;max-width: 1450px !important;min-height: 108px !important;margin: 0 auto !important;padding: 9px 0 !important;display: flex !important;align-items: center !important;justify-content: space-between !important;gap: 26px !important;}

.js-head-main .row, .head-main .row {width: 100% !important;margin: 0 !important;display: flex !important;align-items: center !important;flex-wrap: nowrap !important;gap: 24px !important;}

.js-logo, .logo-container, .logo-img-container, .header-logo {flex: 0 0 155px !important;width: 155px !important;margin: 0 !important;padding: 0 !important;}

.js-logo img, .logo-container img, .logo-img-container img, .header-logo img, .logo-img {width: auto !important;max-width: 150px !important;height: auto !important;max-height: 82px !important;margin: 0 !important;object-fit: contain !important;}

.nav-desktop, .js-nav-desktop, .desktop-nav, .navigation {flex: 1 1 auto !important;min-width: 0 !important;margin: 0 !important;padding: 0 !important;background: transparent !important;}

.nav-desktop a, .js-nav-desktop a, .desktop-nav a, .navigation a, .nav-desktop-list a, .js-nav-desktop-list a, .nav-list a {position: relative !important;padding: 15px 0 !important;color: #fff !important;background: transparent !important;border: 0 !important;font-family: Inter, Arial, sans-serif !important;font-size: 12px !important;font-weight: 600 !important;line-height: 1.2 !important;text-decoration: none !important;text-transform: uppercase !important;white-space: nowrap !important;}

.nav-desktop a::after, .js-nav-desktop a::after, .desktop-nav a::after, .navigation a::after {content: "" !important;position: absolute !important;right: 0 !important;bottom: 6px !important;left: 0 !important;height: 2px !important;background: #fff !important;border-radius: 999px !important;transform: scaleX(0) !important;transition: transform .2s ease !important;}

.nav-desktop a:hover::after, .js-nav-desktop a:hover::after, .desktop-nav a:hover::after, .navigation a:hover::after {transform: scaleX(1) !important;}

.utilities-container, .head-utilities, .header-utilities, .header-actions, .js-header-actions {flex: 0 0 auto !important;margin: 0 !important;padding: 0 !important;display: flex !important;align-items: center !important;justify-content: flex-end !important;gap: 6px !important;}

.utilities-container a, .utilities-container button, .head-utilities a, .head-utilities button, .header-utilities a, .header-utilities button, .header-actions a, .header-actions button {width: 40px !important;height: 40px !important;min-width: 40px !important;margin: 0 !important;padding: 0 !important;display: flex !important;align-items: center !important;justify-content: center !important;color: #fff !important;background: transparent !important;border: 0 !important;border-radius: 50% !important;}

.utilities-container svg, .head-utilities svg, .header-utilities svg, .header-actions svg {width: 24px !important;height: 24px !important;color: #fff !important;}

.js-cart-widget-amount, .js-cart-amount, .cart-amount, .cart-count, [data-component=cart-count], [data-store=cart-count] {min-width: 20px !important;height: 20px !important;padding: 0 5px !important;display: flex !important;align-items: center !important;justify-content: center !important;background: #fff !important;border-radius: 999px !important;font-size: 10px !important;font-weight: 800 !important;line-height: 1 !important;}

body .js-adbar {box-sizing: border-box !important;position: relative !important;width: 100% !important;max-width: 100% !important;min-height: 58px !important;margin: 0 !important;padding: 8px 18px !important;background: #fff4f8 !important;border: 0 !important;overflow: hidden !important;}

body .js-adbar > :not(.nana-header-benefits) {display: none !important;visibility: hidden !important;}

body .js-adbar::before,
body .js-adbar::after {content: none !important;display: none !important;}

.nana-header-benefits {box-sizing: border-box !important;display: grid !important;grid-template-columns: repeat(4, minmax(0, 1fr)) !important;width: 88% !important;max-width: 1240px !important;min-height: 52px !important;margin: 0 auto !important;padding: 7px 22px !important;align-items: center !important;background: rgba(255, 255, 255, .95) !important;border: 1px solid #f2c7d9 !important;border-radius: 999px !important;box-shadow: 0 4px 13px rgba(153, 23, 76, .06) !important;color: #c3155e !important;}

.nana-header-benefit {box-sizing: border-box !important;display: flex !important;min-width: 0 !important;align-items: center !important;justify-content: center !important;gap: 12px !important;padding: 0 20px !important;color: #c3155e !important;border-right: 1px solid #e7b8cc !important;}

.nana-header-benefit:last-child {border-right: 0 !important;}

.nana-header-benefit-icon {display: flex !important;width: 32px !important;min-width: 32px !important;height: 32px !important;align-items: center !important;justify-content: center !important;color: #e62579 !important;}

.nana-header-benefit-icon svg {display: block !important;width: 31px !important;height: 31px !important;stroke: currentColor !important;stroke-width: 1.75 !important;stroke-linecap: round !important;stroke-linejoin: round !important;fill: none !important;}

.nana-header-benefit-copy {display: flex !important;min-width: 0 !important;flex-direction: column !important;gap: 1px !important;font-family: Inter, Arial, sans-serif !important;line-height: 1.15 !important;text-align: left !important;}

.nana-header-benefit-copy strong {display: block !important;color: #c3155e !important;font-size: 13px !important;font-weight: 800 !important;line-height: 1.15 !important;white-space: nowrap !important;}

.nana-header-benefit-copy small {display: block !important;color: #93536f !important;font-size: 11px !important;font-weight: 500 !important;line-height: 1.2 !important;white-space: nowrap !important;}

.nm-custom-footer, .nm-custom-footer .nm-benefits-area, .nm-custom-footer .nm-footer-main, .nm-custom-footer .nm-footer-bottom {background: #ff0084 !important;background-image: none !important;color: #fff !important;opacity: 1 !important;filter: none !important;}

.nm-custom-footer::before, .nm-custom-footer::after {content: none !important;display: none !important;}

.nm-custom-footer .nm-brand-pill {display: none !important;}

.nm-custom-footer .nm-footer-container {width: calc(100% - 48px) !important;max-width: 1180px !important;margin: 0 auto !important;}

.nm-custom-footer .nm-benefits-area {padding: 20px 0 12px !important;}

.nm-custom-footer .nm-benefits {display: grid !important;grid-template-columns: repeat(4, minmax(0, 1fr)) !important;min-height: 62px !important;padding: 9px 10px !important;background: #fff9fb !important;color: #9c104f !important;border: 1px solid rgba(255, 255, 255, .58) !important;border-radius: 16px !important;box-shadow: 0 8px 20px rgba(121, 0, 50, .13) !important;}

.nm-custom-footer .nm-benefit {min-width: 0 !important;gap: 9px !important;padding: 3px 14px !important;color: #9c104f !important;}

.nm-custom-footer .nm-benefit-icon {width: 34px !important;height: 34px !important;flex-basis: 34px !important;color: #ea2678 !important;}

.nm-custom-footer .nm-benefit-icon svg {width: 31px !important;height: 31px !important;color: #ea2678 !important;}

.nm-custom-footer .nm-benefit-title {color: #9c104f !important;font-size: 13px !important;opacity: 1 !important;}

.nm-custom-footer .nm-benefit-description {color: #6f4b5c !important;font-size: 10px !important;opacity: 1 !important;}

.nm-custom-footer .nm-footer-main {display: grid !important;grid-template-columns: 1.05fr .9fr .9fr 1fr !important;align-items: start !important;gap: 32px !important;padding: 28px 0 30px !important;color: #fff !important;}

.nm-custom-footer .nm-footer-main>* {min-width: 0 !important;opacity: 1 !important;filter: none !important;}

.nm-custom-footer .nm-brand-column {padding-right: 28px !important;border-right: 1px solid rgba(255, 255, 255, .25) !important;}

.nm-custom-footer .nm-brand-logo {width: 175px !important;max-width: 100% !important;max-height: 96px !important;margin-bottom: 14px !important;opacity: 1 !important;}

.nm-custom-footer .nm-brand-description {max-width: 235px !important;font-size: 13px !important;line-height: 1.45 !important;}

.nm-custom-footer .nm-footer-heading {margin-bottom: 15px !important;padding-bottom: 9px !important;font-size: 19px !important;}

.nm-custom-footer .nm-footer-heading::after {width: 32px !important;height: 3px !important;}

.nm-custom-footer .nm-footer-links, .nm-custom-footer .nm-contact-list {gap: 10px !important;}

.nm-custom-footer .nm-footer-link, .nm-custom-footer .nm-contact-item, .nm-custom-footer .nm-instagram-link {font-size: 12px !important;}

.nm-custom-footer .nm-contact-icon {width: 31px !important;height: 31px !important;flex-basis: 31px !important;background: rgba(180, 0, 76, .3) !important;color: #fff !important;}

.nm-custom-footer .nm-contact-icon svg {width: 16px !important;height: 16px !important;color: #fff !important;}

.nm-custom-footer .nm-social {margin-top: 16px !important;padding-top: 14px !important;}

.nm-custom-footer .nm-social-title {margin-bottom: 10px !important;font-size: 17px !important;}

.nm-custom-footer .nm-brand-description, .nm-custom-footer .nm-footer-heading, .nm-custom-footer .nm-footer-link, .nm-custom-footer .nm-contact-item, .nm-custom-footer .nm-social-title, .nm-custom-footer .nm-instagram-link, .nm-custom-footer .nm-copyright, .nm-custom-footer a {color: #fff !important;opacity: 1 !important;text-shadow: none !important;}

.nm-custom-footer .nm-footer-bottom {border-top: 1px solid rgba(255, 255, 255, .22) !important;}

.nm-custom-footer .nm-footer-bottom-content {min-height: 50px !important;padding: 8px 0 !important;}

.nm-custom-footer .nm-copyright {font-size: 10px !important;}

.nm-custom-footer .nm-copyright-heart {font-size: 23px !important;}

.js-section-products-best-seller, section[data-store=home-products-new] {position: relative !important;width: 100% !important;margin: 0 !important;padding: 38px 0 48px !important;background: #fff5f8 !important;overflow: hidden !important;}

.js-products-best-seller-container, section[data-store=home-products-new] .js-products-new-container {width: calc(100% - 40px) !important;max-width: 1360px !important;margin: 0 auto !important;padding: 0 !important;}

.js-products-best-seller-container>.row, section[data-store=home-products-new] .js-products-new-container>.row {margin: 0 !important;}

.js-products-best-seller-col, section[data-store=home-products-new] .js-products-new-col {width: 100% !important;max-width: 100% !important;padding: 0 !important;}

.js-products-best-seller-title, section[data-store=home-products-new] .js-products-new-title {width: 100% !important;margin: 0 !important;padding: 0 !important;color: transparent !important;font-size: 0 !important;line-height: 1 !important;text-align: center !important;}

.js-products-best-seller-title::before, .js-products-best-seller-title::after, section[data-store=home-products-new] .js-products-new-title::before, section[data-store=home-products-new] .js-products-new-title::after {display: inline !important;position: static !important;width: auto !important;height: auto !important;margin: 0 !important;padding: 0 !important;background: none !important;border: 0 !important;opacity: 1 !important;visibility: visible !important;transform: none !important;font-family: Georgia, "Times New Roman", serif !important;font-weight: 400 !important;}

.js-products-best-seller-title::before {content: "Mais" !important;color: #191919 !important;font-size: 48px !important;letter-spacing: -1px !important;}

.js-products-best-seller-title::after {content: " vendidos" !important;color: #ff0084 !important;font-size: 53px !important;font-style: italic !important;letter-spacing: -2px !important;}

section[data-store=home-products-new] .js-products-new-title::before {content: "Olhos e" !important;color: #181818 !important;font-size: 47px !important;letter-spacing: -1px !important;}

section[data-store=home-products-new] .js-products-new-title::after {content: " sobrancelhas" !important;color: #ff0084 !important;font-size: 51px !important;font-style: italic !important;letter-spacing: -2px !important;}

section[data-store=home-products-new] .js-swiper-new {position: relative !important;width: 100% !important;margin: 0 !important;padding: 42px 7px 18px !important;overflow: hidden !important;}

section[data-store=home-products-new] .js-swiper-new::before {content: "Realce o seu olhar com produtos que valorizam cada detalhe." !important;position: absolute !important;top: 6px !important;right: 0 !important;left: 0 !important;width: 100% !important;color: #625d61 !important;font-family: Inter, Arial, sans-serif !important;font-size: 15px !important;line-height: 1.4 !important;text-align: center !important;}

.js-swiper-best-seller {width: 100% !important;margin: 0 !important;padding: 8px 7px 18px !important;overflow: hidden !important;}

.js-products-best-seller-grid, section[data-store=home-products-new] .js-products-new-grid {align-items: stretch !important;}

.js-products-best-seller-container .js-item-name.item-name, section[data-store=home-products-new] .js-item-name.item-name {min-height: 36px !important;margin: 0 0 5px !important;color: #343034 !important;font-family: Inter, Arial, sans-serif !important;font-size: 13px !important;font-weight: 500 !important;line-height: 1.35 !important;opacity: 1 !important;}

@media (max-width:1200px) {.js-head-main>.container, .head-main>.container, .js-head-main .head-container, .head-main .head-container {width: calc(100% - 36px) !important;gap: 18px !important;}

.js-logo, .logo-container, .logo-img-container, .header-logo {
	flex-basis: 135px !important;
	width: 135px !important;
}

.js-logo img, .logo-container img, .logo-img-container img, .header-logo img, .logo-img {
	max-width: 130px !important;
}

.nav-desktop a, .js-nav-desktop a, .desktop-nav a, .navigation a {
	font-size: 10px !important;
}

.nana-header-benefits {
	width: 94% !important;
	padding-right: 14px !important;
	padding-left: 14px !important;
}

.nana-header-benefit {
	gap: 8px !important;
	padding: 0 10px !important;
}

.nana-header-benefit-copy strong {
	font-size: 11px !important;
}

.nana-header-benefit-copy small {
	font-size: 9px !important;
}

}

@media (max-width:768px) {.js-head-main>.container, .head-main>.container, .js-head-main .head-container, .head-main .head-container {width: calc(100% - 24px) !important;min-height: 80px !important;padding: 7px 0 !important;}

.js-logo, .logo-container, .logo-img-container, .header-logo {
	flex-basis: 112px !important;
	width: 112px !important;
}

.js-logo img, .logo-container img, .logo-img-container img, .header-logo img, .logo-img {
	max-width: 108px !important;
	max-height: 62px !important;
}

.nav-desktop, .js-nav-desktop, .desktop-nav, .navigation {
	display: none !important;
}

.js-cart-widget-amount, .js-cart-amount, .cart-amount, .cart-count, [data-component=cart-count], [data-store=cart-count] {
	position: absolute !important;
	top: -4px !important;
	right: -5px !important;
	width: auto !important;
	min-width: 18px !important;
	height: 18px !important;
	padding: 0 4px !important;
	font-size: 9px !important;
}

body .js-adbar {
	min-height: 0 !important;
	padding: 6px 10px !important;
}

.nana-header-benefits {
	grid-template-columns: 1fr !important;
	width: 100% !important;
	max-width: 100% !important;
	min-height: 0 !important;
	padding: 8px 12px !important;
	border-radius: 14px !important;
	gap: 0 !important;
}

.nana-header-benefit {
	min-height: 34px !important;
	justify-content: flex-start !important;
	gap: 8px !important;
	padding: 5px 7px !important;
	border-right: 0 !important;
	border-bottom: 1px solid rgba(231, 184, 204, .75) !important;
}

.nana-header-benefit:last-child {
	border-bottom: 0 !important;
}

.nana-header-benefit-icon {
	width: 24px !important;
	min-width: 24px !important;
	height: 24px !important;
}

.nana-header-benefit-icon svg {
	width: 23px !important;
	height: 23px !important;
}

.nana-header-benefit-copy strong {
	font-size: 10px !important;
	white-space: normal !important;
	overflow-wrap: anywhere !important;
}

.nana-header-benefit-copy small {
	font-size: 9px !important;
	white-space: normal !important;
	overflow-wrap: anywhere !important;
}

.nm-custom-footer .nm-footer-container {
	width: calc(100% - 20px) !important;
}

.nm-custom-footer .nm-benefits {
	grid-template-columns: 1fr 1fr !important;
	padding: 6px 8px !important;
}

.nm-custom-footer .nm-benefit {
	padding: 8px 7px !important;
	border-bottom: 1px solid rgba(230, 37, 121, .18) !important;
}

.nm-custom-footer .nm-footer-main {
	grid-template-columns: 1fr 1fr !important;
	gap: 20px 16px !important;
	padding: 22px 0 24px !important;
}

.nm-custom-footer .nm-footer-main>:first-child {
	grid-column: 1/-1 !important;
	padding: 0 0 18px !important;
	text-align: center !important;
	border-right: 0 !important;
	border-bottom: 1px solid rgba(255, 255, 255, .22) !important;
}

.nm-custom-footer .nm-footer-main>:last-child {
	grid-column: 1/-1 !important;
}

.nm-custom-footer .nm-brand-logo {
	width: 150px !important;
	max-height: 82px !important;
	margin: 0 auto 12px !important;
}

.nm-custom-footer .nm-brand-description {
	max-width: 290px !important;
	margin: 0 auto !important;
	font-size: 12px !important;
}

.nm-custom-footer .nm-footer-heading {
	font-size: 17px !important;
}

.nm-custom-footer .nm-footer-link, .nm-custom-footer .nm-contact-item, .nm-custom-footer .nm-instagram-link {
	font-size: 11px !important;
}

.js-section-products-best-seller, section[data-store=home-products-new] {
	padding: 28px 0 34px !important;
}

.js-products-best-seller-container, section[data-store=home-products-new] .js-products-new-container {
	width: calc(100% - 18px) !important;
}

.js-products-best-seller-col::before, section[data-store=home-products-new] .js-products-new-col::before {
	font-size: 11px !important;
}

.js-products-best-seller-title::before, section[data-store=home-products-new] .js-products-new-title::before {
	font-size: 30px !important;
}

.js-products-best-seller-title::after, section[data-store=home-products-new] .js-products-new-title::after {
	display: inline !important;
	font-size: 33px !important;
	letter-spacing: -1px !important;
}

section[data-store=home-products-new] .js-swiper-new {
	padding-top: 46px !important;
}

section[data-store=home-products-new] .js-swiper-new::before {
	top: 5px !important;
	padding: 0 20px !important;
	font-size: 12px !important;
}

.js-products-best-seller-container .js-item-name.item-name, section[data-store=home-products-new] .js-item-name.item-name {
	min-height: 32px !important;
	font-size: 11px !important;
}

}

.js-products-best-seller-col {display: flex !important;flex-direction: column !important;align-items: stretch !important;}

.js-products-best-seller-col::before {content: none !important;order: 1 !important;display: none !important;margin: 0 0 5px !important;color: #e94389 !important;font-family: Georgia, "Times New Roman", serif !important;font-size: 15px !important;font-weight: 600 !important;letter-spacing: 1.3px !important;text-align: center !important;}

.js-products-best-seller-title {order: 2 !important;}

.js-products-best-seller-col::after {content: none !important;order: 3 !important;display: none !important;width: 100% !important;margin: 8px 0 24px !important;color: #555055 !important;font-family: Inter, Arial, sans-serif !important;font-size: 15px !important;line-height: 1.4 !important;text-align: center !important;}

.js-products-best-seller-col>.js-swiper-best-seller {order: 4 !important;}

section[data-store=home-products-new] .js-products-new-col::before {content: none !important;display: none !important;}

@media (max-width:768px) {.js-products-best-seller-col::before {font-size: 11px !important;}

.js-products-best-seller-col::after {
	margin-bottom: 18px !important;
	font-size: 12px !important;
}

section[data-store=home-products-new] .js-products-new-col::before {
	width: 150px !important;
	background-size: 55px 1px, 55px 1px !important;
	font-size: 11px !important;
}

}

section[data-store=home-products-featured] {position: relative !important;display: block !important;width: 100% !important;height: auto !important;min-height: 0 !important;margin: 0 !important;padding: 42px 0 58px !important;background-color: #fff5f8 !important;background-image: none !important;border: 0 !important;overflow: hidden !important;}

section[data-store=home-products-featured] .js-products-featured-container {position: relative !important;z-index: 2 !important;display: block !important;width: calc(100% - 48px) !important;max-width: 1360px !important;height: auto !important;margin: 0 auto !important;padding: 0 !important;background: transparent !important;}

section[data-store=home-products-featured] .js-products-featured-container>.row {display: block !important;width: 100% !important;margin: 0 !important;}

section[data-store=home-products-featured] .js-products-featured-col {display: flex !important;width: 100% !important;max-width: 100% !important;flex-direction: column !important;align-items: stretch !important;margin: 0 !important;padding: 0 !important;float: none !important;}

section[data-store=home-products-featured] .js-products-featured-col::before {content: none !important;display: none !important;}

section[data-store=home-products-featured] .js-products-featured-title {order: 2 !important;display: block !important;width: 100% !important;margin: 0 !important;padding: 0 !important;color: transparent !important;font-size: 0 !important;font-weight: 400 !important;line-height: 1 !important;text-align: center !important;}

section[data-store=home-products-featured] .js-products-featured-title::before {content: "Perfumes" !important;display: inline !important;color: #ff0084 !important;font-family: Georgia, "Times New Roman", serif !important;font-size: 52px !important;font-style: italic !important;font-weight: 400 !important;line-height: 1 !important;letter-spacing: -1px !important;}

section[data-store=home-products-featured] .js-products-featured-title::after {content: " e body splash" !important;display: inline !important;color: #171717 !important;font-family: Georgia, "Times New Roman", serif !important;font-size: 52px !important;font-style: normal !important;font-weight: 400 !important;line-height: 1 !important;letter-spacing: -1px !important;}

section[data-store=home-products-featured] .js-products-featured-col::after {content: none !important;order: 3 !important;display: none !important;width: 100% !important;margin: 10px 0 27px !important;color: #625d61 !important;font-family: Inter, Arial, sans-serif !important;font-size: 16px !important;font-weight: 400 !important;line-height: 1.4 !important;text-align: center !important;}

section[data-store=home-products-featured] .js-swiper-featured {order: 4 !important;position: relative !important;display: block !important;width: 100% !important;height: auto !important;margin: 0 !important;padding: 8px 7px 18px !important;overflow: hidden !important;opacity: 1 !important;visibility: visible !important;}

section[data-store=home-products-featured] .js-products-featured-grid {display: flex !important;height: auto !important;align-items: stretch !important;padding: 0 !important;opacity: 1 !important;visibility: visible !important;}

section[data-store=home-products-featured] .js-item-name.item-name {display: block !important;min-height: 38px !important;margin: 0 0 6px !important;color: #353035 !important;font-family: Inter, Arial, sans-serif !important;font-size: 14px !important;font-weight: 500 !important;line-height: 1.35 !important;opacity: 1 !important;text-align: left !important;}

section[data-store=home-products-featured] .js-swiper-featured-prev, section[data-store=home-products-featured] .js-swiper-featured-next {top: 58% !important;display: flex !important;width: 44px !important;height: 44px !important;align-items: center !important;justify-content: center !important;color: #ff0084 !important;background: rgba(255, 255, 255, .97) !important;border: 0 !important;border-radius: 50% !important;box-shadow: 0 6px 17px rgba(126, 29, 69, .13) !important;}

section[data-store=home-products-featured] .js-swiper-featured-prev {left: 4px !important;}

section[data-store=home-products-featured] .js-swiper-featured-next {right: 4px !important;}

section[data-store=home-products-featured] .js-swiper-featured-prev svg, section[data-store=home-products-featured] .js-swiper-featured-next svg {width: 18px !important;height: 18px !important;color: #ff0084 !important;fill: #ff0084 !important;}

@media (max-width:1100px) {section[data-store=home-products-featured] {padding-top: 38px !important;padding-bottom: 50px !important;}

section[data-store=home-products-featured] .js-products-featured-container {
	width: calc(100% - 30px) !important;
}

section[data-store=home-products-featured] .js-products-featured-title::before, section[data-store=home-products-featured] .js-products-featured-title::after {
	font-size: 44px !important;
}

}

@media (max-width:768px) {section[data-store=home-products-featured] {padding: 30px 0 40px !important;background-image: none !important;}

section[data-store=home-products-featured] .js-products-featured-container {
	width: calc(100% - 18px) !important;
}

section[data-store=home-products-featured] .js-products-featured-col::before {
	width: 150px !important;
	height: 17px !important;
	margin-bottom: 6px !important;
	background-size: 53px 1px, 53px 1px !important;
	font-size: 20px !important;
	line-height: 16px !important;
}

section[data-store=home-products-featured] .js-products-featured-title::before {
	font-size: 30px !important;
}

section[data-store=home-products-featured] .js-products-featured-title::after {
	font-size: 30px !important;
	letter-spacing: -1px !important;
}

section[data-store=home-products-featured] .js-products-featured-col::after {
	max-width: 320px !important;
	margin: 8px auto 19px !important;
	font-size: 12px !important;
}

section[data-store=home-products-featured] .js-swiper-featured {
	padding-right: 2px !important;
	padding-left: 2px !important;
}

section[data-store=home-products-featured] .js-item-name.item-name {
	min-height: 32px !important;
	font-size: 11px !important;
}

section[data-store=home-products-featured] .js-swiper-featured-prev, section[data-store=home-products-featured] .js-swiper-featured-next {
	display: none !important;
}

}

section[data-store=home-products-promotion] {position: relative !important;display: block !important;width: 100% !important;height: auto !important;min-height: 0 !important;margin: 0 !important;padding: 42px 0 58px !important;background-color: #fff5f8 !important;background-image: none !important;border: 0 !important;overflow: hidden !important;}

section[data-store=home-products-promotion]::before {content: none !important;display: none !important;}

section[data-store=home-products-promotion]::after {content: none !important;display: none !important;}

section[data-store=home-products-promotion] .js-products-promotion-container {position: relative !important;z-index: 2 !important;display: block !important;width: calc(100% - 48px) !important;max-width: 1360px !important;height: auto !important;margin: 0 auto !important;padding: 0 !important;background: transparent !important;}

section[data-store=home-products-promotion] .js-products-promotion-container>.row {display: block !important;width: 100% !important;margin: 0 !important;}

section[data-store=home-products-promotion] .js-products-promotion-col {display: flex !important;width: 100% !important;max-width: 100% !important;flex-direction: column !important;align-items: stretch !important;margin: 0 !important;padding: 0 !important;float: none !important;}

section[data-store=home-products-promotion] .js-products-promotion-col::before {content: none !important;display: none !important;}

section[data-store=home-products-promotion] .js-products-promotion-title {order: 2 !important;display: block !important;width: 100% !important;margin: 0 !important;padding: 0 !important;color: transparent !important;font-size: 0 !important;font-weight: 400 !important;line-height: 1 !important;text-align: center !important;}

section[data-store=home-products-promotion] .js-products-promotion-title::before {content: "Skincare e" !important;display: inline !important;color: #171717 !important;font-family: Georgia, "Times New Roman", serif !important;font-size: 52px !important;font-style: normal !important;font-weight: 400 !important;line-height: 1 !important;letter-spacing: -1px !important;}

section[data-store=home-products-promotion] .js-products-promotion-title::after {content: " cuidados" !important;display: inline !important;color: #ff0084 !important;font-family: Georgia, "Times New Roman", serif !important;font-size: 55px !important;font-style: italic !important;font-weight: 400 !important;line-height: 1 !important;letter-spacing: -1px !important;}

section[data-store=home-products-promotion] .js-products-promotion-col::after {content: none !important;order: 3 !important;display: none !important;width: 100% !important;margin: 10px 0 27px !important;color: #625d61 !important;font-family: Inter, Arial, sans-serif !important;font-size: 16px !important;font-weight: 400 !important;line-height: 1.4 !important;text-align: center !important;}

section[data-store=home-products-promotion] .js-swiper-promotion {order: 4 !important;position: relative !important;display: block !important;width: 100% !important;height: auto !important;margin: 0 !important;padding: 8px 7px 42px !important;overflow: hidden !important;opacity: 1 !important;visibility: visible !important;}

section[data-store=home-products-promotion] .js-products-promotion-grid {display: flex !important;height: auto !important;align-items: stretch !important;padding: 0 !important;opacity: 1 !important;visibility: visible !important;}

section[data-store=home-products-promotion] .js-item-name.item-name {display: block !important;}

/* Remove visualmente a frase inferior gravada no banner promocional da home. */
html body.template-home section[data-store="home-banner-promotional"] .js-textbanner-image-container {
  position: relative !important;
}

html body.template-home section[data-store="home-banner-promotional"] .js-textbanner-image-container::before,
html body.template-home section[data-store="home-banner-promotional"] .js-textbanner-image-container::after {
  content: "" !important;
  position: absolute !important;
  z-index: 3 !important;
  pointer-events: none !important;
}

html body.template-home section[data-store="home-banner-promotional"] .js-textbanner-image-container::before {
  left: 19% !important;
  bottom: 16.5% !important;
  width: 34% !important;
  height: 11% !important;
  border-radius: 999px !important;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(252, 188, 190, .94) 0 54%, rgba(252, 188, 190, 0) 75%) !important;
  filter: blur(11px) !important;
}

html body.template-home section[data-store="home-banner-promotional"] .js-textbanner-image-container::after {
  left: 20.5% !important;
  bottom: 18% !important;
  width: 31% !important;
  height: 7.8% !important;
  border-radius: 999px !important;
  background:
    linear-gradient(90deg, rgba(251, 184, 187, .98) 0%, rgba(252, 190, 192, .98) 48%, rgba(250, 183, 186, .94) 100%) !important;
}

@media (max-width: 767px) {
  html body.template-home section[data-store="home-banner-promotional"] .js-textbanner-image-container::before {
    left: 17% !important;
    bottom: 15.5% !important;
    width: 39% !important;
    height: 12% !important;
  }

  html body.template-home section[data-store="home-banner-promotional"] .js-textbanner-image-container::after {
    left: 18.5% !important;
    bottom: 17% !important;
    width: 36% !important;
    height: 8.8% !important;
  }
}

/* Banner promocional de skincare - arte responsiva sem distorcer a imagem. */
html body.template-home section[data-store="home-banner-promotional"] {
  padding: 52px 0 56px !important;
  background: #fff9fb !important;
}

html body.template-home section[data-store="home-banner-promotional"] .js-banner-container {
  width: calc(100% - 64px) !important;
  max-width: 920px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

html body.template-home section[data-store="home-banner-promotional"] .textbanner,
html body.template-home section[data-store="home-banner-promotional"] .textbanner-link,
html body.template-home section[data-store="home-banner-promotional"] .js-textbanner-image-container,
html body.template-home section[data-store="home-banner-promotional"] .textbanner-image {
  display: block !important;
  width: 100% !important;
  border-radius: 22px !important;
  overflow: hidden !important;
}

html body.template-home section[data-store="home-banner-promotional"] .js-textbanner-image-container,
html body.template-home section[data-store="home-banner-promotional"] .textbanner-image {
  aspect-ratio: 870 / 710 !important;
  padding: 0 !important;
  background: url("../images/nana-home-skin-banner-20260720.png") center center / contain no-repeat !important;
}

html body.template-home section[data-store="home-banner-promotional"] .js-textbanner-image-container::before,
html body.template-home section[data-store="home-banner-promotional"] .js-textbanner-image-container::after {
  content: none !important;
  display: none !important;
}

html body.template-home section[data-store="home-banner-promotional"] .js-textbanner-image,
html body.template-home section[data-store="home-banner-promotional"] .textbanner-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  opacity: 0 !important;
}

@media (max-width: 767px) {
  html body.template-home section[data-store="home-banner-promotional"] {
    padding: 34px 0 40px !important;
  }

  html body.template-home section[data-store="home-banner-promotional"] .js-banner-container {
    width: calc(100% - 24px) !important;
    max-width: none !important;
  }

  html body.template-home section[data-store="home-banner-promotional"] .textbanner,
  html body.template-home section[data-store="home-banner-promotional"] .textbanner-link,
  html body.template-home section[data-store="home-banner-promotional"] .js-textbanner-image-container,
  html body.template-home section[data-store="home-banner-promotional"] .textbanner-image {
    border-radius: 18px !important;
  }
}

section[data-store="home-products-sale"] {position: relative !important;width: 100% !important;margin: 0 !important;padding: 42px 0 56px !important;background-color: #fff5f8 !important;background-image: none !important;overflow: hidden !important;}

section[data-store="home-products-sale"]::before, section[data-store="home-products-sale"]::after {content: none !important;display: none !important;}

section[data-store="home-products-sale"]::before {top: 110px !important;left: 4% !important;}

section[data-store="home-products-sale"]::after {top: 88px !important;right: 5% !important;}

section[data-store="home-products-sale"] .js-products-sale-container {position: relative !important;z-index: 2 !important;width: calc(100% - 48px) !important;max-width: 1360px !important;margin: 0 auto !important;padding: 0 !important;background: transparent !important;}

section[data-store="home-products-sale"] .js-products-sale-container>.row {display: block !important;width: 100% !important;margin: 0 !important;}

section[data-store="home-products-sale"] .js-products-sale-col {display: flex !important;width: 100% !important;max-width: 100% !important;flex-direction: column !important;align-items: stretch !important;margin: 0 !important;padding: 0 !important;float: none !important;}

section[data-store="home-products-sale"] .js-products-sale-col::before {content: none !important;display: none !important;}

section[data-store="home-products-sale"] .js-products-sale-title {order: 2 !important;display: block !important;width: 100% !important;margin: 0 !important;padding: 0 !important;color: transparent !important;font-size: 0 !important;font-weight: 400 !important;line-height: 1 !important;text-align: center !important;}

section[data-store="home-products-sale"] .js-products-sale-title::before {content: "Maquiagem do" !important;display: inline !important;color: #171717 !important;font-family: Georgia, "Times New Roman", serif !important;font-size: 52px !important;font-style: normal !important;font-weight: 400 !important;line-height: 1 !important;letter-spacing: -1px !important;}

section[data-store="home-products-sale"] .js-products-sale-title::after {content: " dia a dia" !important;display: inline !important;color: #ff0084 !important;font-family: Georgia, "Times New Roman", serif !important;font-size: 55px !important;font-style: italic !important;font-weight: 400 !important;line-height: 1 !important;letter-spacing: -1px !important;}

section[data-store="home-products-sale"] .js-products-sale-col::after {content: none !important;order: 3 !important;display: none !important;width: 100% !important;margin: 10px 0 27px !important;color: #625d61 !important;font-family: Inter, Arial, sans-serif !important;font-size: 16px !important;font-weight: 400 !important;line-height: 1.4 !important;text-align: center !important;}

section[data-store="home-products-sale"] .js-swiper-sale {order: 4 !important;position: relative !important;display: block !important;width: 100% !important;height: auto !important;margin: 0 !important;padding: 8px 7px 18px !important;overflow: hidden !important;opacity: 1 !important;visibility: visible !important;}

section[data-store="home-products-sale"] .js-products-sale-grid {display: flex !important;height: auto !important;align-items: stretch !important;padding: 0 !important;opacity: 1 !important;visibility: visible !important;}

section[data-store="home-products-sale"] .js-item-name.item-name {display: block !important;min-height: 42px !important;margin: 0 0 8px !important;color: #353035 !important;font-family: Inter, Arial, sans-serif !important;font-size: 14px !important;font-weight: 500 !important;line-height: 1.35 !important;}

/* ==========================================================================
   NANA MAKEUP - CARDS DAS VITRINES DA HOME
   Mantem o CTA nativo fora do link principal e remove pseudos antigos do card.
   ========================================================================== */

.template-home section[data-store^="home-products-"] .row-grid,
.template-home section[data-store^="home-products-"] [class*="js-products-"][class*="-grid"] {
  align-items: stretch !important;
}

.template-home section[data-store^="home-products-"] .js-item-product.item-product {
  box-sizing: border-box !important;
  display: flex !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 8px !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card::before,
.template-home .js-item-product.item-product > .item.nana-home-product-card::after,
.template-home .js-item-product.item-product > .item.nana-home-product-card .item-description::before,
.template-home .js-item-product.item-product > .item.nana-home-product-card .item-price-container::before,
.template-home .js-item-product.item-product > .item.nana-home-product-card .item-price-container::after,
.template-home .js-item-product.item-product > .item.nana-home-product-card .js-price-display.item-price::before,
.template-home .js-item-product.item-product > .item.nana-home-product-card .item-price::before,
.template-home .js-item-product.item-product > .item.nana-home-product-card .item-link::before,
.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-home-card-link::before,
.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-home-card-link::after,
.template-home .js-item-product.item-product > .item.nana-home-product-card .item-link::after {
  content: none !important;
  display: none !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card {
  position: relative !important;
  box-sizing: border-box !important;
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 500px !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  margin: 0 !important;
  padding: 10px !important;
  background: #ffffff !important;
  border: 1px solid #f0d5df !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 24px rgba(155, 43, 89, 0.09) !important;
  overflow: hidden !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 15px 30px rgba(155, 43, 89, 0.13) !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card > .js-product-container,
.template-home .js-item-product.item-product > .item.nana-home-product-card > .js-quickshop-container {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .product-item-image-container.item-image,
.template-home .js-item-product.item-product > .item.nana-home-product-card .item-image {
  position: relative !important;
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff4f7 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .js-product-item-image-link-private,
.template-home .js-item-product.item-product > .item.nana-home-product-card .js-item-image-padding {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 0 !important;
  padding-bottom: 100% !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .js-product-item-image-private,
.template-home .js-item-product.item-product > .item.nana-home-product-card .product-item-image,
.template-home .js-item-product.item-product > .item.nana-home-product-card .js-item-image {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  padding: 12px !important;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
  border-radius: 13px !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .js-favorite,
.template-home .js-item-product.item-product > .item.nana-home-product-card .js-favorites,
.template-home .js-item-product.item-product > .item.nana-home-product-card .favorite-button,
.template-home .js-item-product.item-product > .item.nana-home-product-card .wishlist-button,
.template-home .js-item-product.item-product > .item.nana-home-product-card [data-component*="favorite"],
.template-home .js-item-product.item-product > .item.nana-home-product-card [data-component*="wishlist"] {
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;
  z-index: 40 !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-home-card-description {
  box-sizing: border-box !important;
  display: flex !important;
  width: 100% !important;
  min-height: 190px !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  padding: 16px 8px 8px !important;
  background: #ffffff !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-home-card-link {
  display: flex !important;
  width: 100% !important;
  min-height: 0 !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  color: inherit !important;
  text-decoration: none !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-card-highlight {
  display: block !important;
  margin: 0 0 9px !important;
  color: #ff0084 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.2px !important;
  text-transform: none !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .js-item-name.item-name {
  display: -webkit-box !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 0 12px !important;
  overflow: hidden !important;
  color: #2d2a2d !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.32 !important;
  opacity: 1 !important;
  text-align: left !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .item-price-container {
  display: block !important;
  min-height: 34px !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  text-align: left !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .js-price-display.item-price,
.template-home .js-item-product.item-product > .item.nana-home-product-card .item-price {
  display: inline-block !important;
  width: auto !important;
  margin: 0 !important;
  color: #111111 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 23px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .price-compare {
  margin-left: 7px !important;
  font-size: 13px !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions {
  display: block !important;
  width: 100% !important;
  flex: 0 0 auto !important;
  margin: auto 0 0 !important;
  padding: 0 !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions form,
.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions .item-submit-container {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn {
  box-sizing: border-box !important;
  display: flex !important;
  width: 100% !important;
  min-width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 18px !important;
  color: #ffffff !important;
  background-color: #ff0084 !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 13px !important;
  box-shadow: none !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: normal !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: background-color 0.2s ease, transform 0.2s ease !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions .js-addtocart-placeholder {
  display: none !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn:hover {
  color: #ffffff !important;
  background-color: #df0070 !important;
  transform: translateY(-1px) !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn.disabled,
.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn:disabled,
.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn.nostock,
.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn.contact,
.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn.catalog {
  background-color: #c9c2c6 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .item-actions,
.template-home .js-item-product.item-product > .item.nana-home-product-card .js-item-submit-container,
.template-home .js-item-product.item-product > .item.nana-home-product-card .js-quickshop-modal-open,
.template-home .js-item-product.item-product > .item.nana-home-product-card .js-addtocart {
  opacity: 1 !important;
  visibility: visible !important;
}

@media (max-width: 768px) {
  .template-home section[data-store^="home-products-"] .js-item-product.item-product {
    padding: 0 4px !important;
  }

  .template-home .js-item-product.item-product > .item.nana-home-product-card {
    min-height: 372px !important;
    padding: 6px !important;
    border-radius: 14px !important;
  }

  .template-home .js-item-product.item-product > .item.nana-home-product-card .js-product-item-image-private,
  .template-home .js-item-product.item-product > .item.nana-home-product-card .product-item-image,
  .template-home .js-item-product.item-product > .item.nana-home-product-card .js-item-image {
    padding: 7px !important;
  }

  .template-home .js-item-product.item-product > .item.nana-home-product-card .nana-home-card-description {
    min-height: 158px !important;
    padding: 10px 5px 5px !important;
  }

  .template-home .js-item-product.item-product > .item.nana-home-product-card .nana-card-highlight {
    margin-bottom: 6px !important;
    font-size: 10px !important;
    letter-spacing: 0 !important;
  }

  .template-home .js-item-product.item-product > .item.nana-home-product-card .js-item-name.item-name {
    min-height: 34px !important;
    max-height: 34px !important;
    margin-bottom: 8px !important;
    font-size: 12px !important;
    line-height: 1.42 !important;
  }

  .template-home .js-item-product.item-product > .item.nana-home-product-card .item-price-container {
    min-height: 27px !important;
    margin-bottom: 10px !important;
  }

  .template-home .js-item-product.item-product > .item.nana-home-product-card .js-price-display.item-price,
  .template-home .js-item-product.item-product > .item.nana-home-product-card .item-price {
    font-size: 18px !important;
  }

  .template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn {
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 8px !important;
    border-radius: 10px !important;
    font-size: 10px !important;
  }
}

/* ==========================================================================
   NANA MAKEUP - HOME LOOK REFERENCIA 2026-07-18
   Aparencia clean: fundo suave, titulos serifados e rosa principal refinado.
   Escopo restrito a home para preservar produto, carrinho, busca e categorias.
   ========================================================================== */

html,
body {
  background-color: #fff9fb !important;
}

body.template-home,
.template-home .home-sections-container,
.template-home main,
.template-home .section-home,
.template-home section[data-store^="home-products-"],
.template-home .section-categories-home,
.template-home .section-banners-home {
  background: #fff9fb !important;
  background-image: none !important;
}

.template-home .home-sections-container {
  color: #171216 !important;
}

.template-home section[data-store^="home-products-"] {
  padding: 48px 0 64px !important;
  overflow: visible !important;
}

.template-home section[data-store^="home-products-"] [class*="js-products-"][class*="-container"] {
  width: calc(100% - 64px) !important;
  max-width: 1260px !important;
}

.template-home section[data-store^="home-products-"] [class*="js-products-"][class*="-col"] {
  padding: 0 18px !important;
}

.template-home .nana-products-section-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 0 0 30px !important;
  text-align: center !important;
}

.template-home .nana-section-more-wrap {
  order: 1 !important;
  justify-content: center !important;
  width: 100% !important;
  text-align: center !important;
}

.template-home .nana-section-more-link {
  color: #ee075f !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .13em !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

.template-home .nana-section-more-link::after {
  content: ">" !important;
  margin-left: 6px !important;
  color: inherit !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  transform: translateY(-1px) !important;
}

.template-home .nana-section-more-link:hover,
.template-home .nana-section-more-link:focus {
  color: #c90052 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

.template-home section[data-store^="home-products-"] .section-title,
.template-home .js-products-best-seller-title,
.template-home section[data-store="home-products-new"] .js-products-new-title,
.template-home section[data-store="home-products-featured"] .js-products-featured-title,
.template-home section[data-store="home-products-promotion"] .js-products-promotion-title,
.template-home section[data-store="home-products-sale"] .js-products-sale-title {
  order: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #090909 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(34px, 3.2vw, 43px) !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.05 !important;
  text-align: center !important;
  text-transform: none !important;
}

.template-home section[data-store^="home-products-"] .section-title::before,
.template-home section[data-store^="home-products-"] .section-title::after,
.template-home .js-products-best-seller-title::before,
.template-home .js-products-best-seller-title::after,
.template-home section[data-store="home-products-new"] .js-products-new-title::before,
.template-home section[data-store="home-products-new"] .js-products-new-title::after,
.template-home section[data-store="home-products-featured"] .js-products-featured-title::before,
.template-home section[data-store="home-products-featured"] .js-products-featured-title::after,
.template-home section[data-store="home-products-promotion"] .js-products-promotion-title::before,
.template-home section[data-store="home-products-promotion"] .js-products-promotion-title::after,
.template-home section[data-store="home-products-sale"] .js-products-sale-title::before,
.template-home section[data-store="home-products-sale"] .js-products-sale-title::after {
  content: none !important;
  display: none !important;
}

.template-home section[data-store^="home-products-"] [class*="js-swiper-"] {
  overflow: hidden !important;
  padding: 0 2px 2px !important;
}

.template-home section[data-store^="home-products-"] .swiper-wrapper {
  align-items: stretch !important;
}

.template-home section[data-store^="home-products-"] .swiper-slide,
.template-home section[data-store^="home-products-"] .js-item-product.item-product {
  align-items: stretch !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card {
  height: 100% !important;
  min-height: 0 !important;
  padding: 13px 13px 14px !important;
  border: 1px solid #f4dce6 !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 22px rgba(160, 58, 103, .07) !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card:hover {
  border-color: #f5bfd6 !important;
  box-shadow: 0 12px 28px rgba(160, 58, 103, .11) !important;
  transform: translateY(-2px) !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .item-image {
  aspect-ratio: 1 / 1 !important;
  padding: 6px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #ffffff !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-home-card-description {
  flex: 1 1 auto !important;
  padding: 15px 0 0 !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-home-card-link {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  text-decoration: none !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .js-item-name.item-name {
  min-height: 36px !important;
  max-height: 36px !important;
  margin: 0 0 10px !important;
  color: #1f1d1f !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.5 !important;
  opacity: 1 !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .item-price-container {
  min-height: 22px !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .js-price-display.item-price,
.template-home .js-item-product.item-product > .item.nana-home-product-card .item-price {
  color: #050505 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions {
  margin-top: 0 !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn {
  height: 48px !important;
  min-height: 48px !important;
  border-radius: 8px !important;
  background: #ef0063 !important;
  box-shadow: none !important;
  color: #ffffff !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn:hover,
.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn:focus {
  background: #d90059 !important;
}

.template-home section[data-store^="home-products-"] .swiper-button-prev,
.template-home section[data-store^="home-products-"] .swiper-button-next,
.template-home .section-categories-home .swiper-button-prev,
.template-home .section-categories-home .swiper-button-next,
.template-home .section-banners-home .swiper-button-prev,
.template-home .section-banners-home .swiper-button-next {
  display: flex !important;
  width: 46px !important;
  height: 46px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #f8bfd4 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: 0 8px 22px rgba(190, 40, 101, .12) !important;
  color: #ef0063 !important;
  transform: translateY(-50%) !important;
}

.template-home section[data-store^="home-products-"] .swiper-button-prev,
.template-home .section-categories-home .swiper-button-prev,
.template-home .section-banners-home .swiper-button-prev {
  left: -18px !important;
}

.template-home section[data-store^="home-products-"] .swiper-button-next,
.template-home .section-categories-home .swiper-button-next,
.template-home .section-banners-home .swiper-button-next {
  right: -18px !important;
}

.template-home section[data-store^="home-products-"] .swiper-button-prev:hover,
.template-home section[data-store^="home-products-"] .swiper-button-next:hover,
.template-home .section-categories-home .swiper-button-prev:hover,
.template-home .section-categories-home .swiper-button-next:hover,
.template-home .section-banners-home .swiper-button-prev:hover,
.template-home .section-banners-home .swiper-button-next:hover {
  border-color: #ef0063 !important;
  background: #ef0063 !important;
  color: #ffffff !important;
}

.template-home .section-categories-home,
.template-home .section-banners-home {
  padding: 58px 0 64px !important;
  overflow: visible !important;
}

.template-home .section-categories-home .container,
.template-home .section-banners-home .js-banner-container {
  width: calc(100% - 64px) !important;
  max-width: 1260px !important;
}

.template-home .section-categories-home .section-title,
.template-home .section-banners-home .section-title {
  margin: 0 0 28px !important;
  color: #090909 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(32px, 3vw, 40px) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.08 !important;
  text-align: center !important;
  text-transform: none !important;
}

.template-home .section-categories-home .swiper-wrapper,
.template-home .section-banners-home .swiper-wrapper {
  align-items: stretch !important;
}

.template-home .section-categories-home .home-category,
.template-home .section-banners-home .textbanner {
  border-radius: 6px !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.template-home .section-categories-home .home-category-image,
.template-home .section-banners-home .textbanner-image {
  border-radius: 6px !important;
  overflow: hidden !important;
}

.template-home .section-categories-home .home-category-image img,
.template-home .section-banners-home .textbanner-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.template-home .section-categories-home .home-category-name {
  margin-top: 10px !important;
  color: #171216 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

@media (min-width: 768px) {
  .template-home section[data-store^="home-products-"] .swiper-wrapper > .swiper-slide {
    width: calc((100% - 80px) * .2) !important;
    max-width: calc((100% - 80px) * .2) !important;
    flex: 0 0 calc((100% - 80px) * .2) !important;
  }

  .template-home section[data-store^="home-products-"] .swiper-wrapper {
    gap: 0 !important;
  }
}

@media (max-width: 991px) {
  .template-home section[data-store^="home-products-"] {
    padding: 38px 0 46px !important;
  }

  .template-home section[data-store^="home-products-"] [class*="js-products-"][class*="-container"],
  .template-home .section-categories-home .container,
  .template-home .section-banners-home .js-banner-container {
    width: calc(100% - 28px) !important;
  }

  .template-home section[data-store^="home-products-"] [class*="js-products-"][class*="-col"] {
    padding: 0 !important;
  }

  .template-home .nana-products-section-header {
    margin-bottom: 22px !important;
  }

  .template-home section[data-store^="home-products-"] .section-title {
    font-size: clamp(28px, 8vw, 36px) !important;
  }
}

@media (max-width: 767px) {
  .template-home section[data-store^="home-products-"] {
    padding: 34px 0 40px !important;
  }

  .template-home section[data-store^="home-products-"] .swiper-wrapper > .swiper-slide {
    width: calc((100% - 18.75px) * .444444) !important;
    max-width: calc((100% - 18.75px) * .444444) !important;
    flex: 0 0 calc((100% - 18.75px) * .444444) !important;
  }

  .template-home .js-item-product.item-product > .item.nana-home-product-card {
    padding: 8px 8px 10px !important;
    border-radius: 10px !important;
  }

  .template-home .js-item-product.item-product > .item.nana-home-product-card .nana-home-card-description {
    padding-top: 10px !important;
  }

  .template-home .js-item-product.item-product > .item.nana-home-product-card .js-item-name.item-name {
    min-height: 32px !important;
    max-height: 32px !important;
    margin-bottom: 8px !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
  }

  .template-home .js-item-product.item-product > .item.nana-home-product-card .item-price-container {
    margin-bottom: 18px !important;
  }

  .template-home .js-item-product.item-product > .item.nana-home-product-card .js-price-display.item-price,
  .template-home .js-item-product.item-product > .item.nana-home-product-card .item-price {
    font-size: 16px !important;
  }

  .template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn {
    height: 42px !important;
    min-height: 42px !important;
    font-size: 11px !important;
  }

  .template-home section[data-store^="home-products-"] .swiper-button-prev,
  .template-home section[data-store^="home-products-"] .swiper-button-next,
  .template-home .section-categories-home .swiper-button-prev,
  .template-home .section-categories-home .swiper-button-next,
  .template-home .section-banners-home .swiper-button-prev,
  .template-home .section-banners-home .swiper-button-next {
    width: 38px !important;
    height: 38px !important;
  }

  .template-home .section-categories-home,
  .template-home .section-banners-home {
    padding: 38px 0 42px !important;
  }
}

/* ==========================================================================
   NANA MAKEUP - PAGINA DE PRODUTO
   Layout global inspirado na referencia, preservando formulario e frete nativos.
   ========================================================================== */

body.template-product {
  background: #fffafa !important;
}

.template-product #single-product.nana-product-layout {
  background: #fffafa !important;
  padding-top: 34px !important;
}

.template-product .nana-product-container {
  width: calc(100% - 48px) !important;
  max-width: 1420px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.template-product .nana-product-main-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 0.94fr) !important;
  gap: 64px !important;
  align-items: start !important;
  margin: 0 !important;
}

.template-product .nana-product-gallery-col,
.template-product .nana-product-info-col {
  width: 100% !important;
  max-width: none !important;
  flex: initial !important;
  padding: 0 !important;
}

.template-product .nana-product-gallery-col > .row,
.template-product [data-store^="product-image-"] {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  margin: 0 !important;
}

.template-product [data-store^="product-image-"] > .col-md,
.template-product [data-store^="product-image-"] > .product-with-one-image {
  order: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
}

.template-product [data-store^="product-image-"] > .col-md-auto {
  order: 2 !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.template-product .product-detail-slider {
  width: 100% !important;
  height: 470px !important;
  overflow: hidden !important;
  background: #fbf1f4 !important;
  border: 1px solid #f2dce4 !important;
  border-radius: 10px !important;
}

.template-product .product-detail-slider .swiper-wrapper,
.template-product .product-detail-slider .js-product-slide {
  width: 100% !important;
  height: 100% !important;
}

.template-product .product-detail-slider .js-product-slide-link {
  height: 470px !important;
  padding-bottom: 0 !important;
  background: #fbf1f4 !important;
}

.template-product .product-detail-slider .product-slider-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 22px !important;
}

.template-product .product-thumbs-container {
  width: 100% !important;
  padding: 0 !important;
}

.template-product .product-thumbs-container .text-center {
  display: none !important;
}

.template-product .swiper-product-thumb {
  width: 100% !important;
  height: auto !important;
  overflow: hidden !important;
}

.template-product .swiper-product-thumb .swiper-wrapper {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 16px !important;
  transform: none !important;
}

.template-product .swiper-product-thumb .swiper-slide {
  width: 88px !important;
  min-width: 88px !important;
  height: 88px !important;
  margin: 0 !important;
}

.template-product .product-thumb {
  width: 88px !important;
  height: 88px !important;
  margin: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden !important;
  background: #fbf1f4 !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
}

.template-product .product-thumb.selected {
  border-color: #ff0084 !important;
  box-shadow: 0 0 0 1px #ff0084 !important;
}

.template-product .product-thumb img,
.template-product .product-thumb .img-absolute {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 8px !important;
}

.template-product .nana-product-info-col > div {
  padding: 0 !important;
}

.template-product .nana-product-info-col .page-header {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

.template-product .nana-product-info-col .page-header h1,
.template-product .nana-product-info-col .page-header .h1,
.template-product .nana-product-info-col .js-product-name {
  display: block !important;
  margin: 0 0 10px !important;
  color: #111111 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 44px !important;
  font-weight: 700 !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
}

.template-product .nana-product-info-col .page-header .breadcrumbs {
  display: none !important;
}

.template-product .nana-product-info-col .js-product-sku {
  color: inherit !important;
}

.template-product .nana-product-info-col .font-small.opacity-60 {
  margin-bottom: 14px !important;
  color: #8a6674 !important;
  opacity: 1 !important;
}

.template-product .price-container {
  margin: 0 !important;
}

.template-product .js-price-container {
  margin: 18px 0 14px !important;
}

.template-product #price_display,
.template-product .js-price-display#price_display {
  color: #e8006f !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
}

.template-product .price-compare {
  color: #9b8f95 !important;
  font-size: 16px !important;
}

.template-product .js-product-payments-container,
.template-product #btn-installments,
.template-product .js-price-container .font-small,
.template-product .js-price-container .opacity-60 {
  color: #4f474c !important;
  opacity: 1 !important;
}

.template-product .js-product-form {
  margin-top: 20px !important;
}

.template-product .js-product-variants {
  margin: 0 0 14px !important;
}

.template-product .js-product-form > .row.no-gutters {
  display: flex !important;
  width: 100% !important;
  align-items: stretch !important;
  gap: 18px !important;
  margin: 0 0 16px !important;
}

.template-product .js-product-form > .row.no-gutters > .col-4,
.template-product .js-product-form > .row.no-gutters > .col-md-3 {
  width: 160px !important;
  max-width: 160px !important;
  flex: 0 0 160px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.template-product .js-product-form > .row.no-gutters > .col-8,
.template-product .js-product-form > .row.no-gutters > .col-md-9 {
  width: auto !important;
  max-width: none !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.template-product .form-quantity {
  height: 58px !important;
  border: 1px solid #ded7da !important;
  border-radius: 7px !important;
  background: #ffffff !important;
}

.template-product .js-quantity-input {
  height: 56px !important;
  border: 0 !important;
  background: transparent !important;
  color: #111111 !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: center !important;
}

.template-product .form-quantity-icon {
  color: #111111 !important;
  background: transparent !important;
  border: 0 !important;
}

.template-product .btn-add-to-cart,
.template-product .js-prod-submit-form {
  height: 58px !important;
  min-height: 58px !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: #ff0084 !important;
  color: #ffffff !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: center !important;
  box-shadow: 0 10px 20px rgba(255, 0, 132, .15) !important;
}

.template-product .btn-add-to-cart:hover,
.template-product .js-prod-submit-form:hover {
  background: #df0070 !important;
  color: #ffffff !important;
}

.template-product .btn-add-to-cart.nostock,
.template-product .btn-add-to-cart:disabled {
  background: #c9c2c6 !important;
  box-shadow: none !important;
}

.template-product .js-added-to-cart-product-message {
  color: #e8006f !important;
}

.template-product #product-shipping-container {
  overflow: hidden !important;
  margin-top: 18px !important;
  background: #ffffff !important;
  border: 1px solid #eadde2 !important;
  border-radius: 8px !important;
}

.template-product #product-shipping-container::after {
  content: none !important;
  display: none !important;
}

.template-product #product-shipping-container .js-accordion-private-toggle {
  display: none !important;
}

.template-product #product-shipping-container .js-accordion-private-content {
  display: block !important;
}

.template-product #product-shipping-container .shipping-calculator-head {
  min-height: 66px !important;
  padding: 12px 14px !important;
  border-bottom: 1px solid #eee3e7 !important;
}

.template-product #product-shipping-container .shipping-calculator-form,
.template-product #product-shipping-container .js-shipping-calculator-form {
  position: relative !important;
}

.template-product #product-shipping-container .form-control,
.template-product #product-shipping-container .js-shipping-input {
  height: 42px !important;
  border: 1px solid #ded7da !important;
  border-radius: 7px !important;
  color: #4d454a !important;
}

.template-product #product-shipping-container .js-calculate-shipping {
  height: 42px !important;
  padding: 0 20px !important;
  border: 1px solid #ded7da !important;
  border-radius: 7px !important;
  background: #ffffff !important;
  color: #2f292d !important;
}

.template-product .js-product-form-free-shipping-message,
.template-product .free-shipping-message {
  color: #e8006f !important;
}

.template-product .nana-product-description-card {
  display: block !important;
  width: 100% !important;
  margin: 28px 0 0 !important;
  padding: 0 28px 28px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid #eadde2 !important;
  border-radius: 9px !important;
}

.template-product .nana-product-description-tabs {
  display: flex !important;
  gap: 34px !important;
  margin: 0 -28px 24px !important;
  padding: 0 28px !important;
  border-bottom: 1px solid #eadde2 !important;
}

.template-product .nana-product-description-tabs span {
  display: inline-flex !important;
  min-height: 56px !important;
  align-items: center !important;
  color: #2a2428 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

.template-product .nana-product-description-tabs span.active {
  color: #ff0084 !important;
  border-bottom: 3px solid #ff0084 !important;
}

.template-product .nana-product-description-content {
  max-width: 720px !important;
  margin: 0 !important;
  color: #2f292d !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
}

.template-product .nana-product-description-card #reviewsapp,
.template-product .nana-product-description-card .social-share {
  margin-top: 18px !important;
}

.template-product .nana-product-trust-row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin: 20px 0 0 !important;
  padding: 18px 28px !important;
  background: #fff0f6 !important;
  border-radius: 9px !important;
}

.template-product .nana-product-trust-item {
  display: flex !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  color: #e8006f !important;
}

.template-product .nana-product-trust-icon {
  display: inline-flex !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ff0084 !important;
}

.template-product .nana-product-trust-icon svg {
  width: 34px !important;
  height: 34px !important;
  color: currentColor !important;
}

.template-product .nana-product-trust-item strong,
.template-product .nana-product-trust-item small {
  display: block !important;
  font-family: Inter, Arial, sans-serif !important;
  line-height: 1.25 !important;
}

.template-product .nana-product-trust-item strong {
  color: #e8006f !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

.template-product .nana-product-trust-item small {
  color: #6e6067 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

.template-product .js-related-products,
.template-product .section-products-related {
  background: #fffafa !important;
}

@media (min-width: 992px) {
  .template-product .nana-product-gallery-col {
    min-height: 520px !important;
  }
}

@media (max-width: 991px) {
  .template-product .nana-product-container {
    width: calc(100% - 24px) !important;
  }

  .template-product .nana-product-main-row {
    display: block !important;
  }

  .template-product .nana-product-gallery-col {
    margin-bottom: 22px !important;
  }

  .template-product .product-detail-slider .js-product-slide-link {
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
  }

  .template-product .product-detail-slider {
    height: auto !important;
  }

  .template-product .swiper-product-thumb {
    overflow-x: auto !important;
  }

  .template-product .nana-product-info-col .page-header h1,
  .template-product .nana-product-info-col .page-header .h1,
  .template-product .nana-product-info-col .js-product-name {
    font-size: 34px !important;
  }

  .template-product #price_display,
  .template-product .js-price-display#price_display {
    font-size: 30px !important;
  }

  .template-product .js-product-form > .row.no-gutters {
    gap: 12px !important;
  }

  .template-product .js-product-form > .row.no-gutters > .col-4,
  .template-product .js-product-form > .row.no-gutters > .col-md-3 {
    width: 118px !important;
    max-width: 118px !important;
    flex-basis: 118px !important;
  }

  .template-product .nana-product-description-card {
    padding: 0 18px 20px !important;
  }

  .template-product .nana-product-description-tabs {
    margin-right: -18px !important;
    margin-left: -18px !important;
    padding-right: 18px !important;
    padding-left: 18px !important;
  }

  .template-product .nana-product-trust-row {
    grid-template-columns: 1fr !important;
    padding: 18px !important;
  }
}

@media (max-width: 767px) {
  .template-product #single-product.nana-product-layout {
    overflow-x: hidden !important;
  }

  .template-product #single-product.nana-product-layout {
    padding-top: 18px !important;
  }

  .template-product .nana-product-info-col .page-header h1,
  .template-product .nana-product-info-col .page-header .h1,
  .template-product .nana-product-info-col .js-product-name {
    font-size: 30px !important;
  }

  .template-product .nana-product-gallery-col,
  .template-product .nana-product-gallery-col > .row,
  .template-product [data-store^="product-image-"],
  .template-product [data-store^="product-image-"] > .col-md,
  .template-product [data-store^="product-image-"] > .product-with-one-image,
  .template-product .product-detail-slider,
  .template-product .product-detail-slider .swiper-wrapper,
  .template-product .product-detail-slider .swiper-slide,
  .template-product .product-detail-slider .js-product-slide,
  .template-product .product-detail-slider .js-product-slide-link {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .template-product .product-detail-slider .swiper-wrapper {
    transform: none !important;
  }

  .template-product .js-product-form > .row.no-gutters {
    flex-wrap: wrap !important;
  }

  .template-product .js-product-form > .row.no-gutters > .col-4,
  .template-product .js-product-form > .row.no-gutters > .col-md-3,
  .template-product .js-product-form > .row.no-gutters > .col-8,
  .template-product .js-product-form > .row.no-gutters > .col-md-9 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .template-product .form-quantity,
  .template-product .btn-add-to-cart,
  .template-product .js-prod-submit-form {
    height: 52px !important;
    min-height: 52px !important;
  }

  .template-product #product-shipping-container .shipping-calculator-form,
  .template-product #product-shipping-container .js-shipping-calculator-form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .template-product #product-shipping-container .row,
  .template-product #product-shipping-container .form-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .template-product #product-shipping-container [class*="col"] {
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .template-product #product-shipping-container .form-control,
  .template-product #product-shipping-container .js-shipping-input,
  .template-product #product-shipping-container .js-calculate-shipping {
    width: 100% !important;
    max-width: 100% !important;
  }

  .template-product .swiper-product-thumb .swiper-slide,
  .template-product .product-thumb {
    width: 74px !important;
    min-width: 74px !important;
    height: 74px !important;
  }
}

/* Nana Makeup - trava final contra pseudos antigos nos cards da home */
html body.template-home .nana-home-product-card::before,
html body.template-home .nana-home-product-card::after,
html body.template-home .nana-home-product-card .item-description::before,
html body.template-home .nana-home-product-card .item-description::after,
html body.template-home .nana-home-product-card .item-link::before,
html body.template-home .nana-home-product-card .item-link::after,
html body.template-home .nana-home-product-card .nana-home-card-link::before,
html body.template-home .nana-home-product-card .nana-home-card-link::after,
html body.template-home .nana-home-product-card .item-price-container::before,
html body.template-home .nana-home-product-card .item-price-container::after,
html body.template-home .nana-home-product-card .item-price::before,
html body.template-home .nana-home-product-card .item-price::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ==========================================================================
   NANA MAKEUP - FUNDOS SOLIDOS PADRONIZADOS
   Mantem os fundos do tema sem imagens, gradientes ou enfeites decorativos.
   ========================================================================== */

html,
body,
.site,
.page-wrapper,
main,
.template-home,
.template-home main,
.template-home .home-sections-container,
.template-home .section-home,
.template-home .section-home-color,
.template-home section[data-store^="home-"],
.template-home section[data-store^="home-products-"],
.template-home .js-section-products-best-seller,
.template-home section[data-store="home-products-new"],
.template-home section[data-store="home-products-featured"],
.template-home section[data-store="home-products-promotion"],
.template-home section[data-store="home-products-sale"] {
  background-color: #fff5f8 !important;
  background-image: none !important;
}

.template-home .background-home-image,
.template-home .js-home-newsletter-image,
.template-home .js-home-newsletter-image-mobile,
.template-home .section-categories-home > .background-home-image {
  display: none !important;
  visibility: hidden !important;
}

.template-home section[data-store="home-products-promotion"]::before,
.template-home section[data-store="home-products-promotion"]::after,
.template-home section[data-store="home-products-sale"]::before,
.template-home section[data-store="home-products-sale"]::after {
  content: none !important;
  display: none !important;
}

.template-home section[data-store=home-products-new] .js-products-new-col::before,
.template-home section[data-store=home-products-featured] .js-products-featured-col::before,
.template-home section[data-store=home-products-promotion] .js-products-promotion-col::before,
.template-home section[data-store="home-products-sale"] .js-products-sale-col::before {
  background-image: none !important;
}

.template-home .nana-home-product-card,
.template-home .nana-home-product-card .nana-home-card-description,
.template-home .item-product .item,
.template-home .item-description {
  background-color: #ffffff !important;
  background-image: none !important;
}

.template-home .nana-home-product-card .item-image,
.template-home .nana-home-product-card .product-item-image-container.item-image {
  background-color: #fff8fa !important;
  background-image: none !important;
}

.template-home .nana-add-to-cart-btn {
  background-color: #ff0084 !important;
  background-image: none !important;
}

/* ==========================================================================
   NANA MAKEUP - TITULOS DAS COLECOES DA HOME
   Padroniza texto, acentuacao, pesos e espacamentos das vitrines iniciais.
   ========================================================================== */

.template-home .js-products-best-seller-col,
.template-home section[data-store="home-products-new"] .js-products-new-col,
.template-home section[data-store="home-products-featured"] .js-products-featured-col,
.template-home section[data-store="home-products-promotion"] .js-products-promotion-col,
.template-home section[data-store="home-products-sale"] .js-products-sale-col {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  flex-direction: column !important;
  align-items: stretch !important;
  text-align: center !important;
}

.template-home .js-products-best-seller-col::before,
.template-home section[data-store="home-products-new"] .js-products-new-col::before,
.template-home section[data-store="home-products-featured"] .js-products-featured-col::before,
.template-home section[data-store="home-products-promotion"] .js-products-promotion-col::before,
.template-home section[data-store="home-products-sale"] .js-products-sale-col::before {
  content: none !important;
  order: 1 !important;
  display: none !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 0 6px !important;
  color: #ff0084 !important;
  background: none !important;
  border: 0 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

.template-home .js-products-best-seller-title,
.template-home section[data-store="home-products-new"] .js-products-new-title,
.template-home section[data-store="home-products-featured"] .js-products-featured-title,
.template-home section[data-store="home-products-promotion"] .js-products-promotion-title,
.template-home section[data-store="home-products-sale"] .js-products-sale-title {
  order: 2 !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 1.08 !important;
  text-align: center !important;
}

.template-home .js-products-best-seller-title::before,
.template-home .js-products-best-seller-title::after,
.template-home section[data-store="home-products-new"] .js-products-new-title::before,
.template-home section[data-store="home-products-new"] .js-products-new-title::after,
.template-home section[data-store="home-products-featured"] .js-products-featured-title::before,
.template-home section[data-store="home-products-featured"] .js-products-featured-title::after,
.template-home section[data-store="home-products-promotion"] .js-products-promotion-title::before,
.template-home section[data-store="home-products-promotion"] .js-products-promotion-title::after,
.template-home section[data-store="home-products-sale"] .js-products-sale-title::before,
.template-home section[data-store="home-products-sale"] .js-products-sale-title::after {
  display: inline !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 46px !important;
  font-weight: 400 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-transform: none !important;
}

.template-home .js-products-best-seller-title::before {
  content: "Mais" !important;
  color: #191919 !important;
  font-style: normal !important;
}

.template-home .js-products-best-seller-title::after {
  content: " vendidos" !important;
  color: #ff0084 !important;
  font-style: italic !important;
}

.template-home section[data-store="home-products-new"] .js-products-new-title::before {
  content: "Olhos e" !important;
  color: #191919 !important;
  font-style: normal !important;
}

.template-home section[data-store="home-products-new"] .js-products-new-title::after {
  content: " sobrancelhas" !important;
  color: #ff0084 !important;
  font-style: italic !important;
}

.template-home section[data-store="home-products-featured"] .js-products-featured-title::before {
  content: "Perfumes e" !important;
  color: #191919 !important;
  font-style: normal !important;
}

.template-home section[data-store="home-products-featured"] .js-products-featured-title::after {
  content: " body splash" !important;
  color: #ff0084 !important;
  font-style: italic !important;
}

.template-home section[data-store="home-products-promotion"] .js-products-promotion-title::before {
  content: "Skincare e" !important;
  color: #191919 !important;
  font-style: normal !important;
}

.template-home section[data-store="home-products-promotion"] .js-products-promotion-title::after {
  content: " cuidados" !important;
  color: #ff0084 !important;
  font-style: italic !important;
}

.template-home section[data-store="home-products-sale"] .js-products-sale-title::before {
  content: "Maquiagem para" !important;
  color: #191919 !important;
  font-style: normal !important;
}

.template-home section[data-store="home-products-sale"] .js-products-sale-title::after {
  content: " o dia a dia" !important;
  color: #ff0084 !important;
  font-style: italic !important;
}

.template-home .js-products-best-seller-col::after,
.template-home section[data-store="home-products-new"] .js-products-new-col::after,
.template-home section[data-store="home-products-featured"] .js-products-featured-col::after,
.template-home section[data-store="home-products-promotion"] .js-products-promotion-col::after,
.template-home section[data-store="home-products-sale"] .js-products-sale-col::after {
  order: 3 !important;
  display: block !important;
  width: 100% !important;
  max-width: 580px !important;
  margin: 10px auto 24px !important;
  color: #5c555b !important;
  background: none !important;
  border: 0 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

.template-home .js-products-best-seller-col::after {
  content: none !important;
}

.template-home section[data-store="home-products-new"] .js-products-new-col::after {
  content: none !important;
}

.template-home section[data-store="home-products-featured"] .js-products-featured-col::after {
  content: none !important;
}

.template-home section[data-store="home-products-promotion"] .js-products-promotion-col::after {
  content: none !important;
}

.template-home section[data-store="home-products-sale"] .js-products-sale-col::after {
  content: none !important;
}

.template-home .js-products-best-seller-col > .js-swiper-best-seller,
.template-home section[data-store="home-products-new"] .js-swiper-new,
.template-home section[data-store="home-products-featured"] .js-swiper-featured,
.template-home section[data-store="home-products-promotion"] .js-swiper-promotion,
.template-home section[data-store="home-products-sale"] .js-swiper-sale {
  order: 4 !important;
  padding-top: 8px !important;
}

.template-home section[data-store="home-products-new"] .js-swiper-new::before {
  content: none !important;
  display: none !important;
}

@media (max-width: 768px) {
  .template-home .js-products-best-seller-col::before,
  .template-home section[data-store="home-products-new"] .js-products-new-col::before,
  .template-home section[data-store="home-products-featured"] .js-products-featured-col::before,
  .template-home section[data-store="home-products-promotion"] .js-products-promotion-col::before,
  .template-home section[data-store="home-products-sale"] .js-products-sale-col::before {
    margin-bottom: 5px !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
  }

  .template-home .js-products-best-seller-title,
  .template-home section[data-store="home-products-new"] .js-products-new-title,
  .template-home section[data-store="home-products-featured"] .js-products-featured-title,
  .template-home section[data-store="home-products-promotion"] .js-products-promotion-title,
  .template-home section[data-store="home-products-sale"] .js-products-sale-title {
    max-width: calc(100vw - 24px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
    text-align: center !important;
  }

  .template-home .js-products-best-seller-title::before,
  .template-home .js-products-best-seller-title::after,
  .template-home section[data-store="home-products-new"] .js-products-new-title::before,
  .template-home section[data-store="home-products-new"] .js-products-new-title::after,
  .template-home section[data-store="home-products-featured"] .js-products-featured-title::before,
  .template-home section[data-store="home-products-featured"] .js-products-featured-title::after,
  .template-home section[data-store="home-products-promotion"] .js-products-promotion-title::before,
  .template-home section[data-store="home-products-promotion"] .js-products-promotion-title::after,
  .template-home section[data-store="home-products-sale"] .js-products-sale-title::before,
  .template-home section[data-store="home-products-sale"] .js-products-sale-title::after {
    font-size: 31px !important;
    line-height: 1.1 !important;
  }

  .template-home section[data-store="home-products-new"] .js-products-new-title::before,
  .template-home section[data-store="home-products-new"] .js-products-new-title::after,
  .template-home section[data-store="home-products-featured"] .js-products-featured-title::before,
  .template-home section[data-store="home-products-featured"] .js-products-featured-title::after,
  .template-home section[data-store="home-products-promotion"] .js-products-promotion-title::before,
  .template-home section[data-store="home-products-promotion"] .js-products-promotion-title::after,
  .template-home section[data-store="home-products-sale"] .js-products-sale-title::before,
  .template-home section[data-store="home-products-sale"] .js-products-sale-title::after {
    display: block !important;
  }

  .template-home .js-products-best-seller-col::after,
  .template-home section[data-store="home-products-new"] .js-products-new-col::after,
  .template-home section[data-store="home-products-featured"] .js-products-featured-col::after,
  .template-home section[data-store="home-products-promotion"] .js-products-promotion-col::after,
  .template-home section[data-store="home-products-sale"] .js-products-sale-col::after {
    max-width: 320px !important;
    margin: 8px auto 18px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }
}

/* ==========================================================================
   NANA MAKEUP - TOPO COMERCIAL DA HOME
   Ordem: cabecalho compacto, banner de produto, beneficios e vitrine.
   ========================================================================== */

.template-home .head-main {
  background: #f50074 !important;
  box-shadow: none !important;
}

.template-home .head-logo-row {
  min-height: 82px !important;
  padding: 0 !important;
}

.template-home .head-logo-row .container {
  width: calc(100% - 72px) !important;
  max-width: 1600px !important;
}

.template-home .js-logo-container {
  padding-right: 26px !important;
}

.template-home .logo-img,
.template-home .logo-img-big,
.template-home .logo-img-medium {
  max-height: 64px !important;
  width: auto !important;
}

.template-home .nav-desktop-list {
  display: flex !important;
  align-items: center !important;
  gap: clamp(22px, 3vw, 58px) !important;
}

.template-home .nav-desktop-list > .nav-item,
.template-home .nav-desktop-list > li {
  margin: 0 !important;
}

.template-home .nav-desktop-list a {
  color: #fff !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.template-home .desktop-utility-col .svg-icon-text,
.template-home .desktop-utility-col svg,
.template-home .col-utility svg {
  width: 25px !important;
  height: 25px !important;
  color: #fff !important;
  fill: #fff !important;
}

.template-home .home-sections-container {
  background: #fff8fb !important;
}

.template-home .nana-home-hero {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 76% 28%, rgba(255, 255, 255, .72) 0 8%, rgba(255, 255, 255, 0) 23%),
    radial-gradient(circle at 90% 4%, rgba(255, 255, 255, .38) 0 6%, rgba(255, 255, 255, 0) 18%),
    linear-gradient(100deg, #fff8fb 0%, #ffdce8 45%, #f495b8 100%) !important;
}

.template-home .nana-home-hero-inner {
  position: relative !important;
  display: grid !important;
  width: 100% !important;
  min-height: clamp(405px, 33.5vw, 475px) !important;
  grid-template-columns: minmax(340px, .72fr) minmax(620px, 1.28fr) !important;
  align-items: stretch !important;
  overflow: hidden !important;
}

.template-home .nana-home-hero-copy {
  position: relative !important;
  z-index: 8 !important;
  display: flex !important;
  max-width: 560px !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 42px 0 42px clamp(48px, 7.6vw, 138px) !important;
}

.template-home .nana-home-hero-kicker {
  margin: 0 0 18px !important;
  color: #e8006f !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: clamp(12px, .92vw, 16px) !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: .46em !important;
  text-transform: uppercase !important;
}

.template-home .nana-home-hero-line {
  width: 78px !important;
  height: 2px !important;
  margin: 0 0 22px !important;
  background: #e8006f !important;
}

.template-home .nana-home-hero-title {
  margin: 0 !important;
  color: #1f2425 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 700 !important;
  line-height: .88 !important;
  letter-spacing: 0 !important;
}

.template-home .nana-home-hero-title-main,
.template-home .nana-home-hero-title-accent {
  display: block !important;
}

.template-home .nana-home-hero-title-main {
  font-size: clamp(58px, 5.7vw, 88px) !important;
  font-style: normal !important;
}

.template-home .nana-home-hero-title-accent {
  color: #e8006f !important;
  font-size: clamp(54px, 5.5vw, 84px) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}

.template-home .nana-home-hero-text {
  max-width: 390px !important;
  margin: 22px 0 22px !important;
  color: #41383e !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: clamp(16px, 1.16vw, 19px) !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
}

.template-home .nana-home-hero-button {
  display: inline-flex !important;
  width: fit-content !important;
  min-width: 230px !important;
  min-height: 56px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
  padding: 0 30px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #f4267c 0%, #e7006b 100%) !important;
  color: #fff !important;
  box-shadow: 0 16px 28px rgba(210, 0, 93, .24) !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

.template-home .nana-home-hero-button svg {
  width: 24px !important;
  height: 24px !important;
  fill: currentColor !important;
}

.template-home .nana-home-hero-showcase {
  position: relative !important;
  min-height: 100% !important;
  overflow: hidden !important;
}

.template-home .nana-home-hero-arc {
  position: absolute !important;
  z-index: 1 !important;
  border: 2px solid rgba(255, 255, 255, .58) !important;
  border-bottom: 0 !important;
  border-radius: 999px 999px 0 0 !important;
  pointer-events: none !important;
}

.template-home .nana-home-hero-arc-large {
  top: 11% !important;
  right: -3% !important;
  width: 85% !important;
  height: 84% !important;
}

.template-home .nana-home-hero-arc-small {
  top: 29% !important;
  right: 9% !important;
  width: 59% !important;
  height: 57% !important;
  box-shadow: 0 0 28px rgba(255, 255, 255, .5) !important;
}

.template-home .nana-home-hero-sparkle {
  position: absolute !important;
  z-index: 4 !important;
  width: 28px !important;
  height: 28px !important;
  background: #fff !important;
  clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%) !important;
  opacity: .94 !important;
  pointer-events: none !important;
}

.template-home .nana-home-hero-sparkle-1 {
  top: 29% !important;
  left: 14% !important;
}

.template-home .nana-home-hero-sparkle-2 {
  top: 39% !important;
  left: 18% !important;
  width: 14px !important;
  height: 14px !important;
}

.template-home .nana-home-hero-stage {
  position: absolute !important;
  z-index: 2 !important;
  display: block !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .44), rgba(255, 255, 255, .08)) !important;
  border: 1px solid rgba(255, 255, 255, .28) !important;
  border-radius: 50% !important;
  box-shadow: 0 20px 34px rgba(192, 65, 106, .16) !important;
  pointer-events: none !important;
}

.template-home .nana-home-hero-stage-back {
  right: 2% !important;
  bottom: 8% !important;
  width: 78% !important;
  height: 25% !important;
}

.template-home .nana-home-hero-stage-front {
  right: 22% !important;
  bottom: 4% !important;
  width: 42% !important;
  height: 20% !important;
}

.template-home .nana-home-hero-arc,
.template-home .nana-home-hero-sparkle,
.template-home .nana-home-hero-stage {
  display: none !important;
}

.template-home .nana-home-hero-products-image {
  position: absolute !important;
  right: -10% !important;
  bottom: 0 !important;
  z-index: 4 !important;
  display: block !important;
  width: min(94%, 980px) !important;
  max-width: none !important;
  height: auto !important;
  pointer-events: none !important;
  user-select: none !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .28) 6%, #000 16%, #000 100%) !important;
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .28) 6%, #000 16%, #000 100%) !important;
}

.template-home .nana-home-hero-props {
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;
  pointer-events: none !important;
}

.template-home .nana-hero-prop {
  position: absolute !important;
  display: flex !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
  filter: drop-shadow(0 18px 16px rgba(151, 41, 82, .16)) !important;
}

.template-home .nana-hero-sticks {
  left: 10% !important;
  bottom: 24% !important;
  width: 24% !important;
  height: 36% !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 4% !important;
}

.template-home .nana-hero-sticks i {
  position: relative !important;
  display: block !important;
  width: 16% !important;
  height: 88% !important;
  border-radius: 999px 999px 16px 16px !important;
  background: linear-gradient(90deg, #f7eee8 0%, #fff 48%, #d1c1ff 100%) !important;
  border: 1px solid rgba(154, 110, 151, .14) !important;
  box-shadow: inset 0 -18px 0 #b9b3f1 !important;
}

.template-home .nana-hero-sticks i:nth-child(1) { height: 78% !important; }
.template-home .nana-hero-sticks i:nth-child(2) { height: 84% !important; }
.template-home .nana-hero-sticks i:nth-child(3) { height: 90% !important; }
.template-home .nana-hero-sticks i:nth-child(4) { height: 86% !important; }
.template-home .nana-hero-sticks i:nth-child(5) { height: 98% !important; background: linear-gradient(90deg, #eee8ff 0%, #fff 46%, #bab2f5 100%) !important; }

.template-home .nana-hero-sticks i::before {
  content: "" !important;
  position: absolute !important;
  top: 5% !important;
  left: 50% !important;
  width: 42% !important;
  height: 16% !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #efc299, #a25c3d) !important;
  transform: translateX(-50%) !important;
}

.template-home .nana-hero-ampoules {
  left: 7% !important;
  bottom: 20% !important;
  width: 24% !important;
  height: 9% !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 2.2% !important;
}

.template-home .nana-hero-ampoules i {
  position: relative !important;
  display: block !important;
  width: 8% !important;
  height: 72% !important;
  border-radius: 8px 8px 5px 5px !important;
  background: linear-gradient(180deg, #ca7a36, #f3b15b 70%, #cc7a35) !important;
  opacity: .95 !important;
}

.template-home .nana-hero-ampoules i::before {
  content: "" !important;
  position: absolute !important;
  top: -22% !important;
  left: 28% !important;
  width: 44% !important;
  height: 26% !important;
  border-radius: 4px 4px 0 0 !important;
  background: #bd6f32 !important;
}

.template-home .nana-hero-box {
  align-items: center !important;
  flex-direction: column !important;
  justify-content: center !important;
  border: 1px solid rgba(255, 255, 255, .5) !important;
  color: #b8154c !important;
  text-align: center !important;
}

.template-home .nana-hero-box-pink {
  left: 36% !important;
  bottom: 29% !important;
  width: 25% !important;
  height: 23% !important;
  background:
    radial-gradient(circle at 16% 22%, rgba(255,255,255,.55) 0 4%, transparent 5%),
    radial-gradient(circle at 82% 16%, rgba(255,255,255,.45) 0 5%, transparent 6%),
    linear-gradient(145deg, #ff9eb8, #f05586) !important;
  border-radius: 8px !important;
  box-shadow: inset 0 -18px 0 rgba(155, 0, 64, .13), 0 20px 28px rgba(176, 36, 89, .16) !important;
}

.template-home .nana-hero-box-pink b {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(22px, 2vw, 32px) !important;
  line-height: .9 !important;
}

.template-home .nana-hero-box-pink small {
  margin-top: 4px !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}

.template-home .nana-hero-tube {
  bottom: 20% !important;
  width: 8.5% !important;
  height: 28% !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 16px 16px 8px 8px !important;
  background: linear-gradient(90deg, #d91e64 0%, #ff78a3 48%, #c91558 100%) !important;
  color: #fff !important;
  text-align: center !important;
}

.template-home .nana-hero-tube::before {
  content: "" !important;
  position: absolute !important;
  top: -9% !important;
  left: 18% !important;
  width: 64% !important;
  height: 13% !important;
  border-radius: 7px 7px 0 0 !important;
  background: linear-gradient(90deg, #f6c8bd, #fff1ef, #e9aaa0) !important;
}

.template-home .nana-hero-tube b {
  font-family: Inter, Arial, sans-serif !important;
  font-size: clamp(13px, 1.2vw, 18px) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.template-home .nana-hero-tube small {
  font-family: Inter, Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.template-home .nana-hero-tube-1 { right: 31% !important; }
.template-home .nana-hero-tube-2 { right: 22.5% !important; height: 31% !important; }

.template-home .nana-hero-bottle {
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12px 12px 18px 18px !important;
  background: linear-gradient(90deg, #c57a3c 0%, #f0b072 34%, #fff0dc 50%, #c98243 100%) !important;
  color: #8a3d22 !important;
  text-align: center !important;
}

.template-home .nana-hero-bottle::before {
  content: "" !important;
  position: absolute !important;
  top: -22% !important;
  left: 28% !important;
  width: 44% !important;
  height: 24% !important;
  border-radius: 10px 10px 2px 2px !important;
  background: linear-gradient(90deg, #e4a47b, #fff4eb, #bf724e) !important;
}

.template-home .nana-hero-bottle-tall {
  right: 14% !important;
  bottom: 19% !important;
  width: 11% !important;
  height: 42% !important;
}

.template-home .nana-hero-bottle b {
  font-family: Inter, Arial, sans-serif !important;
  font-size: clamp(18px, 1.7vw, 26px) !important;
  font-weight: 900 !important;
}

.template-home .nana-hero-bottle small {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(15px, 1.4vw, 23px) !important;
  font-style: italic !important;
}

.template-home .nana-hero-card {
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 246, 240, .94) !important;
  border: 1px solid rgba(255, 255, 255, .72) !important;
  box-shadow: 0 16px 26px rgba(145, 43, 81, .14) !important;
  color: #1b1b1b !important;
  text-align: center !important;
}

.template-home .nana-hero-card-love {
  left: 31% !important;
  bottom: 3% !important;
  width: 29% !important;
  height: 28% !important;
  flex-wrap: wrap !important;
  gap: 8% !important;
  padding: 3% !important;
  z-index: 8 !important;
}

.template-home .nana-hero-card-love b {
  width: 100% !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: clamp(15px, 1.6vw, 24px) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.template-home .nana-hero-card-love span {
  width: 18% !important;
  height: 38% !important;
  border-radius: 8px 8px 12px 12px !important;
  background: linear-gradient(90deg, #c37438, #ffd2a8, #b86733) !important;
}

.template-home .nana-hero-card-base {
  right: 4% !important;
  bottom: 25% !important;
  width: 18% !important;
  height: 34% !important;
  flex-direction: column !important;
  border-radius: 10px !important;
}

.template-home .nana-hero-card-base b {
  font-family: Inter, Arial, sans-serif !important;
  font-size: clamp(16px, 1.7vw, 25px) !important;
  font-weight: 900 !important;
}

.template-home .nana-hero-card-base small {
  max-width: 70% !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(15px, 1.5vw, 24px) !important;
  font-style: italic !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.template-home .nana-hero-bb-group {
  right: 2% !important;
  bottom: 18% !important;
  width: 16% !important;
  height: 28% !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8% !important;
  z-index: 7 !important;
}

.template-home .nana-hero-bb-group i {
  display: block !important;
  width: 26% !important;
  height: 84% !important;
  border-radius: 8px 8px 14px 14px !important;
  background: linear-gradient(90deg, #d8945e 0%, #ffe2bd 50%, #c27540 100%) !important;
}

.template-home .nana-hero-bb-group i:nth-child(2) { height: 92% !important; }
.template-home .nana-hero-bb-group i:nth-child(3) { height: 78% !important; }

.template-home .nana-hero-bb-group i::before {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 18% !important;
  border-radius: 8px 8px 2px 2px !important;
  background: linear-gradient(90deg, #b56739, #f1b27f, #a65a31) !important;
}

.template-home .nana-home-benefits-section {
  position: relative !important;
  z-index: 2 !important;
  margin: 0 !important;
  padding: 14px 0 !important;
  background: #fff !important;
  border-bottom: 1px solid #f5e3eb !important;
  box-shadow: 0 8px 24px rgba(184, 52, 104, .05) !important;
}

.template-home .nana-home-benefits-section .nana-header-benefits {
  width: calc(100% - 96px) !important;
  max-width: 1380px !important;
  min-height: 58px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.template-home .nana-home-benefits-section .nana-header-benefit {
  gap: 16px !important;
  padding: 0 34px !important;
  border-right-color: #efd0dc !important;
}

.template-home .nana-home-benefits-section .nana-header-benefit-icon {
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
}

.template-home .nana-home-benefits-section .nana-header-benefit-icon svg {
  width: 34px !important;
  height: 34px !important;
  stroke-width: 1.7 !important;
}

.template-home .nana-home-benefits-section .nana-header-benefit-copy strong {
  color: #2f292d !important;
  font-size: 14px !important;
}

.template-home .nana-home-benefits-section .nana-header-benefit-copy small {
  color: #776a71 !important;
  font-size: 12px !important;
}

.template-home .js-section-products-best-seller {
  padding-top: 34px !important;
}

.template-home .js-products-best-seller-col::before {
  content: none !important;
  display: none !important;
  margin-bottom: 8px !important;
  color: #ec006d !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: .34em !important;
  text-transform: uppercase !important;
}

.template-home .js-products-best-seller-title::before {
  content: none !important;
  display: none !important;
}

.template-home .js-products-best-seller-title::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 1100px) {
  .template-home .head-logo-row .container {
    width: calc(100% - 28px) !important;
  }

  .template-home .nana-home-hero-inner {
    min-height: clamp(390px, 39vw, 465px) !important;
    grid-template-columns: minmax(300px, .82fr) minmax(480px, 1.18fr) !important;
  }

  .template-home .nana-home-hero-copy {
    padding-left: clamp(28px, 5vw, 64px) !important;
  }

  .template-home .nana-home-hero-title-main {
    font-size: clamp(47px, 5.6vw, 68px) !important;
  }

  .template-home .nana-home-hero-title-accent {
    font-size: clamp(45px, 5.4vw, 66px) !important;
  }

  .template-home .nana-home-benefits-section .nana-header-benefits {
    width: calc(100% - 32px) !important;
  }

  .template-home .nana-home-benefits-section .nana-header-benefit {
    padding: 0 18px !important;
  }
}

@media (max-width: 768px) {
  html,
  body.template-home,
  .template-home .home-sections-container,
  .template-home .nana-home-hero,
  .template-home .nana-home-benefits-section {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  .template-home .head-logo-row {
    min-height: 72px !important;
  }

  .template-home .logo-img,
  .template-home .logo-img-big,
  .template-home .logo-img-medium {
    max-height: 52px !important;
  }

  .template-home .nana-home-hero-inner {
    display: block !important;
    min-height: 535px !important;
    overflow: hidden !important;
  }

  .template-home .nana-home-hero-copy {
    position: relative !important;
    z-index: 9 !important;
    max-width: none !important;
    padding: 30px 24px 0 !important;
  }

  .template-home .nana-home-hero-kicker {
    margin-bottom: 12px !important;
    font-size: 10px !important;
    letter-spacing: .32em !important;
  }

  .template-home .nana-home-hero-line {
    width: 64px !important;
    margin-bottom: 16px !important;
  }

  .template-home .nana-home-hero-title-main,
  .template-home .nana-home-hero-title-accent {
    font-size: 42px !important;
    line-height: .9 !important;
  }

  .template-home .nana-home-hero-text {
    max-width: 310px !important;
    margin: 16px 0 16px !important;
    font-size: 14px !important;
  }

  .template-home .nana-home-hero-button {
    min-width: 184px !important;
    min-height: 46px !important;
    gap: 12px !important;
    padding: 0 22px !important;
    font-size: 12px !important;
  }

  .template-home .nana-home-hero-button svg {
    width: 20px !important;
    height: 20px !important;
  }

  .template-home .nana-home-hero-showcase {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    z-index: 2 !important;
    overflow: hidden !important;
  }

  .template-home .nana-home-hero-showcase::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 3 !important;
    pointer-events: none !important;
    background:
      linear-gradient(180deg, rgba(255, 246, 250, .98) 0%, rgba(255, 235, 243, .92) 39%, rgba(255, 218, 231, .18) 58%, rgba(255, 218, 231, 0) 76%) !important;
  }

  .template-home .nana-home-hero-products-image {
    right: 50% !important;
    bottom: -10px !important;
    width: 670px !important;
    max-width: none !important;
    transform: translateX(54%) !important;
    -webkit-mask-image:
      linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .18) 7%, #000 20%, #000 100%),
      linear-gradient(90deg, transparent 0%, #000 5%, #000 95%, transparent 100%) !important;
    mask-image:
      linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .18) 7%, #000 20%, #000 100%),
      linear-gradient(90deg, transparent 0%, #000 5%, #000 95%, transparent 100%) !important;
    -webkit-mask-composite: source-in !important;
    mask-composite: intersect !important;
  }

  .template-home .nana-home-hero-arc-large {
    top: 1% !important;
    right: -38% !important;
    width: 118% !important;
    height: 92% !important;
  }

  .template-home .nana-home-hero-arc-small {
    top: 25% !important;
    right: -14% !important;
    width: 76% !important;
    height: 58% !important;
  }

  .template-home .nana-home-hero-sparkle-1 {
    top: 7% !important;
    left: 44% !important;
    width: 20px !important;
    height: 20px !important;
  }

  .template-home .nana-home-hero-sparkle-2 {
    top: 19% !important;
    left: 49% !important;
  }

  .template-home .nana-home-hero-stage-back {
    right: -16% !important;
    bottom: 6% !important;
    width: 94% !important;
    height: 24% !important;
  }

  .template-home .nana-home-hero-stage-front {
    right: 23% !important;
    bottom: 3% !important;
    width: 54% !important;
    height: 18% !important;
  }

  .template-home .nana-hero-sticks { left: 4% !important; bottom: 25% !important; width: 33% !important; height: 34% !important; }
  .template-home .nana-hero-ampoules { left: 4% !important; bottom: 22% !important; width: 34% !important; }
  .template-home .nana-hero-box-pink { left: 36% !important; bottom: 31% !important; width: 26% !important; height: 22% !important; }
  .template-home .nana-hero-tube-1 { right: 8% !important; bottom: 22% !important; width: 13% !important; height: 29% !important; }
  .template-home .nana-hero-tube-2,
  .template-home .nana-hero-bottle-tall { display: none !important; }
  .template-home .nana-hero-card-love { left: 31% !important; bottom: 5% !important; width: 38% !important; height: 28% !important; }
  .template-home .nana-hero-card-base,
  .template-home .nana-hero-bb-group { display: none !important; }

  .template-home .nana-home-benefits-section {
    padding: 8px 0 !important;
  }

  .template-home .nana-home-benefits-section .nana-header-benefits {
    grid-template-columns: 1fr 1fr !important;
    width: calc(100% - 20px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  .template-home .nana-home-benefits-section .nana-header-benefit {
    justify-content: flex-start !important;
    min-width: 0 !important;
    min-height: 48px !important;
    padding: 6px 10px !important;
    border-right: 0 !important;
    border-bottom: 1px solid #f3d4e0 !important;
  }

  .template-home .nana-home-benefits-section .nana-header-benefit:nth-child(3),
  .template-home .nana-home-benefits-section .nana-header-benefit:nth-child(4) {
    border-bottom: 0 !important;
  }

  .template-home .nana-home-benefits-section .nana-header-benefit-icon {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
  }

  .template-home .nana-home-benefits-section .nana-header-benefit-icon svg {
    width: 26px !important;
    height: 26px !important;
  }

  .template-home .nana-home-benefits-section .nana-header-benefit-copy strong {
    font-size: 11px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
  }

  .template-home .nana-home-benefits-section .nana-header-benefit-copy small {
    font-size: 10px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
  }

  .template-home .js-section-products-best-seller {
    padding-top: 28px !important;
  }

  .template-home .js-products-best-seller-title::before,
  .template-home .js-products-best-seller-title::after {
    font-size: 25px !important;
    line-height: 1.08 !important;
  }
}

@media (max-width: 480px) {
  .template-home .nana-home-hero-inner {
    min-height: 505px !important;
  }

  .template-home .nana-home-hero-copy {
    padding: 28px 22px 0 !important;
  }

  .template-home .nana-home-hero-title-main,
  .template-home .nana-home-hero-title-accent {
    font-size: 39px !important;
  }

  .template-home .nana-home-hero-showcase {
    min-height: 0 !important;
  }

  .template-home .nana-home-hero-products-image {
    bottom: -4px !important;
    width: 610px !important;
    transform: translateX(55%) !important;
  }

  .template-home .nana-hero-sticks { left: 3% !important; width: 34% !important; height: 32% !important; }
  .template-home .nana-hero-ampoules { left: 3% !important; width: 35% !important; }
  .template-home .nana-hero-box-pink { left: 35% !important; width: 29% !important; height: 21% !important; }
  .template-home .nana-hero-tube-1 { right: 7% !important; width: 13% !important; }
  .template-home .nana-hero-tube-2,
  .template-home .nana-hero-bottle-tall { display: none !important; }
  .template-home .nana-hero-card-love { left: 27% !important; width: 46% !important; height: 27% !important; }
}

/* ==========================================================================
   NANA MAKEUP - LINK VER MAIS NAS VITRINES DA HOME
   Remove subtitulos falsos antigos e troca por link real no Twig.
   ========================================================================== */

.template-home .js-products-best-seller-col::before,
.template-home .js-products-best-seller-col::after,
.template-home section[data-store="home-products-new"] .js-products-new-col::before,
.template-home section[data-store="home-products-new"] .js-products-new-col::after,
.template-home section[data-store="home-products-featured"] .js-products-featured-col::before,
.template-home section[data-store="home-products-featured"] .js-products-featured-col::after,
.template-home section[data-store="home-products-promotion"] .js-products-promotion-col::before,
.template-home section[data-store="home-products-promotion"] .js-products-promotion-col::after,
.template-home section[data-store="home-products-sale"] .js-products-sale-col::before,
.template-home section[data-store="home-products-sale"] .js-products-sale-col::after {
  content: none !important;
  display: none !important;
}

.template-home .nana-section-more-wrap {
  order: 1 !important;
  display: flex !important;
  width: 100% !important;
  justify-content: center !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
}

.template-home .nana-section-more-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 0 !important;
  color: #ff0084 !important;
  background: transparent !important;
  border: 0 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: .14em !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

.template-home .nana-section-more-link:hover,
.template-home .nana-section-more-link:focus {
  color: #d90070 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

.template-home .js-products-best-seller-title,
.template-home section[data-store="home-products-new"] .js-products-new-title,
.template-home section[data-store="home-products-featured"] .js-products-featured-title,
.template-home section[data-store="home-products-promotion"] .js-products-promotion-title,
.template-home section[data-store="home-products-sale"] .js-products-sale-title {
  order: 2 !important;
}

.template-home .js-products-best-seller-col > .js-swiper-best-seller,
.template-home section[data-store="home-products-new"] .js-swiper-new,
.template-home section[data-store="home-products-featured"] .js-swiper-featured,
.template-home section[data-store="home-products-promotion"] .js-swiper-promotion,
.template-home section[data-store="home-products-sale"] .js-swiper-sale,
.template-home .js-products-best-seller-grid,
.template-home section[data-store="home-products-new"] .js-products-new-grid,
.template-home section[data-store="home-products-featured"] .js-products-featured-grid,
.template-home section[data-store="home-products-promotion"] .js-products-promotion-grid,
.template-home section[data-store="home-products-sale"] .js-products-sale-grid {
  order: 3 !important;
}

@media (max-width: 768px) {
  .template-home .nana-section-more-wrap {
    margin-bottom: 6px !important;
  }

  .template-home .nana-section-more-link {
    min-height: 24px !important;
    font-size: 11px !important;
    letter-spacing: .12em !important;
  }
}

/* ==========================================================================
   NANA MAKEUP - REFINO DO RODAPE ATUAL
   Mantem a estrutura nm-custom-footer e reduz peso visual/espacamentos.
   ========================================================================== */

.nm-custom-footer,
.nm-custom-footer .nm-benefits-area,
.nm-custom-footer .nm-footer-main,
.nm-custom-footer .nm-footer-bottom {
  background: #d9156e !important;
  background-image: none !important;
}

.nm-custom-footer .nm-benefits-area {
  padding: 14px 0 8px !important;
}

.nm-custom-footer .nm-benefits-area::before,
.nm-custom-footer .nm-benefits-area::after {
  content: none !important;
  display: none !important;
}

.nm-custom-footer .nm-benefits {
  min-height: 50px !important;
  padding: 7px 12px !important;
  background: rgba(255, 255, 255, .96) !important;
  border: 1px solid rgba(255, 255, 255, .55) !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 18px rgba(114, 0, 52, .12) !important;
}

.nm-custom-footer .nm-benefit {
  gap: 8px !important;
  padding: 2px 14px !important;
}

.nm-custom-footer .nm-benefit-icon {
  width: 28px !important;
  height: 28px !important;
  flex-basis: 28px !important;
  color: #d9156e !important;
}

.nm-custom-footer .nm-benefit-icon svg {
  width: 27px !important;
  height: 27px !important;
  color: #d9156e !important;
  stroke-width: 1.8 !important;
}

.nm-custom-footer .nm-benefit-title {
  color: #a81352 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}

.nm-custom-footer .nm-benefit-description {
  color: #765365 !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
}

.nm-custom-footer .nm-footer-container {
  width: calc(100% - 56px) !important;
  max-width: 1140px !important;
}

.nm-custom-footer .nm-footer-main {
  grid-template-columns: .92fr .88fr .88fr 1fr !important;
  gap: 26px !important;
  padding: 22px 0 24px !important;
}

.nm-custom-footer .nm-brand-column {
  padding-right: 22px !important;
  border-right-color: rgba(255, 255, 255, .18) !important;
}

.nm-custom-footer .nm-brand-logo {
  width: 148px !important;
  max-height: 78px !important;
  margin-bottom: 9px !important;
}

.nm-custom-footer .nm-brand-description {
  max-width: 230px !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

.nm-custom-footer .nm-footer-heading {
  margin-bottom: 12px !important;
  padding-bottom: 7px !important;
  font-size: 23px !important;
  line-height: 1.05 !important;
}

.nm-custom-footer .nm-footer-heading::after {
  width: 28px !important;
  height: 2px !important;
  opacity: .75 !important;
}

.nm-custom-footer .nm-footer-links,
.nm-custom-footer .nm-contact-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.nm-custom-footer .nm-footer-link[data-source-text="SOBRANCELHAS"],
.nm-custom-footer .nm-footer-link[data-source-text="CUIDADOS CORPORAIS"],
.nm-custom-footer .nm-footer-link[hidden] {
  display: none !important;
}

.nm-custom-footer .nm-footer-link,
.nm-custom-footer .nm-contact-item,
.nm-custom-footer .nm-instagram-link {
  font-size: 14px !important;
  line-height: 1.3 !important;
}

.nm-custom-footer .nm-footer-link-more {
  margin-top: 2px !important;
  font-weight: 800 !important;
}

.nm-custom-footer .nm-contact-icon {
  width: 28px !important;
  height: 28px !important;
  flex-basis: 28px !important;
  background: rgba(255, 255, 255, .1) !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
}

.nm-custom-footer .nm-contact-icon svg {
  width: 14px !important;
  height: 14px !important;
}

.nm-custom-footer .nm-social {
  margin-top: 13px !important;
  padding-top: 12px !important;
  border-top-color: rgba(255, 255, 255, .2) !important;
}

.nm-custom-footer .nm-social-title {
  margin-bottom: 8px !important;
  font-size: 22px !important;
  line-height: 1.05 !important;
}

.nm-custom-footer .nm-footer-bottom {
  border-top-color: rgba(255, 255, 255, .18) !important;
}

.nm-custom-footer .nm-footer-bottom-content {
  min-height: 42px !important;
  padding: 7px 0 !important;
}

.nm-custom-footer .nm-copyright {
  font-size: 12px !important;
  line-height: 1.3 !important;
}

.nm-custom-footer .nm-copyright-heart {
  font-size: 20px !important;
}

@media (max-width: 768px) {
  .nm-custom-footer .nm-footer-container {
    width: calc(100% - 24px) !important;
  }

  .nm-custom-footer .nm-benefits-area {
    padding: 10px 0 6px !important;
  }

  .nm-custom-footer .nm-benefits {
    grid-template-columns: 1fr 1fr !important;
    min-height: 0 !important;
    padding: 6px 8px !important;
    border-radius: 14px !important;
  }

  .nm-custom-footer .nm-benefit {
    padding: 7px 6px !important;
  }

  .nm-custom-footer .nm-footer-main {
    grid-template-columns: 1fr 1fr !important;
    gap: 18px 15px !important;
    padding: 20px 0 22px !important;
  }

  .nm-custom-footer .nm-footer-main > :first-child {
    grid-column: 1 / -1 !important;
    padding-bottom: 14px !important;
  }

  .nm-custom-footer .nm-footer-main > :last-child {
    grid-column: 1 / -1 !important;
  }

  .nm-custom-footer .nm-brand-logo {
    width: 128px !important;
    max-height: 68px !important;
    margin-bottom: 7px !important;
  }

  .nm-custom-footer .nm-brand-description {
    max-width: 280px !important;
    font-size: 13px !important;
  }

  .nm-custom-footer .nm-footer-heading,
  .nm-custom-footer .nm-social-title {
    font-size: 21px !important;
  }

  .nm-custom-footer .nm-footer-link,
  .nm-custom-footer .nm-contact-item,
  .nm-custom-footer .nm-instagram-link {
    font-size: 13px !important;
  }
}

/* ==========================================================================
   NANA MAKEUP - VITRINES DA HOME / PADRONIZACAO FINAL
   Ultima camada escopada para neutralizar blocos antigos conflitantes.
   ========================================================================== */

.template-home section[data-store^="home-products-"] {
  position: relative !important;
  margin: 0 !important;
  padding: 28px 0 36px !important;
  border-top: 0 !important;
  background: #fff5f8 !important;
  overflow: visible !important;
}

.template-home section[data-store^="home-products-"]::before,
.template-home section[data-store^="home-products-"]::after {
  content: none !important;
  display: none !important;
}

.template-home section[data-store^="home-products-"] [class*="js-products-"][class*="-col"]::before,
.template-home section[data-store^="home-products-"] [class*="js-products-"][class*="-col"]::after,
.template-home section[data-store^="home-products-"] [class*="js-swiper-"]::before,
.template-home section[data-store^="home-products-"] [class*="js-swiper-"]::after,
.template-home section[data-store^="home-products-"] .section-title::before,
.template-home section[data-store^="home-products-"] .section-title::after {
  content: none !important;
  display: none !important;
}

.template-home section[data-store^="home-products-"] [class*="js-products-"][class*="-container"] {
  width: calc(100% - 40px) !important;
  max-width: 1360px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.template-home section[data-store^="home-products-"] [class*="js-products-"][class*="-col"] {
  position: relative !important;
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  flex-direction: column !important;
  align-items: stretch !important;
  padding: 0 24px !important;
  text-align: center !important;
}

.template-home .nana-products-section-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 18px !important;
  align-items: center !important;
  margin: 0 0 18px !important;
  order: 1 !important;
}

.template-home section[data-store^="home-products-"] .section-title,
.template-home .js-products-best-seller-title,
.template-home section[data-store="home-products-new"] .js-products-new-title,
.template-home section[data-store="home-products-featured"] .js-products-featured-title,
.template-home section[data-store="home-products-promotion"] .js-products-promotion-title,
.template-home section[data-store="home-products-sale"] .js-products-sale-title {
  margin: 0 !important;
  padding: 0 !important;
  color: #171216 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(30px, 3.2vw, 38px) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.08 !important;
  text-align: left !important;
  text-transform: none !important;
}

.template-home .nana-section-more-wrap {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  order: initial !important;
  text-align: right !important;
}

.template-home .nana-section-more-link {
  display: inline-flex !important;
  gap: 8px !important;
  align-items: center !important;
  color: #ec0b72 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

.template-home .nana-section-more-link::after {
  content: ">" !important;
  display: inline-block !important;
  font-size: 18px !important;
  line-height: 1 !important;
  transform: translateY(-1px) !important;
}

.template-home .nana-section-more-link:hover {
  color: #bf0f5d !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

.template-home section[data-store^="home-products-"] [class*="js-swiper-"] {
  width: 100% !important;
  order: 2 !important;
  overflow: hidden !important;
}

.template-home section[data-store^="home-products-"] .swiper-wrapper {
  display: flex !important;
  align-items: flex-start !important;
}

.template-home section[data-store^="home-products-"] .swiper-slide,
.template-home section[data-store^="home-products-"] .js-item-product.item-product {
  box-sizing: border-box !important;
  display: flex !important;
  height: auto !important;
  min-height: 0 !important;
  align-items: flex-start !important;
}

@media (min-width: 768px) {
  .template-home section[data-store^="home-products-"] .swiper-wrapper > .swiper-slide {
    width: calc((100% - 60px) * .2) !important;
    max-width: calc((100% - 60px) * .2) !important;
    flex: 0 0 calc((100% - 60px) * .2) !important;
  }
}

.template-home .js-item-product.item-product > .item.nana-home-product-card {
  display: flex !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  border: 1px solid #efd7e1 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 8px 18px rgba(123, 41, 78, .08) !important;
  overflow: hidden !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card:hover {
  border-color: #f4b7d2 !important;
  box-shadow: 0 12px 24px rgba(123, 41, 78, .12) !important;
  transform: translateY(-1px) !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .item-image {
  position: relative !important;
  display: flex !important;
  width: 100% !important;
  aspect-ratio: 1.18 / 1 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 7px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #fff !important;
  overflow: hidden !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .js-product-item-image-link-private,
.template-home .js-item-product.item-product > .item.nana-home-product-card .js-item-image-padding {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .js-product-item-image-private:not(.js-product-item-secondary-image-private),
.template-home .js-item-product.item-product > .item.nana-home-product-card .product-item-image:not(.product-item-image-secondary),
.template-home .js-item-product.item-product > .item.nana-home-product-card .js-item-image:not(.item-image-secondary) {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-home-card-description {
  display: flex !important;
  min-height: 0 !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  padding: 6px 8px 0 !important;
  text-align: left !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-card-highlight {
  display: none !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .js-item-name.item-name {
  display: -webkit-box !important;
  min-height: 32px !important;
  max-height: 32px !important;
  margin: 0 0 6px !important;
  overflow: hidden !important;
  color: #272226 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1.42 !important;
  text-align: left !important;
  text-overflow: ellipsis !important;
  text-transform: none !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .item-price-container {
  min-height: 24px !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .js-price-display.item-price,
.template-home .js-item-product.item-product > .item.nana-home-product-card .item-price {
  color: #1f1f22 !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .price-compare {
  font-size: 12px !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions {
  width: 100% !important;
  margin-top: 0 !important;
  padding: 0 !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions form,
.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions .item-submit-container {
  width: 100% !important;
  margin: 0 !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn {
  position: relative !important;
  z-index: 4 !important;
  display: flex !important;
  width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #ec0b72 !important;
  color: #fff !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  white-space: normal !important;
  cursor: pointer !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn:hover {
  background: #d60865 !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn.disabled,
.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn:disabled,
.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn.nostock,
.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn.contact,
.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn.catalog {
  background: #c8c1c5 !important;
  cursor: default !important;
}

.template-home .js-item-product.item-product > .item.nana-home-product-card .item-link::before,
.template-home .js-item-product.item-product > .item.nana-home-product-card .item-link::after,
.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-home-card-link::before,
.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-home-card-link::after,
.template-home .js-item-product.item-product > .item.nana-home-product-card .item-description::before,
.template-home .js-item-product.item-product > .item.nana-home-product-card .item-description::after,
.template-home .js-item-product.item-product > .item.nana-home-product-card .item-price-container::before,
.template-home .js-item-product.item-product > .item.nana-home-product-card .item-price-container::after,
.template-home .js-item-product.item-product > .item.nana-home-product-card .item-price::before,
.template-home .js-item-product.item-product > .item.nana-home-product-card .item-price::after {
  content: none !important;
  display: none !important;
}

.template-home section[data-store^="home-products-"] .swiper-button-prev,
.template-home section[data-store^="home-products-"] .swiper-button-next {
  display: flex !important;
  width: 38px !important;
  height: 38px !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 0 !important;
  border: 1px solid rgba(236, 11, 114, .22) !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 8px 18px rgba(123, 41, 78, .12) !important;
  color: #ec0b72 !important;
  transform: translateY(-50%) !important;
  z-index: 5 !important;
}

.template-home section[data-store^="home-products-"] .swiper-button-prev {
  left: 2px !important;
}

.template-home section[data-store^="home-products-"] .swiper-button-next {
  right: 2px !important;
}

.template-home section[data-store^="home-products-"] .swiper-button-prev svg,
.template-home section[data-store^="home-products-"] .swiper-button-next svg {
  width: 17px !important;
  height: 17px !important;
}

.template-home section[data-store^="home-products-"] .swiper-button-prev:hover,
.template-home section[data-store^="home-products-"] .swiper-button-next:hover {
  border-color: rgba(236, 11, 114, .38) !important;
  background: #ec0b72 !important;
  color: #fff !important;
}

@media (max-width: 991px) {
  .template-home section[data-store^="home-products-"] {
    padding: 24px 0 30px !important;
  }

  .template-home section[data-store^="home-products-"] [class*="js-products-"][class*="-container"] {
    width: calc(100% - 24px) !important;
  }

  .template-home section[data-store^="home-products-"] [class*="js-products-"][class*="-col"] {
    padding: 0 !important;
  }

  .template-home .nana-products-section-header {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-bottom: 14px !important;
    text-align: center !important;
  }

  .template-home section[data-store^="home-products-"] .section-title,
  .template-home section[data-store^="home-products-"] .section-title::before {
    text-align: center !important;
  }

  .template-home section[data-store^="home-products-"] .section-title::before {
    font-size: 27px !important;
  }

  .template-home .nana-section-more-wrap {
    justify-content: center !important;
    text-align: center !important;
  }
}

@media (max-width: 767px) {
  .template-home section[data-store^="home-products-"] {
    padding: 22px 0 26px !important;
  }

  .template-home section[data-store^="home-products-"] .swiper-wrapper > .swiper-slide {
    width: calc((100% - 18.75px) * .444444) !important;
    max-width: calc((100% - 18.75px) * .444444) !important;
    flex: 0 0 calc((100% - 18.75px) * .444444) !important;
  }

  .template-home .js-item-product.item-product > .item.nana-home-product-card {
    min-height: 0 !important;
    padding: 6px !important;
    border-radius: 11px !important;
  }

  .template-home .js-item-product.item-product > .item.nana-home-product-card .item-image {
    padding: 7px !important;
    border-radius: 9px !important;
  }

  .template-home .js-item-product.item-product > .item.nana-home-product-card .nana-home-card-description {
    min-height: 0 !important;
    padding: 7px 7px 0 !important;
  }

  .template-home .js-item-product.item-product > .item.nana-home-product-card .js-item-name.item-name {
    min-height: 32px !important;
    max-height: 32px !important;
    margin-bottom: 6px !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
  }

  .template-home .js-item-product.item-product > .item.nana-home-product-card .item-price-container {
    min-height: 24px !important;
    margin-bottom: 18px !important;
  }

  .template-home .js-item-product.item-product > .item.nana-home-product-card .js-price-display.item-price,
  .template-home .js-item-product.item-product > .item.nana-home-product-card .item-price {
    font-size: 16px !important;
  }

  .template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn {
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 8px !important;
    border-radius: 9px !important;
    font-size: 11px !important;
  }
}

/* ==========================================================================
   NANA MAKEUP - FRETE NA PAGINA DE PRODUTO
   Melhora o resultado do calculo sem alterar eventos nativos da Nuvemshop.
   ========================================================================== */

.template-product #product-shipping-container {
  margin-top: 14px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid #f0dce5 !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 24px rgba(123, 41, 78, .06) !important;
}

.template-product #product-shipping-container .shipping-calculator-head {
  min-height: 54px !important;
  height: auto !important;
  padding: 0 !important;
  border-bottom: 1px solid #f1e2e8 !important;
  background: #fff !important;
}

.template-product #product-shipping-container .shipping-calculator-head.with-form {
  min-height: 58px !important;
  padding: 10px 12px !important;
}

.template-product #product-shipping-container .js-shipping-calculator-with-zipcode {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  display: flex !important;
  min-height: 54px !important;
  align-items: center !important;
  padding: 10px 14px !important;
  transform: none !important;
}

.template-product #product-shipping-container .js-shipping-calculator-with-zipcode .font-small {
  display: flex !important;
  width: 100% !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  color: #2f292d !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
}

.template-product #product-shipping-container .js-shipping-calculator-with-zipcode .font-small > span {
  display: inline-flex !important;
  min-width: 0 !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}

.template-product #product-shipping-container .js-shipping-calculator-with-zipcode .font-small > span::before {
  content: "" !important;
  display: inline-block !important;
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  border: 1px solid rgba(236, 11, 114, .22) !important;
  border-radius: 50% !important;
  background:
    linear-gradient(#ec0b72, #ec0b72) 8px 9px / 12px 2px no-repeat,
    linear-gradient(#ec0b72, #ec0b72) 8px 14px / 12px 2px no-repeat,
    linear-gradient(#ec0b72, #ec0b72) 8px 19px / 8px 2px no-repeat,
    #fff5f8 !important;
}

.template-product #product-shipping-container .js-shipping-calculator-current-zip {
  color: #171216 !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
}

.template-product #product-shipping-container .js-shipping-calculator-change-zipcode {
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 7px 11px !important;
  border: 1px solid #f3c7d8 !important;
  border-radius: 999px !important;
  color: #d60a66 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

.template-product #product-shipping-container .js-shipping-calculator-change-zipcode:hover {
  background: #fff5f8 !important;
  color: #bf0f5d !important;
  text-decoration: none !important;
}

.template-product #product-shipping-container .js-shipping-calculator-response {
  padding: 12px !important;
  background: #fffafd !important;
}

.template-product #product-shipping-container .js-shipping-calculator-response:empty {
  display: none !important;
}

.template-product #product-shipping-container .js-shipping-calculator-response > * {
  margin-top: 0 !important;
}

.template-product #product-shipping-container .js-shipping-calculator-response > *:last-child {
  margin-bottom: 0 !important;
}

.template-product #product-shipping-container .js-shipping-calculator-response .js-shipping-list-item,
.template-product #product-shipping-container .js-shipping-calculator-response .radio-button-item,
.template-product #product-shipping-container .js-shipping-calculator-response .list-item-shipping {
  margin: 0 0 8px !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid #f1e2e8 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

.template-product #product-shipping-container .js-shipping-calculator-response .js-shipping-list-item:last-child,
.template-product #product-shipping-container .js-shipping-calculator-response .radio-button-item:last-child,
.template-product #product-shipping-container .js-shipping-calculator-response .list-item-shipping:last-child {
  margin-bottom: 0 !important;
}

.template-product #product-shipping-container .js-shipping-calculator-response .radio-button,
.template-product #product-shipping-container .js-shipping-calculator-response .list-item {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  cursor: pointer !important;
}

.template-product #product-shipping-container .js-shipping-calculator-response .radio-button-content {
  display: flex !important;
  min-height: 58px !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 14px !important;
}

.template-product #product-shipping-container .js-shipping-calculator-response .radio-button-icons-container {
  width: 22px !important;
  min-width: 22px !important;
  margin: 0 !important;
}

.template-product #product-shipping-container .js-shipping-calculator-response .radio-button-label {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  margin-left: 0 !important;
}

.template-product #product-shipping-container .js-shipping-calculator-response .radio-button-text {
  display: flex !important;
  width: 100% !important;
  margin: 0 !important;
  align-items: center !important;
  gap: 10px !important;
}

.template-product #product-shipping-container .js-shipping-calculator-response .shipping-option-name,
.template-product #product-shipping-container .js-shipping-calculator-response [data-component="option.name"] {
  margin: 0 0 3px !important;
  color: #2f292d !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

.template-product #product-shipping-container .js-shipping-calculator-response [data-component="option.date"],
.template-product #product-shipping-container .js-shipping-calculator-response .opacity-60 {
  color: #756a70 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  opacity: 1 !important;
}

.template-product #product-shipping-container .js-shipping-calculator-response [data-component="option.price"] {
  color: #ec0b72 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

@media (max-width: 767px) {
  .template-product #product-shipping-container {
    margin-top: 12px !important;
    border-radius: 12px !important;
  }

  .template-product #product-shipping-container .js-shipping-calculator-with-zipcode {
    padding: 10px 12px !important;
  }

  .template-product #product-shipping-container .js-shipping-calculator-with-zipcode .font-small {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  .template-product #product-shipping-container .js-shipping-calculator-change-zipcode {
    align-self: flex-start !important;
  }

  .template-product #product-shipping-container .js-shipping-calculator-response {
    padding: 10px !important;
  }

  .template-product #product-shipping-container .js-shipping-calculator-response .radio-button-content {
    align-items: flex-start !important;
    padding: 11px 12px !important;
  }

  .template-product #product-shipping-container .js-shipping-calculator-response .radio-button-text {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 4px !important;
  }

  .template-product #product-shipping-container .js-shipping-calculator-response [data-component="option.price"] {
    text-align: left !important;
  }
}

/* ==========================================================================
   NANA MAKEUP - HOME LOOK REFERENCIA / CAMADA FINAL
   Esta camada fica no fim do arquivo para vencer personalizacoes antigas.
   ========================================================================== */

html,
body,
body.template-home,
body.template-home .home-sections-container,
body.template-home main,
body.template-home .section-home,
body.template-home section[data-store^="home-products-"],
body.template-home .section-categories-home,
body.template-home .section-banners-home {
  background: #fff9fb !important;
  background-image: none !important;
}

html body.template-home section[data-store^="home-products-"] {
  padding: 48px 0 64px !important;
  overflow: visible !important;
}

html body.template-home section[data-store^="home-products-"] [class*="js-products-"][class*="-container"] {
  width: calc(100% - 64px) !important;
  max-width: 1260px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

html body.template-home section[data-store^="home-products-"] [class*="js-products-"][class*="-col"] {
  padding: 0 18px !important;
}

html body.template-home .nana-products-section-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 0 0 30px !important;
  text-align: center !important;
}

html body.template-home .nana-section-more-wrap {
  order: 1 !important;
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 !important;
  text-align: center !important;
}

html body.template-home .nana-section-more-link {
  color: #ee075f !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .13em !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

html body.template-home .nana-section-more-link::after {
  content: ">" !important;
  display: inline-block !important;
  margin-left: 6px !important;
  color: inherit !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  transform: translateY(-1px) !important;
}

html body.template-home .nana-section-more-link:hover,
html body.template-home .nana-section-more-link:focus {
  color: #c90052 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

html body.template-home section[data-store^="home-products-"] .section-title,
html body.template-home .js-products-best-seller-title,
html body.template-home section[data-store="home-products-new"] .js-products-new-title,
html body.template-home section[data-store="home-products-featured"] .js-products-featured-title,
html body.template-home section[data-store="home-products-promotion"] .js-products-promotion-title,
html body.template-home section[data-store="home-products-sale"] .js-products-sale-title {
  order: 2 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #090909 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(34px, 3.2vw, 43px) !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.05 !important;
  text-align: center !important;
  text-transform: none !important;
}

html body.template-home .js-products-best-seller-title::before,
html body.template-home .js-products-best-seller-title::after,
html body.template-home section[data-store="home-products-new"] .js-products-new-title::before,
html body.template-home section[data-store="home-products-new"] .js-products-new-title::after,
html body.template-home section[data-store="home-products-featured"] .js-products-featured-title::before,
html body.template-home section[data-store="home-products-featured"] .js-products-featured-title::after,
html body.template-home section[data-store="home-products-promotion"] .js-products-promotion-title::before,
html body.template-home section[data-store="home-products-promotion"] .js-products-promotion-title::after,
html body.template-home section[data-store="home-products-sale"] .js-products-sale-title::before,
html body.template-home section[data-store="home-products-sale"] .js-products-sale-title::after,
html body.template-home section[data-store^="home-products-"] .section-title::before,
html body.template-home section[data-store^="home-products-"] .section-title::after {
  content: none !important;
  display: none !important;
}

html body.template-home section[data-store^="home-products-"] .swiper-container[class*="js-swiper-"] {
  overflow: hidden !important;
  padding: 0 2px 2px !important;
}

html body.template-home section[data-store^="home-products-"] .swiper-wrapper {
  align-items: stretch !important;
}

html body.template-home section[data-store^="home-products-"] .swiper-slide,
html body.template-home section[data-store^="home-products-"] .js-item-product.item-product {
  align-items: stretch !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card {
  height: 100% !important;
  min-height: 0 !important;
  padding: 13px 13px 14px !important;
  border: 1px solid #f4dce6 !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 22px rgba(160, 58, 103, .07) !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card:hover,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card:focus-within {
  border-color: #f5a8c9 !important;
  box-shadow:
    inset 0 0 0 1px #f5a8c9,
    0 12px 26px rgba(160, 58, 103, .12) !important;
  transform: translateY(-2px) !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card .item-image {
  aspect-ratio: 1 / 1 !important;
  padding: 6px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #ffffff !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card .product-item-image-container.item-image {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-home-card-description {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 15px 0 0 !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-home-card-link {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  text-decoration: none !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card .js-item-name.item-name {
  min-height: 36px !important;
  max-height: 36px !important;
  margin: 0 0 10px !important;
  color: #1f1d1f !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.5 !important;
  opacity: 1 !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card .item-price-container {
  min-height: 22px !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card .js-price-display.item-price,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .item-price {
  color: #050505 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions {
  margin-top: 0 !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions .item-submit-container {
  height: 48px !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn {
  position: relative !important;
  display: flex !important;
  height: 48px !important;
  min-height: 48px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: linear-gradient(135deg, #ff4a7c 0%, #f7266d 48%, #f20b66 100%) !important;
  box-shadow: none !important;
  color: #ffffff !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card input.nana-add-to-cart-btn {
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  background: transparent !important;
  color: transparent !important;
  cursor: pointer !important;
  opacity: 0 !important;
  text-shadow: none !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-visual {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 0 14px !important;
  background: linear-gradient(135deg, #ff4a7c 0%, #f7266d 48%, #f20b66 100%) !important;
  border-radius: 9px !important;
  color: #ffffff !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-icon {
  display: block !important;
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  color: #ffffff !important;
  fill: currentColor !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn:hover,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn:focus {
  background: linear-gradient(135deg, #ff5a88 0%, #f72a72 48%, #df005b 100%) !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card .item-submit-container:hover .nana-add-to-cart-visual,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .item-submit-container:focus-within .nana-add-to-cart-visual {
  background: linear-gradient(135deg, #ff5a88 0%, #f72a72 48%, #df005b 100%) !important;
}

html body.template-home section[data-store^="home-products-"] .swiper-button-prev,
html body.template-home section[data-store^="home-products-"] .swiper-button-next,
html body.template-home .section-categories-home .swiper-button-prev,
html body.template-home .section-categories-home .swiper-button-next,
html body.template-home .section-banners-home .swiper-button-prev,
html body.template-home .section-banners-home .swiper-button-next {
  display: flex !important;
  width: 46px !important;
  height: 46px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #f8bfd4 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: 0 8px 22px rgba(190, 40, 101, .12) !important;
  color: #ef0063 !important;
  transform: translateY(-50%) !important;
}

html body.template-home section[data-store^="home-products-"] .swiper-button-prev,
html body.template-home .section-categories-home .swiper-button-prev,
html body.template-home .section-banners-home .swiper-button-prev {
  left: -18px !important;
}

html body.template-home section[data-store^="home-products-"] .swiper-button-next,
html body.template-home .section-categories-home .swiper-button-next,
html body.template-home .section-banners-home .swiper-button-next {
  right: -18px !important;
}

html body.template-home section[data-store^="home-products-"] .swiper-button-prev:hover,
html body.template-home section[data-store^="home-products-"] .swiper-button-next:hover,
html body.template-home .section-categories-home .swiper-button-prev:hover,
html body.template-home .section-categories-home .swiper-button-next:hover,
html body.template-home .section-banners-home .swiper-button-prev:hover,
html body.template-home .section-banners-home .swiper-button-next:hover {
  border-color: #ef0063 !important;
  background: #ef0063 !important;
  color: #ffffff !important;
}

html body.template-home .section-categories-home,
html body.template-home .section-banners-home {
  padding: 58px 0 64px !important;
  overflow: visible !important;
}

html body.template-home .section-categories-home .container,
html body.template-home .section-banners-home .js-banner-container {
  width: calc(100% - 64px) !important;
  max-width: 1260px !important;
}

html body.template-home .section-categories-home .section-title,
html body.template-home .section-banners-home .section-title {
  margin: 0 0 28px !important;
  color: #090909 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(32px, 3vw, 40px) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.08 !important;
  text-align: center !important;
  text-transform: none !important;
}

html body.template-home .section-categories-home .home-category,
html body.template-home .section-banners-home .textbanner,
html body.template-home .section-categories-home .home-category-image,
html body.template-home .section-banners-home .textbanner-image {
  border-radius: 6px !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body.template-home .section-categories-home .home-category-image img,
html body.template-home .section-banners-home .textbanner-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

@media (min-width: 768px) {
  html body.template-home section[data-store^="home-products-"] .swiper-container[class*="js-swiper-"] {
    clip-path: none !important;
  }

  html body.template-home section[data-store^="home-products-"] .swiper-wrapper > .swiper-slide {
    width: calc((100% - 60px) * .2) !important;
    max-width: calc((100% - 60px) * .2) !important;
    flex: 0 0 calc((100% - 60px) * .2) !important;
  }
}

html body.template-home section[data-store^="home-products-"] .swiper-button-prev,
html body.template-home section[data-store^="home-products-"] .swiper-button-next,
html body.template-home .section-categories-home .swiper-button-prev,
html body.template-home .section-categories-home .swiper-button-next,
html body.template-home .section-banners-home .swiper-button-prev,
html body.template-home .section-banners-home .swiper-button-next {
  clip-path: none !important;
  overflow: visible !important;
  padding: 0 !important;
}

@media (max-width: 991px) {
  html body.template-home section[data-store^="home-products-"] {
    padding: 38px 0 46px !important;
  }

  html body.template-home section[data-store^="home-products-"] [class*="js-products-"][class*="-container"],
  html body.template-home .section-categories-home .container,
  html body.template-home .section-banners-home .js-banner-container {
    width: calc(100% - 28px) !important;
  }

  html body.template-home section[data-store^="home-products-"] [class*="js-products-"][class*="-col"] {
    padding: 0 !important;
  }
}

@media (max-width: 767px) {
  html body.template-home section[data-store^="home-products-"] {
    padding: 34px 0 40px !important;
  }

  html body.template-home section[data-store^="home-products-"] .swiper-wrapper > .swiper-slide {
    width: calc((100% - 18.75px) * .444444) !important;
    max-width: calc((100% - 18.75px) * .444444) !important;
    flex: 0 0 calc((100% - 18.75px) * .444444) !important;
  }

  html body.template-home .js-item-product.item-product > .item.nana-home-product-card {
    padding: 8px 8px 10px !important;
    border-radius: 10px !important;
  }

  html body.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-home-card-description {
    padding-top: 10px !important;
  }

  html body.template-home .js-item-product.item-product > .item.nana-home-product-card .js-item-name.item-name {
    min-height: 32px !important;
    max-height: 32px !important;
    margin-bottom: 8px !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
  }

  html body.template-home .js-item-product.item-product > .item.nana-home-product-card .item-price-container {
    margin-bottom: 18px !important;
  }

  html body.template-home .js-item-product.item-product > .item.nana-home-product-card .js-price-display.item-price,
  html body.template-home .js-item-product.item-product > .item.nana-home-product-card .item-price {
    font-size: 16px !important;
  }

  html body.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn {
    height: 44px !important;
    min-height: 44px !important;
    gap: 8px !important;
    padding: 0 10px !important;
    font-size: 10px !important;
  }

  html body.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions .item-submit-container {
    height: 44px !important;
  }

  html body.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-visual {
    gap: 8px !important;
    padding: 0 10px !important;
    font-size: 10px !important;
  }

  html body.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-icon {
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
  }

  html body.template-home section[data-store^="home-products-"] .swiper-button-prev,
  html body.template-home section[data-store^="home-products-"] .swiper-button-next,
  html body.template-home .section-categories-home .swiper-button-prev,
  html body.template-home .section-categories-home .swiper-button-next,
  html body.template-home .section-banners-home .swiper-button-prev,
  html body.template-home .section-banners-home .swiper-button-next {
    width: 38px !important;
    height: 38px !important;
  }

  html body.template-home section[data-store^="home-products-"] .swiper-button-prev,
  html body.template-home section[data-store^="home-products-"] .swiper-button-next {
    display: none !important;
  }

  html body.template-home section[data-store^="home-products-"] .swiper-button-prev,
  html body.template-home .section-categories-home .swiper-button-prev,
  html body.template-home .section-banners-home .swiper-button-prev {
    left: 4px !important;
  }

  html body.template-home section[data-store^="home-products-"] .swiper-button-next,
  html body.template-home .section-categories-home .swiper-button-next,
  html body.template-home .section-banners-home .swiper-button-next {
    right: 4px !important;
  }

  html body.template-home .section-categories-home,
  html body.template-home .section-banners-home {
    padding: 38px 0 42px !important;
  }
}

/* ==========================================================================
   NANA MAKEUP - OVERRIDE FINAL: CATEGORIAS IGUAIS A HOME
   Este bloco deve permanecer no fim do arquivo para vencer personalizacoes antigas.
   ========================================================================== */

html body.template-category .js-item-product.item-product > .item.nana-home-product-card {
  height: 100% !important;
  min-height: 0 !important;
  padding: 13px 13px 14px !important;
  border: 1px solid #f4dce6 !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 22px rgba(160, 58, 103, .07) !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card:hover {
  border-color: #f5bfd6 !important;
  box-shadow: 0 12px 28px rgba(160, 58, 103, .11) !important;
  transform: translateY(-2px) !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card > .js-product-container,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card > .js-quickshop-container {
  height: 100% !important;
  flex: 1 1 auto !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .product-item-image-container.item-image {
  aspect-ratio: 1 / 1 !important;
  padding: 6px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-home-card-description {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 15px 0 0 !important;
  background: #ffffff !important;
  text-align: left !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-home-card-link {
  display: flex !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  flex-direction: column !important;
  text-decoration: none !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-item-name.item-name {
  min-height: 36px !important;
  max-height: 36px !important;
  margin: 0 0 10px !important;
  color: #1f1d1f !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-price-container {
  min-height: 22px !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-price-display.item-price,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-price {
  color: #050505 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions {
  margin-top: 0 !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions .item-submit-container,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-visual {
  height: 48px !important;
  min-height: 48px !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-visual {
  gap: 10px !important;
  padding: 0 14px !important;
  border-radius: 9px !important;
  background: linear-gradient(135deg, #ff4a7c 0%, #f7266d 48%, #f20b66 100%) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn:hover,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn:focus,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-submit-container:hover .nana-add-to-cart-visual,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-submit-container:focus-within .nana-add-to-cart-visual {
  background: linear-gradient(135deg, #ff5a88 0%, #f72a72 48%, #df005b 100%) !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-icon {
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
}

@media (max-width: 767px) {
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card {
    padding: 8px 8px 10px !important;
    border-radius: 10px !important;
  }

  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-home-card-description {
    padding-top: 10px !important;
  }

  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-item-name.item-name {
    min-height: 32px !important;
    max-height: 32px !important;
    margin-bottom: 8px !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
  }

  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-price-container {
    margin-bottom: 18px !important;
  }

  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-price-display.item-price,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-price {
    font-size: 16px !important;
  }

  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions .item-submit-container,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-visual {
    height: 44px !important;
    min-height: 44px !important;
  }

  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-visual {
    gap: 8px !important;
    padding: 0 10px !important;
    font-size: 10px !important;
  }

  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-icon {
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
  }
}

/* ==========================================================================
   NANA MAKEUP - CARDS PADRONIZADOS NAS CATEGORIAS
   Mantem o HTML nativo do item.tpl e ajusta somente a apresentacao visual.
   ========================================================================== */

html body.template-category .js-product-table {
  align-items: stretch !important;
  margin-right: -14px !important;
  margin-left: -14px !important;
}

html body.template-category .js-product-table .js-item-product.item-product {
  display: flex !important;
  padding-right: 14px !important;
  padding-left: 14px !important;
  padding-bottom: 28px !important;
  align-items: stretch !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card {
  display: flex !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  margin: 0 !important;
  padding: 10px 10px 12px !important;
  overflow: hidden !important;
  border: 1px solid #efd7e1 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 18px rgba(123, 41, 78, .08) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card:hover,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card:focus-within {
  border-color: #f5a8c9 !important;
  box-shadow:
    inset 0 0 0 1px #f5a8c9,
    0 12px 26px rgba(160, 58, 103, .12) !important;
  transform: translateY(-1px) !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card > .js-product-container,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card > .js-quickshop-container {
  display: flex !important;
  height: auto !important;
  min-height: 0 !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-image,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .product-item-image-container.item-image {
  position: relative !important;
  display: flex !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 10px !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-product-item-image-link-private,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-item-image-padding {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-product-item-image-private:not(.js-product-item-secondary-image-private),
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .product-item-image:not(.product-item-image-secondary),
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-item-image:not(.item-image-secondary) {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}

html body.template-home .js-item-product.item-product > .item.nana-home-product-card .item-image-secondary,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .product-item-image-secondary,
html body.template-home .js-item-product.item-product > .item.nana-home-product-card .js-product-item-secondary-image-private,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-image-secondary,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .product-item-image-secondary,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-product-item-secondary-image-private {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-home-card-description {
  display: flex !important;
  min-height: 0 !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  padding: 12px 10px 0 !important;
  text-align: left !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-home-card-link {
  display: flex !important;
  min-height: 0 !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  color: inherit !important;
  text-decoration: none !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-item-name.item-name {
  display: -webkit-box !important;
  min-height: 44px !important;
  max-height: 44px !important;
  margin: 0 0 10px !important;
  overflow: hidden !important;
  color: #272226 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.45 !important;
  text-align: left !important;
  text-overflow: ellipsis !important;
  text-transform: none !important;
  opacity: 1 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-price-container {
  min-height: 27px !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-price-display.item-price,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-price {
  color: #1f1f22 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 21px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .price-compare {
  color: #a09098 !important;
  font-size: 12px !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions {
  width: 100% !important;
  margin-top: 0 !important;
  padding: 0 !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions form,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions .item-submit-container {
  width: 100% !important;
  margin: 0 !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions .item-submit-container {
  height: 52px !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-visual {
  position: relative !important;
  z-index: 4 !important;
  display: flex !important;
  width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #ec0b72 !important;
  box-shadow: none !important;
  color: #ffffff !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .01em !important;
  line-height: 1.1 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn:hover,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn:focus {
  background: #d60865 !important;
  color: #ffffff !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card input.nana-add-to-cart-btn {
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  background: transparent !important;
  color: transparent !important;
  cursor: pointer !important;
  opacity: 0 !important;
  text-shadow: none !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-visual {
  position: absolute !important;
  inset: 0 !important;
  z-index: 4 !important;
  pointer-events: none !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-icon {
  display: block !important;
  width: 21px !important;
  min-width: 21px !important;
  height: 21px !important;
  color: #ffffff !important;
  fill: currentColor !important;
}

html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn.disabled,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn:disabled,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn.nostock,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn.contact,
html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn.catalog {
  background: #c8c1c5 !important;
  cursor: default !important;
}

@media (max-width: 1199px) {
  html body.template-category .js-product-table {
    margin-right: -10px !important;
    margin-left: -10px !important;
  }

  html body.template-category .js-product-table .js-item-product.item-product {
    padding-right: 10px !important;
    padding-left: 10px !important;
    padding-bottom: 22px !important;
  }
}

@media (max-width: 767px) {
  html body.template-category .js-product-table {
    margin-right: -7px !important;
    margin-left: -7px !important;
  }

  html body.template-category .js-product-table .js-item-product.item-product {
    padding-right: 7px !important;
    padding-left: 7px !important;
    padding-bottom: 16px !important;
  }

  html body.template-category .js-item-product.item-product > .item.nana-home-product-card {
    padding: 8px 8px 10px !important;
    border-radius: 10px !important;
  }

  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-image,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .product-item-image-container.item-image {
    padding: 8px !important;
    border-radius: 8px !important;
  }

  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-home-card-description {
    padding: 10px 4px 0 !important;
  }

  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-item-name.item-name {
    min-height: 34px !important;
    max-height: 34px !important;
    margin-bottom: 8px !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
  }

  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-price-container {
    min-height: 20px !important;
    margin-bottom: 18px !important;
  }

  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .js-price-display.item-price,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .item-price {
    font-size: 16px !important;
  }

  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions .item-submit-container,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-visual {
    height: 44px !important;
    min-height: 44px !important;
  }

  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-visual {
    gap: 7px !important;
    padding: 0 8px !important;
    font-size: 9px !important;
  }

  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-icon {
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
  }
}

@media (max-width: 420px) {
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-visual {
    font-size: 8px !important;
  }
}

/* ==========================================================================
   NANA MAKEUP - OVERRIDE MOBILE FINAL
   ========================================================================== */

@media (max-width: 767px) {
  html body .js-head-main.head-main {
    background: #f50073 !important;
  }

  html body.template-home .nana-home-benefits-section {
    padding: 10px 0 16px !important;
  }

  html body.template-home .nana-home-benefits-section .nana-header-benefits,
  html body .js-adbar .nana-header-benefits {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: calc(100% - 24px) !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 8px 10px !important;
    gap: 0 !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    background: #ffffff !important;
  }

  html body.template-home .nana-home-benefits-section .nana-header-benefit,
  html body .js-adbar .nana-header-benefit {
    min-height: 44px !important;
    padding: 8px 7px !important;
    gap: 8px !important;
    justify-content: flex-start !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(231, 184, 204, .72) !important;
  }

  html body.template-home .nana-home-benefits-section .nana-header-benefit:nth-child(odd),
  html body .js-adbar .nana-header-benefit:nth-child(odd) {
    border-right: 1px solid rgba(231, 184, 204, .72) !important;
  }

  html body.template-home .nana-home-benefits-section .nana-header-benefit:nth-last-child(-n + 2),
  html body .js-adbar .nana-header-benefit:nth-last-child(-n + 2) {
    border-bottom: 0 !important;
  }

  html body.template-home .nana-home-benefits-section .nana-header-benefit-icon,
  html body .js-adbar .nana-header-benefit-icon {
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
  }

  html body.template-home .nana-home-benefits-section .nana-header-benefit-icon svg,
  html body .js-adbar .nana-header-benefit-icon svg {
    width: 22px !important;
    height: 22px !important;
  }

  html body.template-home .nana-home-benefits-section .nana-header-benefit-copy strong,
  html body .js-adbar .nana-header-benefit-copy strong {
    font-size: 10px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
  }

  html body.template-home .nana-home-benefits-section .nana-header-benefit-copy small,
  html body .js-adbar .nana-header-benefit-copy small {
    font-size: 9px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
  }

  html body #nav-hamburger,
  html body #nav-hamburger .modal-content,
  html body #nav-hamburger .modal-body,
  html body #nav-hamburger .nav-body,
  html body #nav-hamburger .nav-primary,
  html body #nav-hamburger .nav-list,
  html body #nav-hamburger .nav-list-panel {
    background: #fff6fa !important;
    color: #262127 !important;
  }

  html body #nav-hamburger .nav-secondary {
    min-height: 72px !important;
    padding: 12px 18px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #f2d8e2 !important;
  }

  html body #nav-hamburger a,
  html body #nav-hamburger .nav-list-link,
  html body #nav-hamburger .btn-link,
  html body #nav-hamburger .font-small {
    color: #262127 !important;
    opacity: 1 !important;
    text-shadow: none !important;
  }

  html body #nav-hamburger .nav-list-link {
    min-height: 48px !important;
    padding: 0 22px !important;
    align-items: center !important;
    border-bottom: 1px solid #f2d8e2 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
  }

  html body #nav-hamburger .nav-list-arrow,
  html body #nav-hamburger .modal-close,
  html body #nav-hamburger .svg-icon-text {
    color: #e90070 !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }

  html body.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions,
  html body.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions .item-submit-container,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions .item-submit-container {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html body.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn,
  html body.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-visual,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-visual {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 9px !important;
    gap: 7px !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    background: #f50073 !important;
    color: #ffffff !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-icon,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-icon {
    width: 17px !important;
    min-width: 17px !important;
    height: 17px !important;
    flex: 0 0 17px !important;
  }

  html body.template-product #single-product.nana-product-layout #product-shipping-container {
    margin: 18px 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid #f2c7d9 !important;
    border-radius: 16px !important;
  }

  html body.template-product #single-product.nana-product-layout #product-shipping-container .js-accordion-private-toggle {
    display: flex !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    align-items: center !important;
    border-bottom: 1px solid #f2d8e2 !important;
    color: #262127 !important;
    text-decoration: none !important;
  }

  html body.template-product #single-product.nana-product-layout #product-shipping-container .js-accordion-private-toggle .col {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  html body.template-product #single-product.nana-product-layout #product-shipping-container .js-accordion-private-toggle .col-auto {
    padding: 0 !important;
  }

  html body.template-product #single-product.nana-product-layout #product-shipping-container .js-accordion-private-toggle .icon-inline {
    width: 22px !important;
    height: 22px !important;
    margin-right: 8px !important;
    color: #e90070 !important;
  }

  html body.template-product #single-product.nana-product-layout #product-shipping-container .js-accordion-private-content {
    padding: 0 !important;
  }

  html body.template-product #single-product.nana-product-layout #product-shipping-container .shipping-calculator-head {
    position: relative !important;
    min-height: 0 !important;
    padding: 16px 20px 18px !important;
    border-bottom: 0 !important;
  }

  html body.template-product #single-product.nana-product-layout #product-shipping-container .shipping-calculator-form,
  html body.template-product #single-product.nana-product-layout #product-shipping-container .js-shipping-calculator-form {
    position: static !important;
    width: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  html body.template-product #single-product.nana-product-layout #product-shipping-container .form-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin: 0 !important;
  }

  html body.template-product #single-product.nana-product-layout #product-shipping-container .form-row > .col,
  html body.template-product #single-product.nana-product-layout #product-shipping-container .form-row > .col-auto {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
  }

  html body.template-product #single-product.nana-product-layout #product-shipping-container .form-control,
  html body.template-product #single-product.nana-product-layout #product-shipping-container .js-shipping-input {
    width: 100% !important;
    height: 48px !important;
    padding: 0 16px !important;
    border: 1px solid #e8d4dd !important;
    border-radius: 10px !important;
    color: #2a2529 !important;
    font-size: 16px !important;
  }

  html body.template-product #single-product.nana-product-layout #product-shipping-container .js-calculate-shipping {
    display: flex !important;
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #f50073 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
  }

  html body.template-product #single-product.nana-product-layout #product-shipping-container .js-shipping-zipcode-help {
    margin: 10px 0 0 !important;
    color: #c3155e !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
  }
}

@media (max-width: 360px) {
  html body.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn,
  html body.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-visual,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-btn,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-add-to-cart-visual {
    font-size: 8px !important;
    padding: 0 7px !important;
  }
}

/* Nana Makeup: camada mobile com especificidade alta para vencer CSS auxiliares */
@media (max-width: 767px) {
  html body.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions .item-submit-container .nana-add-to-cart-btn,
  html body.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions .item-submit-container .nana-add-to-cart-visual,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions .item-submit-container .nana-add-to-cart-btn,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions .item-submit-container .nana-add-to-cart-visual {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 8px !important;
    gap: 5px !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    background: #f50073 !important;
    background-image: none !important;
    border-color: #f50073 !important;
    color: #ffffff !important;
    font-size: 7px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  html body.template-home .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions .item-submit-container .nana-add-to-cart-icon,
  html body.template-category .js-item-product.item-product > .item.nana-home-product-card .nana-card-actions .item-submit-container .nana-add-to-cart-icon {
    width: 12px !important;
    min-width: 12px !important;
    height: 12px !important;
    flex: 0 0 12px !important;
  }

  html body.template-product #single-product.js-product-container.js-shipping-calculator-container.nana-product-layout #product-shipping-container {
    margin: 18px 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid #f2c7d9 !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 22px rgba(199, 35, 98, .05) !important;
  }

  html body.template-product #single-product.js-product-container.js-shipping-calculator-container.nana-product-layout #product-shipping-container .js-accordion-private-toggle {
    display: flex !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    align-items: center !important;
    border-bottom: 1px solid #f2d8e2 !important;
    color: #262127 !important;
    text-decoration: none !important;
  }

  html body.template-product #single-product.js-product-container.js-shipping-calculator-container.nana-product-layout #product-shipping-container .js-accordion-private-content {
    padding: 0 !important;
  }

  html body.template-product #single-product.js-product-container.js-shipping-calculator-container.nana-product-layout #product-shipping-container .shipping-calculator-head {
    position: relative !important;
    min-height: 0 !important;
    padding: 16px 20px 18px !important;
    border-bottom: 0 !important;
  }

  html body.template-product #single-product.js-product-container.js-shipping-calculator-container.nana-product-layout #product-shipping-container .shipping-calculator-form,
  html body.template-product #single-product.js-product-container.js-shipping-calculator-container.nana-product-layout #product-shipping-container .js-shipping-calculator-form {
    position: static !important;
    width: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  html body.template-product #single-product.js-product-container.js-shipping-calculator-container.nana-product-layout #product-shipping-container .form-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin: 0 !important;
  }

  html body.template-product #single-product.js-product-container.js-shipping-calculator-container.nana-product-layout #product-shipping-container .form-row > .col,
  html body.template-product #single-product.js-product-container.js-shipping-calculator-container.nana-product-layout #product-shipping-container .form-row > .col-auto {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
  }

  html body.template-product #single-product.js-product-container.js-shipping-calculator-container.nana-product-layout #product-shipping-container .form-control,
  html body.template-product #single-product.js-product-container.js-shipping-calculator-container.nana-product-layout #product-shipping-container .js-shipping-input {
    width: 100% !important;
    height: 48px !important;
    padding: 0 16px !important;
    border: 1px solid #e8d4dd !important;
    border-radius: 10px !important;
    color: #2a2529 !important;
    font-size: 16px !important;
  }

  html body.template-product #single-product.js-product-container.js-shipping-calculator-container.nana-product-layout #product-shipping-container .js-calculate-shipping {
    display: flex !important;
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #f50073 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
  }

  html body.template-product #single-product.js-product-container.js-shipping-calculator-container.nana-product-layout #product-shipping-container .js-shipping-zipcode-help {
    margin: 10px 0 0 !important;
    color: #c3155e !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
  }
}

/* Override final: substitui somente o banner promocional de skincare da home. */
html body.template-home section.js-section-banner-home[data-store="home-banner-promotional"] {
  padding: 52px 0 56px !important;
  background: #fff9fb !important;
}

html body.template-home section.js-section-banner-home[data-store="home-banner-promotional"] .js-banners-promotional,
html body.template-home section.js-section-banner-home[data-store="home-banner-promotional"] .js-banners-promotional-mobile {
  width: 100% !important;
}

html body.template-home section.js-section-banner-home[data-store="home-banner-promotional"] .js-banner-container.container-fluid {
  width: calc(100% - 64px) !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
}

html body.template-home section.js-section-banner-home[data-store="home-banner-promotional"] .js-banner-row,
html body.template-home section.js-section-banner-home[data-store="home-banner-promotional"] .js-banner,
html body.template-home section.js-section-banner-home[data-store="home-banner-promotional"] .js-textbanner,
html body.template-home section.js-section-banner-home[data-store="home-banner-promotional"] .textbanner-link,
html body.template-home section.js-section-banner-home[data-store="home-banner-promotional"] .js-textbanner-image-container,
html body.template-home section.js-section-banner-home[data-store="home-banner-promotional"] .textbanner-image {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 22px !important;
  overflow: hidden !important;
}

html body.template-home section.js-section-banner-home[data-store="home-banner-promotional"] .js-textbanner-image-container,
html body.template-home section.js-section-banner-home[data-store="home-banner-promotional"] .textbanner-image {
  aspect-ratio: 870 / 710 !important;
  height: auto !important;
  min-height: 0 !important;
  background-color: transparent !important;
  background-image: url("../images/nana-home-skin-banner-20260720.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
}

html body.template-home section.js-section-banner-home[data-store="home-banner-promotional"] .js-textbanner-image-container::before,
html body.template-home section.js-section-banner-home[data-store="home-banner-promotional"] .js-textbanner-image-container::after,
html body.template-home section.js-section-banner-home[data-store="home-banner-promotional"] .placeholder-fade {
  content: none !important;
  display: none !important;
}

html body.template-home section.js-section-banner-home[data-store="home-banner-promotional"] img.js-textbanner-image,
html body.template-home section.js-section-banner-home[data-store="home-banner-promotional"] .textbanner-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

@media (max-width: 767px) {
  html body.template-home section.js-section-banner-home[data-store="home-banner-promotional"] {
    padding: 34px 0 40px !important;
  }

  html body.template-home section.js-section-banner-home[data-store="home-banner-promotional"] .js-banner-container.container-fluid {
    width: calc(100% - 24px) !important;
    max-width: none !important;
  }

  html body.template-home section.js-section-banner-home[data-store="home-banner-promotional"] .js-banner-row,
  html body.template-home section.js-section-banner-home[data-store="home-banner-promotional"] .js-banner,
  html body.template-home section.js-section-banner-home[data-store="home-banner-promotional"] .js-textbanner,
  html body.template-home section.js-section-banner-home[data-store="home-banner-promotional"] .textbanner-link,
  html body.template-home section.js-section-banner-home[data-store="home-banner-promotional"] .js-textbanner-image-container,
  html body.template-home section.js-section-banner-home[data-store="home-banner-promotional"] .textbanner-image {
    border-radius: 18px !important;
  }
}

/* Removido da home a pedido: banner promocional de skincare entre vitrines. */
html body.template-home section.js-section-banner-home[data-store="home-banner-promotional"],
html body.template-home section[data-store="home-banner-promotional"] {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Banner principal 20260721: desktop e mobile usam artes dedicadas. */
html body.template-home .nana-home-hero.nana-home-hero-image-only {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff9fb !important;
  overflow: hidden !important;
}

html body.template-home .nana-home-hero.nana-home-hero-image-only .nana-home-hero-inner {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html body.template-home .nana-home-hero.nana-home-hero-image-only .nana-home-hero-banner-static,
html body.template-home .nana-home-hero.nana-home-hero-image-only .nana-home-hero-picture,
html body.template-home .nana-home-hero.nana-home-hero-image-only .nana-home-hero-banner-image {
  display: block !important;
  width: 100% !important;
}

html body.template-home .nana-home-hero.nana-home-hero-image-only .nana-home-hero-banner-static {
  cursor: default !important;
  pointer-events: none !important;
}

html body.template-home .nana-home-hero.nana-home-hero-image-only .nana-home-hero-banner-image {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 0 0 28px 28px !important;
  object-fit: contain !important;
}

/* Fallback para cache antigo do beneficio de parcelamento 20260724 */
html body .nana-header-benefit-copy .nana-installment-benefit-title {
  font-size: 0 !important;
  line-height: 0 !important;
  white-space: normal !important;
}

html body .nana-header-benefit-copy .nana-installment-benefit-title::before {
  content: "Parcele em até 3x sem juros" !important;
  display: block !important;
  color: #c3155e !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

html body .nana-header-benefit-copy .nana-installment-benefit-title span {
  display: none !important;
}

html body .nana-header-benefit-copy .nana-installment-benefit-title + small {
  font-size: 0 !important;
  line-height: 0 !important;
}

html body .nana-header-benefit-copy .nana-installment-benefit-title + small::before {
  content: "Em compras acima de R$99,90" !important;
  display: block !important;
  color: #93536f !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

@media (max-width: 767px) {
  html body.template-home .nana-home-hero.nana-home-hero-image-only {
    padding: 0 !important;
  }

  html body.template-home .nana-home-hero.nana-home-hero-image-only .nana-home-hero-banner-image {
    border-radius: 0 0 20px 20px !important;
  }
}