/* Mobile layout: one stable composition, without horizontal sliders. */
.hero-carousel-controls{display:none!important}

@media (max-width:680px){
  .hero{min-height:0;padding-bottom:0}
  .hero-grid{min-height:0}
  .product-stage{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:14px;width:100%;height:auto;min-height:0;margin:38px 0 0;padding:0 0 25px;transform:none;overflow:visible}
  .product-stage .orbit{display:none}
  .product-stage .phone{position:relative;left:auto;top:auto;width:270px;margin:0 auto 8px;transform:none;rotate:0deg}
  .product-stage .floating-card{position:relative;left:auto;right:auto;top:auto;bottom:auto;display:flex;width:min(330px,100%);min-height:0;transform:none;align-items:center;justify-content:flex-start}
  .product-stage .order-ready{padding:15px 18px}
  .product-stage .live-card{display:block;height:auto;min-height:145px;padding:22px 24px}
  .product-stage .live-card .mini-bars{height:58px;margin-top:4px}
  .phone .meal-visual{height:138px}
  .phone .meal-visual .plate{font-size:82px;transform:scale(1.08)}
  .phone .meal-two{height:105px}
  .phone .meal-two .plate{font-size:64px}
  .proof-bar{margin-top:0}
  .feature-card{padding:27px 23px}
  .feature-large{min-height:540px}
  .mini-ui{width:100%;max-width:300px;margin-top:35px;padding:24px}
  .status-flow{flex-wrap:wrap;margin-top:35px}
  .workflow-visual{min-height:0;padding:24px 14px}
  .counter-screen{padding:18px 14px}
  .order-row{grid-template-columns:48px minmax(0,1fr) auto;gap:7px}
  .print-tag{position:static;width:fit-content;margin:18px 0 0 auto}
  .security-points>div,.workflow-copy li{min-width:0}
  .meal{align-items:center;gap:11px;padding:13px}
  .meal-pic{flex:0 0 76px;width:76px;height:76px;font-size:36px}
  .meal .card-copy{min-width:0;overflow-wrap:anywhere}
  .meal .add{flex:0 0 31px}
  .partner,.store{min-width:0;padding:14px}
  .partner .card-copy,.store .card-copy{min-width:0;overflow-wrap:anywhere}
}

@media (max-width:380px){
  .product-stage{height:auto;padding:0 0 22px}
  .product-stage .phone{width:250px;transform:none}
  .product-stage .floating-card{width:100%}
  .phone .meal-visual{height:128px}
  .phone .meal-visual .plate{font-size:76px}
  .proof-bar div{grid-template-columns:1fr}
  .counter-title{font-size:18px}
  .order-row{font-size:9px}
  .order-row em{padding:5px 6px}
}