:root{
  --brand-green:#00E031;
}
/* РАСПОЛОЖЕНИЕ ПУНКТОВ МЕНЮ И ЛОГО */
/* Desktop: лого слева (30px), меню — по центру в оставшемся пространстве */
@media (min-width: 992px){

  /* Шапка на всю ширину + отступ 2% справа */
  #headerNavigationContainer .pkp_head_wrapper{
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    padding-right: 2vw;
    display: flex;
    align-items: center;
    padding-top: 0; 
    padding-bottom: 0;
  }

  /* Блок лого НЕ растягиваем: ровно по содержимому */
  #headerNavigationContainer .pkp_site_name_wrapper{
    flex: 0 0 auto;
    width: auto;
    margin-left: 30px;
    margin-right: 16px;
    padding: 0;
  }

  /* Сбрасываем растяжения у pkp_site_name (он у тебя раздувается) */
  #headerNavigationContainer .pkp_site_name{
    width: auto !important;
    max-width: 80px;          /* подстрой: 60–120px затем */
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Лого-картинка */
  #headerNavigationContainer .pkp_site_name .is_img img{
    display: block;
    max-height: 60px;
    width: auto;
    height: auto;
  }

  /* Меню занимает всё оставшееся место */
  #headerNavigationContainer .pkp_site_nav_menu{
    flex: 1 1 auto;
    min-width: 0;
  }

  /* Центрируем пункты меню */
  #headerNavigationContainer .pkp_navigation_primary{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
    font-size: 18px;
    font-weight: bold;
  }
}






/* ХОВЕР НА ПУНКТАХ МЕНЮ */


:root{
  --brand-green:#00E031;
  --menu-hover-bg: #30613bfd; /* цвет “круга” */
}

@media (min-width: 992px){

  /* Только верхнее меню (без ссылок внутри dropdown-menu) */
  #headerNavigationContainer .pkp_site_nav_menu
  #navigationPrimary.pkp_navigation_primary > li > a{
    text-decoration: none;
    transition: color 0.8s ease;
    position: relative;
    overflow: hidden;
    z-index: 1;

    display: block;
    padding: 10px 20px;
    border-radius: 12px; /* чтобы выглядело аккуратнее */
  }

  /* “круг” под текстом */
  #headerNavigationContainer .pkp_site_nav_menu
  #navigationPrimary.pkp_navigation_primary > li > a::before{
    content: "";
    position: absolute;
    inset: 0;
    background: var(--menu-hover-bg);
    clip-path: circle(0 at center);
    transition: clip-path 0.8s ease;
    z-index: -1;
    pointer-events: none;
  }

  /* hover + фокус */
  #headerNavigationContainer .pkp_site_nav_menu
  #navigationPrimary.pkp_navigation_primary > li > a:hover::before,
  #headerNavigationContainer .pkp_site_nav_menu
  #navigationPrimary.pkp_navigation_primary > li > a:focus-visible::before{
    clip-path: circle(120% at center);
  }

  /* если хочешь менять цвет текста при наведении */
  #headerNavigationContainer .pkp_site_nav_menu
  #navigationPrimary.pkp_navigation_primary > li > a:hover,
  #headerNavigationContainer .pkp_site_nav_menu
  #navigationPrimary.pkp_navigation_primary > li > a:focus-visible{
    color: #ffffff;
    outline: none;
  }

  /* активный пункт */
  #headerNavigationContainer .pkp_site_nav_menu
  #navigationPrimary.pkp_navigation_primary > li.current > a::before,
  #headerNavigationContainer .pkp_site_nav_menu
  #navigationPrimary.pkp_navigation_primary > li > a[aria-current="page"]::before{
    clip-path: circle(120% at center);
  }

  #headerNavigationContainer .pkp_site_nav_menu
  #navigationPrimary.pkp_navigation_primary > li.current > a,
  #headerNavigationContainer .pkp_site_nav_menu
  #navigationPrimary.pkp_navigation_primary > li > a[aria-current="page"]{
    color: var(--brand-green);
  }
}










/* ЗАДНИЙ ФОН ВЕРХНЕГО КОЛОНТИТУЛА */



