/* ==========================================================================
   08-registry.css
   Londyn Design System
   ========================================================================== */
.lpds-registry-shell {
  width: 100%;
  color: #f4ead7;
}

.lpds-registry-shell__body {
  max-width: 1200px;
  margin: -35px auto 60px;
  padding: 0 20px;
  position: relative;
  z-index: 5;
  display: grid;
  gap: 28px;
}

.lpds-registry-shell__body.no-sidebar {
  grid-template-columns: 1fr;
}

.lpds-registry-shell__body.has-sidebar {
  grid-template-columns: minmax(0, 1fr) 300px;
}

.lpds-registry-shell__main,
.lpds-registry-shell__sidebar {
  border-radius: 18px;
}

.lpds-registry-shell__sidebar {
  padding: 24px;
  background: linear-gradient(180deg, rgba(15,15,22,.96), rgba(3,3,6,.98));
  border: 1px solid rgba(215,180,106,.28);
  box-shadow: 0 0 28px rgba(0,0,0,.45);
}

@media (max-width: 900px) {
  .lpds-registry-shell__body.has-sidebar {
    grid-template-columns: 1fr;
  }
}
.lpds-registry-shell__sidebar h2,
.lpds-registry-shell__sidebar h3 {
    font-size: 1.1rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 0.75rem;
}
.lpds-sidebar-actions {
    display: grid;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.lpds-button--block {
    display: block;
    width: 100%;
    text-align: center;
}
.lpds-registry-shell__hero {
    display: block;
    width: 100%;
    margin-bottom: 2rem;
}

.lpds-registry-shell__hero .lpds-hero {
    min-height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
}