:root{--mobile-search-offset:78px}body.mobile-search-open{overflow:hidden}@media(max-width:900px){.search-box{transition:width .2s ease}.search-box:not(.is-expanded){width:44px;min-width:44px;height:44px}.search-box:not(.is-expanded) input{opacity:0;pointer-events:none;padding:0}.search-box:not(.is-expanded) .search-suggest{display:none}.search-box:not(.is-expanded) button[type="submit"]{position:static;width:44px;height:44px;border-radius:50%;background:#f3f2f6;color:#5a5f6d;display:flex;align-items:center;justify-content:center;transform:none;font-size:19px}.search-box.is-expanded{position:absolute;top:0;right:0;left:0;width:auto;height:var(--mobile-search-offset);z-index:1210;background:#fff;display:flex;align-items:center;gap:6px;padding:0 16px;box-shadow:0 8px 24px rgba(0,0,0,.1);animation:mobileSearchIn .2s ease both}@keyframes mobileSearchIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.search-box.is-expanded input{opacity:1;pointer-events:auto;flex:1;height:46px}.search-box.is-expanded button[type="submit"]{position:static;flex:none;font-size:22px}.search-close-btn{display:none}.search-box.is-expanded .search-close-btn{display:flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border:0;background:transparent;color:#5a5f6d;font-size:20px;cursor:pointer}.search-box.is-expanded .search-suggest{display:block;position:fixed;top:var(--mobile-search-offset);right:0;left:0;max-height:calc(100vh - var(--mobile-search-offset));border-radius:0}}