/* ========== Professional Header ========== */
.pro-header{--bg:#0b1230;--line:#e6e8ef;--muted:#667085;--text:#111;--brand:#2262a8;--orange:#ff7a00;--gold:#ffd27f;--shadow:0 10px 30px rgba(0,0,0,.15)}
.pro-header *{box-sizing:border-box}
.ph-container{width:92%;max-width:1200px;margin:auto}
.ph-topbar{background:rgba(10,16,45,.6);color:#e9eefb;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px}
.ph-topbar .ph-container{display:flex;align-items:center;justify-content:space-between;padding:6px 0}
.ph-item .ph-link{color:#ffd27f}
.ph-sep{opacity:.6;margin:0 8px}
.ph-dot{width:4px;height:4px;background:#cfd5e0;border-radius:50%;display:inline-block;margin:0 8px}
.hide-sm{display:inline}
.ph-bar{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:30}
.ph-bar .ph-container{display:flex;align-items:center;gap:14px;padding:10px 0}
.ph-brand{display:flex;align-items:center;gap:10px;color:var(--text)}
.ph-logo{height:32px;width:auto}
.ph-brand-text small{display:block;color:#6c7280;font-size:11px;line-height:1}
.ph-search{margin-left:auto;display:flex;align-items:center;border:1px solid #dfe3ee;border-radius:10px;overflow:hidden}
.ph-search-input{border:0;outline:0;padding:9px 10px;min-width:220px}
.ph-search-btn{border:0;background:#f3f5f9;padding:9px 10px;cursor:pointer}
.ph-actions{display:flex;align-items:center;gap:10px}
.ph-dd{position:relative}
.ph-dd-btn{background:#f3f5f9;border:1px solid #e6e8ef;border-radius:8px;padding:7px 10px;cursor:pointer}
.ph-dd-menu{position:absolute;right:0;top:120%;background:#fff;border:1px solid #e6e8ef;border-radius:10px;box-shadow:var(--shadow);display:none;min-width:120px;overflow:hidden}
.ph-dd-menu button{display:block;width:100%;text-align:left;padding:9px 10px;border:0;background:#fff;cursor:pointer}
.ph-dd-menu button:hover{background:#f5f7fb}
.ph-lang{background:#f3f5f9;border:1px solid #e6e8ef;border-radius:8px;padding:7px 10px;cursor:pointer}
.ph-wa{display:inline-flex;align-items:center;gap:8px;background:#25D366;color:#062b11;padding:7px 12px;border-radius:999px;font-weight:900;box-shadow:var(--shadow)}
.ph-wa-dot{width:8px;height:8px;border-radius:50%;background:#35d27f;box-shadow:0 0 0 6px rgba(53,210,127,.25)}
.ph-pill{background:#2262a8;color:#fff;padding:8px 14px;border-radius:10px;font-weight:800;box-shadow:0 5px 16px rgba(34,98,168,.25)}
.ph-pill.alt{background:linear-gradient(135deg,var(--orange),var(--gold));color:#111}
.ph-burger{display:none;flex-direction:column;gap:4px;border:0;background:transparent;cursor:pointer}
.ph-burger span{width:22px;height:2px;background:#111;display:block}
.ph-nav{background:#fff;border-bottom:1px solid #e6e8ef}
.ph-nav-wrap{display:flex;align-items:center;gap:18px;padding:8px 0}
.ph-link-nav{color:#111;padding:8px 6px;border-radius:10px;font-weight:600}
.ph-link-nav:hover{background:#f3f5f9}
.ph-mega{position:relative}
.ph-mega-btn{background:transparent;border:0;cursor:pointer;color:#111;font-weight:600;padding:8px 6px;border-radius:10px}
.ph-mega-btn:hover{background:#f3f5f9}
.ph-mega-panel{position:absolute;left:0;top:110%;width:min(860px,92vw);background:#fff;border:1px solid #e6e8ef;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.08);padding:12px;display:none;z-index:40}
.ph-mega-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:8px}
.ph-mega-item{display:flex;align-items:center;gap:8px;padding:10px;border-radius:10px;border:1px solid #eef1f7;color:#111}
.ph-mega-item:hover{background:#f8fafc}
/* Sticky */
.pro-header[data-sticky].is-stuck .ph-bar{position:sticky;top:0;box-shadow:0 8px 24px rgba(0,0,0,.08)}
/* Responsive */
@media (max-width:1024px){
  .ph-search-input{min-width:160px}
  .ph-mega-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:900px){
  .hide-sm{display:none}
  .ph-search{display:none}
  .ph-burger{display:flex;margin-left:auto}
  .ph-actions{display:none}
  .ph-nav{display:none}
  .ph-nav.open{display:block}
  .ph-nav-wrap{flex-direction:column;align-items:flex-start;gap:4px}
  .ph-mega{width:100%}
  .ph-mega-btn{width:100%;text-align:left}
  .ph-mega-panel{position:static;width:100%;box-shadow:none;border:1px solid #eef1f7}
  .ph-mega-grid{grid-template-columns:repeat(2,1fr)}
}