.menu-item.search-popup-icon .sp-desktop-icon{display:inline-block;vertical-align:middle;cursor:pointer}.sp-popup{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0 0 0 / .6)}.sp-popup-content{background-color:#fff;margin:10% auto;padding:20px;border-radius:6px;width:90%;max-width:400px;position:relative}.sp-popup-content form{display:flex;flex-direction:column;gap:10px}.sp-popup-content input[type="text"]{flex:1;padding:8px 10px;font-size:16px}.sp-popup-content button{align-self:center;padding:8px 16px;font-size:16px;cursor:pointer}.sp-close{position:absolute;top:8px;right:12px;font-size:24px;font-weight:700;color:#333;cursor:pointer}.sp-mobile-search{display:none}@media (max-width:768px){.menu-item.search-popup-icon .sp-desktop-icon{display:none}.sp-mobile-search{display:flex;align-items:center;gap:5px;width:100%}.sp-mobile-search input[type="text"]{flex:1;padding:5px 10px;font-size:14px;border:1px solid #ccc;border-radius:4px}.sp-mobile-search button.sp-icon-button{width:24px;height:24px;cursor:pointer;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center}}.menu-item.search-popup-icon a.sp-desktop-icon:hover,.sp-mobile-search input[type="text"]:focus{opacity:.8}.menu-item.search-popup-icon svg.sp-icon{width:18px;height:18px;stroke-width:2}