.cloud-interface { min-width:0; overflow:hidden; background:#fff; border:1px solid #d2e1d5; border-radius:24px; color:#20352a; box-shadow:0 18px 48px #173e2e0d; }
.cloud-interface header { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:24px; border-bottom:1px solid #dce5db; }
.cloud-interface header > strong { font-size:24px; color:#075b49; }
.cloud-interface header > span { font-size:11px; color:#52665b; }
.cloud-interface-body { padding:26px; background:#f6faf6; }
.cloud-interface-title { display:block; font-size:25px; line-height:1.3; margin:14px 0 22px; }
.cloud-queue,.cloud-kot { padding:20px; background:#fff; border:1px solid #dce5db; border-radius:14px; margin-top:16px; }
.cloud-queue > div { display:flex; gap:12px; justify-content:space-between; align-items:center; }
.cloud-interface small { color:#52665b; font-size:12px; line-height:1.5; }
.cloud-interface .cloud-kot { background:#fffcf2; border-style:dashed; }
.cloud-kot > strong { display:block; margin-top:10px; }
#main .cloud-kitchen-page #cloud-solutions .section-heading,
#main .cloud-kitchen-page #cloud-solutions .section-heading > p { max-width:none; }
.cloud-solution-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-bottom:30px; }
.cloud-solution-cards article { min-width:0; border:1px solid #dce5db; border-radius:22px; overflow:hidden; background:#fff; }
.cloud-card-visual { background:#eaf2e7; padding:24px; height:330px; overflow:hidden; }
.cloud-card-visual .cloud-interface { border-radius:16px; box-shadow:none; }
.cloud-card-visual .cloud-interface header { padding:14px; flex-wrap:wrap; gap:5px; }
.cloud-card-visual .cloud-interface header strong { font-size:18px; }
.cloud-card-visual .cloud-interface-body { padding:16px; }
.cloud-card-visual .cloud-interface-title { font-size:20px; margin:8px 0 14px; }
.cloud-card-visual .cloud-queue { margin-top:10px; padding:12px; }
.cloud-card-visual .cloud-queue p { font-size:13px; line-height:1.5; margin:10px 0; }
.cloud-card-visual .cloud-kot,.cloud-card-visual .cloud-queue:nth-of-type(2),.cloud-card-visual .cloud-menu-item:nth-of-type(3),.cloud-card-visual .cloud-menu-note { display:none; }
.cloud-card-visual .cloud-menu-phone { margin:14px auto; padding:14px; border-width:5px; }
.cloud-card-visual .cloud-interface-body > p { font-size:13px; }
.cloud-card-visual .cloud-bill { font-size:12px; }
.cloud-card-visual .cloud-bill > div { padding-block:5px; }
.cloud-card-copy { padding:26px; }
.cloud-card-copy h3 { font-size:22px; }
.cloud-card-copy p { font-size:16px; }
.cloud-kitchen-page .cloud-challenges,.cloud-kitchen-page .cloud-closing { background:#173b2f; color:#fff; }
.cloud-kitchen-page .cloud-challenges h2,.cloud-kitchen-page .cloud-closing h2 { color:#fff; }
#main .cloud-challenges > .container > .section-heading .eyebrow,#main .cloud-closing .eyebrow { color:#b9dfc9; }
.cloud-kitchen-page .cloud-closing > .container > div > p { color:#e0ebe3; }
#main .cloud-closing .button { background:#fffdf9; color:#075b49; border-color:#fffdf9; }
#main .cloud-closing .button.secondary { background:transparent; color:#fff; }
.cloud-closing .cloud-interface .eyebrow { color:#075b49 !important; }
.cloud-supporting { display:grid; grid-template-columns:1fr 1fr; gap:32px; }
.cloud-supporting > article { padding:30px; border:1px solid #dce5db; border-radius:24px; background:#fff; min-width:0; }
.cloud-supporting h2 { font-size:30px; margin-top:16px; }
.cloud-supporting .cloud-interface { margin-block:26px; }
.cloud-menu-phone { margin:24px auto; padding:24px; max-width:330px; border:7px solid #20352a; border-radius:30px; background:#fff; }
.cloud-phone-speaker { display:block; width:62px; height:6px; border-radius:8px; background:#20352a; margin:0 auto 22px; }
.cloud-menu-phone .cloud-interface-title { font-size:22px; }
.cloud-menu-categories { display:flex; gap:8px; margin-bottom:16px; font-size:11px; }
.cloud-menu-categories span { padding:6px 8px; border-radius:8px; background:#edf4ed; }
.cloud-menu-categories span:first-child { background:#075b49; color:#fff; }
.cloud-menu-item { display:flex; gap:12px; padding:16px 0; border-top:1px solid #dce5db; align-items:center; }
.cloud-menu-item img { width:70px; height:70px; object-fit:cover; border-radius:12px; }
.cloud-menu-item > div { min-width:0; }
.cloud-menu-item strong,.cloud-menu-item small,.cloud-menu-item b { display:block; }
.cloud-menu-item strong,.cloud-menu-item b { font-size:14px; }
.cloud-kitchen-page .cloud-menu-note { font-size:12px; line-height:1.5; }
.cloud-bill { margin:20px 0; font-size:16px; }
.cloud-bill > div { display:flex; justify-content:space-between; gap:20px; padding:14px 0; border-bottom:1px solid #dce5db; }
.cloud-bill dd { margin:0; white-space:nowrap; }
.cloud-bill-total { font-weight:700; color:#075b49; font-size:20px; }
.cloud-payment { padding:18px; border-radius:12px; background:#e3f1e6; margin-bottom:20px; }
.cloud-payment span,.cloud-payment strong { display:block; margin-block:4px; }
.cloud-order-status { gap:10px; }
.cloud-order-status li { padding:14px 5px; text-align:center; }
.cloud-order-status strong { font-size:13px; }
.cloud-setup { grid-template-columns:repeat(5,minmax(0,1fr)); }
@media(max-width:1100px) { .cloud-setup { grid-template-columns:repeat(3,minmax(0,1fr)); } .cloud-card-visual { padding:14px; } }
@media(max-width:980px) { .cloud-solution-cards,.cloud-supporting { grid-template-columns:1fr; } .cloud-card-visual { height:auto; max-height:360px; padding:24px; } .cloud-card-visual .cloud-interface { max-width:420px; margin-inline:auto; } }
@media(max-width:600px) { .cloud-setup { grid-template-columns:1fr; } .cloud-interface header { padding:18px; flex-wrap:wrap; } .cloud-interface-body,.cloud-supporting > article { padding:20px; } .cloud-menu-phone { margin:18px auto; max-width:calc(100% - 24px); padding:14px; } .cloud-order-status li { padding:16px; } .cloud-card-visual { padding:14px; } .cloud-supporting h2 { font-size:28px; } }
.cloud-hero-graphic { margin:0; min-width:0; border:1px solid #d2e1d5; border-radius:24px; overflow:hidden; box-shadow:0 18px 48px #173e2e12; background:#eaf2e7; }
.cloud-hero-graphic img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; }