/* ============================================================================
   ОБЩИЕ СТИЛИ - ИСПОЛЬЗУЮТСЯ ВСЕМИ СТРАНИЦАМИ
   ============================================================================ */

/* CSS Variables */
:root {
    --primary-color: #ff6b35;
    --primary-hover: #ff8c42;
    --secondary-color: #2c3e50;
    --success-color: #27ae60;
    --warning-color: #f39c12;
    --danger-color: #e74c3c;
    --info-color: #3498db;
    --light-color: #f8f9fa;
    --dark-color: #22223b;
    --border-color: #e0e1dd;
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.07);
    --shadow-md: 0 4px 12px 0 rgb(0 0 0 / 0.10);
    --shadow-lg: 0 10px 24px 0 rgb(0 0 0 / 0.13);
    --radius: 0.7rem;
    --transition: all 0.2s cubic-bezier(.4,0,.2,1);
    /* Высота navbar для мобильного overlay меню */
    --navbar-height: 60px;
}

/* Общие стили body */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

/* Общие контейнеры */
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}

@media (min-width: 576px) { .container { max-width: 540px; } }
@media (min-width: 768px) { .container { max-width: 720px; } }
@media (min-width: 992px) { .container { max-width: 960px; } }
@media (min-width: 1200px) { .container { max-width: 1140px; } }
@media (min-width: 1400px) { .container { max-width: 1320px; } }



/* Общие утилиты */
.d-flex { display: flex !important; }
.d-none { display: none !important; }
.align-items-center { align-items: center !important; }
.justify-content-center { justify-content: center !important; }
.text-center { text-align: center !important; }
.text-muted { color: #6c757d !important; }
.text-decoration-none { text-decoration: none !important; }

/* Общие отступы */
.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }
.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }