/* DayDate2 V3.5 header/navigation - isolated, cache-busted override */
#header-3 {
  background:#101f2c !important;
  overflow:visible !important;
}
#header-3 .site-header-bar {
  position:relative !important;
  z-index:5000 !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:#102434 !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 4px 20px rgba(0,0,0,.20) !important;
}
#header-3 .site-header-inner {
  width:100% !important;
  max-width:1170px !important;
  min-height:76px !important;
  margin:0 auto !important;
  padding:0 15px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:28px !important;
}
#header-3 .site-brand {
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  min-width:170px !important;
  margin:0 !important;
  padding:0 !important;
  color:#fff !important;
  text-decoration:none !important;
  line-height:1 !important;
}
#header-3 .site-brand .brand-wordmark {
  display:block !important;
  color:#fff !important;
  font-family:"Lato","Open Sans",Arial,sans-serif !important;
  font-size:25px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:.13em !important;
  white-space:nowrap !important;
}
#header-3 .site-brand .brand-tagline {
  display:block !important;
  margin-top:6px !important;
  color:#d9bb82 !important;
  font-size:9px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:.20em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}
#header-3 .desktop-primary {
  display:block !important;
  flex:1 1 auto !important;
  margin:0 0 0 auto !important;
  padding:0 !important;
}
#header-3 .desktop-menu {
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:4px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
#header-3 .desktop-menu > li {
  position:relative !important;
  display:block !important;
  float:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  overflow:visible !important;
  list-style:none !important;
}
#header-3 .desktop-menu > li > a {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:76px !important;
  margin:0 !important;
  padding:0 14px !important;
  color:#eef4f8 !important;
  background:transparent !important;
  border:0 !important;
  border-bottom:3px solid transparent !important;
  border-radius:0 !important;
  font-size:14px !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:.01em !important;
  text-decoration:none !important;
  text-shadow:none !important;
  white-space:nowrap !important;
}
#header-3 .desktop-menu > li > a:hover,
#header-3 .desktop-menu > li > a:focus,
#header-3 .desktop-menu > li > a.is-current {
  color:#fff !important;
  background:rgba(255,255,255,.055) !important;
  border-bottom-color:#d9bb82 !important;
  outline:none !important;
}
#header-3 .desktop-menu > li > a.contact-link {
  min-height:40px !important;
  margin:18px 0 18px 8px !important;
  padding:0 17px !important;
  color:#f2d69f !important;
  border:1px solid #bc995f !important;
  border-radius:7px !important;
}
#header-3 .desktop-menu > li > a.contact-link:hover,
#header-3 .desktop-menu > li > a.contact-link:focus,
#header-3 .desktop-menu > li > a.contact-link.is-current {
  color:#102434 !important;
  background:#d9bb82 !important;
  border-color:#d9bb82 !important;
}
#header-3 .nav-caret {
  display:inline-block !important;
  margin-left:6px !important;
  color:#d9bb82 !important;
  font-size:14px !important;
  line-height:1 !important;
}
/* Desktop topic dropdown: fully hidden until hover/focus. */
#header-3 .topic-mega-menu {
  display:none !important;
  position:absolute !important;
  z-index:5200 !important;
  top:100% !important;
  left:50% !important;
  width:740px !important;
  max-width:calc(100vw - 40px) !important;
  transform:translateX(-50%) !important;
  grid-template-columns:1.1fr 1.1fr .9fr !important;
  gap:0 !important;
  margin:0 !important;
  padding:22px !important;
  background:#102434 !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-top:3px solid #d9bb82 !important;
  border-radius:0 0 10px 10px !important;
  box-shadow:0 20px 44px rgba(0,0,0,.38) !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}
#header-3 .has-mega:hover > .topic-mega-menu,
#header-3 .has-mega:focus-within > .topic-mega-menu {
  display:grid !important;
}
#header-3 .mega-column {
  display:block !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 17px !important;
  border:0 !important;
  border-right:1px solid rgba(255,255,255,.09) !important;
}
#header-3 .mega-column:first-child { padding-left:0 !important; }
#header-3 .mega-column:last-child { padding-right:0 !important; border-right:0 !important; }
#header-3 .mega-label {
  display:block !important;
  margin:0 0 9px !important;
  padding:0 !important;
  color:#d9bb82 !important;
  font-size:10px !important;
  font-weight:800 !important;
  line-height:1.35 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}