/* ===== Header: animated gradient + waves (без растягивания страницы) ===== */
:root{
  --hdr-g1: #61373093;
  --hdr-g2: #30613b86;
  --hdr-g3: #e000a08e;
  --hdr-g4: #00e03186;

  --hdr-wave1: rgba(255, 255, 255, 0.13);
  --hdr-wave2: rgba(255, 255, 255, 0.08);
}

header#headerNavigationContainer.pkp_structure_head{
  position: relative;
  z-index: 10000;          /* хедер выше контента */
  overflow: visible;       /* dropdown не режем */
  border-bottom: 1px solid rgba(0,0,0,.06);

  background: linear-gradient(
    315deg,
    var(--hdr-g1) 3%,
    var(--hdr-g2) 38%,
    var(--hdr-g3) 68%,
    var(--hdr-g4) 98%
  );
  background-size: 300% 300%;
  animation: headerGradient 10s ease infinite;

  isolation: isolate;      /* управляем слоями внутри хедера */
}

/* контент хедера поверх волн */
#headerNavigationContainer .pkp_head_wrapper{
  position: relative;
  z-index: 2;
}

/* Волны: рисуем “узором” внутри 100% ширины и двигаем background-position */
header#headerNavigationContainer.pkp_structure_head::before,
header#headerNavigationContainer.pkp_structure_head::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;               /* <= ключевое: НЕ 200%, НЕ -50% */
  height: 120px;
  bottom: -86px;
  pointer-events: none;
  z-index: 1;

  /* мягкая “дуга” из повторяющихся полукругов */
  background-repeat: repeat-x;
  background-size: 260px 120px;
  background-position: 0 0;
  border-radius: 0;       /* тут не нужно 1000% */
}

header#headerNavigationContainer.pkp_structure_head::before{
  background-image:
    radial-gradient(130px 70px at 65px 0px, var(--hdr-wave1) 60%, transparent 61%),
    radial-gradient(130px 70px at 195px 0px, var(--hdr-wave1) 60%, transparent 61%);
  opacity: .9;
  animation: waveMove1 14s linear infinite;
}

header#headerNavigationContainer.pkp_structure_head::after{
  bottom: -98px;
  background-size: 320px 120px;
  background-image:
    radial-gradient(160px 78px at 80px 0px, var(--hdr-wave2) 60%, transparent 61%),
    radial-gradient(160px 78px at 240px 0px, var(--hdr-wave2) 60%, transparent 61%);
  opacity: .95;
  animation: waveMove2 22s linear infinite reverse;
}

/* dropdown всегда поверх */
#headerNavigationContainer .pkp_site_nav_menu,
#headerNavigationContainer .pkp_navigation_primary_row,
#headerNavigationContainer .pkp_navigation_primary_wrapper{
  overflow: visible;
}

#headerNavigationContainer .pkp_site_nav_menu ul.dropdown-menu{
  position: absolute;
  z-index: 20000 !important;
}

/* подстраховка: контент страницы ниже хедера по слоям */
.pkp_structure_content{
  position: relative;
  z-index: 1;
}

@keyframes headerGradient{
  0%   { background-position: 0% 0%; }
  50%  { background-position: 100% 100%; }
  100% { background-position: 0% 0%; }
}

@keyframes waveMove1{
  from { background-position-x: 0; }
  to   { background-position-x: -260px; }
}

@keyframes waveMove2{
  from { background-position-x: 0; }
  to   { background-position-x: -320px; }
}

@media (prefers-reduced-motion: reduce){
  header#headerNavigationContainer.pkp_structure_head{
    animation: none !important;
  }
  header#headerNavigationContainer.pkp_structure_head::before,
  header#headerNavigationContainer.pkp_structure_head::after{
    animation: none !important;
  }
}




/* ХОВЕР ВЫПАДАЮЩИХ ПУНКТОВ МЕНЮ */




:root{
  --eco-green:#00E031;
  --dd-hover:#00e0318f; /* цвет “заливки-слайдера” */
}

