/* Scoped new-design header for legacy template pages (privacy/refund/terms).
   All rules are namespaced under .pg-header so they cannot collide with the
   old template's own CSS (style.css, bootstrap.css, etc). */

.top-band{background:#041e42; height:10px;}
.pg-header{
  position:sticky; top:0; z-index:60;
  background:#ffffff;
  border-bottom:1px solid rgba(4,30,66,0.12);
  box-shadow:0 2px 10px rgba(4,30,66,0.08);
  font-family:'Inter', sans-serif;
}
.pg-header .wrap{max-width:1180px; margin:0 auto; padding:0 28px;}
.pg-header .nav-row{display:flex; align-items:center; justify-content:space-between; padding:18px 0;}
.pg-header .brand{display:flex; align-items:center;}
.pg-header .brand img{height:30px; width:auto; display:block;}
.pg-header nav.main-nav ul{display:flex; gap:30px; list-style:none; margin:0; padding:0;}
.pg-header nav.main-nav li{position:relative;}
.pg-header nav.main-nav a{
  display:inline-flex; align-items:center;
  font-size:14.5px; font-weight:600; color:#041e42;
  padding:6px 2px; border-bottom:2px solid transparent;
  text-decoration:none; transition:color .2s, border-color .2s;
}
.pg-header nav.main-nav a:hover{color:#0f62d6;}

.pg-header .has-dropdown > a{gap:6px;}
.pg-header .has-dropdown > a .caret{
  width:8px; height:8px;
  border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor;
  transform:rotate(45deg); transition:transform .2s;
}
.pg-header .has-dropdown:hover > a .caret{transform:rotate(225deg);}
.pg-header .dropdown{
  position:absolute; top:100%; left:0; margin-top:10px; min-width:230px;
  background:#0b2c55; border:1px solid rgba(255,255,255,0.14); border-radius:8px;
  padding:8px; box-shadow:0 20px 40px rgba(4,22,48,0.4); z-index:70;
  opacity:0; visibility:hidden; transform:translateY(6px);
  transition:opacity .2s ease, transform .2s ease, visibility .2s;
  list-style:none;
}
.pg-header .has-dropdown:hover .dropdown,
.pg-header .has-dropdown:focus-within .dropdown{opacity:1; visibility:visible; transform:translateY(0);}
.pg-header .dropdown a{
  display:block; padding:9px 12px; font-size:13.6px; font-weight:500;
  color:#eaf1fa; border-bottom:none; border-radius:5px; text-decoration:none;
}
.pg-header .dropdown a:hover{background:#123c6e; color:#4e92ff;}

.pg-header .nav-cta{display:flex; align-items:center; gap:14px;}
.pg-header .btn{
  font-family:'Inter', sans-serif; font-weight:600; font-size:14.5px;
  padding:12px 24px; border-radius:5px; cursor:pointer; border:1.5px solid transparent;
  display:inline-flex; align-items:center; gap:8px; text-decoration:none;
  transition:transform .18s ease, background .2s, border-color .2s, color .2s, box-shadow .2s;
}
.pg-header .btn:hover{transform:translateY(-2px);}
.pg-header .btn-gold{background:#0f62d6; color:#ffffff; box-shadow:0 10px 24px rgba(15,98,214,0.35);}
.pg-header .btn-gold:hover{background:#4e92ff; box-shadow:0 12px 28px rgba(78,146,255,0.4);}
.pg-header .btn-ghost{background:#ee1c25; border-color:#ee1c25; color:#ffffff;}
.pg-header .btn-ghost:hover{background:#041e42; border-color:#041e42; color:#ffffff;}

.pg-header .mobile-toggle{
  display:none; flex-direction:column; gap:5px;
  background:none; border:none; cursor:pointer; padding:6px;
}
.pg-header .mobile-toggle span{width:24px; height:2px; background:#041e42; display:block;}

@media (max-width:1200px){
  .pg-header nav.main-nav, .pg-header .nav-cta{display:none;}
  .pg-header .mobile-toggle{display:flex;}
  .pg-header .dropdown{
    position:static; opacity:1; visibility:visible; transform:none;
    box-shadow:none; background:transparent; border:none;
    padding:0 0 0 14px; margin:6px 0 4px; min-width:0;
  }
  .pg-header .has-dropdown > a .caret{display:none;}
}