.domain-catalog { min-height: 75vh; padding: 166px 0 72px; background: #f6f8fb; color: #202530; }
.catalog-heading { margin: 0 auto 36px; text-align: center; }
.catalog-heading .catalog-eyebrow { margin: 0 0 13px; color: #a91832; font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; }
.catalog-heading h1 { margin: 0 0 18px; font-size: 38px; line-height: 1.2; letter-spacing: -.8px; text-transform: none; }
.catalog-heading p:last-child { margin: 0; color: #606b7d; font-size: 17px; line-height: 1.6; }
.catalog-panel { padding: 30px; border: 1px solid #e2e7ef; border-radius: 14px; background: #fff; box-shadow: 0 5px 24px rgba(28, 39, 66, .03); }
.catalog-access { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 28px; padding: 24px; border: 1px solid #efdee3; border-radius: 10px; background: #fdf6f8; }
.catalog-access h2 { margin: 0 0 9px; font-size: 20px; line-height: 1.35; letter-spacing: -.2px; text-transform: none; }
.catalog-access p { max-width: 610px; margin: 0; color: #655967; font-size: 14px; line-height: 1.7; }
.catalog-access-actions { display: flex; align-items: center; flex-shrink: 0; gap: 12px; }
.domain-catalog .catalog-primary { padding: 11px 19px; border: 1px solid #a91832; border-radius: 6px; background: #a91832; color: #fff; font-size: 13px; font-weight: 700; text-transform: none; }
.domain-catalog .catalog-primary:hover { background: #861329; color: #fff; }
.domain-catalog .catalog-login { padding: 11px 17px; border: 1px solid #d4bbc4; border-radius: 6px; color: #8d2039; font-size: 13px; font-weight: 700; }
.catalog-table-scroll { position: relative; width: 100%; overflow-x: auto; }
.domain-catalog table { width: 100%; margin: 0; border: 0; font-size: 14px; }
.domain-catalog table th { padding: 15px 18px; border: 0; border-bottom: 1px solid #dce2eb; background: #f7f9fc; color: #637084; font-size: 10px; font-weight: 700; letter-spacing: .7px; text-align: left; text-transform: uppercase; white-space: nowrap; }
.domain-catalog table td { padding: 18px; border: 0; border-bottom: 1px solid #edf0f5; vertical-align: middle; }
.domain-catalog .catalog-preview-table tbody tr:last-child td { border-bottom: 0; }
.catalog-preview-table td:first-child { min-width: 190px; font-weight: 700; font-size: 16px; white-space: nowrap; }
.catalog-preview-table td:not(:first-child) { white-space: nowrap; }
.catalog-status { display: inline-block; padding: 4px 9px; border-radius: 5px; background: #edf5ee; color: #3c6848; font-size: 11px; font-weight: 600; }
.catalog-status-unavailable { background: #f0f2f6; color: #626d7f; }
.catalog-preview-footer { padding-top: 25px; margin-top: 8px; border-top: 1px solid #edf0f5; text-align: center; }
.catalog-preview-footer p { margin: 0; color: #647083; font-size: 14px; line-height: 1.7; }
.domain-catalog a { color: #a91832; }
.domain-catalog a:focus, .domain-catalog button:focus, .domain-catalog input:focus, .catalog-table-scroll:focus { outline: 2px solid #305db0; outline-offset: 3px; }
.catalog-search { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-bottom: 28px; }
.catalog-search .form-group { margin: 0; }
.catalog-search input { min-height: 43px; min-width: 270px; border-color: #d7dee8; border-radius: 6px; }
.catalog-search .btn { padding: 11px 19px; border-radius: 6px; background: #a91832; border-color: #a91832; color: #fff; font-size: 13px; text-transform: none; }
.catalog-search > a { font-size: 13px; }
@media (max-width: 991px) {
  .catalog-access { align-items: flex-start; flex-direction: column; gap: 18px; }
}
@media (max-width: 767px) {
  .domain-catalog { padding: 155px 0 48px; }
  .catalog-heading h1 { font-size: 29px; }
  .catalog-heading p:last-child { font-size: 15px; }
  .catalog-panel { padding: 16px; }
  .catalog-access { padding: 19px; }
  .catalog-access h2 { font-size: 18px; }
  .catalog-access-actions { flex-wrap: wrap; gap: 10px; }
  .domain-catalog .catalog-primary, .domain-catalog .catalog-login { padding: 10px 12px; font-size: 12px; }
  .domain-catalog table th, .domain-catalog table td { padding: 13px 12px; }
  .catalog-search input { min-width: 0; width: 100%; }
  .catalog-search .form-group { width: 100%; }
}