/*! kovriki-na-zakaz — главное меню каталога (08.10.2026).
   Полоса разделов под шапкой с выпадающими панелями на широком экране и те же разделы
   раскрывающимися списками в мобильном меню. Разметку отдаёт inc/menyu.php.
   Подключается после oblik.css, цвета — его переменные. */

.eva-head{ z-index:60; }

/* ---------- широкий экран: полоса разделов ---------- */
.kov-menyu{ position:relative; background:var(--kov-temnyj-2); border-top:1px solid rgba(255,255,255,.08); }
.kov-menyu ul{ list-style:none; margin:0; padding:0; }
.kov-menyu p{ margin:0; }
.kov-menyu__polosa{ max-width:var(--eva-container-wide,1320px); margin:0 auto !important; padding:0 12px !important; display:flex; }
.kov-menyu__glava{ display:flex; align-items:center; gap:8px; padding:16px 14px; position:relative;
  font:700 14px/1 var(--eva-font); letter-spacing:.01em; color:rgba(255,255,255,.92); text-decoration:none; white-space:nowrap; transition:color .15s; }
.kov-menyu__glava svg{ opacity:.6; transition:transform .2s ease, opacity .15s; }
.kov-menyu__glava::after{ content:""; position:absolute; left:14px; right:14px; bottom:0; height:3px; background:var(--kov-akcent);
  transform:scaleX(0); transform-origin:left; transition:transform .2s ease; }
.kov-menyu__razdel--tut > .kov-menyu__glava::after{ transform:scaleX(1); }
.kov-menyu__razdel:hover > .kov-menyu__glava,
.kov-menyu__razdel:focus-within > .kov-menyu__glava,
.kov-menyu__razdel--otkryt > .kov-menyu__glava{ color:var(--kov-akcent); }
.kov-menyu__razdel:hover > .kov-menyu__glava::after,
.kov-menyu__razdel:focus-within > .kov-menyu__glava::after,
.kov-menyu__razdel--otkryt > .kov-menyu__glava::after{ transform:scaleX(1); }
.kov-menyu__razdel:hover > .kov-menyu__glava svg,
.kov-menyu__razdel:focus-within > .kov-menyu__glava svg,
.kov-menyu__razdel--otkryt > .kov-menyu__glava svg{ transform:rotate(180deg); opacity:1; }
.kov-menyu__glava:focus-visible,
.kov-menyu__panel a:focus-visible{ outline:2px solid var(--kov-akcent); outline-offset:2px; border-radius:4px; }

/* панель: во всю ширину шапки, появляется с небольшой задержкой, чтобы не мигать при проходе мышью */
.kov-menyu__panel{ position:absolute; left:0; right:0; top:100%; background:var(--kov-fon); color:var(--kov-tekst);
  border-bottom:4px solid var(--kov-akcent); box-shadow:0 28px 48px -18px rgba(0,0,0,.35);
  visibility:hidden; opacity:0; transform:translateY(-6px); transition:opacity .16s ease, transform .16s ease, visibility 0s linear .16s; }
.kov-menyu__razdel:hover > .kov-menyu__panel,
.kov-menyu__razdel:focus-within > .kov-menyu__panel,
.kov-menyu__razdel--otkryt > .kov-menyu__panel{ visibility:visible; opacity:1; transform:none; transition-delay:.08s, .08s, .08s; }
.kov-menyu--zakryto .kov-menyu__panel{ visibility:hidden !important; opacity:0 !important; }
.kov-menyu__panel-vnutri{ max-width:var(--eva-container-wide,1320px); margin:0 auto; padding:30px 26px 34px; display:flex; gap:44px; align-items:flex-start; }
.kov-menyu__zagolovok{ font:800 11px/1 var(--eva-font); letter-spacing:.14em; text-transform:uppercase; color:var(--kov-tekst-2);
  padding-bottom:12px; margin-bottom:12px !important; border-bottom:1px solid var(--kov-granica); }
.kov-menyu__kolonka{ min-width:170px; }
.kov-menyu__kolonka--2 ul{ columns:2; column-gap:36px; }
.kov-menyu__kolonka li{ break-inside:avoid; }
.kov-menyu__kolonka a{ display:inline-block; padding:6px 0; font:500 15px/1.3 var(--eva-font); color:var(--kov-tekst); text-decoration:none;
  background:linear-gradient(var(--kov-akcent),var(--kov-akcent)) left calc(100% - 3px)/0 3px no-repeat; transition:background-size .18s ease; white-space:nowrap; }
