.orvag-order{--order-ink:#153e2e;--order-muted:#4f6558;--order-paper:#f5f3e9;--order-line:#d4ddce;padding-block:clamp(32px,5vw,64px);color:var(--order-ink)}
.orvag-order,.orvag-order *{box-sizing:border-box}
.orvag-order .orvag-order__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center;max-width:1440px}
.orvag-order__visual{position:relative;align-self:center;min-height:0;aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:var(--order-paper)}
.orvag-order__frame>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.orvag-order__frame:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,rgba(12,38,26,.65));pointer-events:none}
.orvag-order__image-label{position:absolute;z-index:1;bottom:24px;left:24px;right:24px;color:#fff;font-size:14px;letter-spacing:.02em}
.orvag-order__eyebrow{margin:0 0 12px;font-size:11px;font-weight:750;letter-spacing:.15em;color:var(--order-muted)}
.orvag-order__content>h2{margin:0 0 24px;max-width:500px;color:var(--order-ink);font-size:clamp(32px,3.2vw,46px);line-height:1.08;letter-spacing:-.025em}
.orvag-order__steps{list-style:none;padding:0;margin:0}
.orvag-order__steps li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:16px;padding:20px 0;border-top:1px solid var(--order-line)}
.orvag-order__number{font-size:12px;font-weight:700;color:var(--order-muted);padding-top:4px;font-variant-numeric:tabular-nums}
.orvag-order__steps h3{margin:0 0 6px;font-family:var(--font-body-family);font-size:18px;line-height:1.4;letter-spacing:0;font-weight:700;color:var(--order-ink)}
.orvag-order__steps p{margin:0;max-width:52ch;font-size:15px;line-height:1.6;color:var(--order-muted)}
.orvag-order__delivery{display:flex;align-items:start;gap:12px;padding:16px;margin-top:4px;background:var(--order-paper);border:1px solid var(--order-line);border-radius:6px}
.orvag-order__delivery>svg{flex:none;width:24px;height:24px;margin-top:1px}
.orvag-order__delivery strong{font-size:15px;line-height:1.5}
.orvag-order__delivery p{margin:4px 0 0;color:var(--order-muted);font-size:14px;line-height:1.6}
.orvag-order .orvag-order__link{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:48px;padding:12px 20px;margin-top:20px;background:var(--order-ink);color:#fff;text-decoration:none;border-radius:4px;font-size:15px;font-weight:700}
.orvag-order .orvag-order__link:hover{background:#24563f;color:#fff}
.orvag-order .orvag-order__link:focus-visible{outline:2px solid var(--order-ink);outline-offset:4px}
@media(max-width:989px){.orvag-order .orvag-order__layout{grid-template-columns:1fr;gap:28px}.orvag-order__visual{min-height:0;aspect-ratio:3/2}.orvag-order__content>h2{max-width:600px}.orvag-order__steps li{padding:16px 0}.orvag-order__steps p{max-width:none}}
@media(max-width:599px){.orvag-order__visual{aspect-ratio:4/3}.orvag-order__image-label{bottom:16px;left:16px;font-size:12px}.orvag-order__steps li{grid-template-columns:28px minmax(0,1fr);gap:12px}.orvag-order__steps p{font-size:16px}.orvag-order__delivery p{font-size:14px}.orvag-order .orvag-order__link{width:100%}}
@media(prefers-reduced-motion:no-preference){.orvag-order .orvag-order__link{transition:background-color 160ms ease}}

.orvag-order__frame{position:absolute;inset:0;margin:0;overflow:hidden}
.orvag-order__frame[hidden]{display:none}
.orvag-order__frame>img{object-position:center 60%}
.orvag-order__image-label{display:grid;gap:6px;line-height:1.4;font-weight:600}
.orvag-order__image-label>span{font-size:11px;letter-spacing:.12em;font-weight:400}
.orvag-order__steps li{padding-inline:12px;border-radius:6px}
.orvag-order__steps li.is-active{background:#f1f4ea;box-shadow:inset 3px 0 0 var(--order-ink)}
.orvag-order__steps li.is-active .orvag-order__number{color:var(--order-ink)}
.orvag-order__steps h3 button{display:block;width:100%;min-height:44px;padding:4px 0;border:0;background:none;text-align:left;color:inherit;font:inherit;cursor:pointer}
.orvag-order__steps h3{margin-bottom:0}
.orvag-order__steps button:focus-visible{outline:2px solid var(--order-ink);outline-offset:3px}
@media(prefers-reduced-motion:no-preference){.orvag-order__frame.is-active{animation:orvag-order-reveal 300ms ease-out}@keyframes orvag-order-reveal{from{opacity:.4}to{opacity:1}}}

.orvag-order .orvag-order__layout{align-items:start}
.orvag-order .orvag-order__visual{position:sticky;top:var(--order-sticky-top,calc(var(--header-height,0px) + 16px));align-self:start;z-index:2;max-height:calc(100svh - var(--order-sticky-top,16px) - 32px)}
.orvag-order .orvag-order__steps li{min-height:clamp(220px,38svh,380px);align-content:center}
@media(max-width:989px){
.orvag-order .orvag-order__layout{gap:24px}
.orvag-order .orvag-order__visual{width:100%;height:clamp(160px,32svh,320px);aspect-ratio:auto;max-height:calc(100svh - var(--order-sticky-top,16px) - 180px);box-shadow:0 8px 20px rgba(21,62,46,.12)}
.orvag-order .orvag-order__steps li{min-height:clamp(190px,32svh,300px)}
}
@media(max-height:500px) and (max-width:989px){
.orvag-order .orvag-order__visual{height:120px;max-height:none}
.orvag-order .orvag-order__steps li{min-height:180px}
}