/* ═══ ანაკლია-განმუხური — mobile.css ═══ */

/* TABLET (max 900px) */
@media (max-width: 900px) {
    .nav-links{display:none}
    .nav-inner{padding:12px 16px}
    .nav-logo span{font-size:13px}
    .nav-logo-icon{width:32px;height:32px;font-size:12px}
    .hero{min-height:80vh}
    .hero-inner{grid-template-columns:1fr!important;padding:100px 20px 40px!important;gap:30px!important}
    .hero-visual{display:none!important}
    .hero h1{font-size:2rem!important}
    .hero-desc{font-size:14px}
    .hero-btns{flex-direction:column;gap:10px}
    .btn-primary,.btn-outline{width:100%;justify-content:center;padding:12px 24px;font-size:14px}
    .hero-stats{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}
    .stat-box{padding:14px 10px}
    .stat-num{font-size:22px!important}
    .stat-label{font-size:10px!important}
    .hero-badge{font-size:11px;padding:5px 12px}
    .section{padding:50px 16px!important}
    .section-title{font-size:1.5rem!important}
    .section-subtitle{font-size:14px!important;margin-bottom:32px!important}
    .about-grid{grid-template-columns:1fr!important;gap:28px!important}
    .about-text h3{font-size:20px!important}
    .about-text p{font-size:14px!important}
    .about-img img{height:260px!important}
    .highlights{padding:40px 16px!important}
    .hl-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}
    .hl-card{padding:20px 12px!important}
    .hl-num{font-size:28px!important}
    .hl-label{font-size:12px!important}
    .attr-grid{grid-template-columns:1fr 1fr!important;gap:14px!important}
    .attr-card{padding:20px 16px!important}
    .attr-icon{width:44px!important;height:44px!important;font-size:20px!important;margin-bottom:12px!important}
    .attr-card h4{font-size:15px!important}
    .attr-card p{font-size:13px!important}
    .gallery-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
    .gallery-item img{height:180px!important}
    .gallery-cap{transform:translateY(0)!important;padding:20px 12px 10px!important;font-size:12px!important}
    .transport-grid{grid-template-columns:1fr!important;gap:16px!important}
    .transport-card{padding:24px 16px!important}
    .route-card{padding:16px!important}
    .map-section{padding:40px 16px!important}
    .map-grid{grid-template-columns:1fr!important;gap:20px!important}
    .map-frame{min-height:250px!important}
    .footer{padding:36px 16px 20px!important}
    .footer-inner{grid-template-columns:1fr 1fr!important;gap:24px!important}
    .footer-bottom{flex-direction:column!important;gap:8px!important;text-align:center!important}
}

/* PHONE (max 600px) */
@media (max-width: 600px) {
    .nav-logo span{font-size:12px;letter-spacing:0}
    .nav-logo-icon{width:28px;height:28px;font-size:11px;border-radius:8px}
    .hero{min-height:70vh}
    .hero-inner{padding:90px 16px 30px!important}
    .hero h1{font-size:1.6rem!important;line-height:1.3!important}
    .hero-desc{font-size:13px;margin-bottom:20px}
    .hero-badge{font-size:10px;padding:4px 10px}
    .stat-num{font-size:18px!important}
    .stat-label{font-size:9px!important}
    .stat-box{padding:10px 8px!important;border-radius:12px!important}
    .section{padding:36px 12px!important}
    .section-title{font-size:1.25rem!important}
    .section-subtitle{font-size:13px!important;margin-bottom:24px!important}
    .about-text h3{font-size:18px!important}
    .about-text p{font-size:13px!important;line-height:1.7!important}
    .about-img img{height:200px!important;border-radius:14px!important}
    .hl-num{font-size:24px!important}
    .hl-label{font-size:11px!important}
    .attr-grid{grid-template-columns:1fr!important}
    .gallery-grid{grid-template-columns:1fr!important}
    .gallery-item img{height:200px!important}
    .footer-inner{grid-template-columns:1fr!important;gap:20px!important}
}

/* SMALL PHONE (max 400px) */
@media (max-width: 400px) {
    .hero{min-height:65vh}
    .hero-inner{padding:80px 12px 24px!important}
    .hero h1{font-size:1.4rem!important}
    .hero-stats{gap:6px!important}
    .stat-num{font-size:16px!important}
    .stat-box{padding:8px 6px!important}
    .btn-primary,.btn-outline{padding:10px 16px!important;font-size:13px!important}
    .hl-grid{gap:8px!important}
    .hl-card{padding:16px 8px!important}
    .hl-num{font-size:20px!important}
}