/* Собрано cms-inventory/tools/gen-services-mega-css.sh. Руками не править.

   Оставлены только правила меню услуг: services-mega.
   Общие правила из shadow-корня (переменные темы, шрифт, плёнка шума)
   отброшены: внутри корня они и должны были действовать, а снаружи
   легли бы поверх всей страницы. */

.site-header .services-mega[hidden]{display:none!important}
.site-header .services-mega{
      position:absolute;z-index:75;top:72px;right:0;left:0;padding:0 32px 24px;background:rgba(255,255,255,.98);
      border-top:1px solid #ece8e2;box-shadow:0 26px 46px rgba(36,31,49,.16)
    }
.site-header .services-mega__shell{
      display:grid;grid-template-columns:300px minmax(0,1fr);width:min(100%,var(--container));max-height:min(590px,calc(100vh - 112px));
      margin:0 auto;overflow:hidden;border:1px solid #e7e1d9;border-top:0;border-radius:0 0 18px 18px;background:#fff
    }
.site-header .services-mega__categories{overflow:auto;padding:28px 0;background:#f5f2ed;scrollbar-width:thin}
.site-header .services-mega__tab{
      position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;padding:13px 26px;
      border:0;border-radius:10px 0 0 10px;background:transparent;color:#302b34;text-align:left;font:500 17px/1.35 Manrope,"Segoe UI",Arial,sans-serif;cursor:pointer
    }
.site-header .services-mega__tab::after{content:"→";flex:0 0 auto;margin-left:14px;color:#918a91;font-size:20px;transition:transform .18s ease}
.site-header .services-mega__tab:hover, .site-header .services-mega__tab.is-active{background:#fff;color:#201d24}
.site-header .services-mega__tab:hover::after, .site-header .services-mega__tab.is-active::after{color:var(--accent);transform:translateX(3px)}
.site-header .services-mega__content{overflow:auto;padding:28px 30px 34px;background:#fff;scrollbar-width:thin}
.site-header .services-mega__head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid #ece7e0}
.site-header .services-mega__title{margin:0;color:#242126;font:500 clamp(25px,2vw,32px)/1.15 Manrope,"Segoe UI",Arial,sans-serif}
.site-header .services-mega__close{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid #ded8d1;border-radius:50%;background:#fff;color:#3d3840;font-size:25px;line-height:1;cursor:pointer}
.site-header .services-mega__close:hover{border-color:var(--accent);color:var(--accent)}
.site-header .services-mega__quick{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 24px}
.site-header .services-mega__quick a, .site-header .services-mega__quick .services-mega__disabled{display:inline-flex;align-items:center;min-height:38px;padding:7px 14px;border:1px solid #ded8d1;border-radius:999px;font:600 13px/1.25 Manrope,"Segoe UI",Arial,sans-serif;text-decoration:none}
.site-header .services-mega__quick a{color:#373139}
.site-header .services-mega__disabled{color:#817981;cursor:default}
.site-header .services-mega__quick a:hover{border-color:var(--accent);color:var(--accent)}
.site-header .services-mega__groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 34px}
.site-header .services-mega__group{min-width:0}
.site-header .services-mega__group h3{margin:0 0 11px;color:#817981;font:700 11px/1.3 Manrope,"Segoe UI",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.site-header .services-mega__group a, .site-header .services-mega__group .services-mega__disabled{display:block;padding:5px 0;font:500 15px/1.4 Manrope,"Segoe UI",Arial,sans-serif;text-decoration:none}
.site-header .services-mega__group a{color:#2f2b31}
.site-header .services-mega__group a:hover{color:var(--accent)}
.site-header .services-mega__all{display:inline-flex!important;align-items:center;gap:8px;margin-top:13px!important;color:var(--accent)!important;font-weight:700!important}
@media(max-width:1320px) and (min-width:901px){
.site-header .services-mega__shell{grid-template-columns:260px minmax(0,1fr)}
.site-header .services-mega__tab{padding-inline:21px;font-size:15px}
.site-header .services-mega__groups{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
.site-header .services-mega{display:none!important}
}