#header-3 .topic-mega-menu a {
  display:block !important;
  margin:2px 0 !important;
  padding:8px 9px !important;
  color:#dce6ec !important;
  background:transparent !important;
  border:0 !important;
  border-radius:6px !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.35 !important;
  text-decoration:none !important;
}
#header-3 .topic-mega-menu a:hover,
#header-3 .topic-mega-menu a:focus,
#header-3 .topic-mega-menu a.is-current {
  color:#fff !important;
  background:rgba(217,187,130,.14) !important;
  outline:none !important;
}
#header-3 .navicon,
#header-3 .mobile-nav-panel {
  display:none !important;
}
/* Hero is a separate visual layer below the navigation. */
#header-3 .hero {
  position:relative !important;
  z-index:1 !important;
  isolation:isolate !important;
  display:flex !important;
  align-items:center !important;
  min-height:420px !important;
  height:auto !important;
  margin:0 !important;
  padding:70px 0 80px !important;
  overflow:hidden !important;
  background-image:url('../img/Rolex-Day-Date-Replica-Swiss.jpg') !important;
  background-repeat:no-repeat !important;
  background-position:center 43% !important;
  background-size:cover !important;
}
#header-3 .hero:before {
  content:"" !important;
  position:absolute !important;
  z-index:-1 !important;
  inset:0 !important;
  background:linear-gradient(90deg,rgba(5,14,23,.84) 0%,rgba(10,24,35,.72) 48%,rgba(12,18,23,.51) 100%) !important;
}
#header-3 .hero .container { position:relative !important; z-index:2 !important; }
#header-3 .hero h1 {
  max-width:920px !important;
  margin:0 auto 17px !important;
  color:#fff !important;
  font-size:44px !important;
  font-weight:700 !important;
  line-height:1.14 !important;
  letter-spacing:-.015em !important;
  text-shadow:0 3px 18px rgba(0,0,0,.45) !important;
}
#header-3 .hero .lead {
  max-width:820px !important;
  margin:0 auto 29px !important;
  color:rgba(255,255,255,.93) !important;
  font-size:18px !important;
  font-weight:400 !important;
  line-height:1.55 !important;
  text-shadow:0 2px 13px rgba(0,0,0,.45) !important;
}
#header-3 .hero .btn,
#header-3 .hero .btn.btn-dark {
  color:#152330 !important;
  background:#d9bb82 !important;
  border:2px solid #d9bb82 !important;
  border-radius:7px !important;
  box-shadow:0 8px 22px rgba(0,0,0,.22) !important;
  font-size:14px !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
}
#header-3 .hero .btn:hover,
#header-3 .hero .btn:focus {
  color:#fff !important;
  background:#17364c !important;
  border-color:#fff !important;
}
@media (max-width:1199px) and (min-width:992px) {
  #header-3 .site-header-inner { gap:12px !important; }
  #header-3 .site-brand { min-width:145px !important; }
  #header-3 .site-brand .brand-wordmark { font-size:21px !important; }
  #header-3 .site-brand .brand-tagline { font-size:8px !important; }
  #header-3 .desktop-menu > li > a { padding:0 10px !important; font-size:13px !important; }
  #header-3 .topic-mega-menu { width:680px !important; }
}
@media (max-width:991px) {
  #header-3 .site-header-inner { min-height:70px !important; }
  #header-3 .site-brand { min-width:0 !important; }
  #header-3 .site-brand .brand-wordmark { font-size:22px !important; }
  #header-3 .site-brand .brand-tagline { font-size:8px !important; }
  #header-3 .desktop-primary { display:none !important; }
  #header-3 .navicon {
    display:block !important;
    position:relative !important;
    z-index:5300 !important;
    width:50px !important;
    height:44px !important;
    flex:0 0 50px !important;
  }
  #header-3 #nav-toggle,
  #header-3 .navicon #nav-toggle.nav-slide-btn {
    position:absolute !important;
    top:0 !important;
    right:0 !important;
    width:50px !important;
    height:44px !important;
    margin:0 !important;
    padding:0 !important;
    background:#18384d !important;
    border:1px solid rgba(255,255,255,.32) !important;
    border-radius:7px !important;
    box-shadow:none !important;
  }
  #header-3 #nav-toggle span,
  #header-3 #nav-toggle span:before,
  #header-3 #nav-toggle span:after {
    position:absolute !important;
    left:50% !important;
    width:25px !important;
    height:3px !important;
    margin-left:-12.5px !important;
    background:#fff !important;
    border-radius:2px !important;
  }
  #header-3 #nav-toggle span { top:50% !important; margin-top:-1.5px !important; }
  #header-3 #nav-toggle span:before { content:"" !important; top:-8px !important; }
  #header-3 #nav-toggle span:after { content:"" !important; top:8px !important; }
  #header-3 #nav-toggle.active span { background:transparent !important; }
  #header-3 #nav-toggle.active span:before { top:0 !important; transform:rotate(45deg) !important; }
  #header-3 #nav-toggle.active span:after { top:0 !important; transform:rotate(-45deg) !important; }
  #header-3 .mobile-nav-panel {
    display:none !important;
    width:100% !important;
    margin:0 !important;
    padding:10px max(18px,calc((100vw - 750px)/2 + 15px)) 18px !important;
    max-height:76vh !important;
    overflow-y:auto !important;
    background:#102434 !important;
    border-top:1px solid rgba(255,255,255,.10) !important;
  }
  /* jQuery slideToggle adds inline display:block; inline style wins over this base rule. */
  #header-3 .mobile-nav-panel[style*="display: block"] { display:block !important; }
  #header-3 .mobile-nav-panel > a,
  #header-3 .mobile-guides > summary {
    display:block !important;
    margin:0 !important;
    padding:13px 12px !important;
    color:#eef4f8 !important;
    background:transparent !important;
    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.3 !important;
    text-decoration:none !important;
    cursor:pointer !important;
  }
  #header-3 .mobile-guides { display:block !important; margin:0 !important; }
  #header-3 .mobile-guides > summary { position:relative !important; list-style:none !important; padding-right:38px !important; }
  #header-3 .mobile-guides > summary::-webkit-details-marker { display:none !important; }
  #header-3 .mobile-guides > summary:after { content:"+" !important; position:absolute !important; right:13px !important; top:9px !important; color:#d9bb82 !important; font-size:21px !important; }
  #header-3 .mobile-guides[open] > summary:after { content:"–" !important; }
  #header-3 .mobile-submenu {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:6px !important;
    margin:0 !important;
    padding:10px 4px 14px !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
  }
  #header-3 .mobile-submenu a {
    display:block !important;
    padding:10px !important;
    color:#d7e1e7 !important;
    background:rgba(255,255,255,.045) !important;
    border-radius:6px !important;
    font-size:12px !important;
    font-weight:600 !important;
    line-height:1.35 !important;
    text-decoration:none !important;
  }
  #header-3 .mobile-submenu a:hover,
  #header-3 .mobile-submenu a.is-current { color:#fff !important; background:rgba(217,187,130,.14) !important; }
  #header-3 .hero { min-height:365px !important; padding:58px 0 66px !important; }
  #header-3 .hero h1 { font-size:36px !important; }
  #header-3 .hero .lead { font-size:17px !important; }
}
@media (max-width:767px) {
  #header-3 .site-header-inner { min-height:66px !important; padding:0 14px !important; }
  #header-3 .site-brand .brand-wordmark { font-size:20px !important; }
  #header-3 .site-brand .brand-tagline { display:none !important; }
  #header-3 .mobile-nav-panel { padding-left:12px !important; padding-right:12px !important; }
  #header-3 .mobile-submenu { grid-template-columns:1fr !important; }
  #header-3 .hero { min-height:335px !important; padding:48px 0 54px !important; background-position:58% center !important; }
  #header-3 .hero:before { background:rgba(5,14,23,.72) !important; }
  #header-3 .hero h1 { font-size:30px !important; line-height:1.2 !important; margin-bottom:14px !important; }
  #header-3 .hero .lead { font-size:16px !important; line-height:1.48 !important; margin-bottom:23px !important; }
}


/* V3.7 crawlable preferred hero images */
#header-3 .hero {
  background-image:none !important;
  background-color:#0c1c28 !important;
}
#header-3 .hero .hero-indexable-image {
  position:absolute !important;
  z-index:0 !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
}
#header-3 .hero:before { z-index:1 !important; }
#header-3 .hero .container { position:relative !important; z-index:2 !important; }