/* A7: cache-safe branded hero, collision-free home discovery, and final theme scoping. */

/* Keep the dynamic collection signature in document flow at every width. */
.vA4-category-section .vA3-section-heading{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(430px,610px)!important;
  align-items:end!important;
  gap:32px 54px!important;
  overflow:visible!important;
}
.vA4-category-section .vA3-section-heading>div:first-child{min-width:0}
.vA6-category-collection{
  position:static!important;
  z-index:auto!important;
  width:100%!important;
  max-width:610px!important;
  min-width:0!important;
  margin:0!important;
  padding:0 0 4px!important;
  overflow:visible!important;
}
.vA6-category-collection>span{
  position:static!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  color:#d4e0ea!important;
  font-size:clamp(28px,2.6vw,43px)!important;
  line-height:1.08!important;
  letter-spacing:-.052em!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-align:right!important;
}
.vA6-category-collection>a{
  position:static!important;
  margin-top:6px!important;
  white-space:nowrap!important;
}
.vA3-category-rail{position:relative!important;z-index:2!important}

/* CG pages use dark blue navigation; Meridia pages remain black/graphite. */
body:not(.is-meridia-theme) .cg-topbar{
  background:#020f2e!important;
  border-color:rgba(129,195,255,.18)!important;
}
body:not(.is-meridia-theme) .enterprise-header,
body:not(.is-meridia-theme) .enterprise-header.scrolled{
  background:linear-gradient(120deg,rgba(3,24,63,.99),rgba(4,48,101,.99))!important;
  border-bottom-color:rgba(130,197,255,.22)!important;
  box-shadow:0 12px 34px rgba(0,21,58,.24)!important;
}
body:not(.is-meridia-theme) .enterprise-menu>a,
body:not(.is-meridia-theme) .mega-item>button{color:#f4f8ff!important}
body:not(.is-meridia-theme) .enterprise-menu>a:hover,
body:not(.is-meridia-theme) .mega-item>button:hover{color:#80cfff!important}
body:not(.is-meridia-theme) .header-login,
body:not(.is-meridia-theme) .enterprise-search{
  color:#fff!important;background:rgba(255,255,255,.1)!important;
  border-color:rgba(255,255,255,.24)!important;
}
body:not(.is-meridia-theme) .mega-menu{
  color:#fff!important;
  background:linear-gradient(135deg,#06275c,#03183c)!important;
  border-top-color:#2188d4!important;
}
body:not(.is-meridia-theme) .mega-menu h2,
body:not(.is-meridia-theme) .mega-menu b,
body:not(.is-meridia-theme) .mega-menu a{color:#fff!important}
body:not(.is-meridia-theme) .mega-menu p,
body:not(.is-meridia-theme) .mega-menu small{color:#bdd2e8!important}
body:not(.is-meridia-theme) .mega-category,
body:not(.is-meridia-theme) .support-menu-grid a{
  background:rgba(255,255,255,.065)!important;
  border-color:rgba(145,204,255,.18)!important;
}
body:not(.is-meridia-theme) .mega-category:hover,
body:not(.is-meridia-theme) .support-menu-grid a:hover{background:rgba(255,255,255,.12)!important}
.enterprise-header .vA5-official-logo{
  padding:5px 9px!important;border-radius:10px!important;background:#fff!important;
  box-shadow:0 8px 24px rgba(0,0,0,.14)!important;
}

body.is-meridia-theme .enterprise-header,
body.is-meridia-theme .enterprise-header.scrolled,
body.is-meridia-theme .mega-menu{
  background:linear-gradient(135deg,#111315,#050607)!important;
  border-color:#34383c!important;
}
.is-meridia-theme .vA6-meridia-corner-logo{
  top:26px!important;right:max(26px,calc((100vw - 1440px)/2))!important;
  width:min(230px,22vw)!important;
  background:rgba(250,250,249,.96)!important;
}

/* Filters are genuinely minimized until the + Filters control opens them. */
body:not(.filters-open) .v6-filter-panel,
body:not(.filters-open) .v8-filter-panel{
  visibility:hidden!important;
  pointer-events:none!important;
}
.v6-filter-panel.is-open,.v8-filter-panel.is-open{
  visibility:visible!important;
  pointer-events:auto!important;
}
body.filters-open{overflow:hidden}
.is-meridia-theme .v6-filter-panel,
.is-meridia-theme .v8-filter-panel{
  color:#eef0f2!important;background:linear-gradient(180deg,#202327,#111315)!important;
  border-color:#464b50!important;
}
.is-meridia-theme .v6-filter-panel h2,
.is-meridia-theme .v6-filter-panel h3,
.is-meridia-theme .v6-filter-panel a,
.is-meridia-theme .v6-filter-panel summary{color:#f3f4f5!important}
.is-meridia-theme .v6-filter-panel small,
.is-meridia-theme .v6-filter-panel label{color:#aeb5bb!important}

/* Tighter brand timeline with a quieter architectural background. */
.vA3-timeline-hero{padding:58px 0 54px!important}
.vA3-timeline-page{
  padding:44px 0 50px!important;
  background:
    radial-gradient(circle at 12% 8%,rgba(55,155,225,.13),transparent 24%),
    linear-gradient(180deg,#eaf4fb 0,#f9fcfe 36%,#eef5f9 100%)!important;
}
.vA3-timeline-list article{
  grid-template-columns:98px 20px 1fr!important;
  gap:12px!important;min-height:70px!important;
}
.vA3-timeline-list time{padding-top:6px!important;font-size:22px!important}
.vA3-timeline-list article p{
  margin:0 0 7px!important;padding:11px 16px!important;
  border-radius:12px!important;line-height:1.48!important;
  box-shadow:0 7px 19px rgba(6,43,89,.045)!important;
}
.vA3-timeline-list article>span:before{top:11px!important;bottom:-8px!important}
.vA3-timeline-list article>span:after{top:8px!important}
.vA3-timeline-cta{padding-block:55px!important}

@media(max-width:900px){
  .vA4-category-section .vA3-section-heading{
    grid-template-columns:1fr!important;align-items:start!important;gap:18px!important;
  }
  .vA6-category-collection{align-items:flex-start!important;max-width:100%!important;text-align:left!important}
  .vA6-category-collection>span{
    font-size:clamp(25px,6.3vw,39px)!important;text-align:left!important;
  }
  .is-meridia-theme .vA6-meridia-corner-logo{top:16px!important;right:16px!important;width:min(185px,46vw)!important}
}
@media(max-width:540px){
  .vA6-category-collection>span{
    font-size:clamp(21px,6.6vw,31px)!important;
    letter-spacing:-.045em!important;white-space:nowrap!important;overflow:visible!important;
  }
  .vA6-category-collection>a{white-space:normal!important;gap:12px!important}
  .vA3-timeline-list article{grid-template-columns:18px 1fr!important;gap:8px!important}
  .vA3-timeline-list time{grid-column:2!important;font-size:18px!important}
}
