.header-hidden{transform:translateY(-100%)}.header-hidden,.header-visible{transition:transform .3s ease-in-out}.header-visible{transform:translateY(0)}.header-default{position:sticky;top:0;width:100%;z-index:100;transition:position 0s,transform .3s ease-in-out}.header-static{position:static!important}.gallery-container{display:flex;gap:1rem;margin:0 auto;max-width:1200px}.gallery-column{flex:1;display:flex;flex-direction:column;gap:1rem}.gallery-image{width:100%;height:auto;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.image-container{position:relative;display:inline-block}.image-container img{display:block;transition:filter .2s ease;filter:grayscale(1);scale:1;transition:.2s ease}.image-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:color;pointer-events:none;transition:opacity .2s ease;opacity:1}.image-container img:hover{filter:none;scale:1.05;transition:scale .2s ease}.image-container:hover:after{opacity:0}.icon:hover{scale:1.1;transition:.1s ease-in-out}.mobile-menu-container{overflow:hidden;max-height:0;transition:max-height .5s ease-in-out;background-color:#2b8264;border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:0 4px 10px rgba(0,0,0,.2)}.mobile-menu-container.open{max-height:700px}.mobile-menu-list{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 0}.mobile-menu-btn,.mobile-menu-link{position:relative;font-size:1.2rem;font-weight:500;transition:all .3s ease-in-out}.mobile-menu-btn:hover,.mobile-menu-link:hover{transform:translateY(-3px);color:#c0fcd1}.mobile-menu-btn:after,.mobile-menu-link:after{content:"";position:absolute;width:100%;height:2px;bottom:-4px;left:0;background-color:#fceb9c;transform:scaleX(0);transition:transform .3s ease-out}.mobile-menu-btn:hover:after,.mobile-menu-link:hover:after{transform:scaleX(1)}.navbar-container{position:sticky;top:0;z-index:50;background:white;box-shadow:0 4px 12px rgba(0,0,0,.1)}.navbar{display:flex;align-items:center;justify-content:flex-start;padding:.5rem 0;max-width:1400px;margin:0 auto}.navbar-brand{flex-shrink:0;margin-left:auto}.navbar-logo{transform:scale(1.1);transition:transform .3s ease}.navbar-logo:hover{transform:scale(1.15)}.navbar-menu{display:flex;flex:1;justify-content:center}.navbar-links{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.navbar-link{color:#fff;font-weight:600;text-decoration:none;border-radius:.375rem;transition:all .3s ease;position:relative}.active{color:#b9a879}.navbar-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:#b9a879;transition:all .3s ease;transform:translateX(-50%)}.navbar-link:hover:after{width:80%}.navbar-actions{display:flex;align-items:center;gap:1rem;margin-right:auto}.navbar-icon-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:50%;background:white;border:1px solid #e5e7eb;transition:all .3s ease;cursor:pointer;position:relative}.navbar-icon-btn:hover{background:#f9fafb;border-color:#b9a879}.navbar-icon{width:1.5rem;height:1.5rem;color:#054239}.notification-badge{position:absolute;top:-.25rem;right:-.25rem;background:#ef4444;color:white;font-size:.75rem;font-weight:700;border-radius:50%;height:1.25rem;width:1.25rem;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.notification-dropdown{position:absolute;left:0;top:100%;margin-top:.75rem;width:20rem;background:white;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.1);z-index:50;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e5e7eb}.notification-header h3{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0}.mark-all-read-btn{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;color:#4f46e5;background:none;border:none;cursor:pointer;transition:color .2s ease}.mark-all-read-btn:hover{color:#3730a3}.btn-icon{width:1rem;height:1rem}.notification-list{max-height:24rem;overflow-y:auto;padding:.5rem}.notification-item{display:flex;align-items:flex-start;padding:.75rem;border-radius:.5rem;transition:background-color .15s;border-bottom:1px solid #f3f4f6}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#f9fafb}.notification-dot{flex-shrink:0;margin-top:.25rem}.dot-icon{width:1.5rem;height:1.5rem;color:#4f46e5}.notification-content{flex-grow:1;margin-right:.75rem;text-align:right}.notification-text{font-size:.875rem;font-weight:600;color:#1f2937;margin:0}.notification-time{font-size:.75rem;color:#6b7280;margin:.25rem 0 0}.empty-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;color:#6b7280}.empty-icon{width:3rem;height:3rem;color:#b9a879;margin-bottom:.5rem}.empty-notifications p{margin:0;font-size:.875rem}.profile-dropdown{position:absolute;left:0;top:100%;margin-top:.75rem;width:14rem;background:white;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.1);z-index:50;padding:.5rem;animation:slideDown .3s ease-out}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;text-align:right;padding:.75rem;color:#374151;font-weight:500;text-decoration:none;border-radius:.5rem;transition:background-color .15s;border:none;background:none;cursor:pointer}.dropdown-item:hover{background:#f3f4f6}.item-icon{width:1.25rem;height:1.25rem;color:#054239}.login-btn{background:#054239;color:white;border:2px solid #054239;padding:.625rem 1.25rem;border-radius:.5rem;font-weight:600;transition:all .3s ease;cursor:pointer}.login-btn:hover{background:white;color:#b9a879}.mobile-menu-toggle{display:none}.menu-toggle-btn{color:#fff;transition:color .3s ease;background:none;border:none;cursor:pointer;padding:.5rem}.menu-toggle-btn:hover{opacity:.7}.mobile-menu{display:none;background:#054239;overflow:hidden;max-height:0;transition:max-height .3s ease}.mobile-menu-open{max-height:500px}.mobile-menu-list{list-style:none;padding:1rem;margin:0}.mobile-menu-btn,.mobile-menu-link{display:block;padding:.75rem 1rem;color:#fff;text-decoration:none;border-radius:.375rem;transition:background-color .3s ease;width:100%;text-align:right;background:none;border:none;font:inherit;cursor:pointer}.mobile-menu-btn:hover,.mobile-menu-link:hover{background:rgba(185,168,121,.1)}@media (max-width:1024px){.navbar-actions,.navbar-menu{display:none}.mobile-menu,.mobile-menu-toggle{display:block}}@media (max-width:640px){.navbar{padding:.75rem 1rem}.notification-dropdown{width:18rem;left:-8rem}}.official-website-link{color:#054239;font-weight:600;text-decoration:none;padding:.5rem .75rem;border-radius:.375rem;transition:all .3s ease;position:relative}.official-website-link:hover{color:#b9a879}.official-website-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:#b9a879;transition:all .3s ease;transform:translateX(-50%)}.official-website-link:hover:after{width:80%}.navbar-icon-container{position:relative;display:inline-block}.notification-dropdown,.profile-dropdown{position:absolute;top:100%;left:0;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:1000;width:250px;padding:10px;margin-top:10px}