:root {
  --bg: #050505;
  --panel: rgba(17, 13, 10, 0.76);
  --red: #ff1717;
  --yellow: #fff200;
  --orange: #ff8a00;
  --cream: #fff5df;
  --muted: #c9bba5;
  --line: rgba(255, 255, 255, 0.14);
  --shadow: 0 30px 90px rgba(0, 0, 0, 0.55);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: radial-gradient(circle at 78% 10%, rgba(255, 136, 0, 0.22), transparent 26rem), radial-gradient(circle at 20% 0%, rgba(255, 0, 0, 0.18), transparent 28rem), linear-gradient(180deg, #090603 0%, #050505 45%, #080403 100%);
  color: var(--cream);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow-x: hidden;
}
a { color: inherit; }
.noise { position: fixed; inset: 0; pointer-events: none; opacity: 0.07; z-index: 1; background-image: linear-gradient(45deg, rgba(255,255,255,.25) 1px, transparent 1px), linear-gradient(-45deg, rgba(255,255,255,.12) 1px, transparent 1px); background-size: 28px 28px; mix-blend-mode: overlay; }
.page-glow { position: fixed; width: 24rem; height: 24rem; border-radius: 50%; pointer-events: none; filter: blur(90px); opacity: 0.22; z-index: 0; }
.page-glow-red { left: -10rem; top: 12rem; background: var(--red); }
.page-glow-yellow { right: -11rem; bottom: 8rem; background: var(--yellow); }

.site-header { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; padding: 1rem clamp(1rem, 4vw, 4rem); background: rgba(5, 5, 5, 0.66); border-bottom: 1px solid var(--line); backdrop-filter: blur(22px) saturate(150%); }
.brand { display: inline-flex; align-items: center; gap: .75rem; text-decoration: none; }
.brand-mark { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 1rem; background: linear-gradient(135deg, var(--red), var(--orange)); box-shadow: 0 0 26px rgba(255, 50, 0, 0.55); }
.brand strong { display: block; font-family: Anton, sans-serif; letter-spacing: .04em; font-size: 1.15rem; text-transform: uppercase; }
.brand small { display: block; color: var(--yellow); font-weight: 800; font-size: .78rem; }
.nav { display: flex; align-items: center; gap: .35rem; padding: .4rem; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.04); }
.nav a { text-decoration: none; padding: .65rem 1rem; border-radius: 999px; color: var(--muted); font-weight: 800; transition: .2s ease; }
.nav a:hover { color: #080808; background: var(--yellow); }
.header-call { color: #080808; background: var(--yellow); text-decoration: none; font-weight: 950; padding: .8rem 1rem; border-radius: 999px; box-shadow: 0 0 24px rgba(255, 242, 0, 0.35); }

.hero { position: relative; min-height: 94vh; display: grid; align-items: center; overflow: hidden; padding: 4rem clamp(1rem, 4vw, 4rem); isolation: isolate; }
.hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(1.08) contrast(1.08) brightness(.72); z-index: -4; }
.hero-overlay { position: absolute; inset: 0; z-index: -3; background: linear-gradient(90deg, rgba(0,0,0,.96) 0%, rgba(0,0,0,.77) 37%, rgba(0,0,0,.44) 70%, rgba(0,0,0,.56) 100%), radial-gradient(circle at 82% 35%, rgba(255, 120, 0, .32), transparent 32rem), linear-gradient(0deg, #050505 0%, transparent 28%); }
.hero-smoke { position: absolute; width: 28rem; height: 28rem; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.25), transparent 60%); filter: blur(35px); opacity: .36; z-index: -2; animation: smoke 10s ease-in-out infinite; }
.smoke-a { left: 2%; top: 12%; }
.smoke-b { right: 26%; top: 3%; animation-delay: -3s; }
@keyframes smoke { 0%, 100% { transform: translateY(0) translateX(0) scale(1); opacity: .22; } 50% { transform: translateY(-38px) translateX(28px) scale(1.18); opacity: .44; } }

.hero-inner { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr); align-items: center; gap: clamp(2rem, 6vw, 6rem); width: min(1180px, 100%); margin: 0 auto; }
.eyebrow { margin: 0 0 .75rem; color: var(--yellow); font-weight: 950; letter-spacing: .18em; text-transform: uppercase; text-shadow: 0 0 18px rgba(255, 242, 0, 0.3); }
.hero h1 { margin: 0; font-family: Anton, sans-serif; font-size: clamp(4.4rem, 12vw, 11rem); line-height: .86; letter-spacing: .04em; text-transform: uppercase; text-shadow: 0 6px 0 rgba(120, 0, 0, .85), 0 0 42px rgba(255, 0, 0, .45), 0 0 90px rgba(255, 160, 0, .25); }
.hero h1 span { display: block; color: var(--red); -webkit-text-stroke: 1px rgba(255,255,255,.18); }
.hero-subtitle { max-width: 690px; color: var(--muted); font-size: clamp(1.05rem, 2vw, 1.35rem); line-height: 1.7; margin: 1.4rem 0 0; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2rem; }

