/* SEPINDAR R12.36 — MOBILE HOME VISUAL REPAIR
   Based on the actual R12.31.07 mobile DOM (.sep-mobile-home-r1230).
   Mobile home only. Desktop/backend untouched.
*/
@media (max-width:768px){

  html,body{max-width:100%!important;overflow-x:hidden!important}
  body.home-page{background:#f6f8fb!important;color:#10263e!important}

  /* White mobile header with the real header logo */
  body.home-page .site-header{
    position:sticky!important;top:0!important;z-index:2147483000!important;
    background:#fff!important;border-bottom:1px solid rgba(6,38,79,.08)!important;
    box-shadow:0 8px 24px rgba(6,38,79,.08)!important;overflow:visible!important
  }
  body.home-page .site-header .wrap.nav{
    min-height:82px!important;height:82px!important;width:100%!important;
    padding:0 14px!important;display:grid!important;
    grid-template-columns:58px minmax(0,1fr) 58px!important;align-items:center!important
  }
  body.home-page .brand{
    position:absolute!important;left:50%!important;top:50%!important;
    transform:translate(-50%,-50%)!important;margin:0!important;padding:0!important;
    display:flex!important;align-items:center!important;justify-content:center!important
  }
  body.home-page .brand-logo{
    display:block!important;width:146px!important;max-width:42vw!important;
    height:auto!important;max-height:56px!important;object-fit:contain!important
  }
  body.home-page .menu-toggle{
    display:flex!important;width:48px!important;height:48px!important;
    border:1px solid #dfe6ed!important;border-radius:14px!important;
    background:#fff!important;box-shadow:none!important;
    align-items:center!important;justify-content:center!important
  }
  body.home-page .menu-toggle span{background:#06264f!important}
  body.home-page .language-switch>button{
    min-width:48px!important;height:48px!important;padding:0 8px!important;
    border:1px solid #e1e7ee!important;border-radius:14px!important;
    background:#fff!important;color:#06264f!important;box-shadow:none!important
  }
  body.home-page .language-switch .lang-caret{color:#06264f!important}
  body.home-page .language-switch .lang-name-v390{display:none!important}
  body.home-page .nav-cta{display:none!important}

  /* Mobile menu */
  body.home-page .site-header #primary-navigation,
  body.home-page .site-header nav#primary-navigation{
    top:88px!important;left:12px!important;right:12px!important;
    background:#fff!important;border:1px solid #e2e8ef!important;
    border-radius:18px!important;box-shadow:0 24px 60px rgba(6,38,79,.22)!important
  }
  body.home-page .site-header #primary-navigation a{
    color:#06264f!important;background:transparent!important;
    font-size:14px!important;line-height:1.35!important;padding:12px 13px!important
  }

  /* Real mobile hero */
  body.home-page .sep-mobile-home-r1230{
    display:block!important;position:relative!important;overflow:hidden!important;
    width:100%!important;max-width:100%!important;min-height:665px!important;
    background:#0a2949!important;color:#fff!important
  }
  body.home-page .sep-mobile-home-r1230-bg{
    position:absolute!important;inset:0!important;
    background-image:url('/assets/sepindar-mobile-hero-r1238.webp?v=12.38.00')!important;
    background-size:cover!important;background-repeat:no-repeat!important;
    background-position:center 58%!important;filter:none!important;opacity:1!important
  }
  body.home-page .sep-mobile-home-r1230-overlay{
    position:absolute!important;inset:0!important;
    background:
      linear-gradient(180deg,rgba(2,20,42,.14) 0%,rgba(2,20,42,.18) 28%,rgba(2,20,42,.35) 58%,rgba(2,20,42,.70) 100%)!important
  }
  body.home-page .sep-mobile-home-r1230-shell{
    position:relative!important;z-index:2!important;width:100%!important;max-width:none!important;
    min-height:665px!important;padding:34px 16px 24px!important;
    display:flex!important;flex-direction:column!important;justify-content:flex-start!important
  }
  body.home-page .sep-mobile-home-r1230-main{
    display:block!important;width:100%!important;max-width:none!important
  }
  body.home-page .sep-mobile-home-r1230-copy{
    width:100%!important;max-width:350px!important;min-width:0!important;
    padding:0!important;margin:0!important;display:block!important
  }
  body.home-page .sep-mobile-home-r1230-kicker{
    display:inline-flex!important;align-items:center!important;gap:8px!important;
    color:#ffd56a!important;font-size:10px!important;line-height:1.4!important;
    font-weight:900!important;letter-spacing:.055em!important;margin:0 0 10px!important;
    text-shadow:0 2px 12px rgba(0,0,0,.28)!important
  }
  body.home-page .sep-mobile-home-r1230-kicker:before{
    width:25px!important;height:2px!important;background:#f0bd3f!important
  }
  body.home-page .sep-mobile-home-r1230-copy h1{
    margin:0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
    font-size:clamp(32px,9.3vw,40px)!important;line-height:1.08!important;font-weight:900!important;
    letter-spacing:-.025em!important;overflow-wrap:normal!important;word-break:normal!important;
    text-shadow:0 3px 20px rgba(0,0,0,.34)!important
  }
  body.home-page .sep-mobile-home-r1230-copy p{
    margin:14px 0 0!important;max-width:345px!important;
    color:rgba(255,255,255,.94)!important;font-size:13.5px!important;line-height:1.72!important;
    text-shadow:0 2px 14px rgba(0,0,0,.34)!important
  }
  body.home-page .sep-mobile-home-r1230-actions{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;
    margin:18px 0 0!important;padding:0!important;max-width:350px!important
  }
  body.home-page .sep-mobile-home-r1230-actions a{
    min-height:50px!important;padding:0 13px!important;border-radius:14px!important;
    font-size:13px!important;line-height:1.25!important;font-weight:850!important
  }
  body.home-page .sep-mobile-home-r1230-actions a.primary{
    color:#06264f!important;background:linear-gradient(135deg,#f4cf69,#d8a42d)!important;
    box-shadow:0 12px 26px rgba(218,164,45,.20)!important
  }
  body.home-page .sep-mobile-home-r1230-actions a.secondary{
    color:#fff!important;background:rgba(4,36,73,.48)!important;
    border:1px solid rgba(255,255,255,.55)!important;backdrop-filter:blur(9px)!important
  }
  body.home-page .sep-mobile-home-r1230-actions b{font-size:21px!important}

  /* Remove the old tall route card and duplicate branding */
  body.home-page .sep-mobile-route-r1230{display:none!important}
  body.home-page .sep-mobile-home-r1230-foot{display:none!important}

  /* Four transport modes as small floating glass cards */
  body.home-page .sep-mobile-home-r1230-modes{
    margin-top:auto!important;padding:18px 0 0!important;
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;border:0!important
  }
  body.home-page .sep-mobile-home-r1230-modes a{
    min-width:0!important;min-height:76px!important;padding:10px 4px 8px!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:7px!important;border:1px solid rgba(255,255,255,.38)!important;border-radius:16px!important;
    background:rgba(5,34,67,.36)!important;backdrop-filter:blur(9px)!important;
    color:#fff!important;text-decoration:none!important
  }
  body.home-page .sep-mobile-home-r1230-modes i{
    width:31px!important;height:31px!important;display:grid!important;place-items:center!important;
    color:#f3c94f!important
  }
  body.home-page .sep-mobile-home-r1230-modes svg{
    width:27px!important;height:27px!important;color:#f3c94f!important
  }
  body.home-page .sep-mobile-home-r1230-modes span{
    font-size:10px!important;line-height:1.15!important;color:#fff!important;text-align:center!important
  }

  /* Keep desktop hero out of mobile */
  body.home-page .premium-hero-v37,
  body.home-page .premium-hero-v37 *{display:none!important}

  /* Tracking: white, compact, app-like */
  body.home-page .tracking-home-v680,
  body.home-page .tracking-home-v700{
    position:relative!important;z-index:5!important;
    margin:-26px 0 0!important;padding:0 0 24px!important;
    background:#f6f8fb!important;color:#10263e!important
  }
  body.home-page .tracking-home-v680 .wrap,
  body.home-page .tracking-home-v700 .wrap{
    width:100%!important;max-width:none!important;padding:0 14px!important
  }
  body.home-page .tracking-home-v680-grid,
  body.home-page .tracking-home-v700-grid{
    display:block!important;background:#fff!important;border:1px solid #e3e9ef!important;
    border-radius:24px!important;box-shadow:0 18px 48px rgba(6,38,79,.12)!important;
    overflow:hidden!important
  }
  body.home-page .tracking-home-v680-copy{
    margin:0!important;padding:18px 18px 8px!important;color:#10263e!important
  }
  body.home-page .tracking-home-v680-copy .v15-kicker{
    color:#a8780f!important;font-size:9px!important;font-weight:900!important;letter-spacing:.08em!important
  }
  body.home-page .tracking-home-v680-copy h2{
    margin:5px 0 6px!important;color:#06264f!important;-webkit-text-fill-color:#06264f!important;
    font-size:25px!important;line-height:1.12!important;font-weight:900!important
  }
  body.home-page .tracking-home-v680-copy p{
    margin:0!important;color:#66778a!important;font-size:11.5px!important;line-height:1.58!important
  }
  body.home-page .tracking-home-v680-copy small{display:none!important}

  body.home-page .tracking-console-v700{
    width:100%!important;margin:0!important;padding:10px 16px 17px!important;
    background:#fff!important;border:0!important;border-radius:0!important;
    box-shadow:none!important;color:#10263e!important
  }
  body.home-page .tracking-console-head-v700{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    margin:0 0 11px!important;padding:0!important;color:#06264f!important
  }
  body.home-page .tracking-console-head-v700>div span{
    color:#06264f!important;font-size:10px!important;font-weight:850!important
  }
  body.home-page .tracking-console-head-v700 b{
    padding:7px 10px!important;border-radius:999px!important;
    background:#fff3cf!important;color:#90690e!important;font-size:9px!important
  }

  body.home-page .tracking-home-mode-v411{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;
    margin:0 0 12px!important;padding:0!important;background:transparent!important;border:0!important
  }
  body.home-page .tracking-home-mode-v411 label{margin:0!important;min-width:0!important}
  body.home-page .tracking-home-mode-v411 label:nth-child(3){grid-column:1/-1!important}
  body.home-page .tracking-home-mode-v411 label>span{
    width:100%!important;min-height:50px!important;padding:8px 9px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
    border:1px solid #dce4ec!important;border-radius:14px!important;
    background:#f5f8fb!important;color:#52657b!important;box-shadow:none!important
  }
  body.home-page .tracking-home-mode-v411 label input:checked+span{
    border-color:#e2b33d!important;background:linear-gradient(135deg,#f5d16e,#e1ad34)!important;
    color:#06264f!important
  }
  body.home-page .tracking-home-mode-v411 svg{
    width:22px!important;height:22px!important;color:#d5a21f!important
  }
  body.home-page .tracking-home-mode-v411 b{
    color:inherit!important;font-size:10px!important;font-weight:850!important
  }

  body.home-page .tracking-search-v680>label{
    color:#34485d!important;font-size:10px!important;font-weight:850!important;margin:0 0 7px!important
  }
  body.home-page .tracking-search-v680>div{
    display:grid!important;grid-template-columns:minmax(0,1fr) 92px!important;gap:7px!important
  }
  body.home-page .tracking-search-v680 input{
    min-width:0!important;height:50px!important;padding:0 12px!important;
    border:1px solid #d8e1ea!important;border-radius:13px!important;
    background:#fff!important;color:#10263e!important;font-size:12px!important;box-shadow:none!important
  }
  body.home-page .tracking-search-v680 button{
    height:50px!important;padding:0 8px!important;border:0!important;border-radius:13px!important;
    background:#06264f!important;color:#fff!important;font-size:10px!important;font-weight:900!important
  }
  body.home-page .tracking-path-v700,
  body.home-page .tracking-path-v750{
    margin:15px 0 8px!important;padding:11px 5px!important;
    border:1px solid #e6ecf2!important;border-radius:15px!important;background:#f8fafc!important
  }
  body.home-page .tracking-signal-v680{
    color:#6b7b8d!important;font-size:9px!important
  }

  /* Services: light cards */
  body.home-page .services-v15.home-services-v400{
    background:#fff!important;padding-top:30px!important;padding-bottom:30px!important
  }
  body.home-page .services-v15 .section-v15-head h2{
    color:#06264f!important;-webkit-text-fill-color:#06264f!important
  }
  body.home-page .services-v15 .section-v15-head .v15-kicker{color:#a8780f!important}
  body.home-page .service-bento{
    grid-template-columns:1fr!important;gap:12px!important
  }
  body.home-page .bento-card{
    min-height:190px!important;border-radius:20px!important;overflow:hidden!important;
    box-shadow:0 12px 30px rgba(6,38,79,.12)!important
  }

  /* Rest of page stays light */
  body.home-page .home-corridors-v2200,
  body.home-page .home-network-v1000,
  body.home-page .home-process-v400,
  body.home-page .home-intelligence-v2200,
  body.home-page .home-insights-v400{
    background:#fff!important;color:#10263e!important
  }

  /* AI launcher */
  body.home-page .sep-assistant__launcher{
    width:54px!important;height:54px!important;right:14px!important;left:auto!important;bottom:16px!important;
    border-radius:50%!important;border:2px solid #fff!important;z-index:2147482000!important;
    box-shadow:0 12px 30px rgba(6,38,79,.22)!important
  }
  [dir=rtl] body.home-page .sep-assistant__launcher{right:auto!important;left:14px!important}

  [dir=rtl] body.home-page .sep-mobile-home-r1230-copy,
  [dir=rtl] body.home-page .tracking-home-v680-copy{text-align:right!important}
  [dir=rtl] body.home-page .tracking-search-v680 input{direction:ltr!important;text-align:left!important}
}

@media (max-width:390px){
  body.home-page .brand-logo{width:136px!important}
  body.home-page .sep-mobile-home-r1230-copy h1{font-size:32px!important}
  body.home-page .sep-mobile-home-r1230-actions{grid-template-columns:1fr!important;max-width:330px!important}
  body.home-page .sep-mobile-home-r1230{min-height:720px!important}
  body.home-page .sep-mobile-home-r1230-shell{min-height:720px!important}
}