/* ============================================================
   Сглаживание углов (iOS corner smoothing) — чистый CSS.
   Заменяет старый JS на figma-squircle + clip-path.

   corner-shape меняет только КРИВУЮ угла, border-radius остаётся родным.
   Поэтому ничего не обрезается: тени, торчащие бейджи («New», «Most Popular»),
   выпадающие меню — всё на месте.

   superellipse(1.1) подобран попиксельно как эквивалент прежнего
   figma-squircle cornerSmoothing: 0.6. НЕ ставить keyword `squircle`
   (= superellipse(2)) — углы получаются заметно плотнее и вид меняется.

   Круглые элементы (аватар, кнопка-стрелка, бейджи-пилюли, кружки арканов)
   и логотип сайта НЕ трогаем — они остаются кругами.
   Точечно отключить: style="corner-shape: round".
   ============================================================ */

:where(
    /* сайдбар */
    #mainSidebar,
    #mainSidebar .sb-row,

    /* калькулятор и матрица */
    .matrix-tab,
    .matrix-toolbar,
    .matrix-points-menu,
    .matrix-action-btn,
    .arcana-cta,
    .arcana-card,
    .calc-card,
    .point-card,
    .bundle-hint,
    .birth-input,
    .date-field,
    .yearly-period-trigger,
    .yearly-period-menu,
    .yearly-age-panel,
    .purpose-mini,
    .caste-panel,

    /* прайсинг */
    .pricing-section,
    .pricing-card,
    .pricing-card-body,
    .pricing-card-cta,
    .pricing-card-addon,

    /* личный кабинет */
    .acc-card,
    .chart-card,
    .bundle-slot-row,
    .btn-edit,
    .btn-cancel,
    .btn-danger,
    .ui-btn-primary,
    .ui-btn-ghost,
    .inline-form,
    .inline-form input,
    .chart-rename-form,
    .chart-rename-form input,
    .review-textarea,
    .chart-row .actions a,
    .chart-row .actions button,

    /* футер: плашка соцсетей помечена data-no-sq (анимирует padding),
       поэтому сглаживание углов ей достаётся только отсюда */
    .ft-social
) {
    corner-shape: superellipse(1.1);
}