.mobile-header-search{display:none}@media(max-width:780px){.site-header{padding-bottom:10px}.header-main{position:relative}.header-main .menu-toggle{position:absolute;left:0;top:50%;z-index:2;transform:translateY(-50%)}.header-main .header-logo{position:absolute;left:50%;top:50%;width:min(var(--fs-mobile-logo-width, 160px),calc(100% - 150px));max-width:none;justify-content:center;overflow:visible;transform:translate(-50%,-50%)}.header-main .header-logo img{margin-inline:auto}.header-main .header-actions{position:absolute;right:0;top:50%;z-index:2;transform:translateY(-50%)}.mobile-header-search{display:block;position:relative}.mobile-header-search .search-form{width:100%;height:46px;border:1.5px solid #d8c8c3;border-radius:12px;background:#fffaf7;box-shadow:0 3px 12px #2114100f}.mobile-header-search .search-form input[type=search]{min-width:0;width:100%;padding:0 14px;color:var(--ink);font-size:16px}.mobile-header-search .search-form input[type=search]::placeholder{color:#746a66;opacity:1}.mobile-header-search .search-form button{flex:0 0 50px;width:50px;background:var(--orange)}.mobile-header-search .search-form button svg{width:21px;height:21px}.mobile-header-search .predictive-search{top:calc(100% + 6px);left:0;right:0;z-index:150;max-height:min(62vh,520px);border-radius:12px}.mobile-header-search .predictive-search__item{grid-template-columns:52px minmax(0,1fr) auto;gap:9px}.mobile-header-search .predictive-search__title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mobile-header-search .predictive-search__price{font-size:12px}.header-actions [data-open-search]{display:none}.mobile-menu__head{position:sticky;top:0;z-index:3;background:#fff}.mobile-menu__body{display:block;padding:8px 14px 24px}.mobile-menu__body>a,.mobile-menu__level-one>summary{display:flex;width:100%;min-height:52px;align-items:center;justify-content:space-between;margin:0;padding:13px 6px;border-bottom:1px solid var(--line);color:var(--ink);font-size:15px;font-weight:750;line-height:1.3;overflow-wrap:anywhere;touch-action:manipulation}.mobile-menu__body>a{cursor:pointer}.mobile-menu__body>a:active,.mobile-menu__level-one>summary:active{color:var(--green);background:var(--leaf)}.mobile-menu__level-one>summary span{flex:0 0 auto;margin-left:12px}.mobile-menu details a{min-height:44px;padding:11px 16px;line-height:1.35}}
/*# sourceMappingURL=/cdn/shop/t/103/assets/mobile-header-search-v2-7-7-4.css.map */