/* Бета 2: панель «Авто из США» в меню «Каталог» (открывается вбок от пункта) */
.ecf{display:none}
.ec-nav-catalog .sub-menu > li.ecf-host > a{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ecf-arrow{font-size:18px;line-height:1;color:#b8b8b8}
.ec-nav-catalog .sub-menu > li.ecf-host:hover > a,.ec-nav-catalog .sub-menu > li.ecf-host:focus-within > a{background:#fff7dc;color:#111}
.ec-nav-catalog .sub-menu > li.ecf-host:hover > a .ecf-arrow{color:#c48a00}
.ecf-host > .ecf{display:block;position:absolute;left:100%;top:0;margin-left:-4px;width:min(940px,calc(100vw - 340px));min-height:100%;
  box-sizing:border-box;padding:18px 22px 16px;background:#fff;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.16);
  border-left:4px solid #f2b705;opacity:0;visibility:hidden;transform:translateX(6px);transition:opacity .18s,transform .18s,visibility 0s linear .18s;z-index:101;text-align:left;pointer-events:none}
.ecf-host:hover > .ecf,.ecf-host:focus-within > .ecf{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .18s .12s,transform .18s .12s,visibility 0s linear .12s}
.ecf *{visibility:inherit}
.ecf-search{display:flex;gap:8px;margin:0 0 14px}
.ecf-search input{flex:1;height:40px;padding:0 14px;border:1px solid #e3e3e3;border-radius:10px;font:inherit;font-size:14px;background:#fafafa}
.ecf-search input:focus{outline:none;border-color:#f2b705;background:#fff}
.ecf-search button{height:40px;padding:0 18px;border:0;border-radius:10px;background:#111;color:#fff;font:inherit;font-weight:700;cursor:pointer}
.ecf-search button:hover{background:#f2b705;color:#111}
.ecf-grid{display:grid;grid-template-columns:1.15fr 1.1fr 1fr 1.2fr;gap:6px 22px}
.ecf-h{margin:10px 0 6px;font-size:11.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#9a9a9a}
.ecf-col > .ecf-h:first-child{margin-top:0}
.ecf ul{list-style:none;margin:0;padding:0}
.ecf ul li a{display:block;padding:5px 0;font-size:14px;color:#2d2d2d;text-decoration:none;white-space:nowrap}
.ecf ul li a:hover{color:#c48a00}
.ecf .ecf-chips{display:flex;flex-wrap:wrap;gap:6px}
.ecf .ecf-chips li a{padding:4px 10px;border:1px solid #ececec;border-radius:16px;font-size:13px}
.ecf .ecf-chips li a:hover{border-color:#f2b705;background:#fff7dc;color:#111}
.ecf .ecf-makes{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.ecf-foot{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid #f0f0f0;font-size:14px}
.ecf-foot a{color:#555;text-decoration:none}
.ecf-foot a:hover{color:#c48a00}
.ecf-foot .ecf-all{padding:8px 16px;border-radius:10px;background:#f2b705;color:#111;font-weight:700}
.ecf-foot .ecf-all:hover{background:#111;color:#fff}
/* стили меню сайта для .sub-menu li / a не должны влиять на панель */
.ec-nav-catalog .ecf li{width:auto;float:none;margin:0;padding:0;border:0;background:none;position:static}
.ec-nav-catalog .ecf ul li a{padding:5px 0;background:none;font-weight:500}
.ec-nav-catalog .ecf .ecf-chips li{display:block}
.ec-nav-catalog .ecf .ecf-chips li a{padding:4px 10px}
.ec-nav-catalog .ecf ul li a:hover{background:none;color:#c48a00}
.ec-nav-catalog .ecf .ecf-chips li a:hover{background:#fff7dc;color:#111}
.ec-nav-catalog .ecf ul{position:static;opacity:1;visibility:inherit;transform:none;box-shadow:none;width:auto;min-width:0}
.ec-nav-catalog .ecf ul.ecf-chips{display:flex;flex-wrap:wrap;gap:6px}
.ec-nav-catalog .ecf ul.ecf-makes{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.ecf-i{width:1.1em;margin-right:7px;text-align:center;color:#d99a00;font-size:.92em}
