/* Кастомні шрифти для Beauty Shop */

/* Rubik Doodle Shadow - для заголовків */
@font-face {
    font-family: 'Rubik Doodle Shadow';
    src: url('../fonts/Rubik_Doodle_Shadow/RubikDoodleShadow-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Lobster - для підписів під заголовками */
@font-face {
    font-family: 'Lobster';
    src: url('../fonts/Lobster/Lobster-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Заголовки сторінок та блоків - Rubik Doodle Shadow */
h1, h2,
.section-title,
.article-title,
.page-title,
.block-title,
.category-title,
.category-circle-name,
.feature-title {
    font-family: var(--font-special-heading);
    font-weight: 400;
    line-height: 1.3;
}

/* Заголовки h3-h6 та назви товарів - звичайний шрифт */
h3, h4, h5, h6 {
    font-family: var(--font-heading);
    font-weight: 600;
    line-height: 1.3;
}

/* Підписи під заголовками - Lobster */
.section-subtitle,
.article-subtitle,
.page-subtitle,
.block-subtitle,
.category-subtitle,
.feature-description,
p.subtitle {
    font-family: var(--font-subtitle);
    font-weight: 400;
    line-height: 1.4;
}

/* Специфічні класи */
.title-doodle {
    font-family: var(--font-special-heading);
}

.subtitle-lobster {
    font-family: var(--font-subtitle);
}

/* Адаптивні розміри для нових шрифтів */
@media (max-width: 768px) {
    h1, .section-title {
        font-size: 1.8rem;
    }
    
    h2 {
        font-size: 1.6rem;
    }
    
    h3 {
        font-size: 1.4rem;
    }
    
    .section-subtitle,
    .article-subtitle {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    h1, .section-title {
        font-size: 1.6rem;
    }
    
    h2 {
        font-size: 1.4rem;
    }
    
    h3 {
        font-size: 1.2rem;
    }
    
    .section-subtitle,
    .article-subtitle {
        font-size: 0.95rem;
    }
}