/* =====================================================================
   PAGE MODULE — en-industries-wellness-spa
   Extracted verbatim from inline <style> of: industrias/wellness-spa.html, en/industries/wellness-spa.html
   Design unchanged; loaded via `pageCss` front-matter.
   ===================================================================== */

/* Mobile-Responsive Grid Classes */
.two-col-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    align-items: center;
}

@media (min-width: 768px) {
    .two-col-grid {
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
    }
}

.three-col-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}

@media (min-width: 640px) {
    .three-col-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .three-col-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 2.5rem;
    }
}

.two-col-services {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}

@media (min-width: 1024px) {
    .two-col-services {
        grid-template-columns: repeat(2, 1fr);
    }
}

.four-col-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    text-align: center;
}

@media (min-width: 768px) {
    .four-col-stats {
        grid-template-columns: repeat(4, 1fr);
        gap: 2rem;
    }
}

.feature-item {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

@media (min-width: 640px) {
    .feature-item {
        flex-direction: row;
    }
}

.icon-50 {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    background: linear-gradient(135deg, var(--secondary-teal), var(--primary-magenta));
}

.icon-60 {
    width: 60px;
    height: 60px;
    margin-bottom: 1.5rem;
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    background: linear-gradient(135deg, var(--secondary-teal), var(--primary-magenta));
}

/* Mobile Adjustments */
@media (max-width: 767px) {
    section {
        padding: 3rem 1.5rem !important;
    }
    
    /* Push hero content below nav */
    .hero-mag .mag-container {
        padding-top: 3.5rem;
    }
    
    h1 {
        font-size: 2rem !important;
    }
    
    h2 {
        font-size: 1.75rem !important;
    }
    
    h3 {
        font-size: 1.3rem !important;
    }
    
    /* Tighten stats grid on mobile */
    .four-col-stats {
        gap: 1rem;
    }
    
    .four-col-stats > div {
        padding: 1.5rem 1rem !important;
    }
    
    .four-col-stats .stat-number {
        font-size: 2rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    .four-col-stats .stat-label {
        font-size: 0.85rem !important;
        line-height: 1.4 !important;
    }
}