/* --- Hero --- */
.personal-hero-bg {
    background: linear-gradient(to right, rgba(0,0,0,0.9) 30%, rgba(0,0,0,0.4)), url('/images/main/uppercut.jpg');
    background-size: cover;
    background-position: center;
}

/* --- Services Grid --- */
.services-section { padding: 100px 0; background: #050505; }
.section-header { text-align: center; margin-bottom: 60px; }
.section-header h2 { font-size: 2.5rem; text-transform: uppercase; }
.section-header h2 span { color: var(--red); }
.section-header p { color: #666; margin-top: 15px; }

.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

.service-item {
    background: var(--card-bg);
    padding: 40px 30px;
    border-radius: 25px;
    border: 1px solid var(--glass-border);
    text-align: center;
    transition: 0.3s;
}

.service-item:hover {
    border-color: var(--red);
    transform: translateY(-5px);
}

.service-item i {
    font-size: 2rem;
    color: var(--red);
    margin-bottom: 20px;
    display: block;
}

.service-item h3 {
    font-size: 1.1rem;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.service-item p {
    font-size: 14px;
    color: #777;
    line-height: 1.5;
}

/* --- Coach Section --- */
.personal-coach-bg {
    background: #000;
}

/* --- Mobile Fix --- */
@media (max-width: 768px) {
    .services-grid {
        grid-template-columns: 1fr;
    }
}