/* Tablet Styles - 768px to 1023px */

@media (min-width: 768px) and (max-width: 1023px) {
    
    /* Container Adjustments */
    .container {
        padding: 0 var(--space-6);
    }
    
    /* Typography Scaling */
    :root {
        --font-size-xs: 0.75rem;    /* 12px */
        --font-size-sm: 0.875rem;   /* 14px */
        --font-size-base: 1rem;     /* 16px */
        --font-size-lg: 1.125rem;   /* 18px */
        --font-size-xl: 1.25rem;    /* 20px */
        --font-size-2xl: 1.5rem;    /* 24px */
        --font-size-3xl: 1.875rem;  /* 30px */
        --font-size-4xl: 2.25rem;   /* 36px */
        --font-size-5xl: 3rem;      /* 48px */
    }
    
    .section-header {
        margin-bottom: var(--space-10);
    }
    
    /* Header Tablet */
    .header-content {
        padding: var(--space-4) 0;
        min-height: 80px;
    }
    
    .logo {
        font-size: var(--font-size-xl);
    }
    
    .logo img {
        width: 96px;
        height: 48px;
    }
    
    /* Navigation Tablet */
    .main-nav ul {
        gap: var(--space-6);
    }
    
    .main-nav a {
        font-size: var(--font-size-base);
    }
    
    /* Dropdown adjustments */
    .dropdown-menu {
        min-width: 220px;
        padding: var(--space-3);
    }
    
    /* Header CTA Tablet */
    .cta-phone span {
        font-size: var(--font-size-sm);
    }
    
    .cta-phone strong {
        font-size: var(--font-size-base);
    }
    
    /* Hero Tablet */
    .hero {
        min-height: 600px;
    }
    
    .hero-content h1 {
        font-size: var(--font-size-4xl);
        margin-bottom: var(--space-5);
    }
    
    .hero-content p {
        font-size: var(--font-size-lg);
        margin-bottom: var(--space-8);
    }
    
    .hero-features {
        gap: var(--space-6);
        margin-bottom: var(--space-8);
        padding: var(--space-5);
    }
    
    .hero-features .feature img {
        width: 40px;
        height: 40px;
    }
    
    .hero-cta {
        gap: var(--space-3);
    }
    
    /* Services Tablet */
    .services-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-6);
        margin-bottom: var(--space-10);
    }
    
    .service-image {
        height: 200px;
    }
    
    .service-content {
        padding: var(--space-5);
    }
    
    .service-content h3 {
        font-size: var(--font-size-xl);
        margin-bottom: var(--space-3);
    }
    
    .service-content p {
        font-size: var(--font-size-base);
        margin-bottom: var(--space-4);
    }
    
    .service-link {
        padding: var(--space-3) var(--space-5);
        font-size: var(--font-size-base);
    }
    
    /* Info Sections Tablet */
    .info-content {
        padding: 0 var(--space-4);
    }
    
    .info-content h2 {
        font-size: var(--font-size-3xl);
        margin-bottom: var(--space-8);
    }
    
    .info-text p {
        font-size: var(--font-size-lg);
        margin-bottom: var(--space-5);
        line-height: var(--line-height-relaxed);
    }
    
    .info-text p:first-letter {
        font-size: 1.6em;
        margin-right: 6px;
    }
    
    .vinc-types,
    .sepetli-vinc-specs {
        padding: var(--space-6);
        margin: var(--space-8) 0;
    }
    
    .vinc-types h3,
    .sepetli-vinc-specs h3 {
        font-size: var(--font-size-xl);
        margin-bottom: var(--space-4);
    }
    
    .vinc-types ul li,
    .sepetli-vinc-specs ul li {
        padding: var(--space-3) 0 var(--space-3) var(--space-6);
        font-size: var(--font-size-base);
    }
    
    /* Features Tablet */
    .features-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-8);
    }
    
    .feature-item {
        padding: var(--space-6);
    }
    
    .feature-icon {
        width: 70px;
        height: 70px;
        margin-bottom: var(--space-4);
    }
    
    .feature-icon img {
        width: 35px;
        height: 35px;
    }
    
    .feature-item h3 {
        font-size: var(--font-size-xl);
        margin-bottom: var(--space-3);
    }
    
    .feature-item p {
        font-size: var(--font-size-base);
    }
    
    /* Stats Tablet */
    .satisfaction-stats {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-6);
        margin-top: var(--space-10);
    }
    
    .stat-item {
        padding: var(--space-6);
    }
    
    .stat-number {
        font-size: var(--font-size-4xl);
        margin-bottom: var(--space-2);
    }
    
    .stat-label {
        font-size: var(--font-size-base);
    }
    
    /* Quick Contact Tablet */
    .quick-contact-content h2 {
        font-size: var(--font-size-3xl);
        margin-bottom: var(--space-4);
    }
    
    .quick-contact-content p {
        font-size: var(--font-size-lg);
        margin-bottom: var(--space-8);
    }
    
    .contact-buttons {
        gap: var(--space-4);
    }
    
    .contact-buttons .btn {
        min-width: 180px;
    }
    
    /* Footer Tablet */
    .footer-content {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-8);
        text-align: left;
    }
    
    .footer-col:first-child {
        grid-column: span 2;
        text-align: center;
        margin-bottom: var(--space-4);
    }
    
    .footer-col h3 {
        font-size: var(--font-size-lg);
        margin-bottom: var(--space-4);
    }
    
    .footer-col ul li {
        margin-bottom: var(--space-2);
        font-size: var(--font-size-base);
    }
    
    .footer-logo {
        justify-content: center;
        font-size: var(--font-size-xl);
    }
    
    .footer-logo img {
        width: 36px;
        height: 36px;
    }
    
    .footer-bottom {
        padding-top: var(--space-6);
        font-size: var(--font-size-sm);
    }
    
    /* Button Adjustments Tablet */
    .btn {
        padding: var(--space-3) var(--space-6);
        font-size: var(--font-size-base);
        min-height: 48px;
    }
    
    .btn-sm {
        padding: var(--space-2) var(--space-4);
        font-size: var(--font-size-sm);
        min-height: 40px;
    }
    
    .btn-lg {
        padding: var(--space-4) var(--space-8);
        font-size: var(--font-size-lg);
        min-height: 56px;
    }
    
    /* Form Tablet */
    .form-input,
    .form-textarea,
    .form-select {
        padding: var(--space-3) var(--space-4);
        font-size: var(--font-size-base);
    }
    
    .form-textarea {
        min-height: 120px;
    }
    
    /* Card Tablet */
    .card-header,
    .card-body,
    .card-footer {
        padding: var(--space-6);
    }
    
    /* Modal Tablet */
    .modal {
        max-width: 600px;
        width: 85%;
    }
    
    .modal-header,
    .modal-body,
    .modal-footer {
        padding: var(--space-6);
    }
    
    .modal-title {
        font-size: var(--font-size-xl);
    }
    
    /* Grid System Tablet */
    .grid-cols-tablet-1 {
        grid-template-columns: 1fr;
    }
    
    .grid-cols-tablet-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .grid-cols-tablet-3 {
        grid-template-columns: repeat(3, 1fr);
    }
    
    /* Flexbox Utilities Tablet */
    .flex-tablet {
        display: flex;
    }
    
    .flex-col-tablet {
        flex-direction: column;
    }
    
    .flex-row-tablet {
        flex-direction: row;
    }
    
    .items-center-tablet {
        align-items: center;
    }
    
    .justify-center-tablet {
        justify-content: center;
    }
    
    .justify-between-tablet {
        justify-content: space-between;
    }
    
    /* Utility Classes Tablet */
    .text-center-tablet {
        text-align: center;
    }
    
    .text-left-tablet {
        text-align: left;
    }
    
    .hidden-tablet {
        display: none;
    }
    
    .block-tablet {
        display: block;
    }
    
    .inline-tablet {
        display: inline;
    }
    
    .inline-block-tablet {
        display: inline-block;
    }
    
    /* Spacing Utilities Tablet */
    .m-tablet-0 { margin: 0; }
    .m-tablet-2 { margin: var(--space-2); }
    .m-tablet-4 { margin: var(--space-4); }
    .m-tablet-6 { margin: var(--space-6); }
    .m-tablet-8 { margin: var(--space-8); }
    
    .p-tablet-0 { padding: 0; }
    .p-tablet-2 { padding: var(--space-2); }
    .p-tablet-4 { padding: var(--space-4); }
    .p-tablet-6 { padding: var(--space-6); }
    .p-tablet-8 { padding: var(--space-8); }
    
    /* Width Utilities Tablet */
    .w-tablet-full { width: 100%; }
    .w-tablet-auto { width: auto; }
    .w-tablet-1-2 { width: 50%; }
    .w-tablet-1-3 { width: 33.333333%; }
    .w-tablet-2-3 { width: 66.666667%; }
    .w-tablet-1-4 { width: 25%; }
    .w-tablet-3-4 { width: 75%; }
    
    /* Hover Effects Adjustments */
    .service-card:hover {
        transform: translateY(-3px);
    }
    
    .feature-item:hover {
        transform: translateY(-5px);
    }
    
    .btn-primary:hover {
        transform: translateY(-1px);
    }
    
    /* Touch Improvements for Tablet */
    .btn,
    .service-link,
    .dropdown-menu a {
        min-height: 44px;
    }
    
    /* Scroll Padding */
    html {
        scroll-padding-top: 80px;
    }
    
    /* Animation Adjustments for Tablet */
    .hero-content h1 span::after {
        animation-duration: 3s;
    }
    
    /* Specific Tablet Portrait Styles */
    @media (min-width: 768px) and (max-width: 834px) and (orientation: portrait) {
        
        .services-grid {
            grid-template-columns: 1fr;
            max-width: 500px;
            margin: 0 auto var(--space-10);
        }
        
        .features-grid {
            grid-template-columns: 1fr;
            max-width: 400px;
            margin: 0 auto;
        }
        
        .satisfaction-stats {
            grid-template-columns: repeat(2, 1fr);
        }
        
        .hero-features {
            flex-direction: column;
            gap: var(--space-4);
        }
        
        .hero-features .feature {
            flex-direction: row;
            gap: var(--space-3);
            align-items: center;
        }
    }
    
    /* Specific Tablet Landscape Styles */
    @media (min-width: 900px) and (max-width: 1023px) and (orientation: landscape) {
        
        .services-grid {
            grid-template-columns: repeat(3, 1fr);
        }
        
        .features-grid {
            grid-template-columns: repeat(4, 1fr);
        }
        
        .satisfaction-stats {
            grid-template-columns: repeat(4, 1fr);
        }
        
        .footer-content {
            grid-template-columns: repeat(4, 1fr);
        }
        
        .footer-col:first-child {
            grid-column: span 1;
            text-align: left;
            margin-bottom: 0;
        }
        
        .hero {
            min-height: 500px;
        }
        
        .hero-content h1 {
            font-size: var(--font-size-3xl);
        }
    }
    
    /* Performance Optimizations */
    .service-card,
    .feature-item,
    .stat-item {
        will-change: transform;
    }
    
    /* Reduce Motion for Tablet Users */
    @media (prefers-reduced-motion: reduce) {
        .service-card,
        .feature-item,
        .btn {
            transition: none;
        }
        
        .service-card:hover,
        .feature-item:hover,
        .btn:hover {
            transform: none;
        }
    }
}

/* iPad Specific Styles */
@media only screen 
    and (min-device-width: 768px) 
    and (max-device-width: 1024px) 
    and (-webkit-min-device-pixel-ratio: 1) {
    
    /* iPad specific optimizations */
    .hero-content h1 {
        -webkit-text-stroke: 1px rgba(255, 255, 255, 0.1);
    }
    
    .service-image img,
    .hero-bg img {
        transform: translateZ(0);
        backface-visibility: hidden;
    }
    
    /* Smooth scrolling optimization */
    body {
        -webkit-overflow-scrolling: touch;
    }
}