.nav{display:flex;align-items:center;justify-content:center;position:relative;}
.search-icon{position:absolute;left:0;display:flex;align-items:center;}
.search-icon button{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background-color 0.3s ease;color:#8E413F;}
.search-icon button:hover{background-color:rgba(142, 65, 63, 0.1);}
.item.logo-top{}
.hamburger-icon{position:absolute;right:0;display:flex;align-items:center;}
.hamburger-icon button{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background-color 0.3s ease;color:#8E413F;}
.hamburger-icon button:hover{background-color:rgba(142, 65, 63, 0.1);}
.search-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:none;justify-content:center;align-items:center;z-index:1000;opacity:0;transition:opacity 0.3s ease;}
.search-popup.active{display:flex;opacity:1;}
.search-popup-content{background:white;border-radius:8px;padding:20px;max-width:90%;max-height:90%;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(0, 0, 0, 0.3);}
.close-popup{position:absolute;top:10px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;z-index:1001;padding:5px;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:background-color 0.3s ease;}
.close-popup:hover{background-color:rgba(0, 0, 0, 0.1);}
.search-popup-content iframe{border:none;width:100%;height:100%;min-height:400px;}
.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:none;justify-content:center;align-items:center;z-index:1000;opacity:0;transition:opacity 0.3s ease;}
.mobile-menu.active{display:flex;opacity:1;}
.mobile-menu-content{background:white;border-radius:8px;padding:30px;max-width:90%;max-height:90%;position:relative;overflow-y:auto;box-shadow:0 4px 20px rgba(0, 0, 0, 0.3);width:300px;}
.close-menu{position:absolute;top:15px;right:20px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;z-index:1001;padding:5px;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:background-color 0.3s ease;}
.close-menu:hover{background-color:rgba(0, 0, 0, 0.1);}
.mobile-nav ul{list-style:none;padding:0;margin:0;}
.mobile-nav li{margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:10px;}
.mobile-nav li:last-child{border-bottom:none;margin-bottom:0;}
.mobile-nav a{color:#8E413F;text-decoration:none;font-size:16px;font-weight:500;display:block;padding:8px 0;transition:color 0.3s ease;}
.mobile-nav a:hover{color:#6b2f2d;}
@media(max-width:768px){
.search-popup-content {
margin: 20px;
padding: 15px;
}
.search-icon {
margin-left: 10px;
}
.search-icon button {
padding: 6px;
}
.search-icon svg {
width: 20px;
height: 20px;
}
.hamburger-icon button {
padding: 6px;
}
.hamburger-icon svg {
width: 20px;
height: 20px;
}
.mobile-menu-content {
width: 280px;
padding: 25px;
}
}