/* ===== Свежий бирюзовый стиль с коралловым акцентом ===== */
:root{
  --mint-dark: #008b8b;      /* тёмная бирюза */
  --mint-light: #20b2aa;     /* светлая бирюза */
  --mint-bg: #e0f7f5;        /* очень светлый фон */
  --coral: #ff6f61;          /* коралловый акцент */
  --coral-hover: #e85c50;    /* тёмно-коралловый при ховере */
}

/* Hero */
.custom-gradient-header {
    background: linear-gradient(135deg, var(--mint-dark) 0%, var(--mint-light) 100%) !important;
    padding: 50px 30px !important;
    border-radius: 16px !important;
    text-align: center !important;
    box-shadow: 0 16px 36px rgba(0,139,139,0.28) !important;
    margin: 30px 0 !important;
    position: relative !important;
}
.custom-gradient-header::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, var(--coral), var(--coral-hover), var(--mint-light), var(--mint-dark)) !important;
    border-radius: 16px 16px 0 0 !important;
}

.custom-gradient-header h1 {
    color: #fff !important;
    font-size: 2.4em !important;
    font-weight: 700 !important;
    margin: 0 0 18px 0 !important;
    font-family: 'Segoe UI', Tahoma, sans-serif !important;
    line-height: 1.2 !important;
    text-shadow: 0 2px 6px rgba(0,0,0,.25) !important;
}
.custom-gradient-header p {
    color: rgba(255,255,255,0.92) !important;
    font-size: 1.15em !important;
    margin: 0 0 28px 0 !important;
    font-family: 'Segoe UI', Tahoma, sans-serif !important;
    font-weight: 350 !important;
}

.custom-gradient-header > div {
    display: flex !important;
    gap: 18px !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
}

/* Кнопки в hero */
.custom-gradient-header a:first-child {
    background: var(--coral) !important;
    color: #fff !important;
    padding: 14px 28px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    box-shadow: 0 10px 24px rgba(255,111,97,.32) !important;
    transition: all .25s ease !important;
    font-family: 'Segoe UI', Tahoma, sans-serif !important;
    border: 2px solid var(--coral-hover) !important;
}
.custom-gradient-header a:last-child {
    background: transparent !important;
    color: #fff !important;
    padding: 12px 28px !important;
    border: 2px solid #fff !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    transition: all .25s ease !important;
    font-family: 'Segoe UI', Tahoma, sans-serif !important;
}
.custom-gradient-header a:hover { transform: translateY(-2px) !important; }
.custom-gradient-header a:first-child:hover { background: var(--coral-hover) !important; border-color: var(--coral-hover) !important; }
.custom-gradient-header a:last-child:hover { background: rgba(255,255,255,.08) !important; }

/* Универсальная кнопка */
.custom-content-btn {
    background: linear-gradient(135deg, var(--coral) 0%, var(--coral-hover) 100%) !important;
    color: #fff !important;
    padding: 16px 34px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    box-shadow: 0 12px 26px rgba(255,111,97,.30) !important;
    transition: all .25s ease !important;
    font-family: 'Segoe UI', Tahoma, sans-serif !important;
}

/* Карточки/секции */
.custom-takeaways,
.custom-toc,
.custom-content-block,
.custom-faq {
    background: #fff !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.10) !important;
    border-radius: 12px !important;
    padding: 28px !important;
    margin: 28px 0 !important;
    border: 1px solid #d2ece9 !important;
}
.custom-takeaways {
    background: linear-gradient(135deg, var(--mint-bg) 0%, #ffffff 100%) !important;
    border-left: 6px solid var(--mint-dark) !important;
}
.custom-takeaways h3 {
    color: var(--mint-dark) !important;
    font-size: 1.35em !important;
    font-weight: 800 !important;
    margin: 0 0 18px 0 !important;
    font-family: 'Segoe UI', Tahoma, sans-serif !important;
}

/* Заголовки секций */
.custom-toc h3,
.custom-content-block h2,
.custom-faq h2 {
    color: var(--mint-dark) !important;
    border-bottom: 3px solid var(--coral) !important;
    padding: 0 0 12px 0 !important;
    margin: 0 0 20px 0 !important;
    font-size: 1.6em !important;
    font-weight: 800 !important;
    font-family: 'Segoe UI', Tahoma, sans-serif !important;
}

/* Ссылки ToC */
.custom-toc a {
    color: var(--mint-light) !important;
    text-decoration: none !important;
    font-family: 'Segoe UI', Tahoma, sans-serif !important;
    font-weight: 600 !important;
}
.custom-toc a:hover { color: var(--mint-dark) !important; }

/* FAQ */
.custom-faq h4 {
    color: var(--coral) !important;
    font-family: 'Segoe UI', Tahoma, sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.2em !important;
}

/* Принудительно для кнопки в шапке */
.elementor-location-header .elementor-button {
    background-color: var(--coral) !important;
    color: #fff !important;
    border-color: var(--coral) !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 22px rgba(255,111,97,.25) !important;
}
.elementor-location-header .elementor-button:hover {
    background-color: var(--coral-hover) !important;
    border-color: var(--coral-hover) !important;
}