/* Только пункты внутри выпадающих меню (pkpDropdown -> ul.dropdown-menu -> li -> a) */
@media (min-width: 992px){

  #headerNavigationContainer .pkp_site_nav_menu ul.dropdown-menu > li > a{
    text-decoration: none;
    transition: all 0.4s;
    position: relative;
    overflow: hidden;
    z-index: 1;

    display: block;              /* чтобы hover занимал всю ширину */
    padding: 10px 16px;          /* под твой dropdown */
    border-radius: 10px;         /* мягче, “эко” */
    color: #30613B;
  }

  #headerNavigationContainer .pkp_site_nav_menu ul.dropdown-menu > li > a:hover,
  #headerNavigationContainer .pkp_site_nav_menu ul.dropdown-menu > li > a:focus-visible{
    background-color: rgba(166, 166, 166, 0.10);
    outline: none;
  }

  #headerNavigationContainer .pkp_site_nav_menu ul.dropdown-menu > li > a::before{
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;

    background: var(--dd-hover);
    opacity: 0.38;               /* чтобы не “глушило” текст */
    transition: all 0.4s;
    z-index: -1;
  }

  #headerNavigationContainer .pkp_site_nav_menu ul.dropdown-menu > li > a:hover::before,
  #headerNavigationContainer .pkp_site_nav_menu ul.dropdown-menu > li > a:focus-visible::before{
    width: 100%;
  }

  /* опционально: активный пункт внутри dropdown */
  #headerNavigationContainer .pkp_site_nav_menu ul.dropdown-menu > li > a[aria-current="page"]{
    box-shadow: inset 0 0 0 2px #00E031;
    font-weight: 700;
  }
}

:root{ --eco-green:#0b7a2e; }

@media (min-width: 992px){

  /* 1) Снести любые “синие” эффекты темы на пунктах dropdown */
  #headerNavigationContainer .pkp_site_nav_menu ul.dropdown-menu > li,
  #headerNavigationContainer .pkp_site_nav_menu ul.dropdown-menu > li > a{
    outline: none !important;
    box-shadow: none !important;
    border-left: 0 !important;
  }

  /* 2) Сделать свою тёмно-зелёную полоску слева при hover/focus */
  #headerNavigationContainer .pkp_site_nav_menu ul.dropdown-menu > li:hover > a,
  #headerNavigationContainer .pkp_site_nav_menu ul.dropdown-menu > li:focus-within > a,
  #headerNavigationContainer .pkp_site_nav_menu ul.dropdown-menu > li > a:hover,
  #headerNavigationContainer .pkp_site_nav_menu ul.dropdown-menu > li > a:focus,
  #headerNavigationContainer .pkp_site_nav_menu ul.dropdown-menu > li > a:focus-visible{
    box-shadow: inset 4px 0 0 var(--eco-green) !important;
  }

  /* 3) На всякий случай: убрать мобильную синюю подсветку клика */
  #headerNavigationContainer .pkp_site_nav_menu ul.dropdown-menu > li > a{
    -webkit-tap-highlight-color: transparent;
  }
}






/* ФОН ПУНКТОВ МЕНЮ */








/* Сделать pkp_navigation_primary_wrapper визуально “картой”: ровный блок, мягкая рамка/тень, центрирование */
:root{
  --nav-card-bg: #e0220010;
  --nav-card-border: rgba(15, 42, 24, .14);
  --nav-card-shadow: 0 8px 26px rgba(0, 0, 0, 0);
}

@media (min-width: 992px){

  /* сам контейнер вокруг UL меню */
  #headerNavigationContainer .pkp_navigation_primary_wrapper{
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 10px 14px;
    margin: 0;                 /* убрать “странные” отступы темы */
    border-radius: 14px;

    background: var(--nav-card-bg);
    border: 1px solid var(--nav-card-border);
    box-shadow: var(--nav-card-shadow);

    /* “стекло” (не обязателен; если браузер не поддерживает — просто игнорируется) */
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }

  /* выровнять сам список */
  #headerNavigationContainer #navigationPrimary.pkp_navigation_primary{
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
  }

  /* чтобы dropdown не прятался и не обрезался */
  #headerNavigationContainer .pkp_navigation_primary_wrapper{
    overflow: visible;
  }
  #headerNavigationContainer .pkp_site_nav_menu ul.dropdown-menu{
    z-index: 5000 !important;
  }
}








/*ЛЕЧИМ ПОИСК*/






