/* 1560px of usable content, plus consistent outer gutters. Only the test2 body opts in. */
body.ilite-wide { --ilite-content-width:1560px; --ilite-gutter:24px; }
body.ilite-wide .container:not(.container .container):not(.modal .container):not(.ilite-mobile-catalog .container) {
    box-sizing:border-box;
    width:100%!important;
    max-width:calc(var(--ilite-content-width) + var(--ilite-gutter) * 2)!important;
    padding-left:var(--ilite-gutter)!important;
    padding-right:var(--ilite-gutter)!important;
    margin-left:auto;
    margin-right:auto;
}
body.ilite-wide header { background:#1b1b25; color:#fff; }
body.ilite-wide header .sub-header { background:#1b1b25; border-bottom:1px solid #34343e; }
body.ilite-wide header .sub-header > .container > .row { align-items:center; }
body.ilite-wide header .sub-header .nav { align-items:center; gap:0 20px; }
body.ilite-wide header .sub-header .nav a.nav-link { color:#fff; font-size:14px; line-height:20px; padding:9px 0; }
body.ilite-wide header .sub-header .nav a.nav-link:hover { color:#bbd1ff; }
body.ilite-wide header .ilite-header-contacts { display:flex; align-items:center; gap:20px; }
body.ilite-wide header .ilite-header-contacts .tel-number { color:#fff; font-size:14px; font-weight:600; white-space:nowrap; }
body.ilite-wide header .sub-header .work-time { color:#b0b0ba; padding:9px 0 9px 20px; border-left:1px solid #52525c; white-space:nowrap; }
body.ilite-wide header .sub-header .work-time span { color:#fff; font-weight:600; }
body.ilite-wide header .index-header { background:#1b1b25; padding:16px 0 8px; border-bottom:0; }
body.ilite-wide header .index-header.is_stuck { border-bottom:1px solid #34343e; box-shadow:0 3px 12px #0002; }
body.ilite-wide header .logo { display:flex; align-items:center; min-height:44px; }
body.ilite-wide header .logo a { display:flex; align-items:center; min-height:44px; }
body.ilite-wide header .logo img { display:block; width:90px; max-width:90px; height:26px; }
body.ilite-wide header .with-search-col { min-width:0; }
body.ilite-wide header .with-search-col > .row { margin:0; }
body.ilite-wide header .ilite-header-search-col { flex:1 1 0; max-width:none; min-width:0; padding:0; }
body.ilite-wide header .index-header .search .form-group { margin:0; }
body.ilite-wide header .index-header .search .form-group::after { display:none; }
body.ilite-wide header .index-header .search form { position:relative; }
body.ilite-wide header .index-header .search input.form-control { width:100%; height:44px; border-radius:24px; background:#fff; color:#1b1b25; font-size:15px; padding:10px 54px 10px 20px; }
body.ilite-wide header .index-header .search input.form-control:focus { background:#fff; box-shadow:0 0 0 3px #85adff; }
body.ilite-wide header .ilite-header-search-submit { position:absolute; right:4px; top:2px; display:flex; align-items:center; justify-content:center; width:40px; height:40px; padding:0; border:0; border-radius:50%; background:transparent; cursor:pointer; }
body.ilite-wide header .ilite-header-search-submit img { width:21px; height:21px; filter:brightness(0); }
body.ilite-wide header .ilite-header-actions > .row { align-items:center; flex-wrap:nowrap; }
body.ilite-wide header .soc-links .nav { flex-wrap:nowrap; gap:4px; }
body.ilite-wide header .soc-links .nav-link { display:flex; align-items:center; justify-content:center; width:40px; height:44px; padding:0; }
body.ilite-wide header .soc-links img { width:30px; height:30px; }
body.ilite-wide header .cart { display:flex; align-items:center; }
body.ilite-wide header .index-header .cart .btn-icon-cart { display:inline-block; width:40px; height:44px; margin:0 6px 0 0; top:0; background-image:none; }
body.ilite-wide header .index-header .cart .btn-icon-cart::before { content:""; position:absolute; inset:10px 8px; background:url('/wp-content/themes/ilite/img/ic_cart.svg') center/contain no-repeat; filter:brightness(0) invert(1); }
body.ilite-wide header .index-header .cart .cart-count { z-index:1; }
body.ilite-wide header .index-header .cart span.name { color:#b0b0ba; }
body.ilite-wide header .index-header .cart span.price { color:#fff; }
body.ilite-wide header .dark-cats { background:#1b1b25; }
body.ilite-wide header .ilite-catalog-bar > .container > .row { margin-left:0; margin-right:0; }
body.ilite-wide header .ilite-catalog-bar > .container > .row > .col-12 { padding-left:0; padding-right:0; }
body.ilite-wide header .dark-cats #menu-category.ilite-catalog-roots { display:flex; flex-wrap:wrap; justify-content:center; gap:2px 8px; padding:4px 0 10px; }
body.ilite-wide header .dark-cats #menu-category > li.ilite-catalog-root { flex:0 0 auto; }
body.ilite-wide header .dark-cats #menu-category > li.ilite-catalog-root > a.nav-link { font-weight:600; }
body.ilite-wide header :is(a,button):focus-visible { outline:2px solid #a7c5ff; outline-offset:2px; }
body.ilite-wide header .ilite-header-search-submit:focus-visible { outline-color:#205edf; }
@media (min-width:768px) and (max-width:1199px) {
    body.ilite-wide header .ilite-header-contacts { flex-direction:column; align-items:flex-end; gap:0; }
    body.ilite-wide header .sub-header .work-time { border:0; padding:0 0 6px; font-size:12px; }
    body.ilite-wide header .sub-header .nav { gap:0 16px; }
}
@media (max-width:767px) {
    body.ilite-wide { --ilite-gutter:16px; }
    body.ilite-wide header .index-header { padding:8px 0; }
    body.ilite-wide header .ilite-header-mainrow { margin-left:-8px; margin-right:-8px; flex-wrap:nowrap; }
    body.ilite-wide header .ilite-header-mainrow > .col,body.ilite-wide header .ilite-header-mainrow > .col-auto { padding-left:8px; padding-right:8px; }
    body.ilite-wide header .logo img { width:80px; max-width:80px; height:auto; }
    body.ilite-wide header .index-header .cart { padding:0; margin:0; border:0; }
    body.ilite-wide header .index-header .cart .btn-icon-cart { margin:0; }
    body.ilite-wide header .index-header .mobile-search { padding:0; }
    body.ilite-wide header .index-header .mobile-search.active { padding-top:0; }
    body.ilite-wide header .index-header .mobile-menu { padding:0; }
    body.ilite-wide header .btn-icon-mobile-phone,body.ilite-wide header .btn-icon-mobile-search,body.ilite-wide header .btn-icon-mobile-menu { width:40px; height:44px; background-size:20px 20px; filter:brightness(0) invert(1); }
    body.ilite-wide header .index-header .search input.form-control { padding-left:14px; font-size:14px; }
    body.ilite-wide header .ilite-header-actions > .row > .col-auto { padding-left:0; padding-right:0; }
}

/* The native close state used a 14px box and Bootstrap's nested row gutters. */
@media (max-width:767px) {
 body.ilite-wide header .ilite-header-actions > .row { margin-left:0; margin-right:0; }
 body.ilite-wide header .index-header .mobile-search button.btn-icon-mobile-search.active { width:40px!important; height:44px!important; background-size:14px 14px; }
}