/* =====================================================
   SHARED STYLES FOR SERVICE PAGES
   (Aerial Yoga, Hatha Yoga, Meditation, Prenatal Yoga, Corporate Yoga)
   Reuses the same visual language as our-classes.php
===================================================== */

.service_banner_section{
    position:relative;
    min-height:600px;
    display:flex;
    align-items:center;
    background-color:#2b2016;
    background-size:cover;
    background-position:center;
    overflow:hidden;
    padding:140px 0 90px;
}
.service_banner_overlay{ position:absolute; inset:0; background:rgba(0,0,0,0.60); z-index:1; }
.service_banner_section .container{ position:relative; z-index:2; }
.service_banner_content{ max-width:700px; text-align:left; }
.service_banner_content span.eyebrow{
    display:inline-block; color:#e1ccad; letter-spacing:3px; text-transform:uppercase;
    font-size:14px; font-weight:700; margin-bottom:16px;
}
.service_banner_content h1{ font-size:38px !important; line-height:1.25 !important; color:#fff; font-weight:700; margin-bottom:20px; }
.service_banner_content p{ font-size:18px !important; line-height:1.8 !important; color:rgba(255,255,255,0.92); margin-bottom:30px; }

.service_section{ padding:100px 0; }
.service_section.alt{ background:#f8f6f2; }
.service_heading{ margin-bottom:50px; }
.service_heading h5{ color:#8b6532 !important; font-size:18px; letter-spacing:3px; margin-bottom:16px; text-transform:uppercase; }
.service_heading h2{ font-size:32px !important; line-height:1.3 !important; color:#222; margin-bottom:20px; }
.service_heading p{ font-size:18px !important; line-height:1.9 !important; color:#666; }

.service_benefit_card{
    background:#fff; border:1px solid #ece5dc; border-radius:24px; padding:34px;
    height:100%; transition:0.3s ease;
}
.service_benefit_card:hover{ transform:translateY(-6px); box-shadow:0 20px 50px rgba(0,0,0,0.08); }
.service_benefit_card .icon{
    width:60px; height:60px; border-radius:50%; background:#f5eee3;
    display:flex; align-items:center; justify-content:center; margin-bottom:20px;
}
.service_benefit_card .icon i{ font-size:24px; color:#8b6532; }
.service_benefit_card h4{ font-size:20px; color:#222; margin-bottom:12px; }
.service_benefit_card p{ font-size:16px; line-height:1.8; color:#666; margin-bottom:0; }

.service_faq{ max-width:820px; margin:0 auto; }
.service_faq .faq_item{ border-bottom:1px solid #ece5dc; padding:26px 0; }
.service_faq .faq_item h4{ font-size:19px; color:#222; margin-bottom:10px; }
.service_faq .faq_item p{ font-size:16px; line-height:1.8; color:#666; margin-bottom:0; }

.service_cta{
    margin-top:0; background:#7b5a34; border-radius:35px; padding:55px; position:relative; overflow:hidden;
}
.service_cta h3{ font-size:28px; color:#fff; margin-bottom:16px; }
.service_cta p{ font-size:17px; line-height:1.8; color:rgba(255,255,255,0.85); margin-bottom:0; }
.service_cta_btn{
    display:inline-flex; align-items:center; justify-content:center; min-width:220px; height:64px;
    padding:0 30px; background:#d8af5b; color:#fff; border-radius:60px; text-decoration:none;
    font-size:17px; font-weight:700; transition:0.3s ease;
}
.service_cta_btn:hover{ background:#fff; color:#7b5a34; text-decoration:none; }

.service_link_list{ list-style:none; padding:0; margin:0; }
.service_link_list li{ margin-bottom:14px; }
.service_link_list li a{ color:#8b6532; font-weight:600; text-decoration:underline; }

@media only screen and (max-width:991px){
    .service_banner_section{ min-height:auto; padding:120px 0 70px; }
    .service_banner_content{ max-width:100%; text-align:center; margin:auto; }
    .service_banner_content h1{ font-size:28px !important; line-height:1.35 !important; }
    .service_banner_content p{ font-size:17px !important; }
    .service_section{ padding:60px 0; }
    .service_heading{ text-align:center; margin-bottom:36px; }
    .service_heading h2{ font-size:28px !important; }
    .service_cta{ text-align:center; padding:38px 24px; }
    .service_cta_btn{ margin-top:20px; width:100%; }
}