.hv-simdi{
  background:var(--kagit);
  border:1px solid var(--tel);
  border-radius:var(--r-katman);
  padding:18px 16px 15px;
}
.hv-simdi-ust{
  display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap;
}

.hv-derece-buyuk{
  font-size:clamp(58px,15vw,76px);
  line-height:.92;
  font-weight:300;
  letter-spacing:var(--iz-dev);
  color:var(--murekkep);
  font-variant-numeric:tabular-nums lining-nums;
}
.hv-simdi-yan{display:flex;flex-direction:column;gap:3px;padding-top:6px;min-width:0}
.hv-durum{
  font-size:19px;font-weight:700;letter-spacing:var(--iz-orta);color:var(--murekkep);
}

.hv-damga{font-size:13px;line-height:1.5;color:var(--soluk)}
.hv-damga b{font-weight:700;color:var(--murekkep)}

.hv-hissedilen{
  margin-top:10px;padding-top:10px;border-top:1px dashed var(--tel);
  font-size:14px;line-height:1.55;color:var(--murekkep);
}
.hv-hissedilen b{font-weight:800}
.hv-hissedilen span{display:block;font-size:12.5px;color:var(--soluk);margin-top:1px}

.hv-olgular{
  margin-top:12px;padding-top:13px;border-top:1px solid var(--tel);
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;
}
.hv-olgu{min-width:0}
.hv-olgu dt{
  font-size:11.5px;font-weight:800;letter-spacing:var(--iz-etiket);
  text-transform:uppercase;color:var(--soluk);
}
.hv-olgu dd{
  margin-top:2px;font-size:16px;font-weight:700;letter-spacing:var(--iz-orta);
  color:var(--murekkep);font-variant-numeric:tabular-nums;
}
.hv-olgu dd small{
  display:block;font-size:12.5px;font-weight:500;color:var(--soluk);
  letter-spacing:0;margin-top:1px;font-variant-numeric:normal;
}

.hv-serit{
  margin-inline:-18px;
  padding-inline:18px;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}

.hv-serit:focus-visible{
  outline:3px solid var(--marka);
  outline-offset:-3px;
  border-radius:var(--r-kart);
}

.hv-ray{

  position:relative;
  width:max-content;
  display:grid;
  grid-template-columns:max-content max-content;
  grid-template-rows:auto auto;
  align-items:stretch;
  padding-block:2px 0;
}

.hv-egri{grid-column:1;grid-row:1;display:block;pointer-events:none}
.hv-egri-cizgi{
  fill:none;
  stroke:var(--marka);
  stroke-width:2;
  stroke-linejoin:round;
  stroke-linecap:round;
}
.hv-egri-alan{fill:var(--marka);opacity:.07;stroke:none}
.hv-egri-simdi{fill:var(--kagit);stroke:var(--marka);stroke-width:3}

.hv-saatler{
  grid-column:1;grid-row:2;
  display:flex;
  list-style:none;
  margin:0;padding:0;
  align-items:stretch;
}
.hv-saat{
  width:var(--hv-adim);
  flex:0 0 var(--hv-adim);
  text-align:center;
  padding-block:7px 9px;

}

