/* ============================================================
   Tatischev Park — mobile fixes (custom, loads last)
   Fixes inherent Tilda zero-block mobile quirks:
   1) Burger / header icons not tappable at top of page
      (fixed header artboard is "innactive" -> pointer-events:none
       on ALL its children, incl. the burger link).
   2) "Технология строительства" popup comparison table (820px)
      clipped on the right with no horizontal scroll on mobile.
   Scoped so desktop (>=641px) is untouched.
   ============================================================ */

/* ---- 1. Header burger / contact icons always tappable ---- */
/* The interactive elements of the fixed header must receive taps
   even when the header artboard is in its transparent "innactive"
   state. We re-enable pointer-events only on the actual links/buttons
   (not the empty bar) so page scroll-through still works elsewhere. */
.t396__artboard-fixed-innactive .t396__elem a,
.t396__artboard-fixed-innactive .t396__elem button,
.t396__artboard-fixed-innactive .t396__elem [href="#menuopen"],
.t396__artboard-fixed-innactive .t396__elem .tn-atom[href],
.t396__artboard-fixed-no-bg.t396__artboard-fixed-innactive .t396__elem a,
.t396__artboard-fixed-no-bg.t396__artboard-fixed-innactive .t396__elem button,
.t396__artboard-fixed-no-bg.t396__artboard-fixed-innactive .t396__elem [href="#menuopen"] {
  pointer-events: auto !important;
}

/* The burger link's own elem wrapper must let the tap through to the
   link (its computed pointer-events was forced to none by the inactive
   header rule). Keep this tight to elements that carry an interactive
   atom, so transparent header background still passes scroll through. */
.t396__artboard-fixed-innactive .t396__elem:has(a[href]),
.t396__artboard-fixed-innactive .t396__elem:has(button),
.t396__artboard-fixed-innactive .t396__elem:has([href="#menuopen"]) {
  pointer-events: auto !important;
}

/* The hero block paints over the header bar (later in DOM, no z-index).
   Header artboard is position:fixed z-index:990 but its interactive
   children need a stacking context above the hero's positioned atoms. */
.t396__artboard-fixed [href="#menuopen"],
.t396__artboard-fixed [href="#menuopen"] .tn-atom,
.t396__artboard-fixed a[href] {
  position: relative;
  z-index: 1;
}

/* ---- 2. "Технология строительства" popup: comparison table ---- */
/* The 4-column comparison table is 820px wide and lives inside a
   .tn-molecule scroll container (overflow-x:scroll) — same as the live
   site, so it is already horizontally swipeable to reveal every column.
   We only improve discoverability on mobile: momentum scrolling + a
   thin scrollbar so users see it can be panned. No layout change. */
@media screen and (max-width: 640px) {
  #rec2008916211 .tn-molecule {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
}