.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 3.3rem; padding: .95rem 1.35rem; border-radius: 999px; text-decoration: none; font-weight: 950; border: 1px solid transparent; transition: .2s ease; }
.btn-primary { color: #070707; background: linear-gradient(135deg, var(--yellow), #ffb000); box-shadow: 0 0 24px rgba(255, 242, 0, .35), 0 12px 28px rgba(255, 120, 0, .25); }
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 0 42px rgba(255, 242, 0, .55), 0 18px 36px rgba(255, 120, 0, .33); }
.btn-ghost { color: var(--cream); background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.18); backdrop-filter: blur(14px); }
.btn-ghost:hover { background: rgba(255,255,255,.13); transform: translateY(-2px); }

.hero-meta { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.5rem; color: var(--cream); font-weight: 850; }
.hero-meta span { padding: .65rem .85rem; background: rgba(255,255,255,.08); border: 1px solid var(--line); border-radius: 999px; backdrop-filter: blur(14px); }
.hero-card { position: relative; overflow: hidden; padding: clamp(1.25rem, 3vw, 2rem); border-radius: 2rem; border: 1px solid rgba(255,255,255,.18); background: linear-gradient(145deg, rgba(255, 0, 0, .17), rgba(255, 242, 0, .08)), rgba(5,5,5,.72); box-shadow: var(--shadow), inset 0 0 55px rgba(255,255,255,.045); backdrop-filter: blur(28px) saturate(160%); }
.hero-card::before { content: ""; position: absolute; inset: -2px; background: linear-gradient(120deg, transparent, rgba(255,242,0,.45), transparent); transform: translateX(-120%); animation: shine 5s ease-in-out infinite; }
@keyframes shine { 0%, 55% { transform: translateX(-120%); } 80%, 100% { transform: translateX(120%); } }

.grill-logo { position: relative; z-index: 1; display: grid; justify-items: center; text-align: center; gap: .4rem; }
.steak { font-size: 4.5rem; filter: drop-shadow(0 0 22px rgba(255, 132, 0, .6)); }
.grill-logo strong { font-family: Anton, sans-serif; font-size: clamp(3rem, 5vw, 5.2rem); line-height: .92; letter-spacing: .04em; text-transform: uppercase; }
.grill-logo small { color: var(--yellow); font-size: 1.4rem; font-weight: 950; }
.slogan { position: relative; z-index: 1; margin: 1.5rem 0 1rem; color: var(--yellow); font-family: "Baloo 2", cursive; font-weight: 800; font-size: 1.7rem; text-align: center; }
.order-strip { position: relative; z-index: 1; margin: 1rem auto; width: fit-content; padding: .55rem 1rem; background: var(--red); border-radius: .8rem; font-family: "Baloo 2", cursive; font-size: 1.4rem; font-weight: 900; color: white; transform: rotate(-2deg); }
.phone-big { position: relative; z-index: 1; display: block; margin-top: 1rem; color: var(--yellow); font-family: "Baloo 2", cursive; font-size: clamp(2.1rem, 4vw, 3.6rem); line-height: 1; font-weight: 900; text-align: center; text-decoration: none; text-shadow: 0 0 24px rgba(255,242,0,.35); }

