/* ============================================
   BREDClub - Responsive (অপটিমাইজড)
   ============================================ */

/* ল্যাপটপ */
@media(max-width:1199px){
    :root{--container-padding:24px}
    .hero-title{font-size:40px}
    .intro-grid{gap:40px}
    .intro-img{height:360px}
    .volunteer-grid{gap:40px}
    .footer-grid{gap:30px}
    .contact-cards{grid-template-columns:repeat(2,1fr)}
}

/* ট্যাবলেট */
@media(max-width:991px){
    .nav-menu{display:none}
    .nav-toggle{display:flex}
    .mobile-menu{display:block}
    .hero-slider{height:65vh;min-height:450px}
    .hero-content{padding-bottom: 70px;} /* change: added */
    .hero-title{font-size:34px}
    .hero-desc{font-size:14.5px}
    .intro-grid,.volunteer-grid{grid-template-columns:1fr;gap:40px}
    .intro-content{text-align:center}
    .intro-content .section-tag{display:inline-flex;justify-content:center}
    .intro-content .section-title,.volunteer-content .section-title{text-align:center}
    .intro-content .title-divider,.volunteer-content .title-divider{margin:0 auto 20px}
    .intro-badge{bottom:-10px;right:20px}
    .counter-grid,.activities-grid,.training-grid,.events-grid,.blogs-grid,.success-grid,.gallery-grid,.team-grid{grid-template-columns:repeat(2,1fr)}
    .activity-full-card{grid-template-columns:1fr}
    .activity-full-card.reverse{direction:ltr}
    .footer-grid{grid-template-columns:repeat(2,1fr);gap:30px}
}

/* মোবাইল ল্যান্ডস্কেপ */
@media(max-width:767px){
    .topbar{display:none}
    .navbar-inner{height:60px}
    .logo-text{font-size:22px}
    .logo-tagline{display:none}
    .section{padding:60px 0}
    .section-header{margin-bottom:36px}
    .section-title{font-size:26px}
    .section-desc{font-size:14px}
    .hero-slider{height:55vh;min-height:380px}
    .hero-content{padding-bottom: 70px;} /* change: added */
    .hero-title{font-size:26px}
    .hero-desc{font-size:13px;margin-bottom:24px}
    .hero-btns{flex-direction:row;align-items:center}
    .btn{padding:12px 24px;font-size:14px}
    .intro-img{height:280px}
    .badge-number{font-size:28px}
    .counter-number{font-size:34px}
    .counter-section{padding:50px 0}
    .activities-grid,.training-grid,.events-grid,.blogs-grid,.success-grid,.gallery-grid,.team-grid,.vm-grid,.contact-cards{grid-template-columns:1fr}
    .gallery-item{height:220px}
    .event-card{flex-direction:column}
    .event-date-box{width:100%;flex-direction:row;gap:10px;padding:14px 20px}
    .event-year{display:none}
    .notice-item{flex-direction:column;gap:8px}
    .notice-date{width:auto;display:flex;gap:6px;align-items:baseline}
    .notice-day{font-size:20px}
    .newsletter-section{padding:50px 0}
    .newsletter-title{font-size:22px}
    .newsletter-input-group{flex-direction:column}
    .newsletter-input{padding:14px 16px;color:var(--text)}
    .newsletter-input::placeholder{color:var(--text-muted)}
    .newsletter-btn{padding:14px}
    .social-card{width:120px;padding:20px 16px}
    .footer-grid{grid-template-columns:1fr;gap:30px}
    .footer-bottom{flex-direction:column;gap:6px;text-align:center}
    .scroll-top{bottom:20px;right:20px;width:42px;height:42px}
    .page-banner{height:220px}
    .page-banner-title{font-size:30px}
    .form-row{grid-template-columns:1fr}
    .form-container{padding:24px}
    .contact-form-actions{margin-top:22px}
    .contact-submit-btn{width:100%;padding:14px 22px}
    .activity-full-img img{height:250px}
}

/* মোবাইল পোর্ট্রেট */
@media(max-width:575px){
    :root{--container-padding:16px}
    .section{padding:50px 0}
    .hero-title{font-size:22px} 
    .hero-slider{height:50vh;min-height:320px}
    .hero-controls{bottom:20px}
    .hero-prev,.hero-next{width:36px;height:36px}
    .section-title{font-size:22px}
    .counter-grid{grid-template-columns:1fr 1fr;gap:14px}
    .counter-item{padding:20px 14px}
    .counter-number{font-size:28px}
    .counter-icon svg{width:30px;height:30px}
    .activity-card{padding:24px 20px}
    .volunteer-img{height:300px}
    .social-grid{gap:12px}
    .social-card{width:72px;padding:16px 10px;font-size:10px}
    .social-card svg{width:22px;height:22px}
    .team-img-wrap{height:220px}
}