/* Правки нового сайта поверх стилей темы. */

/* Арабская версия: ссылка «к содержимому» уезжала влево на 999px и давала горизонтальную прокрутку страницы контактов. */
[dir="rtl"] .ircp-skip{left:auto;right:-999px}
[dir="rtl"] .ircp-skip:focus{right:12px}

/* Длинные слова в заголовках не вылезают за экран. Без автопереносов по слогам — они ломали заголовок главной («мото-циклов»). */
h1,h2,h3{overflow-wrap:break-word}
.faq-layout>*,.cat-main>*,.bikes-grid>*,.trp-trust>*,.policy-hero-grid>*,[class*="-grid"]>*,[class*="-layout"]>*,.policy-layout>*,.policy-content>*,.tour-hero-content>*,.ir-cta-actions-v3>*{min-width:0}
/* Страница тура на телефоне: первый экран (название, цены, опции) съезжал и обрезался с обеих сторон. */
@media (max-width:600px){.tour-hero-content{grid-template-columns:minmax(0,1fr)!important}}

/* Арабская версия: подписи тарифов на английском («DAYS 3–6») читались задом наперёд — «DAYS 6–3». */
[dir="rtl"] .bptab-period,[dir="rtl"] .bptab,[dir="rtl"] .bfoot-lbl,[dir="rtl"] .bptab-val{unicode-bidi:plaintext}

/* Блок «Дополнения» на странице байка: заголовок и пояснение слипались в одну строку без пробела. */
.extras-head{display:flex;flex-direction:column;gap:2px}

/* Красная надпись над заголовком на красном фоне блока «Готовы к поездке?» была почти не видна. */
.cta .kicker,.cta-inner .kicker{color:rgba(255,255,255,.85)}

@media (max-width:600px){
  /* Страницы районов и типов: карточка байка была шире экрана, правый край с ценами и кнопками срезался. */
  .cat-main,.bikes-grid{grid-template-columns:minmax(0,1fr)!important}
  .bcard{min-width:0;max-width:100%}
  /* Таблицы-сетки из 3–4 колонок (цифры трассы MotoGP и т.п.) — по две в ряд, четвёртая колонка была за экраном. */
  div[style*="repeat(4,1fr)"],div[style*="repeat(4, 1fr)"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:18px}
  .mg-gallery-thumb-v5{min-width:0}
}

@media (max-width:400px){
  /* Узкий телефон: цена «за месяц» в карточке ужималась до 70px («167K/ден…»), кнопки — на всю ширину строкой ниже. */
  .bfoot{flex-wrap:wrap;row-gap:10px}
  .bfoot-left{flex:1 1 100%;min-width:0}
  .bfoot .bbtns{flex:1 1 100%;display:flex;gap:8px}
  .bfoot .bbtns>*{flex:1 1 0;justify-content:center}
}

/* Таблицы: на телефоне прокручиваются вбок целиком, суммы не разрываются на две строки. */
.tbl-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.tbl-scroll>table{margin:0}
@media (max-width:600px){.tbl-scroll>table{min-width:100%}.tbl-scroll th,.tbl-scroll td{white-space:nowrap}.tbl-scroll td:first-child,.tbl-scroll th:first-child{white-space:normal;min-width:110px}}

/* Мобильное меню: блок языков и валюты ниже — без серой подложки, кнопки компактнее (было 56px по высоте, стало ~28px). */
.ir-v16-locale{padding:0;background:none;border:0;margin-bottom:8px;gap:6px}
.ir-v16-locale .lang-sw{border-radius:7px}
.ir-v16-locale .lang-btn{padding:4px 4px;line-height:1.5}
.ir-v16-locale .ir-v16-cur-sel{padding:3px 8px;height:auto;line-height:1.5}

/* Верхнее меню на ноутбуках: не помещающиеся пункты — в выпадающее «Ещё ▾» (assets/site.js). */
.ir-site-header .nav-links.has-more,.ir-site-header .nav:has(.nav-links.has-more){overflow:visible!important}
.ir-site-header .nav-more{position:relative}
.ir-site-header .nav-more-btn{display:block;padding:7px 12px;font:500 .82rem/1.5 inherit;font-family:inherit;color:var(--ink2,#5a5652);background:transparent;border:0;border-radius:7px;cursor:pointer;white-space:nowrap}
.ir-site-header .nav-more-btn:hover,.ir-site-header .nav-more-btn.on,.ir-site-header .nav-more.open .nav-more-btn{color:var(--red,#e8231a);background:var(--redg,rgba(232,35,26,.1))}
.ir-site-header .nav-more-menu{display:none;position:absolute;top:calc(100% + 6px);right:0;min-width:190px;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid #e9e3dc;border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.12);z-index:950}
[dir="rtl"] .ir-site-header .nav-more-menu{right:auto;left:0}
.ir-site-header .nav-more.open .nav-more-menu{display:block}
.ir-site-header .nav-more-menu a{padding:9px 12px!important}
/* Блок «Важно перед бронированием» на телефоне: заголовок крупнее экрана — уменьшаем. */
@media (max-width:480px){.faq-layout h2{font-size:clamp(28px,9vw,44px)}}

/* Политика конфиденциальности (ru): «конфиденциальности» шире колонки заголовка — перенос по слогам с дефисом, а не обрыв слова. */
.policy-hero-grid h1,.policy-content h2{hyphens:auto}

@media (max-width:480px){
  /* Туры: фильтры «Остров / Длительность» переносятся на новую строку, а не прячутся за краем («Ломбок», «2 дня» не было видно). */
  .trp-filter-group{flex-wrap:wrap!important;overflow:visible!important;row-gap:6px}
  /* Карточка тура: «2 дня / 1 ночь», «Индивидуальный тур» — целиком, по одной в строку, без многоточия. */
  .trp-card-stats{grid-template-columns:minmax(0,1fr)!important}
  .trp-card-stats b{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  /* Блок Tripadvisor: звёзды уходили за край карточки на узком экране. */
  .trp-trust-card{flex-wrap:wrap;row-gap:4px}
}

/* Узкие телефоны: заголовки страниц районов/типов и главной шрифтом Bebas 48–55px не помещались
   («мотоциклов», «Кандидасе» шире экрана), сетка растягивалась и текст срезался. Чуть меньше шрифт — слово влезает целиком. */
@media (max-width:420px){
  .catalog-hero-inner>*,.hero-inner>*{min-width:0}
  .catalog-hero-inner h1{font-size:clamp(30px,11vw,50px)!important}
}
@media (max-width:360px){.hero-inner h1{font-size:clamp(30px,12.5vw,48px)!important}}