/* ACE CANONICAL SHARED HEADER */
.ace-global-header-scope,
.ace-global-header-scope *:not(svg):not(path):not(i):not(.fa) {
    font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
}



/* ACE TENNIS HOME FASE 1.1 — FIM */

/* ACE TENNIS HOME FASE 1.1 — FONT FADE FIX — INICIO */

/* Banner agora troca por fade/crossfade, sem deslocamento lateral */
.ace-global-header-scope.cms-index-index .ace-h11-hero-slider {

  min-height: 520px !important;
  background: #ececea !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-slides {

  display: block !important;
  position: relative !important;
  width: 100% !important;
  min-height: 520px !important;
  transform: none !important;
  overflow: hidden !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-slide {

  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  align-items: center !important;
  min-height: 520px !important;
  width: 100% !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: 1 !important;
  transform: scale(1.018) !important;
  transition:
    opacity 1050ms ease,
    visibility 1050ms ease,
    transform 1350ms ease !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-slide.is-active {

  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 2 !important;
  transform: scale(1) !important;

}


/* Tipografia inspirada no exemplo: serifada, elegante e menos pesada */
.ace-global-header-scope.cms-index-index .ace-h11-hero-title {

  font-family: Georgia, "Times New Roman", Times, serif !important;
  text-transform: none !important;
  font-weight: 400 !important;
  font-size: clamp(64px, 7.4vw, 118px) !important;
  line-height: .82 !important;
  letter-spacing: -.075em !important;
  color: #151515 !important;
  max-width: 560px !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-hero-title span {

  display: block !important;
  color: #151515 !important;
  -webkit-text-stroke: 0 !important;
  text-stroke: 0 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-hero-title .outline {

  color: #151515 !important;
  -webkit-text-stroke: 0 !important;
  text-stroke: 0 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-eyebrow {

  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  letter-spacing: .32em !important;
  font-weight: 900 !important;
  color: #65b300 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-hero-text {

  font-family: Arial, Helvetica, sans-serif !important;
  margin-top: 24px !important;
  max-width: 475px !important;
  color: #6d6d67 !important;
  font-size: 21px !important;
  line-height: 1.34 !important;
  font-weight: 400 !important;
  letter-spacing: -.015em !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-hero-copy {

  padding-left: 24px !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-btn {

  font-family: Arial, Helvetica, sans-serif !important;
  border-radius: 0 !important;
  min-width: 150px !important;
  height: 56px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  letter-spacing: .02em !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-btn-dark {

  background: #111 !important;
  color: #fff !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-btn-light {

  background: transparent !important;
  color: #111 !important;
  border: 1px solid #111 !important;

}


/* Mantém setas fixas, sem interferir no fade */
.ace-global-header-scope.cms-index-index .ace-h11-slider-arrow {

  z-index: 8 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-dots {

  z-index: 9 !important;

}


/* Suaviza visual geral do banner */
.ace-global-header-scope.cms-index-index .ace-h11-slide::before {

  opacity: .18 !important;

}


/* Mobile */
@media (max-width: 760px) {

  .ace-global-header-scope.cms-index-index .ace-h11-hero-slider,
  .ace-global-header-scope.cms-index-index .ace-h11-slides,
  .ace-global-header-scope.cms-index-index .ace-h11-slide {

    min-height: 650px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-hero-title {

    font-size: clamp(54px, 16vw, 82px) !important;
    line-height: .84 !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-hero-text {

    font-size: 17px !important;
  
}
}


/* ACE TENNIS HOME FASE 1.1 — FONT FADE FIX — FIM */

/* ACE TENNIS HOME FASE 1.1 — AUTO FADE FONT V2 — INICIO */

/* Fade automático mais longo e mais suave */
.ace-global-header-scope.cms-index-index .ace-h11-slides {

  display: block !important;
  position: relative !important;
  min-height: 520px !important;
  transform: none !important;
  overflow: hidden !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-slide {

  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  min-height: 520px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: 1 !important;
  transform: scale(1.025) !important;
  transition:
    opacity 2100ms cubic-bezier(.22,.61,.36,1),
    visibility 2100ms cubic-bezier(.22,.61,.36,1),
    transform 3600ms cubic-bezier(.22,.61,.36,1) !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-slide.is-active {

  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 2 !important;
  transform: scale(1) !important;

}


/* Fonte mais próxima da inspiração: serifada fina, editorial, premium */
.ace-global-header-scope.cms-index-index .ace-h11-hero-title {

  font-family: "Libre Bodoni", "Bodoni 72", "Bodoni MT", Didot, Georgia, "Times New Roman", serif !important;
  text-transform: none !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: clamp(76px, 7.8vw, 128px) !important;
  line-height: .80 !important;
  letter-spacing: -.085em !important;
  color: #151515 !important;
  max-width: 610px !important;
  text-rendering: geometricPrecision !important;
  -webkit-font-smoothing: antialiased !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-hero-title span,
.ace-global-header-scope.cms-index-index .ace-h11-hero-title .outline {

  display: block !important;
  color: #151515 !important;
  -webkit-text-stroke: 0 !important;
  text-stroke: 0 !important;
  font-family: inherit !important;
  font-weight: 400 !important;

}


/* Subtítulo mais parecido com a referência */
.ace-global-header-scope.cms-index-index .ace-h11-hero-text {

  font-family: Arial, Helvetica, sans-serif !important;
  margin-top: 28px !important;
  max-width: 540px !important;
  color: #6d6d67 !important;
  font-size: clamp(22px, 1.9vw, 31px) !important;
  line-height: 1.22 !important;
  font-weight: 400 !important;
  letter-spacing: -.025em !important;

}


/* Botão mais minimalista, como referência */
.ace-global-header-scope.cms-index-index .ace-h11-btn {

  border-radius: 0 !important;
  min-width: 164px !important;
  height: 58px !important;
  padding: 0 30px !important;
  font-family: "Courier New", monospace !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  letter-spacing: .01em !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-btn-dark {

  background: #111 !important;
  color: #fff !important;
  border: 1px solid #111 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-btn-light {

  background: transparent !important;
  color: #111 !important;
  border: 1px solid #111 !important;

}


/* Eyebrow pequeno e sofisticado */
.ace-global-header-scope.cms-index-index .ace-h11-eyebrow {

  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  letter-spacing: .34em !important;
  font-weight: 900 !important;
  color: #65b300 !important;

}


/* Mobile */
@media (max-width: 760px) {

  .ace-global-header-scope.cms-index-index .ace-h11-slides,
  .ace-global-header-scope.cms-index-index .ace-h11-slide {

    min-height: 650px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-hero-title {

    font-size: clamp(58px, 17vw, 88px) !important;
    line-height: .82 !important;
    letter-spacing: -.07em !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-hero-text {

    font-size: 18px !important;
    line-height: 1.35 !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-btn {

    height: 52px !important;
    font-size: 15px !important;
  
}
}


/* ACE TENNIS HOME FASE 1.1 — AUTO FADE FONT V2 — FIM */

/* ACE TENNIS HOME FASE 1.1 — BANNER COMPOSITION V3 — INICIO */

/* Altura maior para não cortar artes dos banners */
.ace-global-header-scope.cms-index-index .ace-h11-hero-slider {

  min-height: 620px !important;
  height: 620px !important;
  overflow: hidden !important;
  background: #eeeeeb !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-slides {

  display: block !important;
  position: relative !important;
  width: 100% !important;
  min-height: 620px !important;
  height: 620px !important;
  overflow: hidden !important;
  transform: none !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-slide {

  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  min-height: 620px !important;
  height: 620px !important;
  display: grid !important;
  align-items: center !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: 1 !important;
  transform: scale(1.018) !important;
  transition:
    opacity 2600ms cubic-bezier(.22,.61,.36,1),
    visibility 2600ms cubic-bezier(.22,.61,.36,1),
    transform 4200ms cubic-bezier(.22,.61,.36,1) !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-slide.is-active {

  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 2 !important;
  transform: scale(1) !important;

}


/* Container interno mais alto e mais centralizado */
.ace-global-header-scope.cms-index-index .ace-h11-slide-inner {

  width: min(1240px, calc(100% - 120px)) !important;
  min-height: 620px !important;
  height: 620px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: .86fr 1.14fr !important;
  align-items: center !important;
  gap: 56px !important;

}


/* Todos os slides com o mesmo padrão tipográfico */
.ace-global-header-scope.cms-index-index .ace-h11-hero-copy {

  padding-left: 0 !important;
  max-width: 590px !important;
  position: relative !important;
  z-index: 4 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-eyebrow {

  font-family: Arial, Helvetica, sans-serif !important;
  margin: 0 0 18px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  color: #65b300 !important;
  font-weight: 900 !important;
  letter-spacing: .38em !important;
  text-transform: uppercase !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-hero-title,
.ace-global-header-scope.cms-index-index .ace-h11-hero-title span,
.ace-global-header-scope.cms-index-index .ace-h11-hero-title .outline {

  font-family: "Cormorant Garamond", "Libre Bodoni", Didot, Georgia, "Times New Roman", serif !important;
  text-transform: none !important;
  font-style: normal !important;
  font-weight: 400 !important;
  color: #151515 !important;
  -webkit-text-stroke: 0 !important;
  text-stroke: 0 !important;
  text-rendering: geometricPrecision !important;
  -webkit-font-smoothing: antialiased !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-hero-title {

  margin: 0 !important;
  max-width: 640px !important;
  font-size: clamp(82px, 7.6vw, 128px) !important;
  line-height: .78 !important;
  letter-spacing: -.055em !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-hero-title span {

  display: block !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-hero-text {

  font-family: Arial, Helvetica, sans-serif !important;
  margin: 32px 0 0 !important;
  max-width: 540px !important;
  color: #686861 !important;
  font-size: clamp(21px, 1.8vw, 29px) !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
  letter-spacing: -.02em !important;

}


/* Todos os botões com o mesmo padrão */
.ace-global-header-scope.cms-index-index .ace-h11-hero-actions {

  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin-top: 42px !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-btn {

  min-width: 168px !important;
  height: 58px !important;
  padding: 0 30px !important;
  border-radius: 0 !important;
  font-family: "Courier New", Courier, monospace !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
  box-shadow: none !important;
  transition: .22s ease !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-btn-dark {

  background: #111 !important;
  color: #fff !important;
  border: 1px solid #111 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-btn-light {

  background: rgba(255,255,255,.45) !important;
  color: #111 !important;
  border: 1px solid #111 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-btn:hover {

  transform: translateY(-2px) !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.13) !important;

}


/* Artes com área maior e sem corte interno */
.ace-global-header-scope.cms-index-index .ace-h11-hero-art {

  height: 540px !important;
  min-height: 540px !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
  position: relative !important;
  isolation: isolate !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-hero-art::before {

  top: 58px !important;
  right: 36px !important;
  font-size: clamp(120px, 13vw, 210px) !important;
  color: rgba(0,0,0,.045) !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-hero-art::after {

  bottom: 70px !important;

}


/* Raquete reposicionada para não cortar */
.ace-global-header-scope.cms-index-index .ace-h11-racket {

  width: min(560px, 90%) !important;
  height: 430px !important;
  transform: rotate(-16deg) translate(0, 0) !important;
  margin: 0 auto !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-racket-head {

  width: 255px !important;
  height: 340px !important;
  left: 62px !important;
  top: 36px !important;
  border-width: 18px !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-racket-throat {

  left: 272px !important;
  top: 292px !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-racket-handle {

  left: 355px !important;
  top: 324px !important;
  width: 170px !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-ball {

  right: 86px !important;
  top: 112px !important;

}


/* Tênis e bolsa com escala segura */
.ace-global-header-scope.cms-index-index .ace-h11-shoe {

  width: min(610px, 90%) !important;
  height: 245px !important;
  transform: rotate(-9deg) translateY(0) !important;
  margin: 0 auto !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-bag {

  width: min(560px, 88%) !important;
  height: 390px !important;
  transform: rotate(-7deg) translateY(0) !important;
  margin: 0 auto !important;

}


/* Setas e bolinhas acima do fade */
.ace-global-header-scope.cms-index-index .ace-h11-slider-arrow {

  z-index: 10 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-dots {

  z-index: 11 !important;
  bottom: 34px !important;

}


/* Mobile/tablet */
@media (max-width: 1100px) {

  .ace-global-header-scope.cms-index-index .ace-h11-hero-slider,
  .ace-global-header-scope.cms-index-index .ace-h11-slides,
  .ace-global-header-scope.cms-index-index .ace-h11-slide {

    min-height: 650px !important;
    height: 650px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-slide-inner {

    min-height: 650px !important;
    height: 650px !important;
    width: min(100% - 64px, 980px) !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 30px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-hero-title {

    font-size: clamp(72px, 9vw, 108px) !important;
  
}
}


@media (max-width: 760px) {

  .ace-global-header-scope.cms-index-index .ace-h11-hero-slider,
  .ace-global-header-scope.cms-index-index .ace-h11-slides,
  .ace-global-header-scope.cms-index-index .ace-h11-slide {

    min-height: 760px !important;
    height: 760px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-slide-inner {

    min-height: 760px !important;
    height: 760px !important;
    width: min(100% - 28px, 600px) !important;
    grid-template-columns: 1fr !important;
    align-content: center !important;
    gap: 10px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-hero-copy {

    padding-top: 12px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-hero-title {

    font-size: clamp(60px, 17vw, 92px) !important;
    line-height: .82 !important;
    letter-spacing: -.045em !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-hero-text {

    font-size: 18px !important;
    line-height: 1.34 !important;
    margin-top: 22px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-hero-actions {

    margin-top: 26px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-btn {

    min-width: 145px !important;
    height: 52px !important;
    font-size: 15px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-hero-art {

    height: 330px !important;
    min-height: 330px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-racket {

    transform: rotate(-16deg) scale(.76) translateX(22px) !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-shoe {

    transform: rotate(-9deg) scale(.82) !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-bag {

    transform: rotate(-7deg) scale(.78) !important;
  
}
}


/* ACE TENNIS HOME FASE 1.1 — BANNER COMPOSITION V3 — FIM */

/* ACE TENNIS HOME FASE 1.1 — MEGA MENU V1 — INICIO */

.ace-global-header-scope.cms-index-index .ace-h11-site-header,
.ace-global-header-scope.cms-index-index .ace-h11-menu-row,
.ace-global-header-scope.cms-index-index .ace-h11-main-header {

  overflow: visible !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-site-header {

  z-index: 120 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-menu-row {

  position: relative !important;
  z-index: 130 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-mega-nav {

  position: relative !important;
  overflow: visible !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-nav-item {

  height: 56px !important;
  display: flex !important;
  align-items: center !important;
  position: static !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-nav-item > a {

  min-width: 112px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 18px !important;
  border-radius: 14px !important;
  color: #292929 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  transition: .22s ease !important;
  white-space: nowrap !important;
  text-decoration: none !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-nav-item > a:hover,
.ace-global-header-scope.cms-index-index .ace-h11-nav-item > a.active,
.ace-global-header-scope.cms-index-index .ace-h11-nav-item.has-mega:hover > a {

  background: #0b0b0c !important;
  color: #fff !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-nav-item > a.sale {

  color: #d71920 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-nav-item.has-mega:hover > a.sale {

  background: #d71920 !important;
  color: #fff !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-mega {

  position: absolute !important;
  top: calc(100% - 1px) !important;
  left: 50% !important;
  width: min(900px, calc(100vw - 64px)) !important;
  min-height: 286px !important;
  display: grid !important;
  grid-template-columns: 1fr 420px !important;
  gap: 0 !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 24px !important;
  box-shadow: 0 28px 80px rgba(0,0,0,.16) !important;
  overflow: hidden !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translate(-50%, 14px) !important;
  transition:
    opacity .22s ease,
    visibility .22s ease,
    transform .22s ease !important;
  z-index: 160 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-mega::before {

  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: -18px !important;
  height: 18px !important;
  background: transparent !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-nav-item.has-mega:hover .ace-h11-mega,
.ace-global-header-scope.cms-index-index .ace-h11-nav-item.has-mega:focus-within .ace-h11-mega {

  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translate(-50%, 0) !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-mega-list {

  padding: 28px 32px !important;
  border-right: 1px solid #ededeb !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-mega-list strong {

  display: block !important;
  margin: 0 0 18px !important;
  color: #9a9a96 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-mega-list a {

  min-width: 0 !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 10px 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #3b3b38 !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  transition: .18s ease !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-mega-list a:hover {

  color: #111 !important;
  transform: translateX(4px) !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-mega-list a span {

  color: #c7c7c2 !important;
  font-size: 22px !important;
  line-height: 1 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-mega-list .ace-h11-mega-all {

  margin-top: 8px !important;
  color: #111 !important;
  font-weight: 850 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-mega-media {

  display: block !important;
  min-width: 0 !important;
  height: auto !important;
  padding: 22px !important;
  background: #fafafa !important;
  text-decoration: none !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-mega-visual {

  position: relative !important;
  height: 242px !important;
  width: 100% !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 72% 28%, rgba(151,240,0,.62), transparent 18%),
    linear-gradient(135deg, #f4f4f1, #e7e7e2) !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-mega-visual::before {

  content: attr(data-label) !important;
  position: absolute !important;
  left: 24px !important;
  bottom: 22px !important;
  color: rgba(0,0,0,.12) !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 58px !important;
  line-height: .9 !important;
  letter-spacing: -.06em !important;
  font-weight: 500 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-mega-visual::after {

  content: "" !important;
  position: absolute !important;
  right: 34px !important;
  top: 42px !important;
  width: 160px !important;
  height: 92px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #101010, #2b2b2b) !important;
  transform: rotate(-14deg) !important;
  box-shadow: 0 24px 48px rgba(0,0,0,.18) !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-mega-visual.mega-raquetes::after {

  width: 120px !important;
  height: 170px !important;
  right: 66px !important;
  top: 24px !important;
  border: 13px solid #111 !important;
  border-radius: 50% !important;
  background:
    repeating-linear-gradient(90deg, transparent 0 14px, rgba(0,0,0,.15) 15px 17px),
    repeating-linear-gradient(0deg, transparent 0 14px, rgba(0,0,0,.13) 15px 17px),
    rgba(255,255,255,.28) !important;
  transform: rotate(-18deg) !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-mega-visual.mega-cordas::after {

  width: 190px !important;
  height: 190px !important;
  right: 32px !important;
  top: 26px !important;
  border: 16px solid #111 !important;
  border-radius: 50% !important;
  background: transparent !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-mega-visual.mega-promocoes {

  background:
    radial-gradient(circle at 76% 32%, rgba(215,25,32,.55), transparent 18%),
    linear-gradient(135deg, #fff4f4, #ededeb) !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-mega-visual.mega-promocoes::after {

  background: #d71920 !important;

}


@media (max-width: 900px) {

  .ace-global-header-scope.cms-index-index .ace-h11-mega {

    display: none !important;
  
}
}


/* ACE TENNIS HOME FASE 1.1 — MEGA MENU V1 — FIM */

/* ACE TENNIS HOME FASE 1.1 — TOPBAR ICONS V1 — INICIO */

/* Tarja preta: mais alta, mais legível e mais parecida com a referência */
.ace-global-header-scope.cms-index-index .ace-h11-top-strip {

  min-height: 42px !important;
  background: #080808 !important;
  color: #fff !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: -.01em !important;
  position: relative !important;
  z-index: 150 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-top-strip .ace-h11-container {

  min-height: 42px !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  align-items: center !important;
  gap: 22px !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-top-item {

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  color: #fff !important;
  white-space: nowrap !important;
  line-height: 1 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-top-item svg {

  width: 18px !important;
  height: 18px !important;
  color: #fff !important;
  stroke: currentColor !important;
  flex: 0 0 auto !important;
  opacity: .96 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-top-item span {

  display: inline-block !important;
  color: #fff !important;

}


/* Header: um pouco mais limpo e alinhado como inspiração */
.ace-global-header-scope.cms-index-index .ace-h11-main-header {

  min-height: 88px !important;
  grid-template-columns: 220px minmax(340px, 1fr) 230px !important;
  gap: 38px !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-search {

  height: 50px !important;
  background: #f5f5f4 !important;
  border-radius: 999px !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-search button svg {

  width: 21px !important;
  height: 21px !important;
  stroke: #8a8a86 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-header-actions {

  gap: 18px !important;
  color: #505050 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-icon {

  width: 42px !important;
  height: 42px !important;
  color: #555 !important;
  background: transparent !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-icon svg {

  width: 22px !important;
  height: 22px !important;
  stroke: currentColor !important;
  color: inherit !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-icon:hover {

  background: #f2f2ef !important;
  color: #111 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-badge-count {

  top: 1px !important;
  right: 1px !important;
  min-width: 20px !important;
  height: 20px !important;
  padding: 0 6px !important;
  background: #0b0b0c !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 20px !important;

}


/* Mobile */
@media (max-width: 760px) {

  .ace-global-header-scope.cms-index-index .ace-h11-top-strip {

    min-height: 36px !important;
    font-size: 12px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-top-strip .ace-h11-container {

    min-height: 36px !important;
    grid-template-columns: 1fr !important;
    gap: 4px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-top-item:nth-child(n+3) {

    display: none !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-main-header {

    min-height: auto !important;
    grid-template-columns: 1fr auto !important;
    gap: 14px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-icon {

    width: 38px !important;
    height: 38px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-icon svg {

    width: 20px !important;
    height: 20px !important;
  
}
}


/* ACE TENNIS HOME FASE 1.1 — TOPBAR ICONS V1 — FIM */

/* ACE TENNIS HOME — TOPBAR PRODUCTS POLISH V1 — INICIO */

/* =========================================================
   TARJA PRETA — mais limpa, legível e menos “embaçada”
   ========================================================= */

.ace-global-header-scope.cms-index-index .ace-h11-top-strip {

  min-height: 44px !important;
  height: 44px !important;
  background: #050505 !important;
  color: #ffffff !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-top-strip .ace-h11-container {

  min-height: 44px !important;
  height: 44px !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  align-items: center !important;
  gap: 26px !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-top-item {

  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  color: #fff !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-top-item span {

  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  transform: none !important;
  opacity: 1 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-top-item svg {

  width: 18px !important;
  height: 18px !important;
  color: #fff !important;
  stroke: currentColor !important;
  stroke-width: 1.75 !important;
  opacity: 1 !important;
  flex: 0 0 auto !important;
  filter: none !important;

}


/* Separadores discretos entre os itens, como na referência */
.ace-global-header-scope.cms-index-index .ace-h11-top-item:not(:last-child)::after {

  content: "" !important;
  width: 3px !important;
  height: 3px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.28) !important;
  margin-left: 26px !important;

}


/* Header superior direito — ícones mais nítidos */
.ace-global-header-scope.cms-index-index .ace-h11-icon {

  width: 42px !important;
  height: 42px !important;
  color: #4d4d4d !important;
  opacity: 1 !important;
  filter: none !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-icon svg {

  width: 22px !important;
  height: 22px !important;
  stroke-width: 1.75 !important;
  stroke: currentColor !important;
  opacity: 1 !important;
  filter: none !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-badge-count {

  top: 0 !important;
  right: 0 !important;
  min-width: 19px !important;
  height: 19px !important;
  padding: 0 5px !important;
  background: #050505 !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 19px !important;
  box-shadow: 0 3px 8px rgba(0,0,0,.18) !important;

}



/* =========================================================
   CARDS DE PRODUTO — remover “quadrado dentro do card”
   ========================================================= */

.ace-global-header-scope.cms-index-index .ace-h11-products {

  background:
    radial-gradient(circle at 16% 8%, rgba(151,240,0,.055), transparent 22%),
    #fafafa !important;
  padding: 72px 0 86px !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-products-grid {

  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 26px !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-product-card {

  background: #fff !important;
  border: 1px solid rgba(0,0,0,.055) !important;
  border-radius: 30px !important;
  overflow: hidden !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.07) !important;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-product-card:hover {

  transform: translateY(-5px) !important;
  border-color: rgba(0,0,0,.09) !important;
  box-shadow: 0 34px 86px rgba(0,0,0,.12) !important;

}


/* O fundo da área da imagem fica branco para a foto quadrada não aparecer como bloco separado */
.ace-global-header-scope.cms-index-index .ace-h11-product-img {

  height: 285px !important;
  display: grid !important;
  place-items: center !important;
  background: #fff !important;
  padding: 26px 28px 10px !important;
  text-decoration: none !important;
  overflow: hidden !important;
  position: relative !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-product-img::before {

  content: "" !important;
  position: absolute !important;
  left: 24px !important;
  right: 24px !important;
  bottom: 24px !important;
  height: 30px !important;
  border-radius: 50% !important;
  background: radial-gradient(ellipse, rgba(0,0,0,.11), transparent 68%) !important;
  filter: blur(8px) !important;
  opacity: .58 !important;
  z-index: 0 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-product-img img {

  position: relative !important;
  z-index: 1 !important;
  max-width: 92% !important;
  max-height: 92% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  mix-blend-mode: multiply !important;
  transition: transform .24s ease !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-product-card:hover .ace-h11-product-img img {

  transform: scale(1.055) rotate(-2deg) !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-product-info {

  padding: 8px 24px 24px !important;
  background: #fff !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-product-name {

  display: block !important;
  min-height: 45px !important;
  color: #151515 !important;
  text-decoration: none !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 850 !important;
  letter-spacing: -.01em !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-product-price {

  margin-top: 14px !important;
  color: #111 !important;
  font-size: 24px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -.025em !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-product-btn {

  margin-top: 18px !important;
  height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  border-radius: 16px !important;
  background: #080808 !important;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .07em !important;
  transition: .22s ease !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-product-btn:hover {

  background: #97f000 !important;
  color: #111 !important;
  transform: translateY(-1px) !important;

}


/* Melhor composição quando houver só 2 ou 3 produtos */
.ace-global-header-scope.cms-index-index .ace-h11-products-grid {

  justify-content: start !important;

}


@media (max-width: 1100px) {

  .ace-global-header-scope.cms-index-index .ace-h11-products-grid {

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  
}
}


@media (max-width: 760px) {

  .ace-global-header-scope.cms-index-index .ace-h11-top-strip {

    min-height: 38px !important;
    height: auto !important;
    font-size: 12px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-top-strip .ace-h11-container {

    min-height: 38px !important;
    height: auto !important;
    grid-template-columns: 1fr !important;
    gap: 4px !important;
    padding: 6px 0 !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-top-item span {

    font-size: 12px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-top-item:not(:last-child)::after {

    display: none !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-products-grid {

    grid-template-columns: 1fr !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-product-img {

    height: 260px !important;
  
}
}


/* ACE TENNIS HOME — TOPBAR PRODUCTS POLISH V1 — FIM */


/* ACE TENNIS HOME — TOPBAR VISIBILITY V2 — INICIO */

/* Tarja preta superior mais próxima da referência */
.ace-global-header-scope.cms-index-index .ace-h11-top-strip {

  height: 48px !important;
  min-height: 48px !important;
  background: #050505 !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: -.01em !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: subpixel-antialiased !important;
  -moz-osx-font-smoothing: auto !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-top-strip .ace-h11-container {

  height: 48px !important;
  min-height: 48px !important;
  width: min(1480px, calc(100% - 96px)) !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 34px !important;
  padding: 0 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-top-item {

  height: 48px !important;
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  color: #ffffff !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  text-shadow: none !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-top-item span {

  display: inline-block !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: -.01em !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  text-shadow: none !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-top-item svg {

  width: 19px !important;
  height: 19px !important;
  color: #ffffff !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  flex: 0 0 auto !important;

}


/* Pontinhos separadores mais visíveis como na inspiração */
.ace-global-header-scope.cms-index-index .ace-h11-top-item:not(:last-child)::after {

  content: "" !important;
  width: 4px !important;
  height: 4px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.32) !important;
  margin-left: 34px !important;
  display: inline-block !important;
  flex: 0 0 auto !important;

}


/* Evita que regras anteriores deixem a tarja pequena */
.ace-global-header-scope.cms-index-index .ace-h11-top-strip * {

  -webkit-font-smoothing: subpixel-antialiased !important;
  text-rendering: optimizeLegibility !important;

}


/* Header logo/busca começa logo abaixo da tarja, como na referência */
.ace-global-header-scope.cms-index-index .ace-h11-site-header {

  border-top: 0 !important;

}


@media (max-width: 1100px) {

  .ace-global-header-scope.cms-index-index .ace-h11-top-strip {

    height: auto !important;
    min-height: 44px !important;
    font-size: 13px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-top-strip .ace-h11-container {

    width: min(100% - 40px, 1480px) !important;
    height: auto !important;
    min-height: 44px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px 22px !important;
    padding: 7px 0 !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-top-item,
  .ace-global-header-scope.cms-index-index .ace-h11-top-item span {

    height: auto !important;
    min-height: 0 !important;
    font-size: 13px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-top-item:not(:last-child)::after {

    display: none !important;
  
}
}


@media (max-width: 760px) {

  .ace-global-header-scope.cms-index-index .ace-h11-top-strip .ace-h11-container {

    grid-template-columns: 1fr !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-top-item:nth-child(n+3) {

    display: none !important;
  
}
}


/* ACE TENNIS HOME — TOPBAR VISIBILITY V2 — FIM */

/* ACE TENNIS HOME — TOPBAR CLEAN FONT V3 — INICIO */

/*
   Ajuste fino:
   A versão anterior estava com peso 800/900 e parecia "embacada".
   Aqui deixamos mais próximo da referência: fonte limpa, menor peso e melhor leitura.
*/

.ace-global-header-scope.cms-index-index .ace-h11-top-strip {

  height: 42px !important;
  min-height: 42px !important;
  background: #050505 !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-top-strip .ace-h11-container {

  height: 42px !important;
  min-height: 42px !important;
  width: min(1480px, calc(100% - 96px)) !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 30px !important;
  padding: 0 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-top-item {

  height: 42px !important;
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  color: #fff !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  text-shadow: none !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-top-item span {

  display: inline-block !important;
  color: #fff !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  text-shadow: none !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-top-item svg {

  width: 16px !important;
  height: 16px !important;
  color: #fff !important;
  stroke: currentColor !important;
  stroke-width: 1.75 !important;
  opacity: .96 !important;
  filter: none !important;
  transform: none !important;
  flex: 0 0 auto !important;

}


/* Separadores discretos, sem pesar a tarja */
.ace-global-header-scope.cms-index-index .ace-h11-top-item:not(:last-child)::after {

  content: "" !important;
  width: 3px !important;
  height: 3px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.24) !important;
  margin-left: 30px !important;
  display: inline-block !important;
  flex: 0 0 auto !important;

}


/* Força qualquer regra antiga de negrito a perder prioridade */
.ace-global-header-scope.cms-index-index .ace-h11-top-strip strong,
.ace-global-header-scope.cms-index-index .ace-h11-top-strip b,
.ace-global-header-scope.cms-index-index .ace-h11-top-strip * {

  text-shadow: none !important;

}


/* Mobile */
@media (max-width: 1100px) {

  .ace-global-header-scope.cms-index-index .ace-h11-top-strip {

    height: auto !important;
    min-height: 40px !important;
    font-size: 13px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-top-strip .ace-h11-container {

    width: min(100% - 40px, 1480px) !important;
    height: auto !important;
    min-height: 40px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px 20px !important;
    padding: 7px 0 !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-top-item,
  .ace-global-header-scope.cms-index-index .ace-h11-top-item span {

    height: auto !important;
    min-height: 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-top-item:not(:last-child)::after {

    display: none !important;
  
}
}


@media (max-width: 760px) {

  .ace-global-header-scope.cms-index-index .ace-h11-top-strip .ace-h11-container {

    grid-template-columns: 1fr !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-top-item:nth-child(n+3) {

    display: none !important;
  
}
}


/* ACE TENNIS HOME — TOPBAR CLEAN FONT V3 — FIM */

/* ACE TENNIS HOME — TOPBAR SIZE UP FINAL — INICIO */

/* Correção: aumentar 1 ponto, sem deixar negrito demais */
.ace-global-header-scope.cms-index-index .ace-h11-top-strip {

  height: 44px !important;
  min-height: 44px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  background: #050505 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-top-strip .ace-h11-container {

  height: 44px !important;
  min-height: 44px !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-top-item {

  height: 44px !important;
  min-height: 44px !important;
  gap: 9px !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-top-item span {

  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-top-item svg {

  width: 17px !important;
  height: 17px !important;
  stroke-width: 1.75 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-top-item:not(:last-child)::after {

  width: 3px !important;
  height: 3px !important;
  margin-left: 30px !important;
  background: rgba(255,255,255,.24) !important;

}


/* ACE TENNIS HOME — TOPBAR SIZE UP FINAL — FIM */



/* ACE TENNIS HOME — PRODUCT IMAGE SPIN V3 — INICIO */

/*
   V3:
   - não usa mais verso do card;
   - remove o fundo escuro que fazia a imagem sumir;
   - gira somente a imagem do produto;
   - mantém o produto visível durante todo o movimento;
   - só gira o card ativo via JS.
*/

.ace-global-header-scope.cms-index-index .ace-h11-product-card {

  perspective: 1200px !important;
  transform-style: preserve-3d !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-product-img {

  transform: none !important;
  transform-style: preserve-3d !important;
  overflow: hidden !important;

}


/* Remove completamente o "verso" escuro criado no efeito anterior */
.ace-global-header-scope.cms-index-index .ace-h11-product-img::after {

  content: none !important;
  display: none !important;

}


/* Cancela qualquer giro anterior aplicado no container da imagem */
.ace-global-header-scope.cms-index-index .ace-h11-products-grid:hover .ace-h11-product-img,
.ace-global-header-scope.cms-index-index .ace-h11-product-card:hover .ace-h11-product-img,
.ace-global-header-scope.cms-index-index .ace-h11-product-card.is-flipping .ace-h11-product-img,
.ace-global-header-scope.cms-index-index .ace-h11-product-card:not(.is-flipping) .ace-h11-product-img {

  transform: none !important;

}


/* A imagem continua visível mesmo durante o giro */
.ace-global-header-scope.cms-index-index .ace-h11-product-img img {

  backface-visibility: visible !important;
  -webkit-backface-visibility: visible !important;
  transform-style: preserve-3d !important;
  transform-origin: center center !important;
  transition: transform 1850ms cubic-bezier(.16,.84,.22,1) !important;
  will-change: transform !important;

}


/* Estado normal */
.ace-global-header-scope.cms-index-index .ace-h11-product-card:not(.is-flipping) .ace-h11-product-img img {

  transform: rotateY(0deg) scale(1) !important;

}


/* Só o card ativo gira */
.ace-global-header-scope.cms-index-index .ace-h11-product-card.is-flipping .ace-h11-product-img img {

  transform: rotateY(180deg) scale(1.055) !important;

}


/* Mantém nome, preço e botão parados */
.ace-global-header-scope.cms-index-index .ace-h11-product-info,
.ace-global-header-scope.cms-index-index .ace-h11-product-name,
.ace-global-header-scope.cms-index-index .ace-h11-product-price,
.ace-global-header-scope.cms-index-index .ace-h11-product-btn {

  transform: none !important;
  backface-visibility: visible !important;

}


/* Acessibilidade */
@media (prefers-reduced-motion: reduce) {

  .ace-global-header-scope.cms-index-index .ace-h11-product-img img {

    transition: none !important;
    transform: none !important;
  
}
}


/* Produtos: melhora composição quando há poucos produtos */
.ace-global-header-scope.cms-index-index .ace-h11-products {

  padding: 70px 0 102px !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(151,240,0,.07), transparent 22%),
    linear-gradient(180deg, #fbfbfa 0%, #ffffff 100%) !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-section-title,
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-products-title,
.ace-global-header-scope.cms-index-index .ace-h11-products h2 {

  letter-spacing: -.035em !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-section-head {

  margin-bottom: 34px !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-section-head p,
.ace-global-header-scope.cms-index-index .ace-h11-products p {

  color: #6f6f6a !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  max-width: 520px !important;

}


/* Centraliza melhor quando a loja ainda tem poucos produtos */
.ace-global-header-scope.cms-index-index .ace-h11-products-grid {

  grid-template-columns: repeat(auto-fit, minmax(286px, 318px)) !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 28px !important;
  max-width: 1040px !important;
  margin: 0 auto !important;

}


/* Cards um pouco mais sólidos e elegantes */
.ace-global-header-scope.cms-index-index .ace-h11-product-card {

  border-radius: 30px !important;
  box-shadow: 0 24px 68px rgba(0,0,0,.075) !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-product-img {

  height: 292px !important;
  padding: 28px 28px 12px !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-product-info {

  padding: 10px 24px 24px !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-product-name {

  font-size: 15px !important;
  line-height: 1.35 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-product-price {

  font-size: 24px !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-product-btn {

  height: 49px !important;
  border-radius: 16px !important;

}


@media (max-width: 760px) {


  .ace-global-header-scope.cms-index-index .ace-h11-products-grid {

    grid-template-columns: 1fr !important;
    max-width: 360px !important;
  
}
}


/* ACE TENNIS HOME FASE 1.2B — PROMOS — FIM */

/* ACE TENNIS HOME FASE 1.2B — MOVE AFTER PRODUCTS — INICIO */

/*
   Nova ordem aprovada:
   Categorias -> Produtos em destaque -> Banners comerciais -> Footer
*/

.ace-global-header-scope.cms-index-index .ace-h11-products {

  padding-top: 72px !important;
  padding-bottom: 68px !important;

}


.ace-global-header-scope.cms-index-index .ace-h12-promos .ace-h11-container {

  max-width: 1320px !important;

}


@media (max-width: 760px) {

  .ace-global-header-scope.cms-index-index .ace-h11-products {

    padding-bottom: 52px !important;
  
}
}


/* Produtos em destaque sobe um pouco e fica mais prioritário */
.ace-global-header-scope.cms-index-index .ace-h11-products {

  padding-top: 58px !important;
  padding-bottom: 58px !important;

}


.ace-global-header-scope.cms-index-index .ace-h12-launch-card .ace-h11-product-img {

  height: 270px !important;

}


@media (max-width: 760px) {


  .ace-global-header-scope.cms-index-index .ace-h11-products {

    padding-top: 48px !important;
    padding-bottom: 48px !important;
  
}
}


/* ACE TENNIS HOME FASE 1.2C — LANCAMENTOS — FIM */

/* ACE TENNIS HOME FASE 1.2C — LANCAMENTOS IMAGES FIX V1 — INICIO */

.ace-global-header-scope.cms-index-index .ace-h12-launch-card .ace-h11-product-img {

  background: #fff !important;
  overflow: hidden !important;

}


.ace-global-header-scope.cms-index-index .ace-h12-launch-card .ace-h11-product-img img {

  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: 92% !important;
  max-height: 92% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  mix-blend-mode: multiply !important;

}


/* Garante que o efeito de giro não esconda a imagem dos lançamentos */
.ace-global-header-scope.cms-index-index .ace-h12-launch-card .ace-h11-product-img::after {

  content: none !important;
  display: none !important;

}


.ace-global-header-scope.cms-index-index .ace-h12-launch-card .ace-h11-product-card.is-flipping .ace-h11-product-img img,
.ace-global-header-scope.cms-index-index .ace-h12-launch-card.is-flipping .ace-h11-product-img img {

  visibility: visible !important;
  opacity: 1 !important;

}


/* ACE TENNIS HOME FASE 1.2C — LANCAMENTOS IMAGES FIX V1 — FIM */

/* ACE TENNIS HOME FASE 1.2C — FEATURED MATCH LAUNCHES V1 — INICIO */

/*
   Objetivo:
   deixar "Produtos em destaque" com a mesma linguagem visual de "Novidades/Lançamentos".
*/

.ace-global-header-scope.cms-index-index .ace-h11-products {

  position: relative !important;
  padding: 28px 0 76px !important;
  background:
    radial-gradient(circle at 86% 10%, rgba(151,240,0,.07), transparent 22%),
    linear-gradient(180deg, #ffffff 0%, #fbfbfa 100%) !important;
  overflow: hidden !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-products::before {

  content: "DESTAQUES" !important;
  position: absolute !important;
  left: -24px !important;
  top: 10px !important;
  color: rgba(0,0,0,.035) !important;
  font-size: clamp(68px, 9vw, 142px) !important;
  font-weight: 950 !important;
  letter-spacing: -.08em !important;
  line-height: 1 !important;
  pointer-events: none !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-container {

  max-width: 1320px !important;

}


/* Cabeçalho dos destaques no mesmo padrão dos lançamentos */
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-section-head,
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-products-head,
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-title-row {

  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 470px) !important;
  gap: 38px !important;
  align-items: end !important;
  margin: 0 0 30px !important;
  max-width: none !important;
  text-align: left !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-section-head > span,
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-products-head > span,
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-kicker,
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-section-kicker {

  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  height: 28px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: #111 !important;
  color: #97f000 !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-products h2,
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-section-title,
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-products-title {

  margin: 16px 0 0 !important;
  max-width: 680px !important;
  color: #111 !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(42px, 4.7vw, 72px) !important;
  font-weight: 500 !important;
  line-height: .9 !important;
  letter-spacing: -.055em !important;
  text-transform: none !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-products p,
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-section-head p,
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-products-head p {

  margin: 0 !important;
  color: #6f6f6a !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
  max-width: 470px !important;

}


/* Cards dos destaques no mesmo padrão dos lançamentos */
.ace-global-header-scope.cms-index-index .ace-h11-products-grid {

  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 300px)) !important;
  justify-content: center !important;
  gap: 26px !important;
  max-width: 1320px !important;
  margin: 0 auto !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-product-card {

  background: #fff !important;
  border-radius: 30px !important;
  box-shadow: 0 24px 68px rgba(0,0,0,.075) !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-product-img {

  height: 270px !important;
  padding: 28px 28px 12px !important;
  background: #fff !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-product-img img {

  max-width: 92% !important;
  max-height: 92% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  mix-blend-mode: multiply !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-product-info {

  padding: 10px 24px 24px !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-product-name {

  font-size: 15px !important;
  line-height: 1.35 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-product-price {

  font-size: 24px !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-product-btn {

  height: 49px !important;
  border-radius: 16px !important;

}


@media (max-width: 900px) {

  .ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-section-head,
  .ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-products-head,
  .ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-title-row {

    grid-template-columns: 1fr !important;
    gap: 14px !important;
    text-align: center !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-section-head > span,
  .ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-products-head > span,
  .ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-kicker,
  .ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-section-kicker {

    margin: 0 auto !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-products h2,
  .ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-section-title,
  .ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-products-title {

    margin-left: auto !important;
    margin-right: auto !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-products p,
  .ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-section-head p,
  .ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-products-head p {

    max-width: 560px !important;
    margin: 0 auto !important;
  
}
}


@media (max-width: 760px) {

  .ace-global-header-scope.cms-index-index .ace-h11-products {

    padding: 22px 0 58px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-products-grid {

    grid-template-columns: 1fr !important;
    max-width: 360px !important;
  
}
}


/* ACE TENNIS HOME FASE 1.2C — FEATURED MATCH LAUNCHES V1 — FIM */


/* ACE TENNIS HOME — FEATURED PILL LIKE LAUNCHES V1 — INICIO */

/* Etiqueta DESTAQUES igual ao pill de LANÇAMENTOS */
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-featured-pill,
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-section-head span:first-child,
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-products-head span:first-child,
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-title-row span:first-child {

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: #111 !important;
  color: #97f000 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: none !important;

}


/* Garante posicionamento parecido com a seção Novidades */
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-section-head,
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-products-head,
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-title-row {

  align-items: end !important;

}


/* ACE TENNIS HOME — FEATURED PILL LIKE LAUNCHES V1 — FIM */

/* ACE TENNIS HOME — FEATURED PILL FORCE V2 — INICIO */

/* Força a etiqueta DESTAQUES a ficar igual à etiqueta LANÇAMENTOS */
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-featured-pill,
.ace-global-header-scope.cms-index-index .ace-h11-products p.ace-h11-eyebrow,
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-eyebrow {

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  height: 28px !important;
  min-height: 28px !important;
  margin: 0 0 16px 0 !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: #111 !important;
  color: #97f000 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: none !important;
  border: 0 !important;

}


/* Remove aparência antiga espaçada/sem fundo */
.ace-global-header-scope.cms-index-index .ace-h11-products p.ace-h11-eyebrow::before,
.ace-global-header-scope.cms-index-index .ace-h11-products p.ace-h11-eyebrow::after,
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-featured-pill::before,
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-featured-pill::after {

  content: none !important;
  display: none !important;

}


/* Mantém o título logo abaixo do pill, igual Lançamentos */
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-featured-pill + h2,
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-eyebrow + h2 {

  margin-top: 16px !important;

}


/* ACE TENNIS HOME — FEATURED PILL FORCE V2 — FIM */

/* ACE TENNIS HOME — ALIGN FEATURED LAUNCHES HEAD V1 — INICIO */

/*
   Alinha visualmente:
   - Produtos em destaque
   - Novidades / Lançamentos
*/

.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-section-head,
.ace-global-header-scope.cms-index-index .ace-h12-launches .ace-h12-launches-head {

  width: min(1320px, calc(100% - 96px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 470px) !important;
  gap: 38px !important;
  align-items: end !important;
  text-align: left !important;

}


/* Remove qualquer deslocamento interno diferente no bloco esquerdo */
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-section-head > div,
.ace-global-header-scope.cms-index-index .ace-h12-launches .ace-h12-launches-head > div {

  margin: 0 !important;
  padding: 0 !important;

}


/* Posição dos pills igual nas duas seções */
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-featured-pill,
.ace-global-header-scope.cms-index-index .ace-h12-launches .ace-h12-launches-head span {

  margin-left: 0 !important;
  margin-right: 0 !important;

}


/* Títulos começam exatamente no mesmo eixo */
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-section-head h2,
.ace-global-header-scope.cms-index-index .ace-h12-launches .ace-h12-launches-head h2 {

  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 680px !important;

}


/* Texto da direita também fica no mesmo eixo */
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-section-head > p,
.ace-global-header-scope.cms-index-index .ace-h12-launches .ace-h12-launches-head > p {

  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 470px !important;

}


/* Mantém cards centralizados, sem alterar o alinhamento do cabeçalho */
.ace-global-header-scope.cms-index-index .ace-h11-products-grid,
.ace-global-header-scope.cms-index-index .ace-h12-launches-grid {

  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;

}


/* Mobile: centraliza os dois igualmente */
@media (max-width: 900px) {

  .ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-section-head,
  .ace-global-header-scope.cms-index-index .ace-h12-launches .ace-h12-launches-head {

    width: min(100% - 32px, 680px) !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    text-align: center !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-featured-pill,
  .ace-global-header-scope.cms-index-index .ace-h12-launches .ace-h12-launches-head span {

    margin-left: auto !important;
    margin-right: auto !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-section-head h2,
  .ace-global-header-scope.cms-index-index .ace-h12-launches .ace-h12-launches-head h2,
  .ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-section-head > p,
  .ace-global-header-scope.cms-index-index .ace-h12-launches .ace-h12-launches-head > p {

    margin-left: auto !important;
    margin-right: auto !important;
  
}
}


/* ACE TENNIS HOME — ALIGN FEATURED LAUNCHES HEAD V1 — FIM */

/* ACE TENNIS HOME — FORCE ALIGN FEATURED HEAD V2 — INICIO */

/*
   Correção visual direta:
   o cabeçalho "Produtos em destaque" estava começando mais à direita
   que o cabeçalho "Lançamentos".
*/

@media (min-width: 901px) {

  .ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-featured-pill {

    position: relative !important;
    left: -48px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-products h2,
  .ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-section-title,
  .ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-products-title {

    position: relative !important;
    left: -48px !important;
  
}


  /* Garante que a faixa grande "DESTAQUES" do fundo não force leitura desalinhada */
  .ace-global-header-scope.cms-index-index .ace-h11-products::before {

    left: -36px !important;
  
}
}


/* Em telas menores, volta centralizado para não quebrar responsivo */
@media (max-width: 900px) {

  .ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-featured-pill,
  .ace-global-header-scope.cms-index-index .ace-h11-products h2,
  .ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-section-title,
  .ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-products-title {

    left: auto !important;
    position: relative !important;
  
}
}


/* ACE TENNIS — PROMOS H12 V1 — FIM */
















/* ACE TENNIS — HOME MOBILE FINAL 1.4A V14 — INICIO */

@media (max-width: 760px) {


  .ace-global-header-scope.cms-index-index .ace-h11-container,
  .ace-global-header-scope.cms-index-index .ace-h12-promos .ace-h11-container {

    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  
}


  /* Tarja preta superior */
  .ace-global-header-scope.cms-index-index .ace-h11-top-strip {

    height: 40px !important;
    min-height: 40px !important;
    background: #050505 !important;
    overflow: visible !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-top-strip .ace-h11-container {

    height: 40px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-top-item {

    display: none !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-top-item:first-child {

    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 7px !important;
    width: 100% !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  
}


  /* Header */
  .ace-global-header-scope.cms-index-index .ace-h11-site-header {

    background: #fff !important;
    border-bottom: 1px solid rgba(0,0,0,.07) !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-main-header {

    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) 92px !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: unset !important;
    padding: 12px 0 11px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-logo {

    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    text-align: center !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-logo strong {

    font-size: 27px !important;
    line-height: .9 !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-logo small {

    margin-top: 4px !important;
    font-size: 9px !important;
    letter-spacing: .18em !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-header-actions {

    grid-column: 3 !important;
    grid-row: 1 !important;
    display: flex !important;
    justify-content: flex-end !important;
    gap: 5px !important;
    min-width: 92px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-icon {

    width: 31px !important;
    height: 31px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-icon svg {

    width: 17px !important;
    height: 17px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-search {

    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    justify-self: center !important;
    position: relative !important;
    width: min(100%, calc(100vw - 58px)) !important;
    max-width: min(100%, calc(100vw - 58px)) !important;
    height: 44px !important;
    margin: 0 auto !important;
    border-radius: 999px !important;
    background: #f4f4f3 !important;
    border: 1px solid rgba(0,0,0,.06) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-search input {

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    padding-left: 19px !important;
    padding-right: 54px !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-search button {

    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 46px !important;
    height: 100% !important;
    flex: 0 0 46px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-menu-row,
  .ace-global-header-scope.cms-index-index .ace-h11-mega,
  .ace-global-header-scope.cms-index-index .ace-h11-hero,
  .ace-global-header-scope.cms-index-index .ace-h11-hero-section,
  .ace-global-header-scope.cms-index-index .ace-h11-slider,
  .ace-global-header-scope.cms-index-index .ace-h11-hero-slider,
  .ace-global-header-scope.cms-index-index .ace-h11-slide,
  .ace-global-header-scope.cms-index-index .ace-h11-hero-slide,
  .ace-global-header-scope.cms-index-index .ace-h11-benefits,
  .ace-global-header-scope.cms-index-index .ace-h11-benefits-row,
  .ace-global-header-scope.cms-index-index .ace-h11-benefits-section,
  .ace-global-header-scope.cms-index-index .ace-h12-categories {

    display: none !important;
  
}


  /* Produtos e lançamentos com o mesmo padrão */
  .ace-global-header-scope.cms-index-index .ace-h11-products,
  .ace-global-header-scope.cms-index-index .ace-h12-featured,
  .ace-global-header-scope.cms-index-index .ace-h12-launches {

    padding-top: 22px !important;
    overflow: hidden !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-container,
  .ace-global-header-scope.cms-index-index .ace-h12-featured .ace-h11-container,
  .ace-global-header-scope.cms-index-index .ace-h12-launches .ace-h11-container {

    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-section-head,
  .ace-global-header-scope.cms-index-index .ace-h12-section-head,
  .ace-global-header-scope.cms-index-index .ace-h12-featured-head,
  .ace-global-header-scope.cms-index-index .ace-h12-launch-head {

    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-section-head h2,
  .ace-global-header-scope.cms-index-index .ace-h11-products h2,
  .ace-global-header-scope.cms-index-index .ace-h12-featured h2,
  .ace-global-header-scope.cms-index-index .ace-h12-launches h2 {

    font-size: clamp(27px, 7.5vw, 34px) !important;
    line-height: 1.02 !important;
    text-align: left !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-section-head p,
  .ace-global-header-scope.cms-index-index .ace-h11-products p,
  .ace-global-header-scope.cms-index-index .ace-h12-featured p,
  .ace-global-header-scope.cms-index-index .ace-h12-launches p {

    font-size: 13px !important;
    line-height: 1.4 !important;
    text-align: left !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-products-grid,
  .ace-global-header-scope.cms-index-index .ace-h12-products-grid,
  .ace-global-header-scope.cms-index-index .ace-h12-featured-grid,
  .ace-global-header-scope.cms-index-index .ace-h12-launch-grid,
  .ace-global-header-scope.cms-index-index .ace-h12-launches .ace-h11-products-grid,
  .ace-global-header-scope.cms-index-index .ace-h12-launches .ace-h12-products-grid,
  .ace-global-header-scope.cms-index-index .product-items {

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    overflow: visible !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-product-card,
  .ace-global-header-scope.cms-index-index .ace-h12-product-card,
  .ace-global-header-scope.cms-index-index .ace-product-card,
  .ace-global-header-scope.cms-index-index .product-item,
  .ace-global-header-scope.cms-index-index .product-item-info,
  .ace-global-header-scope.cms-index-index .ace-h12-launches .ace-h11-product-card,
  .ace-global-header-scope.cms-index-index .ace-h12-launches .ace-h12-product-card,
  .ace-global-header-scope.cms-index-index .ace-h12-launches .ace-product-card {

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 292px !important;
    height: 292px !important;
    border-radius: 18px !important;
    padding: 9px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-product-img,
  .ace-global-header-scope.cms-index-index .ace-h12-product-img,
  .ace-global-header-scope.cms-index-index .product-image-container,
  .ace-global-header-scope.cms-index-index .ace-h12-launches .ace-h11-product-img,
  .ace-global-header-scope.cms-index-index .ace-h12-launches .ace-h12-product-img {

    height: 98px !important;
    min-height: 98px !important;
    max-height: 98px !important;
    padding: 3px !important;
    margin: 0 0 7px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-product-img img,
  .ace-global-header-scope.cms-index-index .ace-h12-product-card img,
  .ace-global-header-scope.cms-index-index .ace-product-card img,
  .ace-global-header-scope.cms-index-index .product-item img,
  .ace-global-header-scope.cms-index-index .product-image-photo,
  .ace-global-header-scope.cms-index-index .ace-h12-launches img {

    width: 100% !important;
    max-width: 100% !important;
    height: 90px !important;
    max-height: 90px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    display: block !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-product-info,
  .ace-global-header-scope.cms-index-index .product-item-details {

    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-product-name,
  .ace-global-header-scope.cms-index-index .ace-h12-product-title,
  .ace-global-header-scope.cms-index-index .product-item-name,
  .ace-global-header-scope.cms-index-index .ace-h11-product-card h3,
  .ace-global-header-scope.cms-index-index .ace-h12-product-card h3 {

    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 0 5px !important;
    font-size: 9.8px !important;
    line-height: 1.16 !important;
    font-weight: 950 !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-product-price,
  .ace-global-header-scope.cms-index-index .ace-h12-product-price,
  .ace-global-header-scope.cms-index-index .price-box,
  .ace-global-header-scope.cms-index-index .price {

    min-height: 23px !important;
    font-size: 15px !important;
    line-height: 1.1 !important;
    font-weight: 950 !important;
    margin: 0 0 7px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-product-btn,
  .ace-global-header-scope.cms-index-index .ace-h12-product-cta,
  .ace-global-header-scope.cms-index-index .action.primary,
  .ace-global-header-scope.cms-index-index .product-item button {

    width: 100% !important;
    max-width: 100% !important;
    min-height: 35px !important;
    height: 35px !important;
    border-radius: 12px !important;
    padding: 0 7px !important;
    font-size: 8.5px !important;
    line-height: 35px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    margin-top: auto !important;
    overflow: hidden !important;
  
}
}


@media (max-width: 390px) {

  .ace-global-header-scope.cms-index-index .ace-h11-product-card,
  .ace-global-header-scope.cms-index-index .ace-h12-product-card,
  .ace-global-header-scope.cms-index-index .ace-product-card,
  .ace-global-header-scope.cms-index-index .product-item,
  .ace-global-header-scope.cms-index-index .product-item-info {

    min-height: 278px !important;
    height: 278px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-product-img,
  .ace-global-header-scope.cms-index-index .ace-h12-product-img,
  .ace-global-header-scope.cms-index-index .product-image-container {

    height: 88px !important;
    min-height: 88px !important;
    max-height: 88px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-product-img img,
  .ace-global-header-scope.cms-index-index .product-item img,
  .ace-global-header-scope.cms-index-index .product-image-photo {

    height: 82px !important;
    max-height: 82px !important;
  
}
}


/* ACE TENNIS — HOME MOBILE FINAL 1.4A V14 — FIM */


/* ACE TENNIS — HOME MOBILE AJUSTE FINO 1.4A V15 — INICIO */

@media (max-width: 760px) {

  /*
    V15 — ajuste fino final:
    - tarja preta alinhada
    - ícones do topo mais limpos
    - botões dos cards sem corte
    - lançamentos no padrão dos destaques
    - banners inferiores mais proporcionais
    - menu um pouco mais vivo
  */

  /* 1) Topbar alinhada */
  .ace-global-header-scope.cms-index-index .ace-h11-top-strip {

    height: 40px !important;
    min-height: 40px !important;
    line-height: 40px !important;
    display: block !important;
    overflow: hidden !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-top-strip .ace-h11-container {

    height: 40px !important;
    min-height: 40px !important;
    line-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-top-item:first-child {

    height: 40px !important;
    line-height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translateY(1px) !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-top-item:first-child svg,
  .ace-global-header-scope.cms-index-index .ace-h11-top-item:first-child i {

    flex: 0 0 auto !important;
    transform: translateY(-1px) !important;
  
}


  /* 2) Ícones do topo: remove ícone menos claro e deixa wishlist/carrinho mais limpos */
  .ace-global-header-scope.cms-index-index .ace-h11-header-actions {

    min-width: 82px !important;
    max-width: 82px !important;
    gap: 7px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-header-actions .ace-h11-icon:first-child {

    display: none !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-icon {

    position: relative !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 999px !important;
    background: #fff !important;
    box-shadow: 0 4px 14px rgba(0,0,0,.06) !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-icon svg {

    width: 18px !important;
    height: 18px !important;
    stroke-width: 1.8 !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-badge,
  .ace-global-header-scope.cms-index-index .counter.qty,
  .ace-global-header-scope.cms-index-index .counter-number {

    min-width: 17px !important;
    height: 17px !important;
    line-height: 17px !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    right: -3px !important;
    top: -4px !important;
  
}


  /* 4) Cards de produto: aumenta um pouco a altura para o botão não cortar */
  .ace-global-header-scope.cms-index-index .ace-h11-product-card,
  .ace-global-header-scope.cms-index-index .ace-h12-product-card,
  .ace-global-header-scope.cms-index-index .ace-product-card,
  .ace-global-header-scope.cms-index-index .product-item,
  .ace-global-header-scope.cms-index-index .product-item-info,
  .ace-global-header-scope.cms-index-index .ace-h12-launches .ace-h11-product-card,
  .ace-global-header-scope.cms-index-index .ace-h12-launches .ace-h12-product-card,
  .ace-global-header-scope.cms-index-index .ace-h12-launches .ace-product-card,
  .ace-global-header-scope.cms-index-index .ace-h12-launch-card,
  .ace-global-header-scope.cms-index-index .ace-h12-launch-item {

    height: 318px !important;
    min-height: 318px !important;
    max-height: 318px !important;
    padding: 10px !important;
    border-radius: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-product-img,
  .ace-global-header-scope.cms-index-index .ace-h12-product-img,
  .ace-global-header-scope.cms-index-index .product-image-container,
  .ace-global-header-scope.cms-index-index .ace-h12-launches .ace-h11-product-img,
  .ace-global-header-scope.cms-index-index .ace-h12-launches .ace-h12-product-img,
  .ace-global-header-scope.cms-index-index .ace-h12-launch-card .ace-h12-product-img,
  .ace-global-header-scope.cms-index-index .ace-h12-launch-item .ace-h12-product-img {

    height: 106px !important;
    min-height: 106px !important;
    max-height: 106px !important;
    margin-bottom: 8px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-product-img img,
  .ace-global-header-scope.cms-index-index .ace-h12-product-card img,
  .ace-global-header-scope.cms-index-index .ace-product-card img,
  .ace-global-header-scope.cms-index-index .product-item img,
  .ace-global-header-scope.cms-index-index .product-image-photo,
  .ace-global-header-scope.cms-index-index .ace-h12-launches img {

    height: 98px !important;
    max-height: 98px !important;
    object-fit: contain !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-product-name,
  .ace-global-header-scope.cms-index-index .ace-h12-product-title,
  .ace-global-header-scope.cms-index-index .product-item-name,
  .ace-global-header-scope.cms-index-index .ace-h11-product-card h3,
  .ace-global-header-scope.cms-index-index .ace-h12-product-card h3,
  .ace-global-header-scope.cms-index-index .ace-h12-launch-card h3,
  .ace-global-header-scope.cms-index-index .ace-h12-launch-item h3 {

    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    font-size: 9.6px !important;
    line-height: 1.18 !important;
    margin-bottom: 6px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-product-price,
  .ace-global-header-scope.cms-index-index .ace-h12-product-price,
  .ace-global-header-scope.cms-index-index .price-box,
  .ace-global-header-scope.cms-index-index .price {

    min-height: 24px !important;
    height: 24px !important;
    font-size: 15px !important;
    line-height: 24px !important;
    margin: 0 0 8px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-product-btn,
  .ace-global-header-scope.cms-index-index .ace-h12-product-cta,
  .ace-global-header-scope.cms-index-index .action.primary,
  .ace-global-header-scope.cms-index-index .product-item button,
  .ace-global-header-scope.cms-index-index .ace-h12-launch-card .ace-h12-product-cta,
  .ace-global-header-scope.cms-index-index .ace-h12-launch-item .ace-h12-product-cta {

    min-height: 38px !important;
    height: 38px !important;
    line-height: 38px !important;
    border-radius: 13px !important;
    font-size: 8.4px !important;
    padding: 0 8px !important;
    margin-top: auto !important;
    overflow: visible !important;
  
}


  /* 5) Lançamentos igual Destaques: 2 colunas e card menor */
  .ace-global-header-scope.cms-index-index .ace-h12-launches .ace-h11-container {

    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h12-launch-grid,
  .ace-global-header-scope.cms-index-index .ace-h12-launches .ace-h12-products-grid,
  .ace-global-header-scope.cms-index-index .ace-h12-launches .ace-h11-products-grid,
  .ace-global-header-scope.cms-index-index .ace-h12-launches .product-items,
  .ace-global-header-scope.cms-index-index .ace-h12-launches .products {

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h12-launches .ace-h12-product-card,
  .ace-global-header-scope.cms-index-index .ace-h12-launches .ace-h11-product-card,
  .ace-global-header-scope.cms-index-index .ace-h12-launches .ace-product-card,
  .ace-global-header-scope.cms-index-index .ace-h12-launches .product-item,
  .ace-global-header-scope.cms-index-index .ace-h12-launches .product-item-info {

    width: 100% !important;
    max-width: 100% !important;
    height: 318px !important;
    min-height: 318px !important;
  
}
}


@media (max-width: 390px) {

  .ace-global-header-scope.cms-index-index .ace-h11-product-card,
  .ace-global-header-scope.cms-index-index .ace-h12-product-card,
  .ace-global-header-scope.cms-index-index .ace-product-card,
  .ace-global-header-scope.cms-index-index .product-item,
  .ace-global-header-scope.cms-index-index .product-item-info {

    height: 306px !important;
    min-height: 306px !important;
    max-height: 306px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-product-img,
  .ace-global-header-scope.cms-index-index .ace-h12-product-img,
  .ace-global-header-scope.cms-index-index .product-image-container {

    height: 96px !important;
    min-height: 96px !important;
    max-height: 96px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-product-img img,
  .ace-global-header-scope.cms-index-index .product-item img,
  .ace-global-header-scope.cms-index-index .product-image-photo {

    height: 88px !important;
    max-height: 88px !important;
  
}
}


/* ACE TENNIS — HOME MOBILE AJUSTE FINO 1.4A V15 — FIM */

/* ACE TENNIS — HOME MOBILE FINAL POLISH 1.4A V16 — INICIO */

@media (max-width: 760px) {

  /*
    V16 — ajuste final mobile:
    - nome do produto sem corte agressivo
    - botão sempre visível
    - lançamentos igual destaques
    - banners comerciais legíveis
    - ícones topo mais limpos
  */

  /* Ícones do topo: mantém só usuário + carrinho/wishlist mais limpos */
  .ace-global-header-scope.cms-index-index .ace-h11-header-actions {

    min-width: 78px !important;
    max-width: 78px !important;
    gap: 6px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-header-actions .ace-h11-icon:nth-child(2) {

    display: none !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-icon {

    width: 32px !important;
    height: 32px !important;
    background: #fff !important;
    border: 1px solid rgba(0,0,0,.05) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.05) !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-icon svg {

    width: 17px !important;
    height: 17px !important;
  
}


  /* Cards de produto: 2 colunas, altura suficiente e texto sem estourar */
  .ace-global-header-scope.cms-index-index .ace-h11-products-grid,
  .ace-global-header-scope.cms-index-index .ace-h12-products-grid,
  .ace-global-header-scope.cms-index-index .ace-h12-featured-grid,
  .ace-global-header-scope.cms-index-index .ace-h12-launch-grid,
  .ace-global-header-scope.cms-index-index .ace-mobile-launch-grid,
  .ace-global-header-scope.cms-index-index .product-items {

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-product-card,
  .ace-global-header-scope.cms-index-index .ace-h12-product-card,
  .ace-global-header-scope.cms-index-index .ace-product-card,
  .ace-global-header-scope.cms-index-index .product-item,
  .ace-global-header-scope.cms-index-index .product-item-info,
  .ace-global-header-scope.cms-index-index .ace-mobile-launch-card {

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 334px !important;
    min-height: 334px !important;
    max-height: 334px !important;
    padding: 10px !important;
    border-radius: 18px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-product-img,
  .ace-global-header-scope.cms-index-index .ace-h12-product-img,
  .ace-global-header-scope.cms-index-index .product-image-container,
  .ace-global-header-scope.cms-index-index .ace-mobile-launch-card .ace-h11-product-img,
  .ace-global-header-scope.cms-index-index .ace-mobile-launch-card .ace-h12-product-img {

    height: 102px !important;
    min-height: 102px !important;
    max-height: 102px !important;
    margin: 0 0 8px !important;
    padding: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-product-img img,
  .ace-global-header-scope.cms-index-index .ace-h12-product-img img,
  .ace-global-header-scope.cms-index-index .ace-h12-product-card img,
  .ace-global-header-scope.cms-index-index .ace-product-card img,
  .ace-global-header-scope.cms-index-index .product-item img,
  .ace-global-header-scope.cms-index-index .product-image-photo,
  .ace-global-header-scope.cms-index-index .ace-mobile-launch-card img {

    width: 100% !important;
    max-width: 100% !important;
    height: 94px !important;
    max-height: 94px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    display: block !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-product-info,
  .ace-global-header-scope.cms-index-index .ace-h12-product-info,
  .ace-global-header-scope.cms-index-index .product-item-details,
  .ace-global-header-scope.cms-index-index .ace-mobile-launch-card .ace-h11-product-info,
  .ace-global-header-scope.cms-index-index .ace-mobile-launch-card .ace-h12-product-info {

    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-product-name,
  .ace-global-header-scope.cms-index-index .ace-h12-product-title,
  .ace-global-header-scope.cms-index-index .product-item-name,
  .ace-global-header-scope.cms-index-index .ace-h11-product-card h3,
  .ace-global-header-scope.cms-index-index .ace-h12-product-card h3,
  .ace-global-header-scope.cms-index-index .ace-mobile-launch-card h3 {

    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    margin: 0 0 7px !important;
    font-size: 9.2px !important;
    line-height: 1.18 !important;
    font-weight: 950 !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-product-price,
  .ace-global-header-scope.cms-index-index .ace-h12-product-price,
  .ace-global-header-scope.cms-index-index .price-box,
  .ace-global-header-scope.cms-index-index .price,
  .ace-global-header-scope.cms-index-index .ace-mobile-launch-card .price {

    height: 25px !important;
    min-height: 25px !important;
    margin: 0 0 9px !important;
    font-size: 15px !important;
    line-height: 25px !important;
    font-weight: 950 !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-product-btn,
  .ace-global-header-scope.cms-index-index .ace-h12-product-cta,
  .ace-global-header-scope.cms-index-index .action.primary,
  .ace-global-header-scope.cms-index-index .product-item button,
  .ace-global-header-scope.cms-index-index .ace-mobile-launch-card .ace-h11-product-btn,
  .ace-global-header-scope.cms-index-index .ace-mobile-launch-card .ace-h12-product-cta {

    width: 100% !important;
    max-width: 100% !important;
    height: 39px !important;
    min-height: 39px !important;
    line-height: 39px !important;
    margin-top: auto !important;
    padding: 0 8px !important;
    border-radius: 13px !important;
    font-size: 8.2px !important;
    text-align: center !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  
}


  /* Tarja preta: ajuste final do texto vertical */
  .ace-global-header-scope.cms-index-index .ace-h11-top-strip,
  .ace-global-header-scope.cms-index-index .ace-h11-top-strip .ace-h11-container,
  .ace-global-header-scope.cms-index-index .ace-h11-top-item:first-child {

    height: 40px !important;
    min-height: 40px !important;
    line-height: 40px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-top-item:first-child {

    transform: translateY(0) !important;
  
}
}


@media (max-width: 390px) {

  .ace-global-header-scope.cms-index-index .ace-h11-product-card,
  .ace-global-header-scope.cms-index-index .ace-h12-product-card,
  .ace-global-header-scope.cms-index-index .ace-product-card,
  .ace-global-header-scope.cms-index-index .product-item,
  .ace-global-header-scope.cms-index-index .product-item-info,
  .ace-global-header-scope.cms-index-index .ace-mobile-launch-card {

    height: 318px !important;
    min-height: 318px !important;
    max-height: 318px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-product-name,
  .ace-global-header-scope.cms-index-index .ace-h12-product-title,
  .ace-global-header-scope.cms-index-index .product-item-name,
  .ace-global-header-scope.cms-index-index .ace-h11-product-card h3,
  .ace-global-header-scope.cms-index-index .ace-h12-product-card h3,
  .ace-global-header-scope.cms-index-index .ace-mobile-launch-card h3 {

    font-size: 8.9px !important;
  
}
}


/* ACE TENNIS — HOME MOBILE FINAL POLISH 1.4A V16 — FIM */

/* ACE TENNIS — HOME MOBILE FINAL BANNERS 1.4A V17 — INICIO */

@media (max-width: 760px) {


  .ace-global-header-scope.cms-index-index .ace-h12-promos .ace-h11-container {

    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  
}
}


/* ACE TENNIS — HOME MOBILE FINAL BANNERS 1.4A V17 — FIM */

/* ACE TENNIS — HOME MOBILE CLEAN ICONS PROMOS 1.4A V18 — INICIO */

@media (max-width: 760px) {

  /*
    V18:
    - Esconde ícones antigos do header mobile.
    - Mostra ícones limpos: conta + carrinho.
    - Corrige label do botão do banner.
    - Esconde banners comerciais antigos no mobile.
    - Mostra banners comerciais próprios mobile.
  */

  /* Ícones antigos fora do mobile */
  .ace-global-header-scope.cms-index-index .ace-h11-header-actions {

    display: none !important;
  
}
}


/* ACE TENNIS — HOME MOBILE CLEAN ICONS PROMOS 1.4A V18 — FIM */

/* ACE TENNIS — HOME MOBILE ICONES BOTOES 1.4A V19 — INICIO */

@media (max-width: 760px) {

  /*
    V19:
    - Ícones mobile fixos e limpos no topo.
    - Esconde definitivamente os ícones antigos.
    - Ajusta botões dos banners mobile.
  */

  .ace-global-header-scope.cms-index-index .ace-h11-header-actions {

    display: none !important;
  
}
}


/* ACE TENNIS — HOME MOBILE DESCE BOTOES PROMOS 1.4A V22 — FIM */

/* ACE TENNIS — HOME TABLET 1.4B FIX DUPLICIDADE — INICIO */

@media (min-width: 761px) and (max-width: 1100px) {


  /*
    Mantém o header real da Home visível.
  */
  .ace-global-header-scope.cms-index-index .ace-h11-top-strip,
  .ace-global-header-scope.cms-index-index .ace-h11-site-header,
  .ace-global-header-scope.cms-index-index .ace-h11-main-header,
  .ace-global-header-scope.cms-index-index .ace-h11-menu-row,
  .ace-global-header-scope.cms-index-index .ace-h11-hero,
  .ace-global-header-scope.cms-index-index .ace-h11-hero-section {

    display: block !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-main-header {

    display: grid !important;
  
}


  /*
    Só evita estouro lateral do menu em tablet.
    Não muda o desenho.
  */
  .ace-global-header-scope.cms-index-index .ace-h11-menu-row {

    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-menu-row::-webkit-scrollbar {

    height: 3px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-menu-row::-webkit-scrollbar-thumb {

    background: rgba(0,0,0,.18) !important;
    border-radius: 999px !important;
  
}
}


/* ACE TENNIS — HOME TABLET 1.4B FIX DUPLICIDADE — FIM */

/* ACE TENNIS — HOME TABLET 1.4B V5 TOPBAR — INICIO */

@media (min-width: 761px) and (max-width: 1100px) {

  /*
    Ajuste fino:
    centraliza verticalmente o texto/ícones da tarja preta no tablet.
  */

  .ace-global-header-scope.cms-index-index .ace-h11-top-strip {

    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    background: #050505 !important;
    overflow: hidden !important;
    padding: 0 !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-top-strip .ace-h11-container {

    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-top-item {

    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    line-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    transform: translateY(1px) !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-top-item svg,
  .ace-global-header-scope.cms-index-index .ace-h11-top-item i {

    display: inline-block !important;
    vertical-align: middle !important;
    transform: translateY(-1px) !important;
  
}
}


/* ACE TENNIS — HOME TABLET 1.4B V5 TOPBAR — FIM */

/* ACE TENNIS — HOME TABLET 1.4B V6 TOPBAR SEM CORTE — INICIO */

@media (min-width: 761px) and (max-width: 1100px) {

  /*
    V6:
    - Evita corte lateral da tarja preta.
    - Tablet horizontal mostra até 4 chamadas compactas.
    - Tablet vertical mostra só 2 chamadas principais.
    - Mobile e desktop grande intactos.
  */

  .ace-global-header-scope.cms-index-index .ace-h11-top-strip {

    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    overflow: hidden !important;
    background: #050505 !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-top-strip .ace-h11-container {

    width: calc(100vw - 44px) !important;
    max-width: calc(100vw - 44px) !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    overflow: hidden !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-top-item {

    height: 38px !important;
    line-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    color: #fff !important;
    font-size: 10.5px !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: max-content !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transform: none !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-top-item svg,
  .ace-global-header-scope.cms-index-index .ace-h11-top-item i {

    flex: 0 0 auto !important;
    transform: none !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-top-item:nth-child(n+5) {

    display: none !important;
  
}
}


/* Tablet vertical: não força 3 ou 4 mensagens porque corta */
@media (min-width: 761px) and (max-width: 900px) {

  .ace-global-header-scope.cms-index-index .ace-h11-top-strip .ace-h11-container {

    width: calc(100vw - 56px) !important;
    max-width: calc(100vw - 56px) !important;
    justify-content: space-around !important;
    gap: 18px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-top-item {

    font-size: 11px !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
    text-overflow: unset !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-top-item:nth-child(n+3) {

    display: none !important;
  
}
}


/* Logo oficial — header custom e header Magento */
.ace-global-header-scope.cms-index-index .page-header .logo img,
.ace-global-header-scope.cms-index-index header .logo img,
.ace-global-header-scope.cms-index-index .ace-h11-logo img,
.ace-global-header-scope.cms-index-index .ace-logo img {

  content: url("../images/brand/logo.png") !important;
  object-fit: contain !important;
  max-width: 170px !important;
  max-height: 70px !important;

}


/* Caso o logo atual seja texto/CSS, usa imagem oficial sem mudar estrutura */
.ace-global-header-scope.cms-index-index .ace-h11-logo,
.ace-global-header-scope.cms-index-index .ace-logo,
.ace-global-header-scope.cms-index-index .ace-h11-brand-logo {

  background-image: url("../images/brand/logo.png") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
  min-width: 170px !important;
  min-height: 70px !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-logo *,
.ace-global-header-scope.cms-index-index .ace-logo *,
.ace-global-header-scope.cms-index-index .ace-h11-brand-logo * {

  color: transparent !important;
  font-size: 0 !important;

}


/* Topo e áreas pretas na paleta oficial */
.ace-global-header-scope.cms-index-index .ace-h11-top-strip,
.ace-global-header-scope.cms-index-index .ace-footer,
.ace-global-header-scope.cms-index-index .page-footer {

  background: #000000 !important;
  color: #FFFFFF !important;

}


/* Menu e header */
.ace-global-header-scope.cms-index-index .ace-h11-site-header,
.ace-global-header-scope.cms-index-index .ace-h11-menu-row {

  background-color: #FFFFFF !important;
  color: #101010 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-menu-row a,
.ace-global-header-scope.cms-index-index .ace-h11-nav a,
.ace-global-header-scope.cms-index-index .navigation a {

  color: #101010 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-menu-row a:hover,
.ace-global-header-scope.cms-index-index .ace-h11-nav a:hover,
.ace-global-header-scope.cms-index-index .navigation a:hover {

  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

}


/* Promoções deixa de ser vermelho e passa para identidade oficial */
.ace-global-header-scope.cms-index-index .ace-h11-menu-row a[href*="promo"],
.ace-global-header-scope.cms-index-index .ace-h11-menu-row a[href*="promoc"],
.ace-global-header-scope.cms-index-index .ace-h11-nav a[href*="promo"],
.ace-global-header-scope.cms-index-index .ace-h11-nav a[href*="promoc"],
.ace-global-header-scope.cms-index-index .navigation a[href*="promo"],
.ace-global-header-scope.cms-index-index .navigation a[href*="promoc"] {

  color: #000000 !important;
  background: #D5FE00 !important;
  border-radius: 999px !important;
  padding-left: 14px !important;
  padding-right: 14px !important;

}


/* CTAs */
.ace-global-header-scope.cms-index-index .ace-h11-btn-primary,
.ace-global-header-scope.cms-index-index .ace-btn-primary,
.ace-global-header-scope.cms-index-index .action.primary,
.ace-global-header-scope.cms-index-index button.action.primary {

  background: #000000 !important;
  border-color: #000000 !important;
  color: #FFFFFF !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-btn-primary:hover,
.ace-global-header-scope.cms-index-index .ace-btn-primary:hover,
.ace-global-header-scope.cms-index-index .action.primary:hover,
.ace-global-header-scope.cms-index-index button.action.primary:hover {

  background: #D5FE00 !important;
  border-color: #D5FE00 !important;
  color: #000000 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-btn-secondary,
.ace-global-header-scope.cms-index-index .ace-btn-secondary {

  background: #FFFFFF !important;
  border-color: #000000 !important;
  color: #000000 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-btn-secondary:hover,
.ace-global-header-scope.cms-index-index .ace-btn-secondary:hover {

  background: #D5FE00 !important;
  border-color: #D5FE00 !important;
  color: #000000 !important;

}


/* Selos, detalhes e bolinhas do carrossel */
.ace-global-header-scope.cms-index-index .ace-h11-badge,
.ace-global-header-scope.cms-index-index .ace-h12-promo-badge,
.ace-global-header-scope.cms-index-index .ace-badge,
.ace-global-header-scope.cms-index-index .ace-tag,
.ace-global-header-scope.cms-index-index .ace-h11-hero-dot.is-active,
.ace-global-header-scope.cms-index-index .ace-h11-hero-dot.active,
.ace-global-header-scope.cms-index-index .slick-dots .slick-active button {

  background: #D5FE00 !important;
  color: #000000 !important;
  border-color: #D5FE00 !important;

}


/* Ilustrações verdes existentes usam a cor oficial */
.ace-global-header-scope.cms-index-index .ace-h11-ball,
.ace-global-header-scope.cms-index-index .ace-h11-art-green,
.ace-global-header-scope.cms-index-index .ace-h12-art-green,
.ace-global-header-scope.cms-index-index .ace-h12-promo-art {

  --ace-h11-green: #D5FE00;
  --ace-h11-green-dark: #9BC000;

}


/* Links de destaque */
.ace-global-header-scope.cms-index-index .ace-h12-promo-link,
.ace-global-header-scope.cms-index-index .ace-h11-accent,
.ace-global-header-scope.cms-index-index .ace-accent,
.ace-global-header-scope.cms-index-index .price-box .price,
.ace-global-header-scope.cms-index-index .special-price .price {

  color: #000000 !important;

}

/* ACE TENNIS — BRANDBOOK FINAL — FIM */














/* ACE TENNIS — LOGO REAL GRANDE E BOTTOM COPY FIX — INICIO
   Correção baseada no HTML real:
   Logo: .ace-h11-logo
   Banners: .ace-h12-promo-copy span/h3/p/strong
*/

/* HEADER: abre espaço real para uma logo maior */
.ace-global-header-scope.cms-index-index .ace-h11-main-header {

  display: grid !important;
  grid-template-columns: 280px minmax(360px, 720px) auto !important;
  align-items: center !important;
  column-gap: 26px !important;
  min-height: 108px !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-search {

  width: 100% !important;
  max-width: 720px !important;

}


/* LOGO MAIOR: bolinha oficial + nome ao lado */
.ace-global-header-scope.cms-index-index .ace-h11-logo {

  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  width: 270px !important;
  min-width: 270px !important;
  max-width: 270px !important;
  height: 104px !important;
  min-height: 104px !important;
  max-height: 104px !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;

  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-decoration: none !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-logo::before {

  content: "" !important;
  display: block !important;

  width: 104px !important;
  min-width: 104px !important;
  height: 104px !important;

  background-image: url("../images/brand/logo-official-circle.png") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  background-color: transparent !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-logo::after {

  content: "ACE\A TENNIS" !important;
  white-space: pre !important;
  display: block !important;

  margin-left: 14px !important;
  padding-top: 4px !important;

  font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.08 !important;
  letter-spacing: .25em !important;
  font-weight: 900 !important;
  color: #000000 !important;

}


/* Esconde o texto antigo ACE. / Tennis Store */
.ace-global-header-scope.cms-index-index .ace-h11-logo strong,
.ace-global-header-scope.cms-index-index .ace-h11-logo small,
.ace-global-header-scope.cms-index-index .ace-h11-logo img {

  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;

}


/* Responsivo */
@media (max-width: 768px) {

  .ace-global-header-scope.cms-index-index .ace-h11-main-header {

    grid-template-columns: 190px 1fr auto !important;
    min-height: 84px !important;
    column-gap: 14px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-logo {

    width: 190px !important;
    min-width: 190px !important;
    max-width: 190px !important;
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-logo::before {

    width: 76px !important;
    min-width: 76px !important;
    height: 76px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-logo::after {

    font-size: 12px !important;
    letter-spacing: .2em !important;
    margin-left: 9px !important;
  
}
}

/* ACE TENNIS — LOGO REAL GRANDE E BOTTOM COPY FIX — FIM */

/* ACE TENNIS — SOMENTE LOGO MAIOR HEADER — INICIO
   Escopo fechado:
   - aumenta a logo do header;
   - não toca nos banners;
   - não toca nas seções da Home.
*/

/* Dá mais espaço horizontal e vertical para a marca */
.ace-global-header-scope.cms-index-index .ace-h11-main-header {

  grid-template-columns: 360px minmax(360px, 700px) auto !important;
  column-gap: 28px !important;
  min-height: 124px !important;
  align-items: center !important;

}


/* Logo maior no topo */
.ace-global-header-scope.cms-index-index .ace-h11-logo {

  width: 345px !important;
  min-width: 345px !important;
  max-width: 345px !important;

  height: 118px !important;
  min-height: 118px !important;
  max-height: 118px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;

}


/* Bolinha oficial bem maior */
.ace-global-header-scope.cms-index-index .ace-h11-logo::before {

  width: 118px !important;
  min-width: 118px !important;
  max-width: 118px !important;

  height: 118px !important;
  min-height: 118px !important;
  max-height: 118px !important;

  background-image: url("../images/brand/logo-official-circle.png") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  background-color: transparent !important;

}


/* Nome ao lado maior e mais proporcional */
.ace-global-header-scope.cms-index-index .ace-h11-logo::after {

  content: "ACE\A TENNIS" !important;
  white-space: pre !important;
  display: block !important;

  margin-left: 16px !important;
  padding-top: 3px !important;

  font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
  font-size: 20px !important;
  line-height: 1.08 !important;
  letter-spacing: .25em !important;
  font-weight: 900 !important;
  color: #000000 !important;

}


/* Garante que o texto antigo não aparece junto */
.ace-global-header-scope.cms-index-index .ace-h11-logo strong,
.ace-global-header-scope.cms-index-index .ace-h11-logo small,
.ace-global-header-scope.cms-index-index .ace-h11-logo img {

  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;

}


/* Ajusta busca para não esmagar com a logo maior */
.ace-global-header-scope.cms-index-index .ace-h11-search {

  max-width: 700px !important;

}


/* Responsivo */
@media (max-width: 768px) {

  .ace-global-header-scope.cms-index-index .ace-h11-main-header {

    grid-template-columns: 220px 1fr auto !important;
    min-height: 92px !important;
    column-gap: 16px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-logo {

    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;

    height: 86px !important;
    min-height: 86px !important;
    max-height: 86px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-logo::before {

    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;

    height: 86px !important;
    min-height: 86px !important;
    max-height: 86px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-logo::after {

    font-size: 13px !important;
    letter-spacing: .2em !important;
    margin-left: 10px !important;
  
}
}


/* Top strip mais próximo do print do cliente */
.ace-global-header-scope.cms-index-index .ace-h11-top-strip {

  background: #000000 !important;
  color: #ffffff !important;
  border-bottom: 0 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-top-strip strong,
.ace-global-header-scope.cms-index-index .ace-h11-top-strip b,
.ace-global-header-scope.cms-index-index .ace-h11-top-strip span em,
.ace-global-header-scope.cms-index-index .ace-h11-top-strip .highlight {

  color: #D5FE00 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-top-strip svg,
.ace-global-header-scope.cms-index-index .ace-h11-top-strip path {

  stroke: #ffffff !important;

}


/* Header principal branco, limpo, com marca maior já aplicada */
.ace-global-header-scope.cms-index-index .ace-h11-site-header {

  background: #ffffff !important;
  border-bottom: 0 !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.06) !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-main-header {

  background: #ffffff !important;

}


/* Busca no padrão clean do print */
.ace-global-header-scope.cms-index-index .ace-h11-search {

  background: #f2f2f2 !important;
  border: 1px solid rgba(0,0,0,.04) !important;
  box-shadow: none !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-search input {

  background: transparent !important;
  color: #111111 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-search input::placeholder {

  color: #8c8c8c !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-search button svg,
.ace-global-header-scope.cms-index-index .ace-h11-header-actions svg {

  stroke: #000000 !important;

}


/* Menu vira faixa verde neon, como a referência */
.ace-global-header-scope.cms-index-index .ace-h11-menu-row {

  background: #D5FE00 !important;
  border-top: 1px solid rgba(0,0,0,.08) !important;
  border-bottom: 1px solid rgba(0,0,0,.14) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.08) !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-nav {

  min-height: 52px !important;
  align-items: center !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-nav a,
.ace-global-header-scope.cms-index-index .ace-h11-menu-row a {

  color: #000000 !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
  text-transform: none !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-nav a:hover,
.ace-global-header-scope.cms-index-index .ace-h11-menu-row a:hover {

  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

}


/* Item ativo no menu em pílula preta */
.ace-global-header-scope.cms-index-index .ace-h11-nav a.active,
.ace-global-header-scope.cms-index-index .ace-h11-nav .active > a,
.ace-global-header-scope.cms-index-index .ace-h11-menu-row a.active {

  background: #000000 !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  padding: 13px 28px !important;
  box-shadow: 0 10px 20px rgba(0,0,0,.16) !important;

}


/* Promoções deixa de parecer botão solto e entra na faixa */
.ace-global-header-scope.cms-index-index .ace-h11-menu-row a[href*="promo"],
.ace-global-header-scope.cms-index-index .ace-h11-menu-row a[href*="promoc"],
.ace-global-header-scope.cms-index-index .ace-h11-nav a[href*="promo"],
.ace-global-header-scope.cms-index-index .ace-h11-nav a[href*="promoc"] {

  background: transparent !important;
  color: #000000 !important;
  border-radius: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;

}


/* HERO: atmosfera preta/neon esportiva */
.ace-global-header-scope.cms-index-index .ace-h11-hero-slider {

  background: #050505 !important;
  color: #ffffff !important;
  position: relative !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  isolation: isolate !important;

}


/* faixa/brush neon atrás da arte */
.ace-global-header-scope.cms-index-index .ace-h11-hero-slider::before {

  content: "" !important;
  position: absolute !important;
  right: -8% !important;
  top: -18% !important;
  width: 58% !important;
  height: 135% !important;
  background:
    radial-gradient(circle at 58% 42%, rgba(213,254,0,.98), rgba(213,254,0,.82) 20%, transparent 47%),
    linear-gradient(135deg, transparent 0 34%, rgba(213,254,0,.95) 34% 49%, transparent 49% 100%) !important;
  transform: rotate(-8deg) !important;
  opacity: .96 !important;
  z-index: 0 !important;

}


/* textura escura sutil */
.ace-global-header-scope.cms-index-index .ace-h11-hero-slider::after {

  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 72% 50%, rgba(213,254,0,.20), transparent 23%),
    linear-gradient(90deg, rgba(0,0,0,.98) 0%, rgba(0,0,0,.92) 43%, rgba(0,0,0,.62) 67%, rgba(0,0,0,.78) 100%) !important;
  z-index: 1 !important;
  pointer-events: none !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-slide,
.ace-global-header-scope.cms-index-index .ace-h11-slide-inner,
.ace-global-header-scope.cms-index-index .ace-h11-slides {

  background: transparent !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-slide-inner {

  position: relative !important;
  z-index: 3 !important;
  min-height: 520px !important;

}


/* Texto hero mais campanha esportiva */
.ace-global-header-scope.cms-index-index .ace-h11-hero-copy {

  color: #ffffff !important;
  max-width: 560px !important;
  z-index: 4 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-eyebrow {

  color: #D5FE00 !important;
  letter-spacing: .34em !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-hero-title {

  color: #ffffff !important;
  text-transform: uppercase !important;
  font-weight: 950 !important;
  font-style: italic !important;
  letter-spacing: -.045em !important;
  line-height: .86 !important;
  text-shadow: 0 10px 24px rgba(0,0,0,.28) !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-hero-title span {

  color: #ffffff !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-hero-text {

  color: rgba(255,255,255,.88) !important;
  font-weight: 500 !important;

}


/* Botões do hero */
.ace-global-header-scope.cms-index-index .ace-h11-hero-actions .ace-h11-btn,
.ace-global-header-scope.cms-index-index .ace-h11-btn {

  border-radius: 0 !important;
  text-transform: uppercase !important;
  font-weight: 900 !important;
  letter-spacing: .03em !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-hero-actions .ace-h11-btn-dark,
.ace-global-header-scope.cms-index-index .ace-h11-btn-dark {

  background: #D5FE00 !important;
  color: #000000 !important;
  border-color: #D5FE00 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-hero-actions .ace-h11-btn-light,
.ace-global-header-scope.cms-index-index .ace-h11-btn-light {

  background: transparent !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.75) !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-hero-actions .ace-h11-btn-light:hover {

  background: #ffffff !important;
  color: #000000 !important;

}


/* Arte do hero mais forte e integrada */
.ace-global-header-scope.cms-index-index .ace-h11-hero-art {

  z-index: 4 !important;
  filter: drop-shadow(0 34px 40px rgba(0,0,0,.45)) !important;
  transform: scale(1.06) translateX(24px) !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-racket,
.ace-global-header-scope.cms-index-index .ace-h11-shoe,
.ace-global-header-scope.cms-index-index .ace-h11-bag,
.ace-global-header-scope.cms-index-index .ace-h11-ball {

  filter: saturate(1.08) contrast(1.05) !important;

}


/* Setas do carrossel em neon */
.ace-global-header-scope.cms-index-index .ace-h11-slider-arrow {

  background: #D5FE00 !important;
  color: #000000 !important;
  border: 0 !important;
  box-shadow: 0 14px 32px rgba(213,254,0,.28) !important;
  z-index: 8 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-slider-arrow:hover {

  background: #ffffff !important;
  color: #000000 !important;

}


/* Dots do carrossel */
.ace-global-header-scope.cms-index-index .ace-h11-dot,
.ace-global-header-scope.cms-index-index .ace-h11-hero-dot {

  background: rgba(255,255,255,.40) !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-dot.active,
.ace-global-header-scope.cms-index-index .ace-h11-dot.is-active,
.ace-global-header-scope.cms-index-index .ace-h11-hero-dot.active,
.ace-global-header-scope.cms-index-index .ace-h11-hero-dot.is-active {

  background: #D5FE00 !important;

}


/* Benefícios logo abaixo do hero: mantém estrutura, mas conecta com o tema */
.ace-global-header-scope.cms-index-index .ace-h11-benefits {

  background: #ffffff !important;
  border-bottom: 1px solid rgba(0,0,0,.06) !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-benefit-icon {

  background: #000000 !important;
  color: #D5FE00 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-benefit-icon svg,
.ace-global-header-scope.cms-index-index .ace-h11-benefit-icon path {

  stroke: #D5FE00 !important;

}


/* Cards de produto mantidos brancos para preservar fotos */
.ace-global-header-scope.cms-index-index .ace-h11-product-card,
.ace-global-header-scope.cms-index-index .ace-h12-launch-card {

  background: #ffffff !important;
  border-color: rgba(0,0,0,.06) !important;

}


/* Botões de produto mais ACE */
.ace-global-header-scope.cms-index-index .ace-h11-product-btn {

  background: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-product-btn:hover {

  background: #D5FE00 !important;
  color: #000000 !important;
  border-color: #D5FE00 !important;

}


/* Seções de produtos com leve contraste, sem mudar cards */
.ace-global-header-scope.cms-index-index .ace-h11-products,
.ace-global-header-scope.cms-index-index .ace-h12-launches {

  background:
    radial-gradient(circle at 92% 4%, rgba(213,254,0,.09), transparent 26%),
    #f8f9f5 !important;

}


/* Responsivo básico sem mexer em estrutura */
@media (max-width: 1024px) {

  .ace-global-header-scope.cms-index-index .ace-h11-slide-inner {

    min-height: 460px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-hero-art {

    transform: scale(.98) translateX(8px) !important;
  
}
}


@media (max-width: 768px) {

  .ace-global-header-scope.cms-index-index .ace-h11-menu-row {

    background: #D5FE00 !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-slide-inner {

    min-height: 420px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-hero-title {

    font-size: clamp(42px, 13vw, 68px) !important;
  
}
}

/* ACE TENNIS — HOME BLACK NEON EXPERIMENTAL — FIM */

/* ACE TENNIS — LOGO HORIZONTAL GRANDE CLIENTE — INICIO
   Escopo fechado:
   - usa logo horizontal grande no padrão do exemplo do cliente;
   - remove bolinha pequena + texto empilhado;
   - não toca nos banners, cards, categorias nem hero.
*/

/* Abre espaço real para a marca horizontal */
.ace-global-header-scope.cms-index-index .ace-h11-main-header {

  grid-template-columns: 360px minmax(360px, 700px) auto !important;
  column-gap: 28px !important;
  min-height: 116px !important;
  align-items: center !important;

}


/* Logo horizontal grande: bola + ACE TENNIS ao lado */
.ace-global-header-scope.cms-index-index .ace-h11-logo {

  position: relative !important;
  display: block !important;

  width: 320px !important;
  min-width: 320px !important;
  max-width: 320px !important;

  height: 92px !important;
  min-height: 92px !important;
  max-height: 92px !important;

  background-image: url("../images/brand/logo-header-final.png") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
  background-color: transparent !important;

  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;

  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-decoration: none !important;

}


/* Remove qualquer montagem por pseudo-elementos anterior */
.ace-global-header-scope.cms-index-index .ace-h11-logo::before,
.ace-global-header-scope.cms-index-index .ace-h11-logo::after {

  content: none !important;
  display: none !important;

}


/* Esconde o texto antigo ACE. / Tennis Store */
.ace-global-header-scope.cms-index-index .ace-h11-logo strong,
.ace-global-header-scope.cms-index-index .ace-h11-logo small,
.ace-global-header-scope.cms-index-index .ace-h11-logo img {

  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;

}


/* Evita a busca ser esmagada pela logo maior */
.ace-global-header-scope.cms-index-index .ace-h11-search {

  max-width: 700px !important;

}


/* Responsivo */
@media (max-width: 768px) {

  .ace-global-header-scope.cms-index-index .ace-h11-main-header {

    grid-template-columns: 230px 1fr auto !important;
    min-height: 88px !important;
    column-gap: 14px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h11-logo {

    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;

    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
  
}
}

/* ACE TENNIS — LOGO HORIZONTAL GRANDE CLIENTE — FIM */


/* ACE TENNIS — ESTADOS CORRETOS PROMOCOES MENU — INICIO
   O item principal Promoções:
   - fica transparente/preto sobre a faixa verde quando inativo;
   - vira pílula preta apenas quando seu próprio menu está ativo;
   - não estiliza links internos do mega menu.
*/

/* Item pai não recebe fundo próprio */
.ace-global-header-scope.cms-index-index
.ace-h11-nav
> .ace-h11-nav-item:last-child {

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  overflow: visible !important;

}


/* ESTADO NORMAL de Promoções */
.ace-global-header-scope.cms-index-index
.ace-h11-nav
> .ace-h11-nav-item:last-child
> a {

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 132px !important;
  min-height: 40px !important;
  height: 40px !important;

  padding: 0 26px !important;
  margin: 0 !important;

  background: transparent !important;
  color: #000000 !important;

  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;

  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;

  transform: none !important;
  transition:
    background-color .18s ease,
    color .18s ease,
    transform .18s ease,
    box-shadow .18s ease !important;

}


/* ATIVO somente quando o próprio item estiver sendo usado */
.ace-global-header-scope.cms-index-index
.ace-h11-nav
> .ace-h11-nav-item:last-child:hover
> a,

.ace-global-header-scope.cms-index-index
.ace-h11-nav
> .ace-h11-nav-item:last-child:focus-within
> a,

.ace-global-header-scope.cms-index-index
.ace-h11-nav
> .ace-h11-nav-item:last-child.is-open
> a,

.ace-global-header-scope.cms-index-index
.ace-h11-nav
> .ace-h11-nav-item:last-child.open
> a,

.ace-global-header-scope.cms-index-index
.ace-h11-nav
> .ace-h11-nav-item:last-child.active
> a,

.ace-global-header-scope.cms-index-index
.ace-h11-nav
> .ace-h11-nav-item:last-child
> a[aria-expanded="true"] {

  background: #000000 !important;
  color: #FFFFFF !important;

  border-radius: 999px !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, .20) !important;

  transform: translateY(-1px) !important;

}


/* Quando o mouse está em outro item, Promoções volta ao normal */
.ace-global-header-scope.cms-index-index
.ace-h11-nav:hover
> .ace-h11-nav-item:last-child:not(:hover):not(:focus-within)
> a:not([aria-expanded="true"]) {

  background: transparent !important;
  color: #000000 !important;
  box-shadow: none !important;
  transform: none !important;

}


/* Links internos de qualquer mega menu permanecem normais */
.ace-global-header-scope.cms-index-index
.ace-h11-nav
.ace-h11-mega a,

.ace-global-header-scope.cms-index-index
.ace-h11-nav
.ace-h11-mega-list a {

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  height: auto !important;
  min-height: 0 !important;

  padding: 10px 12px !important;
  margin: 0 !important;

  background: transparent !important;
  color: #111111 !important;

  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;

  font-size: inherit !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: normal !important;
  text-transform: none !important;

  transform: none !important;
  overflow: visible !important;

}


/* Hover somente nos links internos */
.ace-global-header-scope.cms-index-index
.ace-h11-nav
.ace-h11-mega a:hover,

.ace-global-header-scope.cms-index-index
.ace-h11-nav
.ace-h11-mega-list a:hover {

  background: rgba(213, 254, 0, .20) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  border-radius: 10px !important;
  box-shadow: none !important;
  transform: none !important;

}


/* Evita que regras amplas por URL atinjam o painel interno */
.ace-global-header-scope.cms-index-index
.ace-h11-mega a[href*="promo"],

.ace-global-header-scope.cms-index-index
.ace-h11-mega a[href*="promoc"],

.ace-global-header-scope.cms-index-index
.ace-h11-mega-list a[href*="promo"],

.ace-global-header-scope.cms-index-index
.ace-h11-mega-list a[href*="promoc"] {

  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;

  padding: 10px 12px !important;

  background: transparent !important;
  color: #111111 !important;

  border-radius: 10px !important;
  box-shadow: none !important;
  transform: none !important;

}


/* ==========================================================
   PRODUTOS EM DESTAQUE — CLARO, PREMIUM E LEGÍVEL
   ========================================================== */

.ace-global-header-scope.cms-index-index .ace-h11-products {

  position: relative !important;
  overflow: hidden !important;

  padding-top: 88px !important;
  padding-bottom: 96px !important;

  background:
    radial-gradient(circle at 92% 2%, rgba(213,254,0,.16), transparent 27%),
    linear-gradient(180deg, #F7F8F4 0%, #FFFFFF 100%) !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-products::before {

  content: "" !important;
  position: absolute !important;
  right: -120px !important;
  top: -180px !important;

  width: 410px !important;
  height: 410px !important;

  border: 62px solid rgba(213,254,0,.10) !important;
  border-radius: 50% !important;

  pointer-events: none !important;

}


/* Cabeçalho */
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-section-head {

  position: relative !important;
  z-index: 2 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-featured-pill {

  background: #000000 !important;
  color: #D5FE00 !important;

  border-radius: 999px !important;
  border: 0 !important;

  padding: 8px 16px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .17em !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-section-head h2 {

  color: #000000 !important;
  font-weight: 900 !important;
  letter-spacing: -.045em !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-section-head p {

  color: #606060 !important;

}


/* Cards continuam claros e preservam as fotos */
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-product-card {

  position: relative !important;

  background: #FFFFFF !important;
  border: 1px solid rgba(0,0,0,.07) !important;

  box-shadow:
    0 16px 34px rgba(0,0,0,.07),
    0 2px 8px rgba(0,0,0,.025) !important;

  overflow: hidden !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-product-card::before {

  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;

  width: 4px !important;
  background: #D5FE00 !important;

  opacity: 0 !important;
  transition: opacity .18s ease !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-product-card:hover {

  transform: translateY(-6px) !important;
  border-color: rgba(213,254,0,.55) !important;

  box-shadow:
    0 24px 52px rgba(0,0,0,.13),
    0 0 0 1px rgba(213,254,0,.12) !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-product-card:hover::before {

  opacity: 1 !important;

}


/* Imagem permanece branca */
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-product-img {

  background:
    radial-gradient(circle at center, #FFFFFF 0%, #F7F7F5 100%) !important;

}


/* Nome e preço */
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-product-name {

  color: #121212 !important;
  font-weight: 800 !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-product-price,
.ace-global-header-scope.cms-index-index .ace-h11-products .price {

  color: #000000 !important;
  font-weight: 900 !important;

}


/* Botão */
.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-product-btn {

  background: #000000 !important;
  color: #FFFFFF !important;

  border: 1px solid #000000 !important;
  border-radius: 10px !important;

  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .025em !important;

}


.ace-global-header-scope.cms-index-index .ace-h11-products .ace-h11-product-btn:hover {

  background: #D5FE00 !important;
  color: #000000 !important;

  border-color: #D5FE00 !important;

}


.ace-global-header-scope.cms-index-index .ace-h12-launch-card .ace-h11-product-img {

  background:
    radial-gradient(circle at center, #FFFFFF 0%, #F4F4F1 100%) !important;

}


.ace-global-header-scope.cms-index-index .ace-h12-launch-card .ace-h11-product-name {

  color: #111111 !important;
  font-weight: 800 !important;

}


.ace-global-header-scope.cms-index-index .ace-h12-launch-card .ace-h11-product-price,
.ace-global-header-scope.cms-index-index .ace-h12-launch-card .price {

  color: #000000 !important;
  font-weight: 900 !important;

}


.ace-global-header-scope.cms-index-index .ace-h12-launch-card .ace-h11-product-btn {

  background: #000000 !important;
  color: #FFFFFF !important;

  border: 1px solid #000000 !important;
  border-radius: 10px !important;

  font-weight: 900 !important;
  text-transform: uppercase !important;

}


.ace-global-header-scope.cms-index-index .ace-h12-launch-card .ace-h11-product-btn:hover {

  background: #D5FE00 !important;
  color: #000000 !important;
  border-color: #D5FE00 !important;

}


/* ==========================================================
   TRANSIÇÕES VISUAIS ENTRE AS SEÇÕES
   ========================================================== */

.ace-global-header-scope.cms-index-index .ace-h12-categories,
.ace-global-header-scope.cms-index-index .ace-h11-products,
.ace-global-header-scope.cms-index-index .ace-h12-launches {

  scroll-margin-top: 120px !important;

}


/* ==========================================================
   RESPONSIVO
   ========================================================== */

@media (max-width: 1024px) {

  .ace-global-header-scope.cms-index-index .ace-h12-categories,
  .ace-global-header-scope.cms-index-index .ace-h11-products,
  .ace-global-header-scope.cms-index-index .ace-h12-launches {

    padding-top: 68px !important;
    padding-bottom: 74px !important;
  
}
}


@media (max-width: 768px) {

  .ace-global-header-scope.cms-index-index .ace-h12-categories,
  .ace-global-header-scope.cms-index-index .ace-h11-products,
  .ace-global-header-scope.cms-index-index .ace-h12-launches {

    padding-top: 54px !important;
    padding-bottom: 60px !important;
  
}


  .ace-global-header-scope.cms-index-index .ace-h12-category-card:hover,
  .ace-global-header-scope.cms-index-index .ace-h11-product-card:hover,
  .ace-global-header-scope.cms-index-index .ace-h12-launch-card:hover {

    transform: none !important;
  
}
}


/* ACE TENNIS - CATEGORY CARDS CONTRAST FIX V1 - FIM */


/* ACE TENNIS - MOBILE HEADER FINAL V1 - INICIO
   Ajuste restrito a celulares.
   Organiza:
   - hamburguer na esquerda;
   - logo centralizada e sem corte;
   - busca em uma linha completa abaixo.
*/

@media (max-width: 768px) {


  /*
   * Evita que larguras minimas antigas provoquem
   * estouro horizontal no cabecalho.
   */
  .ace-global-header-scope.cms-index-index .ace-h11-site-header {

    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
  
}


  /*
   * Primeira linha:
   * hamburguer | logo centralizada | espaco de equilibrio
   *
   * Segunda linha:
   * campo de busca ocupando toda a largura.
   */
  .ace-global-header-scope.cms-index-index
  .ace-h11-main-header {

    display: grid !important;

    grid-template-columns:
      48px
      minmax(0, 1fr)
      48px !important;

    grid-template-rows:
      72px
      48px !important;

    align-items: center !important;
    justify-content: stretch !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    min-height: 132px !important;

    column-gap: 8px !important;
    row-gap: 4px !important;

    margin: 0 auto !important;
    padding: 6px 14px 10px !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
  
}


  /*
   * Logo:
   * remove largura minima desktop;
   * centraliza entre as duas colunas laterais;
   * mantem proporcao horizontal.
   */
  .ace-global-header-scope.cms-index-index
  .ace-h11-main-header
  .ace-h11-logo {

    grid-column: 2 !important;
    grid-row: 1 !important;

    justify-self: center !important;
    align-self: center !important;

    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 220px !important;

    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;

    margin: 0 !important;
    padding: 0 !important;

    background-position: center center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
  
}


  /*
   * Magento ou tema podem usar qualquer uma destas
   * classes para o botao hamburguer.
   */
  .ace-global-header-scope.cms-index-index
  .ace-h11-main-header
  .nav-toggle,

  .ace-global-header-scope.cms-index-index
  .ace-h11-main-header
  .ace-h11-mobile-toggle,

  .ace-global-header-scope.cms-index-index
  .ace-h11-main-header
  .ace-h11-menu-toggle {

    grid-column: 1 !important;
    grid-row: 1 !important;

    justify-self: start !important;
    align-self: center !important;

    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;

    margin: 0 !important;
    padding: 0 !important;

    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;

    transform: none !important;
  
}


  /*
   * Busca em linha propria, abaixo da marca.
   */
  .ace-global-header-scope.cms-index-index
  .ace-h11-main-header
  .ace-h11-search {

    grid-column: 1 / -1 !important;
    grid-row: 2 !important;

    align-self: center !important;
    justify-self: stretch !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 42px !important;
    min-height: 42px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
  
}


  .ace-global-header-scope.cms-index-index
  .ace-h11-main-header
  .ace-h11-search form {

    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  
}


  .ace-global-header-scope.cms-index-index
  .ace-h11-main-header
  .ace-h11-search input {

    width: 100% !important;
    max-width: none !important;
    height: 42px !important;

    padding-left: 20px !important;
    padding-right: 48px !important;

    box-sizing: border-box !important;
  
}


  /*
   * Os atalhos de telefone, conta, favoritos e carrinho
   * nao aparecem nesta composicao mobile.
   */
  .ace-global-header-scope.cms-index-index
  .ace-h11-main-header
  .ace-h11-header-actions {

    display: none !important;
  
}
}


/*
 * Ajuste fino para celulares menores,
 * como 390 px e larguras proximas.
 */
@media (max-width: 420px) {


  .ace-global-header-scope.cms-index-index
  .ace-h11-main-header {

    grid-template-columns:
      44px
      minmax(0, 1fr)
      44px !important;

    column-gap: 6px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  
}


  .ace-global-header-scope.cms-index-index
  .ace-h11-main-header
  .ace-h11-logo {

    max-width: 198px !important;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
  
}
}


/*
 * Ajuste adicional para celulares muito estreitos.
 */
@media (max-width: 360px) {


  .ace-global-header-scope.cms-index-index
  .ace-h11-main-header
  .ace-h11-logo {

    max-width: 178px !important;
  
}
}

/* ACE CANONICAL HEADER HOVER */
html body .ace-global-header-scope.cms-index-index
.ace-h11-menu-row .ace-h11-nav-item > a:hover,

html body .ace-global-header-scope.cms-index-index
.ace-h11-menu-row .ace-h11-nav-item.has-mega:hover > a,

html body .ace-global-header-scope.cms-index-index
.ace-h11-menu-row .ace-h11-nav-item.has-mega:focus-within > a {
    background: #000 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
}

html body .ace-global-header-scope.cms-index-index
.ace-h11-menu-row .ace-h11-nav-item > a:hover *,

html body .ace-global-header-scope.cms-index-index
.ace-h11-menu-row .ace-h11-nav-item.has-mega:hover > a *,

html body .ace-global-header-scope.cms-index-index
.ace-h11-menu-row .ace-h11-nav-item.has-mega:focus-within > a * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
/* ACE CANONICAL HEADER HOVER END */

/* ACE CANONICAL SHARED HEADER END */

/* ACE CATEGORY HEADER DESKTOP PARITY */
@media (min-width: 1200px) {

  html body.catalog-category-view.ace-category-v1
  .ace-global-header-scope.cms-index-index
  .ace-h11-top-strip .ace-h11-container {
    width: min(1480px, calc(100% - 48px)) !important;
    max-width: none !important;
    min-height: 44px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 30px !important;
  }

  html body.catalog-category-view.ace-category-v1
  .ace-global-header-scope.cms-index-index
  .ace-h11-main-header,

  html body.catalog-category-view.ace-category-v1
  .ace-global-header-scope.cms-index-index
  .ace-h11-mega-nav {
    width: min(1420px, calc(100% - 48px)) !important;
    max-width: none !important;
  }

  html body.catalog-category-view.ace-category-v1
  .ace-global-header-scope.cms-index-index
  .ace-h11-main-header {
    grid-template-columns: 360px minmax(360px, 700px) auto !important;
    column-gap: 28px !important;
    min-height: 116px !important;
  }

  html body.catalog-category-view.ace-category-v1
  .ace-global-header-scope.cms-index-index
  .ace-h11-search {
    width: 700px !important;
    max-width: 700px !important;
    height: 50px !important;
  }

  html body.catalog-category-view.ace-category-v1
  .ace-global-header-scope.cms-index-index
  .ace-h11-header-actions {
    width: auto !important;
    min-width: auto !important;
    max-width: none !important;
    gap: 18px !important;
  }

  html body.catalog-category-view.ace-category-v1
  .ace-global-header-scope.cms-index-index
  .ace-h11-mega-nav {
    gap: 18px !important;
  }
}
/* ACE CATEGORY HEADER DESKTOP PARITY END */

/* ACE GLOBAL STABLE SCROLLBAR GUTTER */

/*
 * Mantém a mesma largura útil em páginas curtas e longas,
 * evitando o deslocamento horizontal do cabeçalho.
 */
html {
    scrollbar-gutter: stable !important;
}

/* ACE GLOBAL STABLE SCROLLBAR GUTTER END */