#tildacopy,
.t-tildalabel,
.t-tildalabel-free {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  max-height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

/* ------------------------------------------------------------------ */
/* Thinner headings site-wide. `html` prefix raises specificity above  */
/* the generator's inline body rules so this wins from the <head>.     */
/* ------------------------------------------------------------------ */

/* ------------------------------------------------------------------ */
/* Кликабельная область кнопок.                                        */
/* Tilda кладёт ссылку ВНУТРЬ блока кнопки, поэтому нажатие работало   */
/* только по самим буквам: у «Book now» это 95x22 из 315x54 — 13%      */
/* площади. Мимо текста клик не проходил вообще. Растягиваем ссылку    */
/* на всю кнопку, выравнивание текста не меняется.                     */
/* ------------------------------------------------------------------ */
html #rec2121233163 .tn-atom > a {
  flex: 1 1 auto;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  /* у блока кнопки есть боковые поля 16px — вытягиваем ссылку и на них,
     иначе кромка кнопки остаётся мёртвой */
  margin: 0 -16px;
  padding: 0 16px;
}

/* Ссылки в подвале: тянем на всю ширину своей строки, чтобы попадать
   не только по буквам. */
html #rec1803718291 .tn-atom > a {
  display: block;
  width: 100%;
}

/* Tour pages — hero title & subtitle heading.
   Заголовок героя — medium (500), он несёт название тура и должен читаться
   плотнее остального текста. Подзаголовок остаётся обычным. */
html #rec2121233163 .tn-elem[data-elem-id="1766426116262000001"] .tn-atom {
  font-weight: 500 !important;
}

html #rec2121221993 .tn-elem[data-elem-id="1721244135138"] .tn-atom {
  font-weight: 400 !important;
}

/* Tour pages — "About this Activity" accordion section titles */
html #rec2121222003 .t585__title {
  font-weight: 400 !important;
}

/* Tour pages — FAQ & Reviews section titles */
html #rec2121222053 .t-section__title,
html #rec2121222073 .t-section__title {
  font-weight: 400 !important;
}

/* Tour pages — promo panel heading */
html #rec2121222043 .tn-elem[data-elem-id="1766442865058"] .tn-atom,
html #rec2121222043 .tn-elem[data-elem-id="1766442865058"] strong {
  font-weight: 400 !important;
}

/* Tour pages — route map title */
html #rec2122133073 .sb-route-map-title {
  font-weight: 400 !important;
}

/* Tour pages — private offer block headings */
html #rec2121222013 .tn-elem[data-elem-id="1766484562953"] .tn-atom,
html #rec2121222013 .sb-private-offer-heading,
html #rec2121222013 .sb-private-card-title {
  font-weight: 400 !important;
}

/* Tour pages — weather condition heading */
html #rec2147449333 .bw-condition {
  font-weight: 400 !important;
}

/* Tour pages — bottom chip section titles ("Things to do in Bali" etc.) */
html .sb-unesco-attractions__title {
  font-weight: 400 !important;
}

/* Generic semantic headings are thinned in fonts-cinageo.css, which is
   linked on every page (including journal/guide pages that do not load
   this file). The rec-specific rules above cover the Tilda tour pages. */

/* Lift the hero description text 20px higher on every tour page. */
html #rec2121233163 .tn-elem[data-elem-id="1766419725555"] {
  transform: translateY(-20px) !important;
}

/* Nudge the whole hero block 10px lower on every tour page. padding-top
   (not margin-top, which collapses into #t-header and drags the nav down)
   pushes the artboard + overlaid text down together, leaving the header
   and menu in place. */
html #rec2121233163 {
  padding-top: 10px !important;
}

/* ...but not on mobile. Below 640px the artboard is given
   `border-radius: 0 0 22px 22px` — square top corners, because there the
   hero card is meant to butt up against the header. The 10px nudge above
   left a white strip along that square edge on all 28 tour pages (x6
   locales). The desktop card is rounded on all four corners, so the nudge
   still makes sense there and is kept. */
@media screen and (max-width: 639px) {
  html #rec2121233163 {
    padding-top: 0 !important;
  }
}

/* Promo block — mobile overrides. */
@media screen and (max-width: 640px) {
  html #rec2121222043 .tn-elem[data-elem-id="1721398681171"] {
    transform: translate(60px, 50px) !important;
  }
  /* Ensure promo description stays above photos. */
  html #rec2121222043 .tn-elem[data-elem-id="1766620130918"] {
    z-index: 10 !important;
  }
  html #rec2121222043 .tn-elem[data-elem-id="1766620130918"] .sb-letter-rise-char {
    opacity: 1 !important;
    transform: none !important;
  }
}
