/* Protein-first flow: one calm decision, then the illustrated base choice. */
.seq-panel{
  transform:translateX(28px) scale(.992);
  transition:opacity .34s ease,transform .42s cubic-bezier(.22,.8,.24,1);
}

/* V69 — push the Best First Order beyond a standard card. */
.seq-flow[data-step="start"] .preset.recommended{
  isolation:isolate;
  overflow:visible;
  border-color:#174b38;
  background:
    radial-gradient(circle at 78% 42%,rgba(255,255,255,.96) 0 23%,rgba(229,241,226,.68) 47%,transparent 70%),
    linear-gradient(135deg,#f7fbf2 0%,#e9f2e4 100%);
  box-shadow:0 11px 0 #d5e3d2,0 24px 42px -28px rgba(16,58,42,.68);
}
.seq-flow[data-step="start"] .preset.recommended:before{
  content:"";
  position:absolute;
  z-index:0;
  right:6%;
  top:50%;
  width:270px;
  aspect-ratio:1;
  border:1px solid rgba(23,75,56,.12);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(255,255,255,.26),0 0 0 68px rgba(23,75,56,.035);
  transform:translateY(-50%);
  pointer-events:none;
}
.seq-flow[data-step="start"] .preset.recommended>*{position:relative;z-index:1}
.seq-flow[data-step="start"] .preset.recommended .bundle-art{z-index:3;pointer-events:none}
.seq-flow[data-step="start"] .preset.recommended .badge{background:#f2dca9;color:#65470d;box-shadow:0 3px 0 rgba(148,106,32,.16)}
.seq-flow[data-step="start"] .preset.recommended .preset-cta{box-shadow:0 5px 0 #b7c9b5}

@media(min-width:761px){
  .seq-flow[data-step="start"] .preset-grid{
    grid-template-columns:1fr 1fr;
    grid-template-rows:minmax(244px,1.55fr) minmax(108px,.7fr);
    gap:12px;
  }
  .seq-flow[data-step="start"] .preset.recommended{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:minmax(240px,.78fr) minmax(430px,1.5fr);
    grid-template-rows:auto auto auto 1fr auto;
    grid-template-areas:"badge art" "title art" "copy art" "price art" "cta art";
    column-gap:18px;
    align-items:start;
    padding:17px 18px 16px;
  }
  .seq-flow[data-step="start"] .preset.recommended.selected{padding:16px 17px 15px}
  .seq-flow[data-step="start"] .preset.recommended .badge{grid-area:badge;margin:0 0 8px;width:max-content}
  .seq-flow[data-step="start"] .preset.recommended h3{grid-area:title;font-size:31px;letter-spacing:-.035em}
  .seq-flow[data-step="start"] .preset.recommended p{grid-area:copy;max-width:310px;margin-top:8px;font-size:11px;line-height:1.4}
  .seq-flow[data-step="start"] .preset.recommended .preset-price{grid-area:price;align-self:end;padding:9px 0 0}
  .seq-flow[data-step="start"] .preset.recommended .preset-price b{font-size:30px}
  .seq-flow[data-step="start"] .preset.recommended .preset-price small{font-size:9px}
  .seq-flow[data-step="start"] .preset.recommended .preset-cta{grid-area:cta;width:min(100%,300px);min-height:39px;margin-top:9px;font-size:10px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-art:has(.bundle-meals-five){
    grid-area:art;
    align-self:stretch;
    width:calc(100% + 42px);
    height:100%;
    min-height:0;
    margin:-21px -33px -16px -9px;
    overflow:visible;
  }
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five{
    left:52%;
    top:-8px;
    width:520px;
    height:228px;
  }
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art{width:178px;height:126px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art:nth-child(1){left:2px;top:25px;transform:rotate(-9deg)}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art:nth-child(2){left:164px;top:2px;transform:rotate(-2deg)}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art:nth-child(3){right:2px;top:26px;transform:rotate(9deg)}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art:nth-child(4){left:82px;top:104px;transform:rotate(-5deg)}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art:nth-child(5){right:82px;top:104px;transform:rotate(5deg)}
  .seq-flow[data-step="start"] .preset.recommended .bundle-sides{bottom:-5px;gap:2px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-sides img{width:62px;height:62px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-sides img:nth-child(2){width:68px;height:68px;margin-inline:-5px}

  .seq-flow[data-step="start"] .preset:not(.recommended){
    display:grid;
    grid-template-columns:112px minmax(0,1fr) 118px;
    grid-template-rows:auto auto 1fr;
    grid-template-areas:"art badge price" "art title price" "art copy cta";
    column-gap:11px;
    align-items:center;
    padding:10px 11px;
  }
  .seq-flow[data-step="start"] .preset:not(.recommended).selected{padding:9px 10px}
  .seq-flow[data-step="start"] .preset:not(.recommended) .preset-art{grid-area:art;width:112px;height:88px;margin:0;overflow:visible}
  .seq-flow[data-step="start"] .preset:not(.recommended) .preset-art .meal-art{height:88px}
  .seq-flow[data-step="start"] .preset:not(.recommended) .badge{grid-area:badge;align-self:end;width:max-content;margin:0 0 4px}
  .seq-flow[data-step="start"] .preset:not(.recommended) h3{grid-area:title;align-self:start;font-size:17px;line-height:1.06}
  .seq-flow[data-step="start"] .preset:not(.recommended) p{grid-area:copy;align-self:start;margin-top:4px;font-size:8px}
  .seq-flow[data-step="start"] .preset:not(.recommended) .preset-price{grid-area:price;align-self:center;padding:0;text-align:right}
  .seq-flow[data-step="start"] .preset:not(.recommended) .preset-price b{font-size:21px}
  .seq-flow[data-step="start"] .preset:not(.recommended) .preset-cta{grid-area:cta;align-self:end;min-height:29px;margin:5px 0 0;padding:6px;font-size:7px}
}

@media(max-width:760px){
  .seq-flow[data-step="start"] .preset-grid{grid-template-rows:216px 146px;gap:8px}
  .seq-flow[data-step="start"] .preset.recommended{
    grid-template-columns:minmax(0,.88fr) minmax(150px,1.12fr);
    grid-template-areas:"badge art" "title art" "copy art" "price art" "cta art";
    column-gap:2px;
    overflow:visible;
    padding:12px;
  }
  .seq-flow[data-step="start"] .preset.recommended.selected{padding:11px}
  .seq-flow[data-step="start"] .preset.recommended:before{right:-5%;width:190px;box-shadow:0 0 0 24px rgba(255,255,255,.24),0 0 0 48px rgba(23,75,56,.035)}
  .seq-flow[data-step="start"] .preset.recommended h3{font-size:24px;line-height:.98}
  .seq-flow[data-step="start"] .preset.recommended p{font-size:8px;line-height:1.25}
  .seq-flow[data-step="start"] .preset.recommended .preset-price b{font-size:21px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-art:has(.bundle-meals-five){
    width:calc(100% + 34px);
    height:calc(100% + 28px);
    margin:-21px -25px -11px -9px;
    overflow:visible;
  }
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five{left:51%;top:10px;width:252px;height:166px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art{width:94px;height:68px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art:nth-child(1){left:3px;top:18px;transform:rotate(-10deg)}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art:nth-child(2){left:78px;top:2px;transform:rotate(-2deg)}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art:nth-child(3){right:3px;top:19px;transform:rotate(10deg)}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art:nth-child(4){left:43px;top:68px;transform:rotate(-5deg)}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art:nth-child(5){right:43px;top:68px;transform:rotate(5deg)}
  .seq-flow[data-step="start"] .preset.recommended .bundle-sides{bottom:5px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-sides img{width:44px;height:44px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-sides img:nth-child(2){width:49px;height:49px}
}

@media(max-width:390px){
  .seq-flow[data-step="start"] .preset-grid{grid-template-rows:210px 142px}
  .seq-flow[data-step="start"] .preset.recommended{grid-template-columns:minmax(0,.9fr) 142px;padding-inline:10px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five{width:232px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art{width:88px;height:64px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art:nth-child(2){left:72px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art:nth-child(4){left:38px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art:nth-child(5){right:38px}
}

@media(min-width:761px){
  .seq-flow[data-step="start"] .preset-grid{height:auto!important;align-self:start}
  .seq-flow[data-step="start"] .preset-check{position:absolute!important;right:11px;top:11px;z-index:8}
  .seq-flow[data-step="start"] .preset-grid{grid-template-rows:196px 78px}
  .seq-flow[data-step="start"] .preset.recommended h3{font-size:29px}
  .seq-flow[data-step="start"] .preset.recommended .preset-price b{font-size:28px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five{top:-18px;height:216px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art{width:166px;height:118px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art:nth-child(2){left:174px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art:nth-child(4){left:92px;top:92px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art:nth-child(5){right:92px;top:92px}
  .seq-flow[data-step="start"] .preset:not(.recommended){grid-template-columns:96px minmax(0,1fr) 104px;grid-template-rows:auto 1fr auto;grid-template-areas:"art badge price" "art title price" "art cta price";padding:8px 10px}
  .seq-flow[data-step="start"] .preset:not(.recommended).selected{padding:7px 9px}
  .seq-flow[data-step="start"] .preset:not(.recommended) .preset-art{width:96px;height:72px}
  .seq-flow[data-step="start"] .preset:not(.recommended) .preset-art .meal-art{height:72px}
  .seq-flow[data-step="start"] .preset:not(.recommended) h3{font-size:15px;line-height:1.02}
  .seq-flow[data-step="start"] .preset:not(.recommended) p{display:none}
  .seq-flow[data-step="start"] .preset:not(.recommended) .preset-price b{font-size:19px}
  .seq-flow[data-step="start"] .preset:not(.recommended) .preset-price small{font-size:6px}
  .seq-flow[data-step="start"] .preset:not(.recommended) .preset-cta{align-self:end;min-height:24px;margin:2px 0 0;padding:4px 6px;font-size:6px}
}

/* Merchandise sides in three unmistakable groups: suggested trio, sauces, specialties. */
.seq-panel .extras-strip{
  display:flex;
  align-items:flex-start;
  gap:12px;
  overflow-x:auto;
  padding:2px 4px 8px;
  scroll-snap-type:x proximity;
}
.side-group{
  flex:0 0 auto;
  padding:8px;
  border:1px solid #d8ded3;
  border-radius:15px;
  background:#faf9f3;
  scroll-snap-align:start;
}
.side-group>header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  min-height:28px;
  margin:0 2px 7px;
}
.side-group>header span{display:block;color:#bd593c;font-size:6px;font-weight:900;letter-spacing:.14em}
.side-group>header h3{margin:1px 0 0;font:700 14px/1 Georgia,serif}
.side-group>header small{max-width:145px;color:#6a766d;font-size:7px;line-height:1.25;text-align:right}
.side-group-grid{display:grid;grid-auto-flow:column;grid-auto-columns:132px;gap:7px}
.side-group-suggested{border-color:#a8c0a4;background:#edf5e9;box-shadow:0 4px 0 #d6e4d2}
.side-group-suggested>header h3{color:var(--ink)}
.side-group-sauces{background:#fff7e6;border-color:#dfc58d}
.side-group-specialty{background:#f7f4ed}
.review-lines .package-discount{color:#246147;font-weight:800}

@media(max-width:760px){
  .seq-panel .extras-strip{gap:9px;padding-inline:2px}
  .side-group{padding:7px;border-radius:13px}
  .side-group>header{min-height:25px;margin-bottom:6px}
  .side-group>header h3{font-size:12px}
  .side-group>header small{display:none}
  .side-group-grid{grid-auto-columns:122px;gap:6px}
}
.seq-panel.is-before{transform:translateX(-28px) scale(.992)}

.protein-choice-stage{min-height:0}
.photo-picker-intro{max-width:620px}
.photo-picker{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
  margin-top:10px;
}
.photo-portion-card{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(112px,.9fr);
  grid-template-rows:auto minmax(0,1fr) auto;
  grid-template-areas:"top top" "copy plate" "stepper plate";
  min-width:0;
  min-height:188px;
  padding:10px;
  overflow:hidden;
  border:1px solid #c5d5c7;
  border-radius:18px;
  background:linear-gradient(145deg,#ffffff 0%,#f0f7ef 100%);
  box-shadow:0 5px 0 #dbe8dc,0 14px 24px -21px rgba(23,61,47,.9);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.photo-portion-card.upgrade{border-color:#d8aa4d;background:linear-gradient(145deg,#fffdf6 0%,#fff0c7 100%);box-shadow:0 5px 0 #ead39b,0 14px 24px -21px rgba(105,70,11,.72)}
.photo-portion-card.has-quantity{
  z-index:1;
  transform:translateY(-3px);
  border:2px solid var(--ink);
  padding:9px;
  background:linear-gradient(145deg,#ffffff 0%,#e7f3e5 100%);
  box-shadow:0 8px 0 #bdd3bf,0 17px 28px rgba(23,61,47,.16);
}
.photo-portion-topline{
  grid-area:top;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  margin-bottom:3px;
  color:var(--rust);
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.photo-portion-topline em{
  flex:none;
  padding:4px 6px;
  border-radius:99px;
  background:#f5d78c;
  color:#765218;
  font-size:7px;
  font-style:normal;
  letter-spacing:.04em;
}
.photo-portion-topline .standard-note{background:#edf0e8;color:#687269}
.portion-plate{
  grid-area:plate;
  position:relative;
  align-self:center;
  justify-self:center;
  width:min(100%,150px);
  aspect-ratio:1;
  border:0;
  border-radius:50%;
  background:radial-gradient(circle at 50% 53%,rgba(255,255,255,.98) 0 39%,rgba(236,226,204,.72) 40% 57%,transparent 58%);
  filter:drop-shadow(0 12px 10px rgba(24,43,34,.18));
}
.portion-plate:after{
  content:"";
  position:absolute;
  inset:7%;
  border-radius:50%;
  background:radial-gradient(circle at 38% 28%,rgba(255,255,255,.48),transparent 46%);
  pointer-events:none;
}
.portion-photo{
  position:absolute;
  inset:0;
  display:block;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:50% 50%;
  filter:saturate(1.04) contrast(1.02);
}
.portion-photo-chicken-6{background-image:url("protein-chicken-6-stacked-v5.png")}
.portion-photo-chicken-8{background-image:url("protein-chicken-8-stacked-v5.png")}
.portion-photo-steak-6{background-image:url("protein-steak-6-stacked-v5.png")}
.portion-photo-steak-8{background-image:url("protein-steak-8-stacked-v5.png")}
.portion-plate.plate-more:before{content:"8 OZ";position:absolute;right:-3px;bottom:2px;z-index:2;padding:5px 7px;border-radius:999px;background:#c75d37;color:#fff;font-size:7px;font-weight:900;letter-spacing:.08em;box-shadow:0 4px 10px rgba(115,52,27,.24)}
.photo-portion-copy{
  grid-area:copy;
  align-self:end;
  padding-right:7px;
}
.photo-portion-copy strong{display:block;font:700 31px/1 Georgia,serif;color:var(--ink)}
.photo-portion-copy span{display:block;margin-top:3px;font-size:10px;color:#66736b}
.photo-portion-copy small{display:inline-flex;margin-top:7px;padding:4px 7px;border-radius:999px;background:#fff;color:var(--ink);font-size:9px;font-weight:900;box-shadow:0 2px 6px rgba(23,61,47,.09)}
.photo-portion-card.upgrade .photo-portion-copy small{background:#f4d98f;color:#68460d}
.photo-portion-card .photo-stepper{
  grid-area:stepper;
  justify-self:start;
  display:flex;
  align-items:center;
  gap:5px;
  padding:5px 7px;
  border-radius:99px;
  background:#eef3eb;
}
.photo-portion-card .photo-stepper button{width:31px;height:31px;font-size:19px}
.photo-portion-card .photo-stepper output{min-width:23px;font-size:20px}
.photo-portion-card.has-quantity .photo-stepper output{animation:portionConfirm .28s ease}
.photo-stepper button:disabled{opacity:.28;cursor:not-allowed}
.meal-capacity{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:46px;margin:0 0 7px;padding:7px 10px;border:1px solid #bdcdbf;border-radius:13px;background:#edf4e9;box-shadow:0 3px 0 #d8e4d4}
.meal-capacity strong{display:block;font-size:13px}.meal-capacity small{display:block;margin-top:2px;color:#5f6d64;font-size:9px}.meal-capacity.is-full{border-color:#cf9f40;background:#fff2cd;box-shadow:0 3px 0 #e8d49f}
.meal-capacity-dots{display:flex;flex:none;gap:4px}.meal-capacity-dots i{display:block;width:17px;height:7px;border-radius:99px;background:#d5ddd2}.meal-capacity-dots i.filled{background:var(--ink);box-shadow:0 1px 0 #0e2e23}
.photo-swap{grid-area:stepper;justify-self:start;display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:30px;margin:0;padding:6px 8px;border:1px solid #c99231;border-radius:9px;background:#f7dc91;color:#5f410c;font-size:8px;font-weight:900;cursor:pointer;box-shadow:0 3px 0 #d7b761}.photo-swap[hidden]{display:none}.photo-swap b{font-size:10px}.photo-portion-card.can-swap .photo-stepper{display:none}
@keyframes portionConfirm{0%{transform:scale(.82)}65%{transform:scale(1.16)}100%{transform:scale(1)}}

/* Restore the transparent rice-and-vegetable illustrations without a scene background. */
.seq-panel .base-decision{
  height:100%;
  display:grid;
  grid-template-columns:1fr;
  grid-template-rows:auto minmax(0,1fr) auto;
  grid-template-areas:"heading" "choices" "action";
  align-items:stretch;
  gap:10px;
}
.seq-panel .base-decision:before{display:none}
.seq-panel .base-decision .section-head{grid-area:heading;margin:0}
.seq-panel .base-grid{
  grid-area:choices;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  align-items:stretch;
}
.seq-panel .base{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:218px;
  padding:12px 10px 11px;
  border:1px solid #ccd6c9;
  border-radius:17px;
  background:#fffdf8;
  text-align:center;
  box-shadow:0 5px 0 #e2e8de;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.seq-panel .base.selected{
  padding:11px 9px 10px;
  transform:translateY(-4px);
  border:2px solid var(--ink);
  background:#f1f7ed;
  box-shadow:0 9px 0 #cddbc9,0 15px 24px rgba(23,61,47,.12);
}
.seq-panel .base.selection-confirmed{animation:baseConfirm .34s ease}
@keyframes baseConfirm{0%{transform:translateY(-4px) scale(.98)}65%{transform:translateY(-7px) scale(1.015)}100%{transform:translateY(-4px) scale(1)}}
.seq-panel .base-art{
  position:relative;
  display:block;
  width:min(100%,178px);
  height:108px;
  max-width:none;
  aspect-ratio:auto;
  border:0;
  border-radius:0;
  object-fit:contain;
  object-position:center;
  background:none!important;
  filter:drop-shadow(0 10px 8px rgba(22,48,37,.24));
}
.seq-panel .base-art:before,.seq-panel .base-art:after{display:none!important}
.seq-panel .base h3{min-height:0;margin:2px 0 0;font-size:17px}
.seq-panel .base .per{margin-top:6px;font-size:12px}
.seq-panel .base .total{display:block;margin-top:2px;font-size:9px}
.seq-panel .base:after{right:12px;top:12px;transform:none}
.seq-panel .base-decision .decision-continue{
  grid-area:action;
  position:static;
  width:100%;
  min-height:50px;
  margin:0;
}

@media(max-width:760px){
  .seq-flow[data-step="meals"] .seq-header,
  .seq-flow[data-step="base"] .seq-header{min-height:64px;padding-block:8px}
  .seq-flow[data-step="meals"] .seq-panel,
  .seq-flow[data-step="base"] .seq-panel{padding:9px 9px 11px}
  .seq-flow[data-step="meals"] .seq-prompt,
  .seq-flow[data-step="base"] .seq-prompt{min-height:43px;margin-bottom:6px;padding:5px 8px}
  .seq-flow[data-step="meals"] .seq-prompt strong,
  .seq-flow[data-step="base"] .seq-prompt strong{font-size:14px}
  .seq-flow[data-step="meals"] .seq-content,
  .seq-flow[data-step="base"] .seq-content{padding:3px 2px 8px;overflow:hidden}
  .seq-panel .photo-picker-intro{display:none}
  .meal-capacity{min-height:39px;margin-bottom:5px;padding:5px 7px}.meal-capacity strong{font-size:10px}.meal-capacity small{font-size:7px}.meal-capacity-dots{gap:2px}.meal-capacity-dots i{width:11px;height:6px}
  .seq-panel .photo-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:4px}
  .photo-portion-card{grid-template-columns:minmax(0,1fr) minmax(76px,.92fr);min-height:128px;padding:7px;border-radius:13px}
  .photo-portion-card.has-quantity{padding:6px}
  .photo-portion-topline{font-size:7px;margin-bottom:0}.photo-portion-topline em{padding:3px 4px;font-size:6px}
  .portion-plate{width:min(100%,92px)}
  .photo-portion-copy{padding-right:4px}.photo-portion-copy strong{font-size:23px}.photo-portion-copy span{font-size:7px}.photo-portion-copy small{margin-top:3px;font-size:7px}
  .photo-portion-card .photo-stepper{gap:3px;padding:3px 4px}.photo-portion-card .photo-stepper button{width:25px;height:25px;font-size:16px}.photo-portion-card .photo-stepper output{min-width:17px;font-size:16px}
  .photo-swap{min-height:23px;margin-top:3px;padding:4px 5px;font-size:6px}.photo-swap b{font-size:8px}
  .seq-panel .photo-next{bottom:-8px;margin:7px -2px -8px;padding:7px 8px;border-radius:11px}.seq-panel .photo-next strong{font-size:10px}.seq-panel .photo-next small{font-size:7px}.seq-panel .photo-next button{min-height:36px;padding:7px 9px;font-size:8px}

  .seq-panel .base-decision{gap:7px}
  .seq-panel .base-decision{grid-template-rows:auto auto auto;align-content:start}
  .seq-panel .base-decision .section-head{display:none}
  .seq-panel .base-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;align-items:start;align-self:start}
  .seq-panel .base{min-height:168px;padding:7px 4px 8px;border-radius:13px}
  .seq-panel .base.selected{padding:6px 3px 7px}
  .seq-panel .base-art{width:min(100%,108px);height:82px}
  .seq-panel .base-art:before{border-width:2px;border-radius:10px}
  .seq-panel .base h3{font-size:12px;line-height:1.03}
  .seq-panel .base .per{margin-top:5px;font-size:9px}
  .seq-panel .base .total{margin-top:2px;font-size:7px}
  .seq-panel .base:after{right:7px;top:7px}
  .seq-panel .base-decision .decision-continue{min-height:44px;font-size:11px}
}

@media(max-width:390px){
  .photo-portion-card{grid-template-columns:minmax(0,1fr) minmax(68px,.9fr);min-height:124px;padding:6px}
  .photo-portion-card.has-quantity{padding:5px}
  .portion-plate{width:min(100%,86px)}
  .seq-panel .base{min-height:160px}
  .seq-panel .base-art{width:min(100%,98px);height:76px}
}

@media(prefers-reduced-motion:reduce){
  .photo-portion-card,.seq-panel .base{transition:none!important;animation:none!important}
}

.seq-pickup-callout,.handoff-pickup{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;padding:9px 11px;border:1px solid #d2a24f;border-radius:12px;background:#fff1c8;box-shadow:0 4px 0 #ead6a0}
.seq-pickup-callout>span,.handoff-pickup>span{grid-row:1/3;padding:5px 7px;border-radius:7px;background:#173d2f;color:#fff;font-size:8px;font-weight:900;letter-spacing:.1em}.seq-pickup-callout strong,.handoff-pickup strong{font-size:11px}.seq-pickup-callout small,.handoff-pickup small{color:#6b5a38;font-size:8px;line-height:1.3}.handoff-pickup{margin:14px 0}

/* Desktop density pass: keep every decision close to the eye line and inside one view. */
@media(min-width:761px){
  .sequential-mode .builder{padding:14px 18px 24px}
  .seq-flow{
    height:clamp(560px,calc(100dvh - 130px),620px);
    min-height:560px;
    border-radius:22px;
  }
  .seq-header{
    grid-template-columns:64px minmax(0,1fr) auto;
    min-height:60px;
    padding:8px 14px;
  }
  .seq-back{min-height:38px}
  .seq-heading h2{font-size:24px}
  .seq-count{min-width:50px;min-height:38px;padding:6px 8px}
  .seq-progress{padding:5px 14px 7px}
  .seq-step{
    grid-template-columns:27px minmax(0,1fr);
    gap:6px;
    min-height:36px;
    padding:3px 19px 3px 5px;
  }
  .seq-step b{width:27px;height:27px}
  .seq-step span{font-size:9px}
  .seq-step small{font-size:6px}
  .seq-step:after{right:4px;width:14px;height:9px}
  .seq-panel{padding:9px 14px 11px}
  .seq-prompt{
    min-height:44px;
    gap:10px;
    margin-bottom:7px;
    padding:6px 10px;
    border-radius:13px;
  }
  .seq-prompt-arrow{flex-basis:45px;width:45px;height:20px}
  .seq-prompt-arrow:before{top:8px;width:31px;height:4px}
  .seq-prompt-arrow:after{top:1px;border-top-width:8px;border-bottom-width:8px;border-left-width:13px}
  .seq-prompt strong{font-size:16px}
  .seq-content{padding:3px 4px 7px}

  .seq-flow[data-step="start"] .seq-content{overflow:hidden}
  .seq-flow[data-step="start"] .fast-start{
    display:grid;
    grid-template-rows:auto auto minmax(0,1fr);
    gap:6px;
    height:100%;
  }
  .seq-flow[data-step="start"] .fast-head{
    display:grid;
    grid-template-columns:auto minmax(250px,1fr);
    align-items:end;
    justify-content:start;
    gap:18px;
    margin:0;
  }
  .seq-flow[data-step="start"] .fast-head h2{font-size:25px;white-space:nowrap}
  .seq-flow[data-step="start"] .fast-head p{max-width:none;margin:0;font-size:11px;line-height:1.35}
  .seq-flow[data-step="start"] .return-week{min-height:40px;margin:0;padding:7px 11px}
  .seq-flow[data-step="start"] .return-week-copy strong{font-size:14px}
  .seq-flow[data-step="start"] .return-week-copy em{font-size:8px}
  .seq-flow[data-step="start"] .preset-grid{height:100%;gap:8px}
  .seq-flow[data-step="start"] .preset{
    min-height:0;
    height:100%;
    padding:9px;
    border-radius:14px;
  }
  .seq-flow[data-step="start"] .preset.selected{padding:8px}
  .seq-flow[data-step="start"] .preset .badge{margin-bottom:5px;padding:4px 6px;font-size:7px}
  .seq-flow[data-step="start"] .preset-art{height:62px;margin:0 0 4px}
  .seq-flow[data-step="start"] .preset-art .meal-art{height:64px}
  .seq-flow[data-step="start"] .preset h3{min-height:0;font-size:16px;line-height:1.02}
  .seq-flow[data-step="start"] .preset.recommended h3{font-size:22px}
  .seq-flow[data-step="start"] .preset p{margin-top:4px;font-size:9px;line-height:1.25}
  .seq-flow[data-step="start"] .preset-price{padding-top:5px;font-size:9px}
  .seq-flow[data-step="start"] .preset-price b{font-size:19px}
  .seq-flow[data-step="start"] .preset-price small{margin-top:1px;font-size:7px}
  .seq-flow[data-step="start"] .preset-cta{min-height:30px;margin-top:5px;padding:6px 8px;font-size:8px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-art:has(.bundle-meals-five){height:105px;margin:0 0 4px}

  .seq-flow[data-step="meals"] .seq-content,
  .seq-flow[data-step="base"] .seq-content,
  .seq-flow[data-step="sides"] .seq-content,
  .seq-flow[data-step="review"] .seq-content{overflow:hidden}
  .seq-panel .photo-picker-intro{display:none}
  .meal-capacity{min-height:40px;margin-bottom:5px;padding:5px 9px}.meal-capacity strong{font-size:11px}.meal-capacity small{font-size:8px}
  .seq-panel .photo-picker{gap:7px;margin-top:4px}
  .photo-portion-card{
    grid-template-columns:minmax(0,1fr) minmax(104px,.82fr);
    min-height:130px;
    padding:7px;
    border-radius:14px;
  }
  .photo-portion-card.has-quantity{padding:6px;transform:translateY(-2px)}
  .photo-portion-topline{margin-bottom:0;font-size:7px}
  .photo-portion-topline em{padding:3px 5px;font-size:6px}
  .portion-plate{width:min(100%,108px)}
  .photo-portion-copy strong{font-size:26px}
  .photo-portion-copy span{font-size:8px}
  .photo-portion-copy small{margin-top:4px;padding:3px 6px;font-size:7px}
  .photo-portion-card .photo-stepper{gap:3px;padding:3px 5px}
  .photo-portion-card .photo-stepper button{width:26px;height:26px;font-size:16px}
  .photo-portion-card .photo-stepper output{min-width:18px;font-size:17px}
  .photo-swap{min-height:24px;margin-top:3px;padding:4px 7px;font-size:7px}.photo-swap b{font-size:9px}
  .seq-panel .photo-next{bottom:-7px;margin:7px -1px -7px;padding:6px 8px}
  .seq-panel .photo-next button{min-height:36px;padding:7px 10px}

  .seq-panel .base-decision{grid-template-rows:auto auto auto;align-content:start;gap:7px}
  .seq-panel .base-grid{align-items:start;gap:8px}
  .seq-panel .base{min-height:170px;padding:8px 7px;border-radius:14px}
  .seq-panel .base.selected{padding:7px 6px}
  .seq-panel .base-art{width:min(100%,145px);height:91px}
  .seq-panel .base h3{font-size:15px}
  .seq-panel .base .per{margin-top:4px;font-size:11px}
  .seq-panel .base .total{font-size:8px}
  .seq-panel .base-decision .decision-continue{min-height:42px}

  .seq-panel .extras-section>summary{padding:6px 4px 8px}
  .seq-panel .extras-heading h2{font-size:19px}
  .seq-panel .extras-intro{margin:0 4px 6px;font-size:10px}
  .seq-panel .extras-strip{grid-auto-columns:132px;gap:7px;padding:2px 4px 7px}
  .seq-panel .extra-card{min-height:158px;padding:7px;border-radius:13px}
  .seq-panel .extra-card.selected{padding:6px}
  .seq-panel .extra-card img{height:58px}
  .seq-panel .extra-card h3{min-height:31px;margin:3px 0 4px;font-size:9px}
  .seq-panel .extra-price{font-size:15px}
  .seq-panel .extra-qty{margin-top:5px}
  .seq-panel .extra-qty button{width:27px;height:27px}
  .seq-panel .extras-foot{padding:6px 4px;font-size:8px}
  .seq-panel .extras-section .decision-continue{bottom:-7px;margin:6px -1px -7px;min-height:40px}

  .seq-review-card{gap:9px}
  .seq-day{padding:6px 3px}
  .seq-day .meal-art{height:47px}
  .seq-day-side{margin-top:4px;padding:2px}
  .seq-day-side img{width:20px;height:20px}
  .seq-review-summary{padding:10px 12px}
  .seq-review-summary strong{font-size:18px}
  .seq-review-summary b{font-size:24px}
  .seq-review-actions button{min-height:42px}
}

/* V69 final cascade: the recommendation becomes a full-width product stage. */
@media(min-width:761px){
  .seq-flow[data-step="start"] .preset-grid{grid-template-columns:1fr 1fr;grid-template-rows:minmax(244px,1.55fr) minmax(108px,.7fr);gap:12px}
  .seq-flow[data-step="start"] .preset.recommended{grid-column:1/-1;display:grid;grid-template-columns:minmax(240px,.78fr) minmax(430px,1.5fr);grid-template-rows:auto auto auto 1fr auto;grid-template-areas:"badge art" "title art" "copy art" "price art" "cta art";column-gap:18px;align-items:start;padding:17px 18px 16px;overflow:visible}
  .seq-flow[data-step="start"] .preset.recommended.selected{padding:16px 17px 15px}
  .seq-flow[data-step="start"] .preset.recommended .badge{grid-area:badge;margin:0 0 8px;width:max-content}
  .seq-flow[data-step="start"] .preset.recommended h3{grid-area:title;font-size:31px;letter-spacing:-.035em}
  .seq-flow[data-step="start"] .preset.recommended p{grid-area:copy;max-width:310px;margin-top:8px;font-size:11px;line-height:1.4}
  .seq-flow[data-step="start"] .preset.recommended .preset-price{grid-area:price;align-self:end;padding:9px 0 0}
  .seq-flow[data-step="start"] .preset.recommended .preset-price b{font-size:30px}
  .seq-flow[data-step="start"] .preset.recommended .preset-price small{font-size:9px}
  .seq-flow[data-step="start"] .preset.recommended .preset-cta{grid-area:cta;width:min(100%,300px);min-height:39px;margin-top:9px;font-size:10px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-art:has(.bundle-meals-five){grid-area:art;align-self:stretch;width:calc(100% + 42px);height:100%;min-height:0;margin:-21px -33px -16px -9px;overflow:visible}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five{left:52%;top:-8px;width:520px;height:228px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art{width:178px;height:126px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art:nth-child(1){left:2px;top:25px;transform:rotate(-9deg)}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art:nth-child(2){left:164px;top:2px;transform:rotate(-2deg)}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art:nth-child(3){right:2px;top:26px;transform:rotate(9deg)}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art:nth-child(4){left:82px;top:104px;transform:rotate(-5deg)}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art:nth-child(5){right:82px;top:104px;transform:rotate(5deg)}
  .seq-flow[data-step="start"] .preset.recommended .bundle-sides{bottom:-5px;gap:2px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-sides img{width:62px;height:62px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-sides img:nth-child(2){width:68px;height:68px;margin-inline:-5px}
  .seq-flow[data-step="start"] .preset:not(.recommended){display:grid;grid-template-columns:112px minmax(0,1fr) 118px;grid-template-rows:auto auto 1fr;grid-template-areas:"art badge price" "art title price" "art copy cta";column-gap:11px;align-items:center;padding:10px 11px}
  .seq-flow[data-step="start"] .preset:not(.recommended).selected{padding:9px 10px}
  .seq-flow[data-step="start"] .preset:not(.recommended) .preset-art{grid-area:art;width:112px;height:88px;margin:0;overflow:visible}
  .seq-flow[data-step="start"] .preset:not(.recommended) .preset-art .meal-art{height:88px}
  .seq-flow[data-step="start"] .preset:not(.recommended) .badge{grid-area:badge;align-self:end;width:max-content;margin:0 0 4px}
  .seq-flow[data-step="start"] .preset:not(.recommended) h3{grid-area:title;align-self:start;font-size:17px;line-height:1.06}
  .seq-flow[data-step="start"] .preset:not(.recommended) p{grid-area:copy;align-self:start;margin-top:4px;font-size:8px}
  .seq-flow[data-step="start"] .preset:not(.recommended) .preset-price{grid-area:price;align-self:center;padding:0;text-align:right}
  .seq-flow[data-step="start"] .preset:not(.recommended) .preset-price b{font-size:21px}
  .seq-flow[data-step="start"] .preset:not(.recommended) .preset-cta{grid-area:cta;align-self:end;min-height:29px;margin:5px 0 0;padding:6px;font-size:7px}
}

@media(max-width:760px){
  .seq-flow[data-step="start"] .preset-grid{grid-template-rows:216px 146px;gap:8px}
  .seq-flow[data-step="start"] .preset.recommended{grid-template-columns:minmax(0,.88fr) minmax(150px,1.12fr);grid-template-areas:"badge art" "title art" "copy art" "price art" "cta art";column-gap:2px;overflow:visible;padding:12px}
  .seq-flow[data-step="start"] .preset.recommended.selected{padding:11px}
  .seq-flow[data-step="start"] .preset.recommended h3{font-size:24px;line-height:.98}
  .seq-flow[data-step="start"] .preset.recommended p{font-size:8px;line-height:1.25}
  .seq-flow[data-step="start"] .preset.recommended .preset-price b{font-size:21px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-art:has(.bundle-meals-five){width:calc(100% + 34px);height:calc(100% + 28px);margin:-21px -25px -11px -9px;overflow:visible}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five{left:51%;top:10px;width:252px;height:166px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art{width:94px;height:68px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art:nth-child(1){left:3px;top:18px;transform:rotate(-10deg)}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art:nth-child(2){left:78px;top:2px;transform:rotate(-2deg)}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art:nth-child(3){right:3px;top:19px;transform:rotate(10deg)}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art:nth-child(4){left:43px;top:68px;transform:rotate(-5deg)}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art:nth-child(5){right:43px;top:68px;transform:rotate(5deg)}
  .seq-flow[data-step="start"] .preset.recommended .bundle-sides{bottom:5px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-sides img{width:44px;height:44px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-sides img:nth-child(2){width:49px;height:49px}
}

@media(max-width:390px){
  .seq-flow[data-step="start"] .preset-grid{grid-template-rows:210px 142px}
  .seq-flow[data-step="start"] .preset.recommended{grid-template-columns:minmax(0,.9fr) 142px;padding-inline:10px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five{width:232px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art{width:88px;height:64px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art:nth-child(2){left:72px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art:nth-child(4){left:38px}
  .seq-flow[data-step="start"] .preset.recommended .bundle-meals.bundle-meals-five .meal-art:nth-child(5){right:38px}
}