/* Shared styles for all IZZAT pages */
html { scroll-behavior: smooth; }
body { font-family: 'Inter', system-ui, sans-serif; color: #313131; }
h1,h2,h3,h4 { font-family: 'Poppins', system-ui, sans-serif; }

.gradient-deep { background: linear-gradient(135deg,#411D52 0%,#4F2862 55%,#7C3AED 130%); }
.dot-grid {
  background-image: radial-gradient(rgba(255,255,255,0.18) 1.4px, transparent 1.4px);
  background-size: 18px 18px;
}

/* nav underline */
.nav-link { position: relative; }
.nav-link::after {
  content: ''; position: absolute; left: 0; bottom: -6px; height: 2px; width: 0;
  background: #F5D248; transition: width .25s ease;
}
.nav-link:hover::after, .nav-link.active::after { width: 100%; }

/* desktop dropdowns: show on hover of parent .has-menu */
.has-menu > .menu-panel {
  opacity: 0; visibility: hidden; transform: translateY(8px);
  transition: opacity .2s ease, transform .2s ease, visibility .2s;
  pointer-events: none;
}
.has-menu:hover > .menu-panel {
  opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto;
}

/* second-level fly-out (e.g. Mainland Company -> ...) */
.has-sub > .sub-panel {
  opacity: 0; visibility: hidden; transform: translateX(10px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s;
  pointer-events: none;
}
.has-sub:hover > .sub-panel {
  opacity: 1; visibility: visible; transform: translateX(0); pointer-events: auto;
}

/* reveal on scroll */
.reveal { opacity: 0; transform: translateY(24px); transition: all .6s ease; }
.reveal.in { opacity: 1; transform: none; }

/* mobile accordion */
.mobile-sub { max-height: 0; overflow: hidden; transition: max-height .3s ease; }
.mobile-sub.open { max-height: 1200px; }