/* lifeinsurance.gr compact header + article hub visual fix — 2026-10-05 */
html{scroll-padding-top:132px!important}
.header{background:rgba(255,255,255,.985)!important}
.header .header-row{min-height:92px!important;height:auto!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:14px!important}
.header .logo{flex:0 0 auto!important;display:flex!important;align-items:center!important}
.header .logo img{height:74px!important;width:auto!important;max-width:455px!important}
.nav-primary{margin-left:auto!important;display:flex!important;align-items:center!important;gap:18px!important;color:var(--navy)!important;font-size:.78rem!important;font-weight:800!important;white-space:nowrap!important;flex:0 0 auto!important}
.nav-primary a{position:relative!important;padding:34px 0!important;line-height:1!important}
.nav-primary a::after{content:""!important;position:absolute!important;left:0!important;right:100%!important;bottom:20px!important;height:2px!important;background:var(--gold)!important;transition:.2s!important}
.nav-primary a:hover::after,.nav-primary a[aria-current=page]::after{right:0!important}
.header-call{margin-left:4px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:44px!important;height:44px!important;padding:0 16px!important;border:1px solid #dbe3ee!important;border-radius:999px!important;background:#fff!important;color:var(--navy)!important;font-size:.84rem!important;font-weight:850!important;line-height:1!important;white-space:nowrap!important;box-shadow:0 5px 16px rgba(6,38,79,.06)!important;flex:0 0 auto!important}
.header-call svg{width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;min-height:20px!important;max-height:20px!important;display:block!important;color:#174b91!important}
.header-call span{display:inline!important;white-space:nowrap!important;line-height:1!important}
.menu{display:flex!important;flex:0 0 auto!important;width:50px!important;height:50px!important;margin-left:0!important;padding:4px 5px!important;border-radius:12px!important}
.menu .house-menu-panel{width:36px!important;height:28px!important;border-radius:8px!important}
.menu .house-menu-bars,.menu .house-menu-bars::before,.menu .house-menu-bars::after{width:20px!important}
.menu .house-menu-bars{left:50%!important;top:50%!important;margin:0!important;transform:translate(-50%,-50%)!important}
.menu .house-menu-bars::before{left:0!important;top:-6px!important;margin:0!important}
.menu .house-menu-bars::after{left:0!important;top:6px!important;margin:0!important}
.menu .house-menu-label{font-size:6.2px!important;letter-spacing:.09em!important}
body:not(.menu-open) .nav{display:none!important}
.nav{position:fixed!important;top:var(--nav-top,126px)!important;right:0!important;bottom:0!important;left:auto!important;width:min(370px,100vw)!important;max-height:none!important;margin:0!important;padding:22px 24px 30px!important;overflow-y:auto!important;background:#fff!important;box-shadow:-18px 30px 55px rgba(3,26,56,.18)!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;z-index:150!important}
.nav.open{display:flex!important}
.nav-drawer-title{margin:0 0 10px!important;padding:0 2px 12px!important;border-bottom:1px solid var(--line)!important;font-size:1.8rem!important;line-height:1.1!important}
.nav a:not(.drawer-call):not(.call){padding:13px 3px!important;border-bottom:1px solid var(--line)!important;line-height:1.25!important}
.drawer-call{min-height:46px!important;margin-top:18px!important}
.drawer-call svg{width:19px!important;height:19px!important}

/* compact breakpoint: keep only phone + hamburger when the full nav would feel crowded */
@media(max-width:1380px){
  .nav-primary{display:none!important}
  .header-call{margin-left:auto!important}
}
@media(max-width:760px){
  .topline .wrap{min-height:30px!important}
  .header .header-row{min-height:82px!important;gap:9px!important}
  .header .logo img{height:60px!important;max-width:360px!important}
  .header-call{height:42px!important;min-height:42px!important;padding:0 12px!important;font-size:.78rem!important}
  .header-call svg{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important}
  .menu{width:46px!important;height:46px!important}
  .nav{width:100vw!important;padding:20px 22px 28px!important}
}
@media(max-width:560px){
  .header .logo img{height:auto!important;width:min(250px,52vw)!important;max-width:250px!important}
  .header-call{padding:0 10px!important;gap:6px!important}
  .header-call span{font-size:.72rem!important}
}
@media(max-width:430px){
  .header-call span{display:none!important}
  .header-call{width:42px!important;padding:0!important}
}

/* Article hub: real visual anchor, smaller first-screen typography, no excessive white space */
.article-guide-hero{padding:70px 0 76px!important;background:#fff!important}
.article-guide-grid{display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr)!important;gap:58px!important;align-items:center!important}
.article-guide-copy{min-width:0!important}
.article-guide-title{margin:0!important;max-width:590px!important;font-family:"Cormorant Garamond",Georgia,serif!important;color:var(--navy)!important;font-size:clamp(3rem,4.65vw,4.65rem)!important;font-weight:500!important;line-height:.97!important;letter-spacing:-.04em!important}
.article-guide-intro{margin:26px 0 0!important;max-width:620px!important;color:var(--muted)!important;font-size:1.02rem!important;line-height:1.78!important}
.article-guide-visual{margin:0!important;min-width:0!important}
.article-guide-visual img{width:100%!important;height:420px!important;object-fit:cover!important;object-position:center!important;box-shadow:var(--shadow)!important}
.article-hub{padding:76px 0 92px!important}
.article-hub-head{margin-bottom:34px!important}
.article-hub-head .section-title{font-size:clamp(2.8rem,4.4vw,4.1rem)!important;line-height:1!important}
.article-topic-grid article{min-height:210px!important;padding:30px 30px 27px!important}
.article-topic-grid h3{font-size:1.8rem!important}
@media(max-width:900px){
  .article-guide-hero{padding:52px 0 60px!important}
  .article-guide-grid{grid-template-columns:1fr!important;gap:34px!important}
  .article-guide-title{max-width:720px!important;font-size:clamp(2.7rem,8vw,4.3rem)!important}
  .article-guide-visual img{height:340px!important}
}
@media(max-width:560px){
  .article-guide-hero{padding:42px 0 48px!important}
  .article-guide-visual img{height:260px!important}
  .article-hub{padding:54px 0 70px!important}
  .article-topic-grid article{padding:25px 24px!important}
}

/* === DRAWER FIX v3 — 2026-10-05 ===
   The full menu is now a direct body child, outside the sticky/backdrop-filter header.
   This prevents position:fixed from being constrained by the header box. */
body.menu-open .nav{display:flex!important;position:fixed!important;top:var(--nav-top,126px)!important;right:0!important;bottom:0!important;left:auto!important;width:min(390px,100vw)!important;height:auto!important;max-height:none!important;overflow-y:auto!important;z-index:160!important;background:#fff!important;box-shadow:-18px 28px 58px rgba(3,26,56,.22)!important}
body.menu-open::before{z-index:120!important}
body.menu-open .header{z-index:150!important}
.menu[aria-expanded=true] .house-menu-panel,
.menu[aria-expanded=true] .house-menu-label,
.menu[aria-expanded=true] .house-menu-bars,
.menu[aria-expanded=true] .house-menu-bars::before,
.menu[aria-expanded=true] .house-menu-bars::after{opacity:1!important;display:block!important}
.menu[aria-expanded=true] .house-menu-bars{background:transparent!important}
.menu[aria-expanded=true] .house-menu-bars::before,
.menu[aria-expanded=true] .house-menu-bars::after{background:linear-gradient(90deg,#d69a00,#efbd4a,#d69a00)!important;top:0!important;left:0!important}
.menu[aria-expanded=true] .house-menu-bars::before{transform:rotate(45deg)!important}
.menu[aria-expanded=true] .house-menu-bars::after{transform:rotate(-45deg)!important}
@media(max-width:620px){body.menu-open .nav{width:100vw!important}}

/* MENU ICON V4 — exact optical centering inside the navy panel.
   Reset the old generic .menu span margin that was pushing the three bars downward. */
.menu .house-menu-panel,.menu .house-menu-bars,.menu .house-menu-label{margin-top:0!important;margin-bottom:0!important}
.menu .house-menu-bars{left:50%!important;top:50%!important;margin:0!important;transform:translate(-50%,-50%)!important}
.menu .house-menu-bars::before,.menu .house-menu-bars::after{margin:0!important;transform-origin:center!important}
.menu[aria-expanded=true] .house-menu-bars{transform:translate(-50%,-50%)!important}