article {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 15px 45px;
}

.recipe-header,
.product-header {
    text-align: center;
}

.recipe-title,
.product-title {
    font-size: var(--font-size-19-6-58); /* clamp(24px, 7.85vw, 52px); */
}

.recipe-featured-image .recipe-image,
.product-featured-image .product-image {
    max-width: 100%;  /* картинка не будет шире родительского контейнера */
    height: auto;     /* высота автоматически подстраивается пропорционально */
    border-radius: var(--border-redius-35);
    overflow: hidden;
    padding: 15px;       
}

/* Настройка контента единичной статьи */
.recipe-content,
.product-content {
    margin-bottom: 25px;
}

.recipe-content h2, 
.recipe-content h3,
.product-content h2,
.product-content h3 {
    margin-top: 10px;
    margin-bottom: 15px;
    text-align: center;
}

.recipe-content h2,
.product-content h2 {
    font-size: var(--font-size-19-6-58); /* clamp(24px, 7.85vw, 48px); */
}

.recipe-content h3,
.product-content h3 {
    font-size: var(--font-size-18-4-42); /* clamp(28px, 5.25vw, 42px); */
}

.recipe-content p, 
.product-content p {
    font-size: var(--font-size-21-3-38); /* clamp(12px, 4.85vw, 38px); */
    margin-bottom: 3vh;
}

.recipe-content ul,
.product-content ul {
    margin-bottom: 3vh;
}

.recipe-content li,
.product-content li {
    font-size: var(--font-size-21-3-38); /* clamp(12px, 4.85vw, 38px); */
}

.recipe-external-link,
.product-external-link {
    margin-bottom: 35px;
}

.recipe-external-link a,
.product-external-link a {
    background-color: var(--color-prim);
    color: var(--color-bg-and-nav-font);
    border-radius: var(--border-radius-10);
    padding: 5px 25px;
    font-size: var(--font-size-21-3-38);/* clamp(16px, 3.68vw, 38px); */
}

.recipe-external-link:hover a,
.product-external-link:hover a {
    background-color: var(--color-prim-light);
}

/* Навигация по двум ближайшим статьям */
.recipe-navigation,
.product-navigation {
    display: flex;
    gap: 12vw;
    margin-bottom: 25px;
}

.nav-previous a, 
.nav-next a {
    color: var(--color-prim);
    font-weight: bold;
    font-size: var(--font-size-12-2-32); /* clamp(12px, 2.68vw, 32px); */
    border: 1px solid var(--color-prim);
    border-radius: var(--border-radius-10);
    padding: 10px 25px;
} 

.nav-previous:hover a, 
.nav-next:hover a {
    background-color: var(--color-dot-bg-and-hover); /* #ffe8d2; */
    text-decoration: underline;
}