/* ===== RESPONSIVE DESIGN ===== */

/* Large Desktop */
@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
    
    .hero-content {
        width: 80% !important; /* Changed from max-width to width for consistency */
    }
    
    .section-title {
        font-size: clamp(2.5rem, 5vw, 4rem); /* Reduced from clamp(3rem, 6vw, 4.5rem) */
    }
}

/* Desktop */
@media (max-width: 1200px) {
    .container {
        max-width: 960px;
        padding: 0 var(--spacing-lg);
    }
    
    .services-grid,
    .portfolio-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--spacing-lg);
    }
    
    .blog-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Tablet */
@media (max-width: 992px) {
    .container {
        max-width: 720px;
        padding: 0 var(--spacing-md);
    }
    
    /* Header Mobil Uyumluluk */
    .header {
        padding: 0 var(--spacing-md);
        height: 80px;
        max-width: 100%; /* Ensure header doesn't exceed viewport */
        width: 100%; /* Full width on mobile */
        box-sizing: border-box; /* Include padding in width calculation */
    }
    
    .nav-menu {
        display: none;
    }
    
    .mobile-menu-toggle {
        display: flex;
    }
    
    .mobile-menu {
        display: block;
    }
    
    /* Footer Mobil Uyumluluk */
    .footer-main {
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
        padding: 3rem 1rem 2rem;
    }
    
    .footer-section:nth-child(1) {
        grid-column: 1 / -1;
    }
    
    .footer-bottom-content {
        flex-direction: column;
        gap: 1rem;
        text-align: center;
        padding: 1.5rem 0;
    }
    
    .footer-legal {
        justify-content: center;
        flex-wrap: wrap;
        gap: 1rem;
    }
    
    .about-content,
    .academy-content,
    .contact-content {
        grid-template-columns: 1fr;
        gap: var(--spacing-xl);
    }
    
    .services-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--spacing-lg);
    }
    
    .portfolio-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--spacing-lg);
    }
    
    .blog-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--spacing-lg);
    }
    
    .hero-actions {
        flex-direction: column;
        align-items: center;
    }
    
    .hero-actions .btn {
        min-width: 250px;
    }
    
    .quote-mark {
        font-size: 3rem;
    }
    
    .quote-left {
        left: -1rem;
    }
    
    .quote-right {
        right: -1rem;
    }
}

