/* Header config generado automáticamente por el admin */
.header img[alt="ARABIA PERFUMES"] {
  height: 60px !important;
  max-height: 60px !important;
  width: auto !important;
}
@media (max-width: 640px) {
  .header img[alt="ARABIA PERFUMES"] {
    height: 44px !important;
    max-height: 44px !important;
    max-width: 150px !important;
  }
}
@media (min-width: 641px) and (max-width: 1023px) {
  .header img[alt="ARABIA PERFUMES"] {
    height: 56px !important;
    max-height: 56px !important;
  }
}

.header > .container:first-child {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.header > .container:first-child > .flex {
  gap: 8px !important;
}
@media (max-width: 640px) {
  .header > .container:first-child > .flex {
    gap: 4px !important;
  }
  .header > .container:first-child {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}

.header input[type="text"] {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.header .flex > button i[data-lucide],
.header .flex > div > button i[data-lucide],
.header .flex > a i[data-lucide],
.header .flex > div > a i[data-lucide] {
  width: calc(1rem * 1.25) !important;
  height: calc(1rem * 1.25) !important;
}

.header .flex > button,
.header .flex > div > button,
.header .flex > a,
.header .flex > div > a {
  min-width: 48px !important;
  min-height: 48px !important;
}

.header nav {
  display: block !important;
}

.header nav ul {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}