.section { position: relative; z-index: 2; padding: clamp(3rem, 8vw, 7rem) clamp(1rem, 4vw, 4rem); }
.section-head { width: min(850px, 100%); margin: 0 auto 2.2rem; text-align: center; }
.section-head h2, .cta-box h2, .contact-copy h2 { margin: 0; font-family: Anton, sans-serif; font-size: clamp(2.4rem, 6vw, 5.8rem); line-height: .95; letter-spacing: .04em; text-transform: uppercase; text-shadow: 0 0 36px rgba(255,0,0,.28); }
.section-head p:not(.eyebrow), .cta-box p, .contact-copy > p { color: var(--muted); line-height: 1.75; }
.quick-grid, .menu-layout, .boards, .contact-grid { width: min(1180px, 100%); margin: 0 auto; }
.quick-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.quick-card, .menu-panel, .map-card, .cta-box { border: 1px solid var(--line); background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025)), var(--panel); backdrop-filter: blur(24px) saturate(150%); box-shadow: 0 20px 60px rgba(0,0,0,.38); }
.quick-card { padding: 1.25rem; border-radius: 1.4rem; transition: .2s ease; }
.quick-card:hover { transform: translateY(-5px); border-color: rgba(255,242,0,.4); box-shadow: 0 22px 70px rgba(255, 0, 0, .18); }
.quick-card span { font-size: 2.1rem; }
.quick-card h3 { margin: .7rem 0 .45rem; font-family: "Baloo 2", cursive; color: var(--red); font-size: 1.75rem; line-height: 1; }
.quick-card p { color: var(--muted); line-height: 1.6; }
.quick-card a { color: var(--yellow); font-weight: 950; text-decoration: none; }

.menu-layout { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.1rem; }
.menu-panel { position: relative; overflow: hidden; padding: 1.25rem; border-radius: 1.5rem; }
.menu-panel.highlight { border-color: rgba(255,242,0,.34); background: linear-gradient(145deg, rgba(255, 242, 0, .12), rgba(255, 0, 0, .09)), rgba(16, 12, 7, .86); }
.panel-title { position: relative; z-index: 1; display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: .9rem; padding-bottom: .8rem; border-bottom: 1px dashed rgba(255,255,255,.22); }
.panel-title h3 { margin: 0; color: var(--red); font-family: "Baloo 2", cursive; font-size: clamp(2rem, 4vw, 3rem); line-height: .95; text-shadow: 0 0 22px rgba(255, 0, 0, .25); }
.panel-title span { color: #090909; background: var(--yellow); font-weight: 950; border-radius: 999px; padding: .45rem .7rem; white-space: nowrap; }
.price-list { position: relative; z-index: 1; list-style: none; margin: 0; padding: 0; display: grid; gap: .46rem; }
.price-list li { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: .8rem; color: var(--cream); font-family: "Baloo 2", cursive; font-size: clamp(1.05rem, 2vw, 1.35rem); font-weight: 800; }
.price-list li::before { content: ""; grid-column: 1 / -1; grid-row: 1; border-bottom: 1px dotted rgba(255,255,255,.18); transform: translateY(-.36rem); }
.price-list span, .price-list b { position: relative; z-index: 1; background: rgba(10, 8, 6, .92); }
.price-list b { color: white; font-weight: 900; text-align: right; }
.note { color: var(--muted); margin-bottom: 0; }

.boards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.2rem; }
.board { display: block; overflow: hidden; border-radius: 1.3rem; border: 1px solid var(--line); box-shadow: var(--shadow); background: #000; }
.board img { display: block; width: 100%; height: 100%; object-fit: cover; transition: .25s ease; }
.board:hover img { transform: scale(1.025); filter: brightness(1.08) contrast(1.08); }

.cta-section { padding-top: 2rem; }
.cta-box { width: min(1180px, 100%); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: clamp(1.5rem, 5vw, 3rem); border-radius: 2rem; background: linear-gradient(100deg, rgba(255, 0, 0, .23), rgba(255, 242, 0, .13)), rgba(10,10,10,.7); }
.phone-mega { color: var(--yellow); font-family: "Baloo 2", cursive; font-weight: 900; font-size: clamp(2.2rem, 5vw, 4rem); text-decoration: none; text-shadow: 0 0 28px rgba(255,242,0,.35); white-space: nowrap; }
.contact-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 1.2rem; align-items: stretch; }
.contact-copy, .map-card { padding: clamp(1.4rem, 4vw, 2.4rem); border-radius: 2rem; border: 1px solid var(--line); background: rgba(255,255,255,.055); backdrop-filter: blur(22px); box-shadow: var(--shadow); }
.contact-line { font-weight: 850; font-size: 1.1rem; }
.contact-line a { color: var(--yellow); text-decoration: none; }
.contact-actions { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1.5rem; }
.map-card { min-height: 320px; display: grid; place-items: center; text-align: center; background: radial-gradient(circle at center, rgba(255,242,0,.16), transparent 55%), linear-gradient(145deg, rgba(255,0,0,.13), rgba(255,255,255,.04)); }
.map-card span { font-size: 4rem; }
.map-card strong { display: block; font-family: Anton, sans-serif; font-size: clamp(2.4rem, 5vw, 4.6rem); line-height: .95; text-transform: uppercase; }
.map-card small { color: var(--yellow); font-family: "Baloo 2", cursive; font-weight: 900; font-size: 2rem; }

