.related-products {
    background-color: #FFF;
}

.related-products .container {
    padding-bottom: 32px;
}

.related-products h2 {
    color: var(--GrayScale-Dark, #1D242D);
    font-family: "Hanken Grotesk", system-ui, sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 42px;
    /* 131.25% */
    padding-bottom: 12px;
    border-bottom: 1px solid #1D242D;
}

.related-products .product-card a {
    display: flex;
    flex-direction: column;
    text-align: left;
    align-items: flex-start;
    justify-content: flex-start;
    color: #000;
    font-family: "Hanken Grotesk", system-ui, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    /* 144.444% */
}

.related-products .product-card:hover .btn_add_cart_produto{
    display: flex;
}

.btn_add_cart_produto {
    padding: 10px 16px;
    border-radius: 10px;
    background: var(--Foundation-Red-Normal, #EF4444);
    display: none;
    justify-content: center;  /* Centraliza horizontalmente */
    align-items: center;      /* Centraliza verticalmente */
    transition: all ease 0.3s;  
    width: 100%;
    color: var(--WF-Base-White, #FFF);
    font-family: "Inter", "Hanken Grotesk", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    cursor: pointer;
}

.related-products .product-card a .attachment-medium{
    max-width: 256px;
    height: 277px;
    object-fit: cover;
}

.products-grid {
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.related-products .product-card:hover .product-link{
    transform: scale(1.05) !important;
}

.related-products .products-grid{
    padding: 24px;
}

.products-grid .product-card{
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 447px;
}

.related-products .products-grid .product-card{
    max-width: 258px;
    justify-content: space-between;
}

.related-products .products-grid .product-card .product-content{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.related-products .product-short-description {
    text-align: left;
}

.related-products .product-price {
    color: var(--Green, #36BF84);
    font-family: "Hanken Grotesk", system-ui, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    /* 125% */
}

@media (max-width: 1024px) {
    .related-products .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .related-products .products-grid{
        justify-content: center;
    }

    .btn_add_cart_produto {
        display: flex;
    }
}