/* Mobile Large */
@media (max-width: 768px) {
    .container {
        max-width: 100%; /* Changed from 540px to 100% */
        padding: 0 var(--spacing-sm); /* Reduced padding */
        width: 100%; /* Ensure full width */
        box-sizing: border-box; /* Include padding in width calculation */
    }
    
    /* Header Mobil Uyumluluk */
    .header {
        padding: 0 var(--spacing-sm); /* Reduced padding */
        height: 70px;
        max-width: 100%; /* Ensure header doesn't exceed viewport */
        width: 100%; /* Full width on mobile */
        box-sizing: border-box; /* Include padding in width calculation */
    }
    
    .logo-img {
        height: 45px;
    }
    
    .mobile-menu {
        top: 70px;
        width: 100%; /* Ensure mobile menu doesn't exceed viewport */
        left: 0;
        right: 0;
        box-sizing: border-box;
    }
    
    /* İletişim Section Mobil Uyumluluk */
    .contact-content {
        grid-template-columns: 1fr;
        gap: var(--spacing-lg);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .contact-info {
        order: 2;
    }
    
    .contact-form {
        order: 1;
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
        padding: var(--spacing-md); /* Reduced padding */
    }
    
    .contact-form .form-group {
        margin-bottom: var(--spacing-md);
    }
    
    .contact-form input,
    .contact-form textarea {
        padding: var(--spacing-sm);
        font-size: 0.9rem;
        width: 100%; /* Ensure inputs don't exceed container */
        box-sizing: border-box;
    }
    
    .contact-form .btn {
        width: 100%;
        padding: var(--spacing-md);
        font-size: 1rem;
        box-sizing: border-box;
    }
    
    /* Contact Form Container Mobil Uyumluluk */
    .contact-form-container {
        grid-template-columns: 1fr;
        gap: var(--spacing-xl);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .form-content {
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .form-sidebar {
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
        order: -1; /* Sidebar'ı üste taşı */
    }
    
    .sidebar-content {
        padding: var(--spacing-md);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .form-row {
        grid-template-columns: 1fr;
        gap: var(--spacing-md);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .date-inputs {
        grid-template-columns: 1fr;
        gap: var(--spacing-sm);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .contact-info-grid {
        grid-template-columns: 1fr;
        gap: var(--spacing-md);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .contact-info-card {
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
        padding: var(--spacing-lg);
    }
    
    .form-actions {
        flex-direction: column;
        gap: var(--spacing-sm);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .btn-submit,
    .btn-cancel {
        min-width: 100%;
        width: 100%; /* Ensure full width */
        box-sizing: border-box;
    }
    
    .form-group {
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .form-group input,
    .form-group select,
    .form-group textarea {
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    /* Footer Mobil Uyumluluk */
    .footer-main {
        grid-template-columns: 1fr;
        gap: 2rem;
        padding: 2rem 1rem 1.5rem;
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .footer-section {
        text-align: center;
    }
    
    .footer-section h4::after {
        left: 50%;
        transform: translateX(-50%);
    }
    
    .footer-links a {
        justify-content: center;
        padding: var(--spacing-sm);
    }
    
    .footer-social {
        justify-content: center;
    }
    
    .footer-contact {
        align-items: center;
    }
    
    .footer-bottom-content {
        padding: 1rem 0;
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .footer-legal {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .section-header {
        margin-bottom: var(--spacing-xl);
    }
    
    .section-title {
        font-size: clamp(1.75rem, 5vw, 2.5rem); /* Reduced from clamp(2rem, 6vw, 3rem) */
        margin-bottom: var(--spacing-sm);
    }
    
    .section-subtitle {
        font-size: clamp(0.9rem, 2.5vw, 1.125rem); /* Reduced from clamp(1rem, 3vw, 1.25rem) */
    }
    
    .services-grid,
    .portfolio-grid,
    .blog-grid {
        grid-template-columns: 1fr;
        gap: var(--spacing-lg);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .about-stats {
        grid-template-columns: 1fr; /* Changed to single column for mobile */
        gap: var(--spacing-md);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .hero-content {
        padding: 0 var(--spacing-sm); /* Reduced padding */
        width: 90% !important; /* Changed to 90% for better mobile fit */
        max-width: 90%; /* Ensure it doesn't exceed viewport */
        box-sizing: border-box;
    }
    
    .title-main {
        font-size: clamp(2rem, 10vw, 3.5rem); /* Reduced from clamp(2.5rem, 12vw, 4.5rem) */
        margin-bottom: var(--spacing-sm);
        letter-spacing: -0.01em;
    }
    
    .title-subtitle {
        font-size: clamp(1.25rem, 5vw, 2rem); /* Reduced from clamp(1.5rem, 6vw, 2.5rem) */
        margin-bottom: var(--spacing-xs);
    }
    
    .title-accent {
        font-size: clamp(1rem, 4vw, 1.5rem); /* Reduced from clamp(1.125rem, 4.5vw, 2rem) */
    }
    
    .hero-description {
        font-size: clamp(0.9rem, 2.5vw, 1rem); /* Reduced from clamp(1rem, 2.5vw, 1.125rem) */
        margin-bottom: var(--spacing-xl); /* Reduced from var(--spacing-2xl) */
    }
    
    .quote-container {
        padding: var(--spacing-md) 0; /* Reduced from var(--spacing-lg) */
        max-width: 100%; /* Changed from 100% to ensure it fits */
        width: 100%; /* Ensure full width */
        box-sizing: border-box;
    }
    
    .quote-mark {
        font-size: clamp(2.5rem, 12vw, 4rem); /* Reduced from clamp(3rem, 15vw, 5rem) */
    }
    
    .quote-left {
        left: -0.75rem; /* Reduced from -1rem */
        top: -0.25rem; /* Reduced from -0.5rem */
    }
    
    .quote-right {
        right: -0.75rem; /* Reduced from -1rem */
        bottom: -0.25rem; /* Reduced from -0.5rem */
    }
    
    .quote-container p {
        font-size: clamp(1rem, 3vw, 1.25rem); /* Reduced from clamp(1.125rem, 3.5vw, 1.5rem) */
        padding: 0 var(--spacing-sm);
        line-height: 1.6; /* Reduced from 1.7 */
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .hero-actions {
        flex-direction: column;
        align-items: center;
        gap: var(--spacing-md); /* Reduced from var(--spacing-lg) */
        margin-bottom: var(--spacing-xl); /* Reduced from var(--spacing-2xl) */
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .hero-actions .btn {
        min-width: 100%;
        width: 100%;
        max-width: 260px; /* Reduced from 300px */
        padding: var(--spacing-sm) var(--spacing-lg); /* Reduced from var(--spacing-md) var(--spacing-xl) */
        font-size: 0.95rem; /* Reduced from 1rem */
        box-sizing: border-box;
    }
    
    /* Scroll hint kaldırıldı */
    
    .btn-large {
        padding: 0.75rem 1.25rem; /* Reduced from 0.875rem 1.5rem */
        font-size: 0.95rem; /* Reduced from 1rem */
    }
}

/* Mobile Small */
@media (max-width: 576px) {
    .container {
        max-width: 100%;
        padding: 0 var(--spacing-xs); /* Reduced padding */
        width: 100%; /* Ensure full width */
        box-sizing: border-box; /* Include padding in width calculation */
    }
    
    /* Header Mobil Uyumluluk */
    .header {
        padding: 0 var(--spacing-xs); /* Reduced padding */
        height: 65px;
        max-width: 100%; /* Ensure header doesn't exceed viewport */
        width: 100%; /* Full width on mobile */
        box-sizing: border-box; /* Include padding in width calculation */
    }
    
    .logo-img {
        height: 40px;
    }
    
    .mobile-menu {
        top: 65px;
        width: 100%; /* Ensure mobile menu doesn't exceed viewport */
        left: 0;
        right: 0;
        box-sizing: border-box;
    }
    
    /* İletişim Section Mobil Uyumluluk */
    .contact-form {
        padding: var(--spacing-sm); /* Reduced padding */
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .contact-form .form-group {
        margin-bottom: var(--spacing-sm);
    }
    
    .contact-form input,
    .contact-form textarea {
        padding: var(--spacing-xs); /* Reduced padding */
        font-size: 0.85rem;
        width: 100%; /* Ensure inputs don't exceed container */
        box-sizing: border-box;
    }
    
    .contact-form .btn {
        padding: var(--spacing-sm) var(--spacing-md);
        font-size: 0.9rem;
        width: 100%; /* Ensure button doesn't exceed container */
        box-sizing: border-box;
    }
    
    /* Contact Form Container Mobil Uyumluluk */
    .contact-form-container {
        gap: var(--spacing-lg);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .form-content {
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .form-sidebar {
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .sidebar-content {
        padding: var(--spacing-md);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .contact-info-card {
        padding: var(--spacing-md);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .contact-icon {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }
    
    .form-group {
        margin-bottom: var(--spacing-md);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .form-group input,
    .form-group select,
    .form-group textarea {
        padding: var(--spacing-sm);
        font-size: 0.9rem;
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .form-actions {
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .btn-submit,
    .btn-cancel {
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
        padding: var(--spacing-sm) var(--spacing-md);
        font-size: 0.9rem;
    }
    
    /* Footer Mobil Uyumluluk */
    .footer-main {
        padding: 1.5rem 0.5rem 1rem; /* Reduced padding */
        gap: 1.5rem;
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .footer-section h4 {
        font-size: 1rem;
        margin-bottom: 1rem;
    }
    
    .footer-description {
        font-size: 0.85rem;
        margin-bottom: 1.5rem;
    }
    
    .footer-links a {
        font-size: 0.85rem;
        padding: var(--spacing-xs);
    }
    
    .footer-social .social-link {
        width: 40px;
        height: 40px;
    }
    
    .footer-bottom-content {
        padding: 0.75rem 0;
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .footer-copyright p {
        font-size: 0.8rem;
    }
    
    .footer-legal a {
        font-size: 0.75rem;
    }
    
    .section-header {
        margin-bottom: var(--spacing-lg);
    }
    
    .section-title {
        font-size: clamp(1.5rem, 6vw, 2rem); /* Reduced from clamp(1.75rem, 7vw, 2.5rem) */
    }
    
    .section-subtitle {
        font-size: clamp(0.8rem, 3vw, 1rem); /* Reduced from clamp(0.9rem, 3.5vw, 1.125rem) */
    }
    
    .hero-content {
        padding: 0.5rem var(--spacing-xs); /* Reduced padding */
        margin: 0 var(--spacing-xs); /* Reduced margin */
        width: 95% !important; /* Changed to 95% for better mobile fit */
        max-width: 95%; /* Ensure it doesn't exceed viewport */
        box-sizing: border-box;
    }
    
    .title-main {
        font-size: clamp(1.75rem, 12vw, 3rem); /* Reduced from clamp(2rem, 15vw, 4rem) */
        margin-bottom: var(--spacing-xs);
        letter-spacing: 0;
    }
    
    .title-subtitle {
        font-size: clamp(1.125rem, 6vw, 1.75rem); /* Reduced from clamp(1.25rem, 7vw, 2.25rem) */
        margin-bottom: var(--spacing-xs);
    }
    
    .title-accent {
        font-size: clamp(0.875rem, 4vw, 1.5rem); /* Reduced from clamp(1rem, 5vw, 1.75rem) */
    }
    
    .hero-description {
        font-size: clamp(0.8rem, 2.5vw, 0.9rem); /* Reduced from clamp(0.9rem, 3vw, 1rem) */
        margin-bottom: var(--spacing-lg); /* Reduced from var(--spacing-xl) */
    }
    
    .quote-container {
        padding: var(--spacing-sm) 0; /* Reduced from var(--spacing-md) */
        max-width: 95%; /* Reduced from 100% */
        width: 95%; /* Ensure it fits within viewport */
        box-sizing: border-box;
    }
    
    .quote-mark {
        font-size: clamp(2rem, 15vw, 3.5rem); /* Reduced from clamp(2.5rem, 18vw, 4rem) */
    }
    
    .quote-left {
        left: -0.5rem; /* Reduced from -0.5rem */
        top: -0.25rem; /* Reduced from -0.25rem */
    }
    
    .quote-right {
        right: -0.5rem; /* Reduced from -0.5rem */
        bottom: -0.25rem; /* Reduced from -0.25rem */
    }
    
    .quote-container p {
        font-size: clamp(0.875rem, 3.5vw, 1.125rem); /* Reduced from clamp(1rem, 4vw, 1.25rem) */
        padding: 0 var(--spacing-xs); /* Reduced padding */
        line-height: 1.5; /* Reduced from 1.6 */
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .hero-actions {
        gap: var(--spacing-sm); /* Reduced from var(--spacing-md) */
        margin-bottom: var(--spacing-lg); /* Reduced from var(--spacing-xl) */
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .hero-actions .btn {
        max-width: 240px; /* Reduced from 280px */
        padding: var(--spacing-sm) var(--spacing-md); /* Reduced from var(--spacing-sm) var(--spacing-lg) */
        font-size: 0.9rem; /* Reduced from 0.95rem */
        width: 100%; /* Ensure button doesn't exceed container */
        box-sizing: border-box;
    }
    
    /* Scroll hint kaldırıldı */
    
    .about-stats {
        grid-template-columns: 1fr;
        gap: var(--spacing-md);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .stat-item {
        padding: var(--spacing-lg);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .stat-number {
        font-size: 2.5rem;
    }
    
    .portfolio-item,
    .blog-card {
        padding: var(--spacing-lg);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    /* CTA Section Mobil Uyumluluk */
    .cta-content {
        grid-template-columns: 1fr;
        gap: var(--spacing-xl);
        text-align: center;
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .cta-features {
        grid-template-columns: 1fr;
        gap: var(--spacing-sm);
    }
    
    .cta-actions {
        flex-direction: column;
        align-items: center;
    }
    
    /* Values Section Mobil Uyumluluk */
    .values-grid {
        grid-template-columns: 1fr;
        gap: var(--spacing-lg);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    /* Team Section Mobil Uyumluluk */
    .team-grid {
        grid-template-columns: 1fr;
        gap: var(--spacing-lg);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    /* CTA Section Küçük Mobil Uyumluluk */
    .cta-text h2 {
        font-size: clamp(1.5rem, 8vw, 2.5rem);
    }
    
    .cta-text p {
        font-size: 1rem;
    }
    
    .cta-features {
        gap: var(--spacing-xs);
    }
    
    .cta-feature {
        font-size: 0.9rem;
    }
    
    /* Values Section Küçük Mobil Uyumluluk */
    .value-item {
        padding: var(--spacing-lg);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .value-icon {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
    }
    
    .value-item h3 {
        font-size: 1.25rem;
    }
    
    .value-item p {
        font-size: 0.9rem;
    }
    
    /* Team Section Küçük Mobil Uyumluluk */
    .team-member {
        padding: var(--spacing-md);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .member-image {
        height: 150px;
    }
    
    .member-placeholder {
        font-size: 2.5rem;
    }
    
    .member-info h3 {
        font-size: 1.125rem;
    }
    
    .member-bio {
        font-size: 0.85rem;
    }
    
    /* Services Section Mobil Uyumluluk */
    .services-grid {
        grid-template-columns: 1fr;
        gap: var(--spacing-lg);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .service-card {
        padding: var(--spacing-lg);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .service-icon {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
    }
    
    .service-card h3 {
        font-size: 1.25rem;
    }
    
    .service-card p {
        font-size: 0.9rem;
    }
    
    .service-features li {
        font-size: 0.85rem;
    }
    
    /* Production Process Mobil Uyumluluk */
    .process-steps {
        grid-template-columns: 1fr;
        gap: var(--spacing-lg);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .process-step {
        padding: var(--spacing-lg);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .step-number {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }
    
    .step-content h3 {
        font-size: 1.125rem;
    }
    
    .step-content p {
        font-size: 0.9rem;
    }
    
    .step-features span {
        font-size: 0.85rem;
    }
    
    /* Equipment Section Mobil Uyumluluk */
    .equipment-grid {
        grid-template-columns: 1fr;
        gap: var(--spacing-lg);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .equipment-item {
        padding: var(--spacing-lg);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .equipment-icon {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
    }
    
    .equipment-item h3 {
        font-size: 1.25rem;
    }
    
    .equipment-item p {
        font-size: 0.9rem;
    }
    
    .equipment-specs span {
        font-size: 0.85rem;
    }
}

/* Extra Small Mobile */
@media (max-width: 375px) {
    /* Header Mobil Uyumluluk */
    .header {
        height: 60px;
        padding: 0 var(--spacing-xs); /* Minimal padding */
        max-width: 100vw; /* Use viewport width */
        width: 100vw; /* Use viewport width */
        box-sizing: border-box;
    }
    
    .logo-img {
        height: 35px;
    }
    
    .mobile-menu {
        top: 60px;
        width: 100vw; /* Use viewport width */
        left: 0;
        right: 0;
        box-sizing: border-box;
    }
    
    /* İletişim Section Mobil Uyumluluk */
    .contact-form {
        padding: var(--spacing-xs); /* Minimal padding */
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .contact-form .btn {
        padding: var(--spacing-xs) var(--spacing-sm);
        font-size: 0.85rem;
        width: 100%; /* Ensure button doesn't exceed container */
        box-sizing: border-box;
    }
    
    /* Contact Form Container Mobil Uyumluluk */
    .contact-form-container {
        gap: var(--spacing-md);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .form-content {
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .form-sidebar {
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .sidebar-content {
        padding: var(--spacing-sm);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .contact-info-card {
        padding: var(--spacing-sm);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .contact-icon {
        width: 45px;
        height: 45px;
        font-size: 1.1rem;
    }
    
    .form-group {
        margin-bottom: var(--spacing-sm);
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .form-group input,
    .form-group select,
    .form-group textarea {
        padding: var(--spacing-xs);
        font-size: 0.85rem;
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .form-actions {
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .btn-submit,
    .btn-cancel {
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
        padding: var(--spacing-xs) var(--spacing-sm);
        font-size: 0.85rem;
    }
    
    /* Footer Mobil Uyumluluk */
    .footer-main {
        padding: 1rem 0.25rem 0.75rem; /* Minimal padding */
        gap: 1rem;
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .footer-section h4 {
        font-size: 0.9rem;
        margin-bottom: 0.75rem;
    }
    
    .footer-description {
        font-size: 0.8rem;
        margin-bottom: 1rem;
    }
    
    .footer-links a {
        font-size: 0.8rem;
        padding: var(--spacing-xs);
    }
    
    .footer-social .social-link {
        width: 35px;
        height: 35px;
    }
    
    .footer-bottom-content {
        padding: 0.5rem 0;
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .footer-copyright p {
        font-size: 0.75rem;
    }
    
    .footer-legal a {
        font-size: 0.7rem;
    }
    
    .hero-content {
        padding: 0.25rem var(--spacing-xs); /* Minimal padding */
        width: 98% !important; /* Almost full width */
        max-width: 98%; /* Ensure it doesn't exceed viewport */
        box-sizing: border-box;
    }
    
    .title-main {
        font-size: clamp(1.5rem, 15vw, 2.5rem); /* Reduced from clamp(1.75rem, 18vw, 3.5rem) */
        margin-bottom: var(--spacing-xs);
        line-height: 1.05;
    }
    
    .title-subtitle {
        font-size: clamp(1rem, 7vw, 1.5rem); /* Reduced from clamp(1.125rem, 8vw, 2rem) */
        margin-bottom: var(--spacing-xs);
    }
    
    .title-accent {
        font-size: clamp(0.75rem, 5vw, 1.25rem); /* Reduced from clamp(0.875rem, 6vw, 1.5rem) */
    }
    
    .hero-description {
        font-size: clamp(0.7rem, 3vw, 0.8rem); /* Reduced from clamp(0.8rem, 3.5vw, 0.9rem) */
        margin-bottom: var(--spacing-md); /* Reduced from var(--spacing-lg) */
    }
    
    .quote-container {
        padding: var(--spacing-xs) 0; /* Minimal padding */
        max-width: 98%; /* Almost full width */
        width: 98%; /* Almost full width */
        box-sizing: border-box;
    }
    
    .quote-mark {
        font-size: clamp(1.75rem, 18vw, 3rem); /* Reduced from clamp(2rem, 20vw, 3.5rem) */
    }
    
    .quote-left {
        left: -0.25rem; /* Minimal offset */
        top: 0;
    }
    
    .quote-right {
        right: -0.25rem; /* Minimal offset */
        bottom: 0;
    }
    
    .quote-container p {
        font-size: clamp(0.75rem, 4vw, 1rem); /* Reduced from clamp(0.875rem, 4.5vw, 1.125rem) */
        padding: 0; /* No padding */
        line-height: 1.4; /* Reduced from 1.5 */
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .hero-actions {
        gap: var(--spacing-xs); /* Minimal gap */
        margin-bottom: var(--spacing-md); /* Reduced from var(--spacing-lg) */
        width: 100%; /* Ensure full width */
        max-width: 100%; /* Don't exceed viewport */
        box-sizing: border-box;
    }
    
    .hero-actions .btn {
        max-width: 220px; /* Reduced from 260px */
        padding: var(--spacing-xs) var(--spacing-sm); /* Minimal padding */
        font-size: 0.85rem; /* Reduced from 0.9rem */
        width: 100%; /* Ensure button doesn't exceed container */
        box-sizing: border-box;
    }
    
    /* Scroll hint kaldırıldı */
    
    .btn {
        padding: 0.5rem 1rem; /* Reduced from 0.625rem 1.25rem */
        font-size: 0.85rem; /* Reduced from 0.9rem */
        width: 100%; /* Ensure button doesn't exceed container */
        box-sizing: border-box;
    }
    
    .btn-large {
        padding: 0.625rem 1.25rem; /* Reduced from 0.75rem 1.5rem */
        font-size: 0.9rem; /* Reduced from 1rem */
        width: 100%; /* Ensure button doesn't exceed container */
        box-sizing: border-box;
    }
}