/* TJ's Ultra Polish — final visual and interaction layer
   Loaded after the existing ordering and catering styles. */

:root{
  --cyan-deep:var(--cyan-d,#0E7C97);
  --cyan-soft:var(--cyan-s,#E3F6FB);
  --pink-deep:var(--pink-d,#C00E6F);
  --pink-soft:var(--pink-s,#FCE3F1);
  --tj-radius-sm:12px;
  --tj-radius-md:18px;
  --tj-radius-lg:26px;
  --tj-shadow-soft:0 18px 50px -38px rgba(18,22,30,.7);
  --tj-shadow-card:0 22px 55px -42px rgba(18,22,30,.78);
  --tj-focus:0 0 0 4px rgba(22,181,216,.2);
}

/* Shared polish */
:where(button,a,input,select,textarea):focus-visible{outline:3px solid rgba(22,181,216,.48);outline-offset:3px}
:where(button,a){-webkit-tap-highlight-color:transparent}
::selection{background:rgba(251,210,21,.75);color:#1b1b20}

/* --------------------------------------------------------------------------
   PICKUP ORDERING
   -------------------------------------------------------------------------- */
#view-order{background:
  radial-gradient(circle at 8% 8%,rgba(22,181,216,.09),transparent 26rem),
  radial-gradient(circle at 94% 16%,rgba(236,30,140,.065),transparent 24rem),
  #f7f5ef}
#view-order>header{background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(27,27,32,.08)}
#view-order .head-in{width:min(1260px,94vw);height:76px}
#view-order .head-logo{height:58px;width:auto;object-fit:contain}
#view-order .back{font-weight:800;text-decoration:none;border-radius:999px;padding:.48rem .7rem;transition:background .16s,color .16s}
#view-order .back:hover{background:var(--cyan-soft);color:var(--cyan-deep)}
#view-order .cart-btn{min-height:45px;padding:.62rem .8rem .62rem 1rem;box-shadow:0 16px 32px -20px rgba(192,14,111,.9)}
#view-order .cart-btn .cart-label{font-size:.82rem;letter-spacing:.01em}
#view-order .cart-btn .cart-icon{font-size:1rem}
#view-order .cart-btn .ct{min-width:26px;height:26px;padding:0 .42rem;font-size:.77rem}

#view-order .lead{position:relative;overflow:hidden;padding:1.35rem 0 1.2rem;background:
  radial-gradient(circle at 74% 5%,rgba(255,255,255,.9),transparent 18rem),
  linear-gradient(115deg,#fdfefe 0%,#e8f8fc 51%,#fdebf5 100%)}
#view-order .lead::before{content:"";position:absolute;width:210px;height:210px;border:38px solid rgba(22,181,216,.08);border-radius:50%;right:8%;top:-142px;pointer-events:none}
#view-order .lead::after{content:"";position:absolute;width:105px;height:105px;background:rgba(251,210,21,.16);border-radius:24px;transform:rotate(20deg);right:2.5%;bottom:-82px;pointer-events:none}
#view-order .lead-in{width:min(1260px,94vw);position:relative;z-index:1;align-items:center}
#view-order .lead h1{font-size:clamp(2.25rem,5vw,3.45rem);letter-spacing:.005em}
#view-order .lead p{max-width:45ch;margin:.35rem 0 0;font-size:1rem;line-height:1.5}
#view-order .status-pill{box-shadow:0 12px 35px -28px rgba(20,20,30,.9);padding:.58rem .9rem;background:rgba(255,255,255,.9)}

.order-workspace{width:min(1280px,95vw);padding:1.35rem 0 5.6rem}
.order-toolbar{align-items:center;background:rgba(255,255,255,.86);border:1px solid rgba(27,27,32,.1);border-radius:22px;padding:1rem 1.15rem;margin-bottom:1rem;box-shadow:var(--tj-shadow-soft);backdrop-filter:blur(8px)}
.order-toolbar-copy h2{font-size:clamp(1.65rem,3.5vw,2.25rem);margin:.13rem 0 .2rem}
.order-toolbar-copy p{font-size:.9rem;max-width:54ch}
.order-search{width:min(440px,100%);min-height:52px;border-radius:17px;box-shadow:none;background:#fff}
.order-search:focus-within{box-shadow:var(--tj-focus)}
.order-search input{font-size:.94rem}
.order-search .menu-search-icon{margin-left:.9rem}

.order-shell{grid-template-columns:255px minmax(0,1fr);gap:1rem}
.category-rail{top:calc(var(--bar-h) + 14px);border-radius:23px;padding:.68rem;background:rgba(255,255,255,.96);box-shadow:var(--tj-shadow-card)}
.category-rail-title{padding:.42rem .55rem .8rem;border-bottom:1px solid rgba(27,27,32,.09)}
.category-rail-title strong{font-size:1.35rem}
.category-rail-title span{font-size:.63rem;letter-spacing:.11em}
.category-list{gap:.24rem;padding:.55rem 0 .45rem}
.category-nav-item{position:relative;grid-template-columns:36px minmax(0,1fr);gap:.65rem;padding:.62rem .68rem;border-radius:14px}
.category-nav-item::after{content:"›";position:absolute;right:.65rem;top:50%;transform:translateY(-50%);font-size:1.05rem;opacity:0;transition:opacity .16s,transform .16s}
.category-nav-item:hover::after,.category-nav-item.active::after{opacity:.8;transform:translate(2px,-50%)}
.category-nav-item:hover{background:#eefafd}
.category-nav-item.active{background:linear-gradient(135deg,var(--cyan-deep),#075e75);box-shadow:0 15px 28px -20px rgba(14,124,151,.98)}
.category-nav-icon{width:36px;height:36px;border-radius:11px;background:#f5f4ef;box-shadow:inset 0 0 0 1px rgba(27,27,32,.055)}
.category-nav-item.active .category-nav-icon{background:rgba(255,255,255,.17);box-shadow:none}
.category-nav-copy strong{font-size:.86rem;padding-right:.7rem}
.category-nav-copy small{font-size:.65rem}
.category-catering-link{border-radius:16px;padding:.78rem .72rem;box-shadow:0 16px 28px -22px rgba(192,14,111,.9);transition:transform .16s,box-shadow .16s}
.category-catering-link:hover{transform:translateY(-2px);box-shadow:0 18px 32px -20px rgba(192,14,111,.95)}

.menu-stage{border-radius:26px;padding:clamp(1rem,2.4vw,1.55rem);background:rgba(255,255,255,.96);box-shadow:var(--tj-shadow-card)}
.menu-category-head{position:relative;align-items:center;padding:0 0 1rem;margin-bottom:.85rem;border-bottom:1px solid rgba(27,27,32,.1)}
.menu-category-head::before{content:"";position:absolute;left:0;bottom:-1px;width:72px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--pink))}
.menu-category-head h2{font-size:clamp(1.9rem,4vw,2.55rem)}
.menu-category-head p{font-size:.86rem}
.menu-kicker{font-size:.64rem;letter-spacing:.15em}
.menu-item-grid{gap:.72rem}
.menu-item-card{min-height:126px;border-color:rgba(27,27,32,.105);border-radius:18px;padding:1rem 1rem .95rem;background:linear-gradient(180deg,#fff 0%,#fefefd 100%);box-shadow:0 10px 28px -30px rgba(20,20,30,.9);isolation:isolate}
.menu-item-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--cyan),var(--pink));opacity:0;transition:opacity .16s}
.menu-item-card:hover{border-color:rgba(14,124,151,.34);box-shadow:0 20px 36px -30px rgba(20,20,30,.78);transform:translateY(-2px)}
.menu-item-card:hover::before,.menu-item-card:focus-within::before{opacity:1}
.menu-item-copy h3{font-size:1rem;line-height:1.28;padding-right:.15rem}
.menu-item-copy p{font-size:.78rem;line-height:1.48;color:#686870;margin-top:.38rem;-webkit-line-clamp:2}
.menu-item-action{min-width:94px;gap:.65rem}
.menu-item-price{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:.28rem .55rem;border-radius:999px;background:var(--pink-soft);color:var(--pink-deep);font-size:.92rem;font-weight:900}
.menu-item-card .add{min-width:88px;padding:.62rem .78rem;box-shadow:0 12px 24px -18px rgba(14,124,151,.95)}
.menu-item-card .add:hover:not(:disabled){box-shadow:0 16px 28px -18px rgba(14,124,151,.95)}
.menu-item-card.unavailable::before{background:#aaa}
.menu-results-head{border-bottom:1px solid rgba(27,27,32,.1)}
.menu-results-head button,.menu-empty-state button{transition:background .15s,color .15s,border-color .15s}
.menu-results-head button:hover,.menu-empty-state button:hover{background:var(--cyan-deep);border-color:var(--cyan-deep);color:#fff}

/* Item customization */
#view-order .modal{border:1px solid rgba(255,255,255,.45);box-shadow:0 36px 90px rgba(0,0,0,.4)}
#view-order .modal-head{background:linear-gradient(115deg,#fff 0%,#f5fcfe 65%,#fff2f8 100%)}
#view-order .modal-head h3{font-size:1.72rem}
#view-order .grp{background:#fff;border-color:rgba(27,27,32,.1);box-shadow:0 12px 26px -30px rgba(20,20,30,.9)}
#view-order .modal-foot{box-shadow:0 -14px 32px -32px rgba(20,20,30,.9)}
#view-order .add-cart{border-radius:13px;box-shadow:0 14px 28px -18px rgba(192,14,111,.9)}

/* Cart drawer */
#view-order .drawer{background:#f7f6f1;box-shadow:-26px 0 70px -40px rgba(0,0,0,.8)}
#view-order .drawer-head{padding:1.15rem 1.3rem;background:linear-gradient(125deg,#19191f,#292934)}
#view-order .drawer-head h3{font-size:1.65rem}
#view-order .litem{border-radius:16px;padding:.95rem;background:#fff}
#view-order .litem .li-nm{font-size:.94rem}
#view-order .co{border-radius:18px!important;box-shadow:0 18px 38px -34px rgba(20,20,30,.8)}
#view-order .co input,#view-order .co select,#view-order .co textarea{border-radius:12px}
#view-order .pay{min-height:50px;font-size:.95rem;box-shadow:0 16px 30px -20px rgba(192,14,111,.95)}
#view-order .mobile-bar{padding:max(.65rem,env(safe-area-inset-bottom)) 3.5vw;background:rgba(27,27,32,.97);backdrop-filter:blur(10px)}
#view-order .mobile-bar button{min-height:48px;border-radius:15px;box-shadow:0 10px 24px -16px rgba(251,210,21,.85)}

/* Read-only menu explorer */
#view-menu .rm-wrap{width:min(1240px,94vw)}
.rm-searchbar{min-height:52px;border-radius:17px;max-width:660px}
.rm-explorer{grid-template-columns:255px minmax(0,1fr)}
.rm-sidebar{border-radius:23px;box-shadow:var(--tj-shadow-card)}
.rm-nav-item{position:relative;border-radius:13px}
.rm-nav-item.active{background:linear-gradient(135deg,var(--cyan-deep),#075e75)}
.rm-content{border-radius:25px;box-shadow:var(--tj-shadow-card)}
.rm-menu-section>header{position:relative;border-bottom:1px solid var(--line);padding-bottom:1rem}
.rm-menu-section>header::after{content:"";position:absolute;left:0;bottom:-1px;width:70px;height:3px;background:linear-gradient(90deg,var(--cyan),var(--pink));border-radius:999px}
.rm-menu-item{padding:.95rem 0}
.rm-menu-item>span{display:inline-flex;align-items:center;min-height:27px;padding:.2rem .48rem;border-radius:999px;background:var(--pink-soft)}

/* --------------------------------------------------------------------------
   CATERING WIZARD
   -------------------------------------------------------------------------- */
.catering-page{background:
  radial-gradient(circle at 8% 18%,rgba(22,181,216,.08),transparent 26rem),
  radial-gradient(circle at 92% 28%,rgba(236,30,140,.055),transparent 24rem),
  #f8f6f0}
.catering-page .top{background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(27,27,32,.08)}
.catering-page .top-in{min-height:76px}
.catering-page .logo img{height:58px;width:auto;object-fit:contain}
.catering-page .nav a{border-radius:999px}
.catering-page .nav a:not(.call):hover{background:var(--cyan-s);color:var(--cyan-d)}
.catering-page .hero{overflow:hidden;background:
  radial-gradient(circle at 82% 22%,rgba(22,181,216,.16),transparent 22rem),
  linear-gradient(122deg,#1d1d24 0%,#23232c 55%,#191921 100%)}
.catering-page .hero-in{position:relative;padding:clamp(3.15rem,7vw,5.35rem) 0}
.catering-page .hero-in::before{content:"";position:absolute;width:260px;height:260px;border:48px solid rgba(251,210,21,.08);border-radius:50%;right:5%;top:-165px;pointer-events:none}
.catering-page .hero h1{max-width:780px;font-size:clamp(3.2rem,7vw,5.6rem)}
.catering-page .hero p{max-width:62ch}
.catering-page .hero-card{background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.55);box-shadow:0 28px 65px -36px rgba(0,0,0,.9);transform:rotate(1.5deg)}
.catering-page .hero-card img{border-radius:14px}
.catering-page .quote-strip{box-shadow:0 12px 30px -28px rgba(20,20,30,.85)}

#quote{scroll-margin-top:96px}
.catering-wizard-section{position:relative;padding-top:clamp(4rem,7vw,6rem);background:
  linear-gradient(180deg,#202028 0,#202028 395px,#f8f6f0 395px,#f8f6f0 100%)}
.catering-wizard-section::before{content:"";position:absolute;inset:0 0 auto;height:320px;background:
  radial-gradient(circle at 76% 5%,rgba(22,181,216,.12),transparent 22rem),
  radial-gradient(circle at 15% 35%,rgba(236,30,140,.1),transparent 20rem);pointer-events:none}
.wizard-intro{position:relative;z-index:1;max-width:820px;margin-bottom:1.7rem}
.wizard-intro h2{font-size:clamp(2.7rem,6vw,4.6rem);line-height:.98;max-width:760px}
.wizard-intro p{font-size:1.02rem;line-height:1.65}
.catering-wizard{position:relative;z-index:2}
.cw-progress{position:relative;border-radius:20px;padding:.58rem;gap:.4rem;box-shadow:0 22px 50px -40px rgba(20,20,30,.9)}
.cw-progress::before{content:"";position:absolute;left:12.5%;right:12.5%;top:50%;height:2px;background:#e2e2e7;z-index:0}
.cw-progress li{z-index:1;background:#fff;min-height:52px;padding:.4rem .65rem}
.cw-progress li span{background:#fff}
.cw-progress li.active{background:linear-gradient(135deg,#e4f8fc,#eefbfe);box-shadow:inset 0 0 0 1px rgba(22,181,216,.13)}
.cw-progress li.complete{background:#f8f7f2}
.cw-progress li.complete span{box-shadow:0 0 0 5px #fff}
.cw-progress li[aria-current="step"] b{color:var(--cyan-d)}

.cw-layout{grid-template-columns:minmax(0,1fr) 360px;gap:1.15rem}
.cw-card{border-radius:27px;box-shadow:0 30px 70px -52px rgba(20,20,30,.9)}
.cw-panel{padding:clamp(1.2rem,3vw,2.15rem);min-height:520px}
.cw-panel-head{position:relative;padding-bottom:1.1rem;margin-bottom:1.35rem}
.cw-panel-head::after{content:"";position:absolute;left:0;bottom:-1px;width:70px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--pink))}
.cw-step-kicker{font-size:.66rem;letter-spacing:.15em}
.cw-panel-head h3{font-size:clamp(2rem,4vw,2.75rem)}
.cw-panel-head p{line-height:1.55}

.cw-fields{gap:1rem}
.cw-fields .field{position:relative}
.cw-fields label{font-size:.82rem;letter-spacing:.005em}
.cw-fields input,.cw-fields select,.cw-fields textarea{min-height:52px;border-radius:14px;border-color:#d6d6dd;background:#fff;box-shadow:0 10px 26px -30px rgba(20,20,30,.8)}
.cw-fields textarea{min-height:125px}
.cw-fields input:hover,.cw-fields select:hover,.cw-fields textarea:hover{border-color:#bfc0c8}
.cw-fields input:focus,.cw-fields select:focus,.cw-fields textarea:focus{box-shadow:var(--tj-focus)}
.cw-field-hint{font-size:.7rem;color:var(--muted);line-height:1.35;margin-top:.1rem}

/* Visual radio-card service selector */
.cw-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
.cw-service-option{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 22px;gap:.7rem;align-items:center;min-height:76px;padding:.78rem .82rem;border:1.5px solid #d7d7dd;border-radius:15px;background:#fff;cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .16s,background .16s}
.cw-service-option:hover{border-color:rgba(22,181,216,.55);transform:translateY(-1px)}
.cw-service-option:has(input:focus-visible){box-shadow:var(--tj-focus);border-color:var(--cyan)}
.cw-service-option:has(input:checked),.cw-service-option.is-selected{border-color:var(--cyan);background:linear-gradient(135deg,#f4fcfe,#fff);box-shadow:0 0 0 3px var(--cyan-s)}
.cw-service-option input{position:absolute;opacity:0;pointer-events:none}
.cw-service-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#f5f4ef;font-size:1.1rem}
.cw-service-copy{display:grid;line-height:1.25}
.cw-service-copy strong{font-size:.82rem}
.cw-service-copy small{font-size:.67rem;color:var(--muted);margin-top:.18rem}
.cw-service-check{width:20px;height:20px;border:1.5px solid #c8c8d0;border-radius:50%;display:grid;place-items:center;color:transparent;font-size:.7rem;font-weight:900}
.cw-service-option:has(input:checked) .cw-service-check,.cw-service-option.is-selected .cw-service-check{background:var(--cyan);border-color:var(--cyan);color:#fff}

.cw-help{border:1px solid rgba(22,181,216,.14);padding:.95rem 1rem}
.cw-actions{position:relative;min-height:74px;background:linear-gradient(180deg,#fff,#faf9f5);padding:1rem clamp(1rem,3vw,2rem)}
.cw-actions .btn{min-height:46px;border-radius:14px;padding:.72rem 1.15rem}
.cw-actions .cw-next,.cw-actions .cw-submit{box-shadow:0 15px 28px -18px rgba(192,14,111,.92)}
.cw-action-summary{display:none;font-size:.72rem;font-weight:800;color:var(--muted);line-height:1.25}
.cw-action-summary strong{display:block;color:var(--pink-d);font-size:.9rem}

.cw-summary{top:92px;border-radius:24px;padding:1.2rem;box-shadow:0 25px 60px -44px rgba(20,20,30,.9)}
.cw-summary-top{position:relative;padding-bottom:.9rem}
.cw-summary-total{font-size:1.8rem}
.cw-summary-toggle{display:none;border:0;background:transparent;color:var(--cyan-d);font:800 .72rem "DM Sans",sans-serif;padding:.25rem 0}
.cw-summary-item{padding:.6rem 0}

/* Catering builder */
.cqb-toolbar{padding:.72rem .78rem;border:1px solid var(--line);border-radius:14px;background:#fbfaf6;margin-bottom:.85rem}
.cqb-clear{transition:background .15s,color .15s,border-color .15s}
.cqb-clear:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.cqb-tabs{position:sticky;top:88px;z-index:8;margin-inline:-.15rem;padding:.2rem .15rem .8rem;background:linear-gradient(180deg,#fff 76%,rgba(255,255,255,0))}
.cqb-tab{min-height:39px;border-radius:12px;padding:.52rem .76rem;transition:background .15s,color .15s,border-color .15s,transform .15s}
.cqb-tab:hover{border-color:rgba(22,181,216,.5);transform:translateY(-1px)}
.cqb-tab.active{background:linear-gradient(135deg,var(--cyan-deep),#075e75);border-color:var(--cyan-deep);box-shadow:0 12px 24px -19px rgba(14,124,151,.95)}
.cqb-category-head{padding:.15rem 0 .18rem}
.cqb-category-head h4{font-size:1.6rem}
.cqb-item-list{gap:.72rem}
.cqb-item-card{position:relative;border-radius:17px;padding:.95rem;gap:.8rem;background:linear-gradient(180deg,#fff,#fefefd);box-shadow:0 14px 28px -34px rgba(20,20,30,.9)}
.cqb-item-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:17px 0 0 17px;background:linear-gradient(180deg,var(--cyan),var(--pink));opacity:0}
.cqb-item-card.has-selection{border-color:rgba(22,181,216,.65);box-shadow:0 0 0 3px var(--cyan-s),0 18px 36px -32px rgba(20,20,30,.9)}
.cqb-item-card.has-selection::before{opacity:1}
.cqb-item-copy strong{font-size:.94rem}
.cqb-item-copy small{font-size:.72rem}
.cqb-variant{padding-top:.55rem}
.cqb-stepper{grid-template-columns:34px 32px 34px;padding:2px}
.cqb-stepper button{width:34px;height:34px;font-size:1.05rem}
.cqb-stepper output{font-size:.82rem}
.cqb-quote-toggle{min-height:38px;border-radius:12px}
.cqb-quote-toggle.active{box-shadow:0 12px 24px -19px rgba(192,14,111,.95)}

/* Review */
.cw-review{gap:.9rem}
.cw-review-block{position:relative;border-radius:17px;padding:1.05rem;background:#fff}
.cw-review-block h4{padding-right:4rem}
.cw-review-edit{position:absolute;right:.78rem;top:.7rem;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--cyan-d);font:800 .68rem "DM Sans",sans-serif;padding:.38rem .58rem}
.cw-review-edit:hover{background:var(--cyan-d);border-color:var(--cyan-d);color:#fff}
.cw-consent{border:1px solid rgba(224,180,0,.25)}

/* Catering static menu polish */
.catering-page .package{border-radius:25px;box-shadow:var(--tj-shadow-card)}
.catering-page .jump{border-radius:16px;margin:0 0 1.15rem;padding:.68rem;box-shadow:0 14px 32px -28px rgba(20,20,30,.85)}
.catering-page .jump a{border-radius:999px;padding:.5rem .72rem;text-decoration:none;font-weight:800;font-size:.78rem}
.catering-page .jump a:hover{background:var(--cyan-s);color:var(--cyan-d)}
.catering-page .menu-block{border-radius:20px;border-color:rgba(27,27,32,.1);box-shadow:0 20px 45px -40px rgba(20,20,30,.85)}
.catering-page .menu-block h3{font-size:1.6rem}
.catering-page .menu-row .price{display:inline-flex;align-items:center;min-height:28px;padding:.2rem .48rem;border-radius:999px;background:var(--pink-s);color:var(--pink-d)}

@media(max-width:980px){
  .order-shell,.rm-explorer{gap:.75rem}
  .cw-layout{grid-template-columns:1fr}
  .cw-summary{position:static;max-height:none;order:2}
  .cw-summary-toggle{display:inline-flex}
  .cw-summary.is-collapsed .cw-summary-event,.cw-summary.is-collapsed .cw-summary-list,.cw-summary.is-collapsed .cw-summary-disclaimer{display:none}
  .cw-summary.is-collapsed{padding-bottom:.85rem}
  .cqb-tabs{top:138px}
}

@media(max-width:900px){
  .category-nav-item::after{display:none}
  .category-rail,.rm-sidebar{box-shadow:0 14px 28px -26px rgba(20,20,30,.9)}
  .category-nav-item.active,.rm-nav-item.active{background:var(--ink)}
}

@media(max-width:760px){
  #view-order .head-in{height:64px;width:94vw}
  #view-order .head-logo{height:48px}
  #view-order .cart-btn{min-height:42px;padding:.5rem .62rem .5rem .8rem}
  #view-order .cart-btn .cart-label{display:none}
  #view-order .lead{padding:.95rem 0 .9rem}
  #view-order .lead h1{font-size:2.2rem}
  #view-order .lead p{font-size:.9rem}
  #view-order .status-pill{font-size:.72rem;padding:.48rem .7rem}
  .order-workspace{width:100%;padding:.7rem 3.5vw 5.8rem}
  .order-toolbar{display:grid;border-radius:18px;padding:.85rem;margin-bottom:.7rem}
  .order-toolbar-copy h2{font-size:1.65rem}
  .order-toolbar-copy p{font-size:.82rem}
  .order-search{min-height:49px}
  .category-rail{top:64px;margin-inline:-3.5vw;width:calc(100% + 7vw);padding:.44rem .6rem}
  .category-nav-item{grid-template-columns:29px auto;padding:.46rem .66rem;border-radius:12px}
  .category-nav-icon{width:29px;height:29px}
  .menu-stage{margin-inline:0;border:1px solid var(--line);padding:.9rem;border-radius:19px}
  .menu-category-head{align-items:flex-start}
  .menu-item-card{min-height:112px;padding:.88rem;grid-template-columns:minmax(0,1fr) 88px}
  .menu-item-copy p{-webkit-line-clamp:2}
  .menu-item-action{min-width:82px}
  .menu-item-price{font-size:.86rem;min-height:28px}
  .menu-item-card .add{min-width:82px;font-size:.7rem;padding:.57rem .62rem}

  .catering-page .top-in{min-height:66px}
  .catering-page .logo img{height:48px}
  .catering-page .hero-in{padding:2.5rem 0 3rem}
  .catering-page .hero h1{font-size:3rem}
  #quote{scroll-margin-top:82px}
  .catering-wizard-section{padding-top:3.4rem;background:linear-gradient(180deg,#202028 0,#202028 330px,#f8f6f0 330px,#f8f6f0 100%)}
  .wizard-intro{margin-bottom:1.2rem}
  .wizard-intro h2{font-size:2.55rem;line-height:1}
  .wizard-intro p{font-size:.9rem;line-height:1.55}
  .cw-progress{position:sticky;top:66px;z-index:30;border-radius:16px;margin-inline:-1vw;padding:.38rem;box-shadow:0 15px 30px -26px rgba(20,20,30,.95)}
  .cw-progress::before{left:10%;right:10%}
  .cw-progress li{min-height:45px;padding:.3rem .2rem}
  .cw-progress li span{width:25px;height:25px}
  .cw-card{border-radius:20px}
  .cw-panel{padding:1rem;min-height:0}
  .cw-panel-head h3{font-size:2rem}
  .cw-service-grid{grid-template-columns:1fr}
  .cw-service-option{min-height:68px}
  .cw-actions{position:sticky;bottom:0;z-index:20;grid-template-columns:auto minmax(0,1fr) auto;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);padding:max(.72rem,env(safe-area-inset-bottom)) .85rem .72rem}
  .cw-action-summary{display:block;text-align:right}
  .cw-save-note{display:none}
  .cw-summary{border-radius:18px;margin-top:.2rem}
  .cqb-tabs{top:120px}
  .cqb-toolbar{display:grid;gap:.55rem}
  .cqb-clear{justify-self:start}
}

@media(max-width:480px){
  #view-order .lead-in{gap:.65rem}
  #view-order .lead p{max-width:33ch}
  .order-toolbar{padding:.78rem}
  .menu-item-card{grid-template-columns:minmax(0,1fr) 82px;gap:.55rem}
  .menu-item-copy h3{font-size:.91rem}
  .menu-item-copy p{font-size:.72rem}
  .menu-item-action{min-width:78px}
  .menu-item-card .add{min-width:78px}
  .cw-progress li b{display:none}
  .cw-progress li{justify-content:center}
  .cw-progress::before{left:13%;right:13%}
  .cw-actions{grid-template-columns:1fr 1fr}
  .cw-action-summary{display:none}
  .cw-actions .cw-next,.cw-actions .cw-submit{grid-column:2}
  .cw-actions .cw-back[hidden]+.cw-save-note+.cw-action-summary+.cw-next{grid-column:1/-1}
  .cw-actions .cw-back[hidden]+.cw-save-note+.cw-action-summary+.cw-next+.cw-submit{grid-column:auto}
}

@media(prefers-reduced-motion:reduce){
  .category-catering-link,.menu-item-card,.cw-service-option,.cqb-tab{transition:none!important}
}
.cw-service-field{border:0;padding:0;margin:0;min-width:0}
.cw-service-field>legend{font-size:.82rem;font-weight:800;margin:0 0 .45rem;padding:0}
@media(max-width:900px){
  .order-shell,.rm-explorer{grid-template-columns:minmax(0,1fr)}
}

.cw-service-field.is-invalid .cw-service-grid{border-radius:17px;box-shadow:0 0 0 4px rgba(192,14,111,.12)}
.cw-service-field.is-invalid .cw-service-option{border-color:rgba(192,14,111,.48)}
.cw-inline-error{margin:.5rem 0 0;color:#a10c5f;font-size:.74rem;font-weight:800}
.cw-inline-error[hidden]{display:none}