/* Define the custom Lexend font weights */
        @font-face { font-family: 'Lexend'; src: url('https://media.marineland.ltd/fonts/Lexend-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; }
        @font-face { font-family: 'Lexend'; src: url('https://media.marineland.ltd/fonts/Lexend-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; }
        @font-face { font-family: 'Lexend'; src: url('https://media.marineland.ltd/fonts/Lexend-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; }
        @font-face { font-family: 'Lexend'; src: url('https://media.marineland.ltd/fonts/Lexend-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; }
        @font-face { font-family: 'Lexend'; src: url('https://media.marineland.ltd/fonts/Lexend-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; }
        @font-face { font-family: 'Lexend'; src: url('https://media.marineland.ltd/fonts/Lexend-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; }
        @font-face { font-family: 'Lexend'; src: url('https://media.marineland.ltd/fonts/Lexend-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; }
        @font-face { font-family: 'Lexend'; src: url('https://media.marineland.ltd/fonts/Lexend-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; }
        @font-face { font-family: 'Lexend'; src: url('https://media.marineland.ltd/fonts/Lexend-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; }
        
        body {
            font-family: 'Lexend', sans-serif;
            background-image: url('https://media.marineland.ltd/images/graphics/watercolour_background_3.svg');
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            background-color: #FDFEFF; /* Fallback */
        }
        
        /* Custom hover effect for buttons */
        .btn-hover {
            transition: all 0.3s ease-in-out;
        }
        .btn-hover:hover {
            transform: translateY(-3px);
            box-shadow: 0 4px 15px rgba(0, 90, 156, 0.2);
        }
        
        /* Custom hover for cards/images */
        .card-hover {
            transition: all 0.3s ease-in-out;
        }
        .card-hover:hover {
            transform: scale(1.03);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
        }

        /* Hero video overlay */
        .hero-overlay {
            background: linear-gradient(0deg, rgba(0, 20, 40, 0.4) 0%, rgba(0, 40, 70, 0.2) 100%);
        }

        /* Ensure cognito form iframe has no background */
        iframe[src*="cognitoforms.com"] {
            background-color: transparent !important;
        }

        /* Make nav blur background */
        .nav-blur {
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
        }

        /* Style for scrolled header links */
        #header nav a, #mobile-menu-button {
            transition: color 0.3s ease-in-out;
        }
        /* Mobile header text color */
        #header nav a.text-white,
        #mobile-menu-button.text-white {
             /* text-shadow: 0 1px 3px rgba(0,0,0,0.5); <-- REMOVED per user request */
        }

        /* Desktop Nav Underline Effect */
        .nav-link-desktop {
            position: relative;
            padding-bottom: 5px; /* Space for the underline */
        }
        .nav-link-desktop::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 2px;
            background-color: currentColor; /* Uses the link's text color */
            transition: width 0.3s ease-in-out;
        }
        .nav-link-desktop:hover::after {
            width: 100%;
        }
        /* Active state for desktop nav */
        .nav-active {
            font-weight: 700; /* Bold */
        }
        .nav-active::after {
            width: 100%; /* Permanent underline */
        }

        /* Active state for mobile nav */
        .mobile-nav-active {
            font-weight: 700; /* Bold */
        }

        /* Active state for footer */
        .footer-active {
            font-weight: 700; /* Bold */
        }

        /* FAB (Floating Action Button) Styles */
        .fab-container {
            position: fixed;
            bottom: 1rem; /* Closer to corner */
            right: 1rem;  /* Closer to corner */
            z-index: 50;
            /* display: flex; */ /* Flex is now controlled by responsive classes */
            flex-direction: column; 
            align-items: flex-end; /* Aligns menu items to the right */
            transition: transform 0.3s ease-in-out; /* For scroll hiding */
        }
        .fab-menu {
            display: flex;
            flex-direction: column; 
            align-items: flex-end; /* Aligns menu items to the right */
            margin-bottom: 0.5rem; /* Space between menu and button */
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
        }
        .fab-menu.open {
            max-height: 500px; /* arbitrary large number */
            transition: max-height 0.3s ease-in;
        }
        .fab-menu-item {
            display: flex;
            align-items: center;
            margin-bottom: 0.75rem; 
            background-color: white;
            padding: 0.5rem 1rem;
            border-radius: 9999px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
            font-weight: 600;
            color: #1f2937; /* text-gray-800 */
            text-decoration: none;
            transition: all 0.2s ease-in-out;
            white-space: nowrap; /* Prevents text wrap */
        }
        .fab-menu-item:hover {
            background-color: #f3f4f6; /* bg-gray-100 */
            transform: scale(1.05);
        }
        .fab-menu-item i {
            margin-right: 0.5rem;
            color: #3b82f6; /* text-blue-500 */
            width: 20px; /* Ensure icons align */
            text-align: center;
        }
        .fab-button {
            width: 4rem; /* 64px */
            height: 4rem; /* 64px */
            border-radius: 50%;
            background-color: #3b82f6; /* bg-blue-500 */
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
            border: none;
            cursor: pointer;
            transition: all 0.3s ease-in-out;
            order: 2; /* Ensure button is at the bottom */
        }
        .fab-button:hover {
            background-color: #2563eb; /* bg-blue-600 */
            transform: scale(1.1);
        }
        .fab-button i {
            font-size: 1.5rem; /* 24px */
            transition: transform 0.3s ease-in-out;
            width: 24px; /* Ensure icons align */
            text-align: center;
        }
        /* Rotate icon when open */
        .fab-button.open i {
            transform: rotate(135deg);
        }
        .fab-menu {
            order: 1; /* Ensure menu is above the button */
        }