/* CASA PIZZA Core v1: consolidated theme cascade. Source files retained for traceability. */

/* ===== SOURCE: theme-phase14.css ===== */
/* Casa Pizza — Phase 14
   Fullscreen hero fit, white light-mode canvas, dark mode, and product-card control cleanup. */

:root {
  color-scheme: light;
}

/* --------------------------------------------------------------------------
   LIGHT MODE — clean white canvas
   -------------------------------------------------------------------------- */
:root[data-theme="light"] {
  color-scheme: light;
  --cp-cream: #ffffff;
  --cp-surface: #ffffff;
  --cp-surface-soft: #ffffff;
  --cp-text: #17263a;
  --cp-text-strong: #091b32;
  --cp-muted: #64748b;
  --cp-border: #d8dee7;
  --cp-border-strong: #bcc6d2;
  --bg: #ffffff;
  --cream: #ffffff;
  --paper: #ffffff;
  --surface: #ffffff;
  --surface-soft: #ffffff;
  --line: #d8dee7;
}

:root[data-theme="light"] html,
:root[data-theme="light"] body,
:root[data-theme="light"] .page,
:root[data-theme="light"] .section,
:root[data-theme="light"] .section-soft,
:root[data-theme="light"] .home-products,
:root[data-theme="light"] .home-categories,
:root[data-theme="light"] .home-about,
:root[data-theme="light"] .home-reviews,
:root[data-theme="light"] .home-contact,
:root[data-theme="light"] .site-footer,
:root[data-theme="light"] .home-section-nav-shell,
:root[data-theme="light"] .menu-control-zone,
:root[data-theme="light"] .menu-products-full,
:root[data-theme="light"] .product-page,
:root[data-theme="light"] .cart-page,
:root[data-theme="light"] .checkout-page,
:root[data-theme="light"] .success-page,
:root[data-theme="light"] .combo-page {
  background: #ffffff !important;
}

:root[data-theme="light"] .home-categories,
:root[data-theme="light"] .home-reviews {
  border-color: var(--cp-border) !important;
}

:root[data-theme="light"] .home-reviews,
:root[data-theme="light"] .home-reviews h2,
:root[data-theme="light"] .home-review-card,
:root[data-theme="light"] .home-review-card strong {
  color: var(--cp-text-strong) !important;
}

:root[data-theme="light"] .home-reviews__heading p,
:root[data-theme="light"] .home-review-card p {
  color: var(--cp-muted) !important;
}

:root[data-theme="light"] .home-review-card {
  border: 1px solid var(--cp-border) !important;
  background: #ffffff !important;
}

/* --------------------------------------------------------------------------
   FULLSCREEN HOME HERO — occupies exactly the visible area below the header
   on desktop, while remaining naturally stacked on tablet/mobile.
   -------------------------------------------------------------------------- */
body[data-page="home"] .home-static-hero {
  padding: 0 !important;
  background: #ffffff !important;
}

body[data-page="home"] .home-static-hero__shell.container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
}

@media (min-width: 901px) {
  body[data-page="home"] .home-static-hero__shell {
    height: calc(100svh - var(--header-h));
    min-height: 0 !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto;
  }

  body[data-page="home"] .home-static-hero__copy {
    min-height: 0;
    justify-content: center;
    padding: clamp(28px, 5vh, 60px) clamp(42px, 5vw, 92px) clamp(24px, 4vh, 52px);
  }

  body[data-page="home"] .home-static-hero__status-row {
    margin-bottom: clamp(13px, 2vh, 20px);
  }

  body[data-page="home"] .home-static-hero h1 {
    max-width: 700px;
    font-size: clamp(3.1rem, min(5vw, 8.5vh), 5.65rem);
    line-height: .91;
  }

  body[data-page="home"] .home-static-hero .lead {
    margin-top: clamp(16px, 2.4vh, 26px);
    font-size: clamp(.94rem, min(1.22vw, 2.05vh), 1.12rem);
    line-height: 1.55;
  }

  body[data-page="home"] .home-static-hero__chips {
    margin-top: clamp(13px, 2vh, 22px);
  }

  body[data-page="home"] .home-static-hero__actions {
    margin-top: clamp(15px, 2.2vh, 24px);
  }

  body[data-page="home"] .home-static-hero__mini-facts {
    margin-top: clamp(15px, 2.4vh, 26px);
  }

  body[data-page="home"] .home-static-hero__visual {
    min-height: 0 !important;
    height: 100%;
    padding: clamp(24px, 4vh, 44px) clamp(24px, 3vw, 52px) clamp(46px, 7vh, 78px);
  }

  body[data-page="home"] .home-static-hero__image-frame {
    width: min(68%, 510px, 58vh);
  }

  body[data-page="home"] .home-static-hero__visual-halo {
    width: min(66%, 520px, 60vh);
  }

  body[data-page="home"] .home-static-hero__badge--top {
    top: clamp(24px, 5vh, 62px);
    left: 4%;
  }

  body[data-page="home"] .home-static-hero__feature-card {
    right: 5%;
    bottom: clamp(22px, 5vh, 52px);
  }

  body[data-page="home"] .home-static-hero__service-rail {
    margin: 0 clamp(28px, 3vw, 50px) clamp(14px, 2vh, 24px);
  }

  body[data-page="home"] .home-static-hero__service-rail > div {
    padding: clamp(11px, 1.6vh, 16px) 20px;
  }

  body[data-page="home"] .home-static-hero__rail-icon {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
  }
}

@media (min-width: 901px) and (max-height: 720px) {
  body[data-page="home"] .home-static-hero h1 {
    font-size: clamp(2.75rem, 7.4vh, 4.1rem);
  }

  body[data-page="home"] .home-static-hero__status,
  body[data-page="home"] .home-static-hero__chips span,
  body[data-page="home"] .home-static-hero__mini-facts span,
  body[data-page="home"] .home-static-hero__mini-facts strong {
    font-size: .7rem;
  }

  body[data-page="home"] .home-static-hero__image-frame {
    width: min(62%, 430px, 54vh);
  }

  body[data-page="home"] .home-static-hero__visual-halo {
    width: min(61%, 445px, 56vh);
  }
}

