/* ========================================
   Mobile Optimization - Global & Professional
   ======================================== */
@media (max-width: 768px) {

    /* --- Global Spacing & Typography --- */
    .section {
        padding: 50px 0 !important;
    }

    .page-header {
        padding: 120px 0 40px !important;
    }

    .page-header + .section {
        margin-top: 0 !important;
        padding-top: 2em !important;
    }

    .page-header + .section .services-grid,
    .page-header + .section .service-details-grid {
        margin-top: 0 !important;
    }

    .page-header + .section .about-grid {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    h1,
    h2,
    h3 {
        line-height: 1.3 !important;
    }

    h2 {
        font-size: 2rem !important;
    }

    h3 {
        font-size: 1.5rem !important;
    }

    p {
        font-size: 1rem !important;
    }

    /* --- Container & Grids --- */
    .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .about-grid,
    .services-grid,
    .footer-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 40px !important;
    }

    /* Stats Grid - 2 Columns on Mobile */
    .stats-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
    }

    .stat-item.glass-card,
    .stat-card-premium {
        padding: 25px 15px !important;
        border-radius: 20px !important;
    }

    .stat-item h3,
    .stat-card-premium h3 {
        font-size: 2rem !important;
    }

    .stat-icon-wrapper,
    .stat-icon-glow {
        width: 72px !important;
        height: 72px !important;
        font-size: 1.8rem !important;
        margin-bottom: 15px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .stat-icon-wrapper i {
        width: auto !important;
        height: auto !important;
        font-size: 2rem !important;
        line-height: 1 !important;
        display: block !important;
    }

    .stats-section.glass-section .stat-icon-wrapper {
        width: 72px !important;
        height: 72px !important;
        font-size: 1.75rem !important;
    }

    /* --- About Section Pro Elements --- */
    .about-logo-container {
        width: calc(100% - 20px) !important;
        max-width: none !important;
        margin: 0 10px 30px !important;
    }

    #home+section .about-image {
        display: none !important;
    }

    .page-header + .section .about-image {
        display: none !important;
    }

    .floating-logo-pro {
        max-height: 200px !important;
    }

    .glass-box-pro {
        padding: 30px !important;
    }

    .about-badge-pro {
        padding: 12px 20px !important;
        bottom: -15px !important;
        right: -10px !important;
        min-width: 120px !important;
    }

    .about-badge-pro h3 {
        font-size: 1.6rem !important;
    }

    .about-badge-pro span {
        font-size: 0.8rem !important;
    }

    /* --- Features & Lists --- */
    .about-features {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
    }

    .about-feature i {
        width: 52px !important;
        height: 52px !important;
        font-size: 22px !important;
    }

    /* --- Service Details & Internal Pages --- */
    .service-details .container {
        padding: 0 15px !important;
    }

    .service-info.glass-card {
        border-radius: 18px !important;
    }

    .service-price-box {
        justify-content: center !important;
    }

    .service-image-container img {
        height: 250px !important;
    }

    .dynamic-content h3 {
        font-size: 1.4rem !important;
        border-bottom: 2px solid rgba(27, 123, 90, 0.3);
        padding-bottom: 10px;
        margin-top: 30px !important;
    }

    .dynamic-content ul li {
        text-align: right !important;
    }

    /* --- Footer --- */
    .footer {
        text-align: center !important;
    }

    .footer-grid {
        gap: 30px !important;
    }

    .footer-brand,
    .footer-links,
    .footer-social-links {
        justify-content: center !important;
        align-items: center !important;
    }

    .footer h4::after {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
    }

    .footer p {
        text-align: center !important;
    }

    .footer-links li a {
        justify-content: center !important;
    }

    /* --- Testimonials --- */
    /* Styles moved to style.css */

    /* WhatsApp Group Card */
    .whatsapp-group-card {
        padding: 30px 20px !important;
        flex-direction: column !important;
        text-align: center !important;
    }

    .wa-cta-content p {
        margin-bottom: 12px !important;
    }

    .wa-cta-btn {
        width: 100% !important;
        justify-content: center !important;
        margin-top: 8px !important;
    }
}