/* BioMed Learn V3.2 — Responsive */

@media (max-width:1400px){
    section{padding:100px 6%}
    .header{padding:0 6%}
    .stats{padding:80px 6%}
    .newsletter{padding:80px 6%}
    footer{padding:70px 6% 0}
}

@media (max-width:1200px){
    .header{padding:0 5%}
    section{padding:90px 5%}
    .hero h1{font-size:50px}
    .section-title h2{font-size:38px}
    .equipment-grid{grid-template-columns:repeat(2,1fr)}
    .article-grid{grid-template-columns:repeat(2,1fr)}
    .footer-container{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}
}

@media (max-width:992px){
    :root{--header-height:74px}
    .header{padding:0 24px}
    section{padding:80px 24px}
    .logo{font-size:22px}
    .hero{min-height:auto;padding:calc(var(--header-height) + 50px) 24px 70px}
    .hero h1{font-size:42px}
    .hero p{font-size:16px;margin-bottom:32px}
    .category-grid{grid-template-columns:repeat(2,1fr)}
    .stats{grid-template-columns:repeat(2,1fr);padding:70px 24px}
    .stat-box h2{font-size:44px}
    .internship-content{padding:50px 36px}
    .newsletter{padding:70px 24px}
    .newsletter-box{padding:50px 36px}
    .footer-container{grid-template-columns:1fr 1fr}
    .page-hero h1{font-size:36px}
}

@media (max-width:768px){
    .menu-btn{display:block}
    .navbar{
        position:fixed;top:var(--header-height);right:-100%;width:280px;
        height:calc(100vh - var(--header-height));background:var(--white);
        flex-direction:column;align-items:flex-start;padding:30px 24px;gap:0;
        box-shadow:-8px 0 30px rgba(0,0,0,.08);transition:.35s ease;
        overflow-y:auto;z-index:9998
    }
    .navbar.active{right:0}
    .navbar a{width:100%;padding:14px 0;border-bottom:1px solid var(--border);font-size:16px}
    .navbar a::after{display:none}
    .hero h1{font-size:34px}
    .hero p{font-size:15px}
    .hero-buttons{flex-direction:column;align-items:center;width:100%}
    .btn{width:100%;max-width:340px;min-width:unset}
    .section-title{margin-bottom:40px}
    .section-title h2{font-size:32px}
    .search-box{flex-direction:column;border-radius:24px;padding:20px;gap:12px}
    .search-box i{display:none}
    .search-box input{width:100%;text-align:center;padding:12px}
    .search-box button{width:100%}
    .equipment-grid,.article-grid{grid-template-columns:1fr;gap:24px;max-width:420px;margin:0 auto}
    .category-grid{grid-template-columns:repeat(2,1fr);gap:16px}
    .category-box{padding:28px 16px}
    .category-box i{width:60px;height:60px;font-size:26px}
    .category-box h3{font-size:15px}
    .stats{grid-template-columns:1fr 1fr;gap:16px;padding:60px 20px}
    .stat-box h2{font-size:38px}
    .internship-content{padding:36px 24px}
    .internship-features{grid-template-columns:1fr;gap:16px;max-width:420px;margin:0 auto 32px}
    .internship-content .btn{width:100%;max-width:320px}
    .newsletter-box{padding:40px 24px}
    .newsletter-box h2{font-size:26px}
    .newsletter-box form{flex-direction:column}
    .newsletter-box .btn{width:100%}
    .footer-container{grid-template-columns:1fr;gap:32px;text-align:center}
    .footer-about .logo{justify-content:center}
    .social-icons{justify-content:center}
    .back-to-top{bottom:20px;right:20px;width:46px;height:46px}
    .page-hero h1{font-size:30px}
}

