/* Fill the same photo windows as the rest of the menu. Only spare tabletop
   may fall outside the window, never a duplicate background or side gutters. */
.food-media:has(> img[src*="-studio-gray-"]) {
  background: transparent;
}

.food-media:has(> img[src*="-studio-gray-"])::before,
.product-hero:has(> .food-media > img[src*="-studio-gray-"])::before,
.product-hero.is-contained:has(> .food-media > img[src*="-studio-gray-"])::after {
  content: none !important;
  display: none !important;
  background: none !important;
  filter: none !important;
}

.food-media:has(> img[src*="-studio-gray-"]) > img,
.product-hero:has(> .food-media > img[src*="-studio-gray-"]) > .food-media > img {
  object-fit: cover !important;
  object-position: center 55% !important;
  transform: none !important;
  mix-blend-mode: normal !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* The new crop-safe masters leave room for every viewport. Zoom their natural
   tabletop crop, keeping the full food/tray inside the photo window. */
.food-media:has(> img[src*="-studio-gray-v5-20261008."]) > img {
  transform: scale(1.60) !important;
}

.food-media:has(> img[src*="business-box-studio-gray-v5-20261008."]) > img {
  transform: scale(1.80) !important;
}

/* The detail photo uses its own close framing, not the distant master view. */
.product-hero:has(> .food-media > img[src*="-studio-gray-v5-20261008."]) > .food-media > img {
  transform: scale(1.60) !important;
  object-position: center !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .product-hero:has(> .food-media > img[src*="business-box-studio-gray-v5-20261008."]) > .food-media > img {
    transform: none !important;
  }

  .product-hero:has(> .food-media > img[src*="pizza-baguette-studio-gray-v5-20261008."]) > .food-media > img {
    transform: scale(1.20) !important;
  }
}

@media (min-width: 1024px) {
  .product-hero:has(> .food-media > img[src*="business-box-studio-gray-v5-20261008."]) > .food-media > img {
    transform: scale(1.45) !important;
  }

  .product-hero:has(> .food-media > img[src*="pizza-baguette-studio-gray-v5-20261008."]) > .food-media > img {
    transform: scale(1.30) !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .product-hero:has(> .food-media > img[src*="business-box-studio-gray-v5-20261008."]) > .food-media > img {
    transform: scale(1.30) !important;
  }

  .product-hero:has(> .food-media > img[src*="pizza-baguette-studio-gray-v5-20261008."]) > .food-media > img {
    transform: scale(1.10) !important;
  }
}

/* Both lunch choices share the brand accent; a chosen option remains distinct. */
.product-screen[data-product-id="business-box"] .product-option:not(:disabled) {
  background: #f1cb25;
  color: #20282c;
}

@media (hover: hover) {
  .product-screen[data-product-id="business-box"] .product-option:not(:disabled):not([aria-checked="true"]):hover {
    background: #e8bd00;
  }
}

.product-screen[data-product-id="business-box"] .product-option:not(:disabled)[aria-checked="true"] {
  background: #20282c;
  color: #fff;
}

.product-screen[data-product-id="business-box"] .product-option[aria-checked="true"] svg {
  color: #f1cb25;
}

.product-screen[data-product-id="business-box"] .product-option:focus-visible {
  outline: 3px solid #20282c;
  outline-offset: 3px;
}

.product-screen[data-product-id="business-box"] .product-option[aria-checked="true"]:focus-visible {
  outline-color: #f1cb25;
}

.promo-card .food-media:has(> img[src*="business-box-studio-gray-v5-20261008."]) > img,
.deal-card .food-media:has(> img[src*="business-box-studio-gray-v5-20261008."]) > img {
  transform: scale(1.85) !important;
}

/* Narrow offer windows need less zoom to retain the complete tray. */
@media (max-width: 359px) {
  .promo-card .food-media:has(> img[src*="business-box-studio-gray-v5-20261008."]) > img,
  .deal-card .food-media:has(> img[src*="business-box-studio-gray-v5-20261008."]) > img {
    transform: scale(1.50) !important;
  }
}

@media (min-width: 360px) and (max-width: 419px) {
  .promo-card .food-media:has(> img[src*="business-box-studio-gray-v5-20261008."]) > img,
  .deal-card .food-media:has(> img[src*="business-box-studio-gray-v5-20261008."]) > img {
    transform: scale(1.75) !important;
  }
}

@media (min-width: 768px) and (max-width: 819px) {
  .promo-card .food-media:has(> img[src*="business-box-studio-gray-v5-20261008."]) > img,
  .deal-card .food-media:has(> img[src*="business-box-studio-gray-v5-20261008."]) > img {
    transform: scale(1.65) !important;
  }
}

@media (min-width: 1200px) and (max-width: 1359px) {
  .promo-card .food-media:has(> img[src*="business-box-studio-gray-v5-20261008."]) > img,
  .deal-card .food-media:has(> img[src*="business-box-studio-gray-v5-20261008."]) > img {
    transform: scale(1.58) !important;
  }
}

@media (min-width: 1360px) {
  .promo-card .food-media:has(> img[src*="business-box-studio-gray-v5-20261008."]) > img,
  .deal-card .food-media:has(> img[src*="business-box-studio-gray-v5-20261008."]) > img {
    transform: scale(1.48) !important;
  }
}

@media (max-width: 767px) {
  .product-media-wrap .food-media:has(> img[src*="pizza-baguette-studio-gray-v5-20261008."]) > img {
    transform: scale(1.28) !important;
  }

  .popular-grid .food-media:has(> img[src*="pizza-baguette-studio-gray-v5-20261008."]) > img {
    transform: scale(1.22) !important;
  }

  .product-media-wrap .food-media:has(> img[src*="business-box-studio-gray-v5-20261008."]) > img {
    transform: scale(1.50) !important;
  }

  .popular-grid .food-media:has(> img[src*="business-box-studio-gray-v5-20261008."]) > img {
    transform: scale(1.50) !important;
  }
}

@media (max-width: 359px) {
  .popular-grid .food-media:has(> img[src*="business-box-studio-gray-v5-20261008."]) > img {
    transform: scale(1.40) !important;
  }

  .popular-grid .food-media:has(> img[src*="pizza-baguette-studio-gray-v5-20261008."]) > img {
    transform: scale(1.13) !important;
  }
}

@media (min-width: 420px) and (max-width: 767px) {
  .product-media-wrap .food-media:has(> img[src*="pizza-baguette-studio-gray-v5-20261008."]) > img {
    transform: scale(1.48) !important;
  }

  .product-media-wrap .food-media:has(> img[src*="business-box-studio-gray-v5-20261008."]) > img {
    transform: scale(1.70) !important;
  }

  .popular-grid .food-media:has(> img[src*="pizza-baguette-studio-gray-v5-20261008."]) > img {
    transform: scale(1.38) !important;
  }

  .popular-grid .food-media:has(> img[src*="business-box-studio-gray-v5-20261008."]) > img {
    transform: scale(1.50) !important;
  }
}

/* All offers share one edge-to-edge photo column and a separate copy column. */
.promo-card:has(> .food-media > img) > .food-media,
.deal-card:has(> .food-media > img) > .food-media {
  inset: 0 0 0 50% !important;
  width: 50% !important;
  height: 100% !important;
  border-radius: 0;
  background: transparent;
  transform: none !important;
}

.promo-card:has(> .food-media > img) .promo-copy {
  width: calc(50% - 32px) !important;
  min-width: 0;
}

.promo-card:has(> .food-media > img) .promo-copy > strong,
.promo-card:has(> .food-media > img) .promo-copy > span {
  max-width: 100%;
  overflow-wrap: anywhere;
}

.promo-card:has(> .food-media > img) > .food-media > img,
.deal-card:has(> .food-media > img) > .food-media > img {
  object-fit: cover !important;
  mix-blend-mode: normal;
}

.deal-card:has(> .food-media > img) > span {
  width: calc(50% - 20px);
  min-width: 0;
  overflow-wrap: anywhere;
}

@media (min-width: 768px) {
  .promo-card:has(> .food-media > img) .promo-copy {
    width: calc(50% - 36px) !important;
  }
}