/* Header Inline Styles */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: #FFFFFF;
            color: #000000;
            line-height: 1.6;
        }

        /* Header Styles */
        .main-header {
            background-color: #FFFFFF;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: sticky;
            top: 0;
            z-index: 1000;
            transition: all 0.3s ease;
        }

        .main-header.scrolled {
            box-shadow: 0 4px 20px rgba(0,0,0,0.15);
        }

        .header-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 18px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
        }

        .logo {
            font-family: 'Plus Jakarta Sans', sans-serif;
            font-size: 18px;
            font-weight: 700;
            color: #1A365D;
            text-decoration: none;
            display: flex;
            align-items: center;
        }

        .nav-menu {
            display: flex;
            list-style: none;
            gap: 30px;
            align-items: center;
            margin: 0;
            padding: 0;
        }

        .nav-menu li {
            margin: 0;
            padding: 0;
        }

        .nav-menu li a {
            color: #000000;
            text-decoration: none;
            font-weight: 500;
            font-size: 15px;
            padding: 8px 0;
            position: relative;
            transition: color 0.3s ease;
            white-space: nowrap;
        }

        .nav-menu li a:hover {
            color: #2C5282;
        }

        .nav-menu li a.active {
            color: #1A365D;
            font-weight: 600;
        }

        .menu-toggle {
            display: none;
            flex-direction: column;
            cursor: pointer;
            gap: 5px;
            padding: 5px;
            z-index: 1001;
        }

        .menu-toggle span {
            width: 25px;
            height: 3px;
            background-color: #1A365D;
            transition: all 0.3s ease;
            border-radius: 2px;
        }

        .menu-toggle.active span:nth-child(1) {
            transform: rotate(45deg) translate(8px, 8px);
        }

        .menu-toggle.active span:nth-child(2) {
            opacity: 0;
        }

        .menu-toggle.active span:nth-child(3) {
            transform: rotate(-45deg) translate(7px, -7px);
        }

        /* Fixed Action Buttons - Like Reference Website */
        .fixed-buttons {
            position: fixed;
            bottom: 30px;
            right: 30px;
            display: flex;
            flex-direction: column;
            gap: 15px;
            z-index: 999;
            align-items: center;
        }

        .whatsapp-btn, .call-btn {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            transition: all 0.3s ease;
            cursor: pointer;
            position: relative;
        }

        .whatsapp-btn {
            background-color: #25D366;
            width: 55px;
            height: 55px;
            border-radius: 50%;
            box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
        }

        .whatsapp-btn:hover {
            background-color: #1EBE57;
            transform: scale(1.1);
            box-shadow: 0 6px 20px rgba(37, 211, 102, 0.6);
        }

        .call-btn {
            background-color: #2196F3;
            width: 55px;
            height: 55px;
            border-radius: 50%;
            box-shadow: 0 4px 15px rgba(33, 150, 243, 0.4);
        }

        .call-btn:hover {
            background-color: #1976D2;
            transform: scale(1.1);
            box-shadow: 0 6px 20px rgba(33, 150, 243, 0.6);
        }

        .whatsapp-btn svg,
        .call-btn svg {
            width: 24px;
            height: 24px;
            fill: #FFFFFF;
            margin: 0;
            display: block;
        }

        .whatsapp-btn .btn-label,
        .call-btn .btn-label {
            position: absolute;
            bottom: -28px;
            left: 50%;
            transform: translateX(-50%);
            white-space: nowrap;
            font-size: 10px;
            font-weight: 600;
            color: #1A365D;
            background: transparent;
            padding: 0;
            opacity: 1;
            pointer-events: none;
            transition: all 0.3s ease;
        }

        .whatsapp-btn:hover .btn-label,
        .call-btn:hover .btn-label {
            transform: translateX(-50%) translateY(-2px);
        }

        .scroll-top-btn {
            background-color: #1A365D;
            color: #FFFFFF;
            display: none;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 15px rgba(0,0,0,0.3);
            transition: all 0.3s ease;
            cursor: pointer;
            font-size: 24px;
        }

        .scroll-top-btn.show {
            display: flex;
        }

        .scroll-top-btn:hover {
            background-color: #2C5282;
            transform: scale(1.1);
        }

        /* Tablet Responsive */
        @media (max-width: 1024px) {
            .header-container {
                padding: 16px 15px;
            }

            .logo {
                font-size: 16px;
            }

            .nav-menu {
                gap: 20px;
            }

            .nav-menu li a {
                font-size: 14px;
            }
        }

        /* Mobile Responsive */
        @media (max-width: 768px) {
            .header-container {
                position: relative;
                padding: 14px 10px 14px 15px;
            }

            .logo {
                font-size: 16px;
                flex: 1;
                min-width: 0;
                padding-right: 12px;
            }

            .menu-toggle {
                display: flex;
                flex-shrink: 0;
                margin-left: auto;
                margin-right: 0;
            }

            .header-container > nav {
                position: absolute;
                top: 100%;
                left: 0;
                right: 0;
                width: 100%;
            }

            .nav-menu {
                position: relative;
                top: auto;
                left: auto;
                right: auto;
                background-color: #FFFFFF;
                flex-direction: column;
                gap: 0;
                padding: 15px 20px;
                box-shadow: 0 4px 10px rgba(0,0,0,0.1);
                display: none;
                max-height: calc(100vh - 70px);
                overflow-y: auto;
            }

            .nav-menu.active {
                display: flex;
            }

            .nav-menu li {
                width: 100%;
            }

            .nav-menu li a {
                display: block;
                padding: 12px 0;
                border-bottom: 1px solid #E0E0E0;
                font-size: 15px;
            }

            .nav-menu li:last-child a {
                border-bottom: none;
            }

            .fixed-buttons {
                bottom: 20px;
                right: 20px;
                gap: 12px;
            }

            .whatsapp-btn, .call-btn {
                width: 50px;
                height: 50px;
            }

            .whatsapp-btn svg,
            .call-btn svg {
                width: 22px;
                height: 22px;
                margin: 0;
                display: block;
            }

            .whatsapp-btn .btn-label,
            .call-btn .btn-label {
                font-size: 9px;
                bottom: -26px;
                padding: 0;
                background: transparent;
            }

            .scroll-top-btn {
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

.footer-container {
                max-width: 1200px;
                margin: 0 auto;
                padding: 0 20px;
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
                gap: 40px;
            }

            .footer-column h3 {
                font-family: 'Inter', sans-serif;
                font-size: 18px;
                font-weight: 600;
                margin-bottom: 20px;
                color: #FFFFFF;
            }

            .footer-logo {
                font-family: 'Inter', sans-serif;
                font-size: 19px;
                font-weight: 700;
                color: #FFFFFF;
                margin-bottom: 15px;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 10px;
            }

            .footer-logo-icon {
                width: 35px;
                height: 35px;
                background-color: #3182CE;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #FFFFFF;
                font-size: 20px;
            }

            .footer-column p {
                line-height: 1.8;
                margin-bottom: 15px;
                color: #E0E0E0;
                text-align: justify;
            }

            .footer-pharmacy {
                margin-top: 28px;
                padding-top: 22px;
                border-top: 1px solid rgba(255, 255, 255, 0.2);
            }

            .footer-pharmacy h4 {
                font-family: 'Plus Jakarta Sans', sans-serif;
                font-size: 16px;
                font-weight: 600;
                color: #FFFFFF;
                margin-bottom: 10px;
            }

            .footer-pharmacy p {
                font-size: 14px;
                margin-bottom: 10px;
            }

            .footer-pharmacy a {
                color: #E0E0E0;
                text-decoration: none;
            }

            .footer-pharmacy a:hover {
                color: #3182CE;
            }

            .footer-links {
                list-style: none;
            }

            .footer-links li {
                margin-bottom: 12px;
            }

            .footer-links a {
                color: #E0E0E0;
                text-decoration: none;
                transition: color 0.3s ease, padding-left 0.3s ease;
                display: inline-block;
            }

            .footer-links a:hover {
                color: #3182CE;
                padding-left: 5px;
            }

            /* Center the Quick Links menu items directly under the heading in desktop view */
            .footer-container > .footer-column:nth-child(2) {
                display: flex;
                flex-direction: column;
                align-items: center;
            }

            .footer-container > .footer-column:nth-child(2) h3 {
                text-align: center;
                width: 100%;
            }

            .footer-container > .footer-column:nth-child(2) .footer-links {
                display: inline-block;
                text-align: left;
                margin: 0 auto;
            }

            .footer-container > .footer-column:nth-child(2) .footer-links li {
                text-align: left;
            }

            .footer-container > .footer-column:nth-child(2) .footer-links a {
                text-align: left;
            }

            .contact-info {
                list-style: none;
            }

            .contact-info li {
                margin-bottom: 15px;
                display: flex;
                align-items: flex-start;
                gap: 10px;
                color: #E0E0E0;
            }

            .contact-info li span {
                font-size: 18px;
                min-width: 35px;
                width: 35px;
                height: 35px;
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: #3182CE;
                border-radius: 50%;
                flex-shrink: 0;
                transition: background-color 0.3s ease;
                margin-top: 2px;
            }

            .contact-info li span:hover {
                background-color: #63B3ED;
            }

            .contact-info li span svg {
                flex-shrink: 0;
                width: 18px;
                height: 18px;
                fill: #FFFFFF;
            }

            .contact-info a {
                color: #E0E0E0;
                text-decoration: none;
            }

            .contact-info a:hover {
                color: #3182CE;
            }

            .footer-phones {
                display: flex;
                flex-direction: column;
                gap: 6px;
                line-height: 1.4;
            }

            .footer-phones div {
                display: block;
            }

            .footer-bottom {
                border-top: 1px solid #2C5282;
                margin-top: 40px;
                padding-top: 20px;
                text-align: center;
                color: #E0E0E0;
            }

            .footer-bottom p {
                margin-bottom: 10px;
                font-size: 14px;
            }

            .footer-bottom a {
                color: #3182CE;
                text-decoration: none;
                font-weight: 600;
            }

            .footer-bottom a:hover {
                color: #63B3ED;
                text-decoration: underline;
            }

            .social-links {
                display: flex;
                gap: 15px;
                margin-top: 20px;
                justify-content: center;
            }

            .social-links a {
                width: 40px;
                height: 40px;
                background-color: #2C5282;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #FFFFFF;
                text-decoration: none;
                transition: background-color 0.3s ease, transform 0.3s ease;
            }

            .social-links a:hover {
                background-color: #3182CE;
                transform: scale(1.1);
            }

            .social-links a svg {
                width: 20px;
                height: 20px;
                fill: #FFFFFF;
            }

            @media (max-width: 768px) {
                footer {
                    padding: 40px 0 20px 0;
                }

                .footer-container {
                    grid-template-columns: 1fr;
                    gap: 30px;
                }

                .footer-column h3 {
                    font-size: 16px;
                }

                .footer-logo {
                    font-size: 17px;
                }

                /* Reset Quick Links column alignment on mobile */
                .footer-container > .footer-column:nth-child(2) {
                    display: block;
                    align-items: flex-start;
                }

                .footer-container > .footer-column:nth-child(2) h3 {
                    text-align: left;
                }
            }

.on-site-facilities {
    color: #2C5282;
    font-weight: 500;
}

.on-site-facilities .facility-highlight {
    color: #1A365D;
    font-weight: 600;
}

/* Shared static-site enhancements */
.fade-in-up,.reveal-up{opacity:0;transform:translateY(36px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}
.fade-in-up.visible,.reveal-up.visible{opacity:1;transform:translateY(0)}
.fade-in-left,.reveal-left{opacity:0;transform:translateX(-40px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}
.fade-in-left.visible,.reveal-left.visible{opacity:1;transform:translateX(0)}
.fade-in-right,.reveal-right{opacity:0;transform:translateX(40px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}
.fade-in-right.visible,.reveal-right.visible{opacity:1;transform:translateX(0)}
.reveal-zoom{opacity:0;transform:scale(.88);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}
.reveal-zoom.visible{opacity:1;transform:scale(1)}
.reveal-fade{opacity:0;transition:opacity .9s ease;will-change:opacity}
.reveal-fade.visible{opacity:1}
.reveal-blur{opacity:0;filter:blur(8px);transform:translateY(16px);transition:opacity .8s ease,filter .8s ease,transform .8s ease;will-change:opacity,filter,transform}
.reveal-blur.visible{opacity:1;filter:blur(0);transform:translateY(0)}
.reveal-pop{opacity:0;transform:scale(.7) translateY(20px);transition:opacity .65s cubic-bezier(.34,1.4,.64,1),transform .65s cubic-bezier(.34,1.4,.64,1);will-change:opacity,transform}
.reveal-pop.visible{opacity:1;transform:scale(1) translateY(0)}
.gallery-item,.video-item,.gallery-item.reveal-pop,.gallery-item.reveal-zoom,.video-item.reveal-pop,.video-item.reveal-zoom{opacity:1;transform:none;filter:none}
.stagger-children>*{opacity:0;transform:translateY(16px) scale(.96);transition:opacity .5s ease,transform .5s cubic-bezier(.34,1.3,.64,1)}
.stagger-children.visible>*{opacity:1;transform:translateY(0) scale(1)}
.stagger-children.visible>:nth-child(1){transition-delay:.05s}
.stagger-children.visible>:nth-child(2){transition-delay:.1s}
.stagger-children.visible>:nth-child(3){transition-delay:.15s}
.stagger-children.visible>:nth-child(4){transition-delay:.2s}
.stagger-children.visible>:nth-child(5){transition-delay:.25s}
.stagger-children.visible>:nth-child(6){transition-delay:.3s}
.stagger-children.visible>:nth-child(7){transition-delay:.35s}
.stagger-children.visible>:nth-child(8){transition-delay:.4s}
.stagger-children.visible>:nth-child(9){transition-delay:.45s}
.stagger-children.visible>:nth-child(10){transition-delay:.5s}
.stagger-children.visible>:nth-child(11){transition-delay:.55s}
.stagger-children.visible>:nth-child(12){transition-delay:.6s}
.stagger-children.visible>:nth-child(n+13){transition-delay:.65s}
.menu-toggle,.scroll-top-btn{border:0}
.skip-link{position:absolute;left:-9999px;top:0;background:#fff;color:#1A365D;padding:10px;z-index:3000}
.skip-link:focus{left:10px;top:10px}
.media-fallback{width:100%;height:100%;min-height:180px;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;background:#EDF2F7;color:#1A365D;font-weight:700}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.fade-in-up,.fade-in-left,.fade-in-right,.reveal-up,.reveal-left,.reveal-right,.reveal-zoom,.reveal-fade,.reveal-blur,.reveal-pop,.stagger-children>*{opacity:1;transform:none;filter:none}}