@media (max-width: 900px) {
  body[data-page="home"] .home-static-hero__shell {
    height: auto;
    min-height: 0 !important;
  }
}

/* --------------------------------------------------------------------------
   THEME TOGGLE
   -------------------------------------------------------------------------- */
.icon-button.theme-toggle[data-theme-toggle] {
  width: 44px;
  min-width: 44px !important;
  height: 44px;
  min-height: 44px !important;
  display: inline-grid !important;
  place-items: center;
  padding: 0 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #0b2f57 !important;
  font-size: 1.1rem !important;
  line-height: 1;
}

.icon-button.theme-toggle[data-theme-toggle]:hover {
  background: #f5f7fa !important;
}

@media (max-width: 620px) {
  .icon-button.theme-toggle[data-theme-toggle] {
    width: 40px;
    min-width: 40px !important;
    height: 40px;
    min-height: 40px !important;
  }
}

/* --------------------------------------------------------------------------
   PRODUCT CARD FIX
   The old 40x40 controls contained full Armenian words, which caused the
   overlapping white rectangles visible in the supplied screenshot.
   Keep the actions, but make them true compact icon controls.
   -------------------------------------------------------------------------- */
.card-icon-actions {
  top: 12px !important;
  right: 12px !important;
  gap: 7px !important;
}