@media (max-width:480px){
    section{padding:70px 16px}
    .header{padding:0 16px}
    .hero{padding:calc(var(--header-height) + 40px) 16px 60px}
    .hero h1{font-size:28px}
    .hero p{font-size:14px}
    .section-title h2{font-size:28px}
    .equipment-card img,.article-card img{height:180px}
    .category-grid{grid-template-columns:1fr;max-width:360px;margin:0 auto}
    .stats{grid-template-columns:1fr;padding:50px 16px}
    .internship-content{padding:28px 18px;border-radius:20px}
    .newsletter{padding:60px 16px}
    .newsletter-box{padding:32px 20px;border-radius:20px}
    footer{padding:60px 16px 0}
    .page-hero h1{font-size:26px}
}

@media (max-width:360px){
    .hero h1{font-size:25px}
    .section-title h2{font-size:25px}
    .btn{font-size:13px;height:48px}
}

/* Professional home-page responsive refinement */
@media (max-width: 1200px) {
    .hero-inner { gap: 34px; }
    .hero-card-main { right: 0; }
    .newsletter-box { gap: 38px; }
}

@media (max-width: 992px) {
    .header-actions { gap: 14px; }
    .hero { min-height: auto; padding-top: calc(var(--header-height) + 70px); }
    .hero-inner { grid-template-columns: 1fr; text-align: center; }
    .hero-content { margin: 0 auto; }
    .hero-buttons { justify-content: center; }
    .hero-stats { justify-content: center; }
    .hero-visual { width: 430px; max-width: 100%; height: 340px; min-height: 0; margin: 0 auto; }
    .newsletter-box { grid-template-columns: 1fr; text-align: center; }
}

@media (max-width: 768px) {
    .header-actions .btn-header { display: none; }
    .logo { font-size: 19px; }
    .logo-icon { width: 34px; height: 34px; }
    .hero { padding: calc(var(--header-height) + 46px) 20px 62px; }
    .hero h1 { font-size: 40px; }
    .hero p { font-size: 15px; }
    .hero-stats { gap: 0; justify-content: space-between; }
    .hero-stat { padding: 0 13px; }
    .hero-stat:first-child { padding-left: 0; }
    .hero-stat:last-child { padding-right: 0; }
    .hero-stat strong { font-size: 19px; }
    .hero-stat span { font-size: 10px; }
    .hero-visual { height: 300px; }
    .hero-card-main { top: 25px; width: 250px; padding: 28px 25px; }
    .hero-card-icon { width: 54px; height: 54px; margin-bottom: 34px; font-size: 23px; }
    .hero-card h3 { font-size: 19px; }
    .hero-card-float { padding: 10px 12px; font-size: 11px; }
    .hero-card-2 { bottom: 52px; }
    .search-section { padding: 42px 20px; }
    .search-tags { justify-content: flex-start; }
    .stats-inner { grid-template-columns: repeat(2,1fr); gap: 16px; }
    .stats { padding: 58px 20px; }
    .stat-box { padding: 14px 8px; }
    .newsletter-box { padding: 40px 24px; }
    .newsletter-box h2 { font-size: 27px; }
    .equipment-carousel { display: grid; grid-auto-columns: 82%; grid-template-columns: unset; max-width: none; margin: 0; }
}

@media (max-width: 480px) {
    .hero h1 { font-size: 34px; }
    .hero-tag { font-size: 11px; padding: 8px 12px; }
    .hero-buttons .btn { width: 100%; }
    .hero-visual { height: 255px; }
    .hero-card-main { width: 225px; right: 2px; padding: 24px 20px; }
    .hero-card-main::after { inset: 11px; }
    .hero-card-icon { margin-bottom: 29px; }
    .hero-card-2 { left: -4px; bottom: 35px; }
    .hero-card-3 { right: -4px; }
    .hero-stats { margin-top: 34px; }
    .search-box { padding-left: 16px; }
    .search-box button { padding: 12px 16px; }
    .search-box input { padding: 12px 10px; font-size: 13px; }
    .newsletter-box form { flex-direction: column; }
    .newsletter-box .btn { width: 100%; }
}