/* Загальні стилі для всіх сторінок послуг */
.service-hero, .youtube-hero, .music-hero, .smm-hero {
    text-align: center;
    padding: 100px 20px;
    color: white;
}

.service-hero h1, .youtube-hero h1, .music-hero h1, .smm-hero h1 {
    font-size: 3.5rem;
    margin-bottom: 20px;
}

.service-hero h1 span, .youtube-hero h1 span, 
.music-hero h1 span, .smm-hero h1 span {
    display: block;
    font-size: 1.8rem;
    color: var(--main);
    margin-top: 15px;
}

.tagline {
    font-size: 1.2rem;
    max-width: 700px;
    margin: 0 auto 30px;
}

/* Анімації */
.float-animation {
    animation: float 3s ease-in-out infinite;
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}

/* Темні теми */
.youtube-theme { --main: #FF0000; }
.music-theme { --main: #1DB954; }
.smm-theme { --main: #FD1D1D; }
.web-theme { --main: #B347FF; }

/* Адаптивність */
@media (max-width: 768px) {
    .service-hero h1, .youtube-hero h1, 
    .music-hero h1, .smm-hero h1 {
        font-size: 2.5rem;
    }
}