/* Худалдан авах (/location) — Figma "Location" frame */
.loc-page { background: #000; }
.loc { position: relative; isolation: isolate; min-height: 100svh; display: flex; }
.loc__bg { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.loc__img {
  position: sticky; top: 0; height: 100svh;
  background: url("assets/location-bg.jpg") center / cover no-repeat;
  transform: scaleX(-1); opacity: .8;
}
.loc__bg::after { /* black → 60% → black, as in Figma */
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, #000 0%, rgba(0,0,0,.6) 70%, #000 95.19%);
}
.loc__inner {
  display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 80px;
  padding-top: 240px; padding-bottom: 24px;
}
.loc__title { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; }
.loc__list { list-style: none; margin: 0; padding: 0; width: 100%; max-width: 400px; display: flex; flex-direction: column; gap: 4px; }
.loc__list li { display: flex; gap: 24px; padding-bottom: 48px; }
.loc__list svg { flex: none; width: 28px; height: 28px; padding: 4px; color: var(--white); }
.loc__list li > div { display: flex; flex-direction: column; gap: 24px; }
.loc__lead { color: var(--gold-300); font-size: var(--fs-lg); line-height: 1.4; letter-spacing: -.02em; }
a.loc__lead:hover, .loc__map:hover { text-decoration: underline; text-underline-offset: 4px; }
.loc__map { margin-top: -12px; font-size: 14px; opacity: .6; }
.loc__tag { font-size: var(--fs-xs); opacity: .4; }
@media (max-width: 760px) {
  .loc__inner { padding-top: 160px; gap: 56px; }
  .loc .display-xl { white-space: normal; }
  .loc__list li { padding-bottom: 32px; }
}