/* ── Zonar custom overrides ─────────────────────────────────────────────── */ /* Testimonials carousel: clip Swiper slides that bleed outside the wrap */ .testimonilas-carousel-wrap { overflow: hidden; position: relative; } /* Sponsor CTA row: align h4 and button on the same baseline */ .srv-link-text { display: flex; align-items: center; gap: 30px; margin-top: 30px; } .srv-link-text h4 { float: none; margin-right: 0; margin-bottom: 0; } .srv-link-text .btn { top: 0; flex-shrink: 0; } #sec5 { margin-bottom: 160px; } #sec6 { bottom: 170px; } /* Keywords preview block: match the h3 block-heading styling for the h2 */ .section-title h2 { font-size: 26px; text-align: left; text-transform: uppercase; color: #000; font-weight: 800; float: left; width: 100%; letter-spacing: 2px; padding-bottom: 10px; line-height: 34px; } .section-title h2:before { content: ''; position: absolute; left: -90px; top: -10px; width: 150px; bottom: 4px; z-index: -1; background: #f2f2f2; } /* Chat FAB must NOT poke through the slide-out menu or the loader overlays. z-index lifting does NOT work here: the menu (.nav-holder) and loaders live inside .page, nested under an absolutely-positioned ancestor (z-index:2) that forms a stacking context — so no z-index on them can ever beat the FAB (#tc-chat, z:99990), which is a direct child in the ROOT stacking context. Verified with Playwright (elementFromPoint at the FAB center returned the chat svg even at z-index:100002). z-index can't put the FAB "behind" the overlay (the menu/loaders are trapped inside .page under an absolute z-index:2 ancestor, while #tc-chat is a child — so any low z drops it behind the entire opaque page). So HIDE the FAB while any overlay is up and restore it the moment the overlay clears. Stacking-context-proof (visibility, not z-index). Signals: • menu open → zonar JS sets `.nh_vis` on .nav-holder • initial preload → vendor `.loader` is present in the DOM only while loading • nav transition → jQuery `.show()/.fadeIn()` sets inline display:block on .page-load (Override here — never edit vendor style.css.) */ body:has(.nav-holder.nh_vis) .tc-chat-launch, body:has(.loader) .tc-chat-launch, body:has(.page-load[style*="display: block"]) .tc-chat-launch { opacity: 0; visibility: hidden; pointer-events: none; }