/* ========================= */

        header {

            position: sticky;

            top: 0;

            z-index: 999;

            background: #fff;

            box-shadow: 0 3px 15px rgba(0, 0, 0, .08);

        }

        .header-container {

            max-width: 1300px;

            margin: auto;

            padding: 15px 25px;

            display: flex;

            justify-content: space-between;

            align-items: center;

        }

        .logo {

            display: flex;

            align-items: center;

            gap: 12px;

            text-decoration: none;

        }

        .logo-icon {

            font-size: 32px;

            color: #0c6b44;

        }

        .logo span {

            display: block;

            font-size: 40px;

            font-weight: 900;

            color: #00695c;

            line-height: 1;

        }

        .logo small {

            display: block;

            letter-spacing: 3px;

            font-size: 15px;

            color: #00695c;

            font-weight: 700;

            margin-top: 4px;

        }

        nav {

            display: flex;

            align-items: center;

            gap: 30px;

        }

        nav a {

            text-decoration: none;

            font-weight: 500;

            color: #333;

            transition: .25s;

        }

        nav a:hover {

            color: #0c6b44;

        }

        .whatsapp-btn {

            background: #147a3d;

            color: #fff;

            padding: 12px 24px;

            border-radius: 8px;

            text-decoration: none;

            font-weight: bold;

            transition: .3s;

        }

        .whatsapp-btn:hover {

            background: #0f6332;

        }




        /* =====================================
   MOBILE HAMBURGER MENU
===================================== */

        .menu-toggle {
            display: none;
            width: 44px;
            height: 44px;
            align-items: center;
            justify-content: center;
            font-size: 26px;
            cursor: pointer;
            color: #00695c;
            border-radius: 8px;
            transition: .25s;
        }

        .menu-toggle:hover,
        .menu-toggle:active {

            background: #eef7f1;

        }

        .mobile-overlay {
            position: fixed;
            inset: 0;
            background: rgba(0, 0, 0, .45);
            opacity: 0;
            visibility: hidden;
            transition: .3s;
            z-index: 9998;
        }

        .mobile-menu {
            position: fixed;
            top: 0;
            right: -320px;
            width: 300px;
            max-width: 85%;
            height: 100%;
            background: #fff;
            box-shadow: -5px 0 25px rgba(0, 0, 0, .18);
            padding: 25px;
            transition: .35s ease;
            z-index: 9999;
            display: flex;
            flex-direction: column;
            overflow-y: auto;
            border-left: 1px solid #ececec;
        }

        .mobile-menu::-webkit-scrollbar {

            width: 6px;

        }

        .mobile-menu::-webkit-scrollbar-thumb {

            background: #ddd;

            border-radius: 20px;

        }

        .mobile-menu.active {
            right: 0;
        }

        .mobile-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        .mobile-close {
            text-align: right;
            font-size: 28px;
            cursor: pointer;
            color: #333;
            margin-bottom: 25px;
        }

        .mobile-menu a {

            text-decoration: none;

            color: #333;

            font-size: 17px;

            font-weight: 600;

            padding: 16px 0;

            border-bottom: 1px solid #f2f2f2;

            transition: .25s;

            display: flex;

            align-items: center;

        }

        .mobile-menu a:hover {

            color: #14804a;

            padding-left: 10px;

        }

        .mobile-whatsapp {
            margin-top: 25px;
            background: #14804a;
            color: #fff !important;
            text-align: center;
            border-radius: 8px;
            padding: 15px !important;
            border: none !important;
            font-weight: bold;
        }

        .mobile-whatsapp:hover {
            background: #0f693b;
            padding-left: 0 !important;
        }

        body.menu-open {
            overflow: hidden;
        }

        @media(max-width:768px) {

            .menu-toggle {
                display: block;
            }

            nav {
                display: none;
            }

        }