:root{
  --brand-green:#0b7a2e;

  /* как было: ширина раскрытого поиска */
  --search-open-w: clamp(240px, 28vw, 380px);

  /* НОВОЕ: ширина закрытого поиска (видимое поле ввода) */
  --search-closed-w: 220px; /* подстрой: 180–280px */

  /* размеры */
  --search-h: 44px;
  --search-r: 12px;
}

@media (min-width: 992px){

  /* якорь для абсолютного позиционирования поиска */
  #headerNavigationContainer .pkp_head_wrapper{
    position: relative;
  }

  /* dropdown’ы поверх */
  #headerNavigationContainer .pkp_site_nav_menu ul.dropdown-menu{
    z-index: 5000 !important;
  }

  /* SEARCH: справа, не двигает меню */
  #headerNavigationContainer form.pkp_search.pkp_search_desktop{
    position: absolute !important;
    right: 2vw;
    top: 50%;
    transform: translateY(-50%);

    width: 140px;
    height: var(--search-h);
    margin: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    overflow: visible;
    z-index: 3500;
  }

  /* “пилюля” (ЗАКРЫТО = шире, ОТКРЫТО = как было) */
  #headerNavigationContainer form.pkp_search.pkp_search_desktop::before{
    content:"";
    position:absolute;
    right: 0;
    top: 0;

    width: var(--search-closed-w);   /* <-- закрыто */
    height: var(--search-h);

    border-radius: var(--search-r);
    border: 1px solid rgba(11,122,46,.25);
    background: rgba(255,255,255,.70);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    box-shadow: 0 6px 16px rgba(0,0,0,.08);

    transition: width .28s ease, background-color .28s ease, border-color .28s ease;
    pointer-events: none;
  }

  /* открыто (как было у тебя) */
  #headerNavigationContainer form.pkp_search.pkp_search_desktop:focus-within::before,
  #headerNavigationContainer form.pkp_search.pkp_search_desktop.is_open::before,
  #headerNavigationContainer form.pkp_search.pkp_search_desktop.pkp_search_open::before{
    width: var(--search-open-w);
    border-color: rgba(11,122,46,.60);
    background: rgba(255,255,255,.92);
  }

  /* иконка справа (44px) */
  #headerNavigationContainer form.pkp_search.pkp_search_desktop button,
  #headerNavigationContainer form.pkp_search.pkp_search_desktop .pkp_search_button,
  #headerNavigationContainer form.pkp_search.pkp_search_desktop .pkp_search_toggle{
    position: absolute !important;
    right: 0;
    top: 0;
    width: var(--search-h);
    height: var(--search-h);

    border: 0 !important;
    background: transparent !important;

    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--brand-green);
    cursor: pointer;
    z-index: 2;

    /* убрать текст “Пошук” внутри кнопки */
    font-size: 0;
    line-height: 0;
  }

  #headerNavigationContainer form.pkp_search.pkp_search_desktop button * ,
  #headerNavigationContainer form.pkp_search.pkp_search_desktop .pkp_search_button * ,
  #headerNavigationContainer form.pkp_search.pkp_search_desktop .pkp_search_toggle *{
    font-size: initial;
    line-height: normal;
  }

  /* INPUT: теперь ВИДИМ в закрытом состоянии */
  #headerNavigationContainer form.pkp_search.pkp_search_desktop input[type="search"],
  #headerNavigationContainer form.pkp_search.pkp_search_desktop input[type="text"]{
    position: absolute !important;
    top: 0;
    right: var(--search-h);

    height: var(--search-h);
    width: calc(var(--search-closed-w) - var(--search-h)); /* <-- закрыто: видно поле */

    border: 0 !important;
    background: transparent !important;
    outline: none !important;

    padding: 0 12px;
    box-sizing: border-box;

    opacity: 1;
    pointer-events: auto;

    transition: width .28s ease;
    z-index: 1;
    color: #1f2937;
  }

  /* открыто: поле ввода расширяется (как было по логике) */
  #headerNavigationContainer form.pkp_search.pkp_search_desktop:focus-within input[type="search"],
  #headerNavigationContainer form.pkp_search.pkp_search_desktop:focus-within input[type="text"],
  #headerNavigationContainer form.pkp_search.pkp_search_desktop.is_open input[type="search"],
  #headerNavigationContainer form.pkp_search.pkp_search_desktop.is_open input[type="text"],
  #headerNavigationContainer form.pkp_search.pkp_search_desktop.pkp_search_open input[type="search"],
  #headerNavigationContainer form.pkp_search.pkp_search_desktop.pkp_search_open input[type="text"]{
    width: calc(var(--search-open-w) - var(--search-h));
  }
}







