/* ShadiMarkaz.com brand logo usage: header wordmark, slide-out menu (full lockup with slogan),
   footer lockup on a cream card (the artwork is maroon, so it needs a light surface on the dark footer). */
/* Header: hamburger button + wordmark share one vertically-centred flex row */
.hom-nav .logo { display: flex; align-items: center; gap: 16px; width: auto; flex: 0 0 auto; }
.hom-nav .logo .menu { float: none; flex: none; margin: 0; }
.sm-brand-link { display: flex; align-items: center; margin: 0; line-height: 0; }
.sm-brand-img { display: block; height: 50px; width: auto; max-width: none; transition: transform .25s ease, filter .25s ease; }
.sm-brand-link:hover .sm-brand-img { transform: scale(1.03); filter: drop-shadow(0 4px 8px rgba(137,33,107,.25)); }

.menu-pop .sm-brand-full, .menu-pop .logo-brand-only { width: 100%; max-width: 320px; height: auto; margin-bottom: 22px; display: block; }

.sm-ftr-brand-lockup.sm-ftr-brand-card { display: inline-block; background: #fbf8ed; border-radius: 16px; padding: 14px 20px; margin-bottom: 20px; box-shadow: 0 10px 28px rgba(0,0,0,.25), inset 0 0 0 1px rgba(243,231,185,.6); transition: transform .25s ease; }
.sm-ftr-brand-lockup.sm-ftr-brand-card:hover { transform: translateY(-2px); }
.sm-ftr-brand-lockup.sm-ftr-brand-card img { display: block; height: auto; width: 250px; max-width: 100%; }

@media (max-width: 1199px) {
  .sm-brand-img { height: 42px; }
}
@media (max-width: 991px) {
  .hom-nav .logo { gap: 10px; }
  .sm-brand-img { height: 38px; }
}
@media (max-width: 480px) {
  .sm-brand-img { height: 32px; }
}