.sticky-call { position: fixed; right: 1rem; bottom: 1rem; z-index: 30; display: inline-flex; align-items: center; gap: .7rem; color: #080808; background: linear-gradient(135deg, var(--yellow), #ffb400); text-decoration: none; padding: .85rem 1rem; border-radius: 999px; font-weight: 950; box-shadow: 0 0 35px rgba(255,242,0,.4), 0 14px 36px rgba(0,0,0,.45); }
.sticky-call span { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: #080808; color: var(--yellow); }
.footer { position: relative; z-index: 2; display: flex; justify-content: space-between; gap: 1rem; padding: 2rem clamp(1rem, 4vw, 4rem) 6rem; color: var(--muted); border-top: 1px solid var(--line); }
.footer a { color: var(--yellow); text-decoration: none; font-weight: 900; }
.reveal { opacity: 0; transform: translateY(18px); transition: .7s ease; }
.reveal.is-visible { opacity: 1; transform: translateY(0); }

@media (max-width: 940px) {
  .site-header { flex-wrap: wrap; }
  .nav { order: 3; width: 100%; justify-content: center; }
  .hero-inner, .contact-grid { grid-template-columns: 1fr; }
  .hero { min-height: auto; padding-top: 4rem; }
  .quick-grid { grid-template-columns: repeat(2, 1fr); }
  .menu-layout, .boards { grid-template-columns: 1fr; }
  .cta-box { flex-direction: column; align-items: flex-start; }
  .phone-mega { white-space: normal; }
}
@media (max-width: 620px) {
  .header-call { width: 100%; text-align: center; }
  .nav a { padding: .6rem .7rem; font-size: .9rem; }
  .quick-grid { grid-template-columns: 1fr; }
  .price-list li { grid-template-columns: 1fr; gap: .1rem; padding-bottom: .5rem; border-bottom: 1px dotted rgba(255,255,255,.16); }
  .price-list li::before { display: none; }
  .price-list span, .price-list b { background: transparent; text-align: left; }
  .panel-title { flex-direction: column; }
  .sticky-call { left: 1rem; right: 1rem; justify-content: center; }
  .footer { padding-bottom: 6rem; flex-direction: column; }
}


/* --- Finalna provera čitljivosti i sprečavanje gužvanja teksta --- */
.hero-copy,
.hero-card,
.quick-card,
.menu-panel,
.contact-copy,
.map-card,
.cta-box {
  min-width: 0;
}

.hero-copy {
  max-width: 760px;
}

.hero h1,
.section-head h2,
.cta-box h2,
.contact-copy h2,
.grill-logo strong {
  overflow-wrap: normal;
  word-break: normal;
}

.hero-subtitle,
.section-head p,
.quick-card p,
.contact-copy p,
.cta-box p,
.note {
  max-width: 100%;
  overflow-wrap: break-word;
}

.panel-title span {
  white-space: normal;
  text-align: center;
  line-height: 1.2;
}

.price-list span {
  padding-right: .15rem;
}

.price-list b {
  white-space: nowrap;
  padding-left: .15rem;
}

.phone-big,
.phone-mega,
.header-call,
.sticky-call b {
  white-space: nowrap;
}

@media (max-width: 760px) {
  .hero h1 {
    font-size: clamp(3.3rem, 18vw, 6rem);
    line-height: .9;
  }

  .hero-subtitle {
    font-size: 1rem;
    line-height: 1.6;
  }

  .hero-card {
    padding: 1rem;
  }

  .grill-logo strong {
    font-size: clamp(2.35rem, 12vw, 4rem);
  }

  .slogan {
    font-size: 1.35rem;
    line-height: 1.15;
  }

  .phone-big {
    font-size: clamp(1.8rem, 10vw, 2.8rem);
  }

  .section-head h2,
  .cta-box h2,
  .contact-copy h2 {
    font-size: clamp(2rem, 12vw, 3.7rem);
  }

  .quick-card h3,
  .panel-title h3 {
    line-height: 1.05;
  }

  .boards {
    gap: .9rem;
  }
}

@media (max-width: 430px) {
  .site-header {
    padding: .8rem;
  }

  .brand strong {
    font-size: .95rem;
  }

  .brand small {
    font-size: .7rem;
  }

  .nav {
    overflow-x: auto;
    justify-content: flex-start;
    scrollbar-width: none;
  }

  .nav::-webkit-scrollbar {
    display: none;
  }

  .hero {
    padding-left: .9rem;
    padding-right: .9rem;
  }

  .hero-actions .btn {
    width: 100%;
  }

  .hero-meta span {
    width: 100%;
  }

  .phone-mega {
    font-size: clamp(1.9rem, 13vw, 3rem);
  }
}


/* --- V4: čistiji video, bez slika menija, bez 2025 --- */
body {
  background: #050505;
  isolation: isolate;
}

.hero {
  background: transparent;
}

.hero-video {
  position: fixed;
  inset: 0;
  z-index: -10;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  filter: saturate(1.18) contrast(1.1) brightness(1.089);
  transform: translateZ(0);
}

.hero-overlay {
  position: fixed;
  inset: 0;
  z-index: -9;
  background:
    linear-gradient(90deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.62) 42%, rgba(0,0,0,.24) 78%, rgba(0,0,0,.34) 100%),
    linear-gradient(180deg, rgba(0,0,0,.34) 0%, rgba(0,0,0,.08) 46%, rgba(0,0,0,.08) 100%);
  pointer-events: none;
}

.hero::after {
  content: none;
  position: absolute;
  inset: auto 0 0;
  height: 220px;
  background: linear-gradient(0deg, rgba(5,5,5,.88), transparent);
  pointer-events: none;
}

.section,
.footer {
  background: rgba(5,5,5,.94);
}

.quick-menu {
  background: transparent;
}

.menu-section {
  background: linear-gradient(180deg, transparent 0, rgba(5,5,5,.87) 220px, rgba(5,5,5,.94) 100%);
}

.quick-card,
.menu-panel,
.contact-copy,
.map-card,
.cta-box,
.hero-card {
  background:
    linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.025)),
    rgba(10, 7, 5, .61);
}