/* ===== FIX: pkp_user_navigation (user menu) — компактно и предсказуемо ===== */







/* ===== TOP USER BAR: ниже, прозрачный, user dropdown справа ===== */
:root{
  --userbar-h: 22px;     /* меньше высота */
  --userbar-pad-x: 16px; /* боковые отступы */
}

@media (min-width: 992px){

  /* Полоса сверху экрана (прозрачная) */
  #navigationUserWrapper.pkp_navigation_user_wrapper{
    position: fixed !important;
    inset: 0 0 auto 0 !important;    /* top:0; left:0; right:0 */
    height: var(--userbar-h) !important;

    width: 100vw !important;
    max-width: none !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;  /* <-- всё вправо */

    padding: 0 var(--userbar-pad-x) !important;
    margin: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;

    overflow: visible !important;
    z-index: 40000 !important;
    transform: none !important;
  }

  /* UL внутри полосы: тоже вправо (на случай, если тема задаёт свои стили) */
  #navigationUserWrapper #navigationUser.pkp_navigation_user{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;  /* <-- вправо */
    gap: 10px !important;

    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;

    width: auto !important;
  }

  /* dropdown: привязать к правому краю */
  #navigationUserWrapper #navigationUser > li.pkpDropdown,
  #navigationUserWrapper #navigationUser > li[id^="pkpDropdown"]{
    position: relative !important;
  }

  #navigationUserWrapper #navigationUser > li.pkpDropdown .dropdown-menu,
  #navigationUserWrapper #navigationUser > li[id^="pkpDropdown"] .dropdown-menu{
    right: 0 !important;
    left: auto !important;
    top: calc(100% + 6px) !important;
    z-index: 45000 !important;
  }

  /* Сдвинуть основной хедер вниз на высоту полосы */
  header#headerNavigationContainer.pkp_structure_head{
    padding-top: var(--userbar-h) !important;
  }
}





/* ===== LEFT SLIDE SIDEBAR (pushes content) ===== */









/* ===== LEFT SIDEBAR: bigger + bold fonts, NO pushing content ===== */
:root{
  --sb-closed: 52px;
  --sb-open: 350px;
  --sb-dur: .35s;
  --sb-ease: cubic-bezier(.22,.61,.36,1);

  --sb-top: 110px;

  --sb-bg-closed: #30613b2a;
  --sb-bg-open:   #30613b4b;
  --sb-ic: rgba(255,255,255,.92);

  --sb-font-size: 18px;
  --sb-font-weight: 700;

  --sb-text: rgba(255,255,255,.96);
  --sb-text-muted: rgba(255,255,255,.88);
  --sb-text-shadow: 0 2px 12px rgba(0,0,0,.55);
  --sb-link-underline: rgba(255,255,255,.35);

  /* ДОБАВЛЕНО: отступ контента от зоны "☰" */
  --sb-gutter: 10px; /* >= --sb-closed, подстрой 56–72 */
}

