/* Oldal: Kapcsolat és rendelési idők.
   Az aloldal.css UTÁN töltődik, csak ezen az oldalon. Forrás: a jóváhagyott végleges oldal
   (design/mockup/valtozatok/), a közös drbado.css-ből és az oldal saját CSS-éből kiválogatva.
   Kézzel ne írd át: ha valami nem egyezik, a mérés (ellenorzes.py) mutatja meg, hol. */


/* ---- az oldal saját szabályai ---- */
.k-bigtel{display:block; margin-top:clamp(28px,3vw,40px); font-family:var(--display); font-weight:600; font-size:clamp(44px,6vw,88px); line-height:1; letter-spacing:-.035em; color:var(--ink); text-decoration:none; font-variant-numeric:tabular-nums; white-space:nowrap}
.k-bigtel:hover{color:var(--acc)}
.k-telnote{display:flex; align-items:center; gap:8px; margin-top:12px; color:var(--mute); font-weight:600; font-size:15px}
.k-telnote .ico{width:18px; height:18px; color:var(--acc)}
.k1a{display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:40px clamp(40px,6vw,96px); align-items:center}
.k1a-ph{min-height:clamp(460px,44vw,600px)}
.k2b{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:36px; align-items:stretch}
.k2b-c{border-radius:30px; overflow:hidden; display:flex; flex-direction:column; padding:0}
.k2b-ph{position:relative; aspect-ratio:4/3}
.k2b-c .in{padding:22px 24px 26px; display:flex; flex-direction:column; gap:8px; flex:1}
.k2b-c .city{font-family:var(--display); font-weight:500; font-size:clamp(28px,2.4vw,34px); line-height:1.05; letter-spacing:-.02em; overflow-wrap:anywhere}
.k2b-c .place{font-weight:600; font-size:15.5px; color:var(--acc)}
.k2b-c .facts5 li{font-size:15px}
.k2b-c .acts{margin-top:auto; padding-top:10px}
.b6-foot{border-radius:34px; border-top:1px solid var(--outline)}
.k3a{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; align-items:stretch}
.k-seg3{grid-template-columns:repeat(3,minmax(0,1fr))}
.k3-bk .sel{box-shadow:inset 0 0 0 1px rgba(15,35,39,.14)}
.k3-bk .btn-block{width:100%}
.k3-cb .cb{margin-top:4px}
@media (max-width:900px){
  .k1a, .k2b, .k3a{grid-template-columns:minmax(0,1fr)}
  .k1a-ph{min-height:420px}
}
@media (max-width:560px){
  .k-seg3{grid-template-columns:1fr}
  .k3-bk .bk-top{flex-wrap:wrap}
  .k-seg3 button{display:flex; justify-content:space-between; align-items:baseline; padding:10px 14px}
}
.drbado-page img.kep-kap-fejlec{object-position:50% 28%}
.drbado-page img.kep-kap-halas{object-position:18% 55%}
.drbado-page img.kep-kap-hmv{object-position:50% 50%}
.drbado-page img.kep-kap-szeged{object-position:50% 50%}