/* The buyer's order page (/order/, PROTECTION_PLAN.md). Uses the site's own tokens. */
.orderview { margin-top: clamp(28px, 4vw, 48px); }
.orderview__card { display: grid; gap: 18px; padding: clamp(18px, 3vw, 32px); }
.orderview__top { display: flex; flex-wrap: wrap; gap: 16px 32px; justify-content: space-between; align-items: flex-start; }
.orderview__top .h2 { margin: 4px 0; }
.orderview__steps { display: flex; gap: 8px; list-style: none; margin: 0; padding: 0; }
.orderview__steps li { padding: 6px 12px; border-radius: var(--r-pill, 999px); border: 1px solid var(--pe-hairline); font-size: var(--fs-sm); color: var(--text-2); }
.orderview__steps li.is-done { border-color: var(--pe-accent); color: var(--text); }
.orderview__items { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.orderview__items li { display: flex; justify-content: space-between; gap: 16px; padding-bottom: 8px; border-bottom: 1px solid var(--pe-hairline); }
.orderview__total { font-weight: 700; border-bottom: 0 !important; }
.orderview__perks { margin: 0; }
.orderview__ret { padding: 14px 16px; border-radius: var(--r-lg, 16px); border: 1px solid var(--pe-hairline); display: grid; gap: 8px; }
.orderview__ret p { margin: 0; }
.orderview__startret > summary { list-style: none; cursor: pointer; display: inline-flex; }
.orderview__startret > summary::-webkit-details-marker { display: none; }
.orderview__startret[open] > summary { margin-bottom: 14px; }
.orderview__chk { display: flex; gap: 8px; align-items: center; font-weight: 400; }
.orderview fieldset { border: 0; padding: 0; margin: 0; display: grid; gap: 6px; }
.orderview__foot { margin: 0; }
.guarantee-link { display: inline-flex; gap: 6px; align-items: center; }
.orderview__perks li { grid-template-columns: 14px 1fr; }
.orderview__perks li::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--pe-accent); margin-top: 8px; }