.menu-panel {
  backdrop-filter: blur(18px) saturate(145%);
}

.meta-link {
  display: inline-flex;
  align-items: center;
  padding: .65rem .85rem;
  background: rgba(255,255,255,.08);
  border: 1px solid var(--line);
  border-radius: 999px;
  backdrop-filter: blur(14px);
  color: var(--cream);
  text-decoration: none;
  transition: .2s ease;
}

.meta-link:hover {
  background: rgba(255, 242, 0, .92);
  color: #060606;
}

.contact-line a {
  color: var(--yellow);
  text-decoration: none;
  border-bottom: 1px dashed rgba(255,242,0,.55);
}

.grill-logo small {
  display: none;
}

@media (max-width: 760px) {
  .hero-video {
    filter: saturate(1.12) contrast(1.08) brightness(.9196);
  }

  .hero-overlay {
    background:
      linear-gradient(90deg, rgba(0,0,0,.92), rgba(0,0,0,.62)),
      linear-gradient(180deg, rgba(0,0,0,.28), rgba(0,0,0,.08));
  }
}


/* --- V5: čitljiviji hero tekst i klikabilni pozivi --- */
.hero-eyebrow {
  position: relative;
  z-index: 4;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem;
  margin-bottom: 1.15rem;
  transform: translateY(-1.1rem);
  max-width: min(100%, 680px);
  line-height: 1.15;
}

