/* =====================================================
   PRALASH — Branch landing page (Chamarajpet)
   Builds on main.css + contact.css
   ===================================================== */

.br-hero { min-height: 70vh; }

.br-section { padding: 80px 0; }
@media (max-width: 767.98px) { .br-section { padding: 56px 0; } }

.br-sub { max-width: 640px; margin: 0 auto; color: var(--text-body); }

.br-points { list-style: none; padding: 0; margin: 1.5rem 0 0; display: grid; gap: 0.6rem; }
.br-points li { display: flex; align-items: flex-start; gap: 0.6rem; color: var(--text-dark); }
.br-points i { color: var(--primary-dark); margin-top: 0.25rem; }

/* Gallery — the supplied photos are small, so tiles stay compact to keep them sharp */
.br-gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: 150px;
  gap: 12px;
  max-width: 520px;
  margin-left: auto;
}
.br-gallery figure {
  margin: 0;
  overflow: hidden;
  border-radius: var(--radius);
  background: var(--bg-light);
  box-shadow: var(--shadow-sm);
}
.br-gallery img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; }
.br-gallery figure:hover img { transform: scale(1.04); }
.br-gallery .br-g-main { grid-column: span 2; }
.br-gallery .br-g-tall { grid-column: 3; grid-row: 1 / span 2; }
@media (max-width: 991.98px) { .br-gallery { margin: 0 auto; } }
@media (max-width: 480px) { .br-gallery { grid-auto-rows: 110px; gap: 8px; } }

/* Service cards */
.br-card {
  height: 100%;
  background: var(--bg-white);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 2rem 1.75rem;
  transition: var(--transition);
}
.br-card:hover { box-shadow: var(--shadow-md); transform: translateY(-3px); }
.br-card-icon {
  width: 52px; height: 52px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: var(--primary-gradient); color: var(--secondary);
  font-size: 1.25rem; margin-bottom: 1.1rem;
}
.br-card h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 0.6rem; }
.br-card p { color: var(--text-body); margin-bottom: 1rem; }
.br-card a { font-weight: 600; color: var(--text-dark); text-decoration: none; }
.br-card a i { font-size: 0.8em; margin-left: 0.3rem; transition: transform 0.2s ease; }
.br-card a:hover i { transform: translateX(3px); }

/* Map */
.br-map { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-md); line-height: 0; }

/* Other branch strip */
.br-other {
  display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; flex-wrap: wrap;
  background: var(--bg-white); border: 1px solid var(--border); border-radius: var(--radius-lg);
  padding: 2rem;
}
.br-other .section-heading { font-size: clamp(1.25rem, 2.4vw, 1.6rem); }