/* Tablet Styles (768px - 1023px) */
@media (min-width: 768px) {
    /* Base Tablet Adjustments */
    html {
        font-size: 17px;
    }
    
    .container {
        max-width: var(--container-md);
        padding-left: var(--space-6);
        padding-right: var(--space-6);
    }
    
    /* Typography Tablet Scaling */
    h1 {
        font-size: var(--text-4xl);
    }
    
    h2 {
        font-size: var(--text-3xl);
    }
    
    h3 {
        font-size: var(--text-2xl);
    }
    
    .lead {
        font-size: var(--text-xl);
    }
    
    /* Tablet Navigation */
    .navbar {
        padding: var(--space-4) 0;
    }
    
    .navbar-collapse {
        position: static;
        background: transparent;
        box-shadow: none;
        margin-top: 0;
        padding: 0;
    }
    
    .navbar-nav {
        flex-direction: row;
        gap: var(--space-2);
    }
    
    .nav-link {
        padding: var(--space-3) var(--space-4);
    }
    
    /* Tablet Hero Section */
    .hero-section {
        padding-top: var(--space-16);
        padding-bottom: var(--space-16);
        min-height: 70vh;
    }
    
    .hero-title {
        font-size: var(--text-4xl);
        margin-bottom: var(--space-6);
    }
    
    .hero-subtitle {
        font-size: var(--text-xl);
        margin-bottom: var(--space-10);
    }
    
    .hero-actions {
        flex-direction: row;
        gap: var(--space-4);
    }
    
    .hero-actions .btn {
        width: auto;
    }
    
    /* Tablet Trust Signals */
    .trust-signals-section {
        padding: var(--space-12) 0;
    }
    
    .trust-card {
        padding: var(--space-6);
        margin-bottom: 0;
    }
    
    .trust-icon i {
        font-size: var(--text-3xl);
    }
    
    .trust-stat {
        font-size: var(--text-4xl);
    }
    
    .trust-title {
        font-size: var(--text-lg);
    }
    
    .trust-description {
        font-size: var(--text-base);
    }
    
    /* Tablet Process Steps */
    .process-section {
        padding: var(--space-12) 0;
    }
    
    .process-step {
        padding: var(--space-6);
        margin-bottom: 0;
    }
    
    .number-circle {
        width: 40px;
        height: 40px;
        font-size: var(--text-lg);
    }
    
    .step-icon i {
        font-size: var(--text-2xl);
    }
    
    .step-title {
        font-size: var(--text-lg);
    }
    
    .step-description {
        font-size: var(--text-base);
    }
    
    /* Tablet Features */
    .features-section {
        padding: var(--space-12) 0;
    }
    
    .feature-card {
        padding: var(--space-6);
        margin-bottom: 0;
    }
    
    .feature-icon {
        width: 56px;
        height: 56px;
        margin-bottom: var(--space-4);
    }
    
    .feature-icon i {
        font-size: var(--text-2xl);
    }
    
    .feature-title {
        font-size: var(--text-lg);
    }
    
    .feature-description {
        font-size: var(--text-base);
    }
    
    /* Tablet Coming Soon */
    .coming-soon-section {
        padding: var(--space-12) 0;
    }
    
    .product-card {
        padding: var(--space-6);
        margin-bottom: 0;
    }
    
    .product-title {
        font-size: var(--text-lg);
    }
    
    /* Tablet Footer */
    .site-footer {
        padding-top: var(--space-12);
    }
    
    .footer-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-8);
    }
    
    .footer-widget {
        margin-bottom: 0;
    }
    
    .footer-widget-title {
        font-size: var(--text-xl);
    }
    
    .footer-copyright {
        padding: var(--space-6) 0;
        font-size: var(--text-sm);
    }
    
    /* Tablet Cards */
    .card-body {
        padding: var(--space-6);
    }
    
    .card-title {
        font-size: var(--text-xl);
    }
    
    /* Tablet Tables */
    .table {
        font-size: var(--text-base);
    }
    
    /* Tablet Modals */
    .modal-dialog {
        margin: var(--space-8) auto;
        max-width: 600px;
    }
    
    .modal-header,
    .modal-body,
    .modal-footer {
        padding: var(--space-6);
    }
    
    /* Tablet Accordion */
    .accordion-button {
        padding: var(--space-6);
        font-size: var(--text-lg);
    }
    
    .accordion-body {
        padding: var(--space-6);
    }
    
    /* Tablet Pagination */
    .pagination {
        flex-wrap: nowrap;
        gap: var(--space-3);
    }
    
    .page-link {
        min-width: 44px;
        min-height: 44px;
        font-size: var(--text-base);
    }
    
    /* Tablet Grid System */
    .row {
        --bs-gutter-x: 1.5rem;
    }
    
    .col-md-1 { width: 8.333333%; }
    .col-md-2 { width: 16.666667%; }
    .col-md-3 { width: 25%; }
    .col-md-4 { width: 33.333333%; }
    .col-md-5 { width: 41.666667%; }
    .col-md-6 { width: 50%; }
    .col-md-7 { width: 58.333333%; }
    .col-md-8 { width: 66.666667%; }
    .col-md-9 { width: 75%; }
    .col-md-10 { width: 83.333333%; }
    .col-md-11 { width: 91.666667%; }
    .col-md-12 { width: 100%; }
    
    /* Tablet Utilities */
    .d-tablet-only {
        display: block;
    }
    
    .d-tablet-hidden {
        display: none;
    }
    
    .d-mobile-only {
        display: none;
    }
    
    /* Tablet-specific layouts */
    .two-column-layout {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--space-8);
    }
    
    .three-column-layout {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: var(--space-6);
    }
    
    /* Tablet hover effects */
    @media (hover: hover) {
        .feature-card:hover {
            transform: translateY(-4px);
        }
        
        .trust-card:hover {
            transform: translateY(-2px);
        }
        
        .btn:hover {
            transform: translateY(-2px);
        }
    }
    
    /* Tablet animations */
    @media (prefers-reduced-motion: no-preference) {
        .fade-in-tablet {
            animation: fadeInTablet 0.6s ease-out;
        }
        
        @keyframes fadeInTablet {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .slide-in-left {
            animation: slideInLeft 0.6s ease-out;
        }
        
        @keyframes slideInLeft {
            from {
                opacity: 0;
                transform: translateX(-30px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }
        
        .slide-in-right {
            animation: slideInRight 0.6s ease-out;
        }
        
        @keyframes slideInRight {
            from {
                opacity: 0;
                transform: translateX(30px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }
    }
    
    /* Tablet landscape optimizations */
    @media (orientation: landscape) {
        .hero-section {
            min-height: 80vh;
        }
        
        .hero-content {
            max-width: 80%;
        }
    }
    
    /* Tablet performance optimizations */
    .lazy-load {
        opacity: 0;
        transition: opacity 0.3s;
    }
    
    .lazy-load.loaded {
        opacity: 1;
    }
    
    /* Tablet accessibility enhancements */
    :focus-visible {
        outline: 3px solid var(--color-primary);
        outline-offset: 3px;
    }
    
    /* Reduce motion for tablet */
    @media (prefers-reduced-motion: reduce) {
        .fade-in-tablet,
        .slide-in-left,
        .slide-in-right {
            animation: none;
            opacity: 1;
            transform: none;
        }
    }
    
    /* Tablet dark mode enhancements */
    @media (prefers-color-scheme: dark) {
        .navbar {
            background: rgba(26, 26, 27, 0.95);
        }
        
        .feature-card,
        .trust-card,
        .process-step {
            background: var(--color-gray-800);
            border-color: var(--color-gray-700);
        }
        
        .card {
            background: var(--color-gray-800);
            border-color: var(--color-gray-700);
        }
        
        .table {
            color: var(--color-gray-300);
        }
        
        .table th {
            background: var(--color-gray-700);
            color: var(--color-gray-100);
        }
        
        .table td {
            border-color: var(--color-gray-700);
        }
    }
    
    /* Tablet print optimizations */
    @media print {
        .no-print-tablet {
            display: none !important;
        }
        
        .container {
            max-width: 100% !important;
        }
        
        .two-column-layout,
        .three-column-layout {
            display: block;
        }
        
        .col-md-1,
        .col-md-2,
        .col-md-3,
        .col-md-4,
        .col-md-5,
        .col-md-6,
        .col-md-7,
        .col-md-8,
        .col-md-9,
        .col-md-10,
        .col-md-11,
        .col-md-12 {
            width: 100% !important;
            float: none !important;
        }
        
        .page-break-tablet {
            page-break-before: always;
        }
    }
}

/* Medium tablets (768px - 899px) */
@media (min-width: 768px) and (max-width: 899px) {
    .hero-title {
        font-size: var(--text-3xl);
    }
    
    .hero-subtitle {
        font-size: var(--text-lg);
    }
    
    .container {
        max-width: 720px;
    }
}

/* Large tablets (900px - 1023px) */
@media (min-width: 900px) and (max-width: 1023px) {
    .hero-title {
        font-size: var(--text-4xl);
    }
    
    .hero-subtitle {
        font-size: var(--text-xl);
    }
    
    .container {
        max-width: 840px;
    }
    
    .footer-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}