/* Contact Us template additions. Main design is driven by its original Tailwind classes. */
body.page-template-page-contact-us main { overflow: visible !important; }


/* Mobile Contact Hero - remove card backgrounds for cleaner layout */
@media (max-width: 767px) {

    .page-contact-us .bg-surface-card,
    .page-contact-us .shadow-md,
    .page-contact-us .shadow-lg,
    .page-contact-us .shadow-2xl {
        background: transparent !important;
        box-shadow: none !important;
    }

    .page-contact-us .rounded-xl.bg-surface-card,
    .page-contact-us .rounded-2xl.bg-surface-deep {
        background: transparent !important;
        box-shadow: none !important;
    }

}