/* 🖥️ 4K Display Optimizations */

/* ========== Wide Screen & 4K Display Support ========== */

/* 1920px and up (Full HD) */
@media (min-width: 1920px) {
    /* Token Sales Container */
    .token-sales-container {
        max-width: 1600px;
        margin: 0 auto;
    }
    
    /* Token Packages Grid - 3 columns for wider displays */
    .token-packages-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: var(--spacing-xl);
        max-width: 1800px;
        margin: var(--spacing-xl) auto;
        padding: var(--spacing-xl);
    }
    
    /* Keep special cards centered */
    .token-packages-grid .token-price-card:nth-child(9) {
        grid-column: 1 / -1;
        max-width: 800px;
        margin: 0 auto;
    }
    
    .token-packages-grid .token-price-card:nth-child(10) {
        grid-column: 1 / -1;
        max-width: 700px;
        margin: 0 auto;
    }
    
    /* Larger card dimensions */
    .token-price-card {
        min-height: 600px;
        padding: var(--spacing-xl) var(--spacing-xl) !important;
    }
    
    /* Larger text for readability */
    .package-name {
        font-size: 2rem;
    }
    
    .token-amount {
        font-size: 4rem !important;
    }
    
    .discounted-price {
        font-size: 2.25rem !important;
    }
    
    .benefit-text {
        font-size: 1.1rem;
    }
}

/* 2560px and up (2K/QHD) */
@media (min-width: 2560px) {
    /* Even wider container */
    .token-sales-container {
        max-width: 2000px;
    }
    
    .token-packages-grid {
        max-width: 2200px;
        gap: calc(var(--spacing-xl) * 1.5);
    }
    
    /* Larger special cards */
    .token-packages-grid .token-price-card:nth-child(9) {
        max-width: 900px;
    }
    
    .token-packages-grid .token-price-card:nth-child(10) {
        max-width: 800px;
    }
    
    /* Increase card size */
    .token-price-card {
        min-height: 650px;
    }
}

/* 3840px and up (4K/UHD) */
@media (min-width: 3840px) {
    /* 4K optimizations */
    :root {
        font-size: 18px; /* Increase base font size */
    }
    
    /* Maximum width containers */
    .token-sales-container {
        max-width: 2800px;
    }
    
    /* 4-column grid for 4K */
    .token-packages-grid {
        grid-template-columns: repeat(4, 1fr) !important;
        max-width: 3200px;
        gap: calc(var(--spacing-xl) * 2);
        padding: calc(var(--spacing-xl) * 2);
    }
    
    /* Adjust special cards for 4-column layout */
    .token-packages-grid .token-price-card:nth-child(9) {
        grid-column: span 2;
        max-width: 1200px;
        margin: 0 auto;
    }
    
    .token-packages-grid .token-price-card:nth-child(10) {
        grid-column: span 2;
        max-width: 1000px;
        margin: 0 auto;
    }
    
    /* Extra large cards */
    .token-price-card {
        min-height: 750px;
        padding: calc(var(--spacing-xl) * 1.5) !important;
    }
    
    /* Scale up all text */
    .package-name {
        font-size: 2.5rem;
    }
    
    .package-icon {
        font-size: 3.5rem;
    }
    
    .token-amount {
        font-size: 5rem !important;
    }
    
    .token-label {
        font-size: 1.5rem;
    }
    
    .discounted-price {
        font-size: 3rem !important;
    }
    
    .original-price {
        font-size: 1.75rem;
    }
    
    .benefit-text {
        font-size: 1.25rem;
    }
    
    .btn-purchase {
        font-size: 1.25rem;
        padding: 20px 40px;
    }
    
    /* Larger badges */
    .discount-badge {
        font-size: 1.1rem !important;
        padding: 10px 20px !important;
    }
    
    .rarity-badge {
        font-size: 1rem !important;
        padding: 8px 16px !important;
    }
    
    .popular-badge {
        font-size: 0.9rem !important;
        padding: 6px 14px !important;
    }
}

/* High DPI screens (Retina, etc.) */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    /* Sharper shadows and effects */
    .token-price-card {
        box-shadow: 
            0 10px 40px rgba(0, 0, 0, 0.15),
            0 0 80px rgba(var(--primary-rgb), 0.1),
            inset 0 0 40px rgba(255, 255, 255, 0.02);
    }
    
    /* Smoother animations */
    * {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}

/* Ultra-wide monitors (21:9 aspect ratio) */
@media (min-aspect-ratio: 21/9) {
    .token-packages-grid {
        grid-template-columns: repeat(5, 1fr) !important;
    }
    
    /* Adjust special cards for 5-column layout */
    .token-packages-grid .token-price-card:nth-child(9),
    .token-packages-grid .token-price-card:nth-child(10) {
        grid-column: span 2;
    }
}