.main__logo--link {
    display: flex;
    flex-direction: column;
    text-decoration: none; 
    line-height: 1.2;      
}

.logo-text-main {
    font-size: 24px;     
    font-weight: 800;    
    color: #510d88ff;          
    text-transform: uppercase;
    letter-spacing: 1px;
}

.logo-text-sub {
    font-size: 14px;      
    font-weight: 400;     
    color: #666;          
    margin-top: -2px;     
    letter-spacing: 2px;
}
         .main__logo--img,
         .offcanvas__logo img {
         width: 102px;
         height: auto;
         }
         @media (max-width: 768px) {
         .main__logo--img {
         margin-right: 0px !important;
         }
         .logo-text-main {
    font-size: 20px;     

}
         }
         @media (max-width: 768px) {
         .main__logo--img,
         .offcanvas__logo img {
         width: 72px;
         height: auto;  
         }
         }
         #search-overlay {
         display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.9); z-index: 99999; padding-top: 100px;
         }
         .search-input-group { max-width: 600px; margin: 0 auto; }
         .search-results { max-width: 600px; margin: 20px auto; background: #fff; border-radius: 8px; max-height: 400px; overflow-y: auto; }
         .result-item { padding: 10px 20px; border-bottom: 1px solid #eee; display: block; color: #333; }
         .result-item:hover { background: #f8f9fa; }
         .notification-dot { 
         position: absolute; top: -5px; right: -5px; background: red; color: white; 
         font-size: 10px; padding: 2px 5px; border-radius: 50%; font-weight: bold;
         }