/* SKT per-page CSS: profile */

/* from profile.html */
body {
            font-family: 'Montserrat', sans-serif;
            background-color: #f8f9fa;
            padding-top: 85px; 
            display: flex;
            flex-direction: column;
            min-height: 100vh;
        }

        /* --- НАВИГАЦИЯ (Фиксированная) --- */
        .navbar-custom {
            background-color: #ffffff;
            transition: all 0.3s ease-in-out;
            padding-top: 0.8rem;
            padding-bottom: 0.8rem;
            box-shadow: 0 4px 20px rgba(0,0,0,0.05);
        }
        .logo-icon {
            width: 46px; height: 46px; border-radius: 10px;
            display: flex; align-items: center; justify-content: center;
            font-weight: 800; font-size: 1rem; color: white;
            background: linear-gradient(135deg, #4b6fb8 0%, #c14545 100%);
        }
        .logo-title { font-size: 1.1rem; font-weight: 800; line-height: 1.1; color: #0b4c9e; }
        .logo-subtitle { font-size: 0.7rem; font-weight: 500; color: #6c757d; }
        .nav-link { font-size: 0.95rem; font-weight: 600; color: #343a40 !important; }
        .nav-link:hover { color: #0b4c9e !important; }

        /* --- ХЕДЕР ПРОФИЛЯ (Hero) --- */
        .profile-hero {
            background: linear-gradient(135deg, #0b4c9e 0%, #1a365d 100%);
            color: #ffffff;
            padding: 4rem 0; /* Обычный padding, фото будет выше */
            border-bottom: 4px solid #d6322b;
            position: relative;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        }
        .breadcrumb-custom { font-size: 0.85rem; margin-bottom: 1rem; }
        .breadcrumb-custom a { color: rgba(255,255,255,0.8); text-decoration: none; }
        .breadcrumb-custom a:hover { color: #fff; }
        
        .profile-name { font-size: 3rem; font-weight: 800; letter-spacing: -1px; margin-bottom: 1rem; }
        
        .profile-badges { display: flex; gap: 1rem; flex-wrap: wrap; margin-bottom: 2rem; }
        .badge-country { background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.3); color: white; padding: 0.6rem 1.2rem; border-radius: 30px; font-weight: 600; display: inline-flex; align-items: center; backdrop-filter: blur(5px); }
        .badge-weight { background: #d6322b; color: white; padding: 0.6rem 1.2rem; border-radius: 30px; font-weight: 700; display: inline-flex; align-items: center; }

        .profile-photo-container {
            position: relative;
            height: 400px;
            display: flex;
            align-items: center; /* Центрируем фото вертикально */
            justify-content: flex-end; /* И прижимаем к правому краю колонки */
        }
        .profile-photo {
            height: 100%;
            width: 100%;
            max-width: 100%;
            object-fit: cover; /* Заполняем область */
            object-position: top; /* Фокус на лице */
            border-radius: 20px 20px 0 0; /* Скругление только сверху, как на макете */
            filter: drop-shadow(0 10px 20px rgba(0,0,0,0.2));
            transition: all 0.3s ease;
        }

        /* --- КАРТОЧКИ СИЛОВЫХ ПОКАЗАТЕЛЕЙ (ЛУЧШИЕ РЕЗУЛЬТАТЫ) --- */
        .stats-overview {
            margin-top: -3.5rem; /* Аккуратно заползает на хедер */
            position: relative;
            z-index: 10;
            margin-bottom: 4rem;
        }
        .lift-card {
            background: #ffffff;
            border-radius: 12px;
            padding: 1.5rem;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            text-align: center;
            border-top: 4px solid #0b4c9e;
            height: 100%;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .lift-card:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12); }
        .lift-card.total-card { border-top-color: #d6322b; background: #fffcfc; }
        
        .lift-icon { font-size: 2rem; color: #a0aec0; margin-bottom: 0.5rem; }
        .total-card .lift-icon { color: #d6322b; }
        
        .lift-title { color: #4a5568; font-size: 0.9rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0.5rem; }
        .lift-value { color: #1a202c; font-size: 2.2rem; font-weight: 800; line-height: 1; }
        .total-card .lift-value { color: #d6322b; }

        /* --- ОСНОВНОЙ КОНТЕНТ (БИО И ГРАФИК) --- */
        .content-section { padding-bottom: 4rem; }
        
        .section-title { color: #0b4c9e; font-weight: 800; font-size: 1.5rem; margin-bottom: 1.5rem; text-transform: uppercase; letter-spacing: 1px; border-bottom: 2px solid #0b4c9e; padding-bottom: 0.5rem; text-align: left; }
        
        /* Блок личной информации */
        .info-list { list-style: none; padding: 0; margin: 0; }
        .info-list li { display: flex; justify-content: space-between; padding: 1rem 0; border-bottom: 1px solid #f1f5f9; }
        .info-list li:last-child { border-bottom: none; }
        .info-label { color: #64748b; font-weight: 600; font-size: 0.9rem; }
        .info-data { color: #0f172a; font-weight: 700; font-size: 0.95rem; }

        .bio-text { color: #334155; line-height: 1.7; font-size: 0.95rem; }

        /* Контейнер графика */
        .chart-container {
            background: #ffffff;
            border-radius: 12px;
            padding: 1.5rem;
            box-shadow: 0 4px 15px rgba(0,0,0,0.03);
            border: 1px solid #e2e8f0;
            position: relative;
            height: 350px;
            width: 100%;
        }

        @media (max-width: 768px) {
            .profile-name { font-size: 2.2rem; text-align: center; }
            .profile-badges { justify-content: center; }
            .profile-photo-container { height: 250px; margin-top: 2rem; justify-content: center; }
            .stats-overview { margin-top: 2rem; }
            .lift-card { margin-bottom: 1rem; }
            .chart-container { height: 300px; }
            .breadcrumb-custom { justify-content: center; }
        }