/* DS-959, payment confirmation page. Scoped to .ds-confirm, built on the redesign.css tokens. */

  .ds-confirm{
    flex:1 0 auto; display:flex; align-items:center; justify-content:center;
    background:#fff; padding:96px 0 120px;
    font-family:var(--ds-font-body); color:var(--ds-deep-sea);
  }
  .ds-confirm__inner{ max-width:720px; margin:0 auto; text-align:center; }

  /* Teal check badge */
  .ds-confirm__check{
    display:flex; align-items:center; justify-content:center;
    width:80px; height:80px; margin:0 auto 40px;
    border-radius:50%; background:#096B81; color:var(--ds-contrast);
  }
  .ds-confirm__check svg{ width:40px; height:40px; display:block; }
  /* Error check for index_unavailability */
  .ds-confirm__check--error{ background:#9E1B14; }

  .ds-confirm__title{
    font-family:var(--ds-font-display); font-weight:500;
    font-size:52px; line-height:1.1; color:var(--ds-deep-sea);
    text-transform:none; letter-spacing:normal; margin:0;
  }
  .ds-confirm__ref{ font-size:17px; line-height:1.5; color:var(--ds-deep-sea); margin:20px 0 0; }
  .ds-confirm__ref strong{ font-weight:700; }
  .ds-confirm__note{ font-size:17px; line-height:1.5; color:var(--ds-deep-sea); margin:20px 0 0; }

  /* Actions */
  .ds-confirm__actions{
    display:flex; flex-wrap:wrap; align-items:center; justify-content:center;
    gap:16px; margin-top:40px;
  }
  .ds-btn{
    display:inline-flex; align-items:center; justify-content:center; gap:10px;
    border-radius:999px; padding:19px 34px; box-sizing:border-box;
    font-family:var(--ds-font-label); font-weight:500; font-size:14px;
    text-transform:uppercase; letter-spacing:1.12px; line-height:1;
    text-decoration:none; cursor:pointer; white-space:nowrap;
    transition:background-color .15s ease, color .15s ease;
  }
  .ds-btn--primary{ background:#096B81; color:var(--ds-contrast); border:1px solid #096B81; }
  .ds-btn--primary:hover, .ds-btn--primary:focus{ background:var(--ds-lagoon-dark); border-color:var(--ds-lagoon-dark); color:var(--ds-contrast); text-decoration:none; }
  .ds-btn__arrow{ width:18px; height:18px; flex:0 0 auto; }
  .ds-btn--secondary{ background:transparent; color:var(--ds-deep-sea); border:1px solid var(--ds-deep-sea); }
  .ds-btn--secondary:hover, .ds-btn--secondary:focus{ background:var(--ds-deep-sea); color:var(--ds-contrast); text-decoration:none; }

  @media (max-width:900px){
    .ds-confirm{ padding:56px 0 72px; }
    .ds-confirm__inner{ padding:0 4px; }
    .ds-confirm__check{ width:64px; height:64px; margin-bottom:28px; }
    .ds-confirm__check svg{ width:32px; height:32px; }
    .ds-confirm__title{ font-size:34px; }
    .ds-confirm__ref, .ds-confirm__note{ font-size:16px; margin-top:16px; }
    .ds-confirm__actions{ flex-direction:column; gap:12px; margin-top:32px; }
    .ds-btn{ width:100%; padding:17px 24px; }
  }