.ord{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:40px;padding:24px 0 90px;display:grid}.ord-head{margin-bottom:18px}.ord-head h1{margin:0;font-size:clamp(26px,3vw,34px);line-height:1.15}.ord-head p{color:var(--muted);margin:6px 0 0;font-size:15px}.ord-preview{position:sticky;top:96px}.ord-preview .phone{--w:min(360px, calc((100dvh - 160px) * 419 / 878));margin:0 auto}.ord.two{grid-template-columns:minmax(0,1fr) 500px}.ord-slot{min-width:0;margin:0}.ord-slot figcaption{color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px;font-size:13px;font-weight:700;overflow:hidden}.ord-slot figcaption b{color:var(--ink)}.ord-pair{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.ord-preview .ord-pair .phone{--w:100%}.ord-pair .empty{aspect-ratio:419/878;text-align:center;align-items:center;margin:0;padding:20px;font-size:14px;display:flex}.ord-preview .empty{background:var(--paper);border:1px dashed var(--line);color:var(--muted);border-radius:20px;padding:26px}.ord .card{background:var(--paper);border:1px solid var(--line);border-radius:20px;margin-bottom:20px;padding:26px}.ord .grid2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ord .fld{margin-bottom:14px;font-size:13px;font-weight:700;display:block}.ord .fld .sub{color:var(--muted);margin-top:6px;font-weight:500;display:block}.ord input,.ord select{width:100%;min-height:44px;font:500 15px var(--body);color:var(--ink);background:#fff;border:1px solid #13472d40;border-radius:12px;margin-top:6px;padding:10px 13px}.ord .fixed{background:var(--forest-soft);width:100%;min-height:44px;font:600 15px var(--body);color:var(--forest-deep);text-align:left;border:1px solid #13472d40;border-radius:12px;justify-content:space-between;align-items:center;margin:6px 0 0;padding:10px 13px;display:flex}.ord .extra-pick{border:0;min-width:0;margin:0 0 14px;padding:0}.ord .extra-pick legend{margin-bottom:8px;padding:0;font-size:13px;font-weight:700}.ord .extra-pick legend small{color:var(--muted);font-size:12.5px;font-weight:500}.ord .seg{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.ord .seg button{border:1px solid var(--line);min-height:52px;font:600 14px var(--body);color:var(--ink);cursor:pointer;text-align:center;background:#fff;border-radius:12px;flex-direction:column;justify-content:center;gap:2px;padding:8px 10px;display:flex}.ord .seg button small{color:var(--muted);font-size:12.5px;font-weight:600}.ord .seg button:hover{border-color:#13472d66}.ord .seg button:focus-visible{outline-offset:2px;outline:2px solid #1f8f4e}.ord .seg button.on{background:var(--forest-soft);color:var(--forest-deep);border-color:#1f8f4e;box-shadow:0 0 0 1px #1f8f4e}.ord .seg button.on small{color:#17753f}.ord .extra-pick .fld{margin-bottom:0}.ord .extra-pick .sub b{color:var(--ink)}@media (max-width:520px){.ord .seg{grid-template-columns:1fr}.ord .seg button{flex-direction:row;justify-content:space-between;min-height:44px}}.ord .made-pick{border:0;min-width:0;margin:4px 0 16px;padding:0}.ord .made-pick legend{margin-bottom:8px;padding:0;font-size:13px;font-weight:700}.ord .made-pick legend small{color:var(--muted);font-size:12.5px;font-weight:500}.ord .made-grid{grid-template-columns:1fr;gap:10px;display:grid}.ord .made{border:1px solid var(--line);text-align:left;font:500 13px var(--body);color:var(--ink);cursor:pointer;background:#fff;border-radius:14px;grid-template-columns:1fr 1fr;gap:4px 18px;padding:14px 16px;transition:border-color .15s,box-shadow .15s;display:grid}.ord .made:hover{border-color:#13472d66}.ord .made:focus-visible{outline-offset:2px;outline:2px solid #1f8f4e}.ord .made.on{background:var(--forest-soft);border-color:#1f8f4e;box-shadow:0 0 0 1px #1f8f4e}.ord .made-h{justify-content:space-between;align-items:baseline;gap:8px;font-size:16px;display:flex}.ord .made-h span{white-space:nowrap;font-size:14px;font-weight:700}.ord .made-n{color:var(--muted);margin-bottom:4px;font-size:12.5px}.ord .made-i{padding-left:16px;line-height:1.4;position:relative}.ord .made-i:before{content:"✓";color:#1f8f4e;font-weight:700;position:absolute;left:0}.ord .made-s{color:#17753f;margin-top:auto;padding-top:10px;font-weight:700}.ord .made-pick>.sub{color:var(--muted);margin-top:8px;font-size:12.5px;display:block}.ord .made-h,.ord .made-n,.ord .made-s{grid-column:1/-1}@media (max-width:520px){.ord .made{grid-template-columns:1fr}}.ord .made-card{background:#fbf7ee;border-style:dashed;border-color:#13472d4d}.ord .made-card h2{margin:2px 0 6px;font-size:clamp(22px,2.6vw,28px)}.ord .made-tag{letter-spacing:.12em;text-transform:uppercase;color:#9a6b1f;margin:0;font-size:11.5px;font-weight:700}.ord .made-why{color:var(--muted);margin:0 0 16px;font-size:14px;line-height:1.5}.ord a.made{text-decoration:none}@media (min-width:1240px){.ord-wrap:has(.ord.with-made){max-width:1480px}.ord.with-made .ord-main{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"head head""form made""next made";align-items:start;column-gap:24px;display:grid}.ord.with-made .ord-head{grid-area:head}.ord.with-made form{grid-area:form}.ord.with-made .made-card{grid-area:made;margin-bottom:0}.ord.with-made .next{grid-area:next}.ord.with-made .made{grid-template-columns:1fr}}.ord .send{color:#fff;background:#1f8f4e;border-color:#1f8f4e;width:100%;margin-top:4px}.ord .hint{color:var(--muted);text-align:center;margin-top:10px;font-size:14px}.ord .err{color:#9b3b2a;margin-bottom:12px;font-size:14px;font-weight:600}.ord .next{background:var(--forest-soft);color:var(--forest-deep);border-radius:14px;gap:6px;margin:0;padding:14px 16px 14px 36px;font-size:14px;display:grid}@media (max-width:1180px){.ord.two{grid-template-columns:minmax(0,1fr) 420px}.ord-pair{gap:14px}}@media (max-width:980px){.ord,.ord.two{grid-template-columns:minmax(0,1fr)}.ord-pair{max-width:560px;margin:0 auto}.ord-preview{position:static}.ord-preview .phone{--w:320px}}@media (max-width:640px){.ord .grid2{grid-template-columns:1fr}.ord .card{padding:20px}.ord input,.ord select{font-size:16px}}.ord .fld .sub,.ord .addons legend small{font-size:12.5px}.ord .fld .sub a{padding:4px 0;display:inline-block}.ord .addons{border:0;margin:0 0 16px;padding:0}.ord .addons legend{margin-bottom:8px;padding:0;font-size:13px;font-weight:700}.ord .addons legend small{color:var(--muted);font-weight:500}.ord .addon{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:10px;min-height:46px;margin-bottom:6px;padding:8px 12px;font-size:14px;display:flex}.ord .addon input{accent-color:#1f8f4e;flex:none;width:18px;height:18px;min-height:0;margin:0}.ord .addon span{flex:1}.ord .addon small{color:var(--muted)}.ord .addon b{white-space:nowrap}.ord .addons .incl{color:#17753f;margin:0 0 8px;font-size:14px;font-weight:600}
