/* Product illustrations and the interactive Order example only.
   All page layout, navigation, typography, buttons, footer and breakpoints
   come unchanged from the IQ Charge reference in iqon-site.css. */
:root{--purple:var(--violet);--pale:var(--light)}
.order-hero-art{overflow:hidden}
.order-art-scene{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 35%,#382b61,transparent 65%),linear-gradient(140deg,#0c1526,#121b31)}
.order-art-stage{color:var(--ink);position:absolute;width:500px;height:540px;right:3%;top:50%;transform:translateY(-50%)}
.team-preview{background:#fff;position:absolute;width:320px;top:107px;right:-20px;border-radius:11px;padding:18px;box-shadow:0 20px 40px #0e004c40;transform:rotate(5deg)}.preview-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px}.mini-brand{color:var(--purple);font-size:22px;font-weight:700;letter-spacing:-1px}.mini-brand b{font-weight:400}.preview-live{font-size:7px;color:#4b6864;display:flex;gap:5px;align-items:center}.preview-live i,.table-active i{display:inline-block;width:5px;height:5px;background:#00b493;border-radius:50%}.preview-heading{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.tiny-label{font-size:6px;letter-spacing:.12em;color:var(--muted)}.preview-heading h3{font-size:19px;letter-spacing:-.04em;margin-top:3px}.preview-avatar{border-radius:50%;background:#f2efff;color:var(--purple);padding:7px;font-size:8px}.table-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px}.table-grid>div{border:1px solid var(--line);border-radius:6px;padding:10px}.table-grid small{display:block;font-size:7px;color:var(--muted)}.table-grid b{display:block;font-size:24px;color:#b0b8c0;font-weight:400}.table-grid span{font-size:7px;color:var(--muted)}.table-grid .table-active{background:#f3efff;border-color:#d4c7fa}.table-active b{color:var(--purple)}.preview-order{display:flex;gap:8px;align-items:center;margin-top:17px;border-bottom:1px solid var(--line);padding-bottom:13px}.preview-order div{flex:1}.preview-order b{display:block;font-size:8px}.preview-order small{display:block;font-size:6px;color:var(--muted)}.order-mark{background:var(--pale);border-radius:6px;color:var(--purple);padding:4px 8px}.preview-order>span:last-child{font-size:8px;color:var(--purple)}.preview-line{height:5px;background:#edf2f4;border-radius:3px;width:90%;margin-top:13px}.preview-line.short{width:65%;margin-top:7px}.phone-preview{position:absolute;width:230px;left:28px;top:66px;background:#fff;border:5px solid #23212e;border-radius:32px;transform:rotate(-7deg);box-shadow:0 25px 45px #16005266;overflow:hidden;padding:16px 12px 10px;z-index:2}.phone-camera{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:66px;height:15px;background:#23212e;border-radius:16px}.phone-time{display:flex;justify-content:space-between;font-size:8px;font-weight:700;padding-inline:5px;margin-bottom:17px}.phone-time span{font-size:7px}.phone-restaurant{display:flex;justify-content:space-between;font-size:6px;font-weight:700;letter-spacing:.1em;border-bottom:1px solid var(--line);padding-bottom:13px}.phone-restaurant span:last-child{letter-spacing:0;color:var(--muted)}.phone-welcome{margin-top:17px}.phone-welcome>small{font-size:5px;letter-spacing:.1em;color:var(--purple);font-weight:700}.phone-welcome h3{font-size:20px;line-height:1.17;letter-spacing:-.05em;margin-top:5px}.phone-welcome>div{display:flex;gap:5px;align-items:center;background:var(--pale);font-size:6px;margin-top:12px;padding:6px;border-radius:4px}.phone-welcome .status-dot{width:4px;height:4px}.phone-tabs{display:flex;gap:13px;font-size:6px;margin-block:13px 10px}.phone-tabs span{padding:4px 7px}.phone-tabs .selected{color:#fff;background:var(--purple);border-radius:12px}.phone-food{position:relative;height:115px;border-radius:7px;overflow:hidden;background:#dbe8dd}.phone-food img{width:100%;height:100%;object-fit:cover}.food-label{position:absolute;left:7px;top:7px;font-size:5px;background:white;padding:4px 6px;border-radius:10px;font-weight:700;color:var(--purple)}.phone-dish{padding:11px 2px 9px}.phone-dish h4{font-size:11px}.phone-dish p{font-size:7px;margin-top:4px;line-height:1.5;max-width:150px}.phone-dish>div{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.phone-dish b{font-size:11px;color:var(--purple)}.dish-plus{display:grid;place-items:center;color:white;background:var(--purple);border-radius:50%;width:23px;height:23px;font-size:15px}.phone-basket{display:flex;justify-content:space-between;background:var(--purple);color:white;border-radius:9px;padding:11px 8px;font-size:7px;align-items:center}.phone-basket b{background:#ffffff30;border-radius:4px;padding:2px 4px;margin-left:4px}.phone-basket strong>span{margin-left:4px}.phone-example{display:block;text-align:center;font-size:5px;color:var(--muted);margin-top:6px}.floating-note{position:absolute;z-index:3;bottom:64px;right:-18px;padding:15px 19px;display:flex;gap:11px;align-items:center;background:#c8f6ed;border:1px solid #a7e1d6;border-radius:10px;transform:rotate(3deg);box-shadow:0 10px 35px #16005233}.note-icon{background:white;border-radius:50%;padding:4px 9px;color:var(--purple);font-size:16px}.floating-note b,.floating-note div>span{display:block}.floating-note b{font-family:var(--heading);font-size:11px}.floating-note div>span{font-size:9px;color:#4b6864}.visual-caption{position:absolute;bottom:22px;left:28px;font-size:7px;color:#d6caff;letter-spacing:.1em}.visual-caption>span{color:var(--cyan);margin-right:12px}.interactive-demo{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 20px 50px #1d60600a;overflow:hidden}.demo-toolbar{padding:17px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:#fbfefe}.demo-toolbar>span{display:flex;align-items:center;gap:7px;font-size:8px;font-weight:700;letter-spacing:.06em;color:var(--purple)}.demo-toolbar>span:last-child{font-size:6px;color:var(--muted)}.demo-toolbar .status-dot{width:5px;height:5px}.demo-content{padding:25px}.demo-title{display:flex;align-items:center;justify-content:space-between}.demo-title small{font-size:7px;letter-spacing:.08em;color:var(--muted)}.demo-title h3{font-size:23px;letter-spacing:-.05em;margin-top:6px}.demo-guest{width:32px;height:32px;background:#e9f7f2;display:grid;place-items:center;border-radius:50%;font-size:12px;color:#346d54}.demo-content>p:not(.demo-disclaimer){font-size:11px;margin-top:5px}.demo-products{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}.demo-products>article{border:1px solid var(--line);border-radius:8px;overflow:hidden;padding-bottom:12px;min-width:0}.demo-product-image{height:118px;background:#e0ece7}.demo-product-image img{width:100%;height:100%;object-fit:cover}.demo-products h4{font-size:11px;margin:12px 11px 3px}.demo-products article>p{font-size:8px;margin-inline:11px}.demo-products article>div:last-child{display:flex;justify-content:space-between;align-items:center;margin:11px 11px 0}.demo-products b{font-size:12px;color:var(--purple)}.add-dish{display:grid;place-items:center;border:0;border-radius:50%;background:var(--purple);color:white;font-size:23px;width:35px;height:35px;line-height:1}.add-dish:hover{background:#2c00ad}.demo-summary{display:flex;justify-content:space-between;align-items:center;border-block:1px solid var(--line);padding-block:17px;margin-top:20px}.demo-summary>div{display:flex;align-items:center;gap:13px}.demo-summary span{font-size:11px}.demo-summary span>b{font-size:9px;padding:3px 6px;background:#eee9ff;border-radius:4px;color:var(--purple);margin-left:5px}.demo-summary strong{font-size:16px;color:var(--purple)}.reset-demo{font-size:8px;border:0;background:none;color:var(--muted);text-decoration:underline;padding:7px 0}.split-control{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;margin-top:15px}.split-control select{border:1px solid var(--line);border-radius:6px;font-size:10px;padding:7px 8px;color:var(--ink);background:white}.demo-result{background:#f2efff;border-radius:7px;padding:13px;margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-result>span{font-size:9px;color:#584e79;max-width:200px}.demo-result strong{font-size:16px;color:var(--purple);white-space:nowrap}.demo-result small{font-size:8px;font-weight:400}.demo-disclaimer{text-align:center;font-size:8px;color:var(--muted);margin-top:15px}
.order-hero-art .team-preview{top:108px;right:6px;box-shadow:0 20px 55px #0005}
.order-hero-art .phone-preview{left:30px;top:30px}
.order-hero-art .floating-note{right:15px;bottom:35px}
.order-overview-figure>.order-overview{width:100%;background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;box-shadow:0 15px 35px #3800d710}
.order-overview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8px;color:var(--muted);letter-spacing:.04em}.order-overview-head .order-live{color:#237061;letter-spacing:0}
.order-overview h3{font-size:25px;margin-top:17px}.order-table-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.order-table-row>div{padding:12px;border:1px solid var(--line);border-radius:7px}.order-table-row small,.order-table-row b,.order-table-row span{display:block}.order-table-row small,.order-table-row span{font-size:9px;color:var(--muted)}.order-table-row b{font:400 31px/1.6 var(--heading);color:#83939a}.order-table-row .active{background:#f3efff;border-color:#d4c7fa}.order-table-row .active b{color:var(--violet)}.order-incoming{display:flex;gap:13px;align-items:center;border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.order-incoming>span{color:var(--violet);font-size:26px}.order-incoming b{font-size:11px}.order-incoming p{font-size:9px;margin-top:3px}
.interactive-demo{min-width:0;max-width:100%;width:100%}.demo-content{padding:22px}.demo-toolbar{gap:12px}.demo-toolbar>span:last-child{display:none}.demo-products{grid-template-columns:1fr 1fr;gap:10px}.demo-product-image{height:105px}.demo-summary>div{gap:8px}.demo-summary strong{font-size:15px}.demo-result{flex-direction:column;align-items:flex-start;gap:8px}.demo-result>span{max-width:none}.add-dish{min-width:35px;min-height:35px}.demo-disclaimer{line-height:1.8}
.order-menu-figure{overflow:hidden}.order-paper-menu{width:100%;max-width:330px;background:#fff;border:1px solid #dce8eb;border-top:6px solid var(--violet);padding:24px;box-shadow:0 12px 25px #3800d70b}.order-paper-menu>span:first-child{font:700 10px var(--heading);letter-spacing:.12em;color:var(--violet)}.order-paper-menu h3{font-size:23px;margin-top:20px;line-height:1.3}.order-paper-menu>p{font-size:8px;margin-block:23px 10px;color:var(--violet);letter-spacing:.1em}.order-paper-menu>div{display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding-block:15px;border-top:1px solid var(--line)}.order-paper-menu b,.order-paper-menu strong{font-size:10px}.order-paper-menu strong{color:var(--violet)}.order-paper-menu small{font-size:9px;color:var(--muted);grid-column:1/-1;line-height:1.7}.order-paper-menu>span:last-child{display:block;text-align:center;font-size:7px;color:var(--muted);margin-top:15px}
.order-ecosystem-visual{background:linear-gradient(180deg,#00c7e2 0%,#3800d7 70%);border:0}.order-ecosystem-visual>img{width:90%;height:auto;max-height:160px;mix-blend-mode:normal;filter:none}
.faq-list{min-width:0}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding-block:21px;font:600 15px/1.6 var(--heading)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{color:var(--violet);font-size:23px;font-weight:400;flex-shrink:0}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:14px;line-height:1.85;padding-bottom:22px}
@media(min-width:1600px){.order-art-stage{right:12%;transform:translateY(-50%) scale(1.15)}}
@media(max-width:1150px) and (min-width:981px){.order-art-stage{right:-5%;transform:translateY(-50%) scale(.92)}}
@media(max-width:980px) and (min-width:701px){.order-art-stage{right:-90px;transform:translateY(-50%) scale(.8)}.order-hero-art .phone-preview{left:65px}.order-hero-art .floating-note{right:40px}.order-overview-figure>.order-overview{padding:18px}.order-table-row{gap:6px}.order-table-row>div{padding:8px}.order-overview-head{flex-wrap:wrap;gap:5px}.demo-content{padding:17px}.demo-products{grid-template-columns:1fr}.demo-products>article{display:grid;grid-template-columns:75px 1fr;padding-bottom:0}.demo-product-image{grid-row:1/4;height:100%;min-height:110px}.demo-products h4{margin-top:11px}.demo-products article>div:last-child{margin-bottom:10px}.demo-title h3{font-size:21px}.demo-content>p:not(.demo-disclaimer){font-size:10px}.demo-summary{gap:8px}.demo-summary>div{flex-wrap:wrap;gap:2px}.split-control{flex-wrap:wrap}}
@media(max-width:700px){.order-art-stage{right:50%;transform:translate(50%,-50%) scale(.85)}.order-hero-art .phone-preview{left:40px;top:20px}.order-hero-art .team-preview{right:5px;top:90px}.order-hero-art .floating-note{right:14px;bottom:10px}.order-overview-figure>.order-overview{max-width:370px;padding:22px}.demo-content{padding:22px}.demo-toolbar>span:last-child{display:block;font-size:6px}.demo-products{grid-template-columns:1fr 1fr}.demo-product-image{height:130px}.demo-result{flex-direction:row;align-items:center;gap:10px}.demo-result>span{max-width:200px}.faq-list summary{font-size:14px}.faq-list details p{font-size:13px}.order-paper-menu{max-width:340px}.order-ecosystem-visual>img{max-width:300px;max-height:130px;width:85%;height:auto}}
@media(max-width:420px){.order-art-stage{transform:translate(50%,-50%) scale(.72)}.order-hero-art .phone-preview{left:62px}.order-hero-art .team-preview{right:22px}.order-hero-art .floating-note{right:45px}.demo-toolbar>span:last-child{display:none}.demo-content{padding:17px}.demo-products{gap:9px}.demo-products h4{font-size:10px;margin-inline:9px}.demo-products article>p{font-size:8px;margin-inline:9px}.demo-products article>div:last-child{margin-inline:9px}.demo-result{flex-direction:column;align-items:flex-start}}
/* Product illustrations must shrink with the shared single-column mobile grid. */
.order-overview-figure,.order-menu-figure{min-width:0}.order-overview-head{flex-wrap:wrap}