/* Homeopati mobile header: preserve the complete brand and separate controls. */
@layer homeopati-mobile-header {
  @media (max-width: 600px) {
    html body:is(#homeopati-layout, .IFAccountPage, .pc-home) .HPHeader .HPHeaderMain {
      box-sizing: border-box !important;
      display: flex !important;
      flex-flow: row wrap !important;
      align-items: center !important;
      justify-content: space-between !important;
      width: calc(100% - 32px) !important;
      max-width: none !important;
      min-height: 0 !important;
      margin-inline: auto !important;
      padding: 16px 0 !important;
      gap: 16px !important;
    }
    html body:is(#homeopati-layout, .IFAccountPage, .pc-home) .HPHeader .HPBrand {
      display: inline-flex !important;
      flex: 0 0 auto !important;
      width: auto !important;
      max-width: 100% !important;
      min-width: 0 !important;
      margin: 0 !important;
      gap: 10px !important;
    }
    html body:is(#homeopati-layout, .IFAccountPage, .pc-home) .HPHeader .HPBrand > img {
      flex: 0 0 44px !important;
      width: 44px !important;
      height: 46px !important;
      object-fit: contain !important;
    }
    html body:is(#homeopati-layout, .IFAccountPage, .pc-home) .HPHeader .HPBrand strong > img {
      display: block !important;
      width: auto !important;
      max-width: none !important;
      height: 18px !important;
      object-fit: contain !important;
    }
    html body:is(#homeopati-layout, .IFAccountPage, .pc-home) .HPHeader .HPHeaderActions {
      flex: 0 0 auto !important;
      margin: 0 !important;
    }
    html body.IFAccountPage .IFAccountHeader {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) auto !important;
      align-items: center !important;
      min-height: 0 !important;
      padding: 16px !important;
      gap: 16px !important;
    }
    html body.IFAccountPage .IFAccountHeader .IFAccountBrandRow {
      grid-column: 1 / -1 !important;
      width: 100% !important;
      min-width: 0 !important;
    }
    html body.IFAccountPage .IFAccountHeader .IFAccountBrand {
      width: max-content !important;
      max-width: 100% !important;
      min-width: 0 !important;
      gap: 12px !important;
      white-space: nowrap !important;
    }
    html body.IFAccountPage .IFAccountHeader .IFHeaderAccount {
      position: static !important;
      grid-column: 1 !important;
      justify-self: start !important;
      margin: 0 !important;
    }
    html body.IFAccountPage .IFAccountHeader .LSLanguageMenu {
      position: static !important;
      grid-column: 2 !important;
      justify-self: end !important;
      margin: 0 !important;
    }
  }
  @media (max-width: 359px) {
    html body:is(#homeopati-layout, .IFAccountPage, .pc-home) .HPHeader .HPHeaderMain {
      flex-wrap: wrap !important;
      row-gap: 12px !important;
    }
    html body:is(#homeopati-layout, .IFAccountPage, .pc-home) .HPHeader .HPBrand {
      flex-basis: 100% !important;
    }
  }
}