/** Botexin — палитра по макету (бежево-золотая). SEOX-1823 **/

:root {
    /* Бренд-акцент макета (Figma token primary/blue = #C89565, золото/тан) */
    --accent-green: #C89565;
    --accent-green-dark: #B07E4E;
    --accent-green-soft: #F7F0EA;
    --accent-green-border: #C89565;
    --start-accent: #C89565;

    /* Фоновые/мягкие тона */
    --primary-yellow: #F7F0EA;
    --primary-light_green: #F5F5F5;
    --primary-green: #E9E9E9;
    --primary-green_radial: radial-gradient(52.64% 91.89% at 50% 93.83%, #F7F0EA 0%, #FFFFFC 100%);

    /* CTA-градиент — ГОЛУБОЙ по макету (кнопки blue, H1/бренд — gold) */
    --big-button-gradient: linear-gradient(90deg, #C8E5F3 0%, #6BB7FE 100%);
}

/* H1 и подсветка бренда (.selected) — золото макета */
#start h1 {
    color: #C89565;
}

#start .selected {
    -webkit-text-fill-color: #C89565;
}

.selected {
    background: #C89565;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Бежевый блок в hero */
#start .section__item.yellow {
    background: #F7F0EA;
}

/* CTA-кнопки — ГОЛУБОЙ градиент по макету (#C8E5F3 → #6BB7FE), тёмный текст */
.big-button,
.big-button.green-btn {
    background: linear-gradient(90deg, #C8E5F3 0%, #6BB7FE 100%);
    color: #28261B;
}

.big-button.black {
    background: linear-gradient(90deg, #FFF 0%, #F0E6DA 100%);
    color: #28261B;
}

/* Фокус-стейт поиска страны в телефоне (был зелёный #59b149) */
.phone-country-search:focus {
    border-color: #C89565;
    box-shadow: 0 0 0 2px #C8956533;
}

/* SEOX-1823 offer: compact mini order form in 'how to order' step 1 so it fits the card height (~354px) */
#how-page .form-card { padding: 0; background: transparent; box-shadow: none; height: 354px; }
#how-page .form-card .section__form { padding: 16px; gap: 9px; height: 100%; justify-content: center; }
#how-page .form-card .form-heading { font-size: 13px; line-height: 16px; }
#how-page .form-card .price__values-container > div { padding: 5px 12px; }
#how-page .form-card .price__values-container > div > div > p:first-child { font-size: 9px; line-height: 10px; }
#how-page .form-card .price__values-container > div > div > p:last-child { font-size: 17px; line-height: 20px; }
#how-page .form-card .section__form-input { padding: 8px 12px; font-size: 13px; line-height: 16px; }
#how-page .form-card .phone-country-select { top: 0; bottom: 0; height: auto; padding: 0 8px; }
#how-page .form-card .section__delivery { font-size: 11px; gap: 6px; padding: 4px 0; }
#how-page .form-card .section__delivery img { width: 18px; height: 12px; }
#how-page .form-card .section__form-button { padding: 9px; font-size: 13px; min-height: unset; }
#how-page .form-card .section__form-checkbox, #how-page .form-card .checkbox-text, #how-page .form-card label { font-size: 10px; line-height: 12px; }

/* SEOX-1823 offer: #reg form centered after removing the .rounded.shadowed wrapper */
#reg .section__inner-container.large-width { margin-inline: auto; }

/* SEOX-1823 big-button hover: darken own colour (palette-agnostic), undo stock gold green-btn:hover */
.big-button:hover { filter: brightness(0.93); }
.big-button.green-btn:hover { background: var(--big-button-gradient); }