/* DT210_SAFE_NAVBAR_DARK_MONOLITH */
:root{
  --p-bg:rgba(255,255,255,.10);
  --p-surface:rgba(255,255,255,.92);
  --p-border:rgba(0,0,0,.08);
  --p-text:#101214;
  --p-text-muted:rgba(16,18,20,.62);
  --p-accent:#E52629;
  --p-accent-hover:#ff3336;
  --p-font:'Instrument Sans', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --p-ease:cubic-bezier(.16,1,.3,1);
}

.p-header *{box-sizing:border-box}
.p-header ul{list-style:none;margin:0;padding:0}
.p-header a{text-decoration:none;color:inherit}

.p-header{
  position:fixed;
  top:0;left:0;right:0;
  height:80px;
  background:var(--p-bg);
  backdrop-filter:blur(12px) saturate(120%);
  -webkit-backdrop-filter:blur(12px) saturate(120%);
  border-bottom:1px solid var(--p-border);
  z-index:1000;
  transition:background .35s var(--p-ease), box-shadow .35s var(--p-ease), height .35s var(--p-ease);
}
.p-header.is-scrolled{
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(12px) saturate(120%);
  -webkit-backdrop-filter:blur(12px) saturate(120%);
  box-shadow:0 10px 40px rgba(0,0,0,.12);
  height:72px;
}

body{ padding-top:80px; }
@media (prefers-reduced-motion:reduce){
  .p-header{transition:none}
}

.p-container{
  max-width:1440px;
  margin:0 auto;
  padding:0 28px;
  height:100%;
}

/* Fallback if pages use .container instead of .p-container */
.p-header .container{
  max-width:1440px;
  margin:0 auto;
  padding:0 28px;
  height:100%;
}
.p-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:100%;
  gap:18px;
}

/* Logo (icon only) */
.p-logo{
  display:flex;align-items:center;gap:0;
  border-radius:14px;
  padding:6px 10px;
  transition:background .2s ease;
  order:0;
}
.p-logo:hover{ background:rgba(0,0,0,.03); }
.p-logo img{
  display:block;
  height:36px;
  width:auto;
  max-width:none;
  filter:none !important;
  opacity:1 !important;
  border-radius:10px;
}
.p-header.is-scrolled .p-logo img{ height:36px; }

/* Desktop menu */
.p-menu-desktop{display:none !important;}

.p-menu-list{
  display:flex;
  align-items:center;
  gap:22px;
  height:100%;
}
.p-link{
  font-family:var(--p-font);
  font-size:13px;
  font-weight:600;
  color:var(--p-text-muted);
  text-transform:uppercase;
  letter-spacing:.06em;
  padding:10px 0;
  position:relative;
  background:none;border:none;
  cursor:pointer;
  display:flex;align-items:center;gap:8px;
  transition-timing-function:cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-duration:400ms;
  transition-property:color;
}
.p-link:hover,
.p-link.is-active,
.p-dd-trigger[aria-expanded="true"]{ color:var(--p-text); }

.p-link::after{
  content:'';
  position:absolute;
  left:50%; bottom:-6px;
  width:0%;
  height:2px;
  background:var(--p-accent);
  border-radius:2px;
  transition-timing-function:cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-duration:400ms;
  transition-property:width, left;
}
.p-link:hover::after,
.p-link:focus-visible::after{
  width:100%;
  left:0%;
}

.p-has-dropdown{
  height:100%;
  display:flex;
  align-items:center;
  position:relative;
}
.p-has-dropdown::after{
  content:'';
  position:absolute;
  top:100%; left:-10px;
  width:calc(100% + 20px);
  height:22px;
  background:transparent;
  display:none;
}
.p-has-dropdown:hover::after{ display:block; }

.p-dropdown{
  position:absolute;
  top:calc(100% + 12px);
  left:50%;
  transform:translateX(-50%) translateY(10px);
  width:min(760px, 92vw);
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.92));
  background-color:var(--p-surface);
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  padding:10px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .22s var(--p-ease), transform .22s var(--p-ease), visibility .22s var(--p-ease);
  box-shadow:0 26px 70px rgba(0,0,0,.18);
}
.p-has-dropdown:hover .p-dropdown{
  opacity:1; visibility:visible; pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}
.p-dropdown-inner{ padding:14px; }
.p-dd-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.p-dd-card{
  display:flex;
  gap:14px;
  padding:14px 14px;
  border-radius:12px;
  border:1px solid transparent;
  background:rgba(16,18,20,.03);
  transition:transform .14s ease, background .14s ease, border-color .14s ease;
}
.p-dd-card:hover{
  background:rgba(229,38,41,.05);
  border-color:rgba(229,38,41,.22);
  transform:translateY(-1px);
}
.p-dd-icon{
  font-size:22px;
  color:var(--p-accent);
  margin-top:2px;
}
.p-dd-title{
  font-family:var(--p-font);
  font-size:15px;
  font-weight:700;
  color:var(--p-text);
  margin-bottom:4px;
}
.p-dd-desc{
  font-size:13px;
  color:var(--p-text-muted);
  line-height:1.35;
}

/* Actions */
.p-actions{
  display:flex;
  align-items:center;
  gap:16px;
}
.p-action-link{
  display:none;
  align-items:center;
  gap:8px;
  color:var(--p-text);
  font-size:14px;
  font-weight:600;
  font-family:var(--p-font);
  opacity:.82;
  transition:opacity .18s ease, transform .18s ease;
}
.p-action-link:hover{ opacity:1; transform:translateY(-1px); }
@media (min-width:768px){ .p-action-link{ display:flex; } }

.p-btn-primary{
  background:var(--p-accent);
  color:var(--p-text);
  font-family:var(--p-font);
  font-weight:800;
  font-size:14px;
  padding:12px 20px;
  border-radius:12px;
  transition:transform .18s ease, background .18s ease, box-shadow .18s ease;
  display:none;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 26px rgba(229,38,41,.22);
}
@media (min-width:600px){ .p-btn-primary{ display:inline-flex; } }
.p-btn-primary:hover{
  background:var(--p-accent-hover);
  transform:translateY(-1px);
  box-shadow:0 14px 32px rgba(229,38,41,.28);
}

/* Burger / drawer trigger */
.p-burger{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:7px;
  width:52px;
  height:52px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  cursor:pointer;
  padding:10px;
  border-radius:14px;
  order:1;
  margin-right:auto;
  position:relative;
  overflow:hidden;
}
.p-burger:hover{ background:rgba(255,255,255,.12); }
.p-burger::after{
  content:"Меню";
  position:absolute;
  left:calc(100% + 12px);
  top:50%;
  transform:translateY(-50%);
  font-family:var(--p-font);
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(255,255,255,.84);
  white-space:nowrap;
}
@media (max-width:1099px){
  .p-burger::after{ display:none; }
}

.p-burger span{
  width:24px;
  height:2px;
  background:#fff;
  transition:transform .25s var(--p-ease), opacity .25s var(--p-ease);
}
body.menu-open .p-burger span:nth-child(1){ transform:rotate(45deg) translate(6px, 6px); }
body.menu-open .p-burger span:nth-child(2){ transform:rotate(-45deg) translate(6px,-6px); }

/* Left drawer */
.p-mobile-menu{
  position:fixed;
  top:0; left:0; bottom:0;
  width:min(430px, 92vw);
  background:linear-gradient(180deg, rgba(12,16,22,.98), rgba(9,12,18,.985));
  z-index:1003;
  transform:translateX(-100%);
  transition:transform .35s var(--p-ease);
  border-right:1px solid rgba(255,255,255,.08);
  padding-top:92px;
  box-shadow:20px 0 60px rgba(0,0,0,.34);
}
body.menu-open .p-mobile-menu{ transform:translateX(0); }
body.menu-open{ overflow:hidden; }
body.menu-open #p-header{ z-index:1004; }
body.menu-open::before{
  content:"";
  position:fixed;
  inset:0;
  background:rgba(4,7,12,.42);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  z-index:1002;
}

.p-mobile-inner{
  padding:0 24px 24px;
  height:100%;
  display:flex;
  flex-direction:column;
  gap:18px;
  overflow:auto;
}
.p-drawer-head{
  display:grid;
  gap:8px;
}
.p-drawer-kicker{
  font-family:"Bowler", var(--p-font);
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,255,255,.48);
}
.p-drawer-title{
  font-family:var(--p-font);
  font-size:30px;
  font-weight:800;
  line-height:1;
  color:#fff;
}
.p-drawer-copy{
  margin:0;
  font-size:14px;
  line-height:1.5;
  color:rgba(255,255,255,.66);
}
.p-mobile-nav{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.p-mobile-link{
  font-family:var(--p-font);
  font-size:16px;
  font-weight:700;
  color:rgba(255,255,255,.92);
  padding:15px 16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02));
  display:flex;
  justify-content:space-between;
  align-items:center;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  width:100%;
  text-align:left;
}
.p-mobile-sub{
  max-height:0;
  overflow:hidden;
  transition:max-height .32s var(--p-ease);
  padding-left:10px;
}
.p-mobile-sub a{
  display:block;
  font-size:14px;
  color:rgba(255,255,255,.78);
  padding:10px 0;
}
.p-mobile-group.is-open .p-mobile-sub{ max-height:900px; }
.p-mobile-group.is-open .ph-caret-down{ transform:rotate(180deg); }
.p-mobile-subsection{
  margin:12px 0 0;
  padding:14px 16px 6px;
  border-left:2px solid rgba(229,38,41,.7);
  background:rgba(255,255,255,.03);
  border-radius:0 14px 14px 0;
}
.p-mobile-subsection-title{
  margin:0 0 8px;
  font-family:"Bowler", var(--p-font);
  font-size:10px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:rgba(255,255,255,.48);
}
.p-mobile-subsection a + a{
  border-top:1px solid rgba(255,255,255,.05);
}
.p-drawer-actions{
  display:grid;
  gap:10px;
  margin-top:auto;
  padding-top:6px;
}
.p-drawer-action{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.1);
  color:rgba(255,255,255,.92);
  font-family:var(--p-font);
  font-size:14px;
  font-weight:700;
  background:rgba(255,255,255,.04);
}
.p-drawer-action--primary{
  background:var(--p-accent);
  color:#fff;
  border-color:transparent;
}

.p-mobile-footer{
  margin-top:0;
  padding-top:8px;
}
.p-btn-full{ width:100%; justify-content:center; display:flex; }

.p-site-search-trigger,
.p-city-switch,
.p-cabinet,
.theme-switch,
.p-btn-primary {
  order:3;
}

/* Final left-drawer override over global nav theme */
body#top #p-header.p-header .p-menu-desktop {
  display: none !important;
}

body#top #p-header.p-header .p-burger {
  all: unset !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: auto !important;
  min-width: 110px !important;
  height: 46px !important;
  padding: 0 16px 0 44px !important;
  margin: 0 0 0 10px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04)) !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  z-index: 1006 !important;
  flex: 0 0 auto !important;
  order: 1 !important;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
}

body#top #p-header.p-header .p-burger span {
  display: none !important;
}

body#top #p-header.p-header .p-burger::after {
  content: "Меню" !important;
  display: block !important;
  font-family: var(--p-font) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.92) !important;
}

body#top #p-header.p-header .p-burger::before {
  content: "" !important;
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  width: 16px !important;
  height: 2px !important;
  border-radius: 2px !important;
  background: rgba(255,255,255,.96) !important;
  transform: translateY(-50%) !important;
  box-shadow: 0 -6px 0 rgba(255,255,255,.96), 0 6px 0 rgba(255,255,255,.96) !important;
}

body#top.menu-open #p-header.p-header .p-burger::before {
  transform: translateY(-50%) rotate(45deg) !important;
  box-shadow: none !important;
}

body#top.menu-open #p-header.p-header .p-burger::after {
  content: "Закрыть" !important;
}

body#top #p-header.p-header .p-nav {
  position: relative !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  padding-right: 0 !important;
}

body#top #p-header.p-header .p-logo {
  margin-right: 6px !important;
  flex: 0 0 auto !important;
}

body#top #p-header.p-header .p-site-search-trigger,
body#top #p-header.p-header .p-city-switch,
body#top #p-header.p-header .theme-switch,
body#top #p-header.p-header .p-btn-primary,
body#top #p-header.p-header .p-cabinet {
  flex: 0 0 auto !important;
}

body#top #p-header.p-header .p-site-search-trigger {
  margin-left: auto !important;
}

body#top .p-mobile-menu {
  left: 0 !important;
  right: auto !important;
  top: 0 !important;
  bottom: 0 !important;
  width: min(430px, 92vw) !important;
  height: 100vh !important;
  max-height: none !important;
  transform: translateX(-100%) !important;
  translate: none !important;
  visibility: visible !important;
  pointer-events: auto !important;
  border-right: 1px solid rgba(255,255,255,.08) !important;
  border-left: none !important;
  background: linear-gradient(180deg, rgba(12,16,22,.98), rgba(9,12,18,.985)) !important;
  box-shadow: 20px 0 60px rgba(0,0,0,.34) !important;
  padding-top: 92px !important;
  z-index: 1005 !important;
  overflow: hidden !important;
  display: block !important;
}

body#top.menu-open .p-mobile-menu {
  transform: translateX(0) !important;
}

body#top.menu-open::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  background: rgba(4,7,12,.42) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  z-index: 1002 !important;
}

body#top .p-mobile-inner {
  padding: 0 24px 24px !important;
  gap: 18px !important;
  height: calc(100vh - 92px) !important;
  overflow: auto !important;
}

body#top .p-mobile-nav {
  gap: 10px !important;
}

body#top .p-mobile-link {
  min-height: 0 !important;
  padding: 15px 16px !important;
  font-size: 16px !important;
  color: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02)) !important;
}

body#top .p-mobile-sub {
  max-height: 0 !important;
}

body#top .p-mobile-group.is-open .p-mobile-sub {
  max-height: 900px !important;
}

body#top .p-mobile-sub a {
  min-height: 0 !important;
  padding: 10px 0 !important;
  font-size: 14px !important;
  color: rgba(255,255,255,.78) !important;
}

body#top .p-mobile-footer {
  display: none !important;
}

