/* Service pages B: коли с шофьор, транспорт за събития, пътна помощ, туристически обекти, услуги (hub) */

/* Photo + text row inside the content column (photo stays card-sized) */
.media-row { display: grid; gap: 24px; align-items: center; }
.media-row img { width: 100%; max-width: 480px; height: auto; aspect-ratio: 480 / 330; object-fit: cover; border-radius: var(--radius-card); border: 1px solid var(--line); }
@media (min-width: 900px) {
  .media-row { grid-template-columns: minmax(0, 400px) 1fr; gap: 32px; }
}

/* Urgent call box (пътна помощ) */
.sos { border-radius: var(--radius-card); background: var(--gold); color: var(--on-gold); padding: 22px; display: grid; gap: 12px; }
.sos h2 { font: 700 1.125rem/1.3 var(--font-body); }
.sos p { font-size: var(--fs-small); }
.sos a {
  display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px;
  border-radius: var(--radius-btn); background: var(--on-gold); color: var(--gold-hi);
  font: 700 1.25rem/1 var(--font-body); text-decoration: none; transition: transform .2s ease;
}
.sos a:hover { transform: translateY(-1px); }
.sos a svg { width: 22px; height: 22px; }

/* Photo gallery (card-sized photos) */
.gallery { display: grid; gap: 12px; grid-template-columns: 1fr 1fr; }
.gallery img { width: 100%; height: auto; aspect-ratio: 480 / 330; object-fit: cover; border-radius: var(--radius-card); border: 1px solid var(--line); }

/* Long alphabetical link list (47 tourist objects) */
.obj-list { columns: 1; column-gap: 32px; }
.obj-list li { break-inside: avoid; border-bottom: 1px solid var(--line); }
.obj-list a { display: flex; justify-content: space-between; gap: 12px; padding: 11px 0; text-decoration: none; font-size: 0.9375rem; font-weight: 600; transition: color .2s ease; }
.obj-list a:hover { color: var(--accent-hi); }
.obj-list svg { flex: none; width: 16px; height: 16px; margin-top: 4px; color: var(--accent); }
@media (min-width: 600px) { .obj-list { columns: 2; } }

/* Services hub: the 10-service list spans the content column */
.svc-main .svc { margin-top: 8px; }
