.order{padding-block:clamp(32px,4vw,56px) 56px}.order-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(32px,5vw,88px);display:grid}.order-intro{top:calc(var(--nav) + 40px);flex-direction:column;gap:22px;display:flex;position:sticky}.order-intro h1{font-size:clamp(42px,4.8vw,72px);line-height:1.02}.direct{grid-template-columns:96px 1fr;align-items:center;gap:16px;margin:0;display:grid}.direct img{object-fit:cover;object-position:50% 30%;border-radius:999px;width:96px;height:96px}.direct figcaption{font-family:var(--serif);color:var(--ink);font-size:19px;font-style:italic;line-height:1.35}.form{flex-direction:column;gap:28px;display:flex}.items{flex-direction:column;gap:16px;display:flex}.item-card{border:1.5px solid var(--line);background:var(--bg);border-radius:18px;flex-direction:column;gap:20px;padding:20px;display:flex}.items.single .item-card{background:0 0;border:0;padding:0}.items.single .item-head{display:none}.item-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.item-head h3{font-size:22px}.item-remove{border:1.5px solid var(--ink);width:36px;height:36px;color:var(--ink);font:400 20px/1 var(--sans);cursor:pointer;background:0 0;border-radius:999px;place-items:center;display:grid}.item-remove:hover{background:var(--ink);color:var(--bg)}.add-item{border:1.5px dashed color-mix(in srgb, var(--ink) 40%, transparent);color:var(--ink);font:600 15px/1 var(--sans);cursor:pointer;background:0 0;border-radius:999px;align-self:flex-start;padding:12px 20px;transition:border-color .2s}.add-item:hover{border-style:solid;border-color:var(--ink)}.flavour-other,.flavour-note{flex-basis:100%;margin-top:4px}.group{background:var(--surface);border-radius:var(--r);flex-direction:column;gap:24px;padding:clamp(22px,3vw,36px);display:flex}.group h2{align-items:baseline;gap:14px;font-size:clamp(28px,2.6vw,36px);display:flex}.group h2 small{font:600 13px/1 var(--sans);color:var(--muted);letter-spacing:.02em}.field{flex-direction:column;gap:8px;min-width:0;display:flex}.field>label,.field>.label{font-size:15px;font-weight:600}.opt{color:var(--muted);font-weight:400}.hint{color:var(--muted);margin:0;font-size:14px}.row{grid-template-columns:1fr 1fr;gap:20px;display:grid}input[type=text],input[type=number],input[type=date],select,textarea{width:100%;font:400 16px/1.4 var(--sans);color:var(--ink);background:var(--bg);border:1.5px solid color-mix(in srgb, var(--ink) 28%, transparent);border-radius:var(--r-input);padding:13px 14px;transition:border-color .2s,box-shadow .2s}textarea{resize:vertical;min-height:104px}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink) 50%), linear-gradient(135deg, var(--ink) 50%, transparent 50%);background-position:calc(100% - 20px),calc(100% - 14px);background-repeat:no-repeat;background-size:6px 6px;padding-right:40px}input:focus,select:focus,textarea:focus{border-color:var(--cherry);box-shadow:0 0 0 3px color-mix(in srgb, var(--cherry) 20%, transparent);outline:none}.invalid input,.invalid select,.invalid textarea{border-color:var(--error)}.err{color:var(--error);margin:0;font-size:14px;font-weight:600}.err:empty{display:none}.choices{border:0;flex-flow:wrap;gap:6px;margin:0;padding:0;display:flex}.choices legend{margin-bottom:10px;padding:0;font-size:15px;font-weight:600}.chip{position:relative}.chip input{opacity:0;cursor:pointer;position:absolute;inset:0}.chip span{border:1.5px solid color-mix(in srgb, var(--ink) 28%, transparent);border-radius:999px;padding:8px 13px;font-size:14px;transition:background-color .2s,color .2s,border-color .2s;display:inline-block}.chip input:checked+span{background:var(--ink);color:var(--bg);border-color:var(--ink)}.chip input:focus-visible+span{outline:2px solid var(--cherry);outline-offset:3px}.ways{border:0;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;display:grid}.ways legend{margin-bottom:10px;padding:0;font-size:15px;font-weight:600}.way{display:block;position:relative}.way input{opacity:0;cursor:pointer;position:absolute;inset:0}.way span{border:1.5px solid color-mix(in srgb, var(--ink) 28%, transparent);border-radius:var(--r-input);flex-direction:column;gap:2px;height:100%;padding:14px 16px;transition:border-color .2s,background-color .2s;display:flex}.way b{font-family:var(--serif);font-size:21px;font-weight:400}.way small{color:var(--muted);font-size:14px}.way input:checked+span{border-color:var(--ink);background:var(--bg);box-shadow:inset 0 0 0 1px var(--ink)}.way input:focus-visible+span{outline:2px solid var(--cherry);outline-offset:3px}.notice{align-items:baseline;gap:10px;margin:0;font-size:15px;display:flex}.notice b{letter-spacing:.06em;text-transform:uppercase;border:1.5px solid;border-radius:999px;flex:none;padding:4px 9px;font-size:12px}.notice.ok{color:var(--muted)}.notice.rush{color:var(--cherry)}.notice.tight{color:var(--ink);font-weight:600}.submit-row{flex-wrap:wrap;align-items:center;gap:14px 22px;display:flex}.submit-row p{color:var(--muted);margin:0;font-size:14px}.preview{background:var(--surface);border-radius:var(--r);flex-direction:column;gap:20px;padding:clamp(22px,3vw,36px);display:flex}.preview h2{font-size:clamp(28px,2.6vw,38px)}.bubble{background:var(--bg);font:400 15px/1.55 var(--sans);white-space:pre-wrap;word-break:break-word;border:1.5px solid var(--line);border-radius:18px 18px 18px 6px;padding:18px 20px}.preview-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.photo-note{border-radius:var(--r-input);background:var(--blush);margin:0;padding:14px 16px;font-size:15px}@media (width<=900px){.order-grid{flex-direction:column;gap:32px;display:flex}.order-intro{position:static}}@media (width<=560px){.row,.ways{grid-template-columns:1fr}}.obar{display:none}@media (width<=760px){.obar{z-index:45;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:var(--bg);box-shadow:0 -1px 0 var(--line);display:flex;position:fixed;bottom:0;left:0;right:0}.obar .btn{flex:1}}