body#top .p-drawer-head {
  display: grid !important;
  gap: 8px !important;
}

body#top .p-drawer-kicker {
  font-family: "Bowler", var(--p-font) !important;
  font-size: 10px !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.46) !important;
}

body#top .p-drawer-title {
  font-family: var(--p-font) !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  color: #fff !important;
}

body#top .p-drawer-copy {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: rgba(255,255,255,.66) !important;
}

body#top .p-mobile-subsection {
  margin: 12px 0 0 !important;
  padding: 14px 16px 6px !important;
  border-left: 2px solid rgba(229,38,41,.76) !important;
  background: rgba(255,255,255,.03) !important;
  border-radius: 0 14px 14px 0 !important;
}

body#top .p-mobile-subsection-title {
  margin: 0 0 8px !important;
  font-family: "Bowler", var(--p-font) !important;
  font-size: 10px !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.46) !important;
}

body#top .p-drawer-actions {
  display: grid !important;
  gap: 10px !important;
  margin-top: auto !important;
}

body#top .p-drawer-action {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 0 16px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  color: rgba(255,255,255,.92) !important;
  font-family: var(--p-font) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  background: rgba(255,255,255,.04) !important;
}

body#top .p-drawer-action--primary {
  background: var(--p-accent) !important;
  color: #fff !important;
  border-color: transparent !important;
}

/* Final rebuilt navbar / drawer */
body#top #p-header.p-header .p-burger,
body#top #p-header.p-header .p-mobile-menu {
  display: none !important;
}

body#top #p-header.p-header .p-menu-desktop {
  display: none !important;
}

body#top #p-header.p-header .p-nav {
  justify-content: flex-start !important;
  gap: 14px !important;
  padding-right: 0 !important;
}

body#top #p-header.p-header .p-logo {
  flex: 0 0 auto !important;
  margin-right: 6px !important;
}

body#top #p-header.p-header .p-site-search-trigger {
  margin-left: auto !important;
}

body#top .etl-nav-launcher {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  height: 46px;
  padding: 0 16px 0 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.1);
  background: linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04));
  color: rgba(255,255,255,.92);
  font-family: var(--p-font);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform .2s ease, background-color .2s ease, border-color .2s ease;
}

body#top .etl-nav-launcher:hover {
  transform: translateY(-1px);
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.05));
  border-color: rgba(255,255,255,.16);
}

body#top .etl-nav-launcher__checkbox {
  display: none;
}

body#top .etl-nav-launcher__line {
  position: absolute;
  display: block;
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: rgba(255,255,255,.96);
  transition: .25s ease-in-out;
  transform-origin: left center;
  left: 14px;
}

body#top .etl-nav-launcher__line:nth-of-type(1) {
  top: 14px;
}

body#top .etl-nav-launcher__line:nth-of-type(2) {
  top: 22px;
}

body#top .etl-nav-launcher__line:nth-of-type(3) {
  top: 30px;
}

body#top .etl-nav-launcher__checkbox:checked ~ .etl-nav-launcher__line:nth-of-type(1) {
  transform: rotate(45deg);
  top: 14px;
  left: 18px;
}

body#top .etl-nav-launcher__checkbox:checked ~ .etl-nav-launcher__line:nth-of-type(2) {
  width: 0;
  opacity: 0;
}

body#top .etl-nav-launcher__checkbox:checked ~ .etl-nav-launcher__line:nth-of-type(3) {
  transform: rotate(-45deg);
  top: 27px;
  left: 18px;
}

body#top .etl-nav-drawer {
  position: fixed;
  inset: 0;
  z-index: 1008;
  pointer-events: none;
  opacity: 0;
  transition: opacity .24s ease;
}

body#top.etl-nav-open .etl-nav-drawer {
  opacity: 1;
  pointer-events: auto;
}

body#top .etl-nav-drawer__glass {
  position: absolute;
  inset: 0;
  background: rgba(6, 10, 16, .42);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

body#top .etl-nav-drawer__inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: min(420px, 92vw);
  padding: 28px 26px 26px;
  background:
    linear-gradient(180deg, rgba(10,15,24,.88), rgba(7,11,18,.95)),
    linear-gradient(90deg, rgba(255,255,255,.02), rgba(255,255,255,0));
  border-right: 1px solid rgba(255,255,255,.08);
  box-shadow: 24px 0 64px rgba(0,0,0,.38);
  transform: translateX(-104%);
  transition: transform .34s cubic-bezier(.16,1,.3,1);
  display: flex;
  flex-direction: column;
  gap: 18px;
  overflow: auto;
}

body#top .etl-nav-drawer__inner::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0) 18%),
    repeating-linear-gradient(180deg, rgba(255,255,255,.015) 0 1px, transparent 1px 20px);
  pointer-events: none;
}

body#top.etl-nav-open .etl-nav-drawer__inner {
  transform: translateX(0);
}

body#top .etl-nav-drawer__head,
body#top .etl-nav-drawer__copy,
body#top .etl-nav-drawer__nav,
body#top .etl-nav-drawer__actions {
  position: relative;
  z-index: 1;
}

body#top .etl-nav-drawer__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

body#top .etl-nav-drawer__kicker {
  font-family: "Bowler", var(--p-font);
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255,255,255,.44);
}

body#top .etl-nav-drawer__title {
  margin-top: 10px;
  font-family: var(--p-font);
  font-size: 32px;
  font-weight: 800;
  line-height: .98;
  color: rgba(255,255,255,.98);
}

body#top .etl-nav-drawer__copy {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: rgba(255,255,255,.66);
}

body#top .etl-nav-drawer__close {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  position: relative;
  cursor: pointer;
}

body#top .etl-nav-drawer__close::before,
body#top .etl-nav-drawer__close::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 2px;
  background: rgba(255,255,255,.94);
  border-radius: 2px;
}

body#top .etl-nav-drawer__close::before { transform: translate(-50%, -50%) rotate(45deg); }
body#top .etl-nav-drawer__close::after { transform: translate(-50%, -50%) rotate(-45deg); }

body#top .etl-nav-drawer__nav {
  display: grid;
  gap: 10px;
}

body#top .etl-nav-drawer__link,
body#top .etl-nav-drawer__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 54px;
  padding: 0 18px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02));
  color: rgba(255,255,255,.94);
  font-family: var(--p-font);
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, background-color .18s ease;
}

body#top .etl-nav-drawer__link:hover,
body#top .etl-nav-drawer__trigger:hover {
  transform: translateX(2px);
  border-color: rgba(255,255,255,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.028));
}

body#top .etl-nav-drawer__link[aria-current="page"] {
  border-color: rgba(229,38,41,.34);
}

body#top .etl-nav-drawer__link[aria-current="page"]::before {
  content: "";
  position: absolute;
  width: 36px;
  height: 2px;
  left: 18px;
  bottom: 10px;
  background: var(--p-accent);
  border-radius: 2px;
}

body#top .etl-nav-drawer__group {
  display: grid;
  gap: 10px;
}

body#top .etl-nav-drawer__panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height .28s cubic-bezier(.16,1,.3,1);
  display: grid;
  gap: 10px;
}

body#top .etl-nav-drawer__group.is-open .etl-nav-drawer__panel {
  max-height: 1200px;
}

body#top .etl-nav-drawer__group.is-open .ph-caret-down {
  transform: rotate(180deg);
}

body#top .etl-nav-drawer__block {
  padding: 14px 16px 8px;
  border-left: 2px solid rgba(229,38,41,.76);
  border-radius: 0 16px 16px 0;
  background: rgba(255,255,255,.03);
}

body#top .etl-nav-drawer__block-title {
  margin: 0 0 8px;
  font-family: "Bowler", var(--p-font);
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255,255,255,.46);
}

body#top .etl-nav-drawer__sublink {
  display: block;
  padding: 10px 0;
  color: rgba(255,255,255,.82);
  font-size: 14px;
  text-decoration: none;
}

body#top .etl-nav-drawer__sublink + .etl-nav-drawer__sublink {
  border-top: 1px solid rgba(255,255,255,.05);
}

body#top .etl-nav-drawer__actions {
  margin-top: auto;
  display: grid;
  gap: 10px;
}

body#top .etl-nav-drawer__action {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 16px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.94);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

body#top .etl-nav-drawer__action--primary {
  background: var(--p-accent);
  border-color: transparent;
  color: #fff;
}

@media (max-width: 768px) {
  body#top .etl-nav-launcher__text {
    display: none;
  }

  body#top .etl-nav-launcher {
    width: 46px;
    padding: 0;
    justify-content: center;
  }

  body#top .etl-nav-launcher__line:nth-of-type(1),
  body#top .etl-nav-launcher__line:nth-of-type(2),
  body#top .etl-nav-launcher__line:nth-of-type(3) {
    left: 14px;
  }

  body#top .etl-nav-drawer__inner {
    width: min(390px, 94vw);
    padding: 24px 20px 22px;
  }
}

/* DT211_SAFE_DROPDOWN_ACTIVE_READABLE
   Premium dropdown refinement for "Dark Monolith" navbar
*/

:root{
  --p-dd-bg: #14181f;
  --p-dd-bg2:#0f1318;
  --p-dd-border: rgba(255,255,255,.10);
  --p-dd-text: rgba(255,255,255,.92);
  --p-dd-muted: rgba(255,255,255,.66);
  --p-dd-soft: rgba(255,255,255,.05);
  --p-dd-soft2: rgba(255,255,255,.08);
  --p-dd-shadow: 0 28px 70px rgba(0,0,0,.55);
  --p-dd-glow: 0 0 0 1px rgba(229,38,41,.22), 0 16px 40px rgba(0,0,0,.35);
}

/* Make header text more readable on dark */
.p-header,
.p-header .p-link,
.p-header .p-action-link,
.p-header .p-btn-primary{
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

/* Active + current section indicator (desktop) */
.p-link.is-active,
.p-link[aria-current="page"]{
  color: rgba(255,255,255,.98) !important;
}
.p-link.is-active::after,
.p-link[aria-current="page"]::after{
  width: 100% !important;
  left: 0 !important;
  opacity: 1 !important;
}

/* If services dropdown is open, keep trigger highlighted */
.p-has-dropdown.is-open > .p-dd-trigger{
  color: rgba(255,255,255,.98) !important;
}

/* Final rebuilt light glass navbar / sidebar */
body#top #p-header.p-header .p-burger,
body#top #p-header.p-header .p-mobile-menu,
body#top #p-header.p-header .p-menu-desktop {
  display: none !important;
}

body#top #p-header.p-header {
  background: rgba(255, 255, 255, .72) !important;
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  border-bottom: 1px solid rgba(15, 23, 42, .08) !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, .06);
}

body#top #p-header.p-header .p-nav {
  justify-content: flex-start !important;
  gap: 14px !important;
}

body#top #p-header.p-header .p-logo {
  flex: 0 0 auto !important;
  padding-left: 0 !important;
  margin-right: 8px !important;
}

body#top #p-header.p-header .p-site-search-trigger {
  margin-left: auto !important;
}

body#top .etl-nav-launcher {
  position: relative;
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 14px;
  border: 1px solid rgba(15, 23, 42, .1);
  background:
    linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.48)),
    linear-gradient(135deg, rgba(229,38,41,.06), rgba(15,23,42,.02));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    0 10px 24px rgba(15,23,42,.08);
  cursor: pointer;
  transition: transform .24s cubic-bezier(.16,1,.3,1),
    border-color .24s ease,
    background-color .24s ease,
    box-shadow .24s ease;
}

body#top .etl-nav-launcher:hover {
  transform: translateY(-1px);
  border-color: rgba(229,38,41,.18);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.8),
    0 14px 28px rgba(15,23,42,.1);
}

body#top .etl-nav-launcher__checkbox {
  display: none;
}

body#top .etl-nav-launcher__line {
  position: absolute;
  display: block;
  width: 20px;
  height: 2px;
  background: rgba(16, 18, 20, .92);
  border-radius: 999px;
  left: 12px;
  transform-origin: left center;
  transition: .28s cubic-bezier(.16,1,.3,1);
}

body#top .etl-nav-launcher__line:nth-of-type(1) { top: 14px; }
body#top .etl-nav-launcher__line:nth-of-type(2) { top: 21px; }
body#top .etl-nav-launcher__line:nth-of-type(3) { top: 28px; }

body#top .etl-nav-launcher__checkbox:checked ~ .etl-nav-launcher__line:nth-of-type(1) {
  transform: rotate(45deg);
  top: 14px;
  left: 16px;
}

body#top .etl-nav-launcher__checkbox:checked ~ .etl-nav-launcher__line:nth-of-type(2) {
  opacity: 0;
  width: 0;
}

body#top .etl-nav-launcher__checkbox:checked ~ .etl-nav-launcher__line:nth-of-type(3) {
  transform: rotate(-45deg);
  top: 28px;
  left: 16px;
}

body#top .etl-nav-drawer {
  position: fixed;
  inset: 0;
  z-index: 1008;
  pointer-events: none;
  opacity: 0;
  transition: opacity .28s cubic-bezier(.16,1,.3,1);
}

body#top.etl-nav-open .etl-nav-drawer {
  opacity: 1;
  pointer-events: auto;
}

body#top .etl-nav-drawer__glass {
  position: absolute;
  inset: 0;
  background: rgba(8, 12, 18, .22);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

body#top .etl-nav-drawer__inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: min(360px, 92vw);
  padding: 24px 18px 18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.72)),
    linear-gradient(135deg, rgba(229,38,41,.04), rgba(15,23,42,.03));
  border-right: 1px solid rgba(15, 23, 42, .08);
  box-shadow: 22px 0 60px rgba(15, 23, 42, .14);
  backdrop-filter: blur(28px) saturate(145%);
  -webkit-backdrop-filter: blur(28px) saturate(145%);
  transform: translateX(-104%);
  transition: transform .34s cubic-bezier(.16,1,.3,1);
  display: flex;
  flex-direction: column;
  gap: 14px;
  overflow: auto;
}

body#top .etl-nav-drawer__inner::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.4), rgba(255,255,255,0) 16%),
    repeating-linear-gradient(180deg, rgba(15,23,42,.024) 0 1px, transparent 1px 22px);
  pointer-events: none;
}

