/* gazkazanmiskolc.hu – a közös stíluslapra épülő helyi kiegészítések */

.hero-helyi { background: linear-gradient(180deg, var(--beige-soft) 0%, var(--beige) 100%); padding: 64px 0 72px; }
.hero-helyi h1 { font-size: clamp(2rem, 4.4vw, 3.2rem); }
.hero-helyi .split { align-items: center; }
.hero-helyi .split-media img { border-radius: var(--radius-card); box-shadow: 0 18px 40px rgba(120,80,40,.15); }
.hero-helyi .ticks { margin-top: 22px; }

/* lépések */
.steps { list-style: none; counter-reset: s; padding: 0; margin: 40px 0 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.steps li { counter-increment: s; background: #fff; border: 1px solid var(--line); border-radius: var(--radius-card); padding: 24px 22px 22px; position: relative; }
.steps li::before { content: counter(s); position: absolute; top: -14px; left: 22px; width: 32px; height: 32px; border-radius: 50%; background: var(--red); color: #fff; font-family: var(--font-head); font-weight: 800; display: grid; place-items: center; font-size: 1rem; }
.steps li b { display: block; font-family: var(--font-head); font-size: 1.05rem; margin: 8px 0 4px; }
.steps li span { color: var(--ink-soft); font-size: 1rem; }

/* üzletek */
.shops { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 36px; }
.shop { background: #fff; border: 1px solid var(--line); border-top: 5px solid var(--red); border-radius: var(--radius-card); padding: 28px; }
.shop h3 { font-size: 1.4rem; margin-bottom: 12px; }
.shop p { margin: 0 0 10px; }
.shop a { font-weight: 600; }
.shop-addr, .hours { display: flex; align-items: flex-start; gap: 8px; color: var(--ink-soft); }
.shop-addr svg, .hours svg { width: 18px; height: 18px; color: var(--red); flex: none; margin-top: 3px; }
.shop .btn { margin-top: 10px; }

@media (max-width: 1020px) {
  .steps { grid-template-columns: 1fr 1fr; }
  .shops { grid-template-columns: 1fr; }
  .hero-helyi .split-media { order: 0; }
}
@media (max-width: 680px) {
  .steps { grid-template-columns: 1fr; }
  .hero-helyi { padding: 40px 0 48px; }
}

/* négy kazán: 2×2 rács, ár a kártyán */
.models-4 { grid-template-columns: 1fr 1fr; }
.models-4 .model-card { grid-template-columns: 120px 1fr; }
.models-4 .model-media img { width: 120px; }
.models-4 .model-price { font-size: 1.5rem; margin: 12px 0 0; }
.models-4 .model-card h3 { font-size: 1.2rem; }
.models-4 .ticks li { font-size: 1rem; margin-bottom: 6px; }
@media (max-width: 1020px) { .models-4 { grid-template-columns: 1fr; } }
@media (max-width: 680px) { .models-4 .model-card { grid-template-columns: 90px 1fr; } .models-4 .model-media img { width: 90px; } }

/* hero arányok: kisebb főcím, a kép kitölti a saját hasábját */
.hero-helyi h1 { font-size: clamp(1.9rem, 3.2vw, 2.45rem); line-height: 1.12; margin-bottom: 20px; }
.hero-helyi .split { gap: 52px; align-items: center; }
.hero-helyi .split-media img { width: 100%; height: 440px; object-fit: cover; }
.hero-helyi .lead { font-size: 1.05rem; }
@media (max-width: 1020px) { .hero-helyi .split-media img { height: 320px; } }
@media (max-width: 680px) { .hero-helyi h1 { font-size: 1.75rem; } .hero-helyi .split-media img { height: 240px; } }