.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:flex-start;padding-top:8vh;z-index:1000;opacity:0;transition:opacity 0.3s ease;box-sizing:border-box;}
.search-popup.active{display:flex;opacity:1;}
.search-popup-content{background:white;border-radius:12px;padding:24px;width:620px;max-width:calc(100vw - 32px);max-height:calc(100vh - 12vh);position:relative;overflow-y:auto;box-shadow:0 8px 40px rgba(0, 0, 0, 0.25);}
.close-popup{position:absolute;top:12px;left:12px;background:none;border:none;font-size:26px;cursor:pointer;color:#999;z-index:1001;padding:0;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:background-color 0.2s ease, color 0.2s ease;line-height:1;}
.close-popup:hover{background-color:rgba(0, 0, 0, 0.08);color:#333;}
.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;}
.mobile-nav-row{display:flex;align-items:center;justify-content:space-between;}
.mobile-nav-row a{flex:1;}
.submenu-toggle{background:none;border:none;cursor:pointer;padding:8px;color:#8E413F;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color 0.2s ease, transform 0.3s ease;flex-shrink:0;}
.submenu-toggle:hover{background-color:rgba(142, 65, 63, 0.1);}
.submenu-toggle[aria-expanded="true"]{transform:rotate(180deg);}
.mobile-sub-menu{list-style:none;padding:0 20px 0 0;margin:0;}
.mobile-sub-menu li{margin-bottom:0;border-bottom:1px solid #f5f5f5;padding-bottom:0;}
.mobile-sub-menu li:last-child{border-bottom:none;}
.mobile-sub-menu a{font-size:14px;font-weight:400;color:#666;padding:8px 12px;}
.mobile-sub-menu a:hover{color:#8E413F;}
.mobile-sub-menu .mobile-sub-menu{padding-right:16px;}
.mobile-sub-menu .mobile-sub-menu a{font-size:13px;color:#888;}
.tsimer-search-container{width:100%;padding-top:8px;}
.tsimer-search-input-wrap{position:relative;}
.tsimer-search-input-wrap input{width:100%;padding:16px 16px 16px 48px;border:2px solid #ddd;border-radius:10px;font-size:18px;direction:rtl;box-sizing:border-box;transition:border-color 0.3s ease, box-shadow 0.3s ease;-webkit-appearance:none;appearance:none;font-family:Arial, sans-serif;background:#fafafa;}
.tsimer-search-input-wrap input:focus{outline:none;border-color:#8E413F;background:#fff;box-shadow:0 0 0 3px rgba(142, 65, 63, 0.12);}
.search-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);pointer-events:none;}
.tsimer-search-results{overflow-y:auto;display:none;margin-top:12px;border:1px solid #e8e0de;border-radius:10px;background:#fff;}
.tsimer-results-section{border-bottom:1px solid #e8e0de;}
.tsimer-results-section:last-child{border-bottom:none;}
.tsimer-results-header{padding:10px 16px;font-size:13px;font-weight:bold;color:#8E413F;background:#f5f0ef;direction:rtl;letter-spacing:0.3px;position:sticky;top:0;z-index:1;}
.tsimer-result-item{display:flex;flex-direction:column;padding:12px 16px;text-decoration:none;color:#333;border-bottom:1px solid #f0eded;direction:rtl;transition:background-color 0.15s ease;}
.tsimer-result-item:last-child{border-bottom:none;}
.tsimer-result-item:hover{background-color:#f9f5f4;}
.tsimer-result-title{font-size:15px;font-weight:500;line-height:1.5;}
.tsimer-result-title mark{background:#fce4b8;color:inherit;padding:0 2px;border-radius:2px;}
.tsimer-result-subtitle{font-size:13px;color:#888;margin-top:3px;}
.tsimer-search-loading, .tsimer-search-no-results, .tsimer-search-error{padding:28px 16px;text-align:center;color:#999;direction:rtl;font-size:15px;}
.tsimer-search-error{color:#c0392b;}
@media(max-width:768px){
.search-popup {
padding-top: 0;
align-items: flex-start;
}
.search-popup-content {
width: 100vw;
max-width: 100vw;
max-height: 100vh;
height: 100vh;
border-radius: 0;
padding: 16px;
box-shadow: none;
}
.close-popup {
top: 10px;
left: 10px;
width: 40px;
height: 40px;
font-size: 28px;
background: rgba(0,0,0,0.05);
}
.tsimer-search-container {
padding-top: 48px;
}
.tsimer-search-input-wrap input {
padding: 14px 14px 14px 44px;
font-size: 17px;
border-radius: 8px;
}
.tsimer-search-results {
border-radius: 8px;
margin-top: 10px;
}
.tsimer-results-header {
padding: 10px 14px;
font-size: 12px;
}
.tsimer-result-item {
padding: 11px 14px;
}
.tsimer-result-title {
font-size: 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;
}
}