body#top.etl-nav-open .etl-nav-drawer__inner {
  transform: translateX(0);
}

body#top .etl-nav-drawer__head,
body#top .etl-nav-drawer__nav,
body#top .etl-nav-drawer__actions {
  position: relative;
  z-index: 1;
}

body#top .etl-nav-drawer__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 2px 14px;
  border-bottom: 1px solid rgba(15,23,42,.08);
}

body#top .etl-nav-drawer__head-copy {
  display: grid;
  gap: 6px;
}

body#top .etl-nav-drawer__kicker {
  font-family: "Bowler", var(--p-font);
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(16,18,20,.42);
}

body#top .etl-nav-drawer__title {
  font-family: var(--p-font);
  font-size: 28px;
  line-height: 1;
  font-weight: 800;
  color: rgba(16,18,20,.96);
}

body#top .etl-nav-drawer__close {
  position: relative;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 12px;
  background: rgba(255,255,255,.54);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
  cursor: pointer;
}

body#top .etl-nav-drawer__close::before,
body#top .etl-nav-drawer__close::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 2px;
  background: rgba(16,18,20,.9);
  border-radius: 999px;
}

body#top .etl-nav-drawer__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

body#top .etl-nav-drawer__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

body#top .etl-nav-drawer__nav {
  display: grid;
  gap: 10px;
}

body#top .etl-nav-drawer__link,
body#top .etl-nav-drawer__trigger {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 52px;
  padding: 0 16px;
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.68), rgba(255,255,255,.4));
  color: rgba(16,18,20,.96);
  font-family: var(--p-font);
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    0 8px 20px rgba(15,23,42,.04);
  transition: transform .2s cubic-bezier(.16,1,.3,1),
    border-color .2s ease,
    background-color .2s ease,
    box-shadow .2s ease;
}

body#top .etl-nav-drawer__link:hover,
body#top .etl-nav-drawer__trigger:hover {
  transform: translateX(2px);
  border-color: rgba(229,38,41,.16);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    0 12px 24px rgba(15,23,42,.07);
}

body#top .etl-nav-drawer__link[aria-current="page"],
body#top .etl-nav-drawer__sublink[aria-current="page"] {
  border-color: rgba(229,38,41,.22);
}

body#top .etl-nav-drawer__link[aria-current="page"]::before {
  content: "";
  position: absolute;
  left: 16px;
  bottom: 10px;
  width: 28px;
  height: 2px;
  border-radius: 999px;
  background: var(--p-accent);
}

body#top .etl-nav-drawer__group {
  display: grid;
  gap: 10px;
}

body#top .etl-nav-drawer__trigger .ph-caret-down {
  color: rgba(16,18,20,.46);
  transition: transform .24s cubic-bezier(.16,1,.3,1);
}

body#top .etl-nav-drawer__panel {
  max-height: 0;
  overflow: hidden;
  display: grid;
  gap: 10px;
  transition: max-height .3s cubic-bezier(.16,1,.3,1);
}

body#top .etl-nav-drawer__group.is-open .etl-nav-drawer__panel {
  max-height: 1200px;
}

body#top .etl-nav-drawer__group.is-open .etl-nav-drawer__trigger .ph-caret-down {
  transform: rotate(180deg);
}

body#top .etl-nav-drawer__block {
  padding: 12px 14px 8px;
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,.06);
  background:
    linear-gradient(180deg, rgba(255,255,255,.56), rgba(255,255,255,.34));
}

body#top .etl-nav-drawer__block-title {
  margin: 0 0 6px;
  padding-left: 12px;
  border-left: 2px solid rgba(229,38,41,.8);
  font-family: "Bowler", var(--p-font);
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(16,18,20,.42);
}

body#top .etl-nav-drawer__sublink {
  display: block;
  padding: 10px 12px;
  margin-top: 4px;
  border-radius: 12px;
  color: rgba(16,18,20,.84);
  font-size: 14px;
  line-height: 1.35;
  text-decoration: none;
  transition: background-color .18s ease, color .18s ease, transform .18s ease;
}

body#top .etl-nav-drawer__sublink:hover {
  background: rgba(229,38,41,.05);
  color: rgba(16,18,20,.96);
  transform: translateX(2px);
}

body#top .etl-nav-drawer__actions {
  margin-top: auto;
  display: grid;
  gap: 10px;
  padding-top: 8px;
}

body#top .etl-nav-drawer__action {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 16px;
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,.08);
  background: rgba(255,255,255,.48);
  color: rgba(16,18,20,.94);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}

body#top .etl-nav-drawer__action--primary {
  background: linear-gradient(180deg, #f03133, #e52629);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 12px 24px rgba(229,38,41,.18);
}

body#top.dark-mode #p-header.p-header {
  background: rgba(11, 15, 21, .76) !important;
  border-bottom-color: rgba(255,255,255,.08) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.24);
}

body#top.dark-mode .etl-nav-launcher {
  border-color: rgba(255,255,255,.1);
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.04)),
    linear-gradient(135deg, rgba(229,38,41,.08), rgba(255,255,255,.02));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 12px 24px rgba(0,0,0,.22);
}

body#top.dark-mode .etl-nav-launcher__line,
body#top.dark-mode .etl-nav-drawer__close::before,
body#top.dark-mode .etl-nav-drawer__close::after {
  background: rgba(255,255,255,.94);
}

body#top.dark-mode .etl-nav-drawer__inner {
  background:
    linear-gradient(180deg, rgba(14,18,25,.82), rgba(10,14,20,.9)),
    linear-gradient(135deg, rgba(229,38,41,.05), rgba(255,255,255,.02));
  border-right-color: rgba(255,255,255,.08);
  box-shadow: 24px 0 60px rgba(0,0,0,.34);
}

body#top.dark-mode .etl-nav-drawer__kicker,
body#top.dark-mode .etl-nav-drawer__block-title {
  color: rgba(255,255,255,.46);
}

body#top.dark-mode .etl-nav-drawer__title,
body#top.dark-mode .etl-nav-drawer__link,
body#top.dark-mode .etl-nav-drawer__trigger,
body#top.dark-mode .etl-nav-drawer__sublink,
body#top.dark-mode .etl-nav-drawer__action {
  color: rgba(255,255,255,.94);
}

body#top.dark-mode .etl-nav-drawer__close,
body#top.dark-mode .etl-nav-drawer__link,
body#top.dark-mode .etl-nav-drawer__trigger,
body#top.dark-mode .etl-nav-drawer__block,
body#top.dark-mode .etl-nav-drawer__action {
  border-color: rgba(255,255,255,.08);
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
}

body#top.dark-mode .etl-nav-drawer__sublink:hover {
  background: rgba(229,38,41,.08);
  color: rgba(255,255,255,.98);
}

@media (max-width: 768px) {
  body#top .etl-nav-launcher {
    width: 42px;
    height: 42px;
  }

  body#top .etl-nav-drawer__inner {
    width: min(340px, 92vw);
    padding: 22px 16px 18px;
  }

  body#top .etl-nav-drawer__title {
    font-size: 24px;
  }
}

/* Final minimal sidebar override */
body#top.etl-nav-open {
  overflow: hidden;
}

body#top .etl-nav-drawer__inner {
  height: 100dvh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(15,23,42,.18) transparent;
}

body#top .etl-nav-drawer__inner::-webkit-scrollbar {
  width: 8px;
}

body#top .etl-nav-drawer__inner::-webkit-scrollbar-thumb {
  background: rgba(15,23,42,.16);
  border-radius: 999px;
}

body#top .etl-nav-drawer__nav {
  gap: 0 !important;
}

body#top .etl-nav-drawer__link,
body#top .etl-nav-drawer__trigger {
  min-height: 48px !important;
  padding: 0 6px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(15,23,42,.08) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 650 !important;
}

body#top .etl-nav-drawer__link:hover,
body#top .etl-nav-drawer__trigger:hover {
  transform: none !important;
  background: rgba(15,23,42,.03) !important;
  border-color: rgba(15,23,42,.1) !important;
}

body#top .etl-nav-drawer__link[aria-current="page"]::before {
  left: 0 !important;
  bottom: -1px !important;
  width: 32px !important;
}

body#top .etl-nav-drawer__group {
  gap: 0 !important;
}

body#top .etl-nav-drawer__panel {
  padding: 6px 0 10px !important;
  gap: 8px !important;
}

body#top .etl-nav-drawer__block {
  padding: 6px 0 2px !important;
  border: 0 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body#top .etl-nav-drawer__block + .etl-nav-drawer__block {
  padding-top: 12px !important;
  border-top: 1px solid rgba(15,23,42,.06) !important;
}

body#top .etl-nav-drawer__block-title {
  margin: 0 0 6px !important;
  padding-left: 0 !important;
  border-left: 0 !important;
  color: rgba(16,18,20,.42) !important;
}

body#top .etl-nav-drawer__sublink {
  padding: 10px 0 !important;
  margin-top: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body#top .etl-nav-drawer__sublink + .etl-nav-drawer__sublink {
  border-top: 1px solid rgba(15,23,42,.05) !important;
}

body#top .etl-nav-drawer__sublink:hover {
  background: transparent !important;
}

body#top .etl-nav-drawer__actions {
  padding-top: 14px !important;
}

body#top .etl-nav-drawer__action {
  min-height: 48px !important;
  border-radius: 14px !important;
}

body#top.dark-mode .etl-nav-drawer__link,
body#top.dark-mode .etl-nav-drawer__trigger {
  border-bottom-color: rgba(255,255,255,.09) !important;
  background: transparent !important;
}

body#top.dark-mode .etl-nav-drawer__link:hover,
body#top.dark-mode .etl-nav-drawer__trigger:hover {
  background: rgba(255,255,255,.04) !important;
}

body#top.dark-mode .etl-nav-drawer__block + .etl-nav-drawer__block {
  border-top-color: rgba(255,255,255,.08) !important;
}

body#top.dark-mode .etl-nav-drawer__sublink + .etl-nav-drawer__sublink {
  border-top-color: rgba(255,255,255,.06) !important;
}

/* Sidebar menu pattern */
body#top .etl-nav-drawer__nav {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
}

body#top .etl-nav-drawer__section {
  display: flex;
  flex-direction: column;
}

body#top .etl-nav-drawer__section--primary {
  border-top: 1px solid rgba(15,23,42,.08);
}

body#top .etl-nav-drawer__section--catalog {
  padding-top: 4px;
}

body#top .etl-nav-drawer__link,
body#top .etl-nav-drawer__trigger {
  min-height: 56px !important;
  padding: 0 4px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(15,23,42,.08) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body#top .etl-nav-drawer__link-main,
body#top .etl-nav-drawer__trigger-main {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

body#top .etl-nav-drawer__link-main .ph,
body#top .etl-nav-drawer__trigger-main .ph,
body#top .etl-nav-drawer__link > .ph:first-child,
body#top .etl-nav-drawer__trigger > .ph:first-child {
  font-size: 18px;
  color: rgba(16,18,20,.58);
}

body#top .etl-nav-drawer__link-arrow {
  font-size: 16px;
  color: rgba(16,18,20,.38);
}

body#top .etl-nav-drawer__link:hover,
body#top .etl-nav-drawer__trigger:hover {
  background: transparent !important;
  border-color: rgba(15,23,42,.12) !important;
  transform: none !important;
}

body#top .etl-nav-drawer__group {
  border-bottom: 1px solid rgba(15,23,42,.08);
}

body#top .etl-nav-drawer__group:first-child {
  border-top: 1px solid rgba(15,23,42,.08);
}

body#top .etl-nav-drawer__trigger {
  font-size: 15px !important;
  font-weight: 700 !important;
}

body#top .etl-nav-drawer__panel {
  padding: 0 0 10px !important;
}

body#top .etl-nav-drawer__block {
  padding: 10px 0 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body#top .etl-nav-drawer__block + .etl-nav-drawer__block {
  margin-top: 6px;
  padding-top: 12px !important;
  border-top: 1px solid rgba(15,23,42,.05) !important;
}

body#top .etl-nav-drawer__block-title {
  margin: 0 0 6px !important;
  padding: 0 0 0 30px !important;
  border: 0 !important;
  color: rgba(16,18,20,.38) !important;
  font-size: 10px !important;
}

body#top .etl-nav-drawer__sublink {
  padding: 9px 0 9px 30px !important;
  border-radius: 0 !important;
  font-size: 14px !important;
  color: rgba(16,18,20,.78) !important;
}

body#top .etl-nav-drawer__sublink:hover {
  background: transparent !important;
  color: rgba(16,18,20,.98) !important;
  transform: none !important;
}

body#top .etl-nav-drawer__actions {
  border-top: 1px solid rgba(15,23,42,.08);
  padding-top: 16px !important;
}

body#top.dark-mode .etl-nav-drawer__section--primary,
body#top.dark-mode .etl-nav-drawer__group,
body#top.dark-mode .etl-nav-drawer__actions {
  border-color: rgba(255,255,255,.08) !important;
}

body#top.dark-mode .etl-nav-drawer__link,
body#top.dark-mode .etl-nav-drawer__trigger {
  border-bottom-color: rgba(255,255,255,.08) !important;
}

body#top.dark-mode .etl-nav-drawer__block + .etl-nav-drawer__block {
  border-top-color: rgba(255,255,255,.06) !important;
}

body#top.dark-mode .etl-nav-drawer__link-main .ph,
body#top.dark-mode .etl-nav-drawer__trigger-main .ph,
body#top.dark-mode .etl-nav-drawer__link-arrow {
  color: rgba(255,255,255,.52) !important;
}

body#top.dark-mode .etl-nav-drawer__block-title {
  color: rgba(255,255,255,.4) !important;
}

body#top.dark-mode .etl-nav-drawer__sublink {
  color: rgba(255,255,255,.78) !important;
}

body#top.dark-mode .etl-nav-drawer__sublink:hover {
  color: rgba(255,255,255,.98) !important;
}

/* Replace broken etl drawer with clean coding-style sidebar */
body#top .etl-nav-launcher,
body#top .etl-nav-drawer {
  display: none !important;
}

body#top.etl-sidebar-open {
  overflow: hidden;
}

body#top .etl-sidebar-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, .34);
  z-index: 1098;
  opacity: 0;
  pointer-events: none;
  transition: .35s ease;
}

