/* Header trial: keep the approved header shell; change only menu content and density. */
body.sibo-site .sibo-header .sibo-mega-two-column {
    display: grid; grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
    gap: clamp(40px, 5vw, 92px); max-width: 1440px; margin-inline: auto;
    padding: 34px clamp(28px, 3vw, 56px) 38px; align-items: start;
}
body.sibo-site .sibo-header .sibo-mega-index { min-width: 0; padding-top: 2px; }
/* Distinguish the parent section from its child links without adding helper copy. */
body.sibo-site .sibo-header .sibo-mega-index-heading { position: relative; display: flex; flex-direction: column; padding-bottom: 20px; margin-bottom: 8px; border-bottom: 1px solid #ffffff1a; }

body.sibo-site .sibo-header .sibo-mega-index-heading > span:first-child { color: #fff; font-size: clamp(28px, 2.1vw, 32px); font-weight: 700; line-height: 1.2; letter-spacing: -.035em; }
body.sibo-site .sibo-header .sibo-mega-index-note { color: #93a6a6; font-size: 13px; }
body.sibo-site .sibo-header .sibo-mega-list { margin: 0; padding: 0; list-style: none; }
body.sibo-site .sibo-header .sibo-mega-list-item { border-bottom: 1px solid #ffffff12; }
body.sibo-site .sibo-header .sibo-mega-list-link {
    display: flex; align-items: center; justify-content: space-between; gap: 22px;
    padding: 15px 0; min-height: 53px; color: #c4d0ce; font-size: clamp(15px, 1.15vw, 18px);
    font-weight: 500; line-height: 1.4; transition: color .18s ease;
}
body.sibo-site .sibo-header .sibo-mega-list-link > span { min-width: 0; }
body.sibo-site .sibo-header .sibo-mega-list-link > .sibo-arrow { flex-shrink: 0; width: 18px; height: 18px; opacity: 0; transform: translateX(-5px); transition: opacity .18s, transform .18s; }
body.sibo-site .sibo-header .is-preview-active > .sibo-mega-list-link,
body.sibo-site .sibo-header .sibo-mega-list-link:is(:hover,:focus-visible) { color: #57d2c7; }
body.sibo-site .sibo-header .is-preview-active > .sibo-mega-list-link > .sibo-arrow,
body.sibo-site .sibo-header .sibo-mega-list-link:is(:hover,:focus-visible) > .sibo-arrow { opacity: 1; transform: none; }
body.sibo-site .sibo-header .sibo-mega-browse { display: inline-flex; align-items: center; gap: 14px; color: #fff; font-size: 13px; font-weight: 600; margin-top: 25px; padding-block: 6px; }
body.sibo-site .sibo-header .sibo-mega-browse:hover { color: #57d2c7; }
body.sibo-site .sibo-header .sibo-mega-preview-stage { display: grid; min-width: 0; border-left: 1px solid #ffffff14; padding-left: clamp(28px, 4vw, 64px); }
body.sibo-site .sibo-header .sibo-mega-feature { display: grid; grid-area: 1 / 1; grid-template-rows: 224px 1fr; align-content: start; gap: 20px; min-width: 0; color: #fff; }
body.sibo-site .sibo-header .sibo-mega-feature[hidden] { display: none; }
body.sibo-site .sibo-header .sibo-mega-feature-visual { position: relative; overflow: hidden; border-radius: 10px; background: #fff; }
body.sibo-site .sibo-header .sibo-mega-feature-visual img { display: block; width: 100%; height: 100%; object-fit: cover; }
body.sibo-site .sibo-header :is(.sibo-mega-feature-products,.sibo-mega-feature-catalogue,.sibo-mega-feature-video) .sibo-mega-feature-visual img { object-fit: contain; padding: 14px 24px; mix-blend-mode: normal; }
body.sibo-site .sibo-header .sibo-mega-feature-products .sibo-mega-feature-visual img { padding: 10px 32px; }
body.sibo-site .sibo-header .sibo-mega-feature-copy { min-width: 0; }
body.sibo-site .sibo-header .sibo-mega-feature-eyebrow { color: #57d2c7; font-size: 11px; letter-spacing: .07em; line-height: 1.5; margin: 0 0 9px; }
body.sibo-site .sibo-header .sibo-mega-feature-title { color: #fff; font-size: clamp(20px, 1.7vw, 27px); font-weight: 600; line-height: 1.25; letter-spacing: -.025em; margin: 0 0 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
body.sibo-site .sibo-header .sibo-mega-feature-summary { color: #a8b9b6; font-size: 13px; line-height: 1.65; margin: 0 0 14px; max-width: 55ch; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
body.sibo-site .sibo-header .sibo-mega-feature-cta { display: inline-flex; align-items: center; gap: 14px; color: #fff; font-size: 13px; font-weight: 600; padding-block: 3px; }
body.sibo-site .sibo-header .sibo-mega-feature:hover .sibo-mega-feature-cta { color: #57d2c7; }
body.sibo-site .sibo-header .sibo-mega-feature-cta .sibo-arrow { transition: transform .18s; }
body.sibo-site .sibo-header .sibo-mega-feature:hover .sibo-mega-feature-cta .sibo-arrow { transform: rotate(-45deg); }
body.sibo-site .sibo-header .sibo-mega-play { position: absolute; inset: 0; width: 56px; height: 56px; margin: auto; display: grid; place-items: center; color: #fff; background: #007e78e8; border-radius: 50%; }
body.sibo-site .sibo-header .sibo-mega-feature-faq { display: flex; flex-direction: column; justify-content: center; min-height: 390px; }
body.sibo-site .sibo-header .sibo-mega-faq-list { margin: 22px 0 24px; padding: 0; list-style: none; color: #d4dfdd; font-size: 15px; line-height: 1.5; }
body.sibo-site .sibo-header .sibo-mega-faq-list li { border-top: 1px solid #ffffff18; padding-block: 14px; }
/* Reserve the largest preview height per menu, preventing jumpy menu bottoms. */
body.sibo-site .sibo-header .sibo-mega-preview-stage { min-height: 390px; }
body.sibo-site .sibo-header .sibo-mega-kind-products .sibo-mega-preview-stage { min-height: 355px; }
@media (min-width: 1001px) and (max-width: 1200px) {
    body.sibo-site .sibo-header .sibo-mega-two-column { grid-template-columns: minmax(245px, .8fr) minmax(0, 1.2fr); gap: 30px; padding: 26px; }
    body.sibo-site .sibo-header .sibo-mega-preview-stage { padding-left: 28px; }
    body.sibo-site .sibo-header .sibo-mega-list-link { font-size: 15px; }
    body.sibo-site .sibo-header .sibo-nav-list { gap: 16px; }
}
@media (max-width: 1000px) {
    body.sibo-site .sibo-header .sibo-mega-two-column { display: block; padding: 4px 0 16px; }
    body.sibo-site .sibo-header .sibo-mega-preview-stage,
    body.sibo-site .sibo-header .sibo-mega-index-heading { display: none; }
    body.sibo-site .sibo-header .sibo-mega-list-link { font-size: 15px; min-height: 48px; padding: 13px 4px 13px 16px; }
    body.sibo-site .sibo-header .sibo-mega-list-link > .sibo-arrow { opacity: 1; transform: none; width: 16px; height: 16px; color: #829c97; }
    body.sibo-site .sibo-header .sibo-mega-list-item { border-color: #ffffff0c; }
    body.sibo-site .sibo-header .sibo-mega-browse { margin-top: 12px; margin-left: 16px; font-size: 12px; }
    body.sibo-site .sibo-header .is-preview-active > .sibo-mega-list-link { color: #c4d0ce; }
}
/* Without scripts, links still work; decorative previews need not follow focus. */
body.sibo-site:not(.sibo-nav-ready) .sibo-header .sibo-mega-preview-stage { pointer-events: none; }

/* Expanded surface stays opaque and matches its connected dropdown, regardless of scroll-performance overrides. */
body.sibo-site.sibo-home:is(.sibo-mega-open,.sibo-mobile-open) .sibo-header[data-sibo-header] { background: var(--sibo-header-surface); -webkit-backdrop-filter: none; backdrop-filter: none; }

@media (min-width: 1001px) {
    body.sibo-site .sibo-header .sibo-mega-list-link { padding-left: 16px; font-weight: 400; }
}

/* Product-menu cards: image + name only. */
body.sibo-site .sibo-header .sibo-mega-product-grid[hidden] { display:none; }
body.sibo-site .sibo-header .sibo-mega-product-grid { grid-area:1 / 1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-rows:244px; gap:14px; min-width:0; align-content:start; }
body.sibo-site .sibo-header .sibo-mega-product-tile { display:grid; grid-template-rows:minmax(0,1fr) auto; align-items:start; gap:14px; min-width:0; padding:18px; background:#25272a; color:#f5f7f7; border:1px solid transparent; border-radius:16px; text-decoration:none; transition:background-color .18s ease,border-color .18s ease; }
body.sibo-site .sibo-header .sibo-mega-product-tile:is(:hover,:focus-visible) { background:#293332; border-color:#21c4b866; color:#fff; }
body.sibo-site .sibo-header .sibo-mega-product-tile:focus-visible { outline:2px solid var(--sibo-accent); outline-offset:3px; }
body.sibo-site .sibo-header .sibo-mega-product-image { display:grid; place-items:center; width:100%; height:100%; min-height:0; }
body.sibo-site .sibo-header .sibo-mega-product-image img { display:block; width:100%; height:100%; min-height:0; object-fit:contain; }

body.sibo-site .sibo-header .sibo-mega-product-name { font-size:15px; font-weight:600; line-height:1.4; letter-spacing:-.02em; min-width:0; height:63px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; overflow-wrap:anywhere; }
body.sibo-site .sibo-header .sibo-mega-product-all { display:flex; align-items:center; justify-content:center; gap:12px; font-size:16px; font-weight:600; }

@media (min-width: 1001px) {
    body.sibo-site .sibo-header .sibo-mega-kind-products { grid-template-columns: minmax(225px, .6fr) minmax(0, 1.4fr); gap: clamp(32px, 4vw, 64px); }
    body.sibo-site .sibo-header .sibo-mega-kind-products .sibo-mega-preview-stage { padding-left: clamp(24px, 3vw, 48px); }
}
@media (min-width: 1001px) and (max-width: 1200px) {
    body.sibo-site .sibo-header .sibo-mega-product-grid { grid-auto-rows: 224px; gap: 10px; }
    body.sibo-site .sibo-header .sibo-mega-product-tile { padding: 14px; border-radius: 14px; }
    body.sibo-site .sibo-header .sibo-mega-product-name { font-size: 14px; height: 59px; }
    body.sibo-site .sibo-header .sibo-mega-product-all { flex-direction: column; font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
    body.sibo-site .sibo-header .sibo-mega-product-tile { transition: none; }
}

/* Native product/resource card links remain usable without scripts. */
body.sibo-site:not(.sibo-nav-ready) .sibo-header :is(.sibo-mega-kind-products,.sibo-mega-kind-resources) .sibo-mega-preview-stage { pointer-events: auto; }

/* The complete resource preview is the destination link; no duplicate Open CTA. */
body.sibo-site .sibo-header .sibo-mega-kind-resources .sibo-mega-feature { cursor:pointer; text-decoration:none; border-radius:10px; }
body.sibo-site .sibo-header .sibo-mega-kind-resources .sibo-mega-feature:focus-visible { outline:2px solid var(--sibo-accent); outline-offset:6px; }
body.sibo-site .sibo-header .sibo-mega-kind-resources .sibo-mega-feature:is(:hover,:focus-visible) .sibo-mega-feature-title { color:var(--sibo-accent); }

/* News previews: four native, fully clickable editorial cards, without a Read CTA. */
body.sibo-site .sibo-header .sibo-mega-news-grid { grid-area:1 / 1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; min-width:0; align-content:start; align-items:start; }
body.sibo-site .sibo-header .sibo-mega-news-grid[hidden] { display:none; }
body.sibo-site .sibo-header .sibo-mega-news-card { display:flex; flex-direction:column; gap:16px; min-width:0; color:#fff; text-decoration:none; border-radius:10px; }
body.sibo-site .sibo-header .sibo-mega-news-image { aspect-ratio:1 / 1; overflow:hidden; border-radius:10px; background:#25272a; }
body.sibo-site .sibo-header .sibo-mega-news-image img { display:block; width:100%; height:100%; object-fit:cover; }
body.sibo-site .sibo-header .sibo-mega-news-card .sibo-mega-feature-title { font-size:clamp(18px,1.45vw,22px); line-height:1.3; overflow-wrap:anywhere; transition:color .18s ease; }
body.sibo-site .sibo-header .sibo-mega-news-card .sibo-mega-feature-eyebrow { min-height:2.8em; line-height:1.4; }
body.sibo-site .sibo-header .sibo-mega-news-card:is(:hover,:focus-visible) .sibo-mega-feature-title { color:var(--sibo-accent); }
body.sibo-site .sibo-header .sibo-mega-news-card:focus-visible { outline:2px solid var(--sibo-accent); outline-offset:6px; }
body.sibo-site:not(.sibo-nav-ready) .sibo-header .sibo-mega-kind-news .sibo-mega-preview-stage { pointer-events:auto; }
@media (min-width:1001px) {
    body.sibo-site .sibo-header .sibo-mega-kind-news { grid-template-columns:minmax(225px,.6fr) minmax(0,1.4fr); gap:clamp(32px,4vw,64px); }
    body.sibo-site .sibo-header .sibo-mega-kind-news .sibo-mega-preview-stage { padding-left:clamp(24px,3vw,48px); }
}
@media (min-width:1001px) and (max-width:1200px) {
    body.sibo-site .sibo-header .sibo-mega-news-grid { gap:14px; }
}
@media (prefers-reduced-motion:reduce) {
    body.sibo-site .sibo-header .sibo-mega-news-card .sibo-mega-feature-title { transition:none; }
}

/* Product Videos: two real, independently playable previews, not a single feature. */
body.sibo-site .sibo-header .sibo-mega-video-grid { grid-area:1 / 1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; min-width:0; align-content:start; align-items:start; }
body.sibo-site .sibo-header .sibo-mega-video-grid[hidden] { display:none; }
body.sibo-site .sibo-header .sibo-mega-video-card { display:flex; flex-direction:column; gap:18px; min-width:0; margin:0; }
body.sibo-site .sibo-header .sibo-mega-video-frame { position:relative; aspect-ratio:16 / 10; min-width:0; overflow:hidden; border-radius:10px; background:#181b1e; }
body.sibo-site .sibo-header .sibo-mega-video-frame video { display:block; width:100%; height:100%; object-fit:contain; }
body.sibo-site .sibo-header .sibo-mega-video-start { position:absolute; inset:0; display:block; width:100%; height:100%; min-height:0; margin:0; padding:0; border:0; border-radius:inherit; background:#181b1e; box-shadow:none; cursor:pointer; transform:none; }
body.sibo-site .sibo-header .sibo-mega-video-start[hidden] { display:none; }
body.sibo-site .sibo-header .sibo-mega-video-start img { display:block; width:100%; height:100%; object-fit:contain; }
body.sibo-site .sibo-header .sibo-mega-video-start:is(:hover,:focus-visible) .sibo-mega-play { background:var(--sibo-accent); }
body.sibo-site .sibo-header .sibo-mega-video-start:focus-visible { outline:2px solid var(--sibo-accent); outline-offset:-3px; }
body.sibo-site .sibo-header .sibo-mega-video-card .sibo-mega-feature-title { font-size:clamp(18px,1.45vw,22px); line-height:1.3; overflow-wrap:anywhere; margin-bottom:0; }
body.sibo-site .sibo-header .sibo-mega-video-empty { color:var(--sibo-accent); }
@media (min-width:1001px) and (max-width:1200px) {
    body.sibo-site .sibo-header .sibo-mega-video-grid { gap:18px; }
}

/* Resources and Applications: compact text dropdowns, without preview panels. */
body.sibo-site .sibo-header :is(.sibo-resource-dropdown-list,.sibo-application-dropdown-list) { margin:0; padding:8px; list-style:none; }
body.sibo-site .sibo-header :is(.sibo-resource-dropdown-list,.sibo-application-dropdown-list) > li { margin:0; padding:0; }
body.sibo-site .sibo-header :is(.sibo-resource-dropdown-link,.sibo-application-dropdown-link) { display:flex; align-items:center; min-height:46px; padding:12px 16px; border-radius:6px; color:var(--sibo-text-muted); font-size:15px; font-weight:500; line-height:1.4; text-decoration:none; transition:color .18s ease, background-color .18s ease; }
body.sibo-site .sibo-header :is(.sibo-resource-dropdown-link,.sibo-application-dropdown-link):is(:hover,:focus-visible,[aria-current="page"]) { color:var(--sibo-accent); background:var(--sibo-surface-raised); }
body.sibo-site .sibo-header :is(.sibo-resource-dropdown-link,.sibo-application-dropdown-link):focus-visible { outline:2px solid var(--sibo-accent); outline-offset:-2px; }
@media (min-width:1001px) {
    body.sibo-site .sibo-header :is(.sibo-nav-resources,.sibo-nav-applications) { position:relative; }
    body.sibo-site .sibo-header :is(.sibo-nav-resources,.sibo-nav-applications) > .sibo-mega { left:-16px; right:auto; width:248px; max-width:calc(100vw - 32px); border:1px solid var(--sibo-line); border-radius:0 0 10px 10px; }
    body.sibo-site .sibo-header .sibo-nav-applications > .sibo-mega { width:280px; }
}
@media (max-width:1000px) {
    body.sibo-site .sibo-header :is(.sibo-resource-dropdown-list,.sibo-application-dropdown-list) { padding:6px 0 12px; }
}

/* Desktop index: a muted section label above compact, separator-free links. */
@media (min-width:1001px) {
    body.sibo-site .sibo-header .sibo-mega-two-column .sibo-mega-index-heading { padding-bottom:0; margin-bottom:14px; border-bottom:0; }
    body.sibo-site .sibo-header .sibo-mega-two-column .sibo-mega-index-heading > span:first-child { color:var(--sibo-text-muted); font-size:14px; font-weight:400; line-height:1.5; letter-spacing:0; }
    body.sibo-site .sibo-header .sibo-mega-two-column .sibo-mega-list-item { border-bottom:0; }
    body.sibo-site .sibo-header .sibo-mega-two-column .sibo-mega-list-link { padding:7px 0; min-height:36px; color:var(--sibo-text); font-size:16px; font-weight:500; }
    body.sibo-site .sibo-header .sibo-mega-two-column .is-preview-active > .sibo-mega-list-link,
    body.sibo-site .sibo-header .sibo-mega-two-column .sibo-mega-list-link:is(:hover,:focus-visible) { color:var(--sibo-accent); }
    body.sibo-site .sibo-header .sibo-mega-two-column .sibo-mega-preview-stage { border-left:0; }
}

/* Keep the text index content-sized and remove duplicate inter-column padding. */
@media (min-width:1001px) {
    body.sibo-site .sibo-header .sibo-mega-two-column { grid-template-columns:minmax(200px,max-content) minmax(0,1fr); column-gap:clamp(24px,2.2vw,36px); }
    body.sibo-site .sibo-header .sibo-mega-two-column .sibo-mega-preview-stage { padding-left:0; }
}

/* Products retain their two-row height; editorial previews stay compact.
 * Four square images plus two-line titles avoid tall crops and unused space. */
@media (min-width:1001px) {
    body.sibo-site .sibo-header .sibo-mega-kind-products {
        --sibo-mega-preview-height: 502px;
    }
    body.sibo-site .sibo-header .sibo-mega-kind-products .sibo-mega-preview-stage {
        min-height: var(--sibo-mega-preview-height);
        height: var(--sibo-mega-preview-height);
    }
    body.sibo-site .sibo-header .sibo-mega-kind-news .sibo-mega-preview-stage {
        min-height:0;
        height:auto;
    }
    body.sibo-site .sibo-header .sibo-mega-news-grid { min-height:0; align-items:start; }
    body.sibo-site .sibo-header .sibo-mega-news-card .sibo-mega-feature-title {
        margin-bottom:0;
        -webkit-line-clamp:2;
        min-height:2.6em;
        max-height:2.6em;
    }
}
@media (min-width:1001px) and (max-width:1200px) {
    body.sibo-site .sibo-header .sibo-mega-kind-products {
        --sibo-mega-preview-height: 458px;
    }
}