/* Бургер-меню в шапке (общее для index/privacypolicy/contacts). Наполняет app.js. */
.pg-topbar-in, .pp-header-in { position: relative; }
.ht-left { display: flex; align-items: center; gap: 10px; }
.ht-burger { display: inline-flex; flex-direction: column; justify-content: center; gap: 4px; width: 36px; height: 36px; padding: 9px 8px; background: transparent; border: 0; border-radius: 9px; cursor: pointer; }
.ht-burger span { display: block; height: 2px; border-radius: 2px; background: #f4f6fb; transition: transform .2s, opacity .2s; }
.ht-burger:hover { background: rgba(255,255,255,.08); }
.ht-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.ht-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.ht-burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
.ht-menu { position: absolute; top: 100%; left: 0; margin-top: 8px; min-width: 236px; background: #0b0e14; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; box-shadow: 0 24px 60px rgba(0,0,0,.5); padding: 8px; display: none; flex-direction: column; z-index: 200; }
.ht-menu.open { display: flex; }
.ht-menu a { color: #f4f6fb; padding: 11px 14px; border-radius: 9px; font-size: 15px; font-weight: 600; text-decoration: none; }
.ht-menu a:hover { background: rgba(255,255,255,.08); }