body#top.etl-sidebar-open .etl-sidebar-overlay {
  opacity: 1;
  pointer-events: auto;
}

body#top .etl-sidebar-button {
  position: relative;
  width: 40px;
  height: 30px;
  background: transparent;
  cursor: pointer;
  display: block;
  flex: 0 0 auto;
}

body#top .etl-sidebar-button input {
  display: none;
}

body#top .etl-sidebar-button span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #11101d;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: .25s ease-in-out;
}

body#top .etl-sidebar-button span:nth-of-type(1) {
  top: 0;
  transform-origin: left center;
}

body#top .etl-sidebar-button span:nth-of-type(2) {
  top: 50%;
  transform: translateY(-50%);
  transform-origin: left center;
}

body#top .etl-sidebar-button span:nth-of-type(3) {
  top: 100%;
  transform-origin: left center;
  transform: translateY(-100%);
}

body#top.etl-sidebar-open .etl-sidebar-button span:nth-of-type(1) {
  transform: rotate(45deg);
  top: -1px;
  left: 5px;
}

body#top.etl-sidebar-open .etl-sidebar-button span:nth-of-type(2) {
  width: 0%;
  opacity: 0;
}

body#top.etl-sidebar-open .etl-sidebar-button span:nth-of-type(3) {
  transform: rotate(-45deg);
  top: 28px;
  left: 5px;
}

body#top .sidebar.etl-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 320px;
  background: #11101d;
  z-index: 1305;
  transition: all 0.5s ease;
  transform: translateX(0);
}

body#top .sidebar.etl-sidebar.close {
  transform: translateX(-100%);
}

body#top .sidebar.etl-sidebar .logo-details {
  height: 72px;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 18px;
  gap: 12px;
}

body#top .sidebar.etl-sidebar .etl-sidebar-logo {
  width: 36px;
  height: 36px;
  object-fit: contain;
  flex: 0 0 auto;
}

body#top .sidebar.etl-sidebar .logo-details .logo_name {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}

body#top .sidebar.etl-sidebar .nav-links {
  height: calc(100% - 72px);
  padding: 12px 0 110px 0;
  overflow: auto;
}

body#top .sidebar.etl-sidebar .nav-links::-webkit-scrollbar {
  display: none;
}

body#top .sidebar.etl-sidebar .nav-links li {
  position: relative;
  list-style: none;
  transition: all 0.4s ease;
}

body#top .sidebar.etl-sidebar .nav-links li:hover {
  background: #1d1b31;
}

body#top .sidebar.etl-sidebar .nav-links li .iocn-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

body#top .sidebar.etl-sidebar .nav-links li i {
  height: 50px;
  min-width: 62px;
  text-align: center;
  line-height: 50px;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
}

body#top .sidebar.etl-sidebar .nav-links li.showMenu i.arrow {
  transform: rotate(-180deg);
}

body#top .sidebar.etl-sidebar .nav-links li a {
  display: flex;
  align-items: center;
  text-decoration: none;
}

body#top .sidebar.etl-sidebar .nav-links li a .link_name {
  font-size: 17px;
  font-weight: 500;
  color: #fff;
  transition: all 0.4s ease;
}

body#top .sidebar.etl-sidebar .nav-links li .sub-menu {
  padding: 6px 6px 14px 62px;
  margin-top: -10px;
  background: #1d1b31;
  display: none;
}

body#top .sidebar.etl-sidebar .nav-links li.showMenu .sub-menu {
  display: block;
}

body#top .sidebar.etl-sidebar .nav-links li .sub-menu a {
  color: #fff;
  font-size: 15px;
  padding: 6px 0;
  white-space: nowrap;
  opacity: 0.7;
  transition: all 0.3s ease;
}

body#top .sidebar.etl-sidebar .nav-links li .sub-menu a:hover {
  opacity: 1;
}

body#top .sidebar.etl-sidebar .nav-links li .sub-menu .link_name {
  display: none;
}

body#top .sidebar.etl-sidebar .nav-links li .sub-menu.blank {
  display: none;
}

body#top .sidebar.etl-sidebar .etl-sidebar-actions {
  padding: 16px 18px 0;
  display: grid;
  gap: 10px;
}

body#top .sidebar.etl-sidebar .etl-sidebar-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
}

body#top .sidebar.etl-sidebar .etl-sidebar-btn--ghost {
  color: #fff;
  border: 1px solid rgba(255,255,255,.16);
  background: transparent;
}

body#top .sidebar.etl-sidebar .etl-sidebar-btn--primary {
  color: #fff;
  background: #E52629;
}

@media (max-width: 768px) {
  body#top .sidebar.etl-sidebar {
    width: min(320px, 92vw);
  }
}

/* Sidebar glass refinement */
body#top .etl-sidebar-overlay {
  z-index: 1300;
  background:
    linear-gradient(180deg, rgba(12,16,24,.18), rgba(12,16,24,.32)) !important;
  backdrop-filter: blur(8px) saturate(120%);
  -webkit-backdrop-filter: blur(8px) saturate(120%);
}

body#top .etl-sidebar-button {
  position: fixed !important;
  width: 40px;
  height: 30px;
  background: transparent;
  cursor: pointer;
  display: block;
}

body#top .etl-sidebar-button input {
  display: none;
}

body#top .etl-sidebar-button span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: rgba(16, 18, 20, .92);
  border-radius: 9px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: .25s ease-in-out;
}

body#top.dark-mode .etl-sidebar-button span {
  background: rgba(255,255,255,.94);
}

body#top .etl-sidebar-button span:nth-of-type(1) {
  top: 0;
  transform-origin: left center;
}

body#top .etl-sidebar-button span:nth-of-type(2) {
  top: 50%;
  transform: translateY(-50%);
  transform-origin: left center;
}

body#top .etl-sidebar-button span:nth-of-type(3) {
  top: 100%;
  transform-origin: left center;
  transform: translateY(-100%);
}

body#top.etl-sidebar-open .etl-sidebar-button span:nth-of-type(1) {
  transform: rotate(45deg);
  top: 0;
  left: 5px;
}

body#top.etl-sidebar-open .etl-sidebar-button span:nth-of-type(2) {
  width: 0%;
  opacity: 0;
}

body#top.etl-sidebar-open .etl-sidebar-button span:nth-of-type(3) {
  transform: rotate(-45deg);
  top: 28px;
  left: 5px;
}

body#top .sidebar.etl-sidebar {
  width: 340px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.50), rgba(255,255,255,.34)),
    linear-gradient(135deg, rgba(229,38,41,.02), rgba(15,23,42,.018));
  backdrop-filter: blur(34px) saturate(155%);
  -webkit-backdrop-filter: blur(34px) saturate(155%);
  border-right: 1px solid rgba(255,255,255,.22);
  box-shadow: 12px 0 30px rgba(15,23,42,.08);
}

body#top .sidebar.etl-sidebar::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0) 16%),
    repeating-linear-gradient(180deg, rgba(15,23,42,.012) 0 1px, transparent 1px 22px);
  pointer-events: none;
}

body#top #p-header.p-header {
  background: rgba(255, 255, 255, .44) !important;
  backdrop-filter: blur(22px) saturate(150%);
  -webkit-backdrop-filter: blur(22px) saturate(150%);
  border-bottom: 1px solid rgba(255,255,255,.42) !important;
  box-shadow: 0 8px 24px rgba(15,23,42,.05);
}

body#top #p-header.p-header,
body#top #p-header.p-header.is-scrolled {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body#top #p-header.p-header::before,
body#top #p-header.p-header::after {
  display: none !important;
}

body#top #p-header.p-header .p-container,
body#top #p-header.p-header .p-nav {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body#top #p-header.p-header .p-logo img {
  height: 42px !important;
  filter: drop-shadow(0 8px 18px rgba(15,23,42,.08));
}

body#top #p-header.p-header .p-logo {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body#top #p-header.p-header .p-logo:hover {
  background: transparent !important;
}

body#top #p-header.p-header .p-cabinet,
body#top #p-header.p-header .p-site-search-trigger,
body#top #p-header.p-header .p-city-switch,
body#top #p-header.p-header #theme-toggle {
  display: none !important;
}

body#top .sidebar.etl-sidebar .logo-details,
body#top .sidebar.etl-sidebar .etl-sidebar-logo,
body#top .sidebar.etl-sidebar .logo-details .logo_name {
  display: none !important;
}

body#top .sidebar.etl-sidebar .etl-sidebar-topgap {
  flex: 0 0 42px;
}

body#top .sidebar.etl-sidebar .etl-sidebar-bottom {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 12px;
  padding: 12px 18px 18px;
  margin-top: auto;
  background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.14) 18%, rgba(255,255,255,.18));
  border-top: 1px solid rgba(255,255,255,.18);
}

body#top .sidebar.etl-sidebar .etl-sidebar-tools {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  padding: 0;
  margin-top: 0;
  border-top: 0;
}

body#top .sidebar.etl-sidebar .etl-sidebar-tools[hidden]{
  display: none !important;
}

body#top .sidebar.etl-sidebar .etl-sidebar-tools{
  display: none !important;
}

body#top .sidebar.etl-sidebar .etl-sidebar-tools .p-city-switch,
body#top .sidebar.etl-sidebar .etl-sidebar-tools .theme-switch {
  display: flex !important;
  margin: 0 !important;
}

body#top .sidebar.etl-sidebar .etl-sidebar-tools .p-site-search-trigger {
  display: none !important;
}

body#top .sidebar.etl-sidebar .etl-sidebar-tools .p-city-switch {
  align-items: stretch;
}

body#top .sidebar.etl-sidebar .etl-sidebar-tools .p-city-switch__label {
  display: none !important;
}

body#top .sidebar.etl-sidebar .etl-sidebar-tools .p-city-switch__select {
  width: 100%;
  min-height: 40px;
  border-radius: 12px;
}

body#top .sidebar.etl-sidebar .etl-sidebar-tools .theme-switch {
  justify-self: start;
  order: 3;
}

body#top .sidebar.etl-sidebar .etl-sidebar-tools .p-city-switch {
  order: 1;
}

body#top .sidebar.etl-sidebar .nav-links {
  position: relative;
  z-index: 1;
  padding: 0 14px 0;
  flex: 1 1 auto;
}

body#top .sidebar.etl-sidebar .nav-links li {
  border-radius: 12px;
  overflow: visible;
}

body#top .sidebar.etl-sidebar .nav-links li + li {
  margin-top: 1px;
}

body#top .sidebar.etl-sidebar .nav-links li:hover {
  background: rgba(255,255,255,.12);
}

body#top .sidebar.etl-sidebar .nav-links li .iocn-link,
body#top .sidebar.etl-sidebar .nav-links li > a {
  min-height: 40px;
  padding-right: 6px;
}

body#top .sidebar.etl-sidebar .nav-links li .iocn-link {
  cursor: pointer;
}

body#top .sidebar.etl-sidebar .nav-links li i {
  min-width: 42px;
  height: 40px;
  line-height: 40px;
  color: rgba(16,18,20,.54);
  font-size: 16px;
}

body#top .sidebar.etl-sidebar .nav-links li i.arrow {
  min-width: 40px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 10px;
}

body#top .sidebar.etl-sidebar .nav-links li a .link_name {
  font-size: 14px;
  font-weight: 600;
  color: rgba(16,18,20,.92);
}

body#top .sidebar.etl-sidebar .nav-links li .sub-menu {
  padding: 0 12px 6px 42px;
  margin-top: 0;
  background: rgba(255,255,255,.08);
  overflow: visible;
}

body#top .sidebar.etl-sidebar .nav-links li .sub-menu a {
  color: rgba(16,18,20,.72);
  font-size: 12px;
  padding: 5px 0;
  opacity: 1;
}

body#top .sidebar.etl-sidebar .nav-links li .sub-menu a:hover {
  color: rgba(16,18,20,.98);
}

body#top .sidebar.etl-sidebar .etl-sidebar-actions {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 8px;
  padding: 0;
}

body#top .sidebar.etl-sidebar {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1100px) {
  html.etl-magnetic-cursor-on body#top .sidebar.etl-sidebar,
  html.etl-magnetic-cursor-on body#top .sidebar.etl-sidebar *,
  html.etl-magnetic-cursor-on body#top .sidebar.etl-sidebar *::before,
  html.etl-magnetic-cursor-on body#top .sidebar.etl-sidebar *::after,
  html.etl-magnetic-cursor-on body#top .etl-sidebar-button,
  html.etl-magnetic-cursor-on body#top .etl-sidebar-button * {
    cursor: none !important;
  }
}

body#top .sidebar.etl-sidebar .etl-sidebar-btn {
  min-height: 42px;
  border-radius: 12px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
  font-size: 14px;
}

body#top .sidebar.etl-sidebar .etl-sidebar-btn--ghost {
  color: rgba(16,18,20,.92);
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.12);
}

body#top .sidebar.etl-sidebar .etl-sidebar-btn--primary {
  color: #fff;
  background: linear-gradient(180deg, #f03133, #e52629);
  box-shadow: 0 12px 24px rgba(229,38,41,.18);
}

body#top.dark-mode .sidebar.etl-sidebar {
  background:
    linear-gradient(180deg, rgba(14,18,25,.62), rgba(10,14,20,.74)),
    linear-gradient(135deg, rgba(229,38,41,.035), rgba(255,255,255,.015));
  border-right-color: rgba(255,255,255,.10);
  box-shadow: 16px 0 36px rgba(0,0,0,.24);
}

body#top.dark-mode #p-header.p-header,
body#top.dark-mode #p-header.p-header.is-scrolled {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* Floating logo + burger without top navbar */
body#top {
  padding-top: 0 !important;
}

body#top #p-header.p-header,
body#top #p-header.p-header.is-scrolled {
  height: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  pointer-events: none;
}

body#top #p-header.p-header .p-container,
body#top #p-header.p-header .p-nav {
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  pointer-events: none;
}

body#top #p-header.p-header .p-logo,
body#top .etl-sidebar-button {
  pointer-events: auto !important;
}

body#top #p-header.p-header .p-logo {
  position: fixed !important;
  top: 20px !important;
  left: 34px !important;
  z-index: 1201 !important;
  display: flex !important;
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

