body {
            min-height: 100vh;
            margin: 0;
            background:
                radial-gradient(circle at top right, rgba(164, 191, 155, 0.28), transparent 34%),
                linear-gradient(180deg, #fffdfa 0%, #f4efe8 100%);
            display: flex;
            flex-direction: column;
            font-family: 'Raleway', sans-serif;
        }

        .checkout-status-page {
            flex: 1;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 24px;
        }

        .checkout-status-card {
            width: min(100%, 640px);
            background: #fffdfa;
            border: 1px solid #e7dfd4;
            border-radius: 28px;
            box-shadow: 0 28px 90px rgba(70, 69, 67, 0.14);
            padding: 40px 28px;
            text-align: center;
        }

        .checkout-status-kicker {
            margin: 0 0 14px;
            color: #6c6c68;
            font-size: 12px;
            letter-spacing: 0.14em;
            text-transform: uppercase;
        }

        .checkout-status-card h1 {
            margin: 0 0 16px;
            color: #464543;
            font-family: 'Playfair Display', serif;
            font-size: clamp(34px, 5vw, 52px);
            line-height: 1.05;
        }

        .checkout-status-card p {
            margin: 0 0 16px;
            color: #5f5e5b;
            font-size: 18px;
            line-height: 1.65;
        }

        .checkout-status-card a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 52px;
            padding: 0 28px;
            border-radius: 999px;
            background: #464543;
            color: #fffdfa;
            text-decoration: none;
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }

        .checkout-status-card a[hidden] {
            display: none !important;
        }

        .sandra-footer {
            width: 100%;
        }

        @media (max-width: 640px) {
            .checkout-status-page {
                align-items: stretch;
                padding: 20px 16px;
            }

            .checkout-status-card {
                border-radius: 24px;
                padding: 32px 22px;
            }
        }
    

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/raleway/raleway-normal-300.woff2') format('woff2');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/raleway/raleway-normal-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/raleway/raleway-normal-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/raleway/raleway-normal-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/raleway/raleway-normal-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/raleway/raleway-normal-800.woff2') format('woff2');
}
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/raleway/raleway-italic-400.woff2') format('woff2');
}