:root{--hv-gece-bant:#EDF1F7}
.hv-saat--gece{background:var(--hv-gece-bant)}
.hv-saat--simdi{background:var(--zemin2);border-radius:var(--r-kart)}

.hv-saat-derece{
  display:block;font-size:16px;font-weight:700;color:var(--murekkep);
  letter-spacing:var(--iz-orta);font-variant-numeric:tabular-nums;
}
.hv-saat-yagis{
  display:block;font-size:11.5px;font-weight:700;color:var(--marka);
  margin-top:2px;font-variant-numeric:tabular-nums;
}
.hv-saat-etiket{
  display:block;margin-top:5px;font-size:12px;color:var(--soluk);
  font-variant-numeric:tabular-nums;
}
.hv-saat--simdi .hv-saat-etiket{color:var(--murekkep);font-weight:800}

.hv-saat--gunbasi{box-shadow:inset 1px 0 0 var(--tel-koyu)}
.hv-saat-gun{
  display:block;font-size:10.5px;font-weight:800;letter-spacing:var(--iz-etiket);
  text-transform:uppercase;color:var(--soluk);margin-top:3px;
}

.hv-ufuk{
  grid-column:2;grid-row:1 / span 2;
  align-self:stretch;
  display:flex;flex-direction:column;justify-content:center;
  gap:2px;
  margin-left:12px;
  padding:8px 16px 8px 14px;
  border-left:2px solid var(--murekkep);
  width:190px;
}
.hv-ufuk b{
  font-size:12.5px;font-weight:800;line-height:1.35;color:var(--murekkep);
  letter-spacing:var(--iz-kucuk);
}
.hv-ufuk span{font-size:12px;line-height:1.4;color:var(--soluk)}

.hv-ipucu{
  margin-top:7px;font-size:12.5px;color:var(--soluk);line-height:1.5;
}

.hv-gunler{list-style:none;margin:0;padding:0}
.hv-gun{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:4px 12px;
  padding:11px 2px;
  border-top:1px solid var(--tel);
}
.hv-gun:first-child{border-top:0}
.hv-gun--bugun .hv-gun-ad{font-weight:800;color:var(--murekkep)}
.hv-gun-ad{font-size:15px;font-weight:700;color:var(--murekkep);letter-spacing:var(--iz-orta)}
.hv-gun-durum{
  grid-column:1;font-size:12.5px;color:var(--soluk);line-height:1.45;
}
.hv-gun-uc{
  grid-row:1 / span 2;grid-column:2;
  display:flex;align-items:baseline;gap:9px;
  font-variant-numeric:tabular-nums;
}
.hv-gun-yuksek{font-size:17px;font-weight:800;color:var(--murekkep);letter-spacing:var(--iz-orta)}
.hv-gun-dusuk{font-size:15px;font-weight:600;color:var(--soluk);font-style:normal}

.hv-gun-eksik{font-size:12px;color:var(--soluk);max-width:16ch;text-align:right;line-height:1.4}

.hv-bolum{margin-top:22px}

.hv-bolum--ilk{margin-top:0}
.hv-bolum > .liste-bas{margin-bottom:8px}
.hv-pano{
  background:var(--kagit);
  border:1px solid var(--tel);
  border-radius:var(--r-katman);
  padding:14px 16px;
}

.hv-pano--serit{padding-inline:18px}

.hv-yagis{
  display:flex;gap:11px;align-items:flex-start;
  padding:12px 14px;
  background:var(--zemin);
  border-radius:var(--r-kart);
  margin-top:12px;
}
.hv-yagis .ikon{width:20px;height:20px;flex:none;color:var(--a-notr);margin-top:1px}
.hv-yagis b{display:block;font-size:14.5px;font-weight:800;color:var(--murekkep);letter-spacing:var(--iz-kucuk)}
.hv-yagis p{margin-top:3px;font-size:12.5px;line-height:1.5;color:var(--soluk);max-width:60ch}

@media (min-width:700px){
  .hv-olgular{grid-template-columns:repeat(4,minmax(0,1fr))}
  .hv-simdi{padding:22px 22px 19px}
  .hv-bolum{margin-top:26px}

  .hv-serit{margin-inline:0;padding-inline:0}
  .hv-pano--serit{padding-inline:16px}
}
@media (min-width:1000px){

  .hv-ikili{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;align-items:start}
  .hv-ikili > .hv-bolum{margin-top:0}
}

@media (prefers-reduced-motion:reduce){
  .hv-serit{scroll-behavior:auto}
  .hv-serit *{animation:none!important;transition:none!important}
}
@media (prefers-reduced-motion:no-preference){
  .hv-serit{scroll-behavior:smooth}
}