/* Astalias Visual Builder Final Layer */
:root {
  --astalias-vb-content-width: 90%;
  --astalias-vb-content-max-width: 1280px;
  --astalias-vb-content-padding: 24px;
  --astalias-vb-header-width: 100%;
  --astalias-vb-footer-width: 100%;
  --astalias-vb-header-band-bg: #ffffff;
  --astalias-vb-header-band-color: #111827;
  --astalias-vb-header-band-font-size: 14px;
  --astalias-vb-top-panel-bg: #07142d;
  --astalias-vb-top-panel-color: #ffffff;
  --astalias-vb-top-panel-font-size: 13px;
  --astalias-vb-main-menu-bg: #ff7900;
  --astalias-vb-main-menu-color: #ffffff;
  --astalias-vb-main-menu-font-size: 14px;
  --astalias-vb-main-menu-hover-bg: #e86d00;
  --astalias-vb-main-menu-hover-color: #ffffff;
  --astalias-vb-header-height: 88px;
  --astalias-vb-header-shadow: 0 8px 24px rgba(15,23,42,.08);
  --astalias-vb-header-border: 0 solid transparent;
}

@media (min-width: 768px) {
  body .page-wrapper,
  body .page-header,
  body .panel.wrapper,
  body .nav-sections,
  body .page-footer {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body .page-main,
  body .page-main > .page-title-wrapper,
  body .page-main > .messages {
    width: var(--astalias-vb-content-width) !important;
    max-width: var(--astalias-vb-content-max-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--astalias-vb-content-padding) !important;
    padding-right: var(--astalias-vb-content-padding) !important;
    box-sizing: border-box !important;
  }

  body .page-main > .columns,
  body .columns,
  body .column.main,
  body.page-layout-1column .column.main {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body .page-header .header.content,
  body .page-header .panel.wrapper > .panel.header,
  body .panel.header,
  body .nav-sections .navigation {
    width: var(--astalias-vb-header-width) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--astalias-vb-content-padding) !important;
    padding-right: var(--astalias-vb-content-padding) !important;
    box-sizing: border-box !important;
  }

  body .page-footer .footer.content {
    width: var(--astalias-vb-footer-width) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--astalias-vb-content-padding) !important;
    padding-right: var(--astalias-vb-content-padding) !important;
    box-sizing: border-box !important;
  }

  /* Visual Header Builder */
  body .page-header {
    background: var(--astalias-vb-header-band-bg) !important;
    color: var(--astalias-vb-header-band-color) !important;
    border-bottom: 1px solid #e5e7eb !important;
    margin-bottom: 0 !important;
    font-size: var(--astalias-vb-header-band-font-size) !important;
  }

  body .page-header a,
  body .page-header .header.links a,
  body .page-header .authorization-link a {
    color: var(--astalias-vb-header-band-color) !important;
    font-size: var(--astalias-vb-header-band-font-size) !important;
  }

  body .panel.wrapper {
    background: var(--astalias-vb-top-panel-bg) !important;
    color: var(--astalias-vb-top-panel-color) !important;
    border-bottom: 1px solid #e5e7eb !important;
    font-size: var(--astalias-vb-top-panel-font-size) !important;
  }

  body .panel.wrapper a,
  body .panel.header,
  body .panel.header a,
  body .panel.header .switcher,
  body .panel.header .header.links a {
    color: var(--astalias-vb-top-panel-color) !important;
    font-size: var(--astalias-vb-top-panel-font-size) !important;
  }

  body .panel.header {
    min-height: 34px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 14px !important;
  }

  body .page-header .header.content {
    min-height: 76px !important;
    display: grid !important;
    grid-template-columns: 220px minmax(320px, 1fr) auto !important;
    align-items: center !important;
    gap: 24px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  body .page-header .header.content:before,
  body .page-header .header.content:after {
    content: none !important;
    display: none !important;
  }

  body .page-header .logo {
    grid-column: 1 !important;
    justify-self: start !important;
    margin: 0 !important;
    max-width: 220px !important;
  }

  body .page-header .logo img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
  }

  body .page-header .block-search {
    grid-column: 2 !important;
    justify-self: center !important;
    float: none !important;
    width: 100% !important;
    max-width: 720px !important;
    padding-left: 0 !important;
    margin: 0 !important;
  }

  body .page-header .block-search .control {
    padding: 0 !important;
    margin: 0 !important;
  }

  body .page-header .block-search input {
    height: 42px !important;
    border-radius: 999px !important;
  }

  body .page-header .header.links,
  body .page-header .minicart-wrapper,
  body .page-header .header.content > .links {
    grid-column: 3 !important;
    justify-self: end !important;
  }

  body .page-header .minicart-wrapper {
    float: none !important;
    margin-left: 12px !important;
  }

  body .header.panel > .header.links {
    float: none !important;
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
  }

  body .nav-sections {
    margin-bottom: 0 !important;
    background: var(--astalias-vb-main-menu-bg) !important;
    color: var(--astalias-vb-main-menu-color) !important;
    font-size: var(--astalias-vb-main-menu-font-size) !important;
  }

  body .nav-sections .navigation {
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    background: transparent !important;
  }

  body .nav-sections .navigation > ul {
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px 18px !important;
    align-items: center !important;
    padding: 0 !important;
  }

  body .navigation .level0 {
    margin: 0 !important;
  }

  body .navigation .level0 > .level-top {
    line-height: 42px !important;
    padding: 0 8px !important;
    color: var(--astalias-vb-main-menu-color) !important;
    font-size: var(--astalias-vb-main-menu-font-size) !important;
  }

  body .navigation .level0 > .level-top:hover,
  body .navigation .level0 > .level-top.ui-state-focus,
  body .navigation .level0.active > .level-top,
  body .navigation .level0.has-active > .level-top {
    background: var(--astalias-vb-main-menu-hover-bg) !important;
    color: var(--astalias-vb-main-menu-hover-color) !important;
  }

  body .astalias-main-menu,
  body .astalias-main-menu a,
  body .astalias-menu-link {
    color: var(--astalias-vb-main-menu-color) !important;
    font-size: var(--astalias-vb-main-menu-font-size) !important;
  }

  body .astalias-menu-link:hover,
  body .astalias-menu-link:focus {
    background: var(--astalias-vb-main-menu-hover-bg) !important;
    color: var(--astalias-vb-main-menu-hover-color) !important;
  }

  body .astalias-main-menu {
    width: auto !important;
  }

  body.astalias-menu-mode-magento_only .astalias-main-menu {
    display: none !important;
  }

  body.astalias-menu-mode-astalias_only .nav-sections,
  body.astalias-menu-mode-none .nav-sections {
    display: none !important;
  }

  body.astalias-menu-mode-none .astalias-main-menu {
    display: none !important;
  }

  body .astalias-menu-toggle {
    display: none !important;
  }

  body .astalias-menu-panel {
    position: static !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    padding: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    overflow: visible !important;
  }

  body.cms-index-index .page-main,
  body.page-layout-cms-full-width .page-main {
    width: var(--astalias-vb-content-width) !important;
    max-width: var(--astalias-vb-content-max-width) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.cms-index-index .page-main .r3d-freelancer-hero,
  body.cms-index-index .page-main section.r3d-freelancer-hero,
  body.cms-index-index .page-main [data-reality3d-card],
  body.astalias-reality3d-freelancer-addon .page-main .r3d-freelancer-hero,
  body.astalias-reality3d-freelancer-addon .page-main [data-reality3d-card] {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  body.cms-index-index .page-main .r3d-freelancer-hero__content,
  body.cms-index-index .page-main .r3d-freelancer-hero__stage,
  body.astalias-reality3d-freelancer-addon .page-main .r3d-freelancer-hero__content,
  body.astalias-reality3d-freelancer-addon .page-main .r3d-freelancer-hero__stage {
    max-width: none !important;
    box-sizing: border-box !important;
  }

  body [data-content-type='row'],
  body [data-content-type='row'] [data-element='inner'],
  body [data-content-type='row'][data-appearance='contained'],
  body [data-content-type='row'][data-appearance='contained'] [data-element='inner'],
  body [data-content-type='row'][data-appearance='full-width'],
  body [data-content-type='row'][data-appearance='full-width'] [data-element='inner'],
  body [data-content-type='row'][data-appearance='full-bleed'],
  body [data-content-type='row'][data-appearance='full-bleed'] [data-element='inner'],
  body .pagebuilder-column-line,
  body .pagebuilder-column-group,
  body .pagebuilder-column {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  body.cms-index-index .page-main .columns,
  body.cms-index-index .page-main .column.main,
  body.cms-index-index .page-main .pagebuilder-column-line,
  body.cms-index-index .page-main .pagebuilder-column-group,
  body.cms-index-index .page-main [data-content-type='row'],
  body.cms-index-index .page-main [data-content-type='row'] [data-element='inner'] {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  body.cms-index-index .page-main .astalias-hero,
  body.cms-index-index .page-main .astalias-hero-wrap,
  body.cms-index-index .page-main .freelancer-hero,
  body.cms-index-index .page-main .freelancer-hero-wrap,
  body.cms-index-index .page-main .home-hero,
  body.cms-index-index .page-main .hero,
  body.cms-index-index .page-main .hero-section,
  body.cms-index-index .page-main .reality3d-hero,
  body.cms-index-index .page-main .r3d-hero,
  body.cms-index-index .page-main [class*='hero'],
  body.cms-index-index .page-main [class*='Hero'] {
    width: var(--astalias-vb-content-width) !important;
    max-width: var(--astalias-vb-content-max-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  body.cms-index-index .page-main .astalias-hero img,
  body.cms-index-index .page-main .freelancer-hero img,
  body.cms-index-index .page-main .home-hero img,
  body.cms-index-index .page-main .hero img,
  body.cms-index-index .page-main .hero-section img,
  body.cms-index-index .page-main [class*='hero'] img,
  body.cms-index-index .page-main [class*='Hero'] img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 767px) {
  body .page-wrapper,
  body .page-main,
  body .page-main > .columns,
  body .columns,
  body .column.main,
  body .page-header .header.content,
  body .panel.header,
  body .nav-sections .navigation,
  body .page-footer .footer.content {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  body .page-main {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body .page-header .header.content {
    display: flex !important;
    flex-wrap: wrap !important;
    min-height: auto !important;
    gap: 12px !important;
    padding: 12px 16px !important;
  }

  body .page-header .logo {
    order: 1 !important;
    max-width: 180px !important;
    margin: 0 !important;
  }

  body .page-header .minicart-wrapper,
  body .page-header .header.links {
    order: 2 !important;
    margin-left: auto !important;
  }

  body .page-header .block-search {
    order: 3 !important;
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
  }

  body .astalias-menu-toggle {
    display: inline-flex !important;
  }
}

/* Astalias Header/Menu Band Style final rules */
body .page-header { background: #ffffff !important; color: #111827 !important; font-size: 14px !important; }
body .page-header a, body .page-header .header.links a, body .page-header .authorization-link a { color: #111827 !important; font-size: 14px !important; }
body .panel.wrapper { background: #07142d !important; color: #ffffff !important; font-size: 13px !important; }
body .panel.wrapper a, body .panel.header, body .panel.header a, body .panel.header .switcher, body .panel.header .header.links a { color: #ffffff !important; font-size: 13px !important; }
body .nav-sections { background: #ff7900 !important; color: #ffffff !important; font-size: 14px !important; }
body .nav-sections .navigation { color: #ffffff !important; font-size: 14px !important; }
body .navigation .level0 > .level-top { color: #ffffff !important; font-size: 14px !important; }
body .navigation .level0 > .level-top:hover, body .navigation .level0 > .level-top.ui-state-focus, body .navigation .level0.active > .level-top, body .navigation .level0.has-active > .level-top { background: #e86d00 !important; color: #ffffff !important; }
body .astalias-main-menu, body .astalias-main-menu a, body .astalias-menu-link { color: #ffffff !important; font-size: 14px !important; }
body .astalias-menu-link:hover, body .astalias-menu-link:focus { background: #e86d00 !important; color: #ffffff !important; }

/* Astalias menu display mode final rules */
body .astalias-main-menu { display: none !important; }

/* Astalias fix: keep logo + search + cart on one desktop header row */
@media (min-width: 768px) {
  body .page-header .header.content {
    display: grid !important;
    grid-template-columns: minmax(150px, 240px) minmax(320px, 1fr) minmax(64px, auto) !important;
    align-items: center !important;
    column-gap: 24px !important;
    row-gap: 0 !important;
  }

  body .page-header .logo {
    grid-column: 1 !important;
    justify-self: start !important;
    order: initial !important;
    margin: 0 !important;
    max-width: 220px !important;
  }

  body .page-header .block-search {
    grid-column: 2 !important;
    justify-self: center !important;
    order: initial !important;
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 !important;
    padding-left: 0 !important;
    float: none !important;
  }

  body .page-header .minicart-wrapper,
  body .page-header .header.links,
  body .page-header .header.content > .links {
    grid-column: 3 !important;
    justify-self: end !important;
    order: initial !important;
  }
}

/* Astalias ChildThemeMaker - Desktop header grid search alignment fix */
@media (min-width: 768px) {
  body .page-header .header.content {
    display: grid !important;
    grid-template-columns: minmax(160px, 220px) minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: 24px !important;
    row-gap: 0 !important;
    flex-wrap: nowrap !important;
  }

  body .page-header .logo {
    grid-column: 1 !important;
    order: 1 !important;
    margin: 0 !important;
    float: none !important;
    justify-self: start !important;
  }

  body .page-header .block-search {
    grid-column: 2 !important;
    order: 2 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-left: 0 !important;
    float: none !important;
    justify-self: stretch !important;
  }

  body .page-header .minicart-wrapper {
    grid-column: 3 !important;
    order: 3 !important;
    margin-left: 12px !important;
    float: none !important;
    justify-self: end !important;
  }
}

/* Astalias ChildThemeMaker - Desktop header strict row lock */
@media (min-width: 768px) {
  body .page-header .header.content {
    display: grid !important;
    grid-template-columns: minmax(160px, 220px) minmax(0, 1fr) auto !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    column-gap: 24px !important;
    row-gap: 0 !important;
    flex-wrap: nowrap !important;
  }

  body .page-header .header.content > .nav-toggle {
    display: none !important;
  }

  body .page-header .header.content > .logo {
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    float: none !important;
    margin: 0 !important;
    max-width: 220px !important;
    justify-self: start !important;
    align-self: center !important;
  }

  body .page-header .header.content > .block-search {
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: 2 !important;
    display: block !important;
    float: none !important;
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-left: 0 !important;
    justify-self: stretch !important;
    align-self: center !important;
    z-index: 3 !important;
  }

  body .page-header .header.content > .block-search .block-content,
  body .page-header .header.content > .block-search form,
  body .page-header .header.content > .block-search .field.search,
  body .page-header .header.content > .block-search .control {
    width: 100% !important;
    max-width: none !important;
  }

  body .page-header .header.content > .minicart-wrapper {
    grid-column: 3 !important;
    grid-row: 1 !important;
    order: 3 !important;
    float: none !important;
    margin: 0 0 0 12px !important;
    justify-self: end !important;
    align-self: center !important;
  }
}

/* Astalias ChildThemeMaker - Desktop header 6 column grid foundation */
@media (min-width: 768px) {
  body .page-header .header.content {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    column-gap: 16px !important;
    row-gap: 0 !important;
    flex-wrap: nowrap !important;
  }

  body .page-header .header.content > .nav-toggle {
    display: none !important;
  }

  body .page-header .header.content > .logo {
    grid-column: 1 / 3 !important;
    grid-row: 1 !important;
    order: 1 !important;
    float: none !important;
    margin: 0 !important;
    max-width: 220px !important;
    justify-self: start !important;
    align-self: center !important;
  }

  body .page-header .header.content > .block-search {
    grid-column: 3 / 6 !important;
    grid-row: 1 !important;
    order: 2 !important;
    display: block !important;
    float: none !important;
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-left: 0 !important;
    justify-self: stretch !important;
    align-self: center !important;
    z-index: 3 !important;
  }

  body .page-header .header.content > .block-search .block-content,
  body .page-header .header.content > .block-search form,
  body .page-header .header.content > .block-search .field.search,
  body .page-header .header.content > .block-search .control {
    width: 100% !important;
    max-width: none !important;
  }

  body .page-header .header.content > .minicart-wrapper {
    grid-column: 6 / 7 !important;
    grid-row: 1 !important;
    order: 3 !important;
    float: none !important;
    margin: 0 !important;
    justify-self: end !important;
    align-self: center !important;
  }
}


/* Astalias - Desktop native topnav dropdown (parent=blank bunu icermez) */
@media (min-width: 768px) {
  body .nav-sections .navigation li.level0 { position: relative !important; }
  body .nav-sections .navigation .submenu {
    display: none !important;
    position: absolute !important;
    top: 100% !important; left: 0 !important;
    min-width: 230px !important; margin: 0 !important; padding: 8px 0 !important;
    background: #ffffff !important; border: 1px solid #eef0f4 !important;
    box-shadow: 0 18px 45px rgba(15,23,42,.16) !important;
    border-radius: 10px !important; z-index: 200 !important; list-style: none !important;
  }
  body .nav-sections .navigation li.level0:hover > .submenu,
  body .nav-sections .navigation li.level0.active > .submenu { display: block !important; }
  body .nav-sections .navigation li.level1 { position: relative !important; }
  body .nav-sections .navigation li.level1 > .submenu { top: -8px !important; left: 100% !important; }
  body .nav-sections .navigation li.level1:hover > .submenu { display: block !important; }
  body .nav-sections .navigation .submenu li { display: block !important; float: none !important; }
  body .nav-sections .navigation .submenu a {
    display: block !important; padding: 8px 18px !important;
    color: #111827 !important; white-space: nowrap !important; background: transparent !important;
  }
  body .nav-sections .navigation .submenu a:hover { background: #f5f7fa !important; color: #111827 !important; }
}

/* Advanced Search inside search box (kompakt link) */
@media (min-width: 768px) {
  body .page-header .header.content > .block-search .control { position: relative !important; }
  body .page-header .header.content > .block-search .nested { position: static !important; margin: 0 !important; padding: 0 !important; }
  body .page-header .header.content > .block-search #search,
  body .page-header .header.content > .block-search input.input-text { padding-right: 150px !important; }
  body .page-header .header.content > .block-search .action.advanced {
    position: absolute !important;
    top: 50% !important; right: 52px !important;
    transform: translateY(-50%) !important;
    margin: 0 !important; padding: 0 0 0 12px !important;
    font-size: 12px !important; line-height: 1 !important;
    color: #64748b !important; text-decoration: none !important; white-space: nowrap !important;
    border-left: 1px solid #e2e8f0 !important; z-index: 5 !important;
  }
  body .page-header .header.content > .block-search .action.advanced:hover { color: #ff7900 !important; }
}

/* Freelancerists Mobile Orange Dropdown Menu Fix V1
   Scope: Magento native mobile nav drawer only.
   Keeps desktop orange menu design consistent on mobile.
   Reality3D untouched. Homepage content untouched. */
@media only screen and (max-width: 767px) {
    html.nav-open body .nav-sections,
    html.nav-open body .nav-sections .section-items,
    html.nav-open body .nav-sections .nav-sections-items,
    html.nav-open body .nav-sections .section-item-content,
    html.nav-open body .nav-sections .nav-sections-item-content,
    html.nav-open body .nav-sections .navigation,
    html.nav-open body .nav-sections .navigation ul,
    html.nav-open body .nav-sections .navigation li,
    html.nav-open body .nav-sections .navigation .submenu,
    html.nav-open body .nav-sections .navigation .submenu li {
        background: #ff7900 !important;
        color: #ffffff !important;
    }

    html.nav-open body .nav-sections .nav-sections-item-title,
    html.nav-open body .nav-sections .nav-sections-item-title.active {
        background: #e86d00 !important;
        border-color: rgba(255,255,255,.25) !important;
    }

    html.nav-open body .nav-sections .nav-sections-item-title a,
    html.nav-open body .nav-sections .nav-sections-item-title a span,
    html.nav-open body .nav-sections .navigation a,
    html.nav-open body .nav-sections .navigation a span,
    html.nav-open body .nav-sections .navigation .level0 > .level-top,
    html.nav-open body .nav-sections .navigation .level0 > .level-top span,
    html.nav-open body .nav-sections .navigation .submenu a,
    html.nav-open body .nav-sections .navigation .submenu a span {
        color: #ffffff !important;
        opacity: 1 !important;
        text-shadow: none !important;
        visibility: visible !important;
    }

    html.nav-open body .nav-sections .navigation .level0,
    html.nav-open body .nav-sections .navigation .level1,
    html.nav-open body .nav-sections .navigation .level2 {
        border-color: rgba(255,255,255,.25) !important;
    }

    html.nav-open body .nav-sections .navigation a:hover,
    html.nav-open body .nav-sections .navigation a:focus,
    html.nav-open body .nav-sections .navigation .level0 > .level-top.ui-state-focus,
    html.nav-open body .nav-sections .navigation .level0 > .level-top.ui-state-active {
        background: #e86d00 !important;
        color: #ffffff !important;
    }

    html.nav-open body .nav-sections .navigation .submenu a {
        padding-left: 28px !important;
    }

    html.nav-open body .nav-sections .navigation .submenu .submenu a {
        padding-left: 42px !important;
    }
}

/* Freelancerists Tablet Orange Nav Fix V1
   Scope: tablet nav only, 768px-1024px.
   Keeps nav/submenu orange with white text.
   Mobile drawer fix remains separate.
   Reality3D untouched. Homepage content untouched. */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    body .nav-sections,
    body .nav-sections .navigation {
        background: #ff7900 !important;
        color: #ffffff !important;
        overflow: visible !important;
        position: relative !important;
        z-index: 120 !important;
    }

    body .nav-sections .navigation {
        box-sizing: border-box !important;
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        width: 100% !important;
    }

    body .nav-sections .navigation > ul,
    body .nav-sections .navigation > ul {
        align-items: stretch !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 0 !important;
        margin: 0 !important;
        max-width: 100% !important;
        overflow: visible !important;
        padding: 0 !important;
    }

    body .navigation .level0 {
        background: #ff7900 !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        position: relative !important;
    }

    body .navigation .level0 > .level-top,
    body .navigation .level0 > .level-top span {
        background: #ff7900 !important;
        color: #ffffff !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 1.25 !important;
        white-space: nowrap !important;
    }

    body .navigation .level0 > .level-top {
        display: block !important;
        min-height: 44px !important;
        padding: 14px 13px !important;
    }

    body .navigation .level0 > .level-top:hover,
    body .navigation .level0 > .level-top.ui-state-focus,
    body .navigation .level0 > .level-top.ui-state-active,
    body .navigation .level0.active > .level-top,
    body .navigation .level0.has-active > .level-top {
        background: #e86d00 !important;
        color: #ffffff !important;
    }

    body .nav-sections .navigation .submenu,
    body .nav-sections .navigation .submenu li {
        background: #ff7900 !important;
        color: #ffffff !important;
    }

    body .nav-sections .navigation .submenu {
        border: 1px solid rgba(255,255,255,.25) !important;
        box-shadow: 0 18px 42px rgba(15,23,42,.22) !important;
        min-width: 240px !important;
        max-width: min(90vw, 340px) !important;
        padding: 8px 0 !important;
        z-index: 300 !important;
    }

    body .nav-sections .navigation li.level0:hover > .submenu,
    body .nav-sections .navigation li.level0:focus-within > .submenu,
    body .nav-sections .navigation li.level0.active > .submenu {
        display: block !important;
    }

    body .nav-sections .navigation .submenu li {
        display: block !important;
        float: none !important;
        margin: 0 !important;
        position: relative !important;
    }

    body .nav-sections .navigation .submenu a,
    body .nav-sections .navigation .submenu a span {
        background: transparent !important;
        color: #ffffff !important;
        display: block !important;
        font-size: 13px !important;
        line-height: 1.35 !important;
        opacity: 1 !important;
        padding: 10px 14px !important;
        text-shadow: none !important;
        visibility: visible !important;
        white-space: normal !important;
    }

    body .nav-sections .navigation .submenu a:hover,
    body .nav-sections .navigation .submenu a:focus {
        background: #e86d00 !important;
        color: #ffffff !important;
    }

    body .nav-sections .navigation li.level1 > .submenu {
        left: 100% !important;
        top: -8px !important;
    }
}