:root {
  --se-header-height: 78px;
  --se-logo-width: clamp(220px, 15vw, 300px);
  --se-logo-height: 56px;
}

header,
.site-header,
.classic-header,
.product-header,
.account-header,
.admin-header,
.main-header,
.navbar,
.topbar {
  min-height: var(--se-header-height) !important;
  height: var(--se-header-height) !important;
  max-height: var(--se-header-height) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

.logo,
.brand,
.site-brand,
.nav-brand,
.header-brand {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}

img[src*="LOGO-SPACE-EFFECTS-OFICIAL"],
.site-logo,
.brand-logo,
.logo img,
.nav-logo img,
.header-logo img {
  width: var(--se-logo-width) !important;
  max-width: var(--se-logo-width) !important;
  height: auto !important;
  max-height: var(--se-logo-height) !important;
  object-fit: contain !important;
  display: block !important;
}

@media (max-width: 768px) {
  :root {
    --se-header-height: 72px;
    --se-logo-width: clamp(170px, 48vw, 230px);
    --se-logo-height: 50px;
  }
}