.catalog-recovery { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 28px; margin-bottom: 26px; padding: 24px; border: 1px solid var(--line); border-left: 4px solid var(--gold); background: var(--paper); }
.catalog-recovery[hidden] { display: none; }
.catalog-recovery .eyebrow { margin-bottom: 7px; }
.catalog-recovery h2 { font: 600 1.75rem/1.15 var(--display); }
.catalog-recovery>div>p:last-child { max-width: 700px; margin-top: 8px; color: var(--muted); font-size: 1rem; line-height: 1.55; }
.catalog-recovery-actions { display: flex; align-items: center; justify-content: flex-end; gap: 16px; flex-wrap: wrap; }
.catalog-recovery-actions .button,.catalog-recovery-actions .text-link { min-height: 44px; }
.catalog-recovery-actions .text-link { display: inline-flex; align-items: center; }
.store-message[data-state=fallback]:focus { outline: 3px solid #277bb0; outline-offset: 4px; }
@media(max-width: 760px) { .catalog-recovery { grid-template-columns: 1fr; gap: 18px; margin-bottom: 20px; padding: 20px 18px; } .catalog-recovery-actions { align-items: stretch; justify-content: flex-start; flex-direction: column; gap: 8px; } .catalog-recovery-actions .button,.catalog-recovery-actions .text-link { width: 100%; justify-content: center; text-align: center; } }