body#top #p-header.p-header .p-logo img {
  height: 44px !important;
  width: auto !important;
  filter: drop-shadow(0 10px 22px rgba(15,23,42,.12));
}

body#top .etl-sidebar-button {
  position: fixed !important;
  top: 28px !important;
  left: 24px !important;
  z-index: 1202 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  touch-action: manipulation !important;
}

body#top.dark-mode #p-header.p-header .p-logo img {
  filter: drop-shadow(0 10px 22px rgba(0,0,0,.24));
}

@media (max-width: 768px) {
  body#top .etl-sidebar-button {
    top: 22px !important;
    left: 18px !important;
  }

  body#top #p-header.p-header .p-logo {
    top: 16px !important;
    left: 22px !important;
  }

    body#top #p-header.p-header .p-logo img {
      height: 38px !important;
    }
  }

/* Hard kill for residual top bar */
html body#top > header#p-header.p-header,
html body#top > header#p-header.p-header.is-scrolled {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  min-height: 0 !important;
  height: 0 !important;
  overflow: visible !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body#top > header#p-header.p-header::before,
html body#top > header#p-header.p-header::after {
  content: none !important;
  display: none !important;
}

html body#top > header#p-header.p-header .p-logo {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html body#top > header#p-header.p-header .p-logo img {
  display: none !important;
}

body#top .etl-floating-logo {
  position: fixed !important;
  top: 14px !important;
  left: 86px !important;
  z-index: 1201 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  text-decoration: none !important;
  transition: opacity .28s ease, transform .32s ease, filter .28s ease !important;
}

body#top .etl-floating-logo img,
body#top .etl-floating-logo svg {
  height: 52px !important;
  width: auto !important;
  max-width: none !important;
  display: block !important;
}

html[data-theme="dark"] body#top .etl-sidebar-button span,
body#top.dark-mode .etl-sidebar-button span {
  background: rgba(255,255,255,.96) !important;
}

@media (max-width: 768px) {
  body#top .etl-floating-logo {
    top: 12px !important;
    left: 60px !important;
  }

  body#top .etl-floating-logo img,
  body#top .etl-floating-logo svg {
    height: 42px !important;
  }
}

body#top.dark-mode #p-header.p-header {
  background: rgba(11, 15, 21, .42) !important;
  border-bottom-color: rgba(255,255,255,.12) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.18);
}

body#top.dark-mode .sidebar.etl-sidebar::before {
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0) 14%),
    repeating-linear-gradient(180deg, rgba(255,255,255,.012) 0 1px, transparent 1px 22px);
}

body#top.dark-mode .sidebar.etl-sidebar .etl-sidebar-bottom {
  background: linear-gradient(180deg, rgba(10,14,20,0), rgba(10,14,20,.18) 18%, rgba(10,14,20,.24));
  border-top-color: rgba(255,255,255,.08);
}

body#top.dark-mode .sidebar.etl-sidebar .logo-details .logo_name,
body#top.dark-mode .sidebar.etl-sidebar .nav-links li a .link_name,
body#top.dark-mode .sidebar.etl-sidebar .etl-sidebar-btn--ghost {
  color: rgba(255,255,255,.94);
}

body#top.dark-mode .sidebar.etl-sidebar .nav-links li:hover {
  background: rgba(255,255,255,.06);
}

body#top.dark-mode .sidebar.etl-sidebar .nav-links li i {
  color: rgba(255,255,255,.54);
}

body#top.dark-mode .sidebar.etl-sidebar .nav-links li .sub-menu {
  background: rgba(255,255,255,.04);
}

body#top.dark-mode .sidebar.etl-sidebar .nav-links li .sub-menu a {
  color: rgba(255,255,255,.74);
}

body#top.dark-mode .sidebar.etl-sidebar .nav-links li .sub-menu a:hover {
  color: rgba(255,255,255,.98);
}

body#top.dark-mode .sidebar.etl-sidebar .etl-sidebar-btn--ghost {
  border-color: rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}


/* Final navbar transparency / no top CTA */
body#top #p-header.p-header,
body#top #p-header.p-header.is-scrolled {
  background: rgba(255, 255, 255, .08) !important;
  backdrop-filter: blur(24px) saturate(155%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(155%) !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

body#top.dark-mode #p-header.p-header,
body#top.dark-mode #p-header.p-header.is-scrolled {
  background: rgba(10, 14, 20, .08) !important;
  backdrop-filter: blur(24px) saturate(155%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(155%) !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

body#top #p-header.p-header .p-btn-primary {
  display: none !important;
}

body#top #p-header.p-header .p-container,
body#top #p-header.p-header .p-nav {
  background: transparent !important;
  box-shadow: none !important;
}

/* Dropdown panel: richer surface, cleaner borders */
.p-dropdown{
  background: linear-gradient(180deg, var(--p-dd-bg) 0%, var(--p-dd-bg2) 100%) !important;
  border: 1px solid var(--p-dd-border) !important;
  border-radius: 16px !important;
  box-shadow: var(--p-dd-shadow) !important;
  overflow: hidden;
}

/* Add subtle top sheen */
.p-dropdown::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height: 72px;
  background: radial-gradient(1000px 120px at 50% 0%, rgba(255,255,255,.08), transparent 60%);
  pointer-events:none;
}

/* Inner padding a bit more generous */
.p-dropdown-inner{ padding: 18px !important; }

/* Cards: more "expensive" */
.p-dd-card{
  background: linear-gradient(180deg, rgba(255,255,255,.035) 0%, rgba(255,255,255,.018) 100%) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 14px !important;
  padding: 18px !important;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.p-dd-card:hover{
  transform: translateY(-1px);
  background: linear-gradient(180deg, rgba(255,255,255,.055) 0%, rgba(255,255,255,.028) 100%) !important;
  border-color: rgba(229,38,41,.30) !important;
  box-shadow: var(--p-dd-glow);
}

/* Icon + titles: higher contrast */
.p-dd-icon{
  color: var(--p-accent) !important;
  opacity: .95;
}
.p-dd-title{
  color: var(--p-dd-text) !important;
  letter-spacing: .01em;
}
.p-dd-desc{
  color: var(--p-dd-muted) !important;
}

/* Improve grid spacing a bit */
.p-dd-grid{ gap: 14px !important; }

/* Mobile: active highlight */
.p-mobile-link.is-active,
.p-mobile-link[aria-current="page"]{
  color: rgba(255,255,255,.98) !important;
}
.p-mobile-link.is-active{
  position: relative;
}
.p-mobile-link.is-active::after{
  content:"";
  position:absolute;
  left:0;
  bottom:8px;
  width: 44px;
  height: 2px;
  background: var(--p-accent);
  border-radius: 2px;
  opacity: .95;
}

/* DT223: MERGED nav_dark_monolith_hotfix.css */
/* DT212_SAFE_MENU_VISIBILITY_FIX
   Purpose: ensure non-active navbar links are visible on dark header.
*/
.p-header .p-link{
  color: rgba(255,255,255,.78) !important;
}
.p-header .p-link:hover{
  color: rgba(181, 0, 0, 0.96) !important;
}
.p-header .p-link.is-active,
.p-header .p-dd-trigger[aria-expanded="true"]{
  color: #e30707 !important;
}
.p-header .p-link::after{
  opacity: .9 !important;
}
.p-header .p-action-link{
  color: rgba(255,255,255,.82) !important;
}
.p-header .p-action-link:hover{
  color: rgba(255,255,255,.96) !important;
}

/* =========================
   DT404_SAFE_DROPDOWN_PORTAL
   Fix: services dropdown can overflow viewport on left/right.
   Approach: JS sets --p-dd-left/--p-dd-top and adds .is-open; CSS switches to fixed positioning.
   Also: remove caret icon + normalize menu spacing.
   ========================= */

/* Normalize desktop menu rhythm */
.p-menu-list{ gap: 24px; }

/* Remove caret triangle/icon near "Услуги" */
.p-dd-trigger .ph-caret-down{ display:none !important; }
.p-dd-trigger{ gap: 0 !important; }

/* Portal-like positioning (fixed) when open (JS adds inline vars) */
.p-has-dropdown.is-open > .p-dropdown,
.p-dropdown[data-open="1"]{
  position: fixed !important;
  left: var(--p-dd-left, 50%) !important;
  top: var(--p-dd-top, 72px) !important;
  transform: translateY(0) !important;
  margin: 0 !important;
  will-change: left, top;
}

/* Make sure panel stays on top of hero layers */
.p-dropdown{ z-index: 5000 !important; }

/* Safety: long lists scroll inside */
.p-dropdown{ max-height: min(70vh, 620px); overflow:auto; }

/* =========================
   DT404_SAFE_DROPDOWN_PORTAL
   Fix: services dropdown can overflow viewport on left/right.
   Approach: JS positions dropdown with CSS vars and uses fixed positioning.
   Also: remove caret icon and normalize spacing.
   ========================= */

/* even spacing between top-level tabs */
.p-menu-list{ gap: 24px !important; }

/* hide caret (triangle) on "Услуги" trigger */
.p-dd-trigger .ph-caret-down{ display:none !important; }
.p-dd-trigger{ gap: 0 !important; }

/* Portal-mode dropdown positioning (JS sets vars on open) */
.p-has-dropdown.is-open > .p-dropdown{
  position: fixed !important;
  left: var(--p-dd-left, 16px) !important;
  top: var(--p-dd-top, 72px) !important;
  transform: translateY(0) !important;
  width: min(760px, calc(100vw - 32px)) !important;
  max-height: min(70vh, 560px) !important;
  overflow: auto !important;
}

/* remove the old hover bridge that can affect layout in fixed mode */
.p-has-dropdown::after{ display:none !important; }


/* =========================
   DT404_SAFE_DROPDOWN_PORTAL
   Fix: services dropdown can overflow viewport on left/right.
   Approach: JS positions dropdown with CSS vars and fixed positioning.
   Also: remove caret icon and normalize spacing.
   ========================= */

/* Mobile header/menu stabilization */
@media (max-width: 768px) {
  body#top {
    padding-top: 96px !important;
  }

  body#top .etl-sidebar-button {
    top: calc(env(safe-area-inset-top, 0px) + 16px) !important;
    left: 16px !important;
    width: 40px !important;
    height: 30px !important;
  }

  body#top.index-page #hero > .container.hero-grid {
    padding-top: 72px !important;
    padding-left: 24px !important;
  }

  body#top.service-page .svc-hero > .container,
  body#top.service-page .svc-hero .svc-hero-inner,
  body#top.simple-service-page .page-head .container,
  body#top.warehouse-service-page .page-head {
    padding-top: 72px !important;
    padding-left: 24px !important;
  }
}

@media (max-width: 1024px) and (orientation: landscape) and (max-height: 540px) {
  body#top {
    padding-top: 68px !important;
  }

  body#top .etl-floating-logo {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body#top .etl-sidebar-button {
    top: calc(env(safe-area-inset-top, 0px) + 12px) !important;
    left: 14px !important;
    width: 36px !important;
    height: 28px !important;
    z-index: 6002 !important;
  }

  body#top.index-page #hero > .container.hero-grid,
  body#top.service-page .svc-hero > .container,
  body#top.service-page .svc-hero .svc-hero-inner,
  body#top.simple-service-page .page-head .container,
  body#top.warehouse-service-page .page-head {
    padding-top: 52px !important;
    padding-left: 18px !important;
  }

  body#top .sidebar.etl-sidebar {
    width: min(420px, 58vw) !important;
    top: 12px !important;
    left: 12px !important;
    right: auto !important;
    bottom: 12px !important;
    height: auto !important;
    max-height: calc(100dvh - 24px) !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, 0.84) !important;
    border: 1px solid rgba(16, 24, 32, 0.08) !important;
    box-shadow: 0 22px 52px rgba(17, 24, 35, 0.22) !important;
    backdrop-filter: blur(22px) !important;
    -webkit-backdrop-filter: blur(22px) !important;
  }

  html[data-theme="dark"] body#top .sidebar.etl-sidebar,
  body#top.dark-mode .sidebar.etl-sidebar {
    background: rgba(10, 16, 24, 0.86) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 22px 56px rgba(0, 0, 0, 0.34) !important;
  }

  body#top .sidebar.etl-sidebar .etl-sidebar-brand {
    display: flex !important;
    padding: 14px 18px 8px !important;
  }

  body#top .sidebar.etl-sidebar .etl-sidebar-topgap {
    display: none !important;
  }

  body#top .sidebar.etl-sidebar .nav-links {
    max-height: calc(100dvh - 160px) !important;
    padding-top: 8px !important;
    padding-bottom: 12px !important;
  }

  body#top .sidebar.etl-sidebar .nav-links li .iocn-link,
  body#top .sidebar.etl-sidebar .nav-links li > a {
    min-height: 50px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  body#top .sidebar.etl-sidebar .nav-links li i {
    min-width: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
  }

  body#top .sidebar.etl-sidebar .nav-links li a .link_name {
    font-size: 16px !important;
  }

  body#top .sidebar.etl-sidebar .etl-sidebar-bottom {
    padding: 12px 14px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* Even spacing between tabs */
.p-menu-list{ gap: 24px !important; }

/* Remove caret from "Услуги" without touching HTML */
.p-dd-trigger .ph-caret-down{ display:none !important; }

/* When JS opens dropdown, use fixed positioning and CSS vars for clamped left/top */
.p-has-dropdown.is-open > .p-dropdown{
  position: fixed !important;
  left: var(--p-dd-left, 50%) !important;
  top: var(--p-dd-top, 72px) !important;
  transform: translateY(0) !important;
}

/* Keep within viewport vertically */
.p-dropdown{
  max-height: min(68vh, 560px);
  overflow: auto;
}


/* =========================
   DT404_SAFE_DROPDOWN_PORTAL
   Fix: services dropdown can overflow viewport on left/right.
   Approach: JS positions dropdown with CSS vars and fixed positioning.
   Also: remove caret icon and normalize spacing.
   ========================= */

/* Even spacing between tabs */
.p-menu-list{ gap: 24px !important; }

/* Remove the caret icon for "Услуги" */
.p-dd-trigger .ph-caret-down{ display: none !important; }
.p-dd-trigger{ gap: 0 !important; }

