.header{z-index:1500;filter:drop-shadow(0 4px 4px #00000026);background-color:#e6f0f0;justify-content:start;align-items:center;width:100%;height:60px;display:flex;position:fixed}.header .header-wrapper{justify-content:start;align-items:center;gap:30px;width:100%;max-width:1730px;height:100%;display:flex}.header .header-wrapper .header-elements{align-items:center;height:100%;display:flex}.header .header-wrapper .header-elements .header-link{color:#373c40;align-items:center;gap:8px;width:max-content;padding:20px 35px;font-size:16px;text-decoration:none;display:flex;position:relative}.header .header-wrapper .header-elements .header-link .favourites-counter{color:#fff;background-color:#1c6687;border-radius:50%;justify-content:center;align-items:center;padding:5px 8px 2px;font-size:12px;display:flex}.header .header-wrapper .header-elements .header-link:after{content:"";width:0;transition:all .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.header .header-wrapper .header-elements .header-link.active:after{content:"";background-color:#901852;width:100%;height:4px;transition:all .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.header .header-wrapper .mobile-btn,.header .mobile-header-menu{display:none}
@media screen and (min-width:2560px){.header,.header .header-wrapper .logo .logo-img{height:90px!important}.header .header-wrapper .header-elements .header-link{padding:28px 35px!important;font-size:26px!important}}@media screen and (max-width:1024px){.header{filter:none;padding:0}.header .header-wrapper{z-index:451;justify-content:space-between;max-width:1024px;padding:0 24px 0 0;box-shadow:0 4px 4px #00000026}.header .header-wrapper .header-elements{display:none}.header .header-wrapper .mobile-btn{background-color:#bad5d3;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:3.5px;width:40px;height:40px;display:flex}.header .header-wrapper .mobile-btn span{background:#324b57;border-radius:5px;width:16px;height:2.5px;transition:all .3s linear}.header .header-wrapper .mobile-btn.active span:first-child,.header .header-wrapper .mobile-btn.active span:nth-child(3){margin:0;transform:translateY(5px)rotate(-45deg)scaleX(1.3)}.header .header-wrapper .mobile-btn.active span:nth-child(2){height:0;margin:0}.header .header-wrapper .mobile-btn.active span:nth-child(3){transform:translateY(-5px)rotate(45deg)scaleX(1.3)}.header .mobile-header-menu{z-index:450;background-color:#e6f0f0;width:100%;height:max-content;transition:all .3s;display:flex;position:absolute;top:60px;transform:translateY(-110%)}.header .mobile-header-menu.active{transition:all .3s;transform:translateY(0);box-shadow:0 4px 4px #00000026}.header .mobile-header-menu .header-elements{flex-direction:column;width:100%;margin:24px;display:flex}.header .mobile-header-menu .header-elements .header-link{color:#373c40;align-items:center;gap:8px;padding:17px;display:flex}.header .mobile-header-menu .header-elements .header-link .favourites-counter{color:#fff;background-color:#1c6687;border-radius:50%;justify-content:center;align-items:center;padding:5px 8px 2px;font-size:12px;display:flex}.header .mobile-header-menu .header-elements .header-link.active{background-color:#bad5d3;border-radius:4px}}
.favourite-notifications{z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;top:80px;right:20px}.notification{color:#fff;background:#1d6686e6;border-radius:8px;justify-content:space-between;align-items:center;min-width:300px;padding:16px 20px;font-size:14px;font-weight:500;animation:.3s ease-out slideIn,.3s ease-in 2.7s forwards fadeOut;display:flex;box-shadow:0 4px 12px #00000026}.notification.success{background:#1d6686e6}.notification.error{background:#f44336e6}.notification .close-btn{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;margin-left:12px;padding:0;font-size:20px;font-weight:700;line-height:1;transition:opacity .2s;display:flex}.notification .close-btn:hover{opacity:1}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media (max-width:768px){.favourite-notifications{top:70px;right:10px}.notification{min-width:280px;padding:14px 18px;font-size:13px}}@media (max-width:480px){.favourite-notifications{left:5px;right:5px}.notification{min-width:auto}}