@layer components{.page-order{& .page-order__head{padding-block:var(--space-xl)}& .page-order__heading{max-inline-size:18ch;margin-block-start:var(--space-s)}& .page-order__lead{max-inline-size:var(--measure);margin-block-start:var(--space-s);opacity:.85}& .page-order__layout{display:grid;gap:var(--space-l);align-items:start;padding-block:var(--space-l)var(--space-2xl);@media(min-width:1024px){grid-template-columns: 7fr 4fr; gap: var(--space-xl);}}& .page-order__summary{@media(min-width:1024px){position: sticky; inset-block-start: 6rem;}}& .page-order__summary-list{margin-block-start:var(--space-s);& div{display:flex;gap:var(--space-s);justify-content:space-between;padding-block:var(--space-2xs);border-block-end:1px solid var(--color-border);font-size:var(--size-step--1)}& dt{color:var(--color-text-muted)}& dd{margin:0;font-weight:600;text-align:end}}& .page-order__summary-total{margin-block-start:var(--space-m)}& .page-order__summary-price{margin-block-start:var(--space-3xs);font-size:var(--size-step-2);& span{font-family:var(--font-sans);font-size:var(--size-step-0);font-weight:400;color:var(--color-text-muted)}}& .page-order__summary-note{margin-block-start:var(--space-s);color:var(--color-text-muted);font-size:var(--size-step--2)}& .page-order__row{display:grid;gap:var(--space-s);@media(min-width:640px){grid-template-columns: 1fr 1fr;}}& .page-order__fieldset{margin:var(--space-m)0 0;padding:0;border:0;&:first-child{margin-block-start:0}& legend{padding:0;margin-block-end:var(--space-xs)}}& .page-order__options{display:grid;gap:var(--space-2xs);@media(min-width:640px){grid-template-columns: 1fr 1fr;}}& .page-order__option{display:flex;flex-direction:column;gap:var(--space-3xs);padding:var(--space-s)}& .page-order__option-name{font-weight:600}& .page-order__option-note{color:var(--color-text-muted);font-size:var(--size-step--1)}& .page-order__pills{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}& .page-order__meals, & .page-order__free, & .page-order__start{display:block;margin-block-start:var(--space-m)}& .page-order__note{display:flex;gap:var(--space-s);align-items:flex-start;margin-block-start:var(--space-m);background:var(--color-accent-surface);border-color:transparent;font-size:var(--size-step--1);& svg{flex-shrink:0;margin-block-start:.15em;color:var(--color-accent-strong)}}& .page-order__quiz{margin-block-start:var(--space-m);& summary{display:inline-flex}}& .page-order__quiz-heading{margin-block-start:var(--space-m);font-size:var(--size-step-1)}& .page-order__quiz-grid{display:grid;gap:var(--space-s);margin-block-start:var(--space-s);@media(min-width:640px){grid-template-columns: repeat(3,1fr);}}& .page-order__quiz-note{margin-block-start:var(--space-m);color:var(--color-text-muted);font-size:var(--size-step--2)}& .page-order__consent{display:flex;gap:var(--space-2xs);align-items:flex-start;margin-block-start:var(--space-s);font-size:var(--size-step--1);& input{margin-block-start:.2em;accent-color:var(--color-accent)}}& .page-order__captcha{margin-block-start:var(--space-m)}& .page-order__captcha-slot{block-size:4rem;margin-block-start:var(--space-2xs);border:1px dashed var(--color-border-strong);border-radius:var(--radius-m)}& .page-order__pay{margin-block-start:var(--space-m)}& .page-order__done{display:flex;gap:var(--space-s);align-items:center;background:var(--color-accent-surface);border-color:transparent;& svg{color:var(--color-accent-strong)}}& .page-order__done-links{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin-block-start:var(--space-m)}}.order-header{padding-block:var(--space-s);border-block-end:1px solid var(--color-border);& > div{display:flex;gap:var(--space-s);align-items:center;justify-content:space-between}& .order-header__logo{display:block;block-size:1.75rem;inline-size:auto;aspect-ratio:114/82;color:var(--color-accent-strong)}& p{display:flex;gap:var(--space-3xs);align-items:center}}.order-footer{padding-block:var(--space-m);border-block-start:1px solid var(--color-border);font-size:var(--size-step--2);& > div{display:flex;flex-wrap:wrap;gap:var(--space-s)}& a{color:var(--color-text-muted);text-decoration:none;&:hover{color:var(--color-accent-strong)}}}}