/* Responsive customer screens — October 2026. */
body:is(.dm-comanda-online,.dm-comanda-status){--dm-bg:#faf8f4;--dm-ink:#101b3c;--dm-muted:#73809a;--dm-brand:#ffb427;background:#faf8f4;color:#101b3c}
body:is(.dm-comanda-online,.dm-comanda-status) :is(button,a,input,select){touch-action:manipulation}
body:is(.dm-comanda-online,.dm-comanda-status) .marketplace-dock{background:rgba(255,255,255,.97);border-top:1px solid #f0ece5;box-shadow:0 -4px 24px #101b3c08}
body:is(.dm-comanda-online,.dm-comanda-status) .dock-button{color:#66738e;min-height:54px;border-radius:16px}
body:is(.dm-comanda-online,.dm-comanda-status) .dock-button.active{background:#fff3d9;color:#bc6a00}
body:is(.dm-comanda-online,.dm-comanda-status) .dock-button svg{width:25px;height:25px}
body:is(.dm-comanda-online,.dm-comanda-status) .dock-label{font-size:12px;font-weight:600}
body.dm-comanda-online{padding:0 20px 190px}
body.dm-comanda-online .customer-site-head{margin:0 -20px 24px;padding:0 24px;background:#ffffffed;border-bottom:1px solid #eee9e2;box-shadow:0 4px 20px #17213a04;backdrop-filter:blur(18px);z-index:65}
body.dm-comanda-online .customer-brand-row{position:relative;min-height:82px;justify-content:center;gap:16px;max-width:1600px;margin:auto}
body.dm-comanda-online .online-brand-logo img{width:76px;height:58px;object-fit:contain}
body.dm-comanda-online .customer-restaurant-card{margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;max-width:340px}
body.dm-comanda-online .r-icon{display:none}
body.dm-comanda-online .r-name{font-size:21px;font-weight:800;letter-spacing:-.04em}
body.dm-comanda-online .r-sub{font-size:12px;color:#7c879a;margin-top:4px}
body.dm-comanda-online .customer-brand-row>.dm-menu-btn{position:absolute;left:4px;top:19px;width:44px;height:44px;border-radius:50%;box-shadow:0 4px 12px #14213b08;background:#fff}
body.dm-comanda-online .dm-download-link{position:absolute;right:0;top:21px;display:flex;align-items:center;gap:8px;background:#152138;color:white;padding:12px 18px;border-radius:30px;font-size:12px;font-weight:700;text-decoration:none}
body.dm-comanda-online #pwaInstallBtn{top:22px!important;right:24px!important;z-index:70!important}
body.dm-comanda-online .online-client-controls{position:static!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0 0 12px!important;margin:0!important;max-width:1600px}
body.dm-comanda-online .product-menu-tools{position:static!important;margin:0;padding:0;background:transparent}
body.dm-comanda-online .product-menu-tools-row{gap:8px;align-items:center}
body.dm-comanda-online .product-menu-tools-row>.dm-menu-btn,body.dm-comanda-online .online-daily-tools>.dm-menu-btn{display:none}
body.dm-comanda-online .category-chip-row{gap:8px;scrollbar-width:none;overscroll-behavior-x:contain}
body.dm-comanda-online .category-chip{min-height:38px;padding:9px 14px;border:1px solid #eeeae5;border-radius:15px;background:white;box-shadow:0 3px 10px #18243a06;font-size:11px;white-space:nowrap}
body.dm-comanda-online .category-chip.active{background:#16213a;border-color:#16213a;color:white}
body.dm-comanda-online .product-search-toggle{width:38px;height:38px;border-radius:14px;flex:0 0 38px}
body.dm-comanda-online #orderForm{max-width:1180px!important;margin:0 auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body.dm-comanda-online #findMyOrderLink{margin:0 auto 16px!important;width:fit-content;font-size:12px!important}
body.dm-comanda-online #menuTypeTabs{width:360px;max-width:100%;margin:0 auto 20px!important;padding:4px;gap:4px;background:white;border:1px solid #ece8e1;border-radius:30px;box-shadow:0 4px 16px #1b254508}
body.dm-comanda-online #menuTypeTabs .choice-btn{min-height:38px;border:0!important;border-radius:24px!important;padding:9px 14px;font-size:12px;font-weight:700;background:none}
body.dm-comanda-online #menuTypeTabs .choice-btn.active{background:#ffb427!important;color:#101b3c;box-shadow:inset 0 0 0 1px #f5a113}
body.dm-comanda-online .menu-section-card,body.dm-comanda-online .daily-menu-shelf{background:#ffffffed;border:1px solid #f0ece6!important;border-radius:18px!important;padding:18px 16px!important;box-shadow:0 8px 24px #22284906;margin-bottom:16px}
body.dm-comanda-online .shelf-title{position:relative;padding-left:16px!important;font-size:23px!important;font-weight:800!important;letter-spacing:-.035em;margin-bottom:16px!important;align-items:center;line-height:1.3}
body.dm-comanda-online .shelf-title:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:5px;background:#ffb427;border-radius:9px}
body.dm-comanda-online .shelf-count{font-size:12px!important;font-weight:500!important;letter-spacing:0;color:#73809a}
body.dm-comanda-online .shelf{gap:14px;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:4px}
body.dm-comanda-online .pcard{flex:0 0 calc((100% - 56px)/5)!important;min-width:0!important;max-width:none!important;border:1px solid #f0eee8!important;border-radius:14px!important;overflow:hidden;box-shadow:0 5px 14px #16203b09;scroll-snap-align:start;background:white}
body.dm-comanda-online .pcard .iphoto,body.dm-comanda-online .pcard>img{height:142px!important;aspect-ratio:1.6;object-fit:cover}
body.dm-comanda-online .pcard .ibody{padding:12px!important;display:flex;flex-direction:column;min-height:158px}
body.dm-comanda-online .iname{font-size:14px!important;line-height:1.4;font-weight:800;color:#101b3c}
body.dm-comanda-online .idesc{font-size:12px!important;line-height:1.45;color:#8590a1;margin-top:4px}
body.dm-comanda-online .iallergens{font-size:11px!important}
body.dm-comanda-online .iprice{font-size:15px!important;font-weight:800;margin-top:auto;padding-top:9px}
body.dm-comanda-online .pcard .qty-row{margin-top:8px;justify-content:space-between}
body.dm-comanda-online .pcard .qty-row button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border:0!important;border-radius:12px!important;background:#f5f5f6}
body.dm-comanda-online .pcard [data-alc-inc],body.dm-comanda-online .pcard [data-inc]{background:#ffb427!important;color:#101b3c}
body.dm-comanda-online .customer-section-card{background:white;border-radius:20px;padding:24px;margin:20px 0;box-shadow:0 6px 24px #12234506}
body.dm-comanda-online .summary-bar{max-width:1540px!important;width:calc(100% - 48px)!important;left:50%!important;right:auto!important;transform:translateX(-50%);bottom:calc(70px + env(safe-area-inset-bottom,0px))!important;display:grid;grid-template-columns:230px 1fr 300px;gap:16px;align-items:center;padding:14px 20px!important;border:1px solid #f0ece5!important;border-radius:24px!important;background:#fffffffa!important;box-shadow:0 10px 36px #15213a10!important}
body.dm-comanda-online .summary-bar .total{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:0;padding-left:46px;position:relative;font-size:12px}
body.dm-comanda-online .summary-bar .total:before{content:"";position:absolute;left:0;top:2px;width:34px;height:34px;background:#f2f4f8;border-radius:50%}
body.dm-comanda-online .summary-bar .dm-cart-icon{position:absolute;left:7px;top:8px;width:21px;height:21px;z-index:1}
body.dm-comanda-online #totalValue{font-size:20px;font-weight:800}
body.dm-comanda-online .summary-bar>label{margin:0!important;font-size:10px!important;padding:4px 12px;border-left:1px solid #e7eaf0}
body.dm-comanda-online #submitBtn{background:#16a268!important;color:white!important;min-height:46px;border:0;border-radius:15px!important;font-size:14px;font-weight:800;margin:0!important;box-shadow:0 4px 12px #15975b18!important}
body.dm-comanda-online #discountSummary{grid-column:1/-1;margin:0!important}
body.dm-comanda-online #discountSummary[style*="display: none"]{display:none!important}
body.dm-comanda-online .summary-bar[style*="display: block"]{display:grid!important}
body.dm-comanda-online .summary-bar #submitBtn:disabled{opacity:.65}
body.dm-comanda-online::before,body.dm-comanda-online::after{content:"";position:fixed;top:120px;bottom:130px;width:max(0px,calc((100vw - 1220px)/2));background-image:var(--dm-food-photo,none);background-size:cover;background-position:center;filter:blur(7px);opacity:.32;pointer-events:none;z-index:-1}
body.dm-comanda-online::before{left:0;mask-image:linear-gradient(to right,#000,transparent)}
body.dm-comanda-online::after{right:0;mask-image:linear-gradient(to left,#000,transparent)}
/* Tracking */
body.dm-comanda-status{padding-bottom:40px;--green:#1da765;--amber:#ffb427}
body.dm-comanda-status .brand-header{height:88px;display:flex;justify-content:flex-start;padding:14px max(32px,calc((100vw - 1340px)/2));background:#ffffffed;border-bottom:1px solid #eeeae4}
body.dm-comanda-status .brand-link{display:flex;align-items:center;gap:8px;white-space:nowrap}
body.dm-comanda-status .brand-link img{width:67px;height:56px;object-fit:contain}
body.dm-comanda-status .brand-link span{font-size:24px!important;letter-spacing:.04em!important;font-weight:800}
body.dm-comanda-status .brand-header>.dm-menu-btn{display:none}
body.dm-comanda-status .marketplace-dock{position:fixed;top:16px;bottom:auto!important;left:auto;right:max(32px,calc((100vw - 1340px)/2));width:min(780px,calc(100vw - 390px));height:56px;border:0;box-shadow:none;background:transparent;padding:0;display:flex;gap:16px;z-index:80}
body.dm-comanda-status .marketplace-dock .dock-button{flex:1;flex-direction:row;gap:10px;padding:12px 16px;min-height:52px}
body.dm-comanda-status .marketplace-dock .dock-label{font-size:14px}
body.dm-comanda-status .tracking-return{display:block;width:min(1340px,calc(100% - 64px));margin:30px auto 24px;font-size:14px;font-weight:700;color:#13213f}
body.dm-comanda-status #app{max-width:1340px;width:calc(100% - 64px);padding:0;margin:0 auto}
.dm-tracking-grid{display:grid;grid-template-columns:1fr 1.04fr;gap:18px;align-items:start}
.dm-tracking-main,.dm-tracking-aside{min-width:0}
body.dm-comanda-status .card{border:1px solid #f1eeea;border-radius:24px;padding:24px;margin-bottom:16px;box-shadow:0 9px 30px #17234506;animation:none}
body.dm-comanda-status #orderInfoCard{padding:30px}
.dm-order-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:24px}
body.dm-comanda-status .dm-order-heading h1{font-size:36px;font-weight:800;letter-spacing:-.05em;line-height:1.15;margin:0 0 8px}
body.dm-comanda-status .dm-order-heading .sub{font-size:15px;margin:0;line-height:1.5}
.dm-status-pill{display:inline-flex;align-items:center;gap:8px;padding:13px 17px;border-radius:30px;background:#fff3dc;color:#b86700;font-size:13px;font-weight:700;white-space:nowrap}
.dm-status-pill svg{width:24px;height:24px}.dm-status-pill.complete{background:#e8f8ef;color:#128453}.dm-status-pill.cancelled{background:#fff0ef;color:#be4a43}
.dm-eta-panel{display:flex;gap:20px;align-items:center;min-height:210px;padding:20px;border-radius:22px;background:linear-gradient(120deg,#fff9ee,#faf9f6);margin-bottom:16px}
.dm-eta-art{width:41%;max-width:200px;flex-shrink:0}
body.dm-comanda-status #countdownBox{padding:0;flex:1;text-align:left;min-width:0}
body.dm-comanda-status #countdownBox .big{font-size:clamp(36px,5.2vw,74px);font-weight:800;line-height:1.1;letter-spacing:-.055em;margin:8px 0}
body.dm-comanda-status #countdownBox .label, .dm-eta-intro{color:#74819a;font-size:14px;line-height:1.5}
body.dm-comanda-status #countdownBox .big.dm-eta-state{font-size:clamp(23px,3vw,34px);letter-spacing:-.035em}
body.dm-comanda-status #stepsBox{margin:0}
body.dm-comanda-status #stepsBox .step{position:relative;display:flex;align-items:center;gap:16px;min-height:82px;padding:12px 8px;border-radius:17px}
body.dm-comanda-status #stepsBox .step.active{background:#fff4dc}
body.dm-comanda-status #stepsBox .dot{width:46px;height:46px;flex:0 0 46px;border:4px solid #fff;box-shadow:0 0 0 2px #edf0f5;background:#f2f4f7;color:#8792a6;font-size:20px;animation:none}
body.dm-comanda-status #stepsBox .done .dot{background:#1cab68;color:white;box-shadow:0 0 0 2px #d5f1e1}
body.dm-comanda-status #stepsBox .active .dot{background:#ffb427;color:#15213f;box-shadow:0 0 0 3px #ffe4a5}
body.dm-comanda-status #stepsBox .step:not(:last-child):before{left:30px;top:56px;height:calc(100% - 36px);width:3px;background:#e7ebf0}
body.dm-comanda-status #stepsBox .step.done:before{background:#35b179}
body.dm-comanda-status #stepsBox .label{font-size:15px;font-weight:800;color:#15213f;line-height:1.35}
.dm-step-copy{flex:1;min-width:0}.dm-step-copy small{display:block;font-size:12px;color:#7c879b;line-height:1.5;margin-top:3px}
.dm-step-time{font-size:12px;color:#8290a8;font-variant-numeric:tabular-nums}
body.dm-comanda-status #trackingCard{padding:12px}
body.dm-comanda-status #trackingMap{height:410px!important;width:100%;border-radius:16px}
body.dm-comanda-status #trackingCard>.sub{font-size:11px;margin:10px 8px 2px!important;line-height:1.5}
body.dm-comanda-status #driverDistanceNote{font-size:12px!important;margin:8px!important;color:#b6730a!important}
body.dm-comanda-status .leaflet-bar{border:0!important;box-shadow:0 2px 10px #1b294322}
body.dm-comanda-status .leaflet-bar a{width:34px;height:34px;line-height:34px}
.dm-driver-card{display:flex;gap:16px;align-items:center}
.dm-driver-avatar{width:70px;height:70px;border-radius:50%;background:#eef2f7;flex:0 0 70px}
.dm-driver-copy{flex:1;min-width:0}.dm-driver-copy small,.dm-delivery-copy small{font-size:12px;color:#7b889e}
.dm-driver-copy strong,.dm-delivery-copy strong{display:block;font-size:17px;font-weight:800;margin:5px 0}
.dm-driver-copy p{margin:5px 0 0;font-size:12px;color:#7b889e}
.dm-contact-action{width:46px;height:46px;border:1px solid #e8ecf2;border-radius:50%;background:white;color:#182543;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-decoration:none}
.dm-contact-action svg{width:21px;height:21px}
.dm-delivery-row{display:flex;align-items:center;gap:16px}
.dm-location-icon{background:#f0f3f8;border-radius:15px;width:52px;height:52px;display:grid;place-items:center;flex:0 0 52px;color:#556481}
.dm-location-icon svg{width:25px;height:25px}
.dm-delivery-copy{flex:1;min-width:0}
.dm-address-details{font-size:12px;color:#76829a}
.dm-address-details summary{cursor:pointer;list-style:none;background:#eff2f7;padding:11px 14px;border-radius:12px;color:#253452;font-weight:600}
.dm-address-details p{line-height:1.6;margin:12px 0 0;overflow-wrap:anywhere}
.dm-help-row{display:flex;justify-content:flex-end;margin:-4px 0 16px}
.dm-help-button{display:inline-flex;align-items:center;gap:8px;border:1px solid #e8ebf0;border-radius:14px;background:white;padding:12px 16px;color:#15213f;font-size:12px;cursor:pointer}
.dm-help-button svg{width:20px;height:20px}
.dm-support-dialog{width:min(420px,calc(100vw - 32px));border:1px solid #e9e6df;border-radius:22px;padding:26px;color:#15213f;box-shadow:0 20px 70px #17213a33}
.dm-support-dialog::backdrop{background:#15213a66}.dm-support-dialog p{font-size:14px;line-height:1.65;color:#73809a}.dm-support-dialog button,.dm-support-dialog a{display:inline-flex;padding:12px 16px;border-radius:12px;min-height:44px;background:#fff3dd;border:0;color:#15213f;text-decoration:none;font-weight:700}
body.dm-comanda-status .push-btn{background:#fff6e4;color:#946009;border:1px solid #f9e6bb;padding:14px;box-shadow:none;font-size:12px}
body.dm-comanda-status .order-summary{font-size:13px;line-height:1.8;color:#77839a}.dm-order-total{display:block;font-size:20px;color:#13213e;font-weight:800;margin-top:12px}
.dm-tracking-summary summary{font-weight:800;font-size:15px;cursor:pointer;color:#162342}
.dm-map-pin{display:grid;place-items:center;width:38px;height:38px;border:3px solid white;border-radius:50%;box-shadow:0 3px 12px #18243c35;background:#132344;color:white}.dm-map-pin svg{width:21px;height:21px}.dm-map-pin.destination{background:#ef315b}.dm-map-pin.courier{background:#ffb427;color:#162342}
@media(min-width:1500px){body.dm-comanda-online .pcard{flex-basis:calc((100% - 56px)/5)!important}}
@media(max-width:1150px) and (min-width:761px){body.dm-comanda-online .pcard{flex-basis:calc((100% - 42px)/4)!important}body.dm-comanda-status .marketplace-dock{width:calc(100vw - 330px);gap:4px;right:20px}body.dm-comanda-status .marketplace-dock .dock-button{padding:10px 8px;gap:5px}body.dm-comanda-status .marketplace-dock .dock-label{font-size:12px}.dm-order-heading{flex-wrap:wrap}.dm-tracking-grid{grid-template-columns:1fr 1fr;gap:14px}body.dm-comanda-status #orderInfoCard{padding:22px}.dm-eta-panel{gap:10px;padding:14px;min-height:175px}body.dm-comanda-status #trackingMap{height:350px!important}body.dm-comanda-online .summary-bar{grid-template-columns:160px 1fr 220px}}
@media(max-width:760px){
body.dm-comanda-online{padding:0 12px 240px}
body.dm-comanda-online .customer-site-head{margin:0 -12px 16px;padding:0 12px}
body.dm-comanda-online .customer-brand-row{min-height:72px;gap:9px;padding-left:45px;padding-right:35px}
body.dm-comanda-online .online-brand-logo img{width:50px;height:43px}
body.dm-comanda-online .r-name{font-size:16px}.dm-comanda-online .r-sub{font-size:10px}
body.dm-comanda-online .customer-brand-row>.dm-menu-btn{left:0;top:16px;width:40px;height:40px}
body.dm-comanda-online .dm-download-link{top:17px;padding:10px;border-radius:50%;width:36px;height:36px;right:0}
body.dm-comanda-online .dm-download-link span{display:none}
body.dm-comanda-online #pwaInstallBtn{right:12px!important;top:18px!important;padding:10px!important;font-size:10px!important}
body.dm-comanda-online #menuTypeTabs{width:300px;margin-bottom:14px!important}
body.dm-comanda-online .menu-section-card,body.dm-comanda-online .daily-menu-shelf{padding:14px 12px!important;border-radius:18px!important;margin-bottom:12px}
body.dm-comanda-online .shelf-title{font-size:20px!important;padding-left:12px!important;gap:8px;align-items:flex-start}
body.dm-comanda-online .shelf-count{font-size:10px!important;max-width:105px;line-height:1.45;text-align:right}
body.dm-comanda-online .shelf{gap:10px}
body.dm-comanda-online .pcard{flex-basis:calc((100% - 18px)/1.75)!important}
body.dm-comanda-online .pcard .iphoto,body.dm-comanda-online .pcard>img{height:116px!important}
body.dm-comanda-online .pcard .ibody{padding:10px!important;min-height:160px}
body.dm-comanda-online .iname{font-size:13px!important}
body.dm-comanda-online .customer-section-card{padding:18px}
body.dm-comanda-online .summary-bar{width:calc(100% - 20px)!important;grid-template-columns:105px minmax(0,1fr);gap:8px;padding:12px!important;border-radius:20px!important;bottom:calc(70px + env(safe-area-inset-bottom,0px))!important}
body.dm-comanda-online .summary-bar>label{grid-column:1/-1;grid-row:1;padding:0 2px;border:0;font-size:9px!important;margin-bottom:2px!important}
body.dm-comanda-online .summary-bar .total{padding-left:0;font-size:11px}
body.dm-comanda-online .summary-bar .total:before,body.dm-comanda-online .summary-bar .dm-cart-icon{display:none}
body.dm-comanda-online #totalValue{font-size:17px}body.dm-comanda-online #submitBtn{font-size:12px;min-height:44px}
body.dm-comanda-online #discountSummary{font-size:11px!important}
body.dm-comanda-status{padding-bottom:96px}
body.dm-comanda-status .brand-header{height:76px;padding:12px 58px;justify-content:center}
body.dm-comanda-status .brand-link img{width:48px;height:44px}
body.dm-comanda-status .brand-link span{font-size:19px!important}
body.dm-comanda-status .brand-header>.dm-menu-btn{display:flex;left:14px;top:20px;width:36px;height:36px;border-radius:50%;background:white}
body.dm-comanda-status .tracking-return{width:calc(100% - 32px);margin:18px auto;font-size:12px}
body.dm-comanda-status #app{width:calc(100% - 24px)}
.dm-tracking-grid{grid-template-columns:1fr;gap:0}
body.dm-comanda-status .card{padding:20px;border-radius:22px;margin-bottom:12px}
body.dm-comanda-status #orderInfoCard{padding:22px 18px}
.dm-order-heading{margin-bottom:18px;gap:8px}
body.dm-comanda-status .dm-order-heading h1{font-size:27px;margin-bottom:7px}
body.dm-comanda-status .dm-order-heading .sub{font-size:11px}
.dm-status-pill{padding:10px 11px;font-size:11px;gap:5px}.dm-status-pill svg{width:20px;height:20px}
.dm-eta-panel{padding:14px 10px;gap:11px;min-height:150px;border-radius:18px}
.dm-eta-art{width:40%}
body.dm-comanda-status #countdownBox .big{font-size:46px}
body.dm-comanda-status #countdownBox .big.dm-eta-state{font-size:24px}
body.dm-comanda-status #countdownBox .label,.dm-eta-intro{font-size:11px}
body.dm-comanda-status #stepsBox .step{min-height:76px;padding:10px 3px;gap:13px}
body.dm-comanda-status #stepsBox .dot{width:42px;height:42px;flex-basis:42px}
body.dm-comanda-status #stepsBox .step:not(:last-child):before{left:23px}
body.dm-comanda-status #stepsBox .label{font-size:13px}
.dm-step-copy small{font-size:11px}
body.dm-comanda-status #trackingMap{height:260px!important}
.dm-driver-avatar{width:56px;height:56px;flex-basis:56px}
.dm-driver-card{gap:12px}.dm-driver-copy strong{font-size:15px}.dm-driver-copy p{font-size:11px}
.dm-contact-action{width:42px;height:42px}
.dm-location-icon{width:42px;height:42px;flex-basis:42px}
.dm-delivery-copy strong{font-size:14px}
.dm-address-details summary{font-size:10px;padding:10px}
.dm-help-row{margin:0 0 12px}.dm-help-button{font-size:11px;padding:10px 12px}
body.dm-comanda-status .marketplace-dock{top:auto;bottom:0!important;left:0;right:0;width:100%;height:auto;min-height:68px;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));border-top:1px solid #eeeae4;background:#fffffff7;gap:4px}
body.dm-comanda-status .marketplace-dock .dock-button{flex:1;flex-direction:column;gap:4px;padding:6px 2px;min-width:0}
body.dm-comanda-status .marketplace-dock .dock-label{font-size:10px}
}
@media(max-width:360px){body.dm-comanda-status .dm-order-heading h1{font-size:24px}.dm-order-heading{flex-wrap:wrap}.dm-status-pill{padding:8px 12px}body.dm-comanda-online .pcard{flex-basis:70%!important}}
@media(prefers-reduced-motion:reduce){body:is(.dm-comanda-online,.dm-comanda-status) *,body:is(.dm-comanda-online,.dm-comanda-status) *:before{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

body.dm-comanda-online .summary-bar[style*="display: flex"]{display:grid!important}
body.dm-comanda-online .dm-download-link[hidden]{display:none!important}
body.dm-comanda-status #stepsBox .dot svg{width:23px;height:23px}

body.dm-comanda-status .marketplace-dock{transform:none;box-sizing:border-box}
body.dm-comanda-status .dm-eta-panel .countdown{min-width:0;flex:1;width:auto}
body.dm-comanda-status #countdownBox .big{white-space:nowrap}
body.dm-comanda-online .shelf-title{flex-wrap:wrap}
body.dm-comanda-online .shelf-count{flex-shrink:0;white-space:normal}
body.dm-comanda-online .customer-restaurant-card{min-width:0}
body.dm-comanda-online .customer-restaurant-card .r-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.dm-comanda-online .pcard .qty-row button{min-height:44px;min-width:44px}
@media(max-width:360px){body.dm-comanda-status #countdownBox .big{font-size:38px}body.dm-comanda-status #countdownBox .big.dm-eta-state{font-size:20px}}


body.dm-comanda-online #orderForm{width:100%!important}
body.dm-comanda-online .pcard .iname,body.dm-comanda-online .pcard .idesc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
body.dm-comanda-online .pcard .ibody{min-height:148px}
body.dm-comanda-online .pcard .qty-row button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
body.dm-comanda-online .category-chip-row{justify-content:flex-start}
body.dm-comanda-online .customer-site-head{width:calc(100% + 40px);box-sizing:border-box}
@media(max-width:760px){body.dm-comanda-online .customer-site-head{width:calc(100% + 24px)}body.dm-comanda-online .pcard .ibody{min-height:145px}body.dm-comanda-status .marketplace-dock{border-radius:0}}


body.dm-comanda-online{isolation:isolate}
body.dm-comanda-online .online-client-controls .category-chip-row{justify-content:flex-start!important}
body.dm-comanda-status .brand-header{min-height:88px;box-sizing:border-box}
body.dm-comanda-status .brand-header .official-logo-mark{width:65px;height:56px}
body.dm-comanda-status .brand-header .official-logo-mark img{width:65px;height:56px}
body.dm-comanda-status .brand-header .dm-wordmark{font-size:24px!important;letter-spacing:.06em!important}
body.dm-comanda-status .dm-wordmark>span{color:#ffab22}
@media(max-width:760px){body.dm-comanda-status .brand-header{min-height:76px}body.dm-comanda-status .brand-header .official-logo-mark,body.dm-comanda-status .brand-header .official-logo-mark img{width:50px;height:44px}body.dm-comanda-status .brand-header .dm-wordmark,body.dm-comanda-status .dm-wordmark>span{font-size:18px!important}}