/* ════════════════════════════════════════
   SCHOOL FILARET — NAV v3 (CSS-hover only)
   ════════════════════════════════════════ */
:root{
    --n-navy:#0b2558; --n-blue:#1848a0; --n-gold:#c8972e;
    --n-gl:#e8b84b; --n-bg:#f2f6ff; --n-line:#dce6f5;
    --n-text:#111827; --n-mute:#6b7a99;
    --n-h:60px; --n-r:8px; --n-t:.18s ease;
}

/* ── Сброс старого ── */
.header{background:transparent!important;padding-top:0!important;}
.header-bottom{background:transparent!important;margin-top:0!important;}
.section1{display:none!important;} .slicknav_menu{display:none!important;}
.menu-menu-1-container,.menu-container{overflow:visible!important;position:static!important;}

/* ── ТОПБАР ── */
.sh-top{background:var(--n-navy);}
.sh-top__in{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:5px 0;gap:10px;}
.sh-top__left{display:flex;align-items:center;flex-wrap:wrap;gap:4px 16px;}
.sh-top__link{color:rgba(255,255,255,.72);font-size:12.5px;display:inline-flex;align-items:center;gap:5px;text-decoration:none;font-family:'Montserrat',sans-serif;transition:color var(--n-t);}
.sh-top__link:hover{color:#fff;text-decoration:none;} .sh-top__link svg{flex-shrink:0;opacity:.6;} .sh-top__addr{cursor:default;}
.sh-top__right{display:flex;align-items:center;gap:10px;}
.sh-top__vk{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.1);color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.2);transition:background var(--n-t),color var(--n-t);flex-shrink:0;}
.sh-top__vk:hover{background:#0077ff;color:#fff;border-color:#0077ff;}
.sh-top__cta{background:var(--n-gold);color:#fff;border:none;font-size:12px;font-weight:700;font-family:'Montserrat',sans-serif;padding:5px 16px;border-radius:50px;cursor:pointer;transition:background var(--n-t);white-space:nowrap;}
.sh-top__cta:hover{background:var(--n-gl);}

/* ── БРЕНД ── */
.sh-brand{background:#fff;border-bottom:1px solid var(--n-line);}
.sh-brand__in{display:flex;align-items:center;gap:16px;padding:13px 0;}
.sh-brand__logo img{height:66px;width:auto;border:none!important;border-radius:4px;display:block;}
.sh-brand__text{display:flex;flex-direction:column;gap:3px;flex:1;}
.sh-brand__name{font-size:21px;font-weight:800;color:var(--n-navy);line-height:1.2;font-family:'Montserrat',sans-serif;}
.sh-brand__sub{font-size:12px;color:var(--n-mute);font-family:'Montserrat',sans-serif;}
.sh-brand__phones{display:flex;flex-direction:column;gap:6px;align-items:flex-end;flex-shrink:0;}
.sh-brand__phone{display:inline-flex;align-items:center;gap:7px;font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:var(--n-navy);text-decoration:none;transition:color var(--n-t);white-space:nowrap;}
.sh-brand__phone:hover{color:var(--n-blue);} .sh-brand__phone svg{color:var(--n-gold);flex-shrink:0;}

/* ── ШАПКА В ЦЕЛОМ ── */
.sh{background:#fff;box-shadow:0 1px 0 var(--n-line);position:relative;z-index:200;}
/* compact disabled */

/* ── НАВИГАЦИЯ ── */
.sh-nav{background:var(--n-blue);}
.sh-nav__in{display:flex;align-items:stretch;justify-content:center;}

/* ─────────────────────────────────────────
   МЕНЮ — CSS :hover, БЕЗ JAVASCRIPT
   ───────────────────────────────────────── */
.sh-menu{display:flex;align-items:stretch;list-style:none;margin:0;padding:0;}

/* Каждый li — position:relative для дропа */
.shi{
    position:relative;
    display:flex; align-items:stretch;
    /* overflow:visible — КРИТИЧНО */
    overflow:visible;
}

/* Ссылки верхнего уровня */
.shl{
    display:flex;align-items:center;gap:5px;
    height:var(--n-h);padding:0 17px;
    color:rgba(255,255,255,.9);
    font-size:15.5px;font-weight:600;
    font-family:'Montserrat',sans-serif;
    text-decoration:none!important;white-space:nowrap;
    border-bottom:3px solid transparent;
    transition:color var(--n-t),background var(--n-t),border-color var(--n-t);
    cursor:pointer;
}
.shl:hover,.shi:hover>.shl{
    color:#fff!important;background:rgba(255,255,255,.1);
    border-bottom-color:var(--n-gold);text-decoration:none!important;
}
.shl--on{color:#fff!important;border-bottom-color:var(--n-gold)!important;}
.shl--gia{background:rgba(200,151,46,.18);border-radius:4px 4px 0 0;color:var(--n-gl)!important;font-weight:700;}
.shl--gia:hover{background:rgba(200,151,46,.3);color:#fff!important;}
.shl-arr{opacity:.55;flex-shrink:0;margin-top:1px;transition:transform var(--n-t);}
.shi:hover>.shl .shl-arr{transform:rotate(180deg);opacity:1;}

/* ════════════════════════
   ДРОПДАУНЫ — CSS HOVER
   Никакого JS для показа!
   ════════════════════════ */
.sh-drop,.sh-mega{
    /* скрыты по умолчанию */
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    /* позиция — строго под li */
    position:absolute;
    top:100%;
    left:0;
    /* слой ВЫШЕ всего */
    z-index:99999;
    background:#fff;
    border-top:3px solid var(--n-gold);
    border-radius:0 0 var(--n-r) var(--n-r);
    box-shadow:0 8px 32px rgba(11,37,88,.2);
    /* плавное появление */
    transition:opacity .15s ease, visibility .15s ease;
}

/* ПОКАЗЫВАЕМ при наведении на li */
.shi--has:hover>.sh-drop,
.shi--has:hover>.sh-mega{
    visibility:visible;
    opacity:1;
    pointer-events:auto;
}

/* Обычный дроп */
.sh-drop{list-style:none;margin:0;padding:6px 0;min-width:230px;}
.sh-drop li{border-bottom:1px solid #eef2fb;}
.sh-drop li:last-child{border-bottom:none;}
.sh-drop li a{
    display:block;padding:11px 18px;
    color:var(--n-text);font-size:16px;
    font-family:'Montserrat',sans-serif;
    text-decoration:none!important;
    transition:background var(--n-t),color var(--n-t),padding-left var(--n-t);
}
.sh-drop li a:hover{background:var(--n-bg);color:var(--n-blue);padding-left:26px;text-decoration:none!important;}

/* Мегаменю */
.sh-mega{min-width:580px;}
.sh-mega__in{display:flex;padding:14px 0;}
.sh-mega__col{flex:1;padding:4px 20px 10px;border-right:1px solid var(--n-line);}
.sh-mega__col:last-child{border-right:none;}
.sh-mega__head{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--n-blue);padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid var(--n-line);font-family:'Montserrat',sans-serif;}
.sh-mega__link{display:block;padding:8px 6px;color:var(--n-text);font-size:16px;font-family:'Montserrat',sans-serif;text-decoration:none!important;border-bottom:1px solid #f4f7ff;border-radius:4px;transition:background var(--n-t),color var(--n-t),padding-left var(--n-t);}
.sh-mega__link:last-child{border-bottom:none;}
.sh-mega__link:hover{background:var(--n-bg);color:var(--n-blue);padding-left:14px;text-decoration:none!important;}

/* ── ГАМБУРГЕР ── */
.sh-burger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:46px;height:var(--n-h);background:none;border:none;cursor:pointer;margin-left:auto;padding:0;-webkit-tap-highlight-color:transparent;}
.sh-burger span{display:block;width:22px;height:2px;background:rgba(255,255,255,.9);border-radius:2px;transition:transform var(--n-t),opacity var(--n-t);}
.sh-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.sh-burger.open span:nth-child(2){opacity:0;}
.sh-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ── ОВЕРЛЕЙ ── */
.sh-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:198;}

/* ════════════════════════════════════
   МОБИЛЬНОЕ МЕНЮ
   ════════════════════════════════════ */
.sh-mob{
    position:fixed;top:0;left:-100%;width:min(300px,88vw);height:100vh;
    background:var(--n-navy);overflow-y:auto;padding:60px 0 40px;
    transition:left .28s cubic-bezier(.4,0,.2,1);z-index:199;
    list-style:none;
}
.sh-mob.open{left:0;}
.sh-mob__close{position:absolute;top:16px;right:16px;background:rgba(255,255,255,.1);border:none;color:#fff;font-size:20px;width:36px;height:36px;border-radius:50%;cursor:pointer;}
.sh-mob__list{list-style:none;margin:0;padding:0;}
.sh-mob__list li{border-bottom:1px solid rgba(255,255,255,.08);}
.sh-mob__list>li>a{display:block;padding:14px 22px;color:rgba(255,255,255,.88);font-size:15px;font-weight:600;font-family:'Montserrat',sans-serif;text-decoration:none;}
.sh-mob__list>li>a:hover{color:#fff;background:rgba(255,255,255,.07);}
.sh-mob__list ul{list-style:none;margin:0;padding:0;background:rgba(0,0,0,.2);border-left:3px solid rgba(255,255,255,.15);}
.sh-mob__list ul li a{display:block;padding:10px 20px 10px 28px;color:rgba(255,255,255,.75);font-size:13.5px;font-family:'Montserrat',sans-serif;text-decoration:none;}
.sh-mob__list ul li a:hover{color:#fff;padding-left:34px;}

/* ── АДАПТИВ ── */
@media(max-width:920px){
    .sh-burger{display:flex;}
    .sh-menu{display:none!important;}
    .sh-top__addr,.sh-top__link:nth-child(n+3){display:none;}
    .sh-brand__phones{display:none;}
}
@media(max-width:1100px){.shl{padding:0 11px;font-size:14px;}}
@media(max-width:600px){.sh-brand__sub{display:none;}.sh-brand__name{font-size:15px;}.sh-brand__logo img{height:52px;}}

/* ── Шире контейнер ── */
.container{max-width:1260px!important;}

/* ── ОТКРЫТИЕ ПО КЛИКУ (sh-open) ── */
.shi--has.sh-open>.sh-drop,
.shi--has.sh-open>.sh-mega{
    visibility:visible;
    opacity:1;
    pointer-events:auto;
}
.shi--has.sh-open>.shl .shl-arr{transform:rotate(180deg);opacity:1;}

/* ── Кнопка стрелки для dropdown ── */
.sh-toggle{
    background:none; border:none; cursor:pointer;
    padding:0 10px 0 4px; margin:0;
    height:var(--n-h); display:flex; align-items:center;
    color:rgba(255,255,255,.8);
    transition:color var(--n-t);
    flex-shrink:0;
}
.sh-toggle:hover{ color:#fff; }
.sh-toggle .shl-arr{ transition:transform var(--n-t); }
.shi--has.sh-open .sh-toggle .shl-arr{ transform:rotate(180deg); }

/* ── Показ dropdown по sh-open ── */
.shi--has.sh-open>.sh-drop,
.shi--has.sh-open>.sh-mega{
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
}

/* === FORCE OVERFLOW VISIBLE для dropdown === */
.sh,.sh-nav,.sh-nav__in,.sh-menu,.shi,.shi--has{
    overflow:visible !important;
}
.sh-drop,.sh-mega{
    overflow:visible !important;
}

/* === FIX: header выше .content (z-index:9999) === */
.sh{ z-index:10001 !important; }
.sh-drop,.sh-mega{ z-index:10002 !important; }