/* User-provided DairShop artwork. Existing layouts and transaction states stay intact. */
body[data-page] .app-brand .brand-logo,
body[data-page] .login-brand-logo {
  display: block;
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  object-fit: contain;
}

body[data-page] .login-brand-logo { width: 48px; height: 48px; }

body[data-page=store] .store-banner-art.brand-welcome-art {
  display: block;
  width: 164px;
  height: 164px;
  margin: 0 8px 0 20px;
  flex-shrink: 0;
}

.brand-welcome-art::before,
.brand-welcome-art::after { display: none; }

.brand-welcome-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 14px;
}

.support-mascot {
  float: right;
  width: 112px;
  height: 112px;
  object-fit: contain;
  border-radius: 14px;
  margin: 0 0 16px 18px;
}

.support-contact::after { content: ''; display: table; clear: both; }

.purchase-success-mascot {
  display: block;
  width: 112px;
  height: 112px;
  object-fit: contain;
  margin: 0 auto 16px;
  border-radius: 14px;
}

@media (max-width: 767px) {
  body[data-page] .app-brand .brand-logo { width: 48px; height: 48px; }
  body[data-page=store] .store-banner { flex-wrap: wrap; gap: 18px; }
  body[data-page=store] .store-banner-art.brand-welcome-art {
    width: 96px;
    height: 96px;
    margin: 0 0 0 auto;
  }
  .support-mascot { width: 88px; height: 88px; margin-left: 12px; }
  .purchase-success-mascot { width: 96px; height: 96px; }
}