/* css/style.css */
body { 
    font-family: 'Inter', sans-serif; 
    background-color: #111827; 
    color: #fff;
    -webkit-font-smoothing: antialiased; /* Сглаживание шрифтов */
}

h1, h2, h3, .price-tag, .promo-text {
    font-family: 'Roboto Condensed', sans-serif;
}

.mobile-container {
    max-width: 480px;
    margin: 0 auto;
    min-height: 100vh;
    background-color: #1F2937;
    position: relative;
    box-shadow: 0 0 50px rgba(0,0,0,0.5);
    overflow-x: hidden;
    /* Оптимизация производительности для контейнера */
    content-visibility: auto; 
}

/* Скроллбар */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: #1F2937; }
::-webkit-scrollbar-thumb { background: #EAB308; border-radius: 2px; }

/* Анимации */
@keyframes pulse-gold {
    0%, 100% { box-shadow: 0 0 0 0 rgba(234, 179, 8, 0.4); }
    50% { box-shadow: 0 0 0 10px rgba(234, 179, 8, 0); }
}
.btn-pulse { animation: pulse-gold 2s infinite; will-change: box-shadow; }

.modal-enter { animation: slideUp 0.3s ease-out forwards; }
@keyframes slideUp {
    from { transform: translateY(100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

@keyframes shimmer {
    0% { background-position: -100% 0; }
    100% { background-position: 100% 0; }
}
.skeleton {
    background: linear-gradient(90deg, #374151 25%, #4B5563 50%, #374151 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    will-change: background-position; /* Подсказка браузеру для оптимизации */
}

* { -webkit-tap-highlight-color: transparent; }