/* SEPINDAR R12.14 — exact Staging visual lock.
   Presentation only. Scoped to the public home/header. No business-module styling. */

/* Header proportions used by the approved Staging template. */
.site-header .nav{
  min-height:82px!important;
}
.site-header .brand-logo{
  max-width:205px!important;
  max-height:55px!important;
  width:auto!important;
  height:auto!important;
}
.site-header nav{
  gap:27px!important;
  font-size:13px!important;
}
.site-header nav a{
  padding-top:28px!important;
  padding-bottom:25px!important;
}

/* Home hero: explicitly override the oversized fallback rules from site.css. */
.home-page .premium-hero-v37{
  min-height:660px!important;
  height:auto!important;
  padding:0!important;
  border-radius:0 0 38px 38px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#041d3d!important;
  color:#fff!important;
  display:block!important;
}
.home-page .premium-hero-v37-media{
  position:absolute!important;
  inset:0!important;
  opacity:1!important;
  background-image:var(--hero)!important;
  background-size:cover!important;
  background-position:center!important;
  filter:saturate(1.02) contrast(1.03)!important;
}
.home-page .premium-hero-v37-media:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg,rgba(2,18,39,.95) 0%,rgba(3,29,61,.78) 41%,rgba(3,29,61,.27) 72%,rgba(3,29,61,.12) 100%)!important;
}
[dir=rtl] .home-page .premium-hero-v37-media:after{
  background:linear-gradient(270deg,rgba(2,18,39,.95) 0%,rgba(3,29,61,.78) 41%,rgba(3,29,61,.27) 72%,rgba(3,29,61,.12) 100%)!important;
}
.home-page .premium-hero-v37>.wrap{
  min-height:660px!important;
  display:grid!important;
  align-items:center!important;
}
.home-page .premium-hero-v37-layout{
  width:100%!important;
  grid-template-columns:minmax(0,1.02fr) minmax(390px,.78fr)!important;
  gap:64px!important;
  align-items:center!important;
}
.home-page .premium-hero-v37-copy{
  position:relative!important;
  z-index:3!important;
  max-width:680px!important;
  padding:76px 0 126px!important;
  color:#fff!important;
}
.home-page .premium-hero-v37-copy h1{
  margin:0 0 21px!important;
  max-width:680px!important;
  color:#fff!important;
  font-size:clamp(42px,5.4vw,80px)!important;
  line-height:1.04!important;
  letter-spacing:-.04em!important;
  text-shadow:0 10px 34px rgba(0,0,0,.24)!important;
}
.home-page .premium-hero-v37-copy .light-kicker,
.home-page .premium-hero-v37-copy .v15-kicker{
  color:#f2cc55!important;
}
.home-page .premium-hero-v37-lead{
  display:block!important;
  margin:0!important;
  max-width:630px!important;
  color:#e0eaf4!important;
  font-size:clamp(17px,1.35vw,21px)!important;
  line-height:1.9!important;
}
.home-page .premium-hero-v37-actions{
  display:flex!important;
  gap:11px!important;
  flex-wrap:wrap!important;
  margin-top:28px!important;
}
.home-page .premium-hero-v37-actions .btn-v15-gold{
  background:linear-gradient(135deg,#f0c65e,#d7a439)!important;
  color:#071d38!important;
}
.home-page .premium-hero-v37-actions .btn-v15-ghost{
  border-color:rgba(255,255,255,.40)!important;
  color:#fff!important;
  background:rgba(255,255,255,.06)!important;
}

/* Route desk is intentionally the same dimensions as Staging, never enlarged by generic hero rules. */
.home-page .home-route-desk-v123{
  justify-self:end!important;
  width:min(100%,565px)!important;
  min-height:548px!important;
  max-width:565px!important;
  padding:28px 30px 25px!important;
  border-radius:30px!important;
  box-sizing:border-box!important;
}
.home-page .home-route-desk-v123-head{
  height:86px!important;
  grid-template-columns:150px 1fr 18px!important;
  gap:22px!important;
}
.home-page .home-route-desk-v123-head img{
  width:150px!important;
  height:62px!important;
  object-fit:contain!important;
}
.home-page .home-route-desk-v123-flow{
  padding:35px 0 24px!important;
}
.home-page .home-route-desk-v123-flow article{
  min-height:64px!important;
}
.home-page .home-route-desk-v123-modes{
  padding-top:20px!important;
}

@media(max-width:1120px){
  .home-page .premium-hero-v37-layout{
    grid-template-columns:minmax(0,1fr) minmax(340px,.72fr)!important;
    gap:34px!important;
  }
  .home-page .home-route-desk-v123{
    min-height:500px!important;
    max-width:565px!important;
    padding:24px!important;
  }
  .home-page .home-route-desk-v123-head{
    grid-template-columns:125px 1fr 16px!important;
  }
  .home-page .home-route-desk-v123-head img{width:125px!important}
}
@media(max-width:980px){
  .site-header .nav{min-height:72px!important}
  .home-page .premium-hero-v37,
  .home-page .premium-hero-v37>.wrap{min-height:590px!important}
  .home-page .premium-hero-v37-copy{padding:58px 0 70px!important}
}
@media(max-width:900px){
  .home-page .premium-hero-v37-layout{grid-template-columns:1fr!important}
  .home-page .home-route-desk-v123{
    justify-self:stretch!important;
    width:100%!important;
    max-width:620px!important;
    margin:0 0 54px!important;
    min-height:auto!important;
  }
  .home-page .premium-hero-v37-layout .premium-hero-v37-copy{max-width:720px!important}
}
@media(max-width:640px){
  .home-page .premium-hero-v37,
  .home-page .premium-hero-v37>.wrap{min-height:540px!important}
  .home-page .premium-hero-v37-copy h1{font-size:40px!important}
  .home-page .home-route-desk-v123{border-radius:22px!important;padding:20px!important}
  .home-page .home-route-desk-v123-head{height:70px!important;grid-template-columns:108px 1fr 14px!important;gap:12px!important}
  .home-page .home-route-desk-v123-head img{width:108px!important}
}