/*
 * Шапка сайта, версия 1.2.2. Подключается после стилей страницы на всех типах страниц.
 * Строка меню с панелями показывается от 1240px. Уже — бургер и мобильное меню (раньше порог был 1024px:
 * девять пунктов не помещались, названия переносились, кнопка WhatsApp уходила за край экрана).
 */

.c2d-nav{display:none}
.c2d-arrow{display:inline-block;font-size:.7rem;line-height:1;background:var(--accent-gradient,linear-gradient(135deg,#00b8ff,#00ebaa,#3a7bd5));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;transition:transform .3s ease}

/* ---------- 1024–1239px: бургер вместо строки меню ---------- */
@media (min-width:1024px) and (max-width:1239px){
  .c2d-hdr .header-phone{display:none}
  .c2d-hdr .header-actions{margin-left:auto}
  .c2d-hdr .burger-menu{display:flex}
  .c2d-hdr .header-container{padding:.8rem 1.5rem}
}

/* ---------- от 1240px: строка меню и панели ---------- */
@media (min-width:1240px){
  .c2d-hdr .header-container{position:relative;gap:20px;padding:14px 24px}
  .c2d-hdr .logo-link{padding:6px 0;font-size:28px;white-space:nowrap}
  .c2d-hdr .header-phone{margin-left:0}
  .c2d-hdr .phone-link{gap:8px;padding:8px 16px;font-size:15px;white-space:nowrap}
  .c2d-hdr .header-actions .whatsapp-btn{gap:8px;padding:9px 18px;font-size:15px;white-space:nowrap}

  /* большая панель считает ширину от всей шапки, поэтому сама строка меню не должна быть точкой отсчёта */
  .c2d-hdr .c2d-nav{position:static;display:block;margin-right:auto;margin-left:auto}
  .c2d-hdr .c2d-menu{position:static;display:flex;align-items:center;gap:6px;margin:0;padding:0;list-style:none}
  .c2d-menu>li{position:relative}
  .c2d-menu>li.c2d-mega-li{position:static}
  .c2d-menu>li>a{position:relative;display:flex;align-items:center;gap:6px;padding:8px 11px;border-radius:6px;font-size:15.5px;font-weight:600;line-height:1.5;color:var(--text-secondary,#b8d0e0);text-decoration:none;white-space:nowrap;transition:color .2s ease}
  .c2d-menu>li>a::before{content:'';position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--accent-gradient,linear-gradient(135deg,#00b8ff,#00ebaa,#3a7bd5));transform:scaleX(0);transition:transform .3s ease}
  .c2d-menu>li:hover>a,.c2d-menu>li.is-open>a{color:#fff}
  .c2d-menu>li:hover>a::before,.c2d-menu>li.is-open>a::before{transform:scaleX(1)}
  .c2d-menu>li:hover .c2d-arrow,.c2d-menu>li.is-open .c2d-arrow{transform:rotate(180deg)}
  /* мостик между пунктом и панелью, чтобы панель не закрывалась по дороге к ней */
  .c2d-menu>li.c2d-has>a::after{content:'';position:absolute;top:100%;right:-6px;left:-6px;height:36px}

  .c2d-wrap{position:absolute;z-index:30;opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease,visibility 0s linear .26s}
  .c2d-menu>li:hover>.c2d-wrap,.c2d-menu>li.is-open>.c2d-wrap,.c2d-menu>li:has(a:focus-visible)>.c2d-wrap{opacity:1;visibility:visible;transition-delay:0s}

  /* пока курсор в меню на другом пункте, прежняя панель гаснет сразу, без задержки */
  .c2d-menu:hover>li:not(:hover):not(.is-open)>.c2d-wrap{opacity:0;visibility:hidden;transition:opacity .1s ease,visibility 0s linear .1s}

  .c2d-panel{max-height:calc(100vh - 110px);overflow-y:auto;direction:rtl;text-align:right;background:linear-gradient(150deg,rgba(18,20,34,.985),rgba(12,24,32,.985));border:1px solid var(--glass-border,rgba(0,200,255,.1));border-radius:20px;box-shadow:0 26px 60px rgba(0,0,0,.6)}
  .c2d-col-title{margin:0 0 6px;font-size:13.5px;font-weight:600;line-height:1.5;color:#00ebaa}
  .c2d-row{display:block;margin:0 -10px;padding:7.5px 10px;border-radius:10px;font-size:15.5px;font-weight:500;line-height:1.5;color:#dbe8f2;text-decoration:none;white-space:nowrap;transition:background .18s ease,color .18s ease}
  .c2d-row:hover,.c2d-row:focus-visible{background:rgba(255,255,255,.05);color:#fff}
  .c2d-pre{font-weight:400;color:#6f8aa0}
  .c2d-row:hover .c2d-pre{color:#9fb6c6}

  /* большая панель «חשפניות»: три колонки под всей шапкой */
  .c2d-mega{top:calc(100% - 3px);left:50%;width:min(900px,calc(100% - 48px));transform:translate(-50%,6px)}
  .c2d-menu>li:hover>.c2d-mega,.c2d-menu>li.is-open>.c2d-mega,.c2d-menu>li:has(a:focus-visible)>.c2d-mega{transform:translate(-50%,0)}
  .c2d-mega-top{display:flex;align-items:center;gap:8px;padding:16px 28px;border-bottom:1px solid rgba(255,255,255,.06)}
  .c2d-mega-top a{padding:8px 14px;border-radius:999px;font-size:15px;font-weight:500;line-height:1.5;color:var(--text-secondary,#b8d0e0);text-decoration:none;white-space:nowrap;transition:background .18s ease,color .18s ease}
  .c2d-mega-top a:not(.c2d-hub):hover{background:rgba(255,255,255,.05);color:#fff}
  .c2d-mega-top .c2d-hub{padding-right:0;font-size:17px;font-weight:700;background:var(--accent-gradient,linear-gradient(135deg,#00b8ff,#00ebaa,#3a7bd5));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
  .c2d-mega-top .c2d-hub:hover{filter:brightness(1.18)}
  .c2d-age{margin-right:auto;padding:3px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;font-size:12.5px;font-weight:600;line-height:1.5;color:var(--text-muted,#8aa0b8);direction:ltr}
  .c2d-mega-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .c2d-col{position:relative;padding:20px 28px 22px}
  .c2d-col+.c2d-col{border-right:1px solid rgba(255,255,255,.06)}
  /* свет на колонку под курсором */
  .c2d-col::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 78% at 50% -12%,rgba(0,184,255,.17),transparent 66%);opacity:0;transition:opacity .28s ease;pointer-events:none}
  .c2d-col:hover::before{opacity:1}
  .c2d-col>*{position:relative}

  /* остальные панели: по центру под своим пунктом */
  .c2d-drop{top:100%;right:50%;padding-top:20px;transform:translate(50%,6px)}
  .c2d-menu>li:hover>.c2d-drop,.c2d-menu>li.is-open>.c2d-drop,.c2d-menu>li:has(a:focus-visible)>.c2d-drop{transform:translate(50%,0)}
  .c2d-drop .c2d-panel{width:max-content;min-width:220px;padding:18px 24px 20px}
  .c2d-services .c2d-panel{padding:0}
  .c2d-two{display:grid;grid-template-columns:auto auto}
  .c2d-two>div{min-width:210px;padding:18px 24px 16px}
  .c2d-two>div+div{border-right:1px solid rgba(255,255,255,.06)}
  .c2d-col-title.c2d-gap{margin-top:14px}
  .c2d-pack{display:block;padding:14px 24px;border-top:1px solid rgba(255,255,255,.06);font-size:15.5px;font-weight:600;line-height:1.5;color:#fff;text-decoration:none;white-space:nowrap;background:linear-gradient(90deg,rgba(0,235,170,.10),rgba(0,184,255,.04) 60%,transparent);transition:background .18s ease}
  .c2d-pack:hover{background:linear-gradient(90deg,rgba(0,235,170,.18),rgba(0,184,255,.07) 60%,transparent)}
  .c2d-grid2 .c2d-panel{display:grid;grid-auto-flow:column;grid-template-rows:repeat(var(--c2d-rows,5),auto);column-gap:44px}
  .c2d-row.c2d-jobs-link{margin-top:8px;padding-top:15px;border-top:1px solid rgba(255,255,255,.06);border-radius:0 0 10px 10px;color:#00ebaa}
}

/* ---------- мобильное меню: вложенные группы и подзаголовки ---------- */
.c2d-mgrp-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:.55rem 1rem .55rem 0;border:0;background:none;font-family:inherit;font-size:1.05rem;font-weight:500;line-height:1.5;color:#dbe8f2;text-align:right;cursor:pointer}
.c2d-mgrp.is-open>.c2d-mgrp-btn .c2d-arrow{transform:rotate(180deg)}
.c2d-msub{display:none;padding:0 1.1rem .4rem 0}
.c2d-mgrp.is-open>.c2d-msub{display:block}
.mobile-sub-menu .c2d-msub a{padding:.45rem 1rem .45rem 0;font-size:1rem}
.mobile-sub-menu li.c2d-mhead{margin:.9rem 0 .2rem;padding-right:1rem;font-size:.85rem;font-weight:600;color:#00ebaa}
.mobile-sub-menu li.c2d-mhead:first-child{margin-top:.55rem}
.mobile-sub-menu li.c2d-mpack a{font-weight:600;color:#fff}
.c2d-mgrp-btn:focus-visible,.c2d-menu a:focus-visible{outline:2px solid #00b8ff;outline-offset:3px;border-radius:6px}

@media (prefers-reduced-motion:reduce){
  .c2d-wrap,.c2d-row,.c2d-col::before,.c2d-arrow,.c2d-menu>li>a::before{transition:none}
}