/* Header and menu layout: loaded after legacy theme rules and header inline styles. */
.site-header > .container-white > .content {
 display:grid; grid-template-columns:minmax(220px,1.2fr) minmax(150px,1fr) minmax(150px,1fr) minmax(210px,1fr);
 gap:20px; align-items:center;
}
.site-header > .container-white > .content:before,
.site-header > .container-white > .content:after { display:none; }
.site-header > .container-white > .content > .col { width:auto; float:none; padding:0; min-width:0; }
.site-header .logo-block { display:flex; align-items:center; gap:12px; }
.site-header .logo-block > a { min-width:0; }
.site-header .logo { flex:0 0 70px; }
.site-header .logo img { max-width:100%!important; height:auto; scale:1!important; }
.site-header .logo-block span.h1 { width:auto!important; font-size:18px; line-height:1.3; overflow-wrap:anywhere; }
.site-header .want-to-chuck-wrapper { width:100%; margin:0; padding:0; }
.site-header .want-to-chuck { display:flex; align-items:center; justify-content:center; box-sizing:border-box;
 width:100%; min-height:48px; height:auto; margin:8px 0; padding:12px 16px; font-size:15px; line-height:1.4; white-space:normal; overflow-wrap:anywhere; }
.site-header .header-contacts { width:auto; padding:0!important; text-align:right; }
.site-header .header-contacts img { max-width:100%; height:auto; }
.site-header .header-contacts p { margin:6px 0; overflow-wrap:anywhere; }
.site-header .container-top-navigation { background:#fff; border-bottom:1px solid #e5e7eb; }
.site-header .top-nav-block { display:block; float:none; width:100%; }
.site-header .top-nav-block > ul { display:flex; flex-wrap:wrap; gap:4px; padding:8px 0; }
.site-header .top-nav-block li { float:none; margin:0; transition-delay:0s; }
.site-header .top-nav-block > ul > li { position:relative; flex:1 1 auto; min-width:0; border-radius:8px; }
.site-header .top-nav-block li a,
.site-header .top-nav-block li:hover > a,
.site-header .top-nav-block li.active > a { font-size:16px; line-height:1.4; font-weight:500; transition-delay:0s; border-radius:8px; }
.site-header .top-nav-block > ul > li > a { padding:12px 16px; white-space:normal; overflow-wrap:anywhere; }
.site-header .top-nav-block > ul > li.parent > a { padding-right:32px; }
.site-header .top-nav-block .parent > a:after { right:10px; }
.site-header .top-nav-block .second-level { display:none; position:absolute; top:100%; left:0; right:auto;
 width:320px; max-width:calc(100vw - 32px); height:auto; opacity:1; overflow:visible; padding:8px;
 box-sizing:border-box; background:#fff!important; border:1px solid #e5e7eb; border-radius:0 10px 10px 10px; box-shadow:0 10px 24px #0002; transition:none; }
.site-header .top-nav-block > ul > li:last-child .second-level { left:auto; right:0; }
.site-header .top-nav-block li:hover > .second-level,
.site-header .top-nav-block li:focus-within > .second-level,
.site-header .top-nav-block li.active > .second-level { display:block; }
.site-header .second-level .content, .site-header .second-level .col { width:auto; float:none; margin:0!important; padding:0; }
.site-header .second-level ul { display:block; padding:0; }
.site-header .second-level li { width:100%; padding:0; }
.site-header .second-level li a { display:block; padding:10px 12px; overflow-wrap:anywhere; }
.site-header a:focus-visible, .site-header button:focus-visible { outline:3px solid #157fc4; outline-offset:2px; }
.mobile-menu-controls { display:none; }
.hamburgerrazdel { position:static; width:auto; height:auto; margin:12px 0; padding:12px 18px; border:0; border-radius:8px; }
.mobile-nav-wrapper, .mobile-navrazdel-wrapper { top:0; bottom:0; left:0; width:100%; max-height:none; height:100dvh;
 background:#fff; color:#222; transform:none; z-index:1000; box-sizing:border-box; padding:20px; overflow:auto; }
.mobile-nav-wrapper:not(.active), .mobile-navrazdel-wrapper:not(.active) { display:none!important; }
.mobile-nav-wrapper.active, .mobile-navrazdel-wrapper.active { display:block; }
.mobile-nav, .mobile-navrazdel { position:static; width:auto; max-height:none; padding:0; }
.mobile-nav ul, .mobile-navrazdel ul { margin:0; padding:0; list-style:none; }
.mobile-nav li, .mobile-navrazdel li { float:none; width:100%; margin:0; }
.mobile-nav a, .mobile-navrazdel a { display:block; color:#222; padding:12px; line-height:1.5; overflow-wrap:anywhere; }
.mobile-nav .second-level, .mobile-navrazdel li > ul { display:none; position:static; height:auto; opacity:1;
 width:auto; padding:0 0 0 12px; overflow:visible; background:#f5f6f8!important; }
.mobile-nav .parent.active > .second-level, .mobile-navrazdel .parent.active > ul { display:block; }
.mobile-nav .second-level .content, .mobile-nav .second-level .col { width:auto; padding:0; margin:0!important; float:none; }
.mobile-nav-close { display:block; margin:0 0 16px auto; padding:10px 16px; border:1px solid #ddd; border-radius:8px; background:#fff; color:#222; }
@media (max-width:1100px) {
 .site-header > .container-white > .content { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .site-header .header-contacts { text-align:left; }
}
@media (min-width:901px) { .hamburgerrazdel { display:none; } }
@media (max-width:900px) {
 .site-header .container-top-navigation .col-mb-hide { display:none; }
 .mobile-menu-controls { display:flex; padding:12px 16px; }
 .mobile-menu-controls .hamburger { display:flex; position:static; width:auto; height:auto; margin:0; padding:12px 18px;
 gap:12px; align-items:center; border:1px solid #ddd; background:#fff; color:#222; border-radius:8px; font-size:16px; }
 .hamburger .icon-hamburger { margin:0; flex-shrink:0; }
 .hamburgerrazdel { display:block; }
}
@media (max-width:480px) {
 .site-header > .container-white > .content { grid-template-columns:minmax(0,1fr); gap:12px; }
 .site-header .logo-block span.h1 { font-size:17px; }
}
/* Cancel legacy mobile offsets and size caps; all header controls stay in normal flow. */
.site-header .logo-block { position:static; max-width:none; }
.site-header .logo-block a:not(.logo) { display:block; }
.site-header .header-contacts { display:block; }
.site-header .want-to-chuck { position:static; inset:auto; max-width:none; max-height:none; }
.site-header .logo-block a .h1 { text-align:left; color:#222; }

/* Unified coral palette and content spacing. */
.site-header > .container-white > .content {
 box-sizing:border-box; border:2px solid #ff8562; border-radius:12px;
 padding:24px!important; background:#fff!important;
}
.site-header .container-top-navigation { background:transparent; border:0; }
.site-header .container-top-navigation > .content {
 box-sizing:border-box; background:#ff8562!important; border:2px solid #ff8562!important;
 border-radius:12px; padding:8px 16px!important; margin-top:10px;
}
.site-header .container-top-navigation > .content > .col { padding:0; }
.site-header .top-nav-block li,
.site-header .top-nav-block li.parent:hover { background:transparent!important; }
.site-header .top-nav-block li > a {
 background:transparent!important; color:#34211b!important;
}
.site-header .top-nav-block li:hover > a,
.site-header .top-nav-block li > a:focus,
.site-header .top-nav-block li.active > a,
.site-header .top-nav-block li.current > a { background:#ffd2c4!important; color:#34211b!important; }
.site-header .top-nav-block .second-level { background:#fff0eb!important; border-color:#ffb69e; }
.site-header .top-nav-block .second-level .content { background:transparent!important; border:0!important; }
.site-header .second-level li:hover > a,
.site-header .second-level li > a:focus { background:#ffd2c4!important; color:#34211b!important; }
.site-header .top-nav-block .parent > a:after {
 background:none; width:7px; height:7px; border-right:2px solid currentColor;
 border-bottom:2px solid currentColor; transform:rotate(45deg); margin-top:-6px;
}
.site-header a:focus-visible, .site-header button:focus-visible { outline-color:#683c2d; }
.site-header .mobile-menu-controls {
 box-sizing:border-box; margin:10px auto 0; padding:0;
}
.site-header .mobile-menu-controls .hamburger {
 width:100%; justify-content:center; min-height:48px; border:2px solid #ff8562;
 background:#ff8562; color:#34211b; border-radius:12px;
}
.mobile-menu-controls .icon-hamburger,
.mobile-menu-controls .icon-hamburger:before,
.mobile-menu-controls .icon-hamburger:after { background:#34211b; }
.mobile-nav-wrapper, .mobile-navrazdel-wrapper { background:#ff8562; color:#34211b; }
.mobile-nav, .mobile-navrazdel {
 box-sizing:border-box; background:#fff0eb; border-radius:12px; padding:12px; min-height:0;
}
.mobile-nav li, .mobile-navrazdel li,
.mobile-nav li.parent.active, .mobile-navrazdel li.parent.active { background:transparent!important; }
.mobile-nav li > a, .mobile-navrazdel li > a { color:#34211b!important; background:transparent!important; border-radius:8px; }
.mobile-nav li:hover > a, .mobile-nav li.active > a, .mobile-nav li > a:focus,
.mobile-navrazdel li:hover > a, .mobile-navrazdel li.active > a, .mobile-navrazdel li > a:focus {
 background:#ffd2c4!important; color:#34211b!important;
}
.mobile-nav .second-level, .mobile-navrazdel li > ul { background:#fff8f5!important; }
.mobile-nav .second-level .content { background:transparent!important; }
.mobile-nav-close, .hamburgerrazdel { background:#fff0eb; border:2px solid #ffb69e; color:#34211b; }
@media (max-width:650px) {
 .site-header > .container-white > .content { grid-template-columns:minmax(0,1fr); gap:12px; padding:16px!important; }
 .site-header .want-to-chuck-wrapper, .site-header .want-to-chuck { width:100%; max-width:none; }
 .site-header .want-to-chuck { margin:4px 0; }
}
@media (max-width:900px) {
 .site-header .container-top-navigation { display:none; }
}

/* Orange theme; override unscoped legacy rules in special_version.css. */
.site-header .want-to-chuck-wrapper,
.site-header .want-to-chuck-wrapper > a.want-to-chuck {
 width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box;
}
.site-header .want-to-chuck-wrapper > a.want-to-chuck {
 position:static!important; margin:8px 0!important; height:auto!important; max-height:none!important;
 padding:12px 16px!important; white-space:normal!important; overflow-wrap:anywhere;
}
.site-header .logo-block { margin-left:0!important; top:auto!important; left:auto!important; }
.site-header .logo-block a.logo img { max-width:100%!important; }
.site-header .container-top-navigation > .content {
 background:#fff!important; border:0!important; border-radius:0; padding:8px 0!important;
}
.site-header .container-top-navigation > .content > .col {
 display:grid; grid-template-columns:minmax(0,1fr) 48px; gap:12px; align-items:start;
}
.site-header .top-nav-block li > a { color:#34211b!important; }
.site-header .top-nav-block li:hover > a,
.site-header .top-nav-block li > a:focus,
.site-header .top-nav-block li.active > a,
.site-header .top-nav-block li.current > a,
.site-header .second-level li:hover > a,
.site-header .second-level li > a:focus { background:#f07930!important; color:#fff!important; }
.site-header .top-nav-block .second-level { background:#fff3ea!important; border:0; }
.site-header .search-block { float:none; position:static; width:48px; height:auto; margin:8px 0; }
.site-header .search-button {
 display:flex; align-items:center; justify-content:center; width:48px; height:48px;
 border:0; border-radius:8px; background:#fff3ea; cursor:pointer;
}
.site-header .search-button:hover, .site-header .search-button:focus { background:#f07930; }
.site-header .container-search {
 display:none; position:absolute; top:100%; left:0; right:0; width:100%; height:auto;
 transform:none; opacity:1; z-index:100; background:#f07930; padding:12px 0; box-sizing:border-box;
}
.site-header .container-search.opened { display:block; height:auto; }
.site-header .container-search .content { border:0!important; padding:0 16px!important; background:transparent!important; }
.site-header .search-form-block { display:flex; align-items:center; gap:12px; background:#fff3ea; padding:12px; border-radius:8px; }
.site-header .search-form-block > .icon-search-white { display:none; }
.site-header .search-form-block > .ov-h { flex:1; min-width:0; }
.site-header .search-input { width:100%; box-sizing:border-box; color:#34211b; background:#fff; padding:10px; border:1px solid #f07930; }
.site-header .search-close-button { position:static; flex:0 0 32px; }
.site-header .search-suggestions { color:#34211b; background:#fff3ea; }
.site-header .mobile-menu-controls .hamburger,
.otstup > .hamburgerrazdel {
 width:100%!important; box-sizing:border-box; border:0; border-radius:12px;
 background:#f07930; color:#fff; min-height:48px; font-size:16px;
}
.otstup { box-sizing:border-box; }
.otstup > .hamburgerrazdel { position:static!important; margin:12px 0!important; padding:12px 18px!important; }
.mobile-menu-controls .icon-hamburger,
.mobile-menu-controls .icon-hamburger:before,
.mobile-menu-controls .icon-hamburger:after { background:#fff; }
.mobile-nav-wrapper, .mobile-navrazdel-wrapper { background:#f07930; }
.mobile-nav, .mobile-navrazdel { background:#fff3ea; }
.mobile-nav .second-level, .mobile-navrazdel li > ul { background:#fff9f4!important; }
.mobile-nav li:hover > a, .mobile-nav li.active > a, .mobile-nav li > a:focus,
.mobile-navrazdel li:hover > a, .mobile-navrazdel li.active > a, .mobile-navrazdel li > a:focus {
 background:#f07930!important; color:#fff!important;
}
.mobile-nav-close { border:0; background:#fff3ea; color:#34211b; }
@media (max-width:650px) {
 .site-header .logo-block { flex-direction:column; align-items:center; gap:12px; width:100%; max-width:100%!important; }
 .site-header .logo-block > a { width:100%; max-width:100%; box-sizing:border-box; text-align:center; }
 .site-header .logo-block > a.logo { flex:none; width:90px; padding:0; }
 .site-header .logo-block a.logo img { max-height:90px!important; height:auto; }
 .site-header .logo-block span.h1 { width:100%!important; text-align:center; white-space:normal; overflow-wrap:anywhere; }
 .site-header .logo-block span.h1 p { margin:0; text-align:center!important; }
}
.site-header .search-form-block { height:auto; overflow:visible; }
.site-header .search-input { height:auto; margin:0; }
.site-header .container-search.opened { top:100%; left:0; right:0; }
.site-header .search-close-button .icon { margin:8px; }
.site-header .container-top-navigation > .content > .col:before,
.site-header .container-top-navigation > .content > .col:after { display:none; }
.site-header .top-nav-block { min-width:0; }
.site-header .search-block, .site-header .search-button {
 box-sizing:border-box; padding:0!important; float:none!important; transform:none!important;
}
.site-header .search-button { margin:0!important; }
.site-header .search-block { margin:8px 0!important; }

/* Prevent legacy header .content rules from painting the mobile controls. */
.site-header .mobile-menu-controls.content {
 background:none!important; background-image:none!important; border:0!important;
 padding:0!important; height:auto!important; min-height:0!important;
}
.site-header .mobile-menu-controls.content:before,
.site-header .mobile-menu-controls.content:after { display:none; }
@media (min-width:768px) { .otstup > .hamburgerrazdel { display:none!important; } }
@media (max-width:767px) {
 .otstup > .hamburgerrazdel { display:block!important; }
 .sidebar-navrazdel { display:none!important; }
}
.site-header .want-to-chuck-wrapper > a.want-to-chuck {
 transition:background-color .2s ease, color .2s ease, border-color .2s ease;
}
.site-header .want-to-chuck-wrapper > a.want-to-chuck.wtclu:hover,
.site-header .want-to-chuck-wrapper > a.want-to-chuck.wtclu:focus-visible {
 background:#d9631e!important; color:#fff!important;
}
.site-header .want-to-chuck-wrapper > a.want-to-chuck.wtcld:hover,
.site-header .want-to-chuck-wrapper > a.want-to-chuck.wtcld:focus-visible {
 background:#009900!important; color:#fff!important;
}
.site-header .want-to-chuck-wrapper > a.want-to-chuck.blue:hover,
.site-header .want-to-chuck-wrapper > a.want-to-chuck.blue1:hover,
.site-header .want-to-chuck-wrapper > a.want-to-chuck.blue:focus-visible,
.site-header .want-to-chuck-wrapper > a.want-to-chuck.blue1:focus-visible {
 background:#fff0e5!important; border-color:#f07930!important; color:#34211b!important;
}
@media (prefers-reduced-motion:reduce) {
 .site-header .want-to-chuck-wrapper > a.want-to-chuck { transition:none; }
}

/* Half-screen mobile drawers with a shared backdrop. */
.chuc-menu-backdrop {
 position:fixed; inset:0; z-index:999; background:#0009; opacity:0; visibility:hidden;
 transition:opacity 300ms ease,visibility 300ms; cursor:pointer;
}
.chuc-menu-backdrop.active { opacity:1; visibility:visible; }
.mobile-nav-wrapper, .mobile-navrazdel-wrapper {
 display:block!important; position:fixed!important; top:0; bottom:0; width:50vw!important;
 height:100vh; height:100dvh; max-height:none!important; margin:0!important;
 padding:20px 12px; border-radius:0!important; background:#111!important; color:#fff;
 overflow-x:hidden; overflow-y:auto; z-index:1000; box-sizing:border-box;
 transition:transform 300ms ease,visibility 300ms; visibility:hidden; pointer-events:none;
}
.mobile-nav-wrapper:not(.active), .mobile-navrazdel-wrapper:not(.active) { display:block!important; }
.mobile-nav-wrapper { left:auto!important; right:0; transform:translateX(100%)!important; }
.mobile-navrazdel-wrapper { left:0!important; right:auto; transform:translateX(-100%)!important; }
.mobile-nav-wrapper.active, .mobile-navrazdel-wrapper.active {
 transform:translateX(0)!important; visibility:visible; pointer-events:auto;
}
.mobile-nav, .mobile-navrazdel { background:transparent!important; border-radius:0; padding:0; }
.mobile-nav li > a, .mobile-navrazdel li > a {
 color:#fff!important; background:transparent!important; font-size:15px; padding:12px 8px;
}
.mobile-nav li:hover > a, .mobile-nav li.active > a, .mobile-nav li > a:focus,
.mobile-navrazdel li:hover > a, .mobile-navrazdel li.active > a, .mobile-navrazdel li > a:focus {
 background:#292929!important; color:#fff!important;
}
.mobile-nav .second-level, .mobile-navrazdel li > ul {
 background:#292929!important; border:0; border-radius:0; margin:0; padding:0 0 0 8px;
 height:auto!important; max-height:none; min-height:0; box-sizing:border-box;
}
.mobile-nav .second-level .content, .mobile-nav .second-level .col { background:transparent!important; padding:0!important; }
.mobile-nav .second-level a:hover, .mobile-navrazdel li > ul a:hover { background:#3b3b3b!important; }
.mobile-nav-close { margin:0 0 16px; width:100%; background:#292929; color:#fff; border:0; padding:12px 6px; font-size:14px; }
@media(prefers-reduced-motion:reduce) {
 .mobile-nav-wrapper, .mobile-navrazdel-wrapper, .chuc-menu-backdrop { transition:none; }
}

/* Drawers are direct body children, above the shared backdrop. */
body > .chuc-menu-backdrop { z-index:10000; }
body > .mobile-nav-wrapper, body > .mobile-navrazdel-wrapper { z-index:10001; }

/* Override legacy !important offsets and enforce viewport geometry for both drawers. */
body > .chuc-menu-drawer {
 position:fixed!important; top:0!important; bottom:0!important;
 width:50vw!important; min-width:0!important; max-width:50vw!important;
 height:100vh!important; height:100dvh!important; min-height:0!important; max-height:none!important;
 margin:0!important; padding:20px 12px!important; border-radius:0!important;
 box-sizing:border-box!important; z-index:10001!important; overflow-y:auto!important;
}
body > .chuc-menu-drawer.mobile-nav-wrapper { left:auto!important; right:0!important; }
body > .chuc-menu-drawer.mobile-navrazdel-wrapper { left:0!important; right:auto!important; }
body > .chuc-menu-drawer.active { transform:translateX(0)!important; }
body > .chuc-menu-drawer .mobile-nav,
body > .chuc-menu-drawer .mobile-navrazdel { height:auto!important; max-height:none!important; width:100%!important; }
