/* PMM ROUND 37: clear, coordinated design navigation and simplified HOME hero. */
/* The five main links are navigational controls, not promotional CTAs. */
.topbar .nav-links{
  display:flex!important;align-items:center!important;justify-content:center;
  flex-wrap:wrap!important;gap:5px!important;padding:6px!important;
  border:1px solid rgba(244,236,207,.23);border-radius:12px;
  background:rgba(255,255,255,.085)
}
.topbar .nav-links a{
  display:inline-flex!important;align-items:center!important;justify-content:center;
  min-height:40px;padding:10px 13px!important;border-radius:8px;
  color:#f3f5ee!important;font-size:15px!important;font-weight:800!important;
  line-height:1.2!important;text-align:center;text-decoration:none!important;
  letter-spacing:.005em;white-space:nowrap;
  transition:background .18s ease,color .18s ease
}
.topbar .nav-links a:hover,.topbar .nav-links a:focus-visible{
  background:rgba(255,255,255,.16)!important;color:#fff!important;
  text-decoration:none!important;outline-offset:3px
}
.topbar .nav-links a.active,.topbar .nav-links a[aria-current="page"]{
  color:#173a2d!important;background:#ead7af!important;text-decoration:none!important;
  box-shadow:0 2px 8px rgba(0,0,0,.14)
}
/* NOMAD intentionally uses a light header. */
.nomad-page .topbar .nav-links{background:#edf1e9!important;border-color:#d3ded4!important}
.nomad-page .topbar .nav-links a{color:#244437!important}
.nomad-page .topbar .nav-links a:hover,.nomad-page .topbar .nav-links a:focus-visible{color:#163c2b!important;background:#d8e3d8!important}
.nomad-page .topbar .nav-links a.active{color:#113827!important;background:#ead7af!important}
/* Nordic header uses the same five clear links as the other design pages. */
.tn-page .tn-topbar .nav-links{gap:5px!important}
/* Homepage: one title, one supporting line, open view of the full-width hero image. */
body.pmm-home:not(.nomad-page):not(.tn-page) .r5-hero{min-height:545px!important}
body.pmm-home:not(.nomad-page):not(.tn-page) .r5-hero .r5-inner>div{
  padding:70px 0 64px!important
}
body.pmm-home:not(.nomad-page):not(.tn-page) .r5-hero h1{
  max-width:730px;font-size:clamp(46px,5.7vw,74px);margin:0 0 17px!important;
  text-shadow:0 3px 22px rgba(0,0,0,.28)
}
body.pmm-home:not(.nomad-page):not(.tn-page) .r5-hero p{
  max-width:650px!important;font-size:clamp(17px,1.55vw,20px)!important;line-height:1.45!important;
  margin:0!important;text-shadow:0 2px 12px rgba(0,0,0,.38)
}
body.pmm-home:not(.nomad-page):not(.tn-page) .r5-hero::after{
  background:linear-gradient(90deg,rgba(4,15,12,.77) 0%,rgba(4,15,12,.40) 43%,rgba(4,15,12,.05) 86%),linear-gradient(0deg,rgba(4,15,12,.29),transparent 52%)
}
/* Featured cards link directly to the corresponding C08, N07 and N08 model information. */
.r37-featured .r5-card-body h3 small{font:700 12px Arial,sans-serif;letter-spacing:.08em;color:#6b846f;margin-left:6px}
.r37-featured .r16-home-photo a{display:block;line-height:0}
.r37-featured .r16-home-photo a:focus-visible{outline:3px solid #a88347;outline-offset:-3px}
.r37-featured .r5-card .r5-price{font-size:16px!important;line-height:1.3}
.r37-featured .r5-img{object-fit:cover;object-position:center}
.r37-visual-note{font-size:12px;color:#64776e;margin:16px 0 0}
.tn-page article.tn-card[id]{scroll-margin-top:28px}
@media(max-width:1120px){
  .topbar .nav,.topbar .r5-nav,.topbar .nomad-nav,.topbar .tn-nav{
    flex-wrap:wrap!important;gap:10px!important;padding-top:12px;padding-bottom:12px;
    justify-content:center!important
  }
  .topbar .nav-links{margin-left:0!important}
}
@media(max-width:760px){
  body.pmm-home:not(.nomad-page):not(.tn-page) .r5-hero{min-height:485px!important}
  body.pmm-home:not(.nomad-page):not(.tn-page) .r5-hero .r5-inner>div{padding:62px 0 51px!important}
  .topbar .nav,.topbar .r5-nav,.topbar .nomad-nav,.topbar .tn-nav{
    flex-direction:column!important;align-items:center!important;
    width:calc(100% - 24px)!important;gap:12px!important;padding-block:11px!important
  }
  .topbar .nav-links,.nomad-page .topbar .nomad-nav .nav-links{
    display:flex!important;flex-basis:auto!important;width:100%!important;order:2!important;
    justify-content:center!important;flex-wrap:wrap!important;gap:4px!important;
    padding:5px!important;margin:0!important
  }
  .topbar .nav-links a,.nomad-page .topbar .nomad-nav .nav-links a,
  .tn-page .topbar .nav-links a{
    min-height:37px!important;padding:9px 10px!important;
    font-size:13px!important;white-space:normal!important
  }
  .topbar .brand{align-self:center}
}
@media(max-width:430px){
  .topbar .nav-links a,.nomad-page .topbar .nav-links a,.tn-page .topbar .nav-links a{
    padding:8px 8px!important;font-size:12px!important;min-height:34px!important
  }
  body.pmm-home:not(.nomad-page):not(.tn-page) .r5-hero{min-height:435px!important}
  body.pmm-home:not(.nomad-page):not(.tn-page) .r5-hero h1{font-size:42px!important}
  .r37-featured .r5-card .r5-price{font-size:16px!important}
}

/* Correct header logo contrast on the light NOMAD page. */
.nomad-page .topbar .brand-name{color:#193e2d!important}
.nomad-page .topbar .brand-sub{color:#4b6657!important}