/* ------------------------------------------------------------------
   Единые скругления по всему сайту (оператор, 30.09.2026: «где-то так,
   где-то сяк, где-то вообще нет закругления»).

   Замер по всем типам страниц (главная, страна, город, достопримечательность,
   инфостраницы, новости, отели и карточка отеля, акции и карточка тура,
   типы туров, контакты, агентствам, кабинет, отзывы) и модальным окнам:
   у карточек было 4, 6, 8, 9.6, 10, 14, 16 и 18px, у кнопок и полей —
   3, 4, 5, 8, 10 и 12px, у бейджей — 3–6px. Каждый шаблон задавал своё.

   Теперь три значения:
     --it-radius-card:    16px — карточки и крупные блоки;
     --it-radius-control: 12px — кнопки и одиночные контролы;
     --it-radius-tag:      8px — бейджи и метки.
   Таблетки (999px) остаются таблетками.

   Составные элементы не трогаем: поля поисковых форм (.form-group,
   .packagetours-*, .theme-search-area-*, .btn-advanced), их вкладки
   (#main-search_form-with-tabs-v2 .nav-link) и переключатель «список/
   плитка» (.grid-opt) — там сегменты стыкуются друг с другом, и
   скругление каждого порвёт блок. Полоска прогресса (.progress) и
   чекбоксы тоже остаются как есть.

   Файл подключается последним (header.php). Селекторы с префиксом
   «html body» — чтобы перевесить стили шаблонов компонентов, которые
   Bitrix собирает в page_*.css с той же специфичностью.
   ------------------------------------------------------------------ */

:root {
    --it-radius-card: 16px;
    --it-radius-control: 12px;
    --it-radius-tag: 8px;
}

/* ---------- карточки и блоки ---------- */

html body .list-single-main-item,
html body .listing-item,
html body .listing-item-container .listing-item,
html body .product-grid .product-grid-item,
html body .box-widget,
html body .box-widget-author,
html body .faq-nav,
html body .menu-vertical-01,
html body .smartfilter,
html body .card-post,
html body .home-quiz,
html body .tile,
html body .quiz-card,
html body .home-figures__item,
html body .news-card,
html body .staff-card,
html body .home-intro__search,
html body .geodir-category-img,
html body .info-card,
html body .info-office,
html body .contacts-map-box,
html body .ideaboxWeather,
html body .flat-title-wrap h1.underlay,
html body section.section-default,
html body .similar-hotels__item,
html body .card,
html body .main-register,
html body .main-booking,
html body .post-article .list-single-main-media {
    border-radius: var(--it-radius-card);
}

/* Картинка в карточке туров шаблона home_tours скруглялась только
   верхним левым углом (8px 0 0 0), а сама карточка — 8px. Скругление
   даёт карточка через overflow: hidden, у картинки своего не нужно. */
html body .product-grid .product-grid-item .product-grid__img img {
    border-radius: 0;
}

/* ---------- кнопки ---------- */

html body .btn,
html body .btn.btn-secondary.button-more,
html body .btn_search,
html body .itd-btn,
html body .grid-list-el,
html body .mmenu__cta,
html body .need-help__form-phone,
html body .need-help__button,
html body .btn-to-search,
html body .cb__input,
html body .cb__submit,
html body .cb__error,
html body .alert,
html body a.iksweb,
html body .card .form-control,
html body .card .nav-link,
html body .btn-search-block_wrapper a,
/* Форма «Нужна помощь» v2 собрана с CSS-модулями: хеш в имени класса
   меняется при пересборке, поэтому — по началу имени. */
html body [class*="styles_form__input__item"],
html body [class*="styles_button__"] {
    border-radius: var(--it-radius-control);
}

/* Пилюли остаются пилюлями. */
html body .home-intro__marker,
html body .staff-card__link,
html body .section-chips a {
    border-radius: 999px;
}

/* ---------- бейджи и метки ---------- */

html body .product-grid__tags li,
html body .label-item,
html body .card-options--item,
html body .hotsale {
    border-radius: var(--it-radius-tag);
}