/* One visual component for section links, FAQ topics and article filters. */
.hype-section-nav{position:sticky;top:var(--hype-section-header,0px);z-index:90;width:100%;margin:0;background:#fff;border-bottom:1px solid #e2e8ed;font-family:Manrope,sans-serif;box-sizing:border-box}
.hype-section-nav__track,.hype-cat-filters{display:flex;gap:8px;max-width:1140px;margin:0 auto;padding:8px 16px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;box-sizing:border-box}
:root :is(.hype-section-nav .hype-section-nav__link,.hype-cat-filters .hype-cat-btn){appearance:none;display:inline-flex!important;flex:0 0 auto;align-items:center;justify-content:center;min-height:44px!important;padding:0 16px!important;border:1px solid #d8e3eb!important;border-radius:6px!important;background:#fff!important;color:#0b1d2e!important;font:600 13px/1.3 Manrope,sans-serif!important;text-transform:none!important;letter-spacing:normal!important;text-decoration:none;white-space:nowrap;box-sizing:border-box;box-shadow:none!important;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s!important}
:root :is(.hype-section-nav .hype-section-nav__link,.hype-cat-filters .hype-cat-btn):hover{background:#edf8fd!important;border-color:#3bb5e8!important}
:root :is(.hype-section-nav .hype-section-nav__link,.hype-cat-filters .hype-cat-btn):is([aria-current="location"],[aria-current="page"],[aria-pressed="true"],.active){background:#0b1d2e!important;border-color:#0b1d2e!important;color:#fff!important}
:root :is(.hype-section-nav .hype-section-nav__link,.hype-cat-filters .hype-cat-btn):focus-visible{outline:3px solid #f7941d!important;outline-offset:2px}
body.wp-theme-hype.lg-pair-science .hype-cat-filters{gap:8px!important;flex-wrap:wrap!important;overflow:visible;max-width:none;width:100%;padding-inline:0}
body.wp-theme-hype.lg-pair-science .hype-cat-filters .hype-cat-btn{max-width:100%;white-space:normal;overflow-wrap:anywhere}
/* FAQ's containing section is the sticky rail; retain its existing mobile visibility. */
@media(min-width:768px){
  body.wp-theme-hype.lg-pair-faq #faq-search-nav.hype-section-nav{position:static!important;padding:0!important;box-shadow:none!important}
  body.wp-theme-hype.lg-pair-faq .hype-faq-nav .faq-nav-pills{justify-content:flex-start!important;flex-wrap:nowrap!important;max-width:1140px!important;margin:0 auto;padding:8px 16px!important;gap:8px!important}
}
@media(prefers-reduced-motion:reduce){:root :is(.hype-section-nav .hype-section-nav__link,.hype-cat-filters .hype-cat-btn){transition:none!important}}

/* Mobile: hide the sticky section rail site-wide (it offset in-page anchor targets). FAQ search nav keeps its function. */
@media(max-width:767.98px){
  .hype-section-nav:not(#faq-search-nav){display:none!important}
}

/* Keep the homepage offer image clear of the fixed header and section rail. */
@media(min-width:768px){
  .lg-front #hv2-oferta .u-sticky{top:calc(var(--hype-section-bottom,168px) + 16px)}
  .lg-front #hv2-oferta .u-sticky>img{display:block;width:auto;max-width:100%;height:auto;max-height:max(120px,calc(100svh - var(--hype-section-bottom,168px) - 64px));margin-inline:auto;object-fit:contain}
  .lg-front #pricing{scroll-margin-top:calc(var(--hype-section-bottom,168px) + 8px)}
}