/* =========================
   AY HEADER LOGO
========================= */

.ay--logo-test {
  display: flex !important;
  align-items: center !important;

  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* =========================
   LOGO LINK
========================= */

.ay--logo-test .navbar-brand {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  padding: 0 !important;
  margin: 0 !important;

  width: auto !important;
  max-width: none !important;

  text-decoration: none !important;
}

/* =========================
   SHOP LOGO
========================= */

.ay--logo-test #shop-logo {
  display: block !important;

  width: 200px !important;
  height: auto !important;

  max-width: none !important;
  max-height: none !important;

  object-fit: contain !important;
}

/* =========================
   HEADER ALIGNMENT
========================= */

.nav-logo-wrapper,
.toggler-logo-wrapper {
  display: flex !important;
  align-items: center !important;
}

/* =========================
   MOBILE
========================= */

@media (max-width: 900px) {

  .ay--logo-test #shop-logo {
    width: 150px !important;
    height: auto !important;
  }

}