/* ACE PDP V5.73 CARD POLISH FINAL START
   Ajuste baseado no vídeo:
   - V5.72 ativou o efeito correto.
   - Agora removemos a moldura neon completa do hover.
   - Removemos o painel branco externo para aproximar da Home.
   - Mantemos flip/hover real dos cards.
*/

/* Tira a "caixa" externa da seção para os cards respirarem como na Home */
html body.catalog-product-view .ace-pdp-related-h11-exact {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 34px auto 32px !important;
    max-width: 1320px !important;
    overflow: visible !important;
}

/* Mantém o título alinhado com a grade, sem painel branco atrás */
html body.catalog-product-view .ace-pdp-related-h11-exact .ace-pdp-related-header-v515 {
    margin: 0 0 18px !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}

/* Ajuste da grade para ficar mais próxima da Home */
html body.catalog-product-view .ace-pdp-related-h11-exact.ace-category-home-card-scope .ace-h11-products-grid {
    margin-top: 28px !important;
    gap: 26px !important;
    max-width: 1320px !important;
    justify-content: center !important;
}

/* Estado normal: mesmo card claro, mas menos "caixa dentro de caixa" */
html body.catalog-product-view .ace-pdp-related-h11-exact.ace-category-home-card-scope .ace-h11-product-card {
    border-color: 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;
}

/* Hover: remove o contorno neon completo; deixa sombra + barra lateral */
html body.catalog-product-view .ace-pdp-related-h11-exact.ace-category-home-card-scope .ace-h11-product-card:hover,
html body.catalog-product-view .ace-pdp-related-h11-exact.ace-category-home-card-scope .ace-h11-product-card.is-flipping {
    transform: translateY(-6px) !important;
    border-color: rgba(0,0,0,.08) !important;
    box-shadow:
        0 24px 52px rgba(0,0,0,.13),
        0 2px 10px rgba(0,0,0,.035) !important;
}

/* O destaque neon fica só na lateral, como detalhe premium */
html body.catalog-product-view .ace-pdp-related-h11-exact.ace-category-home-card-scope .ace-h11-product-card::before {
    width: 4px !important;
    background: #D5FE00 !important;
    opacity: 0 !important;
}

html body.catalog-product-view .ace-pdp-related-h11-exact.ace-category-home-card-scope .ace-h11-product-card:hover::before,
html body.catalog-product-view .ace-pdp-related-h11-exact.ace-category-home-card-scope .ace-h11-product-card.is-flipping::before {
    opacity: 1 !important;
}

/* Evita qualquer borda/outline herdado no foco visual do hover */
html body.catalog-product-view .ace-pdp-related-h11-exact.ace-category-home-card-scope .ace-h11-product-card,
html body.catalog-product-view .ace-pdp-related-h11-exact.ace-category-home-card-scope .ace-h11-product-card:hover,
html body.catalog-product-view .ace-pdp-related-h11-exact.ace-category-home-card-scope .ace-h11-product-card.is-flipping {
    outline: none !important;
}

/* Imagem mantém o flip real que já funcionou na V5.72 */
html body.catalog-product-view .ace-pdp-related-h11-exact.ace-category-home-card-scope .ace-h11-product-img img {
    transition: transform 1850ms cubic-bezier(.16,.84,.22,1) !important;
}

/* Botão como Home: preto normal, neon só no hover do botão */
html body.catalog-product-view .ace-pdp-related-h11-exact.ace-category-home-card-scope .ace-h11-product-btn {
    background: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
    border-radius: 10px !important;
}

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

/* ACE PDP V5.73 CARD POLISH FINAL END */
