/* Yasmalia Header */
.yasmalia-header { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 16px 24px; background-color: transparent; }
.yasmalia-header--sticky { position: sticky; top: 0; z-index: 999; }
.yasmalia-header--transparent { background-color: transparent !important; }
.yasmalia-header__inner { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.yasmalia-header__logo img { height: 40px; width: auto; }
.yasmalia-header__nav { display: flex; list-style: none; margin: 0; padding: 0; gap: 4px; }
.yasmalia-header__link { display: inline-flex; align-items: center; padding: 10px 16px; font-size: 15px; font-weight: 500; text-decoration: none; color: inherit; border-radius: 6px; transition: background-color 0.2s, color 0.2s; }
.yasmalia-header__link:hover { background: #f3f4f6; color: #2563eb; }
.yasmalia-header__menu-item { position: relative; }
.yasmalia-header__arrow { display: inline-block; margin-left: 4px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid currentColor; vertical-align: middle; }
.yasmalia-header__submenu { position: absolute; top: 100%; left: 0; min-width: 200px; background: #fff; border-radius: 8px; box-shadow: 0 4px 16px rgba(0,0,0,0.1); opacity: 0; visibility: hidden; transform: translateY(4px); transition: all 0.2s; list-style: none; padding: 8px 0; margin: 0; z-index: 50; }
.yasmalia-header__menu-item:hover .yasmalia-header__submenu { opacity: 1; visibility: visible; transform: translateY(0); }
.yasmalia-header__submenu-link { display: block; padding: 8px 20px; font-size: 14px; text-decoration: none; color: #374151; }
.yasmalia-header__submenu-link:hover { background: #f9fafb; color: #2563eb; }
.yasmalia-header__cta { margin-left: 16px; }
.yasmalia-header__hamburger { display: none; border: 0; background: transparent; color: inherit; cursor: pointer; padding: 10px; }
.yasmalia-header__hamburger span { display: block; width: 24px; height: 2px; margin: 5px 0; background: currentColor; transition: transform .2s ease, opacity .2s ease; }
.yasmalia-header__mobile-nav { display: none; }

@media (max-width: 767px) {
  .yasmalia-header { padding: 12px 16px; }
  .yasmalia-header__nav,
  .yasmalia-header__cta { display: none; }
  .yasmalia-header__hamburger { display: block; margin-left: auto; }
  .yasmalia-header__mobile-nav:not([hidden]) { display: flex; flex-direction: column; gap: 4px; position: absolute; z-index: 1000; top: 100%; right: 0; left: 0; padding: 16px; background: inherit; box-shadow: 0 12px 24px rgba(0, 0, 0, .16); }
  .yasmalia-header__mobile-link,
  .yasmalia-header__mobile-cta { display: flex; align-items: center; min-height: 44px; padding: 10px 12px; color: inherit; text-decoration: none; }
  .yasmalia-header__mobile-cta { justify-content: center; margin-top: 8px; }
  .yasmalia-header.is-menu-open .yasmalia-header__hamburger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .yasmalia-header.is-menu-open .yasmalia-header__hamburger span:nth-child(2) { opacity: 0; }
  .yasmalia-header.is-menu-open .yasmalia-header__hamburger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
}