/* Shared header/footer shell */
.site-header{background:var(--white);border-bottom:1px solid #ddd}
.header-inner{display:flex;justify-content:space-between;align-items:center;gap:18px}
.logo img{width:240px;max-width:240px;height:auto;display:block}
@media (max-width:900px){.logo img{width:200px;max-width:200px}}
@media (max-width:600px){.logo img{width:170px;max-width:170px}}
.main-nav{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;background:#111;padding:10px 14px;border-radius:10px}
.main-nav a{color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:1px;font-family:"Poppins",sans-serif;font-size:.8rem;padding:8px 10px;display:inline-block}
.main-nav a:hover{color:#2ecc71}
.menu-item{position:relative}
.submenu{list-style:none;margin:0;padding:8px 0;position:absolute;top:100%;left:0;min-width:320px;background:#222;display:none;z-index:1000;border-radius:10px;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.submenu li a{display:block;padding:10px 14px;text-transform:none;letter-spacing:.2px;font-size:.85rem;color:#fff}
.submenu li a:hover{background:#2ecc71;color:#000}
@media (min-width:769px){.menu-item:hover .submenu{display:block}}
@media (max-width:768px){
  .main-nav{width:100%;flex-direction:column;align-items:flex-start}
  .menu-item{width:100%}
  .submenu{position:static;width:100%;box-shadow:none}
  .menu-item:focus-within .submenu{display:block}
  .submenu-toggle::after{content:" ▾"}
}
.site-footer{background:var(--white);border-top:1px solid #ddd;padding:1.5rem;text-align:center;font-size:.9rem;color:#777;margin-top:2rem}