body {
    background-image:
        radial-gradient(circle at top left, rgba(59, 130, 246, 0.12), transparent 28%),
        linear-gradient(180deg, #f8fbff 0%, #f8fafc 100%);
}

.hero-mesh {
    background:
        radial-gradient(circle at 20% 10%, rgba(14, 165, 233, 0.22), transparent 24%),
        radial-gradient(circle at 80% 20%, rgba(37, 99, 235, 0.18), transparent 28%),
        linear-gradient(135deg, #eff6ff 0%, #ffffff 42%, #dbeafe 100%);
}

.photo-panel {
    position: relative;
    overflow: hidden;
}

.photo-panel::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.02) 0%, rgba(15, 23, 42, 0.5) 100%);
}

.photo-panel > * {
    position: relative;
    z-index: 1;
}

.glass-card {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(18px);
}

.checkout-grid {
    grid-template-columns: minmax(0, 1.4fr) minmax(320px, 0.8fr);
}

@media (max-width: 1024px) {
    .checkout-grid {
        grid-template-columns: 1fr;
    }
}