.ho__oszt{display:grid;gap:clamp(2rem,4.5vw,3rem)}
.ho__kep{min-height:clamp(17rem,58vw,24rem)}

.ho__skala{display:grid}
.ho__sor{display:grid;gap:clamp(.85rem,2vw,1.15rem);padding:clamp(1.6rem,3.4vw,2.4rem) var(--cell);background:var(--ground);transition:background-color var(--kozep)}
.ho__sor:hover{background-color:var(--lift)}
.ho__nev{font-size:clamp(1.25rem,3.6vw,1.75rem);font-weight:var(--w-lt);line-height:1.15;letter-spacing:-.01em}
.ho__sav{position:relative;height:.625rem;background:var(--lift)}
.ho__sav>b{position:absolute;top:0;bottom:0;left:var(--tol);right:calc(100% - var(--ig));background:var(--acc-t)}
.ho__ertek{display:flex;flex-wrap:wrap;gap:.35rem 1.25rem;font-size:var(--fs-sm);font-weight:var(--w-md);letter-spacing:.14em;text-transform:uppercase;color:var(--txt-2)}
.ho__lec{display:grid;padding:clamp(1rem,2.2vw,1.4rem) var(--cell) 0}
.ho__lecsor{display:flex;justify-content:space-between;gap:.5rem;font-size:var(--fs-sm);font-weight:var(--w-md);letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3)}
.ho__alj{margin-top:clamp(1.75rem,4vw,2.5rem);max-width:60ch}


@media (min-width:66rem){
  .ho__oszt{grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);column-gap:clamp(2.5rem,5vw,4.5rem)}
  .ho__kep{min-height:0;height:100%}
  .ho__sor{grid-template-columns:minmax(0,16rem) minmax(0,1fr) minmax(0,17rem);column-gap:clamp(1.5rem,3.5vw,2.75rem);align-items:center;row-gap:0}
  .ho__sav{height:.75rem}
  .ho__ertek{justify-content:flex-end;text-align:right}
  .ho__lec{grid-template-columns:minmax(0,16rem) minmax(0,1fr) minmax(0,17rem);column-gap:clamp(1.5rem,3.5vw,2.75rem)}
  .ho__lecsor{grid-column:2}
  .ho__menet{grid-template-rows:repeat(5,minmax(0,auto))}
}