/* Steakhouse 85 — mobile overrides. Inline styles carry the desktop design;
   these !important rules relax fixed widths/columns under 768px.
   Note: the runtime serializes shorthand zeros as 0px, so selectors match "0px 96px". */
@media (max-width: 767px) {
  div[style*="min-width: 1100px"] { min-width: 0 !important; }

  /* Collapse ALL inline grids to a single column, then re-allow 2-up where it works */
  [style*="grid-template-columns"]:not(nav):not([style*="1.5fr"]) { grid-template-columns: 1fr !important; }
  [style*="repeat(4, 1fr)"] { grid-template-columns: 1fr 1fr !important; }
  [data-staff-card] { flex: 0 0 calc(50% - 8px) !important; max-width: none !important; }
  div[style*="flex-wrap: wrap"]:has(> [data-staff-card]) { gap: 16px !important; }
  section[style*="1.5fr"]:not(nav) { grid-template-columns: repeat(3, 1fr) !important; grid-template-rows: auto !important; aspect-ratio: auto !important; grid-auto-rows: 118px !important; position: relative !important; padding-bottom: 108px !important; }
  section[style*="1.5fr"] > div[style*="overflow: hidden"]:nth-of-type(n+8) { display: none !important; }
  section[style*="1.5fr"] > [style*="grid-column-start: 3"] { grid-column: 1 / -1 !important; grid-row: 1 !important; padding: 40px 24px 20px !important; gap: 22px !important; }
  section[style*="1.5fr"] a[style*="padding: 18px 56px"] { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); white-space: nowrap; }
  section[style*="1.5fr"] [style*="width: 84px"] { display: none !important; }
  [style*="gap: 80px"] { gap: 40px !important; }
  /* Alternating rows: image goes above text on mobile */
  [style*="grid-template-columns: 1fr 1.1fr"] > div:first-child { order: 2; }

  /* Gutter: 96px side paddings down to 24px */
  section[style*="96px"], header[style*="96px"], footer[style*="96px"] { padding-left: 24px !important; padding-right: 24px !important; }
  [style*="padding: 0px 96px"], [style*="padding: 110px 120px"] { padding-left: 24px !important; padding-right: 24px !important; }

  /* Type scale */
  h1 { font-size: 42px !important; }
  h2 { font-size: 30px !important; }
  a[style*="clamp(30px"] { font-size: 24px !important; line-height: 1.5 !important; }

  /* Nav + footer chrome */
  [style*="padding: 0px 48px"] { padding-left: 20px !important; padding-right: 20px !important; }
  a[style*="width: 96px"] { width: 56px !important; border-left: 0 !important; }
  div[style*="writing-mode"], div[style*="left: 48px"][style*="top: 200px"], div[style*="left: 48px"][style*="top: calc"] { display: none !important; }
  nav a[style*="width: 260px"] { display: none !important; }

  /* Fullscreen menu overlay */
  [style*="z-index: 200"] [style*="overflow-y: auto"] { padding: 32px 24px !important; gap: 36px !important; align-items: start !important; }
  [style*="z-index: 200"] [style*="padding-left: 48px"] { padding-left: 0 !important; }
  [style*="z-index: 200"] a[style*="clamp"] { font-size: 30px !important; line-height: 1.4 !important; white-space: normal !important; }
  [style*="z-index: 200"] [style*="border-left"] { border-left: 0 !important; padding: 0 !important; }
  [style*="z-index: 200"] [style*="height: 96px"] { padding: 0 20px !important; }
  nav [style*="gap: 26px"] { display: none !important; }
  nav [style*="padding-left: 48px"] { padding-left: 20px !important; }
  a[style*="z-index: 60"] img { height: 74px !important; }
  div[style*="top: 95px"] { display: none !important; }

  /* Button rows wrap instead of overflowing */
  [style*="display: flex; gap: 18px"], [style*="display: flex; gap: 16px"] { flex-wrap: wrap; justify-content: center; }

  /* Gallery page: one-image-at-a-time slider */
  [data-screen-label="Gallery header"] { flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; gap: 30px !important; padding: 72px 24px 44px !important; }
  [data-screen-label="Gallery header"] > div:first-child { align-items: center !important; }
  [data-screen-label="Gallery header"] [style*="letter-spacing: 0.32em"] { font-size: 10px !important; letter-spacing: 0.22em !important; white-space: nowrap !important; }
  .film-strip { scroll-snap-type: x mandatory; padding: 0 !important; gap: 0 !important; flex-wrap: nowrap !important; }
  .film-strip > div { flex: 0 0 100% !important; width: 100% !important; height: 420px !important; scroll-snap-align: center; scroll-snap-stop: always; }
  .film-strip img { width: 100% !important; height: 100% !important; object-fit: cover; }

  /* Footer: center everything */
  iframe[title="Event inquiry form"] { height: 1420px !important; }
  footer { padding-top: 48px !important; }
  footer > div > div, footer [style*="flex-direction: column"] { align-items: center !important; text-align: center !important; }
  footer [style*="align-items: center; gap: 14px"] { flex-direction: column !important; }
  footer [style*="justify-content: space-between"] { flex-direction: column !important; align-items: center !important; gap: 10px !important; text-align: center !important; margin-top: 32px !important; }

}