/* Medihab Commerce product card purchase layout */
.mhc-premium-product-card .mhc-product-card-footer {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    align-items: stretch !important;
}

.mhc-premium-product-card .mhc-product-card-pricing {
    width: 100%;
}

.mhc-premium-product-card .mhc-product-card-pricing .mhc-vat-price-note {
    width: max-content;
    max-width: 100%;
}

/* Keep product titles compact and use the full width of the card. */
.mhc-premium-product-card h3 {
    width: 100% !important;
    max-width: none !important;
    margin: 12px 0 10px !important;
    font-size: clamp(18px, 1.35vw, 22px) !important;
    line-height: 1.18 !important;
    letter-spacing: -0.015em !important;
}

.mhc-premium-product-card h3 a {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
}

.mhc-premium-product-card .mhc-product-card-button {
    width: min(78%, 280px) !important;
    min-height: 46px !important;
    margin: 2px auto 0 !important;
    padding: 11px 17px !important;
    font-size: 13px !important;
}

/* Homepage Featured Products: the category is already shown on the image badge,
 * so keep the lower card area clean and centre each purchase action on its own line. */
.mhc-home-product-grid .mhc-product-card-meta {
    justify-content: center !important;
    text-align: center !important;
}

.mhc-home-product-grid .mhc-product-card-taxonomy {
    display: none !important;
}

.mhc-home-product-grid .mhc-product-card-availability {
    margin: 0 auto !important;
    justify-content: center !important;
    text-align: center !important;
}

.mhc-home-product-grid .mhc-product-card-footer {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    text-align: center !important;
}

.mhc-home-product-grid .mhc-product-card-pricing {
    display: flex !important;
    width: 100% !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    text-align: center !important;
}

.mhc-home-product-grid .mhc-product-card-price,
.mhc-home-product-grid .mhc-product-card-old-price {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
}

/* Featured cards need quieter purchase typography than the full product cards. */
.mhc-home-product-grid .mhc-product-card-price {
    font-size: clamp(17px, 1.15vw, 20px) !important;
    line-height: 1.22 !important;
}

/* Keep the accessible source text, but present the approved two-line wording visually. */
.mhc-home-product-grid .mhc-purchase-mode-in-home-demo .mhc-product-card-price {
    max-width: none !important;
    font-size: 0 !important;
    line-height: 1.22 !important;
    white-space: normal !important;
}

.mhc-home-product-grid .mhc-purchase-mode-in-home-demo .mhc-product-card-price::before {
    content: "Book in-home\A Demonstration";
    display: block;
    font-size: clamp(17px, 1.15vw, 20px) !important;
    line-height: 1.22 !important;
    white-space: pre-line;
}

.mhc-home-product-grid .mhc-product-card-pricing .mhc-vat-price-note {
    display: flex !important;
    width: max-content !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.mhc-home-product-grid .mhc-product-card-button {
    display: inline-flex !important;
    width: min(78%, 250px) !important;
    margin: 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

@media (max-width: 700px) {
    .mhc-premium-product-card h3 {
        font-size: 19px !important;
    }

    .mhc-premium-product-card .mhc-product-card-button {
        width: min(86%, 300px) !important;
    }

    .mhc-home-product-grid .mhc-product-card-price {
        font-size: 18px !important;
    }

    .mhc-home-product-grid .mhc-purchase-mode-in-home-demo .mhc-product-card-price::before {
        font-size: 18px !important;
    }

    .mhc-home-product-grid .mhc-product-card-button {
        width: min(86%, 260px) !important;
    }
}
