/* Scoped to My Account; no catalogue, checkout or administration restyling. */
#main .o2g-account-card {
  width: calc(100% - 32px);
  max-width: 620px;
  margin: 24px auto;
  padding: 28px;
  border: 1px solid #e5e9ed;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 8px 28px #1425330c;
  text-align: center;
  overflow-wrap: anywhere;
}
.o2g-account-brand { display: inline-block; margin-bottom: 20px; }
.o2g-account-brand img { width: min(220px, 100%); height: 90px; object-fit: contain; }
.o2g-account-brand img[hidden], .o2g-account-brand span[hidden] { display: none; }
.o2g-account-brand span { color: var(--orange, #dc3900); font-size: 26px; font-weight: 700; }
.o2g-account-card h1 { margin-bottom: 14px; font-weight: 700; }
.o2g-account-card h2 { font-size: 22px; margin: 8px 0; }
.o2g-account-card p { color: #53616c; line-height: 1.5; }
.o2g-account-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 24px; }
.o2g-account-actions > a, .o2g-account-actions > button {
  display: flex; justify-content: center; align-items: center;
  min-height: 54px; width: 100%; padding: 14px 16px; margin: 0;
  border: 0; border-radius: 12px; box-sizing: border-box;
  font: inherit; font-weight: 600; line-height: 1.4; text-decoration: none;
  background: var(--orange, #dc3900); color: #fff;
}
.o2g-account-actions > button[data-secure-logout] { border: 1px solid #d5dce2; background: #fff; color: #142533; }
.o2g-account-actions > :focus-visible, .o2g-account-brand:focus-visible { outline: 3px solid #237eaf; outline-offset: 3px; }
@media (max-width: 480px) {
  #main .o2g-account-card { padding: 22px 18px; margin: 16px auto; }
  .o2g-account-actions { grid-template-columns: 1fr; }
}