@media (min-width: 992px){

  .pkp_structure_content.has_sidebar{
    padding-left: 0 !important;
  }

  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left{
    position: fixed !important;
    left: 0 !important;
    top: var(--sb-top) !important;
    height: calc(100vh - var(--sb-top)) !important;

    width: var(--sb-closed) !important;
    box-sizing: border-box;

    margin: 0 !important;
    float: none !important;

    border: 0 !important;
    box-shadow: none !important;

    background: var(--sb-bg-closed) !important;
    overflow: hidden !important;

    z-index: 15000 !important;
    transition: width var(--sb-dur) var(--sb-ease), background var(--sb-dur) var(--sb-ease);

    color: var(--sb-text) !important;
    text-shadow: var(--sb-text-shadow);
  }

  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left::after{
    content: "☰";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);

    width: var(--sb-closed);
    height: var(--sb-closed);

    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--sb-ic);
    font-size: 18px;
    line-height: 1;

    pointer-events: none;
    text-shadow: 0 2px 10px rgba(0,0,0,.35);
  }

  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left > *{
    opacity: 0;
    transform: translateX(-10px);
    pointer-events: none;
    transition: opacity .12s ease, transform var(--sb-dur) var(--sb-ease);
  }

  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left:hover,
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left:focus-within{
    width: var(--sb-open) !important;
    background: var(--sb-bg-open) !important;
    overflow-y: auto !important;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }

  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left:hover > *,
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left:focus-within > *{
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
  }

  /* ===== Typography inside sidebar ===== */
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left{
    font-size: var(--sb-font-size) !important;
    font-weight: var(--sb-font-weight) !important;
    line-height: 1.4 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }

  /* Убираем светлые подложки темы */
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left .pkp_block,
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left .pkp_block *{
    background: transparent !important;
  }

  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left h1,
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left h2,
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left h3,
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left h4,
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left .title,
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left .pkp_block_title{
    font-size: calc(var(--sb-font-size) + 3px) !important;
    font-weight: 900 !important;
    margin-bottom: 10px;
    color: var(--sb-text) !important;
    text-shadow: var(--sb-text-shadow);
    letter-spacing: .2px;
  }

  /* ===== (1) Сдвиг текста вправо, чтобы не наезжал на ☰ ===== */
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left .pkp_block,
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left .pkp_block_title,
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left .content,
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left ul,
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left ol,
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left p{
    padding-left: var(--sb-gutter) !important;
    padding-right: 5px !important;
    box-sizing: border-box;
  }

  /* ===== Links base (не ломаем кнопку) ===== */
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left a{
    font-size: var(--sb-font-size) !important;
    font-weight: 500 !important;
    color: var(--sb-text) !important;
    text-shadow: var(--sb-text-shadow);
    text-decoration: none;
  }

  /* ===== (2) Hover эффект "заливка слева-направо" как в примере ===== */
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left a{
    display: block;
    position: relative;
    z-index: 1;
    padding: 10px 14px !important;
    margin: 4px 0;
    border-left: 8px solid rgba(255,255,255,.35);
    border-radius: 10px;
    overflow: hidden;
  }

  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left a::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    z-index: -1;
    transition: width .28s ease;
    background: #00e0318f; /* зелёная заливка */
  }

  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left a:hover{
    color: #fff !important;
  }
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left a:hover::after{
    width: 100%;
  }

  /* разные цвета “полосы” по блокам/группам (мягко) */
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left .pkp_block:nth-of-type(1) a{ border-left-color: #30613bd7; }
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left .pkp_block:nth-of-type(1) a::after{ background: #30613bd2; }

  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left .pkp_block:nth-of-type(2) a{ border-left-color: #613730de; }
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left .pkp_block:nth-of-type(2) a::after{ background: #613730d8; }

  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left .pkp_block:nth-of-type(3) a{ border-left-color: #e02200d8; }
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left .pkp_block:nth-of-type(3) a::after{ background: #e02200de; }

  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left .pkp_block:nth-of-type(4) a{ border-left-color: #30613bd7; }
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left .pkp_block:nth-of-type(4) a::after{ background: #30613bd8; }

  /* Читаемость текста внутри списков */
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left p,
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left li{
    color: var(--sb-text-muted) !important;
    text-shadow: var(--sb-text-shadow);
  }

  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left ul,
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left ol{
    margin: 1px 0 1px !important;
    padding-left: calc(var(--sb-gutter) + 18px) !important;
  }

  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left li{
    margin: 1px 0 !important;
  }

  /* Не трогаем кнопку "Подати статтю" (и её стили темы) */
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left .pkp_block_make_submission a,
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left .block_make_submission a,
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left a[href*="/about/submissions"],
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left a[href*="/submission"]{
    border-left: 0 !important;
    padding: initial !important;
    margin: initial !important;
    border-radius: initial !important;
    overflow: visible !important;
    display: inline-block !important;
    text-shadow: none !important;
  }
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left .pkp_block_make_submission a::after,
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left .block_make_submission a::after,
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left a[href*="/about/submissions"]::after,
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left a[href*="/submission"]::after{
    content: none !important;
  }
}

/* ===== SIDEBAR FULL HEIGHT: фон панели на всю высоту экрана, без “зазора” сверху при скролле ===== */
@media (min-width: 992px){

  /* Панель фиксируем от самого верха окна и растягиваем на 100vh */
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left{
    top: 0 !important;
    height: 100vh !important;

    /* чтобы содержимое панели начиналось ниже шапки, но фон закрывал верх */
    padding-top: var(--sb-top) !important;
    box-sizing: border-box !important;
  }
}






/* ===== CTA для кнопки "Подати статтю" (только sidebar) ===== */






/* ===== CTA: только для "Подати статтю" в левой боковой панели ===== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@800;900&display=swap');

@media (min-width: 992px){

  /* 1) Жёсткий reset, чтобы не наследовать hover-заливку и border-left от обычных ссылок */
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left .pkp_block_make_submission a,
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left .block_make_submission a,
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left a[href*="/about/submissions"],
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left a[href*="/submission"]{
    all: unset;                      /* ключевое */
    display: inline-flex !important;
    align-items: center !important;
    gap: 14px !important;

    cursor: pointer !important;
    user-select: none;

    /* геометрия */
    padding: 10px 18px !important;
    margin: 10px 0 6px !important;
    white-space: nowrap;

    /* текст */
    font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    letter-spacing: .02em !important;
    color: #fff !important;
    text-decoration: none !important;

    /* кнопка */
    background: #E000A1 !important;
    border: 0 !important;
    border-radius: 0 !important;

    /* параллелограмм без наклона текста */
    -webkit-clip-path: polygon(7% 0, 100% 0, 93% 100%, 0 100%) !important;
    clip-path: polygon(7% 0, 100% 0, 93% 100%, 0 100%) !important;

    box-shadow: 6px 6px 0 rgba(0,0,0,.9) !important;
    transition: box-shadow .25s ease, transform .25s ease, filter .25s ease !important;
  }

  /* 2) Стрелка справа (вынужденно через ::after, но мы переопределяем ВСЕ параметры) */
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left .pkp_block_make_submission a::after,
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left .block_make_submission a::after,
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left a[href*="/about/submissions"]::after,
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left a[href*="/submission"]::after{
    content: "›" !important;

    position: relative !important;   /* перебиваем absolute из твоих link-hover правил */
    inset: auto !important;
    width: auto !important;
    height: auto !important;

    display: inline-block !important;
    background: none !important;

    font-size: 24px !important;
    line-height: 1 !important;
    color: #fff !important;

    transform: translateX(-4px) !important;
    transition: transform .25s ease, color .25s ease !important;
  }

  /* 3) Hover как на примере: жёлтая "тень" + 3 стрелки */
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left .pkp_block_make_submission a:hover,
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left .block_make_submission a:hover,
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left a[href*="/about/submissions"]:hover,
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left a[href*="/submission"]:hover{
    box-shadow: 10px 10px 0 #FBC638 !important;
    filter: brightness(1.02) !important;
  }

  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left .pkp_block_make_submission a:hover::after,
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left .block_make_submission a:hover::after,
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left a[href*="/about/submissions"]:hover::after,
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left a[href*="/submission"]:hover::after{
    content: "›››" !important;
    color: #FBC638 !important;
    transform: translateX(0) !important;
  }
}








/* ===== FIX: убрать верхний padding у контента (has_sidebar), чтобы не было “обрезания” под хедером ===== */









@media (min-width: 992px){
  .pkp_structure_content.has_sidebar{
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* на случай, если отступ задан на внутренних контейнерах */
  .pkp_structure_content.has_sidebar .pkp_structure_main{
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
}





/* ===== FIX: sidebar ниже шапки (под pkp_structure_head) ===== */






/* ===== FIX: sidebar НЕ перекрывает шапку (жёстко привязываем top/height) ===== */
@media (min-width: 992px){

  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left{
    top: var(--sb-top) !important;
    height: calc(90vh - var(--sb-top)) !important;
  }

  /* чтобы "☰" оставался по центру ВИДИМОЙ части сайдбара */
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar.left::after{
    top: calc(var(--sb-top) + (65vh - var(--sb-top)) / 2) !important;
    transform: translateY(-50%) !important;
  }
}