.order-confirmation{margin:auto;width:min(600px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:clamp(20px,4vw,32px);background:var(--color-night,#080d14);color:var(--color-ivory,#f3f0e9);border:var(--border-subtle,1px solid #2a3645);border-radius:8px;box-shadow:var(--shadow-soft);}
.order-confirmation::backdrop{background:rgb(0 0 0 / 70%);backdrop-filter:blur(4px)}
.order-confirmation h2{font-size:1.5rem;margin-bottom:12px}.order-confirmation p{color:var(--color-silver,#b7bec8);line-height:1.6}.confirmation-items article{padding:16px 0;border-bottom:var(--border-subtle)}.confirmation-items h3{font-size:1rem;overflow-wrap:anywhere;margin-bottom:6px}.confirmation-totals{padding:20px 0}.confirmation-totals strong{display:block;margin-top:8px;font-size:1.15rem}.confirmation-actions{display:flex;gap:12px;flex-wrap:wrap}.confirmation-actions button{flex:1;min-height:44px;padding:12px 16px;font:inherit;border:var(--border-subtle);background:var(--color-panel,#101b29);color:var(--color-ivory);cursor:pointer}.confirmation-actions .confirmation-submit{background:var(--color-gold,#c4a36b);color:#080d14;font-weight:600}.confirmation-actions button:disabled{opacity:.6;cursor:wait}.order-confirmation :focus-visible{outline:2px solid var(--color-gold);outline-offset:3px}.order-confirmation-open{overflow:hidden}
@media(max-width:360px){.confirmation-actions{flex-direction:column}}

.order-confirmation{max-height:calc(100dvh - 24px);overscroll-behavior:contain;scrollbar-gutter:stable}
.confirmation-items,.confirmation-totals{overflow-wrap:anywhere}
@media(max-width:600px){.confirmation-actions{flex-direction:column}.confirmation-actions button{width:100%;flex:auto}}
@media(max-height:450px){.order-confirmation{padding:16px}.confirmation-items article{padding-block:12px}}

.confirmation-items .confirmation-package{padding:14px 0}
.confirmation-package ul{padding-left:18px;margin:10px 0 14px;line-height:1.45}
.confirmation-package li{margin:6px 0;overflow-wrap:anywhere}
.confirmation-package p{margin:6px 0;font-variant-numeric:tabular-nums}
.confirmation-package p:last-child{font-weight:600;color:var(--color-ivory,#f3f0e9)}