/* When JS opens dropdown, pin it to viewport using CSS vars */
.p-has-dropdown.is-open > .p-dropdown{
  position: fixed !important;
  left: var(--p-dd-left, 50vw) !important;
  top: var(--p-dd-top, 72px) !important;
  transform: translateY(0) !important;
  max-height: min(70vh, 560px);
  overflow-y: auto;
}

/* Prevent hover rule from forcing centering transform when open */
.p-has-dropdown.is-open:hover .p-dropdown{
  transform: translateY(0) !important;
}

@media (max-width: 1024px) and (orientation: landscape) and (max-height: 540px) {
  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay,
  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay.etl-sidebar-open {
    padding-top: 0 !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .etl-sidebar-overlay {
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 6000 !important;
    background:
      radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.18), transparent 24%),
      linear-gradient(180deg, rgba(9, 17, 28, 0.28), rgba(9, 17, 28, 0.44)) !important;
    backdrop-filter: blur(10px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(140%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity .22s ease !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay.etl-sidebar-open .etl-sidebar-overlay {
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .etl-sidebar-button,
  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay.etl-sidebar-open .etl-sidebar-button {
    top: calc(env(safe-area-inset-top, 0px) + 12px) !important;
    left: 14px !important;
    width: 38px !important;
    height: 28px !important;
    z-index: 6204 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    position: fixed !important;
    z-index: 6003 !important;
    width: auto !important;
    top: 10px !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    height: auto !important;
    max-height: calc(100dvh - 20px) !important;
    min-height: calc(100dvh - 20px) !important;
    border-radius: 28px !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.30), rgba(255, 255, 255, 0.12)),
      linear-gradient(180deg, rgba(242, 246, 251, 0.78), rgba(228, 235, 244, 0.68)) !important;
    box-shadow:
      0 30px 80px rgba(8, 16, 28, 0.26),
      inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
    backdrop-filter: blur(28px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(145%) !important;
    transform: translate3d(0, 18px, 0) scale(.985) !important;
    opacity: 0 !important;
    overflow: hidden !important;
    transition: transform .24s ease, opacity .24s ease !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay.etl-sidebar-open .sidebar.etl-sidebar {
    transform: translate3d(0, 0, 0) scale(1) !important;
    opacity: 1 !important;
  }

  html[data-theme="dark"] body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar,
  body#top.dark-mode.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar {
    border-color: rgba(255, 255, 255, 0.12) !important;
    background:
      linear-gradient(145deg, rgba(21, 29, 40, 0.80), rgba(10, 14, 22, 0.68)),
      linear-gradient(180deg, rgba(14, 20, 31, 0.88), rgba(8, 12, 20, 0.82)) !important;
    box-shadow:
      0 30px 90px rgba(0, 0, 0, 0.42),
      inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar .etl-sidebar-brand {
    display: flex !important;
    padding: 20px 26px 10px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16) !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar .etl-sidebar-topgap {
    display: none !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: minmax(56px, auto) !important;
    gap: 10px 12px !important;
    max-height: none !important;
    height: auto !important;
    padding: 18px 22px 12px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links li {
    position: relative !important;
    z-index: 3 !important;
    margin: 0 !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.34) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
    overflow: hidden !important;
  }

  html[data-theme="dark"] body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links li,
  body#top.dark-mode.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links li {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links li .iocn-link,
  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links li > a {
    position: relative !important;
    z-index: 4 !important;
    min-height: 58px !important;
    padding: 12px 16px !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar .etl-sidebar-bottom {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 12px 22px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)) !important;
  }
}

@media (max-width: 768px) {
  body#top,
  body#top.etl-monolith-nav-ready {
    padding-top: 0 !important;
  }

  body#top main,
  body#top section,
  body#top .section-light,
  body#top .section-muted,
  body#top .section-white {
    overflow: visible !important;
  }

  body#top.index-page #hero > .container.hero-grid,
  body#top.service-page .svc-hero > .container,
  body#top.service-page .svc-hero .svc-hero-inner,
  body#top.simple-service-page .page-head .container,
  body#top.warehouse-service-page .page-head,
  body#top .page-head .container {
    padding-top: max(78px, calc(env(safe-area-inset-top, 0px) + 64px)) !important;
  }
}

@media (max-width: 1024px) and (orientation: landscape) and (max-height: 540px) {
  body#top,
  body#top.etl-monolith-nav-ready,
  body#top.etl-monolith-landscape-overlay {
    padding-top: 0 !important;
  }

  body#top.index-page #hero > .container.hero-grid,
  body#top.service-page .svc-hero > .container,
  body#top.service-page .svc-hero .svc-hero-inner,
  body#top.simple-service-page .page-head .container,
  body#top.warehouse-service-page .page-head,
  body#top .page-head .container {
    padding-top: max(42px, calc(env(safe-area-inset-top, 0px) + 30px)) !important;
    padding-left: 18px !important;
  }
}

@media (max-width: 1024px) and (orientation: landscape) and (max-height: 540px) {
  body#top.etl-monolith-landscape-overlay {
    padding-top: 24px !important;
  }

  body#top.etl-monolith-landscape-overlay .etl-sidebar-overlay {
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 6000 !important;
    background:
      radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.18), transparent 24%),
      linear-gradient(180deg, rgba(9, 17, 28, 0.28), rgba(9, 17, 28, 0.44)) !important;
    backdrop-filter: blur(10px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(140%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity .22s ease !important;
  }

  body#top.etl-monolith-landscape-overlay.etl-sidebar-open .etl-sidebar-overlay {
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  body#top.etl-monolith-landscape-overlay .etl-sidebar-button {
    top: calc(env(safe-area-inset-top, 0px) + 12px) !important;
    left: 14px !important;
    width: 38px !important;
    height: 28px !important;
    z-index: 6204 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  body#top.etl-monolith-landscape-overlay.etl-sidebar-open .etl-sidebar-button {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  body#top.etl-monolith-landscape-overlay .etl-sidebar-button span {
    background: rgba(255, 255, 255, 0.96) !important;
  }

  html[data-theme="dark"] body#top.etl-monolith-landscape-overlay .etl-sidebar-button span,
  body#top.dark-mode.etl-monolith-landscape-overlay .etl-sidebar-button span {
    background: rgba(255, 255, 255, 0.96) !important;
  }

  body#top.etl-monolith-landscape-overlay .sidebar.etl-sidebar {
    width: auto !important;
    top: 10px !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    height: auto !important;
    max-height: calc(100dvh - 20px) !important;
    min-height: calc(100dvh - 20px) !important;
    border-radius: 28px !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.30), rgba(255, 255, 255, 0.12)),
      linear-gradient(180deg, rgba(242, 246, 251, 0.78), rgba(228, 235, 244, 0.68)) !important;
    box-shadow:
      0 30px 80px rgba(8, 16, 28, 0.26),
      inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
    backdrop-filter: blur(28px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(145%) !important;
    transform: translate3d(0, 18px, 0) scale(.985) !important;
    opacity: 0 !important;
    transition: transform .24s ease, opacity .24s ease !important;
  }

  body#top.etl-monolith-landscape-overlay.etl-sidebar-open .sidebar.etl-sidebar {
    transform: translate3d(0, 0, 0) scale(1) !important;
    opacity: 1 !important;
  }

  html[data-theme="dark"] body#top.etl-monolith-landscape-overlay .sidebar.etl-sidebar,
  body#top.dark-mode.etl-monolith-landscape-overlay .sidebar.etl-sidebar {
    border-color: rgba(255, 255, 255, 0.12) !important;
    background:
      linear-gradient(145deg, rgba(21, 29, 40, 0.80), rgba(10, 14, 22, 0.68)),
      linear-gradient(180deg, rgba(14, 20, 31, 0.88), rgba(8, 12, 20, 0.82)) !important;
    box-shadow:
      0 30px 90px rgba(0, 0, 0, 0.42),
      inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  }

  body#top.etl-monolith-landscape-overlay .sidebar.etl-sidebar::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background:
      radial-gradient(circle at top right, rgba(229, 38, 41, 0.20), transparent 24%),
      radial-gradient(circle at bottom left, rgba(31, 94, 168, 0.16), transparent 22%);
    pointer-events: none;
  }

  body#top.etl-monolith-landscape-overlay .sidebar.etl-sidebar .etl-sidebar-brand {
    display: flex !important;
    position: relative;
    z-index: 1;
    padding: 20px 26px 10px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16) !important;
  }

  body#top.etl-monolith-landscape-overlay .sidebar.etl-sidebar .etl-sidebar-topgap {
    display: none !important;
  }

  body#top.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links {
    position: relative;
    z-index: 1;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: minmax(56px, auto);
    gap: 10px 12px !important;
    max-height: none !important;
    padding: 18px 22px 12px !important;
    align-content: start;
    overflow-y: auto !important;
  }

  body#top.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links li {
    margin: 0 !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.34) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
    overflow: hidden;
  }

  html[data-theme="dark"] body#top.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links li,
  body#top.dark-mode.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links li {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  }

  body#top.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links li .iocn-link,
  body#top.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links li > a {
    min-height: 58px !important;
    padding: 12px 16px !important;
  }

  body#top.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links li i {
    min-width: 42px !important;
    height: 42px !important;
    line-height: 42px !important;
  }

  body#top.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links li a .link_name {
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: .01em !important;
  }

  body#top.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links li .sub-menu {
    background: transparent !important;
    padding: 0 10px 10px 54px !important;
  }

  body#top.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links li .sub-menu a {
    min-height: 38px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.26) !important;
    margin-top: 6px !important;
    padding: 9px 12px !important;
  }

  html[data-theme="dark"] body#top.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links li .sub-menu a,
  body#top.dark-mode.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links li .sub-menu a {
    background: rgba(255, 255, 255, 0.06) !important;
  }

  body#top.etl-monolith-landscape-overlay .sidebar.etl-sidebar .etl-sidebar-bottom {
    position: relative;
    z-index: 1;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px !important;
    padding: 12px 22px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)) !important;
  }

  body#top.etl-monolith-landscape-overlay .sidebar.etl-sidebar .etl-sidebar-btn {
    min-height: 48px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
  }
}

/* FINAL MOBILE HEADER / OVERLAY NAV FIX PASS */
@media (max-width: 768px) {
  body#top.etl-monolith-nav-ready {
    padding-top: 88px !important;
  }

  body#top.etl-monolith-nav-ready .etl-sidebar-button {
    top: calc(env(safe-area-inset-top, 0px) + 14px) !important;
    left: 16px !important;
    width: 40px !important;
    height: 30px !important;
    z-index: 6202 !important;
  }

  body#top.etl-monolith-nav-ready .etl-floating-logo {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body#top.etl-monolith-nav-ready.index-page #hero > .container.hero-grid,
  body#top.etl-monolith-nav-ready.service-page .svc-hero > .container,
  body#top.etl-monolith-nav-ready.service-page .svc-hero .svc-hero-inner,
  body#top.etl-monolith-nav-ready.simple-service-page .page-head .container,
  body#top.etl-monolith-nav-ready.warehouse-service-page .page-head,
  body#top.etl-monolith-nav-ready .page-head .container {
    padding-top: 72px !important;
    padding-left: 20px !important;
  }
}

@media (max-width: 1024px) and (orientation: landscape) and (max-height: 540px) {
  body#top.etl-monolith-nav-ready {
    padding-top: 56px !important;
  }

  body#top.etl-monolith-nav-ready .etl-floating-logo {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body#top.etl-monolith-nav-ready .etl-sidebar-button {
    top: calc(env(safe-area-inset-top, 0px) + 10px) !important;
    left: 12px !important;
    width: 34px !important;
    height: 26px !important;
    z-index: 6202 !important;
  }

  body#top.etl-monolith-nav-ready.index-page #hero > .container.hero-grid,
  body#top.etl-monolith-nav-ready.service-page .svc-hero > .container,
  body#top.etl-monolith-nav-ready.service-page .svc-hero .svc-hero-inner,
  body#top.etl-monolith-nav-ready.simple-service-page .page-head .container,
  body#top.etl-monolith-nav-ready.warehouse-service-page .page-head,
  body#top.etl-monolith-nav-ready .page-head .container {
    padding-top: 42px !important;
    padding-left: 18px !important;
  }

  body#top.etl-monolith-nav-ready .sidebar.etl-sidebar {
    width: min(420px, 56vw) !important;
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    bottom: 10px !important;
    height: auto !important;
    max-height: calc(100dvh - 20px) !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, 0.82) !important;
    border: 1px solid rgba(17, 24, 39, 0.1) !important;
    box-shadow: 0 22px 48px rgba(15, 23, 32, 0.22) !important;
    backdrop-filter: blur(22px) !important;
    -webkit-backdrop-filter: blur(22px) !important;
  }

  html[data-theme="dark"] body#top.etl-monolith-nav-ready .sidebar.etl-sidebar,
  body#top.dark-mode.etl-monolith-nav-ready .sidebar.etl-sidebar {
    background: rgba(11, 17, 24, 0.84) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.3) !important;
  }

  body#top.etl-monolith-nav-ready .sidebar.etl-sidebar .nav-links {
    max-height: calc(100dvh - 156px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
  }

  body#top.etl-monolith-nav-ready .sidebar.etl-sidebar .etl-sidebar-bottom {
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* DT999_FINAL_FLOATING_BRAND_FIX */
body#top .etl-floating-logo{
  position: fixed !important;
  top: 16px !important;
  left: 82px !important;
  z-index: 6201 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
  filter: none !important;
}

body#top .etl-floating-logo img,
body#top .etl-floating-logo svg{
  display: block !important;
  width: auto !important;
  height: 52px !important;
  max-width: none !important;
}

body#top .sidebar.etl-sidebar .etl-sidebar-brand,
body#top .sidebar.etl-sidebar .etl-sidebar-topgap{
  display: none !important;
}

@media (max-width: 768px){
  body#top .etl-floating-logo{
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body#top .sidebar.etl-sidebar .etl-sidebar-brand{
    display: flex !important;
  }

  body#top .sidebar.etl-sidebar .etl-sidebar-topgap{
    display: block !important;
  }
}