.kov-menyu__kolonka a:hover,
.kov-menyu__kolonka a[aria-current]{ background-size:100% 3px; }
.kov-menyu__kolonka a[aria-current]{ font-weight:700; }
.kov-menyu__kolonka a.kov-menyu__vse-v-kolonke{ font-weight:700; }
.kov-menyu__kolonka a.kov-menyu__vse-v-kolonke::after{ content:" →"; }

/* плашка справа: действие и вход в раздел целиком */
.kov-menyu__zamer{ margin-left:auto; flex:0 0 290px; background:var(--kov-temnyj); color:var(--kov-na-temnom); border-radius:16px; padding:24px; }
.kov-menyu__zamer-zagolovok{ font:800 18px/1.25 var(--eva-font); color:#fff; }
.kov-menyu__zamer-tekst{ margin-top:10px !important; font:500 14px/1.5 var(--eva-font); color:var(--kov-na-temnom-2); }
.kov-menyu__zamer-knopka{ display:block; margin-top:18px; padding:14px 18px; border-radius:999px; text-align:center;
  font:700 14px/1 var(--eva-font); background:var(--kov-akcent); color:var(--kov-akcent-tekst) !important; text-decoration:none; transition:background .15s; }
.kov-menyu__zamer-knopka:hover{ background:var(--kov-akcent-hover); }
.kov-menyu__zamer-vse{ display:block; margin-top:14px; text-align:center; font:600 13px/1.3 var(--eva-font); color:#fff; text-decoration:underline;
  text-decoration-color:var(--kov-akcent); text-decoration-thickness:2px; text-underline-offset:4px; }
.kov-menyu__zamer-vse:hover{ color:var(--kov-akcent); }

@media (max-width:1100px){ .kov-menyu{ display:none; } }
@media (min-width:1101px) and (max-width:1279px){
  .kov-menyu__panel-vnutri{ gap:28px; }
  .kov-menyu__zamer{ flex-basis:240px; padding:20px; }
  .kov-menyu__kolonka{ min-width:150px; }
  .kov-menyu__kolonka--2 ul{ column-gap:24px; }
  .kov-menyu__kolonka a{ font-size:14px; }
}
@media (prefers-reduced-motion:reduce){
  .kov-menyu__panel,.kov-menyu__glava::after,.kov-menyu__glava svg,.kov-menyu__kolonka a{ transition:none; }
}

/* ---------- узкий экран: разделы внутри мобильного меню ---------- */
.kov-mmenyu{ border-bottom:1px solid rgba(255,255,255,.08); }
.kov-mmenyu summary{ display:flex; align-items:center; justify-content:space-between; padding:14px 2px; cursor:pointer; list-style:none;
  font:700 16px/1.2 var(--eva-font); color:#fff; }
.kov-mmenyu summary::-webkit-details-marker{ display:none; }
.kov-mmenyu summary::after{ content:""; width:9px; height:9px; margin-right:6px; border-right:2px solid var(--kov-akcent); border-bottom:2px solid var(--kov-akcent);
  transform:rotate(45deg); transition:transform .2s ease; flex:0 0 auto; }
.kov-mmenyu[open] summary::after{ transform:rotate(-135deg); }
.kov-mmenyu[open] summary{ color:var(--kov-akcent); }
.kov-mmenyu__telo{ padding:2px 0 16px; }
.kov-mmenyu__zagolovok{ margin:16px 0 4px !important; font:800 11px/1 var(--eva-font); letter-spacing:.14em; text-transform:uppercase; color:var(--kov-na-temnom-2); }
.kov-mmenyu__ssylki{ display:grid; grid-template-columns:1fr 1fr; column-gap:16px; }
.eva-head__mobile .kov-mmenyu__ssylki a{ padding:11px 0; border-bottom:0; font:500 15px/1.25 var(--eva-font); color:rgba(255,255,255,.88); }
.eva-head__mobile .kov-mmenyu__ssylki a[aria-current]{ color:var(--kov-akcent); font-weight:700; }
.eva-head__mobile a.kov-mmenyu__vse{ display:block; padding:12px 14px; border:1px solid rgba(255,255,255,.18); border-radius:10px;
  font:700 15px/1.2 var(--eva-font); color:#fff; }
.eva-head__mobile a.kov-mmenyu__vse::after{ content:" →"; color:var(--kov-akcent); }
@media (max-width:380px){ .kov-mmenyu__ssylki{ grid-template-columns:1fr; } }

/* на узком экране ссылки шапки скрыты, и блок с телефоном вставал вплотную к логотипу */
@media (max-width:1100px){ .eva-head__actions{ margin-left:auto; } }