/* ICODE MEDIA R122 | mobile/tablet premium navigation finish.
   Only the opened menu. Does NOT style the page, intro, hero/fan, or desktop.
   Scope: .mobile-scene[data-mobile-menu] at <= 1080px. */
@media (max-width:1080px) {
  html body .mobile-scene[data-mobile-menu] {
    background: #fcf8f3!important;
    background-image: radial-gradient(ellipse 80% 40% at 95% 26%, rgba(209,161,127,.105), transparent 80%),
      radial-gradient(ellipse 78% 48% at -20% 85%, rgba(222,184,153,.08), transparent 80%),
      linear-gradient(160deg,#fffaf6 0%,#fdf9f4 55%,#faf5ef 100%)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  /* Clear any R119.4 decorative pseudo layers if that verified version is still live. */
  html body .mobile-scene[data-mobile-menu]::before,
  html body .mobile-scene[data-mobile-menu]::after {
    content:none!important;
    display:none!important;
  }
  html body .mobile-scene[data-mobile-menu] .icode-r1192-brand-watermark {
    top:clamp(160px,22vh,240px)!important;
    right:-4px!important;
    width:clamp(106px,31vw,178px)!important;
    max-height:150px!important;
    opacity:.070!important;
    clip-path:inset(0 0 32% 0)!important;
    transform:none!important;
    pointer-events:none!important;
    filter:none!important;
  }
  html body .mobile-scene[data-mobile-menu] .mobile-scene-top {
    padding-bottom:8px!important;
  }
  html body .mobile-scene[data-mobile-menu] .icode-r117-mobile-nav {
    /* Stop stretching the link list to fill the viewport and creating an empty gulf. */
    flex:0 0 auto!important;
    padding-top:clamp(10px,2.2vh,20px)!important;
    padding-bottom:4px!important;
    padding-left:clamp(36px,13vw,114px)!important;
    padding-right:clamp(22px,5.8vw,72px)!important;
  }
  html body .mobile-scene[data-mobile-menu] .icode-r117-mobile-nav .icode-r117-row {
    min-height:clamp(48px,6.1vh,58px)!important;
    border-bottom-color:rgba(168,124,93,.16)!important;
  }
  html body .mobile-scene[data-mobile-menu] .icode-r117-mobile-nav .icode-r117-row>a {
    min-height:clamp(47px,6vh,57px)!important;
    font-weight:570!important;
    letter-spacing:-.015em!important;
  }
  html body .mobile-scene[data-mobile-menu] .icode-r117-mobile-nav .icode-r117-row>a:active {
    color:#a76e4a!important;
    -webkit-text-fill-color:#a76e4a!important;
  }
  html body .mobile-scene[data-mobile-menu] .icode-r117-mobile-nav .icode-r117-toggle {
    flex-basis:44px!important;
    width:44px!important;height:44px!important;
    border-radius:11px!important;
  }
  html body .mobile-scene[data-mobile-menu] .icode-r117-mobile-nav .icode-r117-toggle[aria-expanded="true"] {
    background:rgba(192,144,109,.13)!important;
  }
  html body .mobile-scene[data-mobile-menu] .icode-r117-mobile-nav .icode-r117-chevron {
    width:9px!important;height:9px!important;
  }
  /* A single restrained contact strip, instead of two oversized floating boxes. */
  html body .mobile-scene[data-mobile-menu] .mobile-scene-bottom.icode-r122-contact-bottom {
    position:relative!important;
    flex:0 0 auto!important;
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
    gap:11px!important;
    width:100%!important;
    margin:clamp(18px,3.2vh,28px) auto 0!important;
    padding:0 clamp(20px,5.6vw,54px) calc(23px + env(safe-area-inset-bottom))!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  html body .mobile-scene[data-mobile-menu] .icode-r122-connect {
    display:block!important;
    flex:0 0 auto!important;
    padding:13px 15px 12px!important;
    background:rgba(255,255,255,.65)!important;
    border:1px solid rgba(174,125,93,.24)!important;
    border-radius:16px!important;
    box-shadow:0 7px 22px rgba(130,92,62,.045)!important;
  }
  html body .mobile-scene[data-mobile-menu] .icode-r122-connect-head {
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin:0 0 12px!important;
    color:#996444!important;
    font:700 10px/1.3 Inter,Arial,sans-serif!important;
    letter-spacing:.14em!important;
  }
  html body .mobile-scene[data-mobile-menu] .icode-r122-connect-head small {
    font:500 9px/1.25 Inter,Arial,sans-serif!important;
    letter-spacing:.06em!important;
    color:#978579!important;
    text-align:right!important;
  }
  html body .mobile-scene[data-mobile-menu] .icode-r122-connect-links {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr)!important;
    align-items:center!important;
    gap:0!important;
    min-height:38px!important;
  }
  html body .mobile-scene[data-mobile-menu] .icode-r122-connect-links>a {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    box-sizing:border-box!important;
    min-height:44px!important;
    min-width:0!important;
    padding:9px 8px!important;
    color:#342c27!important;
    -webkit-text-fill-color:#342c27!important;
    text-decoration:none!important;
    font:600 clamp(12px,3.25vw,14px)/1.3 Inter,Arial,sans-serif!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    border-radius:9px!important;
    transition:background-color .16s ease,color .16s ease!important;
  }
  html body .mobile-scene[data-mobile-menu] .icode-r122-connect-links>a:active,
  html body .mobile-scene[data-mobile-menu] .icode-r122-connect-links>a:hover {
    background:rgba(188,140,105,.09)!important;
  }
  html body .mobile-scene[data-mobile-menu] .icode-r122-connect-links svg {
    display:block!important;
    flex:0 0 18px!important;
    width:18px!important;height:18px!important;
    stroke:#a87854!important;
    fill:none!important;
  }
  html body .mobile-scene[data-mobile-menu] .icode-r122-contact-divider {
    display:block!important;
    align-self:stretch!important;
    width:1px!important;
    margin:7px 0!important;
    background:#e4d4c8!important;
  }
  html body .mobile-scene[data-mobile-menu] .mobile-scene-bottom.icode-r122-contact-bottom>a.mobile-start {
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    grid-column:auto!important;
    width:100%!important;
    box-sizing:border-box!important;
    min-height:55px!important;
    margin:0!important;
    padding:14px 20px!important;
    background:#c77d4d!important;
    color:#fff!important;-webkit-text-fill-color:#fff!important;
    border:1px solid #b97448!important;
    border-radius:15px!important;
    font:700 15px/1.3 Inter,Arial,sans-serif!important;
    text-decoration:none!important;
    box-shadow:0 8px 18px rgba(148,95,55,.115)!important;
  }
  html body .mobile-scene[data-mobile-menu] .mobile-scene-bottom.icode-r122-contact-bottom>a.mobile-start b {
    color:#fff!important;
    font-size:22px!important;
    line-height:1!important;
  }
  html body .mobile-scene[data-mobile-menu] .mobile-scene-bottom.icode-r122-contact-bottom>a.mobile-start:active {
    background:#b87043!important;
  }
  html body .mobile-scene[data-mobile-menu] .icode-r122-contact-bottom :is(a,button):focus-visible {
    outline:2px solid #966342!important;
    outline-offset:3px!important;
  }
}
@media (min-width:769px) and (max-width:1080px) {
  html body .mobile-scene[data-mobile-menu] .icode-r117-mobile-nav {
    padding-left:max(14vw,110px)!important;
    padding-right:max(14vw,110px)!important;
  }
  html body .mobile-scene[data-mobile-menu] .mobile-scene-bottom.icode-r122-contact-bottom {
    max-width:600px!important;
  }
}
@media (max-width:359px) {
  html body .mobile-scene[data-mobile-menu] .icode-r117-mobile-nav {
    padding-left:32px!important;
    padding-right:18px!important;
  }
  html body .mobile-scene[data-mobile-menu] .icode-r122-connect-head small {font-size:8px!important;}
  html body .mobile-scene[data-mobile-menu] .icode-r122-connect-links>a {gap:6px!important;padding-inline:4px!important;font-size:11.5px!important;}
}
@media (prefers-reduced-motion:reduce) {
  html body .mobile-scene[data-mobile-menu] .icode-r122-connect-links>a {transition:none!important;}
}

/* R122.1: match desktop ERP / CRM Demo CTA, mobile/tablet menu only. */
@media (max-width:1080px) {
  html body .mobile-scene[data-mobile-menu] .mobile-scene-bottom.icode-r122-contact-bottom > a.mobile-start[data-icode-r1221-erp="1"] {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:50px!important;
    padding:0 18px!important;
    background:#111417!important;
    border:1px solid #111417!important;
    border-radius:13px!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font:800 12px/1.3 Inter,Arial,sans-serif!important;
    letter-spacing:0!important;
    text-align:center!important;
    text-decoration:none!important;
    box-shadow:0 10px 26px rgba(21,23,26,.12)!important;
  }
  html body .mobile-scene[data-mobile-menu] .mobile-scene-bottom.icode-r122-contact-bottom > a.mobile-start[data-icode-r1221-erp="1"]:hover,
  html body .mobile-scene[data-mobile-menu] .mobile-scene-bottom.icode-r122-contact-bottom > a.mobile-start[data-icode-r1221-erp="1"]:focus-visible {
    background:#c87542!important;
    border-color:#c87542!important;
  }
  html body .mobile-scene[data-mobile-menu] .mobile-scene-bottom.icode-r122-contact-bottom > a.mobile-start[data-icode-r1221-erp="1"] span {
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font:inherit!important;
  }
}