/*
 * ACE CATEGORY HOME CARD CLONE V1
 * Gerado a partir do CSS real da Home.
 * Escopo seguro: somente categoria/catalog-category-view.
 * Não altera a Home.
 */

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope {
    width: 100% !important;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-category-home-products-copy {
    margin: 0 !important;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-products-grid {
display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-card {
background: #fff;
  border: 1px solid #ededeb;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 18px 48px rgba(0,0,0,.06);
  transition: .22s ease;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-card:hover {
transform: translateY(-4px);
  box-shadow: 0 28px 70px rgba(0,0,0,.10);
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-img {
height: 260px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #f5f5f2, #e9e9e5);
  text-decoration: none !important;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-img img {
max-width: 86%;
  max-height: 86%;
  object-fit: contain;
  transition: .22s ease;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-card:hover .ace-h11-product-img img {
transform: scale(1.04) rotate(-2deg);
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-img span {
font-size: 52px;
  color: #111;
  font-weight: 950;
  letter-spacing: -.08em;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-info {
padding: 20px 20px 22px;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-name {
display: block;
  min-height: 44px;
  color: #161616 !important;
  text-decoration: none !important;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 850;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-price {
margin-top: 12px;
  color: #111;
  font-size: 22px;
  font-weight: 950;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-btn {
margin-top: 16px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 15px;
  background: #111;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
}

@media (max-width: 1100px) {
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-products-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 760px) {
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-products-grid {
grid-template-columns: 1fr;
}
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-products-grid {
display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 26px !important;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .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;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .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 */
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .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;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .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;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .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;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-card:hover .ace-h11-product-img img {
transform: scale(1.055) rotate(-2deg) !important;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-info {
padding: 8px 24px 24px !important;
  background: #fff !important;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .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;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .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;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .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;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .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 */
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-products-grid {
justify-content: start !important;
}

@media (max-width: 1100px) {
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-products-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}

@media (max-width: 760px) {
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-products-grid {
grid-template-columns: 1fr !important;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-img {
height: 260px !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.
*/

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-card {
perspective: 1200px !important;
  transform-style: preserve-3d !important;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-img {
transform: none !important;
  transform-style: preserve-3d !important;
  overflow: hidden !important;
}

/* Remove completamente o "verso" escuro criado no efeito anterior */
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-img::after {
content: none !important;
  display: none !important;
}

/* Cancela qualquer giro anterior aplicado no container da imagem */
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-products-grid:hover .ace-h11-product-img,
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-card:hover .ace-h11-product-img,
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-card.is-flipping .ace-h11-product-img,
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-card:not(.is-flipping) .ace-h11-product-img {
transform: none !important;
}

/* A imagem continua visível mesmo durante o giro */
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .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 */
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-card:not(.is-flipping) .ace-h11-product-img img {
transform: rotateY(0deg) scale(1) !important;
}

/* Só o card ativo gira */
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-card.is-flipping .ace-h11-product-img img {
transform: rotateY(180deg) scale(1.055) !important;
}

preço e botão parados */
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-info,
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-name,
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-price,
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-btn {
transform: none !important;
  backface-visibility: visible !important;
}

/* Centraliza melhor quando a loja ainda tem poucos produtos */
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .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 */
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-card {
border-radius: 30px !important;
  box-shadow: 0 24px 68px rgba(0,0,0,.075) !important;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-img {
height: 292px !important;
  padding: 28px 28px 12px !important;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-info {
padding: 10px 24px 24px !important;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-name {
font-size: 15px !important;
  line-height: 1.35 !important;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-price {
font-size: 24px !important;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-btn {
height: 49px !important;
  border-radius: 16px !important;
}

@media (max-width: 760px) {
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-products-grid {
grid-template-columns: 1fr !important;
    max-width: 360px !important;
}
}

/* Cards dos destaques no mesmo padrão dos lançamentos */
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .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;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .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;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-products .ace-h11-product-img {
height: 270px !important;
  padding: 28px 28px 12px !important;
  background: #fff !important;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .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;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-products .ace-h11-product-info {
padding: 10px 24px 24px !important;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-products .ace-h11-product-name {
font-size: 15px !important;
  line-height: 1.35 !important;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-products .ace-h11-product-price {
font-size: 24px !important;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-products .ace-h11-product-btn {
height: 49px !important;
  border-radius: 16px !important;
}

@media (max-width: 760px) {
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-products-grid {
grid-template-columns: 1fr !important;
    max-width: 360px !important;
}
}

sem alterar o alinhamento do cabeçalho */
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-products-grid {
max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 390px) {
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-card {
min-height: 278px !important;
    height: 278px !important;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-img {
height: 88px !important;
    min-height: 88px !important;
    max-height: 88px !important;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-img img {
height: 82px !important;
    max-height: 82px !important;
}
}

@media (max-width: 390px) {
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-card {
height: 306px !important;
    min-height: 306px !important;
    max-height: 306px !important;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-img {
height: 96px !important;
    min-height: 96px !important;
    max-height: 96px !important;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-img img {
height: 88px !important;
    max-height: 88px !important;
}
}

@media (max-width: 390px) {
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-card {
height: 318px !important;
    min-height: 318px !important;
    max-height: 318px !important;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-name,
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-card h3 {
font-size: 8.9px !important;
}
}

/* Cards de produto mantidos brancos para preservar fotos */
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-card {
background: #ffffff !important;
  border-color: rgba(0,0,0,.06) !important;
}

/* Botões de produto mais ACE */
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-btn {
background: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-btn:hover {
background: #D5FE00 !important;
  color: #000000 !important;
  border-color: #D5FE00 !important;
}

/* Cards continuam claros e preservam as fotos */
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .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;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .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;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .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;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-products .ace-h11-product-card:hover::before {
opacity: 1 !important;
}

/* Imagem permanece branca */
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-products .ace-h11-product-img {
background:
    radial-gradient(circle at center, #FFFFFF 0%, #F7F7F5 100%) !important;
}

/* Nome e preço */
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-products .ace-h11-product-name {
color: #121212 !important;
  font-weight: 800 !important;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-products .ace-h11-product-price {
color: #000000 !important;
  font-weight: 900 !important;
}

/* Botão */
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .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;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-products .ace-h11-product-btn:hover {
background: #D5FE00 !important;
  color: #000000 !important;

  border-color: #D5FE00 !important;
}

@media (max-width: 768px) {
body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-product-card:hover {
transform: none !important;
}
}



body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-container {
    max-width: none !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-products {
    background: transparent !important;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-products::before {
    display: none !important;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-card-scope .ace-h11-products-grid {
    margin-top: 34px !important;
}

body.catalog-category-view.ace-category-v1 .ace-category-home-toolbar-bottom {
    margin-top: 42px !important;
}