/* Subpages: /page/<slug>/ (district & category landing pages) */

.lang-switch a {
  color: var(--color-gray-text);
  cursor: pointer;
  font-family: var(--font-body);
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 4px;
  text-decoration: none;
}
.lang-switch a.active { color: var(--color-yellow); }

.subpage-hero {
  padding: 160px 0 64px;
  background: var(--color-black);
  color: var(--color-white);
}
.subpage-hero h1 {
  font-size: clamp(28px, 5vw, 48px);
  max-width: 820px;
}
.subpage-intro {
  margin-top: 20px;
  font-size: 17px;
  color: var(--color-off-white);
  opacity: 0.85;
  max-width: 640px;
}

.subpage-body { padding: 64px 0; background: var(--color-white); }
.subpage-body .container { max-width: 760px; }
.subpage-body p { font-size: 17px; color: #333; margin-bottom: 20px; }

.subpage-price-box {
  margin-top: 32px;
  display: inline-flex;
  align-items: baseline;
  gap: 16px;
  padding: 20px 28px;
  background: var(--color-off-white);
  border-left: 3px solid var(--color-yellow);
}
.subpage-price-label {
  font-family: var(--font-heading);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 15px;
  color: var(--color-black);
}
.subpage-price-value {
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: 28px;
}
.subpage-price-extra { font-size: 13px; color: var(--color-gray-text); }

.subpage-related { padding: 56px 0; background: var(--color-off-white); }
.subpage-related h2 {
  font-size: 20px;
  margin-bottom: 20px;
  color: var(--color-black);
}
.related-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
}
.related-list a {
  font-size: 15px;
  border-bottom: 1px solid var(--color-yellow);
  transition: color var(--transition);
}
.related-list a:hover { color: #8a6d00; }

@media (max-width: 860px) {
  .subpage-hero { padding: 130px 0 48px; }
}