.hero-eyebrow a {
  color: var(--yellow);
  text-decoration: none;
  text-shadow:
    0 2px 0 rgba(0,0,0,.95),
    0 0 18px rgba(255,242,0,.5);
  transition: .2s ease;
}

.hero-eyebrow a:hover {
  color: #ffffff;
  text-shadow:
    0 2px 0 rgba(0,0,0,.95),
    0 0 24px rgba(255,242,0,.85);
}

.hero-eyebrow span {
  color: var(--yellow);
  text-shadow:
    0 2px 0 rgba(0,0,0,.95),
    0 0 18px rgba(255,242,0,.45);
}

.hero h1 {
  position: relative;
  z-index: 3;
  margin-top: -.35rem;
}

.order-strip {
  display: block;
  text-decoration: none;
  transition: .2s ease;
}

.order-strip:hover {
  transform: rotate(-2deg) translateY(-2px) scale(1.03);
  box-shadow: 0 0 28px rgba(255, 23, 23, .48);
}

.heading-call {
  color: inherit;
  text-decoration: none;
  border-bottom: .08em solid rgba(255,242,0,.6);
  text-shadow: 0 0 22px rgba(255,242,0,.18);
}

.heading-call:hover {
  color: var(--yellow);
}

.map-card small a {
  color: var(--yellow);
  text-decoration: none;
}

.map-card small a:hover {
  color: #fff;
}

@media (max-width: 760px) {
  .hero-eyebrow {
    transform: translateY(-.45rem);
    margin-bottom: .95rem;
    font-size: .88rem;
    letter-spacing: .13em;
  }

  .hero h1 {
    margin-top: 0;
  }
}

/* Razmak redova i veličine natpisa prate raspoloživu širinu kartice. */
.hero h1,
.section-head h2,
.cta-box h2,
.contact-copy h2,
.grill-logo strong,
.map-card strong {
  font-weight: 400;
}

body {
  line-height: 1.5;
}

.hero-copy,
.hero-card {
  container-type: inline-size;
}

.hero h1 {
  margin-top: 0;
  font-size: clamp(2.5rem, 19cqi, 11rem);
  line-height: 1.18;
}

.hero-eyebrow {
  transform: none;
  line-height: 1.5;
  margin-bottom: 1.25rem;
}

.grill-logo strong {
  font-size: clamp(2rem, 17cqi, 5.2rem);
  line-height: 1.2;
}

.section-head h2,
.cta-box h2,
.contact-copy h2,
.map-card strong {
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.quick-card h3,
.panel-title h3,
.slogan {
  line-height: 1.35;
}

.panel-title {
  flex-wrap: wrap;
  row-gap: .75rem;
}

.panel-title h3 {
  min-width: 0;
  overflow-wrap: anywhere;
}

.panel-title span {
  max-width: 100%;
  line-height: 1.5;
}

.price-list {
  gap: .65rem;
}

.price-list li {
  position: relative;
  line-height: 1.5;
}

.price-list li::before {
  position: absolute;
  inset: auto 0 .35em;
  transform: none;
}

.price-list span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.phone-big {
  font-size: clamp(1.5rem, 12cqi, 3.6rem);
  line-height: 1.4;
}

.cta-box > div {
  min-width: 0;
}

.phone-mega {
  flex-shrink: 0;
  font-size: clamp(1.5rem, 7vw, 4rem);
  line-height: 1.4;
}

.map-card {
  gap: 1rem;
}

.map-card small {
  font-size: clamp(1.25rem, 5vw, 2rem);
  line-height: 1.5;
}

.brand-mark {
  flex-shrink: 0;
}

.nav a {
  white-space: nowrap;
}

@media (min-width: 941px) and (max-width: 1100px) {
  .cta-box {
    flex-direction: column;
    align-items: flex-start;
  }
}