/* Mobile refinement only; desktop and section decorations keep their styles. */
@media (max-width: 1199px) {
  .main-header.main-header--two {
    background: linear-gradient(180deg, rgba(114,4,17,.56), rgba(82,3,12,.5) 58%, rgba(42,5,10,.44)) !important;
    box-shadow: none !important;
    border-bottom: 0 !important;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
  .main-header.main-header--two::before { display: none !important; }
  /* As on desktop, show only the lower half of the decorative tile. */
  .main-header.main-header--two::after {
    background-image: url('../images/border-botom.png') !important;
    background-position: bottom center !important;
    background-repeat: repeat-x !important;
    background-size: 56px 32px !important;
    top: 100% !important;
    bottom: auto !important;
    height: 16px !important;
    overflow: hidden !important;
    opacity: .94 !important;
    pointer-events: none !important;
  }
  .main-header.main-header--two .main-header__inner {
    padding-left: calc(8px + env(safe-area-inset-left)) !important;
    padding-right: calc(8px + env(safe-area-inset-right)) !important;
    gap: 4px !important;
  }
  .main-header.main-header--two .main-header__logo {
    max-width: 116px !important;
    min-width: 64px !important;
  }
  .main-header.main-header--two .main-header__logo img {
    max-width: 100% !important;
    height: auto !important;
  }
  .main-header.main-header--two .main-header__right { gap: 4px !important; }
  .main-header.main-header--two .royal-header-phone { order: 1; }
  .main-header.main-header--two .main-header__right > .royal-language {
    display: inline-flex;
    order: 2;
  }
  .main-header.main-header--two .royal-language a {
    width: 32px;
    min-height: 44px;
    padding: 0;
  }
  .main-header.main-header--two .royal-language a span { display: none; }
  .main-header.main-header--two .royal-language a[aria-current='page'] svg {
    outline: 1px solid rgba(215,173,74,.8);
    outline-offset: 3px;
  }
  .main-header.main-header--two .mobile-nav__btn { order: 3; }
}
@media (max-width: 380px) {
  .main-header.main-header--two .main-header__logo { max-width: 80px !important; }
  .main-header.main-header--two .main-header__right { gap: 2px !important; }
  .main-header.main-header--two .royal-language a { width: 28px; }
  .main-header.main-header--two .royal-header-phone { padding-inline: 4px !important; }
}
