.header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 2rem;background-color:#fff;box-shadow:0 4px 6px #0000001a;width:100%;top:0;z-index:1000}.logo{display:flex;align-items:center}.logo-img{height:50px;width:50px;border-radius:50%;margin-right:1rem}.site-title{text-decoration:none;color:#333;font-size:1.5rem;font-weight:700}.header-center{flex:1;text-align:center;display:flex;justify-content:center}.search-bar{z-index:10;display:flex;align-items:center;background-color:#f0f0f0;border-radius:20px;padding:.5rem;height:40px;width:100%;max-width:none;transition:all .3s ease}.search-bar input{padding:.5rem;border:none;border-radius:20px 0 0 20px;width:100%;background-color:transparent;outline:none;font-size:1rem}.search-bar button{padding:.5rem .75rem;border:none;background-color:transparent;cursor:pointer;color:#333;border-radius:0 20px 20px 0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-top:-2px}.header-right{display:flex;align-items:center;gap:1rem;margin-left:1rem;margin-right:3rem}.nav-buttons{display:flex;gap:1rem;align-items:center}.nav-button{background:none;border:none;color:#333;font-size:1rem;padding:.5rem 1rem;cursor:pointer;position:relative;transition:color .3s;text-decoration:none;height:40px;display:flex;align-items:center}.nav-button:hover{color:#000;background:none}.nav-button:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:12px;left:0;background-color:#000;transform-origin:bottom right;transition:transform .25s ease-out}.nav-button:hover:after{transform:scaleX(1);transform-origin:bottom left}.admin-button{color:tomato}.admin-button:hover{color:#ff4500;background:none}.loyalty-button{color:#ccc!important;cursor:not-allowed}.loyalty-button:hover{color:#ccc!important}.header+*{margin-top:50px}@media (min-width: 769px){.nav-buttons{display:flex}.bottom-navigation{display:none}nav{display:none}.search-bar{width:300px;margin:0 auto}.search-bar.expanded{width:calc(100% - 500px);margin-left:250px;margin-right:250px}}@media (max-width: 768px){.site-title h1{display:none}html{overflow-x:hidden;height:100vh}nav{background-color:#fff;border-top:1px solid #ddd;box-shadow:0 -1px 5px #0000001a}.bottom-navigation{position:fixed;bottom:-4px;left:0;right:0;background-color:#fff;border-top:1px solid #ddd;box-shadow:0 -1px 5px #0000001a;height:70px;display:flex;justify-content:center;align-items:center;z-index:1000;padding:0}.bottom-navigation>div{padding-left:20px;padding-right:20px;width:100%;display:flex;align-items:center;justify-content:space-around;flex-direction:row}.bottom-navigation a{color:#333;text-decoration:none;display:flex;align-items:center;justify-content:center}.bottom-navigation a span{font-size:1.2rem}nav a{color:#333;text-decoration:none;padding:10px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}nav a span{font-size:1.2rem}body{padding-bottom:60px}.nav-buttons{display:none}header{padding:.5rem}.logo h1{font-size:1.2rem}.products{grid-template-columns:1fr;padding:1rem}footer{margin-bottom:60px}.mobile-nav-button{padding:.5rem;background-color:#add8e6;border-radius:50%;transition:background-color .3s}.search-bar{width:90%;max-width:none;min-width:90%;margin-left:auto;margin-right:-60px}.search-bar.expanded{width:200%}.header-right{display:flex;align-items:center;gap:1rem;margin-left:1rem;margin-right:5rem}}@media (min-width: 768px){.bottom-navigation{display:none}footer{margin-bottom:0}body{padding-bottom:0}}main{min-height:calc(100vh - 60px)}.image-transition{transition:transform .5s ease}body{overflow-x:hidden}