/* ============================================
   ВНУТРЕННИЕ СТРАНИЦЫ (hero)
   ============================================ */
.fc-page-hero { background: linear-gradient(135deg, var(--fc-navy) 0%, #1E4B8F 100%); color: #fff; text-align: center; padding: 72px 0 64px; }
.fc-page-hero__title { color: #fff; margin: 0 0 12px; font-size: clamp(1.8rem, 4vw, 2.8rem); }
.fc-page-hero__subtitle { color: rgba(255,255,255,.85); margin: 0 auto; max-width: 620px; font-size: 1.05rem; }

/* ============================================
   БЛОГ — АРХИВ
   ============================================ */
.blog .site-main, .archive .site-main { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 28px !important; max-width: 1240px !important; margin: 0 auto !important; padding: 40px 24px 80px !important; align-items: stretch !important; }
.blog article, .archive article { background: #fff !important; border-radius: var(--fc-radius) !important; box-shadow: var(--fc-shadow) !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; height: 100% !important; margin: 0 !important; transition: transform .3s, box-shadow .3s !important; }
.blog article:hover, .archive article:hover { transform: translateY(-6px) !important; box-shadow: var(--fc-shadow-hover) !important; }
.blog article .entry-title, .archive article .entry-title { font-family: var(--fc-font-head) !important; font-size: 1.1rem !important; font-weight: 700 !important; color: var(--fc-navy) !important; margin: 0 !important; padding: 20px 24px 8px !important; line-height: 1.35 !important; border: none !important; min-height: 70px !important; }
.blog article .entry-title::after, .archive article .entry-title::after { display: none !important; content: none !important; }
.blog article .entry-title a, .archive article .entry-title a { color: var(--fc-navy) !important; text-decoration: none !important; }
.blog article .entry-title a:hover, .archive article .entry-title a:hover { color: var(--fc-red) !important; }
.blog article .entry-meta, .archive article .entry-meta { font-size: 13px !important; color: var(--fc-gray) !important; padding: 0 24px 12px !important; margin: 0 !important; }
.blog article .entry-meta a, .archive article .entry-meta a { color: var(--fc-navy) !important; font-weight: 600 !important; }
.blog article .post-thumbnail, .archive article .post-thumbnail { order: -1 !important; margin: 0 !important; }
.blog article .post-thumbnail img, .archive article .post-thumbnail img { width: 100% !important; height: 200px !important; object-fit: cover !important; display: block !important; }
.blog article .entry-content, .archive article .entry-content { padding: 0 24px 16px !important; font-size: 14px !important; line-height: 1.6 !important; color: var(--fc-text) !important; flex: 1 !important; display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
.blog article .more-link, .archive article .more-link { display: inline-block !important; margin: auto 24px 24px !important; padding: 10px 22px !important; background: var(--fc-navy) !important; color: #fff !important; border-radius: 50px !important; font-family: var(--fc-font-head) !important; font-weight: 700 !important; font-size: 13px !important; text-decoration: none !important; align-self: flex-start !important; }
.blog article .more-link:hover, .archive article .more-link:hover { background: var(--fc-red) !important; }

/* ПАГИНАЦИЯ */
.navigation.pagination { grid-column: 1 / -1 !important; margin-top: 56px !important; text-align: center !important; width: 100% !important; }
.navigation.pagination .nav-links { display: inline-flex !important; gap: 10px !important; justify-content: center !important; flex-wrap: wrap !important; align-items: center !important; }
.navigation.pagination .page-numbers { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 44px !important; height: 44px !important; padding: 0 14px !important; border-radius: 10px !important; background: #fff !important; border: 1px solid var(--fc-border) !important; color: var(--fc-navy) !important; font-family: var(--fc-font-head) !important; font-weight: 600 !important; font-size: 15px !important; text-decoration: none !important; transition: all .2s !important; box-sizing: border-box !important; }
.navigation.pagination .page-numbers:hover, .navigation.pagination .page-numbers.current { background: var(--fc-navy) !important; color: #fff !important; border-color: var(--fc-navy) !important; }

/* ============================================
   СТАТЬЯ БЛОГА
   ============================================ */
.fc-single { padding: 48px 0 80px; background: var(--fc-bg); }
.fc-single-post { background: #fff; border-radius: var(--fc-radius); box-shadow: var(--fc-shadow); padding: 48px; }
.fc-single-post__title { font-family: var(--fc-font-head); font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 800; color: var(--fc-navy); line-height: 1.2; margin: 0 0 16px; text-align: center; }
.fc-single-post__meta { text-align: center; font-size: 15px; color: var(--fc-gray); margin-bottom: 32px; padding-bottom: 24px; border-bottom: 1px solid var(--fc-border); }
.fc-single-post__meta time { font-weight: 600; color: var(--fc-navy); }
.fc-single-post__thumbnail { margin: 0 -48px 32px; }
.fc-single-post__thumbnail img { width: 100%; height: auto; object-fit: contain; display: block; }
.fc-single-post__content { font-size: 16px; line-height: 1.75; color: var(--fc-text); }
.fc-single-post__content h2 { font-size: 1.6rem; margin: 40px 0 20px; color: var(--fc-navy); }
.fc-single-post__content h3 { font-size: 1.3rem; margin: 32px 0 16px; color: var(--fc-navy); }
.fc-single-post__content p { margin: 0 0 20px; }
.fc-single-post__content ul, .fc-single-post__content ol { padding-left: 24px; margin: 0 0 20px; }
.fc-single-post__content li { margin-bottom: 8px; line-height: 1.7; }
.fc-single-post__content blockquote { background: var(--fc-bg); border-left: 4px solid var(--fc-red); padding: 20px 24px; margin: 24px 0; border-radius: 0 var(--fc-radius) var(--fc-radius) 0; font-style: italic; color: var(--fc-navy); }
.fc-single-post__content img { max-width: 100%; height: auto; border-radius: 10px; margin: 24px 0; }
.fc-single-post__content a { color: var(--fc-red); text-decoration: underline; }
.fc-single-post__back { margin-top: 48px; padding-top: 32px; border-top: 1px solid var(--fc-border); text-align: center; }

/* КАК ЗАКАЗАТЬ — телефоны */
.fc-order-card__phones { display: flex !important; flex-direction: column !important; gap: 12px !important; margin-top: 16px !important; width: 100% !important; }
.fc-order-card__phones .fc-btn { display: block !important; width: 100% !important; text-align: center !important; padding: 14px 20px !important; font-size: 15px !important; white-space: nowrap !important; box-sizing: border-box !important; }
/* ============================================
   ФИКС КНОПКИ ОТПРАВКИ В ФОРМАХ (CF7)
   ============================================ */

/* Для всех форм, которые не находятся в модалке */
.wpcf7-form input[type="submit"],
.wpcf7-form button[type="submit"],
.wpcf7-submit {
    display: inline-block !important;
    width: 100% !important;
    max-width: 400px !important;
    padding: 16px 32px !important;
    background: var(--fc-red) !important; /* Возвращаем красный цвет */
    color: var(--fc-white) !important;
    border: none !important;
    border-radius: 50px !important; /* Форма "таблетки" */
    font-family: var(--fc-font-head) !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: none !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    box-shadow: none !important;
    margin: 10px auto !important;
    text-align: center !important;
}

/* Эффект при наведении */
.wpcf7-form input[type="submit"]:hover,
.wpcf7-form button[type="submit"]:hover,
.wpcf7-submit:hover {
    background: var(--fc-red-dark) !important;
    color: var(--fc-white) !important;
    transform: translateY(-2px) !important;
    box-shadow: var(--fc-shadow-hover) !important;
}

/* Убираем серый фон, который навязывает тема при фокусе или клике */
.wpcf7-form input[type="submit"]:focus,
.wpcf7-form input[type="submit"]:active {
    background: var(--fc-red) !important;
    outline: none !important;
}
/* ============================================
   КАК ЗАКАЗАТЬ — ОТСТУПЫ И "ВОЗДУХ"
   ============================================ */

/* Даем воздух самим карточкам */
.fc-order-card {
    padding: 32px !important; /* Внутренние отступы */
    display: flex;
    flex-direction: column;
    gap: 20px; /* Расстояние между заголовком, текстом и кнопками */
    margin-bottom: 24px; /* Отступ между карточками */
    background: #fff;
    border-radius: var(--fc-radius);
    box-shadow: var(--fc-shadow);
}

/* Заголовки внутри карточек (Через мессенджер, По телефону и т.д.) */
.fc-order-card h3 {
    margin: 0 0 10px 0 !important; /* Отступ снизу от заголовка */
    font-size: 1.25rem !important;
    line-height: 1.3;
    display: flex;
    align-items: center;
    gap: 10px; /* Расстояние между иконкой и текстом, если иконка в h3 */
}

/* Текстовые описания под заголовками */
.fc-order-card p {
    margin: 0 0 15px 0 !important;
    color: var(--fc-gray);
    line-height: 1.6;
    font-size: 15px;
}

/* Кнопки внутри карточки (Telegram, MAX, телефоны) */
.fc-order-card__buttons {
    display: flex !important;
    flex-direction: column !important; /* На мобильных в столбик */
    gap: 12px !important; /* Отступ между кнопками */
    margin-top: 10px;
    width: 100%;
}

/* Делаем кнопки широкими и аккуратными */
.fc-order-card__buttons .fc-btn,
.fc-order-card__phones .fc-btn {
    width: 100% !important;
    padding: 14px 20px !important;
    text-align: center !important;
    font-size: 15px !important;
    box-sizing: border-box;
}

/* На компьютерах кнопки (например, Telegram и MAX) могут стоять в ряд */
@media (min-width: 768px) {
    .fc-order-card__buttons {
        flex-direction: row !important;
        flex-wrap: wrap;
    }
    .fc-order-card__buttons .fc-btn {
        width: auto !important;
        min-width: 140px;
    }
}

/* Телефоны */
.fc-order-card__phones {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100%;
    margin-top: 10px;
}

/* Иконки (эмодзи) в заголовках */
.fc-order-card h3 img, 
.fc-order-card h3 svg {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}
/* ============================================
   СТРАНИЦА "ДОСТАВКА" — КАРТОЧКИ И ВОЗДУХ
   ============================================ */

/* 1. Превращаем каждый способ доставки в карточку */
.fc-delivery-grid {
    display: flex;
    flex-direction: column;
    gap: 24px; /* Расстояние между карточками */
    margin-top: 32px;
}

.fc-delivery-card {
    background: #fff;
    border-radius: var(--fc-radius);
    padding: 32px 24px !important; /* Внутренние отступы */
    box-shadow: var(--fc-shadow);
    display: flex;
    flex-direction: column;
    gap: 16px; /* Расстояние между заголовком, иконкой и текстом */
    transition: transform .3s, box-shadow .3s;
}

.fc-delivery-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--fc-shadow-hover);
}

/* 2. Иконка (эмодзи) — делаем её крупной и аккуратной */
.fc-delivery-card__icon {
    font-size: 32px !important;
    line-height: 1;
    margin-bottom: 0 !important;
    display: inline-block;
}

/* 3. Заголовок карточки */
.fc-delivery-card h3 {
    margin: 0 !important;
    font-size: 1.3rem !important;
    color: var(--fc-navy);
    line-height: 1.3;
    display: flex;
    align-items: center;
    gap: 12px; /* Расстояние между иконкой и текстом */
}

/* 4. Текст внутри карточки */
.fc-delivery-card p {
    margin: 0 0 10px 0 !important;
    color: var(--fc-text);
    font-size: 15px;
    line-height: 1.6;
}

.fc-delivery-card p:last-child {
    margin-bottom: 0 !important;
}

.fc-delivery-card strong {
    color: var(--fc-navy);
    font-weight: 700;
}

/* ============================================
   БЛОК "ОСТАЛИСЬ ВОПРОСЫ?" (КОНТАКТЫ)
   ============================================ */

/* Обертка для блока контактов (если у вас есть общий контейнер) */
.fc-delivery-contacts {
    margin-top: 48px;
    padding: 32px 24px;
    background: #fff;
    border-radius: var(--fc-radius);
    box-shadow: var(--fc-shadow);
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.fc-delivery-contacts h3 {
    margin: 0 0 10px 0 !important;
    font-size: 1.4rem !important;
    color: var(--fc-navy);
    line-height: 1.3;
}

.fc-delivery-contacts p {
    margin: 0 0 20px 0 !important;
    color: var(--fc-gray);
    font-size: 15px;
    line-height: 1.6;
}

/* Кнопки контактов (телефоны и MAX) */
.fc-delivery-contacts__buttons {
    display: flex !important;
    flex-direction: column !important; /* На мобильных в столбик */
    gap: 12px !important;
    width: 100%;
}

.fc-delivery-contacts__buttons .fc-btn {
    width: 100% !important;
    text-align: center !important;
    padding: 14px 20px !important;
    font-size: 15px !important;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}



/* ============================================
   БЛОК "ОСТАЛИСЬ ВОПРОСЫ" (КЛАСС .fc-cta)
   ============================================ */

/* 1. Даем воздух самому блоку (отодвигаем от карточки доставки) */
.fc-cta {
    margin-top: 48px !important; /* Большой отступ сверху */
    padding: 40px 24px !important; /* Внутренние отступы (воздух) */
    background: var(--fc-bg) !important; /* Светлый фон, чтобы выделить */
    border-radius: var(--fc-radius) !important;
    text-align: center !important;
}

/* 2. Отступы для заголовка */
.fc-cta h2 {
    margin: 0 0 12px 0 !important;
    font-size: 1.5rem !important;
    color: var(--fc-navy) !important;
    line-height: 1.3 !important;
}

/* 3. Отступы для текста */
.fc-cta p {
    margin: 0 0 24px 0 !important; /* Отодвигаем кнопки от текста */
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: var(--fc-gray) !important;
}

/* 4. Контейнер для кнопок (телефоны и MAX) */
.fc-cta__buttons {
    display: flex !important;
    flex-direction: column !important; /* На телефоне кнопки в столбик */
    gap: 12px !important; /* Расстояние между кнопками */
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}

/* 5. Делаем кнопки широкими и аккуратными на телефоне */
.fc-cta__buttons .fc-btn {
    width: 100% !important;
    max-width: 300px !important; /* Чтобы не растягивались на весь экран */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 14px 20px !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
}

/* ============================================
   СТРАНИЦА "О НАС" — СТАТИСТИКА (ЦИФРЫ)
   ============================================ */

/* Сетка для карточек */
.fc-stats {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* 4 колонки на ПК */
    gap: 24px !important;
    margin: 56px 0 !important;
    text-align: center !important;
}

/* Сама карточка */
.fc-stat {
    background: var(--fc-bg) !important; /* Светло-серый фон */
    border-radius: var(--fc-radius) !important;
    padding: 32px 16px !important;       /* Внутренние отступы */
    transition: transform .3s, box-shadow .3s !important;
}

.fc-stat:hover {
    transform: translateY(-4px) !important;
    box-shadow: var(--fc-shadow) !important;
}

/* Большая красная цифра */
.fc-stat__num {
    font-family: var(--fc-font-head) !important;
    font-weight: 800 !important;
    font-size: 2.4rem !important; /* Большой размер */
    color: var(--fc-red) !important; /* Фирменный красный */
    line-height: 1 !important;
    margin-bottom: 12px !important;
}

/* Подпись под цифрой */
.fc-stat__label {
    color: var(--fc-gray) !important;
    font-size: 0.95rem !important;
    line-height: 1.4 !important;
    font-family: var(--fc-font-body) !important;
}

/* ============================================
   СТРАНИЦА "О НАС" — ПРЕИМУЩЕСТВА (КАРТОЧКИ)
   ============================================ */

/* Сетка для карточек */
.fc-about-advantages {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; /* 2 колонки на ПК */
    gap: 24px !important;
    margin-top: 32px !important;
}

/* Сама карточка */
.fc-about-adv {
    background: #fff !important;
    border-radius: var(--fc-radius) !important;
    padding: 32px !important;                 /* Внутренний воздух */
    box-shadow: var(--fc-shadow) !important;  /* Легкая тень */
    border-left: 4px solid var(--fc-red) !important; /* Фирменная красная полоска */
    transition: transform .3s, box-shadow .3s !important;
}

.fc-about-adv:hover {
    transform: translateY(-4px) !important;
    box-shadow: var(--fc-shadow-hover) !important;
}

/* Заголовок карточки */
.fc-about-adv h3 {
    font-family: var(--fc-font-head) !important;
    font-size: 1.2rem !important;   /* Нормальный размер шрифта, а не 29px */
    font-weight: 700 !important;
    color: var(--fc-navy) !important;
    margin: 0 0 12px 0 !important;
    line-height: 1.3 !important;
}

/* Текст карточки */
.fc-about-adv p {
    font-family: var(--fc-font-body) !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: var(--fc-gray) !important;
    margin: 0 !important;
}