.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:64px;background-color:white;position:fixed;top:0;width:100%;z-index:1000}.navbar.scrolled{box-shadow:0 2px 4px rgba(0,0,0,.1)}.navbar__left{display:flex;align-items:center;gap:8px}.navbar__logo-image{object-fit:contain}.navbar__brand{font-size:1.5rem;font-weight:700;color:#333}.navbar__center{display:flex;gap:20px;list-style:none}.navbar__center li a{color:#333;text-decoration:none;font-weight:500}.navbar__center li a:hover{color:#0CBC87}.navbar__right{display:flex;align-items:center;gap:10em}.navbar__cart-icon{font-size:1.2rem;cursor:pointer}.navbar__login-btn{color:white;padding:8px 16px;border-radius:6px;text-decoration:none;font-weight:600;transition:background-color .3s ease}.navbar__login-btn,.navbar__login-btn:hover{background-color:#0CBC87}.navbar.hidden{transform:translateY(-100%)}.navbar__logo{font-size:1.5rem;font-weight:700}.navbar__hamburger{display:flex;flex-direction:column;justify-content:space-between;height:20px;width:30px;cursor:pointer;z-index:20}.navbar__bar{height:4px;width:100%;background-color:#333333;transition:transform .3s ease,opacity .3s ease}.navbar__hamburger--open .navbar__bar:first-child{transform:rotate(45deg) translate(5px,5px)}.navbar__hamburger--open .navbar__bar:nth-child(2){opacity:0}.navbar__hamburger--open .navbar__bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.navbar__menu{position:absolute;top:100%;left:0;width:100%;background-color:#9995da;border-top:1px solid #dddddd;max-height:0;display:flex;flex-direction:column;overflow:hidden;transition:max-height .4s ease}.navbar__menu--open{max-height:300px}.navbar__item{list-style:none}.navbar__link{display:block;padding:16px;text-decoration:none;color:#333333;transition:background-color .3s ease}.navbar__link:hover{background-color:#f0f0f0;border-radius:5px}@media (min-width:768px){.navbar__menu{position:static;max-height:none;display:flex;flex-direction:row;gap:16px;border-top:none}.navbar__menu--open{display:flex}.navbar__link{padding:0 16px}.navbar__hamburger{display:none}}.navbar__user,.navbar__user-info{display:flex;align-items:center;gap:8px}.navbar__avatar{height:32px;width:32px;border-radius:50%;object-fit:cover}.navbar__username{font-size:1rem;color:#333333}.footer{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 50PX;background-color:#e9eef4;color:#3E4359;font-family:Arial,sans-serif}.footer__column{flex:1;padding:10px}.footer__column--logo{max-width:300px}.footer__column--info{text-align:center}.footer__column--links{text-align:right}.footer__logo{font-size:1.5rem}.footer__logo,.footer__section{font-weight:700;margin-bottom:10px}.footer__section{font-size:1.2rem}.footer__objective{font-size:.9rem;margin-bottom:5px}.footer__motto{font-size:.8rem;font-style:italic}.footer__info-item{margin-bottom:10px;font-size:.9rem;display:flex;align-items:center;justify-content:center}.footer__icon{margin-right:8px;font-size:1rem}.footer__social-icons{margin-top:10px}.footer__social-link{margin:0 5px;color:#3E4359;font-size:1.2rem;text-decoration:none;transition:color .3s}.footer__social-link:hover{color:#007bff}.footer__links{list-style:none;padding:0;margin:0}.footer__link-item{margin-bottom:8px}.footer__link{color:#3E4359;text-decoration:none;font-size:.9rem;transition:color .3s}.footer__link:hover{color:#007bff}@media (max-width:768px){.footer{flex-direction:column;text-align:center}.footer__column{margin-bottom:20px}.footer__column--links{text-align:center}}