/* Fifth occasion. Actual Saudi flag, curved around the supplied bilingual mark. */
.mz-brand-wrap { display:inline-flex; align-items:center; position:relative; vertical-align:middle; }
html[data-occasion-raw="saudi"] .mz-brand-wrap {
  isolation:isolate; flex-shrink:0; width:164px; height:68px;
  min-width:0; padding:0; margin:0; overflow:visible;
}
html[data-occasion-raw="saudi"] .mz-brand-wrap > svg,
html[data-occasion-raw="saudi"] .mz-brand-wrap > img {
  visibility:hidden; max-width:100%; min-width:0;
}
html[data-occasion-raw="saudi"] .mz-brand-wrap:before {
  content:""; position:absolute; top:0; right:0; bottom:0; left:0; inset:0; z-index:1;
  background:url("/themes/saudi-logo-top-light.png?v=20261107top1") center/contain no-repeat;
  pointer-events:none;
}
html[data-occasion-raw="saudi"] .mz-brand-wrap:after { content:none; }
/* Match the second design's full-area waving flag, not a tiny watermark. */
html[data-occasion-raw="saudi"] .hero .oc-flag-bg {
  position:absolute; top:0; right:0; bottom:0; left:0; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center; opacity:.62;
  z-index:0; pointer-events:none; animation:ocSway 8s ease-in-out infinite;
}
html[data-occasion-raw="saudi"] .oc-emblem,
html[data-occasion-raw="saudi"] .oc-emb-wrap { display:none !important; }
@media (max-width:560px) {
  html[data-occasion-raw="saudi"] .mz-brand-wrap { width:112px; height:48px; }
  html[data-occasion-raw="saudi"] .hero .oc-flag-bg { opacity:.55; }
}
/* Shared content follows each theme's own palette, never a hard-coded blue. */
html .home-v2-root .why-close {
  background:linear-gradient(135deg,var(--navy-900),var(--navy-700)) !important;
}
/* Flow layout prevents long bilingual copy from colliding with an occasion mark. */
html .home-v2-root .hero { display:flex; flex-direction:column; }
html .home-v2-root .hero > .oc-topbar {
  order:0; position:relative; top:auto; right:auto; bottom:auto; left:auto; inset:auto; padding:18px 16px 0;
}
html .home-v2-root .hero > .hero-badge {
  order:1; position:relative !important; inset:auto !important;
  left:auto !important; right:auto !important; top:auto !important;
  transform:none !important; display:flex; align-items:center; justify-content:center;
  width:fit-content; max-width:calc(100% - 32px) !important;
  margin:20px auto 12px !important; padding:12px 18px;
  white-space:normal !important; overflow:visible !important;
  text-align:center; line-height:1.85; gap:10px; box-sizing:border-box;
}
html[data-occasion][data-occasion-raw] .home-v2-root .hero > .hero-in {
  order:2; margin-top:0 !important; padding-top:26px;
}
@media (max-width:640px) {
  html .home-v2-root .hero > .hero-badge {
    font-size:11px !important; padding:10px 12px; margin:16px auto 12px !important;
  }
  html[data-occasion][data-occasion-raw] .home-v2-root .hero > .hero-in { padding-top:22px; }
}
@media (prefers-reduced-motion:reduce) {
  html[data-occasion-raw="saudi"] .hero .oc-flag-bg { animation:none; }
}
