/* Storefront phone polish: a readable logo, stores reached sooner, and small labels that can be read.
   Loaded last on public pages, so the selectors stay heavy on purpose. */
@media (max-width: 560px) {
  html:root body.luxury-ui.has-bottom-nav[data-lang][data-dir]:not(#_):not(#_) .header-login-link {
    display: none !important;
  }
  html:root body.luxury-ui[data-lang][data-dir]:not(#_):not(#_) .libseh-mark {
    width: 108px !important;
    max-width: 108px !important;
  }
  html:root body.luxury-ui[data-lang][data-dir]:not(#_):not(#_) .libseh-mark img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 44px !important;
    object-fit: contain !important;
  }

  html:root body.stores-dir-page[data-lang][data-dir]:not(#_):not(#_) .stores-hero {
    padding-block: 10px !important;
    min-height: 0 !important;
  }
  html:root body.stores-dir-page[data-lang][data-dir]:not(#_):not(#_) .stores-hero-inner {
    padding-block: 0 !important;
    gap: 4px !important;
    min-height: 0 !important;
  }
  html:root body.stores-dir-page[data-lang][data-dir]:not(#_):not(#_) .stores-hero-inner > [data-category-subtitle],
  html:root body.stores-dir-page[data-lang][data-dir]:not(#_):not(#_) .stores-hero-inner > .breadcrumb {
    display: none !important;
  }
  html:root body.stores-dir-page[data-lang][data-dir]:not(#_):not(#_) [data-category-rail] {
    min-height: 0 !important;
  }
  html:root body.stores-dir-page[data-lang][data-dir]:not(#_):not(#_) [data-category-rail] img {
    width: 72px !important;
    height: 72px !important;
  }
  html:root body.stores-dir-page[data-lang][data-dir]:not(#_):not(#_) [data-category-rail] a {
    min-height: 0 !important;
    height: auto !important;
    gap: 4px !important;
  }
  html:root body.stores-dir-page[data-lang][data-dir]:not(#_):not(#_) [data-category-rail] .category-item-media {
    width: 72px !important;
    height: 72px !important;
    min-height: 0 !important;
    margin: 0 !important;
  }
  html:root body.stores-dir-page[data-lang][data-dir]:not(#_):not(#_) .stores-hero-inner > .stores-count {
    display: none !important;
  }

  html:root body.luxury-ui[data-lang][data-dir]:not(#_):not(#_) .company-contact-dock,
  html:root body.luxury-ui[data-lang][data-dir]:not(#_):not(#_) .service-launcher {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }
}