/* =========================================================
   Teu gradiente existente (mantido)
   ========================================================= */

/* For Six theme */
.domainchecker-homepage {
    background: linear-gradient(90deg, #5A00B0 0%, #FF2E7A 100%) !important;
}

/* For Twenty-One theme */
section#main-banner,
div#home-banner,
div.domain-search {
    background: linear-gradient(90deg, #5A00B0 0%, #FF2E7A 100%) !important;
}

/* For Lagom theme (if you’re using Lagom) */
.section--domain,
.lg-domain-search,
.hero--domain {
    background: linear-gradient(90deg, #5A00B0 0%, #FF2E7A 100%) !important;
}


/* =========================================================
   HostGate - Home Products: 2 cartões grandes e centrados
   ========================================================= */

/* Espaçamento vertical consistente entre cartões */
.home-products .row {
    /* se o teu Bootstrap não suportar gap, mantém o estilo inline com row-gap */
    row-gap: 30px;
    justify-content: center; /* centra quando há 1-2 cartões */
}

/* Igualar alturas dos cartões e alinhar conteúdo */
.home-products .item,
.home-products .box {
    height: 100%;
}
.home-products .text {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.home-products .box-price {
    margin-top: auto; /* empurra a zona de preço/botão para a base do card */
}

/* -------- Layout responsivo (override às colunas do tema) -------- */
/* Base (mobile): 1 coluna */
.home-products .row > [class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

/* >= 768px (tablet/desktop pequeno): 2 colunas */
@media (min-width: 768px) {
    .home-products .row {
        justify-content: center;
    }
    .home-products .row > [class*="col-"] {
        /* ~duas colunas grandes, deixando espaço entre elas */
        flex: 0 0 48% !important;
        max-width: 48% !important;
    }
}

/* >= 1200px (desktop grande): 2 colunas mais equilibradas */
@media (min-width: 1200px) {
    .home-products .row > [class*="col-"] {
        flex: 0 0 44% !important;  /* ~2 x 44% + gutters */
        max-width: 44% !important;
    }
}

/* (Opcional) Se quiseres MESMO mostrar só 2 produtos,
   descomenta as 3 linhas em baixo para esconder do 3º em diante. */
/*
.home-products .row > [class*="col-"]:nth-child(n+3) {
    display: none !important;
}
*/

.footer-bottom .logo img {
    margin-top: -10px;
}