/* Специфичные стили для различных устройств */

/* iPhone X, XS, 11 Pro, 12 mini, 13 mini (375x812) */
@media only screen 
  and (device-width: 375px) 
  and (device-height: 812px) 
  and (-webkit-device-pixel-ratio: 3) {
    body {
        padding-top: env(safe-area-inset-top);
        padding-bottom: env(safe-area-inset-bottom);
    }
    
    .header[data-v-fed5196b] {
        padding-top: 10px;
    }
}

/* iPhone XR, 11 (414x896) */
@media only screen 
  and (device-width: 414px) 
  and (device-height: 896px) 
  and (-webkit-device-pixel-ratio: 2) {
    body {
        padding-top: env(safe-area-inset-top);
        padding-bottom: env(safe-area-inset-bottom);
    }
}

/* iPhone XS Max, 11 Pro Max (414x896) */
@media only screen 
  and (device-width: 414px) 
  and (device-height: 896px) 
  and (-webkit-device-pixel-ratio: 3) {
    body {
        padding-top: env(safe-area-inset-top);
        padding-bottom: env(safe-area-inset-bottom);
    }
}

/* iPhone 12, 12 Pro, 13, 13 Pro, 14 (390x844) */
@media only screen 
  and (device-width: 390px) 
  and (device-height: 844px) 
  and (-webkit-device-pixel-ratio: 3) {
    body {
        padding-top: env(safe-area-inset-top);
        padding-bottom: env(safe-area-inset-bottom);
    }
}

/* iPhone 12 Pro Max, 13 Pro Max, 14 Plus (428x926) */
@media only screen 
  and (device-width: 428px) 
  and (device-height: 926px) 
  and (-webkit-device-pixel-ratio: 3) {
    body {
        padding-top: env(safe-area-inset-top);
        padding-bottom: env(safe-area-inset-bottom);
    }
}

/* iPhone 14 Pro (393x852) */
@media only screen 
  and (device-width: 393px) 
  and (device-height: 852px) 
  and (-webkit-device-pixel-ratio: 3) {
    body {
        padding-top: env(safe-area-inset-top);
        padding-bottom: env(safe-area-inset-bottom);
    }
}

/* iPhone 14 Pro Max (430x932) */
@media only screen 
  and (device-width: 430px) 
  and (device-height: 932px) 
  and (-webkit-device-pixel-ratio: 3) {
    body {
        padding-top: env(safe-area-inset-top);
        padding-bottom: env(safe-area-inset-bottom);
    }
}

/* iPad Mini, iPad Air (768x1024) */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .slots .games[data-v-3ae5806d] {
        grid-template-columns: repeat(4, 1fr);
    }
    
    .games[data-v-f9207f78] {
        flex-wrap: wrap;
        height: auto;
    }
}

/* iPad Pro 11" (834x1194) */
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (min-device-height: 1194px) 
  and (max-device-height: 1194px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .slots .games[data-v-3ae5806d] {
        grid-template-columns: repeat(5, 1fr);
    }
}

/* iPad Pro 12.9" (1024x1366) */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (min-device-height: 1366px) 
  and (max-device-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .slots .games[data-v-3ae5806d] {
        grid-template-columns: repeat(6, 1fr);
    }
}

/* Samsung Galaxy S8, S9, S10 */
@media only screen 
  and (device-width: 360px) 
  and (device-height: 740px) 
  and (-webkit-device-pixel-ratio: 4) {
    .container-fluid {
        padding: 0 8px;
    }
}

/* Samsung Galaxy S20, S21 */
@media only screen 
  and (device-width: 360px) 
  and (device-height: 800px) 
  and (-webkit-device-pixel-ratio: 3) {
    .container-fluid {
        padding: 0 10px;
    }
}

/* Google Pixel, Pixel 2 */
@media only screen 
  and (device-width: 411px) 
  and (device-height: 731px) 
  and (-webkit-device-pixel-ratio: 2.625) {
    .slots .games[data-v-3ae5806d] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Общие улучшения для всех мобильных устройств */
@media (max-width: 768px) {
    /* Безопасные отступы для устройств с вырезами */
    body {
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right);
    }
    
    /* Оптимизация шрифтов для мобильных */
    body {
        font-size: 14px;
        line-height: 1.5;
    }
    
    /* Улучшенная кликабельность */
    button, a, input, select {
        touch-action: manipulation;
    }
    
    /* Предотвращение двойного тапа для зума */
    a, button {
        touch-action: manipulation;
    }
}

/* Темная тема для системных настроек */
@media (prefers-color-scheme: dark) {
    html:not(.dark) {
        /* Автоматическое применение темной темы если не установлена явно */
    }
}

/* Уменьшенная анимация для пользователей с настройками доступности */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Высококонтрастный режим */
@media (prefers-contrast: high) {
    .games .game[data-v-f9207f78],
    .slots .games a[data-v-3ae5806d] {
        border: 2px solid currentColor;
    }
}

/* Оптимизация для складных устройств */
@media (min-width: 600px) and (max-width: 900px) {
    .slots .games[data-v-3ae5806d] {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .banner[data-v-f3346957] {
        grid-template-columns: 1fr 1fr;
    }
}

/* Ландшафтная ориентация для планшетов */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .header[data-v-fed5196b] {
        flex-direction: row;
    }
    
    .header .leftbar[data-v-fed5196b] {
        width: 350px;
    }
    
    .header .main[data-v-fed5196b] {
        width: calc(100% - 365px);
    }
    
    .slots .games[data-v-3ae5806d] {
        grid-template-columns: repeat(5, 1fr);
    }
}