body#top #m-bottom-nav[inert],
body#top #p-mobile-menu[inert],
body#top #m-bottom-nav[hidden],
body#top #p-mobile-menu[hidden]{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

@media (max-width: 768px){
  html, body{
    overflow-x:hidden !important;
  }

  body#top main,
  body#top section,
  body#top .container,
  body#top .section-light,
  body#top .section-muted,
  body#top .section-white{
    max-width:100% !important;
  }

  body#top .table-wrap,
  body#top .data-table,
  body#top .svc-grid,
  body#top .svc-grid2,
  body#top .svc-grid3,
  body#top .svc-grid-2{
    min-width:0 !important;
  }
}

body#top.etl-monolith-nav-ready #m-bottom-nav,
body#top.etl-monolith-nav-ready #p-mobile-menu,
body#top.etl-monolith-nav-ready #p-burger-btn,
body#top.etl-monolith-nav-ready .p-burger{
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@media (max-width: 1099px){
  body#top #m-bottom-nav,
  body#top #p-header .p-mobile-menu,
  body#top #p-header .p-burger,
  body#top #p-header #p-burger-btn,
  body#top #p-header .etl-nav-launcher,
  body#top #etl-nav-drawer{
    display: none !important;
  }

  body#top .etl-floating-search{
    display: none !important;
  }

  body#top .etl-sidebar-button{
    display: inline-flex !important;
    top: 16px !important;
    left: 18px !important;
    z-index: 5006 !important;
  }

  body#top .etl-floating-logo{
    display: block !important;
    top: 14px !important;
    left: 62px !important;
    z-index: 5005 !important;
  }

  body#top .etl-sidebar-overlay{
    display: block !important;
    z-index: 5003 !important;
  }

  body#top .sidebar.etl-sidebar{
    display: flex !important;
    width: min(360px, 92vw) !important;
    z-index: 5004 !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
  }

  body#top .sidebar.etl-sidebar .nav-links{
    max-height: calc(100dvh - 250px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body#top.etl-sidebar-open,
  body#top.etl-sidebar-open html{
    overscroll-behavior: none !important;
  }
}

@media (max-width: 768px){
  body#top{
    padding-top: 112px !important;
  }

  body#top .etl-sidebar-button{
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    top: calc(env(safe-area-inset-top, 0px) + 18px) !important;
    left: 18px !important;
    width: 40px !important;
    height: 30px !important;
    z-index: 6002 !important;
  }

  body#top .etl-sidebar-button span{
    background: rgba(16,18,20,.94) !important;
  }

  html[data-theme="dark"] body#top .etl-sidebar-button span,
  body#top.dark-mode .etl-sidebar-button span{
    background: rgba(255,255,255,.96) !important;
  }

  body#top .etl-floating-logo{
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body#top .etl-floating-logo img,
  body#top .etl-floating-logo svg{
    height: 44px !important;
  }
}

/* Final sidebar scroll fix for long nested menus */
body#top .sidebar.etl-sidebar{
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  overflow: hidden !important;
}

body#top .sidebar.etl-sidebar .etl-sidebar-brand{
  display: none;
  align-items: center;
  padding: 18px 18px 8px;
  border-bottom: 1px solid rgba(16, 24, 32, .06);
  flex: 0 0 auto;
}

body#top .sidebar.etl-sidebar .etl-sidebar-brand__link{
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

body#top .sidebar.etl-sidebar .etl-sidebar-brand__link img,
body#top .sidebar.etl-sidebar .etl-sidebar-brand__link svg{
  display: block;
  height: 40px;
  width: auto;
}

body#top .sidebar.etl-sidebar .etl-sidebar-topgap{
  display: none;
}

body#top .sidebar.etl-sidebar .nav-links{
  min-height: 0 !important;
  height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

body#top .sidebar.etl-sidebar .etl-sidebar-bottom{
  flex: 0 0 auto !important;
}

body#top .sidebar.etl-sidebar .etl-sidebar-tools,
body#top .sidebar.etl-sidebar .etl-sidebar-tools *,
body#top .sidebar.etl-sidebar .p-site-search-trigger{
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

html:has(body#top.etl-sidebar-open),
body#top.etl-sidebar-open {
  overflow: hidden !important;
}

html:has(body#top.etl-lock-scroll),
body#top.etl-lock-scroll{
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

html:has(body#top.etl-lock-scroll-soft),
body#top.etl-lock-scroll-soft{
  overflow: hidden !important;
  overscroll-behavior: none !important;
  touch-action: none !important;
}

body#top.etl-lock-scroll{
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  top: var(--etl-lock-top, 0px) !important;
  touch-action: none !important;
}

body#top.etl-sidebar-open .sidebar.etl-sidebar,
body#top.etl-sidebar-open .etl-sidebar-button,
body#top.etl-sidebar-open .etl-sidebar-overlay {
  pointer-events: auto;
}

body#top #p-header.p-header .p-site-search-trigger,
body#top #p-header .p-mobile-link--search{
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
}

body#top.etl-sidebar-open .etl-sidebar-button{
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateX(-8px) !important;
}

body#top.etl-sidebar-open .etl-floating-search{
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Floating site search */
body#top .etl-floating-search{
  position: fixed;
  top: 18px;
  right: 28px;
  z-index: 1202;
  display: flex;
  align-items: center;
  gap: 10px;
}

body#top .etl-floating-search .etl-floating-search__field{
  position: relative;
  display: flex;
  align-items: center;
}

body#top .etl-floating-search .etl-floating-search__results{
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  width: min(360px, 100vw - 48px);
  display: grid;
  gap: 6px;
  padding: 10px;
  border-radius: 20px;
  border: 1px solid rgba(16, 24, 32, .08);
  background: rgba(255,255,255,.76);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 18px 60px rgba(17, 24, 35, .12);
}

body#top .etl-floating-search .etl-floating-search__results[hidden]{
  display: none !important;
}

body#top .etl-floating-search .etl-floating-search__item{
  display: grid;
  gap: 4px;
  padding: 11px 12px;
  border-radius: 14px;
  text-decoration: none;
  transition: background-color .18s ease, transform .18s ease;
}

body#top .etl-floating-search .etl-floating-search__item:hover,
body#top .etl-floating-search .etl-floating-search__item.is-active{
  background: rgba(229, 38, 41, .08);
  transform: translateY(-1px);
}

body#top .etl-floating-search .etl-floating-search__title{
  color: rgba(18, 26, 40, .96);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

body#top .etl-floating-search .etl-floating-search__meta{
  color: rgba(63, 74, 89, .74);
  font-size: 12px;
  line-height: 1.3;
}

body#top .etl-floating-search .etl-floating-search__hl{
  background: rgba(229, 38, 41, .14);
  color: inherit;
  border-radius: 0;
  padding: 0;
  box-shadow: inset 0 -0.55em 0 rgba(229, 38, 41, .14);
}

body#top .etl-floating-search .etl-floating-search__input{
  width: 164px;
  height: 42px;
  padding: 10px 14px 10px 42px;
  border-radius: 9999px;
  border: 1px solid rgba(16, 24, 32, .16);
  background: rgba(255,255,255,.46);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  color: rgba(18, 26, 40, .92);
  font-size: 14px;
  outline: none;
  opacity: .92;
  transition: width .22s ease, background-color .22s ease, border-color .22s ease, opacity .22s ease;
}

body#top .etl-floating-search .etl-floating-search__input::placeholder{
  color: rgba(44, 54, 66, .68);
}

body#top .etl-floating-search .etl-floating-search__input:focus{
  width: 268px;
  opacity: 1;
  background: rgba(255,255,255,.66);
  border-color: rgba(229, 38, 41, .24);
}

body#top .etl-floating-search .etl-floating-search__submit{
  position: absolute;
  top: 50%;
  left: 11px;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  color: rgba(17, 24, 35, .88);
}

body#top .etl-floating-search .etl-floating-search__submit svg{
  display: block;
  width: 20px;
  height: 20px;
}

body#top .etl-floating-search .etl-floating-search__submit svg path{
  fill: currentColor;
}

html[data-theme="dark"] body#top .etl-floating-search .etl-floating-search__input{
  background: rgba(10, 16, 24, .46);
  border-color: rgba(255,255,255,.12);
  color: rgba(244,247,250,.94);
}

html[data-theme="dark"] body#top .etl-floating-search .etl-floating-search__input::placeholder{
  color: rgba(214, 222, 230, .56);
}

html[data-theme="dark"] body#top .etl-floating-search .etl-floating-search__input:focus{
  background: rgba(10, 16, 24, .62);
  border-color: rgba(229, 38, 41, .32);
}

html[data-theme="dark"] body#top .etl-floating-search .etl-floating-search__submit{
  color: rgba(244,247,250,.88);
}

html[data-theme="dark"] body#top .etl-floating-search .etl-floating-search__results{
  border-color: rgba(255,255,255,.08);
  background: rgba(10, 16, 24, .84);
  box-shadow: 0 18px 60px rgba(0, 0, 0, .38);
}

html[data-theme="dark"] body#top .etl-floating-search .etl-floating-search__item:hover,
html[data-theme="dark"] body#top .etl-floating-search .etl-floating-search__item.is-active{
  background: rgba(229, 38, 41, .12);
}

html[data-theme="dark"] body#top .etl-floating-search .etl-floating-search__title{
  color: rgba(244, 247, 250, .96);
}

html[data-theme="dark"] body#top .etl-floating-search .etl-floating-search__meta{
  color: rgba(204, 214, 225, .68);
}

html[data-theme="dark"] body#top .etl-floating-search .etl-floating-search__hl{
  background: transparent;
  box-shadow: inset 0 -0.55em 0 rgba(229, 38, 41, .22);
}

body#top .etl-floating-search .etl-floating-search__theme{
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

body#top .etl-floating-search .etl-floating-search__theme .theme-switch{
  margin: 0 !important;
}

/* Mobile touch tuning for overlay sidebar */
@media (max-width: 768px){
  body#top .sidebar.etl-sidebar{
    width: min(372px, 94vw) !important;
  }

  body#top .sidebar.etl-sidebar .etl-sidebar-topgap{
    height: 52px !important;
  }

  body#top .sidebar.etl-sidebar .nav-links{
    padding: 14px 0 18px !important;
  }

  body#top .sidebar.etl-sidebar .nav-links li .iocn-link,
  body#top .sidebar.etl-sidebar .nav-links li > a{
    min-height: 58px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }

  body#top .sidebar.etl-sidebar .nav-links li i{
    min-width: 58px !important;
    height: 58px !important;
    line-height: 58px !important;
    font-size: 20px !important;
  }

  body#top .sidebar.etl-sidebar .nav-links li a .link_name{
    font-size: 18px !important;
  }

  body#top .sidebar.etl-sidebar .nav-links li .arrow{
    min-width: 48px !important;
    height: 58px !important;
    line-height: 58px !important;
    font-size: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body#top .sidebar.etl-sidebar .nav-links li .sub-menu{
    padding: 6px 12px 12px 58px !important;
  }

  body#top .sidebar.etl-sidebar .nav-links li .sub-menu a{
    min-height: 42px !important;
    padding: 10px 0 !important;
    font-size: 15px !important;
    display: flex !important;
    align-items: center !important;
  }

  body#top .sidebar.etl-sidebar .etl-sidebar-bottom{
    padding: 14px 16px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body#top .sidebar.etl-sidebar .etl-sidebar-btn{
    min-height: 48px !important;
    font-size: 15px !important;
  }
}

body#top.etl-nav-scrolled .etl-floating-logo{
  opacity: 0 !important;
  transform: translateY(-10px) scale(.96) !important;
  filter: blur(2px) !important;
  pointer-events: none !important;
}

@media (max-width: 980px){
  body#top .etl-floating-search{
    top: 14px;
    right: 18px;
  }

  body#top .etl-floating-search .etl-floating-search__input{
    width: 140px;
    height: 40px;
  }

  body#top .etl-floating-search .etl-floating-search__input:focus{
    width: 220px;
  }

  body#top .etl-floating-search .etl-floating-search__results{
    width: min(320px, calc(100vw - 36px));
  }
}

@media (max-width: 768px){
  body#top .etl-sticky-cta{
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body#top .sidebar.etl-sidebar .etl-sidebar-brand{
    display: flex !important;
  }

  body#top .sidebar.etl-sidebar .etl-sidebar-topgap{
    display: block !important;
  }

  body#top .sidebar.etl-sidebar .etl-sidebar-brand{
    padding: calc(18px + env(safe-area-inset-top, 0px)) 18px 10px !important;
  }

  body#top .sidebar.etl-sidebar .etl-sidebar-brand__link img,
  body#top .sidebar.etl-sidebar .etl-sidebar-brand__link svg{
    height: 42px !important;
  }

  /* Safe zone for floating burger: keep first-screen text away from top-left corner */
  body#top.index-page #hero > .container.hero-grid{
    padding-top: 78px !important;
    padding-left: 30px !important;
  }

  body#top.service-page .svc-hero > .container,
  body#top.service-page .svc-hero .svc-hero-inner{
    padding-top: 76px !important;
    padding-left: 30px !important;
  }

  body#top.simple-service-page .page-head .container,
  body#top.warehouse-service-page .page-head{
    padding-top: 78px !important;
    padding-left: 30px !important;
  }

  body#top .etl-sidebar-button{
    transition: opacity .24s ease, transform .28s ease !important;
  }

  body#top.etl-mobile-burger-hidden:not(.etl-sidebar-open) .etl-sidebar-button{
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
  }
}

body#top.etl-sidebar-open .etl-sticky-cta,
body#top.etl-sidebar-open .etl-cookie{
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}


/* =========================
   DT404_SAFE_DROPDOWN_PORTAL
   Fix: services dropdown can overflow viewport on left/right.
   Approach: JS positions dropdown with CSS vars and fixed positioning.
   Also: remove caret icon and normalize spacing.
   ========================= */

/* Even spacing between tabs */
.p-menu-list{ gap: 24px !important; }

/* Remove caret triangle on “Услуги” */
.p-dd-trigger .ph-caret-down{ display: none !important; }

/* Dropdown portal positioning (controlled by JS) */
.p-has-dropdown > .p-dropdown{
  /* ensure it can float above sections */
  z-index: 3000;
  max-height: min(70vh, 560px);
  overflow: auto;
}

