/* ============================================
   TAŞINMA EXPRESS - Responsive Ek Stiller
   ============================================ */

/* Tablet Landscape */
@media (max-width: 1199px) {
    .hero-form-wrapper {
        margin-top: 40px;
    }
    
    .service-detail-content {
        padding-right: 0;
        margin-bottom: 40px;
    }
}

/* Tablet Portrait */
@media (max-width: 991px) {
    .navbar-collapse {
        background: var(--bg-white);
        padding: 20px;
        border-radius: var(--radius-md);
        margin-top: 12px;
        box-shadow: var(--shadow-lg);
        border: 1px solid var(--border-light);
    }
    
    .main-header .nav-link {
        padding: 12px 16px !important;
        border-bottom: 1px solid var(--border-light);
    }
    
    .main-header .nav-link:last-child {
        border-bottom: none;
    }
    
    .main-header .nav-link::after {
        display: none;
    }
    
    .header-cta {
        flex-direction: column;
        gap: 8px;
        padding-top: 12px;
        border-top: 1px solid var(--border-light);
        margin-top: 8px;
    }
    
    .header-cta .btn-primary-custom,
    .header-cta .btn-call {
        width: 100%;
        justify-content: center;
    }
    
    .stats-section { margin-top: -30px; }
    
    .stat-item { 
        padding: 12px;
        border-bottom: 1px solid var(--border-light);
    }
    
    .stat-item:last-child {
        border-bottom: none;
    }
    
    .hero-form-wrapper {
        margin-top: 40px;
    }
    
    .about-story-img img { height: 300px; }
    
    .quote-form-wrapper { padding: 32px; }
}

/* Mobile */
@media (max-width: 767px) {
    .stats-card-wrapper {
        border-radius: var(--radius-md);
    }
    
    .testimonial-card { padding: 24px; }
    
    .fleet-card-img { height: 180px; }
    
    .gallery-item { height: 200px; }
    
    .blog-card-img { height: 180px; }
    
    .about-story-img img { height: 250px; }
    
    .about-experience-badge {
        bottom: 16px;
        right: 16px;
        padding: 14px 18px;
    }
    
    .about-experience-badge .number {
        font-size: 1.8rem;
    }
    
    .contact-card { padding: 24px; }
    
    .map-wrapper { height: 300px; }
    
    .gallery-page-item { height: 220px; }
    
    .blog-detail-cover { height: 220px; }
    
    .sidebar-quote-box { padding: 24px; }
}

/* Small Mobile */
@media (max-width: 480px) {
    .hero-content h1 { font-size: 1.6rem; }
    
    .section-title { font-size: 1.35rem; }
    
    .hero-badge { font-size: 0.82rem; }
    
    .hero-badge-icon { 
        width: 34px; 
        height: 34px; 
        font-size: 0.8rem; 
    }
    
    .stat-number { font-size: 1.8rem; }
    
    .service-card { padding: 24px 20px; }
    
    .service-icon { 
        width: 60px; 
        height: 60px; 
        font-size: 1.3rem; 
    }
    
    .why-card { 
        padding: 20px 16px; 
        flex-direction: column;
        text-align: center;
    }
    
    .why-icon { margin: 0 auto; }
    
    .process-step-number {
        width: 52px;
        height: 52px;
        font-size: 1.1rem;
    }
    
    .fleet-card-img { height: 160px; }
    
    .testimonial-text::before { 
        font-size: 2rem; 
        top: -10px;
    }
    
    .page-hero { padding: 70px 0 30px; }
    .page-hero h1 { font-size: 1.6rem; }
    
    .gallery-page-item { height: 180px; }
}