feat: update footer hospital information, adjust CSS breakpoints, and reorganize main content blocks with new news and events sections.

This commit is contained in:
2026-07-20 15:13:28 +07:00
parent fdbbb7c965
commit d6d722386f
36 changed files with 546 additions and 598 deletions
@@ -111,8 +111,8 @@ body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
4. Media Queries
========================================================================== */
/* --- Mobile (<= 768px) --- */
@media (max-width: 768px) {
/* --- Mobile (< 768px) --- */
@media (max-width: 767px) {
/* Hide ambient video on mobile to save bandwidth and use image fallback */
.f--ambient-video,
.video-controls {
@@ -120,15 +120,19 @@ body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
}
.cc--tabbed-media-content {
.c--tabbed-media-content {
max-width: var(--max-width);
margin: 0 auto;
padding: var(--s2) var(--s1);
display: grid;
grid-template-columns: 1fr;
gap: var(--s2);
.c--tabbed-media-content {
max-width: var(--max-width);
margin: 0 auto;
padding: var(--s2) var(--s1);
display: grid;
grid-template-columns: 1fr;
gap: var(--s2);
}
}
}
.header-hospital-name {
display: none;
}
}
/* --- Mobile & Tablet (<= 1024px) --- */