.card-icon-button {
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  overflow: hidden;
  border-radius: 50% !important;
  background: rgba(255,255,255,.96) !important;
  color: #0b2f57 !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

.card-icon-button::before {
  display: block;
  font-size: 1.2rem;
  line-height: 1;
}

.favorite-button::before { content: "♡"; }
.favorite-button.active::before { content: "♥"; }
.quick-view-button::before { content: "◎"; font-size: 1.05rem; }

.favorite-button.active {
  background: #da3528 !important;
  border-color: #da3528 !important;
  color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   DARK MODE
   -------------------------------------------------------------------------- */
:root[data-theme="dark"] {
  color-scheme: dark;
  --cp-cream: #0d1219;
  --cp-surface: #141b24;
  --cp-surface-soft: #18212c;
  --cp-text: #e8edf4;
  --cp-text-strong: #ffffff;
  --cp-muted: #a9b4c2;
  --cp-border: #303b49;
  --cp-border-strong: #465363;
  --cp-navy: #9ec9f7;
  --cp-navy-strong: #dcecff;
  --bg: #0d1219;
  --cream: #0d1219;
  --paper: #141b24;
  --surface: #141b24;
  --surface-soft: #18212c;
  --surface-blue: #1a293a;
  --surface-navy: #0b2743;
  --ink: #e8edf4;
  --ink-strong: #ffffff;
  --muted: #a9b4c2;
  --line: #303b49;
  --blue: #71b5f5;
  --blue-dark: #b9dcff;
  --blue-soft: #1b2e42;
  --navy: #9ec9f7;
  --red-soft: #3a1d1a;
  --yellow-soft: #3b3217;
  --green-soft: #183126;
}

:root[data-theme="dark"] html,
:root[data-theme="dark"] body,
:root[data-theme="dark"] .page,
:root[data-theme="dark"] .section,
:root[data-theme="dark"] .section-soft,
:root[data-theme="dark"] .home-products,
:root[data-theme="dark"] .home-categories,
:root[data-theme="dark"] .home-about,
:root[data-theme="dark"] .home-reviews,
:root[data-theme="dark"] .home-contact,
:root[data-theme="dark"] .site-footer,
:root[data-theme="dark"] .home-section-nav-shell,
:root[data-theme="dark"] .menu-control-zone,
:root[data-theme="dark"] .menu-products-full,
:root[data-theme="dark"] .product-page,
:root[data-theme="dark"] .cart-page,
:root[data-theme="dark"] .checkout-page,
:root[data-theme="dark"] .success-page,
:root[data-theme="dark"] .combo-page {
  background: #0d1219 !important;
  color: var(--cp-text) !important;
}

:root[data-theme="dark"] h1,
:root[data-theme="dark"] h2,
:root[data-theme="dark"] h3,
:root[data-theme="dark"] .product-title,
:root[data-theme="dark"] .price-current,
:root[data-theme="dark"] .brand-name {
  color: var(--cp-text-strong) !important;
}

:root[data-theme="dark"] .muted,
:root[data-theme="dark"] .lead,
:root[data-theme="dark"] .brand-sub,
:root[data-theme="dark"] .product-description {
  color: var(--cp-muted) !important;
}

:root[data-theme="dark"] .site-header,
:root[data-theme="dark"] .primary-nav,
:root[data-theme="dark"] .service-header-actions,
:root[data-theme="dark"] .mobile-bottom-nav,
:root[data-theme="dark"] .card,
:root[data-theme="dark"] .panel,
:root[data-theme="dark"] .product-card,
:root[data-theme="dark"] .category-card-photo,
:root[data-theme="dark"] .home-review-card,
:root[data-theme="dark"] .quick-view-dialog,
:root[data-theme="dark"] .product-editor,
:root[data-theme="dark"] .product-price-summary,
:root[data-theme="dark"] .cart-summary,
:root[data-theme="dark"] .checkout-summary {
  background: var(--cp-surface) !important;
  border-color: var(--cp-border) !important;
  color: var(--cp-text) !important;
}

:root[data-theme="dark"] .site-header {
  background: #101720 !important;
}

:root[data-theme="dark"] .primary-nav a,
:root[data-theme="dark"] .home-section-nav a {
  color: #c4cfdb !important;
}

:root[data-theme="dark"] .primary-nav a:hover,
:root[data-theme="dark"] .home-section-nav a:hover {
  background: #1a2633 !important;
  color: #ffffff !important;
}

:root[data-theme="dark"] .primary-nav a[aria-current="page"] {
  background: #21456a !important;
  color: #ffffff !important;
}

:root[data-theme="dark"] .cart-button,
:root[data-theme="dark"] .button-blue {
  background: #173f67 !important;
  border-color: #2e628f !important;
  color: #ffffff !important;
}

:root[data-theme="dark"] .button,
:root[data-theme="dark"] .button-secondary,
:root[data-theme="dark"] .service-header-button,
:root[data-theme="dark"] .order-status-trigger,
:root[data-theme="dark"] .menu-toggle,
:root[data-theme="dark"] .icon-button,
:root[data-theme="dark"] .dialog-close {
  background: #151e28 !important;
  border-color: var(--cp-border) !important;
  color: #eaf2fb !important;
}

:root[data-theme="dark"] .button:hover,
:root[data-theme="dark"] .button-secondary:hover,
:root[data-theme="dark"] .service-header-button:hover,
:root[data-theme="dark"] .order-status-trigger:hover,
:root[data-theme="dark"] .menu-toggle:hover,
:root[data-theme="dark"] .icon-button:hover {
  background: #1c2835 !important;
}

:root[data-theme="dark"] .icon-button.theme-toggle[data-theme-toggle] {
  background: #151e28 !important;
  color: #ffdE6a !important;
}

:root[data-theme="dark"] .product-media,
:root[data-theme="dark"] .product-media.product-card-photo,
:root[data-theme="dark"] .product-detail-media,
:root[data-theme="dark"] .quick-view-media,
:root[data-theme="dark"] .category-photo-wrap,
:root[data-theme="dark"] .pairing-media,
:root[data-theme="dark"] .cart-item-image {
  background: #ffffff !important;
}

:root[data-theme="dark"] .card-icon-button {
  background: rgba(20,27,36,.94) !important;
  border-color: #465363 !important;
  color: #eaf2fb !important;
}

:root[data-theme="dark"] .price-old-highlight,
:root[data-theme="dark"] .product-price-main .price-old {
  background: #3b211f !important;
  color: #ffaaa2 !important;
}

/* Dark hero keeps the same Casa Pizza accents while replacing the large light
   surfaces with deep neutral/navy tones. */
:root[data-theme="dark"] body[data-page="home"] .home-static-hero {
  background: #0d1219 !important;
}

:root[data-theme="dark"] .home-static-hero {
  --hero-cream: #10161e;
  --hero-blue: #182638;
  --hero-ink: #f1f3e7;
  --hero-olive: #f1e4b5;
}

:root[data-theme="dark"] .home-static-hero__shell {
  background: var(--hero-cream) !important;
  border-color: #303b49 !important;
}

:root[data-theme="dark"] .home-static-hero__status,
:root[data-theme="dark"] .home-static-hero__feature-card,
:root[data-theme="dark"] .home-static-hero__service-rail {
  background: rgba(20,27,36,.94) !important;
  border-color: #3a4655 !important;
}

:root[data-theme="dark"] .home-static-hero__status,
:root[data-theme="dark"] .home-static-hero__feature-card,
:root[data-theme="dark"] .home-static-hero__feature-card strong,
:root[data-theme="dark"] .home-static-hero__service-rail strong,
:root[data-theme="dark"] .home-static-hero__mini-facts strong,
:root[data-theme="dark"] .home-static-hero__text-link {
  color: #f4f5ed !important;
}

:root[data-theme="dark"] .home-static-hero .lead,
:root[data-theme="dark"] .home-static-hero__mini-facts span,
:root[data-theme="dark"] .home-static-hero__service-rail p span,
:root[data-theme="dark"] .home-static-hero__feature-kicker {
  color: #b7c0c9 !important;
}

:root[data-theme="dark"] .home-static-hero__chips span:last-child,
:root[data-theme="dark"] .home-static-hero__rail-icon {
  background: #1a2a3d !important;
  color: #f1e4b5 !important;
}

:root[data-theme="dark"] .home-reviews h2,
:root[data-theme="dark"] .home-review-card strong,
:root[data-theme="dark"] .home-review-card p,
:root[data-theme="dark"] .home-reviews__heading p {
  color: inherit !important;
}

@media (prefers-reduced-motion: reduce) {
  .icon-button.theme-toggle[data-theme-toggle] { transition: none !important; }
}

/* Light-mode final contrast corrections for components that previously assumed
   a dark section background. */
:root[data-theme="light"] .home-static-hero {
  --hero-cream: #ffffff;
}

:root[data-theme="light"] .home-static-hero__feature-card {
  background: rgba(255,255,255,.97) !important;
}

:root[data-theme="light"] .home-footer,
:root[data-theme="light"] .home-footer .brand-name,
:root[data-theme="light"] .home-footer .brand-sub,
:root[data-theme="light"] .home-footer__links,
:root[data-theme="light"] .home-footer__contact,
:root[data-theme="light"] .home-footer__contact a,
:root[data-theme="light"] .home-footer__bottom {
  color: var(--cp-text) !important;
}

:root[data-theme="light"] .home-footer__bottom {
  border-top-color: var(--cp-border) !important;
}


/* ===== SOURCE: theme-phase15.css ===== */
/* CASA PIZZA — PHASE 15
   Hero cleanup, larger manager-controlled hero product, and fixed primary nav position. */

/* Desktop header: the Home/Menu segmented control is anchored to one exact place
   on every customer page, so changing routes no longer makes it jump sideways. */
@media (min-width: 981px) {
  .header-inner {
    position: relative;
  }

  .header-inner > .primary-nav {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    justify-self: auto !important;
    z-index: 6;
  }

  body[data-page="home"] .header-inner {
    grid-template-columns: minmax(178px, auto) minmax(0, 1fr) auto !important;
  }

  body[data-page="home"] .home-section-nav--header {
    position: absolute;
    left: calc(50% + 128px);
    top: 50%;
    transform: translateY(-50%);
    max-width: min(31vw, 390px);
    overflow: hidden;
    white-space: nowrap;
  }
}

/* Hero pieces removed in Phase 15 are also force-hidden as a safety net for
   cached markup / older generated pages. */
body[data-page="home"] .home-static-hero__status-row,
body[data-page="home"] .home-static-hero__badge,
body[data-page="home"] .home-static-hero__feature-card,
body[data-page="home"] .home-static-hero__service-rail {
  display: none !important;
}

body[data-page="home"] .home-static-hero__shell {
  grid-template-rows: minmax(0, 1fr) !important;
}

body[data-page="home"] .home-static-hero__copy,
body[data-page="home"] .home-static-hero__visual {
  grid-row: 1;
}

/* Make the food image the dominant focal point. The image uses contain rather
   than cover so the manager can choose ANY menu item, not only round pizzas. */
body[data-page="home"] .home-static-hero__visual {
  padding: clamp(12px, 2.2vh, 26px) clamp(16px, 2vw, 34px) !important;
}

body[data-page="home"] .home-static-hero__image-frame {
  width: min(88%, 720px, 78vh) !important;
  border-width: 8px !important;
}

body[data-page="home"] .home-static-hero__visual-halo {
  width: min(91%, 744px, 81vh) !important;
}

body[data-page="home"] .home-static-hero__image-frame img {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  object-position: center !important;
}

@media (min-width: 901px) and (max-height: 720px) {
  body[data-page="home"] .home-static-hero__image-frame {
    width: min(82%, 590px, 72vh) !important;
  }
  body[data-page="home"] .home-static-hero__visual-halo {
    width: min(85%, 610px, 75vh) !important;
  }
}

@media (max-width: 900px) {
  body[data-page="home"] .home-static-hero__image-frame {
    width: min(92%, 620px) !important;
  }
  body[data-page="home"] .home-static-hero__visual-halo {
    width: min(94%, 640px) !important;
  }
}


/* ===== SOURCE: theme-phase16.css ===== */
/* CASA PIZZA — PHASE 16
   Header collision fix, centered media system, stable product cards,
   contained menu slideshow imagery, and infinite arrow product carousels. */

/* User requested the old keyboard skip button not appear visually. */
.skip-link { display:none !important; }

/* Desktop navigation: one simple left-to-right row. Nothing is absolutely
   positioned, so Home/Menu and the homepage links cannot overlap. */
@media (min-width:981px) {
  .header-inner,
  body[data-page="home"] .header-inner {
    display:flex !important;
    grid-template-columns:none !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:12px !important;
    max-width:1500px !important;
  }
  .header-inner > .primary-nav,
  body[data-page="home"] .header-inner > .primary-nav {
    position:static !important;
    inset:auto !important;
    transform:none !important;
    margin:0 !important;
    flex:0 0 auto !important;
    justify-self:auto !important;
  }
  body[data-page="home"] .home-section-nav--header {
    position:static !important;
    inset:auto !important;
    transform:none !important;
    display:flex !important;
    flex:0 1 auto !important;
    max-width:none !important;
    overflow:visible !important;
    white-space:normal !important;
    justify-content:flex-start !important;
    margin:0 !important;
  }
  .header-tools {
    justify-self:auto !important;
    margin-left:0 !important;
    flex:0 0 auto !important;
  }
  .brand { flex:0 0 auto; }
}
@media (min-width:981px) and (max-width:1260px) {
  body[data-page="home"] .home-section-nav--header { display:none !important; }
  body[data-page="home"] .home-section-nav-shell--compact { display:block !important; }
}

/* A single centering rule for visual media. Images are allowed to shrink, but
   never crop merely to fill a box. */
.product-media,
.product-media-link,
.category-photo-wrap,
.home-about__image,
.product-detail-media,
.product-editor-media,
.quick-view-media,
.pairing-media,
.cart-item-image,
.combo-page__media,
.combo-page__visual,
.home-contact__map {
  place-items:center !important;
  align-items:center !important;
  justify-items:center !important;
}
.product-media img,
.category-photo-wrap img,
.home-about__image img,
.product-detail-media img,
.product-editor-media img,
.quick-view-media img,
.pairing-media img,
.cart-item-image img,
.combo-page__media img,
.combo-page__visual img,
.home-contact__map img {
  object-fit:contain !important;
  object-position:center !important;
  margin:auto !important;
  transform:none !important;
  max-width:100% !important;
  max-height:100% !important;
}
.product-card:hover .product-media img,
.product-card-photo:hover .product-media img { transform:none !important; }

/* Menu grid cards: fixed structural rhythm so no card can collapse or have
   controls drift into the middle of its image. */
.product-grid-full {
  align-items:stretch !important;
  justify-items:center !important;
}
.product-grid-full .product-card,
.product-scroll-track .product-card {
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
}
.product-grid-full .product-card { max-width:430px; }
.product-card .product-media {
  position:relative !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  background:#fff !important;
}
.product-grid-full .product-media {
  min-height:clamp(245px, 23vw, 390px) !important;
  aspect-ratio:1.16 !important;
}
.product-card .product-media-link {
  position:absolute !important;
  inset:0 !important;
  display:grid !important;
  place-items:center !important;
  padding:18px !important;
}
.product-card .product-media-link img,
.product-card .product-media img {
  width:100% !important;
  height:100% !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center !important;
}
.product-card .card-icon-actions {
  position:absolute !important;
  z-index:7 !important;
  top:12px !important;
  right:12px !important;
  left:auto !important;
  bottom:auto !important;
  display:flex !important;
  gap:7px !important;
  transform:none !important;
}
body[data-page="home"] .home-popular-grid .card-icon-actions { display:none !important; }
.product-card .product-body {
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
  min-height:230px !important;
}
.product-card .product-description { min-height:3em !important; }
.product-card .product-footer { margin-top:auto !important; }
.product-card .product-action {
  flex:0 0 auto !important;
  max-width:48% !important;
  white-space:normal !important;
  text-align:center !important;
  line-height:1.2 !important;
}
@media (max-width:680px) {
  .product-grid-full .product-media { min-height:250px !important; }
  .product-card .product-action { max-width:52% !important; }
}

/* The menu opening slideshow is still full-screen, but the image itself is
   contained and centered. This keeps the entire combo/banner visible. */
body[data-page="menu"] .menu-slideshow,
body[data-page="menu"] .menu-slideshow__viewport,
body[data-page="menu"] .menu-slideshow__track,
body[data-page="menu"] .menu-slideshow__slide,
body[data-page="menu"] .menu-slideshow__link,
body[data-page="menu"] .menu-slideshow__link picture {
  background:#fff !important;
}
body[data-page="menu"] .menu-slideshow__link picture {
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  padding:clamp(12px,2vh,24px) clamp(16px,2vw,38px) !important;
}
body[data-page="menu"] .menu-slideshow__image {
  position:static !important;
  width:100% !important;
  height:100% !important;
  max-width:1600px !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:auto !important;
}

/* Horizontal product carousel (IMG2): no visible browser scrollbar. */
.product-scroll-track,
body[data-page="home"] #popular .home-popular-grid.product-scroll-track,
.product-grid-related.product-scroll-track {
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
  padding-bottom:4px !important;
}
.product-scroll-track::-webkit-scrollbar { display:none !important; width:0 !important; height:0 !important; }
.product-scroller__controls { display:inline-flex !important; gap:8px !important; }
.product-scroller__button {
  width:46px !important;
  min-width:46px !important;
  height:46px !important;
  min-height:46px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(11,47,87,.14) !important;
  border-radius:12px !important;
  background:#fff !important;
  color:#0b2f57 !important;
  font-family:Arial,sans-serif !important;
  font-size:2rem !important;
  font-weight:400 !important;
  line-height:1 !important;
}
.product-scroller__button:disabled { display:none !important; }
.product-scroller__button:hover { background:#f4f8fd !important; }
:root[data-theme="dark"] .product-scroller__button { background:#151e28 !important; color:#fff !important; border-color:#303b49 !important; }

/* Related and popular cards should be fully centered inside each scroll slot. */
.product-scroll-track { align-items:stretch !important; }
.product-scroll-track .product-card { align-self:stretch !important; }

/* More consistent large single-image views. */
.product-editor-media img { width:min(92%,760px) !important; height:min(92%,760px) !important; padding:clamp(12px,2vw,28px) !important; }
.quick-view-media img { width:min(92%,480px) !important; height:min(92%,480px) !important; }
.home-about__image img { width:100% !important; height:100% !important; padding:10px !important; }
.home-contact__map img { width:100% !important; height:100% !important; padding:6px !important; }


/* ===== SOURCE: theme-phase17.css ===== */
/* CASA PIZZA — PHASE 17
   UI cleanup, fixed customer header slots, side-mounted product scroller controls,
   restored footer styling, and stable non-bouncing slideshow controls. */

/* Header: Home and Menu use the same structural slots. The home anchor links live
   in the secondary row instead of competing for room inside the main header. */
@media (min-width: 981px) {
  body[data-page="home"] .home-section-nav--header { display:none !important; }
  body[data-page="home"] .home-section-nav-shell--compact { display:block !important; }
  .header-inner,
  body[data-page="home"] .header-inner {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:14px !important;
    max-width:1500px !important;
  }
  .header-inner > .brand { flex:0 0 250px !important; min-width:250px !important; }
  .header-inner > .primary-nav,
  body[data-page="home"] .header-inner > .primary-nav {
    position:static !important;
    inset:auto !important;
    transform:none !important;
    flex:0 0 226px !important;
    width:226px !important;
    margin:0 !important;
  }
  .primary-nav a { flex:1 1 0 !important; min-width:0 !important; }
  .header-tools {
    margin-left:auto !important;
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
  }
  .design-service-tools { flex:0 0 auto !important; }
}

/* Keep status, theme and cart visually locked as one control group. */
.header-tools > .design-service-tools { order:1; }
.header-tools > .theme-toggle { order:2; }
.header-tools > .cart-button { order:3; }
.header-tools > .menu-toggle { order:4; }

/* The retained "view full menu" CTA is deliberately red in both themes. */
.popular-menu-link,
:root[data-theme="dark"] .popular-menu-link {
  background:var(--red, #da3528) !important;
  border-color:var(--red, #da3528) !important;
  color:#fff !important;
}
.popular-menu-link:hover,
:root[data-theme="dark"] .popular-menu-link:hover {
  background:#c92f24 !important;
  border-color:#c92f24 !important;
  color:#fff !important;
  transform:none !important;
}

/* Popular products: previous/next controls are beside the track, not above it. */
.product-scroller__stage {
  display:grid;
  grid-template-columns:46px minmax(0,1fr) 46px;
  align-items:center;
  gap:12px;
  width:100%;
  min-width:0;
}
.product-scroller__stage .product-scroll-track { min-width:0; }
.product-scroller__stage .product-scroller__button {
  position:static !important;
  margin:0 !important;
  align-self:center;
  opacity:1 !important;
  transform:none !important;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease !important;
}
.product-scroller__stage .product-scroller__button:hover,
.product-scroller__stage .product-scroller__button:active,
.product-scroller__stage .product-scroller__button:focus-visible { transform:none !important; }
.product-scroller__stage .product-scroller__button:disabled { visibility:hidden !important; display:grid !important; }
@media (max-width: 620px) {
  .product-scroller__stage { grid-template-columns:38px minmax(0,1fr) 38px; gap:6px; }
  .product-scroller__stage .product-scroller__button { width:38px !important; min-width:38px !important; height:42px !important; min-height:42px !important; font-size:1.7rem !important; }
}

/* Category cards no longer reserve a row for product counts. */
.category-card-meta { display:none !important; }

/* Product card stability: image stays contained and centered; action icons never
   enter the food image's center or affect card dimensions. */
.product-grid-full { grid-auto-rows:1fr !important; }
.product-grid-full .product-card {
  height:100% !important;
  min-height:0 !important;
  overflow:hidden !important;
}
.product-grid-full .product-media {
  flex:0 0 auto !important;
  width:100% !important;
  min-height:300px !important;
  height:clamp(300px,24vw,390px) !important;
  aspect-ratio:auto !important;
  padding:0 !important;
}
.product-grid-full .product-media-link { padding:20px !important; }
.product-grid-full .product-media-link img {
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
}
.product-grid-full .card-icon-actions {
  top:14px !important;
  right:14px !important;
  bottom:auto !important;
  left:auto !important;
  transform:none !important;
}
/* Use a neutral detail symbol instead of an arrow motif. */
.quick-view-button::before { content:"◎" !important; font-size:1.05rem !important; }

/* Menu slideshow: preserve the control's exact position on hover/click. */
body[data-page="menu"] .menu-slideshow__control,
body[data-page="menu"] .menu-slideshow__control:hover,
body[data-page="menu"] .menu-slideshow__control:active,
body[data-page="menu"] .menu-slideshow__control:focus-visible {
  transform:translateY(-50%) !important;
}
body[data-page="menu"] .menu-slideshow__control {
  transition:opacity .16s ease,background-color .16s ease,border-color .16s ease !important;
}
/* A little breathing room between the full-screen slideshow and search/filter area. */
body[data-page="menu"] .menu-control-zone { padding-top:28px !important; }

/* Restore the footer as a clearly designed dark section while keeping the main
   light-mode page canvas white. */
:root[data-theme="light"] .site-footer,
:root[data-theme="light"] .home-footer {
  background:#0b2f57 !important;
  color:#dce8f5 !important;
  border-top:0 !important;
}
:root[data-theme="light"] .site-footer .brand-name,
:root[data-theme="light"] .site-footer h3,
:root[data-theme="light"] .site-footer a,
:root[data-theme="light"] .home-footer .brand-name,
:root[data-theme="light"] .home-footer__links a,
:root[data-theme="light"] .home-footer__contact a { color:#fff !important; }
:root[data-theme="light"] .site-footer .brand-sub,
:root[data-theme="light"] .site-footer .muted,
:root[data-theme="light"] .home-footer .brand-sub,
:root[data-theme="light"] .home-footer__contact,
:root[data-theme="light"] .home-footer__bottom { color:#b9cce0 !important; }
:root[data-theme="light"] .footer-bottom,
:root[data-theme="light"] .home-footer__bottom { border-top-color:rgba(255,255,255,.14) !important; }
:root[data-theme="dark"] .site-footer,
:root[data-theme="dark"] .home-footer { background:#070c12 !important; color:#cad6e2 !important; }
:root[data-theme="dark"] .site-footer .brand-name,
:root[data-theme="dark"] .site-footer h3,
:root[data-theme="dark"] .site-footer a,
:root[data-theme="dark"] .home-footer .brand-name,
:root[data-theme="dark"] .home-footer__links a,
:root[data-theme="dark"] .home-footer__contact a { color:#fff !important; }

/* Remove minor hover lift from core header/customer actions for a calmer UI. */
.cart-button:hover,
.order-status-trigger:hover,
.theme-toggle:hover { transform:none !important; }


/* ===== SOURCE: theme-phase18.css ===== */
/* CASA PIZZA — PHASE 18
   Header correction, social links, discount colors, hero contrast and restaurant QR guest flow. */

/* The about/reviews/contact links belong in the main homepage header row. */
.home-section-nav-shell--compact { display:none !important; }

@media (min-width: 981px) {
  .header-inner,
  body[data-page="home"] .header-inner {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:14px !important;
    max-width:1500px !important;
    min-width:0;
  }
  .header-inner > .brand,
  body[data-page="home"] .header-inner > .brand {
    flex:0 0 240px !important;
    min-width:240px !important;
  }
  .header-inner > .primary-nav,
  body[data-page="home"] .header-inner > .primary-nav {
    position:static !important;
    inset:auto !important;
    transform:none !important;
    flex:0 0 226px !important;
    width:226px !important;
    margin:0 !important;
  }
  body[data-page="home"] .home-section-nav--header {
    display:flex !important;
    flex:0 1 auto !important;
    min-width:0 !important;
    justify-content:flex-start !important;
    gap:2px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
  }
  body[data-page="home"] .home-section-nav--header a {
    min-height:38px !important;
    padding:7px 10px !important;
    white-space:nowrap;
  }
  .header-tools,
  body[data-page="home"] .header-tools {
    margin-left:auto !important;
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    min-width:0 !important;
  }
}

/* If desktop space becomes tight, keep the header single-row rather than creating a second row. */
@media (min-width:981px) and (max-width:1240px) {
  body[data-page="home"] .home-section-nav--header { display:none !important; }
  .header-inner > .brand,
  body[data-page="home"] .header-inner > .brand { flex-basis:210px !important; min-width:210px !important; }
}

/* Status / theme / cart keep the same right-side slots on Home and Menu. */
.header-tools > .design-service-tools { order:1; }
.header-tools > .theme-toggle { order:2; }
.header-tools > .cart-button { order:3; }
.header-tools > .header-social-links { order:4; }
.header-tools > .menu-toggle { order:5; }

.header-social-links {
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
}
.header-social-link {
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  color:var(--navy);
  text-decoration:none;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease;
}
.header-social-link svg { width:20px; height:20px; display:block; }
.header-social-link:hover,
.header-social-link:focus-visible {
  transform:none !important;
  background:var(--surface-blue);
  border-color:#c8d8ea;
  color:var(--red);
}
:root[data-theme="dark"] .header-social-link {
  background:#111820;
  border-color:#2d3945;
  color:#f1f5f9;
}
:root[data-theme="dark"] .header-social-link:hover,
:root[data-theme="dark"] .header-social-link:focus-visible {
  background:#1a2530;
  border-color:#48596a;
  color:#ff6b61;
}

@media (max-width:980px) {
  .header-social-links { display:none; }
}

/* Hero CTA must remain the strong red primary action in both themes. */
.home-static-hero__cta,
:root[data-theme="dark"] .home-static-hero__cta {
  background:#da3528 !important;
  border-color:#da3528 !important;
  color:#fff !important;
}
.home-static-hero__cta:hover,
.home-static-hero__cta:focus-visible,
:root[data-theme="dark"] .home-static-hero__cta:hover,
:root[data-theme="dark"] .home-static-hero__cta:focus-visible {
  background:#c92f24 !important;
  border-color:#c92f24 !important;
  color:#fff !important;
  transform:none !important;
}

/* The first hero chip uses olive instead of yellow so white text has strong contrast. */
.home-static-hero__chips span:first-child,
:root[data-theme="dark"] .home-static-hero__chips span:first-child {
  background:#5f613c !important;
  border-color:#5f613c !important;
  color:#fff !important;
}

/* Discount language: old/higher price is red; current lower price is green. */
.price-old,
.price-old-highlight,
.product-price-main .price-old,
del.price-old {
  color:#c9342a !important;
  text-decoration-color:#c9342a !important;
}
.price-old-highlight,
.product-price-main .price-old {
  background:#fff0ee !important;
}
.price-current,
.product-footer .price-current,
.product-price-main .price-current,
.product-detail-price .price-current,
.product-unit-price .price-current,
.quick-view-footer .price-current {
  color:#2f7a42 !important;
}
:root[data-theme="dark"] .price-old,
:root[data-theme="dark"] .price-old-highlight,
:root[data-theme="dark"] .product-price-main .price-old,
:root[data-theme="dark"] del.price-old {
  color:#ff7168 !important;
  text-decoration-color:#ff7168 !important;
}
:root[data-theme="dark"] .price-old-highlight,
:root[data-theme="dark"] .product-price-main .price-old {
  background:rgba(218,53,40,.15) !important;
}
:root[data-theme="dark"] .price-current,
:root[data-theme="dark"] .product-footer .price-current,
:root[data-theme="dark"] .product-price-main .price-current,
:root[data-theme="dark"] .product-detail-price .price-current,
:root[data-theme="dark"] .product-unit-price .price-current,
:root[data-theme="dark"] .quick-view-footer .price-current {
  color:#79cf8b !important;
}

/* Restaurant QR guest landing page. */
.restaurant-guest-page {
  min-height:calc(100vh - var(--header-h,76px));
  display:grid;
  place-items:center;
  padding:clamp(28px,5vw,72px) 20px;
  background:
    radial-gradient(circle at 12% 12%, rgba(255,222,106,.28) 0 130px, transparent 132px),
    radial-gradient(circle at 88% 86%, rgba(234,242,255,.95) 0 250px, transparent 252px),
    #fff;
}
.restaurant-guest-card {
  width:min(760px,100%);
  padding:clamp(28px,5vw,52px);
  border:1px solid var(--line);
  border-radius:30px;
  background:#fff;
  box-shadow:0 22px 65px rgba(11,47,87,.10);
  text-align:center;
}
.restaurant-guest-eyebrow {
  margin:0 0 12px;
  color:#da3528;
  font-size:.8rem;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.restaurant-guest-card h1 { margin:0; color:var(--navy); font-size:clamp(2rem,5vw,4.3rem); line-height:1.02; }
.restaurant-guest-card > p { max-width:600px; margin:18px auto 0; color:var(--muted); }
.restaurant-guest-id {
  margin:28px auto 0;
  width:min(420px,100%);
  padding:20px;
  border-radius:22px;
  background:#0b2f57;
  color:#fff;
}
.restaurant-guest-id span { display:block; font-size:.78rem; opacity:.78; }
.restaurant-guest-id strong { display:block; margin-top:5px; font-size:clamp(2.3rem,8vw,4.7rem); letter-spacing:.12em; }
.restaurant-guest-status {
  margin:18px auto 0;
  width:min(520px,100%);
  padding:16px 18px;
  border:1px solid #d8e4ef;
  border-radius:16px;
  background:#eaf2ff;
  color:#0b2f57;
}
.restaurant-guest-status strong { display:block; font-size:1rem; }
.restaurant-guest-status span { display:block; margin-top:4px; font-size:.88rem; }
.restaurant-guest-status.is-seated { background:#edf7ef; border-color:#cce7d1; color:#245f34; }
.restaurant-guest-actions { margin-top:24px; display:flex; justify-content:center; flex-wrap:wrap; gap:10px; }
.restaurant-guest-actions .button { min-width:180px; }
.restaurant-guest-steps { margin:30px 0 0; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; padding:0; list-style:none; text-align:left; }
.restaurant-guest-steps li { padding:14px; border:1px solid var(--line); border-radius:15px; background:#fff; color:var(--muted); font-size:.82rem; }
.restaurant-guest-steps b { display:block; margin-bottom:4px; color:var(--navy); }
:root[data-theme="dark"] .restaurant-guest-page { background:#0b1016; }
:root[data-theme="dark"] .restaurant-guest-card { background:#111820; border-color:#2b3743; box-shadow:none; }
:root[data-theme="dark"] .restaurant-guest-card h1,
:root[data-theme="dark"] .restaurant-guest-steps b { color:#f6f8fa; }
:root[data-theme="dark"] .restaurant-guest-status { background:#172433; border-color:#314357; color:#dcecff; }
:root[data-theme="dark"] .restaurant-guest-status.is-seated { background:#14271a; border-color:#2d5737; color:#a5e1b0; }
:root[data-theme="dark"] .restaurant-guest-steps li { background:#111820; border-color:#2b3743; }
@media (max-width:680px) {
  .restaurant-guest-steps { grid-template-columns:1fr; }
  .restaurant-guest-actions { display:grid; }
  .restaurant-guest-actions .button { width:100%; }
}


/* ===== SOURCE: theme-phase21.css ===== */
/* CASA PIZZA — PHASE 21
   Stable desktop header, centered/smaller menu slideshow, and manager-created combo cards. */

/* Desktop header: fixed structural columns prevent overlap and keep primary navigation
   and right-side service controls in the same positions between Home and Menu. */
@media (min-width:981px){
  .site-header .header-inner,
  body[data-page="home"] .site-header .header-inner{
    display:grid!important;
    grid-template-columns:220px 226px minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:12px!important;
    width:min(1540px,calc(100% - 32px))!important;
    max-width:1540px!important;
    margin-inline:auto!important;
  }
  .site-header .header-inner>.brand,
  body[data-page="home"] .site-header .header-inner>.brand{
    grid-column:1!important;
    width:auto!important;
    min-width:0!important;
    flex:none!important;
  }
  .site-header .header-inner>.primary-nav,
  body[data-page="home"] .site-header .header-inner>.primary-nav{
    grid-column:2!important;
    position:static!important;
    width:226px!important;
    min-width:226px!important;
    margin:0!important;
    transform:none!important;
    flex:none!important;
  }
  body[data-page="home"] .home-section-nav--header{
    grid-column:3!important;
    display:flex!important;
    justify-self:start!important;
    justify-content:flex-start!important;
    min-width:0!important;
    max-width:100%!important;
    gap:0!important;
    overflow:hidden!important;
  }
  body[data-page="home"] .home-section-nav--header a{
    padding-inline:9px!important;
    font-size:.76rem!important;
    white-space:nowrap!important;
  }
  .site-header .header-tools,
  body[data-page="home"] .site-header .header-tools{
    grid-column:4!important;
    margin-left:0!important;
    justify-self:end!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    min-width:0!important;
    flex:none!important;
  }
  .header-tools .order-status-trigger,
  .header-tools .cart-button,
  .header-tools .theme-toggle,
  .header-tools .header-social-link,
  .header-tools .service-header-button{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
}
@media (min-width:981px) and (max-width:1320px){
  body[data-page="home"] .home-section-nav--header{display:none!important;}
  .site-header .header-inner,
  body[data-page="home"] .site-header .header-inner{grid-template-columns:200px 218px minmax(20px,1fr) auto!important;}
  .site-header .header-inner>.primary-nav,
  body[data-page="home"] .site-header .header-inner>.primary-nav{width:218px!important;min-width:218px!important;}
}

/* Menu slideshow: keep the artwork fully visible instead of cropping it to the viewport. */
body[data-page="menu"] .menu-slideshow{
  min-height:clamp(440px,68svh,720px)!important;
  height:clamp(440px,68svh,720px)!important;
  max-height:720px!important;
  background:#fff!important;
}
body[data-page="menu"] .menu-slideshow__link,
body[data-page="menu"] .menu-slideshow__link picture{
  display:grid!important;
  place-items:center!important;
}
body[data-page="menu"] .menu-slideshow__link picture{
  padding:clamp(28px,4vw,64px) clamp(68px,7vw,118px)!important;
}
body[data-page="menu"] .menu-slideshow__image{
  width:auto!important;
  height:auto!important;
  max-width:min(1180px,86vw)!important;
  max-height:calc(100% - 16px)!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:auto!important;
}
body[data-page="menu"] .menu-control-zone{padding-top:36px!important;}
:root[data-theme="dark"] body[data-page="menu"] .menu-slideshow,
:root[data-theme="dark"] body[data-page="menu"] .menu-slideshow__viewport{background:#0b1016!important;}
@media (max-width:820px){
  body[data-page="menu"] .menu-slideshow{min-height:480px!important;height:58svh!important;max-height:640px!important;}
  body[data-page="menu"] .menu-slideshow__link picture{padding:24px 54px 74px!important;}
  body[data-page="menu"] .menu-slideshow__image{max-width:100%!important;max-height:100%!important;}
}

/* Manager-created combos that are explicitly published into the menu. */
.menu-created-combos{padding:42px 0 10px;background:#fff;}
.menu-created-combos__head{margin-bottom:18px;}
.menu-created-combos__head .eyebrow{margin:0 0 5px;color:var(--red);font-size:.72rem;font-weight:900;letter-spacing:.1em;}
.menu-created-combos__head h2{margin:0;color:var(--navy);font-size:clamp(1.7rem,3vw,2.4rem);}
.menu-created-combos__head p{margin:6px 0 0;color:var(--muted);}
.menu-created-combos__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.menu-created-combo-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;display:flex;flex-direction:column;min-width:0;}
.menu-created-combo-card__media{position:relative;display:grid;place-items:center;aspect-ratio:16/9;padding:14px;background:#f7f9fb;overflow:hidden;}
.menu-created-combo-card__image{display:grid;place-items:center;width:100%;height:100%;}
.menu-created-combo-card__image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;}
.menu-created-combo-card__media>span:last-child{position:absolute;top:12px;left:12px;padding:7px 9px;border-radius:999px;background:var(--red);color:#fff;font-size:.75rem;font-weight:900;}
.menu-created-combo-card__body{display:flex;flex:1;flex-direction:column;padding:16px;}
.menu-created-combo-card__body h3{margin:0;font-size:1.12rem;}
.menu-created-combo-card__body h3 a{color:var(--navy);text-decoration:none;}
.menu-created-combo-card__body p{margin:8px 0 18px;color:var(--muted);line-height:1.45;}
.menu-created-combo-card__footer{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--line);}
.menu-created-combo-card__footer>div{display:grid;gap:3px;}
.menu-created-combo-card__footer del{color:#c9342a;font-size:.78rem;font-weight:800;}
.menu-created-combo-card__footer strong{color:#2f7a42;font-size:1.25rem;}
:root[data-theme="dark"] .menu-created-combos{background:#0b1016;}
:root[data-theme="dark"] .menu-created-combo-card{background:#111820;border-color:#2b3743;}
:root[data-theme="dark"] .menu-created-combo-card__media{background:#0e151c;}
:root[data-theme="dark"] .menu-created-combo-card__body h3 a{color:#f6f8fa;}
@media (max-width:1050px){.menu-created-combos__grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:650px){.menu-created-combos__grid{grid-template-columns:1fr;}}