/* When opened via JS, switch to fixed positioning and use CSS variables */
.p-has-dropdown.is-open > .p-dropdown{
  position: fixed !important;
  left: var(--p-dd-left, 50vw) !important;
  top: var(--p-dd-top, 72px) !important;
  transform: translateY(0) !important;
}

/* Kill the old center-shift animation when fixed */
.p-has-dropdown.is-open > .p-dropdown{
  transition: opacity .22s var(--p-ease), transform .22s var(--p-ease), visibility .22s var(--p-ease);
}

/* =========================
   DT404_SAFE_DROPDOWN_PORTAL
   Fix: services dropdown can overflow viewport on left/right.
   Approach: JS positions dropdown with CSS vars and fixed positioning.
   Also: remove caret icon and normalize spacing.
   ========================= */

/* Even spacing between tabs */
.p-menu-list{ gap: 24px !important; }

/* Remove caret triangle on "Услуги" */
.p-dd-trigger .ph-caret-down{ display:none !important; }
.p-dd-trigger{ gap: 0 !important; }

/* When dropdown is opened by JS, use fixed positioning so it can't be clipped */
.p-has-dropdown.is-open > .p-dropdown{
  position: fixed !important;
  left: var(--p-dd-left, 50%) !important;
  top: var(--p-dd-top, 72px) !important;
  transform: translateY(0) !important;
  max-height: min(70vh, 620px);
  overflow: auto;
}

/* While open, ignore centering transform used by old rule */
.p-has-dropdown.is-open > .p-dropdown{
  will-change: left, top;
}


/* =========================
   DT404_SAFE_DROPDOWN_PORTAL
   Fix: services dropdown can overflow viewport on left/right.
   Approach: JS positions dropdown with CSS vars and fixed positioning.
   Also: remove caret icon and normalize spacing.
   ========================= */

/* Even spacing between tabs */
.p-menu-list{ gap: 24px !important; }

/* Remove caret triangle on "Услуги" */
.p-dd-trigger .ph-caret-down{ display: none !important; }
.p-dd-trigger{ gap: 0 !important; }

/* When dropdown is open, JS will set these CSS vars on .p-has-dropdown:
   --p-dd-left: px
   --p-dd-top: px
   We switch to fixed positioning so it can't be clipped by page layout.
*/
.p-has-dropdown.is-open > .p-dropdown{
  position: fixed !important;
  left: var(--p-dd-left, 50%) !important;
  top: var(--p-dd-top, 72px) !important;
  transform: translateY(0) !important;
  max-width: min(760px, calc(100vw - 24px)) !important;
  max-height: min(70vh, 560px) !important;
  overflow: auto !important;
}

/* Prevent the hover-center transform from fighting our fixed positioning */
.p-has-dropdown.is-open:hover .p-dropdown{
  transform: translateY(0) !important;
}

/* Final desktop sidebar override */
@media (min-width: 1100px) {
  body#top:not(.etl-monolith-landscape-overlay) .sidebar.etl-sidebar .etl-sidebar-topgap {
    display: block !important;
    height: 86px !important;
    flex: 0 0 86px !important;
  }

  body#top:not(.etl-monolith-landscape-overlay) .sidebar.etl-sidebar .nav-links {
    padding: 10px 14px 0 !important;
  }

  body#top:not(.etl-monolith-landscape-overlay) .sidebar.etl-sidebar .nav-links li + li {
    margin-top: 6px !important;
  }

  body#top:not(.etl-monolith-landscape-overlay) .sidebar.etl-sidebar .nav-links li .iocn-link,
  body#top:not(.etl-monolith-landscape-overlay) .sidebar.etl-sidebar .nav-links li > a {
    min-height: 52px !important;
    padding-right: 10px !important;
  }

  body#top:not(.etl-monolith-landscape-overlay) .sidebar.etl-sidebar .nav-links li i {
    min-width: 48px !important;
    height: 52px !important;
    line-height: 52px !important;
    font-size: 18px !important;
  }

  body#top:not(.etl-monolith-landscape-overlay) .sidebar.etl-sidebar .nav-links li i.arrow {
    min-width: 44px !important;
    width: 44px !important;
    height: 52px !important;
    line-height: 52px !important;
  }

  body#top:not(.etl-monolith-landscape-overlay) .sidebar.etl-sidebar .nav-links li a .link_name {
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  body#top:not(.etl-monolith-landscape-overlay) .sidebar.etl-sidebar .nav-links li .sub-menu {
    padding: 2px 12px 10px 48px !important;
  }

  body#top:not(.etl-monolith-landscape-overlay) .sidebar.etl-sidebar .nav-links li .sub-menu a {
    font-size: 13px !important;
    padding: 7px 0 !important;
  }
}

/* Desktop sidebar spacing: move nav below floating logo and improve readability */
@media (min-width: 1100px) {
  body#top:not(.etl-monolith-landscape-overlay) .sidebar.etl-sidebar .etl-sidebar-topgap {
    display: block !important;
    height: 86px !important;
    flex: 0 0 86px !important;
  }

  body#top:not(.etl-monolith-landscape-overlay) .sidebar.etl-sidebar .nav-links {
    padding: 10px 14px 0 !important;
  }

  body#top:not(.etl-monolith-landscape-overlay) .sidebar.etl-sidebar .nav-links li + li {
    margin-top: 6px !important;
  }

  body#top:not(.etl-monolith-landscape-overlay) .sidebar.etl-sidebar .nav-links li .iocn-link,
  body#top:not(.etl-monolith-landscape-overlay) .sidebar.etl-sidebar .nav-links li > a {
    min-height: 52px !important;
    padding-right: 10px !important;
  }

  body#top:not(.etl-monolith-landscape-overlay) .sidebar.etl-sidebar .nav-links li i {
    min-width: 48px !important;
    height: 52px !important;
    line-height: 52px !important;
    font-size: 18px !important;
  }

  body#top:not(.etl-monolith-landscape-overlay) .sidebar.etl-sidebar .nav-links li i.arrow {
    min-width: 44px !important;
    width: 44px !important;
    height: 52px !important;
    line-height: 52px !important;
  }

  body#top:not(.etl-monolith-landscape-overlay) .sidebar.etl-sidebar .nav-links li a .link_name {
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  body#top:not(.etl-monolith-landscape-overlay) .sidebar.etl-sidebar .nav-links li .sub-menu {
    padding: 2px 12px 10px 48px !important;
  }

  body#top:not(.etl-monolith-landscape-overlay) .sidebar.etl-sidebar .nav-links li .sub-menu a {
    font-size: 13px !important;
    padding: 7px 0 !important;
  }
}
/* EOF FINAL LANDSCAPE GLASS OVERLAY NAV */
@media (max-width: 1024px) and (orientation: landscape) and (max-height: 540px) {
  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay,
  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay.etl-sidebar-open {
    padding-top: 0 !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .etl-sidebar-overlay {
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 6000 !important;
    background:
      radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.18), transparent 24%),
      linear-gradient(180deg, rgba(9, 17, 28, 0.28), rgba(9, 17, 28, 0.44)) !important;
    backdrop-filter: blur(10px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(140%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity .22s ease !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay.etl-sidebar-open .etl-sidebar-overlay {
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .etl-sidebar-button,
  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay.etl-sidebar-open .etl-sidebar-button {
    top: calc(env(safe-area-inset-top, 0px) + 12px) !important;
    left: 14px !important;
    width: 38px !important;
    height: 28px !important;
    z-index: 6204 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    width: auto !important;
    top: 10px !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    height: auto !important;
    max-height: calc(100dvh - 20px) !important;
    min-height: calc(100dvh - 20px) !important;
    border-radius: 28px !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.30), rgba(255, 255, 255, 0.12)),
      linear-gradient(180deg, rgba(242, 246, 251, 0.78), rgba(228, 235, 244, 0.68)) !important;
    box-shadow:
      0 30px 80px rgba(8, 16, 28, 0.26),
      inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
    backdrop-filter: blur(28px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(145%) !important;
    transform: translate3d(0, 18px, 0) scale(.985) !important;
    opacity: 0 !important;
    overflow: hidden !important;
    transition: transform .24s ease, opacity .24s ease !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay.etl-sidebar-open .sidebar.etl-sidebar {
    transform: translate3d(0, 0, 0) scale(1) !important;
    opacity: 1 !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    background:
      radial-gradient(circle at top right, rgba(229, 38, 41, 0.18), transparent 24%),
      radial-gradient(circle at bottom left, rgba(31, 94, 168, 0.14), transparent 22%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: minmax(56px, auto) !important;
    gap: 10px 12px !important;
    max-height: none !important;
    height: auto !important;
    padding: 18px 22px 12px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
}

/* FINAL LANDSCAPE GLASS OVERLAY NAV */
@media (max-width: 1024px) and (orientation: landscape) and (max-height: 540px) {
  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay,
  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay.etl-sidebar-open {
    padding-top: 0 !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .etl-sidebar-overlay {
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 6000 !important;
    background:
      radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.18), transparent 24%),
      linear-gradient(180deg, rgba(9, 17, 28, 0.28), rgba(9, 17, 28, 0.44)) !important;
    backdrop-filter: blur(10px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(140%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity .22s ease !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay.etl-sidebar-open .etl-sidebar-overlay {
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .etl-sidebar-button,
  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay.etl-sidebar-open .etl-sidebar-button {
    top: calc(env(safe-area-inset-top, 0px) + 12px) !important;
    left: 14px !important;
    width: 38px !important;
    height: 28px !important;
    z-index: 6204 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    width: auto !important;
    top: 10px !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    height: auto !important;
    max-height: calc(100dvh - 20px) !important;
    min-height: calc(100dvh - 20px) !important;
    border-radius: 28px !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.30), rgba(255, 255, 255, 0.12)),
      linear-gradient(180deg, rgba(242, 246, 251, 0.78), rgba(228, 235, 244, 0.68)) !important;
    box-shadow:
      0 30px 80px rgba(8, 16, 28, 0.26),
      inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
    backdrop-filter: blur(28px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(145%) !important;
    transform: translate3d(0, 18px, 0) scale(.985) !important;
    opacity: 0 !important;
    overflow: hidden !important;
    transition: transform .24s ease, opacity .24s ease !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay.etl-sidebar-open .sidebar.etl-sidebar {
    transform: translate3d(0, 0, 0) scale(1) !important;
    opacity: 1 !important;
  }

  html[data-theme="dark"] body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar,
  body#top.dark-mode.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar {
    border-color: rgba(255, 255, 255, 0.12) !important;
    background:
      linear-gradient(145deg, rgba(21, 29, 40, 0.80), rgba(10, 14, 22, 0.68)),
      linear-gradient(180deg, rgba(14, 20, 31, 0.88), rgba(8, 12, 20, 0.82)) !important;
    box-shadow:
      0 30px 90px rgba(0, 0, 0, 0.42),
      inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar .etl-sidebar-brand {
    display: flex !important;
    padding: 20px 26px 10px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16) !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar .etl-sidebar-topgap {
    display: none !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: minmax(56px, auto) !important;
    gap: 10px 12px !important;
    max-height: none !important;
    height: auto !important;
    padding: 18px 22px 12px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    position: relative !important;
    z-index: 2 !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar .etl-sidebar-brand {
    display: none !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links li {
    margin: 0 !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.34) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
    overflow: hidden !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links li .iocn-link,
  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links li > a {
    min-height: 58px !important;
    padding: 12px 16px !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links li i {
    min-width: 42px !important;
    height: 42px !important;
    line-height: 42px !important;
    color: rgba(17, 24, 39, 0.72) !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links li a .link_name {
    color: rgba(17, 24, 39, 0.96) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links li .sub-menu {
    position: relative !important;
    z-index: 4 !important;
    background: transparent !important;
    padding: 0 10px 10px 54px !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links li .sub-menu a {
    color: rgba(17, 24, 39, 0.78) !important;
    min-height: 38px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.26) !important;
    margin-top: 6px !important;
    padding: 9px 12px !important;
    opacity: 1 !important;
  }

  body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar .etl-sidebar-bottom {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 12px 22px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)) !important;
    position: relative !important;
    z-index: 2 !important;
  }

  html[data-theme="dark"] body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links li i,
  body#top.dark-mode.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links li i {
    color: rgba(255, 255, 255, 0.74) !important;
  }

  html[data-theme="dark"] body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links li a .link_name,
  body#top.dark-mode.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links li a .link_name {
    color: rgba(255, 255, 255, 0.96) !important;
  }

  html[data-theme="dark"] body#top.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links li .sub-menu a,
  body#top.dark-mode.etl-monolith-nav-ready.etl-monolith-landscape-overlay .sidebar.etl-sidebar .nav-links li .sub-menu a {
    color: rgba(255, 255, 255, 0.78) !important;
    background: rgba(255, 255, 255, 0.06) !important;
  }
}

/* =========================
   DT404_SAFE_DROPDOWN_PORTAL
   Fix: services dropdown can overflow viewport on left/right.
   Approach: JS positions dropdown with CSS vars and fixed positioning.
   Also: remove caret icon and normalize spacing.
   ========================= */

/* Even spacing between tabs */
.p-menu-list{ gap: 24px !important; }

/* Remove caret triangle on "Услуги" */
.p-dd-trigger .ph-caret-down{ display: none !important; }
.p-dd-trigger{ gap: 0 !important; }

/* When dropdown is open, JS will set these CSS vars on .p-has-dropdown:
   --p-dd-left: px
   --p-dd-top: px
   We switch to fixed positioning so it can't be clipped by page layout.
*/
.p-has-dropdown.is-open > .p-dropdown{
  position: fixed !important;
  left: var(--p-dd-left, 50%) !important;
  top: var(--p-dd-top, 72px) !important;
  transform: translateY(0) !important;
  max-width: min(760px, calc(100vw - 24px)) !important;
  max-height: min(70vh, 560px) !important;
  overflow: auto !important;
}

/* Prevent the hover-center transform from fighting our fixed positioning */
.p-has-dropdown.is-open:hover .p-dropdown{
  transform: translateY(0) !important;
}