/* KuyumAltın V310 — şehir sayfası günlük görsel özeti */
.ka-v310-city-visual{
  padding:clamp(2.25rem,5vw,4rem) 0 clamp(3rem,7vw,5.5rem);
}
.ka-v310-city-visual-head{
  max-width:880px;
  margin:0 auto 1.25rem;
  text-align:center;
}
.ka-v310-city-visual-head>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.42rem .78rem;
  border:1px solid rgba(176,122,28,.28);
  border-radius:999px;
  background:rgba(176,122,28,.09);
  color:#936416;
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.ka-v310-city-visual-head h2{
  margin:.8rem 0 .55rem;
  color:#172033;
  font-size:clamp(1.7rem,3vw,2.45rem);
  line-height:1.15;
  letter-spacing:-.035em;
}
.ka-v310-city-visual-head p{
  margin:0;
  color:#5c6676;
  font-size:1rem;
  line-height:1.72;
}
.ka-v310-city-visual-card{
  max-width:1120px;
  margin:0 auto;
  padding:.75rem;
  border:1px solid rgba(113,84,35,.18);
  border-radius:1.5rem;
  background:#fff;
  box-shadow:0 22px 58px rgba(37,29,18,.10);
  overflow:hidden;
}
.ka-v310-city-image-link{
  display:block;
  border-radius:1.08rem;
  overflow:hidden;
  background:#1d1e20;
}
.ka-v310-city-image-link img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  transition:transform .25s ease,filter .25s ease;
}
.ka-v310-city-image-link:hover img,
.ka-v310-city-image-link:focus-visible img{
  transform:scale(1.008);
  filter:brightness(1.025);
}
.ka-v310-city-image-link:focus-visible{
  outline:3px solid rgba(205,151,48,.55);
  outline-offset:3px;
}
.ka-v310-city-visual-card figcaption{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.9rem .35rem .22rem;
}
.ka-v310-city-visual-card figcaption strong{
  color:#1c2433;
  font-size:.98rem;
}
.ka-v310-city-visual-card figcaption span{
  color:#717b89;
  font-size:.86rem;
  text-align:right;
}
.ka-v310-city-visual-note{
  max-width:1020px;
  margin:.9rem auto 0;
  color:#737c88;
  font-size:.82rem;
  line-height:1.55;
  text-align:center;
}
html[data-ka-theme="dark"] .ka-v310-city-visual{
  border-top:1px solid rgba(255,255,255,.055);
  background:linear-gradient(180deg,rgba(24,25,27,0) 0%,rgba(12,13,14,.34) 100%);
}
html[data-ka-theme="dark"] .ka-v310-city-visual-head>span{
  border-color:rgba(214,165,67,.28);
  background:rgba(214,165,67,.08);
  color:#e0b963;
}
html[data-ka-theme="dark"] .ka-v310-city-visual-head h2{
  color:#f4f3ef;
}
html[data-ka-theme="dark"] .ka-v310-city-visual-head p{
  color:#b9b9b5;
}
html[data-ka-theme="dark"] .ka-v310-city-visual-card{
  border-color:rgba(255,255,255,.09);
  background:#242527;
  box-shadow:0 24px 62px rgba(0,0,0,.30);
}
html[data-ka-theme="dark"] .ka-v310-city-visual-card figcaption strong{
  color:#f2f1ed;
}
html[data-ka-theme="dark"] .ka-v310-city-visual-card figcaption span,
html[data-ka-theme="dark"] .ka-v310-city-visual-note{
  color:#a9aaa8;
}
@media(max-width:680px){
  .ka-v310-city-visual{padding:2rem 0 3.25rem}
  .ka-v310-city-visual-head{text-align:left;margin-bottom:1rem}
  .ka-v310-city-visual-head h2{font-size:1.55rem}
  .ka-v310-city-visual-head p{font-size:.94rem;line-height:1.65}
  .ka-v310-city-visual-card{padding:.45rem;border-radius:1.05rem}
  .ka-v310-city-image-link{border-radius:.78rem}
  .ka-v310-city-visual-card figcaption{display:block;padding:.75rem .2rem .2rem}
  .ka-v310-city-visual-card figcaption strong,.ka-v310-city-visual-card figcaption span{display:block;text-align:left}
  .ka-v310-city-visual-card figcaption span{margin-top:.25rem}
  .ka-v310-city-visual-note{text-align:left;font-size:.79rem}
}