.msc-order-app{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#210022}.msc-order-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1100px;margin:auto}.msc-panel{background:#fff;border:4px solid #210022;border-radius:24px;padding:28px;box-shadow:8px 8px 0 #ff0a83}.msc-kicker{font-weight:900;text-transform:uppercase;color:#ff0a83}.msc-panel h2{font-size:clamp(28px,5vw,46px);line-height:.95;margin:8px 0 24px}.msc-pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.msc-pack{border:3px solid #210022;border-radius:18px;background:#ffe817;padding:18px 10px;cursor:pointer;display:flex;flex-direction:column;gap:4px;font:inherit}.msc-pack strong{font-size:34px}.msc-pack span{font-size:24px;font-weight:900;color:#ff0a83}.msc-pack small{font-weight:800}.msc-pack.active{background:#ff0a83;color:#fff;transform:translateY(-3px)}.msc-pack.active span{color:#ffe817}.msc-custom{margin:16px 0}.msc-custom input,.msc-fields input,.msc-fields textarea{width:100%;box-sizing:border-box;border:3px solid #210022;border-radius:12px;padding:13px;font:inherit;margin-top:6px}.msc-fields{display:grid;gap:12px}.msc-fields textarea{min-height:80px}.msc-fulfilment{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.msc-fulfilment label{border:3px solid #210022;border-radius:14px;padding:14px;background:#f6fbff}.msc-fulfilment small{display:block;margin-left:23px}.msc-summary{margin:22px 0;border-top:3px dashed #210022}.msc-summary div{display:flex;justify-content:space-between;padding:9px 0}.msc-summary .total{font-size:24px;border-top:3px solid #210022}.msc-primary{width:100%;border:4px solid #210022;border-radius:16px;background:#ff0a83;color:#fff;padding:16px;font-size:20px;font-weight:1000;cursor:pointer;box-shadow:5px 5px 0 #ffe817}.msc-note{font-size:13px;opacity:.75}.msc-success{text-align:center;max-width:700px;margin:40px auto;padding:40px;border:4px solid #210022;border-radius:28px;background:#ffe817}.msc-success-icon{width:70px;height:70px;border-radius:50%;display:inline-grid;place-items:center;background:#ff0a83;color:#fff;font-size:42px;font-weight:900}.msc-success h1{font-size:48px;margin:15px}.msc-success p{font-size:18px}@media(max-width:760px){.msc-order-grid{grid-template-columns:1fr}.msc-pack-grid,.msc-fulfilment{grid-template-columns:1fr}.msc-panel{padding:20px}}
.msc-order-stepper{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 18px}.msc-order-stepper span{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:2px solid #210022;border-radius:999px;background:#fff;font-size:12px;font-weight:900}.msc-order-stepper span.active{background:#ffe817}.msc-order-stepper b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ff0a83;color:#fff}.msc-payment-trust{background:#f6fbff;border:2px solid #210022;border-radius:12px;padding:11px 12px;font-size:13px;font-weight:850;margin:14px 0 7px}.msc-panel h2{letter-spacing:-.03em}.msc-pack{min-height:130px;justify-content:center}.msc-pack:focus-visible,.msc-primary:focus-visible,.msc-fulfilment label:has(input:focus-visible){outline:4px solid #08c9ed;outline-offset:3px}.msc-fulfilment label{cursor:pointer}.msc-delivery-zone{margin-top:12px}.msc-delivery-zone select{width:100%;border:3px solid #210022;border-radius:12px;padding:12px;font:inherit;background:#fff}.msc-fields input:focus,.msc-fields textarea:focus,.msc-custom input:focus,.msc-delivery-zone select:focus{outline:3px solid #08c9ed;outline-offset:1px}.msc-summary{position:sticky;bottom:10px;background:#fffdf8;padding:12px 14px;border-radius:14px;z-index:2}.msc-primary{position:relative;z-index:3}@media(min-width:761px){.msc-order-grid .msc-panel:last-child{position:sticky;top:95px;align-self:start}}@media(max-width:760px){.msc-order-stepper{justify-content:flex-start}.msc-order-stepper span{font-size:11px}.msc-summary{position:static}}

/* v1.4.2 — two-step swipe checkout + polished plastic finish */
.msc-order-app{position:relative;isolation:isolate}
.msc-order-app:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(115deg,rgba(255,255,255,.34),transparent 24%,transparent 68%,rgba(255,255,255,.16));border-radius:30px;opacity:.55}
.msc-order-stepper{position:relative;z-index:2;max-width:1100px;margin:0 auto 16px}
.msc-order-stepper span{transition:.2s ease;background:linear-gradient(180deg,#fff 0%,#edf5f8 48%,#fff 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -2px 4px rgba(33,0,34,.08),0 2px 0 rgba(33,0,34,.1)}
.msc-order-stepper span.active{background:linear-gradient(180deg,#fff96b 0%,#ffe817 45%,#f5cf00 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.8),inset 0 -3px 5px rgba(33,0,34,.14),0 3px 0 #ff0a83}
.msc-order-viewport{max-width:1100px;margin:auto;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.msc-order-viewport::-webkit-scrollbar{display:none}
.msc-order-grid{display:grid;grid-template-columns:repeat(2,50%);gap:0;width:200%;max-width:none;margin:0}
.msc-order-grid .msc-panel{width:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;border-radius:26px;background:linear-gradient(145deg,#ffffff 0%,#fffdf8 42%,#edf5f8 100%);box-shadow:8px 8px 0 #ff0a83,inset 0 2px 0 rgba(255,255,255,.95),inset 0 -8px 20px rgba(33,0,34,.06);position:relative;overflow:hidden}
.msc-order-grid .msc-panel:before,.msc-order-grid .msc-panel:after{content:"";position:absolute;pointer-events:none}
.msc-order-grid .msc-panel:before{left:-10%;right:-10%;top:-55px;height:85px;background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,0));transform:rotate(-2deg);opacity:.7}
.msc-order-grid .msc-panel:after{inset:8px;border:1px solid rgba(255,255,255,.65);border-radius:20px;box-shadow:inset 0 0 0 1px rgba(33,0,34,.04)}
.msc-order-grid .msc-panel>*{position:relative;z-index:1}
.msc-pack{background:linear-gradient(145deg,#fff45a 0%,#ffe817 48%,#f0c900 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.82),inset 0 -5px 10px rgba(33,0,34,.1),0 3px 0 rgba(33,0,34,.18)}
.msc-pack.active{background:linear-gradient(145deg,#ff4aa5 0%,#ff0a83 48%,#d8006c 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.4),inset 0 -5px 10px rgba(33,0,34,.18),0 7px 0 #ffe817!important}
.msc-fulfilment label{background:linear-gradient(145deg,#fff 0%,#f2f8fb 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.9),inset 0 -4px 8px rgba(33,0,34,.06)}
.msc-step-next,.msc-step-back{width:100%;border:4px solid #210022;border-radius:16px;font:inherit;font-weight:1000;cursor:pointer}
.msc-step-next{margin-top:18px;padding:15px;background:linear-gradient(180deg,#ff4aa5 0%,#ff0a83 48%,#d8006c 100%);color:#fff;box-shadow:5px 5px 0 #ffe817,inset 0 2px 0 rgba(255,255,255,.45),inset 0 -6px 10px rgba(33,0,34,.14)}
.msc-step-next span{font-size:25px;line-height:0;margin-left:6px}
.msc-step-back{margin-top:13px;padding:11px;background:linear-gradient(180deg,#fff 0%,#eef4f7 100%);box-shadow:3px 3px 0 #08c9ed;color:#210022}
.msc-primary{background:linear-gradient(180deg,#ff4aa5 0%,#ff0a83 48%,#d8006c 100%);box-shadow:5px 5px 0 #ffe817,inset 0 2px 0 rgba(255,255,255,.45),inset 0 -6px 10px rgba(33,0,34,.14)}
.msc-fields input,.msc-fields textarea,.msc-custom input,.msc-delivery-zone select{background:linear-gradient(180deg,#fff 0%,#f4f8fa 100%);box-shadow:inset 0 3px 7px rgba(33,0,34,.05),inset 0 1px 0 rgba(255,255,255,.9)}
.msc-summary{box-shadow:inset 0 2px 0 rgba(255,255,255,.9),inset 0 -5px 12px rgba(33,0,34,.05),0 2px 5px rgba(33,0,34,.08)}
@media(max-width:760px){.msc-order-grid{grid-template-columns:repeat(2,50%);width:200%;gap:0}.msc-order-grid .msc-panel{padding:20px}.msc-order-viewport{margin:0 -1px;padding-bottom:9px}.msc-order-stepper{justify-content:center}.msc-step-next{margin-top:16px}.msc-order-grid .msc-panel:last-child{position:relative;top:auto}.msc-summary{position:static}}
.msc-swipe-hint{display:flex;justify-content:center;align-items:center;gap:7px;margin:0 auto 12px;color:#210022;font-size:12px;font-weight:900;opacity:.72}
.msc-swipe-hint span{display:inline-block;animation:msc-swipe 1.5s ease-in-out infinite}
@keyframes msc-swipe{0%,100%{transform:translateX(0)}50%{transform:translateX(7px)}}


/* v1.4.3 — themed controls / sticker-plastic checkout */
.msc-order-app{--msc-outline:#210022;--msc-cyan:#08c9ed;--msc-pink:#ff0a83;--msc-yellow:#ffe817;--msc-metal:linear-gradient(180deg,#fff 0%,#eef3f5 28%,#cfd9de 52%,#f8fbfc 72%,#d8e1e5 100%)}
.msc-order-stepper span{border-width:3px;text-transform:uppercase;letter-spacing:.02em}
.msc-order-stepper span.active{color:#210022}
.msc-order-grid .msc-panel{border-width:5px}
.msc-pack{border-width:4px;border-radius:20px;box-shadow:inset 0 2px 0 rgba(255,255,255,.85),inset 0 -6px 12px rgba(33,0,34,.1),4px 4px 0 rgba(33,0,34,.12)}
.msc-fulfilment{margin-top:22px}
.msc-fulfilment label{border-width:4px;background:linear-gradient(145deg,#fff 0%,#f3f8fa 50%,#dbe5e9 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.95),inset 0 -5px 10px rgba(33,0,34,.07),3px 3px 0 rgba(255,10,131,.22);transition:.16s ease}
.msc-fulfilment label:has(input:checked){background:linear-gradient(145deg,#fff96b 0%,#ffe817 50%,#efc900 100%);transform:translateY(-2px);box-shadow:inset 0 2px 0 rgba(255,255,255,.8),inset 0 -5px 10px rgba(33,0,34,.12),4px 4px 0 #ff0a83}
.msc-fulfilment input{accent-color:#ff0a83}
.msc-delivery-zone{margin-top:16px;padding:13px;border:3px solid #210022;border-radius:18px;background:linear-gradient(145deg,#fff 0%,#f0f6f8 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.9),inset 0 -5px 10px rgba(33,0,34,.06),3px 3px 0 rgba(255,10,131,.18)}
.msc-delivery-zone label{display:block;font-weight:950;color:#210022}
.msc-delivery-zone select{appearance:none;-webkit-appearance:none;width:100%;min-height:54px;margin-top:8px;padding:12px 48px 12px 15px;border:4px solid #210022;border-radius:15px;color:#210022;font-weight:900;line-height:1.2;background:linear-gradient(180deg,#fff 0%,#eef4f6 40%,#d3dee3 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.95),inset 0 -5px 9px rgba(33,0,34,.09),3px 3px 0 #ff0a83;cursor:pointer}
.msc-delivery-zone{position:relative}
.msc-delivery-zone:after{content:"⌄";position:absolute;right:25px;bottom:21px;width:28px;height:28px;display:grid;place-items:center;border:2px solid #210022;border-radius:50%;background:linear-gradient(180deg,#fff,#cfd9de);font-size:20px;font-weight:1000;line-height:1;pointer-events:none;box-shadow:inset 0 1px 0 #fff,2px 2px 0 rgba(33,0,34,.15)}
.msc-delivery-zone select:focus{outline:4px solid #08c9ed;outline-offset:2px;box-shadow:inset 0 2px 0 rgba(255,255,255,.95),inset 0 -5px 9px rgba(33,0,34,.09),4px 4px 0 #ff0a83}
.msc-fields label,.msc-custom label{font-weight:900;color:#210022}
.msc-fields input,.msc-fields textarea,.msc-custom input{border-width:4px;border-radius:15px;background:linear-gradient(180deg,#fff 0%,#f6f9fa 48%,#dce5e9 100%);box-shadow:inset 0 3px 7px rgba(33,0,34,.06),inset 0 1px 0 rgba(255,255,255,.95),3px 3px 0 rgba(255,10,131,.18)}
.msc-fields input::placeholder,.msc-fields textarea::placeholder,.msc-custom input::placeholder{color:#6d6570;opacity:1}
.msc-fields input:focus,.msc-fields textarea:focus,.msc-custom input:focus{outline:4px solid #08c9ed;outline-offset:1px}
.msc-summary{border:3px solid #210022;border-top-width:3px;background:linear-gradient(145deg,#fff 0%,#f1f6f8 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.9),inset 0 -6px 12px rgba(33,0,34,.06),3px 3px 0 rgba(255,10,131,.2)}
.msc-summary .total strong{font-size:1.18em}
.msc-payment-trust{background:linear-gradient(180deg,#fff 0%,#e7eef1 100%);box-shadow:inset 0 2px 0 #fff,inset 0 -4px 8px rgba(33,0,34,.07),2px 2px 0 rgba(255,10,131,.18)}
.msc-swipe-hint{background:rgba(255,255,255,.38);border:2px solid rgba(33,0,34,.45);border-radius:999px;padding:5px 11px;width:max-content;max-width:100%;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
@media(max-width:760px){.msc-delivery-zone:after{right:22px;bottom:22px}.msc-delivery-zone select{min-height:58px;font-size:16px}.msc-fulfilment label{min-height:76px;display:flex;align-items:center;gap:7px}.msc-fulfilment label small{margin-left:27px}}

/* v1.4.4 — product-pack surface hooks; theme supplies the full brand treatment */
.msc-pack{position:relative;overflow:hidden}.msc-pack-sticker,.msc-pack-seal,.msc-pack em{position:relative;z-index:2}.msc-pack-sticker{display:block}.msc-pack-seal{display:grid;place-items:center}.msc-pack em{display:block}


/* v1.4.5 — branded physical order ticket */
.msc-order-ticket{position:relative;margin:22px 0 16px;padding:0;border:4px solid #210022;border-radius:18px;background:linear-gradient(145deg,#fff 0%,#f4f8fa 44%,#d9e3e7 100%);box-shadow:5px 6px 0 #ff0a83,inset 0 2px 0 rgba(255,255,255,.95),inset 0 -8px 16px rgba(33,0,34,.07);overflow:hidden}
.msc-order-ticket:before{content:"";position:absolute;left:0;right:0;top:0;height:9px;background:linear-gradient(90deg,#08c9ed 0 33%,#ff0a83 33% 66%,#ffe817 66%);}
.msc-ticket-top{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:20px 16px 10px;font-size:11px;font-weight:1000;letter-spacing:.05em;text-transform:uppercase}
.msc-ticket-top strong{padding:5px 8px;border:2px solid #210022;border-radius:999px;background:#ffe817;box-shadow:2px 2px 0 #210022;font-size:9px}
.msc-ticket-title{padding:4px 16px 14px;display:flex;justify-content:space-between;align-items:end;gap:12px;border-bottom:3px dashed #210022}
.msc-ticket-title span{font-size:25px;font-weight:1000;letter-spacing:-.04em}
.msc-ticket-title small{font-size:9px;font-weight:850;text-align:right;opacity:.72}
.msc-ticket-item{display:flex;justify-content:space-between;gap:12px;padding:11px 16px;font-size:13px;font-weight:900;text-transform:uppercase}
.msc-ticket-item strong{font-size:14px}
.msc-ticket-rule{height:12px;margin:0 16px;border-bottom:3px dashed #210022}
.msc-ticket-total{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(180deg,#fff96b 0%,#ffe817 55%,#efc900 100%);border-top:2px solid #210022;border-bottom:2px solid #210022}
.msc-ticket-total span{font-size:12px;font-weight:1000;letter-spacing:.08em}
.msc-ticket-total strong{font-size:29px;line-height:1;font-weight:1000}
.msc-ticket-foot{display:flex;justify-content:space-between;gap:10px;padding:10px 16px;font-size:8px;font-weight:950;letter-spacing:.04em;opacity:.76}
.msc-order-ticket + .msc-summary-legacy{display:none!important}
@media(max-width:760px){.msc-ticket-title{align-items:start;flex-direction:column;gap:4px}.msc-ticket-title small{text-align:left}.msc-ticket-foot{font-size:7px}}
@media(prefers-reduced-motion:reduce){.msc-swipe-hint span{animation:none}.msc-order-viewport{scroll-behavior:auto}}


/* v1.4.6 — compact product packaging + cleaner one-screen mobile choice */
.msc-pack{justify-content:flex-start!important;padding:16px 12px 13px!important;min-height:170px!important}
.msc-pack-body{display:flex;flex:1;min-height:0;width:100%;align-items:center;justify-content:flex-end;text-align:center;flex-direction:column;gap:2px;padding-top:43px;position:relative;z-index:2}
.msc-pack-body strong{display:block!important;font-size:42px!important;line-height:.82!important;margin:0!important}
.msc-pack-body>span:not(.msc-pack-sticker):not(.msc-pack-seal){display:block;font-size:23px!important;line-height:1.05;font-weight:1000!important}
.msc-pack-body small{display:block;line-height:1.1;margin-top:2px}
.msc-pack-body em{display:block;line-height:1.1;margin-top:2px}
.msc-pack-sticker{left:10px!important;right:58px!important;top:9px!important;width:auto!important;max-width:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;font-size:clamp(8px,1.7vw,10px)!important;padding:6px 8px!important}
.msc-pack-seal{right:9px!important;top:7px!important;width:44px!important;height:44px!important}
.msc-pack:before{top:51px!important;left:7%!important;right:7%!important}
.msc-custom{margin:12px 0!important}
.msc-order-stepper{margin-bottom:10px!important}
.msc-swipe-hint{margin-bottom:10px!important}
.msc-order-grid .msc-panel{padding:18px!important}
.msc-order-grid .msc-panel h2{font-size:clamp(27px,7vw,38px);margin-bottom:16px}
.msc-step-next{margin-top:14px!important}
.msc-fulfilment{margin-top:16px!important}
.msc-delivery-zone{margin-top:12px!important}

@media(min-width:461px) and (max-width:800px){
  .msc-pack{min-height:164px!important}
  .msc-pack-body{padding-top:39px}
  .msc-pack-body strong{font-size:38px!important}
  .msc-pack-body>span:not(.msc-pack-sticker):not(.msc-pack-seal){font-size:20px!important}
  .msc-pack-sticker{right:54px!important}
  .msc-pack-seal{width:40px!important;height:40px!important;font-size:14px!important}
  .msc-pack-grid .msc-pack:nth-child(3){min-height:150px!important}
}

@media(max-width:460px){
  .msc-pack{min-height:154px!important}
  .msc-pack-body{padding-top:37px}
  .msc-pack-body strong{font-size:40px!important}
  .msc-pack-sticker{right:55px!important}
  .msc-pack-seal{width:40px!important;height:40px!important}
}

/* v1.4.7 — delivery zones are intentionally disabled on the customer side; flat delivery only. */
.msc-delivery-zone{display:none!important}

/* ===== v1.5.9 order flow polish ===== */
.msc-order-grid{align-items:start}
.msc-order-viewport{transition:height .25s ease;padding-bottom:14px}
.msc-panel[inert]{pointer-events:none}
.msc-qty-row{display:flex;align-items:stretch;gap:8px;margin-top:6px}
.msc-qty-row input{margin-top:0!important;text-align:center;font-size:20px;font-weight:900;min-width:0;flex:1}
.msc-qty-btn{flex:0 0 52px;border:3px solid #210022;border-radius:12px;background:#ffe817;color:#210022;font-size:26px;font-weight:900;line-height:1;cursor:pointer;box-shadow:3px 3px 0 #ff0a83}
.msc-qty-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #ff0a83}
.msc-live-total{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:2px 12px;margin-top:18px;padding:14px 16px;border:3px dashed #210022;border-radius:16px;background:#fffbe0}
.msc-live-total span{font-weight:900;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.msc-live-total strong{font-size:28px;font-weight:1000;color:#ff0a83;font-variant-numeric:tabular-nums}
.msc-live-total small{grid-column:1/-1;font-weight:700;opacity:.75}
.msc-pack:disabled,.msc-step-next:disabled{opacity:.6;cursor:not-allowed}
.msc-step-next:disabled{filter:grayscale(.5)}
.msc-pack.active{outline:4px solid #210022;outline-offset:2px;transform:translateY(-2px)}
.msc-fields input[aria-invalid="true"],.msc-fields textarea[aria-invalid="true"]{border-color:#d8006c;background:#fff0f7}
.msc-err{display:block;margin:5px 2px 0;color:#c4005f;font-weight:850;font-size:13px}
.msc-err[hidden]{display:none}
.msc-fields input,.msc-fields textarea{margin-bottom:0}
.msc-fields{display:grid;gap:12px}
.msc-fields .msc-err{margin-top:-6px}
#msc-msg{min-height:22px;margin-top:12px;font-weight:850;text-align:center}
#msc-msg.is-error{color:#c4005f}
.msc-primary.is-busy{opacity:.85;cursor:progress}
.msc-primary:disabled{opacity:.6;cursor:not-allowed}
.msc-fulfilment label:has(input:checked){background:#ffe817;box-shadow:3px 3px 0 #ff0a83}
.msc-closed{border-radius:18px}

/* success page */
.msc-success{background:linear-gradient(145deg,#fff45a,#ffe817);box-shadow:8px 8px 0 #ff0a83}
.msc-success.is-cancelled,.msc-success.is-failed{background:#fffdf8}
.msc-success.is-pending .msc-success-icon{background:#08c9ed;color:#210022}
.msc-success.is-cancelled .msc-success-icon,.msc-success.is-failed .msc-success-icon{background:#210022}
.msc-success-sum{display:inline-block;padding:8px 14px;border:3px solid #210022;border-radius:999px;background:#fff;font-weight:900}
.msc-success-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}
.msc-success-btn{display:inline-block;padding:14px 22px;border:4px solid #210022;border-radius:16px;background:#fff;color:#210022;font-weight:1000;text-decoration:none;box-shadow:4px 4px 0 #210022}
.msc-success-btn.primary{background:#ff0a83;color:#fff}
@media(max-width:600px){.msc-success{margin:20px 12px;padding:28px 18px}.msc-success h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){.msc-order-viewport{transition:none}}


/* v1.6.5 — optional location + voice-assisted ordering */
.msc-input-with-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}
.msc-input-with-action input,.msc-input-with-action textarea{margin-top:0!important;min-width:0}
.msc-voice-btn,.msc-location-btn{border:3px solid #210022;border-radius:12px;background:#ffe817;color:#210022;padding:10px 12px;font:inherit;font-weight:950;cursor:pointer;box-shadow:3px 3px 0 #ff0a83;white-space:nowrap}
.msc-voice-btn.is-listening{background:#ff0a83;color:#fff;box-shadow:3px 3px 0 #ffe817}
.msc-voice-btn:disabled,.msc-location-btn:disabled{opacity:.65;cursor:wait}
.msc-address-tools{display:grid;gap:8px}
.msc-location-btn{width:100%;background:#08c9ed}
.msc-location-status{font-size:12px;line-height:1.35;padding:9px 11px;border:2px solid #210022;border-radius:10px;background:#f6fbff}
.msc-location-status.is-success{background:#ecffd9}
.msc-privacy-note{font-size:11px;line-height:1.35;margin:0;opacity:.72}
@media(max-width:520px){.msc-input-with-action{grid-template-columns:1fr}.msc-voice-btn{width:100%}}

/* v1.7.1 — voice order assistant */
.msc-voice-order-box{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;padding:12px 14px;border:3px solid #210022;border-radius:15px;background:linear-gradient(135deg,#fff,#e9fbff);box-shadow:4px 4px 0 rgba(255,10,131,.18)}.msc-voice-order-box strong{display:block;font-size:14px}.msc-voice-order-box small{display:block;margin-top:3px;line-height:1.35}.msc-voice-order-btn{border:3px solid #210022;border-radius:12px;background:#ff0a83;color:#fff;padding:10px 12px;font:inherit;font-weight:1000;white-space:nowrap;box-shadow:3px 3px 0 #ffe817}.msc-voice-order-btn:disabled{opacity:.65}.msc-voice-order-box span{font-size:11px;font-weight:800}.msc-success-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.msc-success-btn{font:inherit;cursor:pointer}.msc-success-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 15px;border:3px solid #210022;border-radius:12px;background:#fff;text-decoration:none;font-weight:1000}.msc-success-btn.primary{background:#ff0a83;color:#fff;box-shadow:4px 4px 0 #ffe817}
@media(max-width:700px){.msc-voice-order-box{align-items:stretch;flex-direction:column}.msc-voice-order-btn{width:100%}.msc-success-actions{display:grid}.msc-success-btn{width:100%}}