.search-drawer{position:fixed;inset:0 0 0 auto;margin:0;border:0;padding:0;width:50%;max-width:none;max-height:none;height:100%;height:100dvh;background:#fff;color:#000;overflow-y:auto;overscroll-behavior:contain}
.search-drawer::backdrop{background:rgba(0,0,0,.75)}
.search-drawer-inner{padding:40px 30px 60px}
.search-drawer-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}
.search-drawer-heading h2{font-size:24px;line-height:1.2;font-weight:400;margin:0}
.search-drawer-heading button{display:grid;place-items:center;border:0;background:none;padding:0;width:30px;height:30px;cursor:pointer}
.search-drawer-form{display:flex;height:55px;border:1px solid #777}
.search-drawer-form input[type=search]{min-width:0;flex:1;border:0;background:#fff;padding:0 20px;font:inherit;font-size:20px;outline-offset:-3px}
.search-drawer-form input::placeholder{color:#aaa;opacity:1}
.search-drawer-form button{display:grid;place-items:center;flex:0 0 55px;margin:-1px;border:0;background:#000;color:#fff;cursor:pointer}
.search-drawer-form button svg{width:28px;height:28px}
.search-drawer-content{padding-top:50px}
.search-drawer-content h3{margin:0 0 20px;color:#707070;font-size:14px;line-height:1.3;font-weight:400}
.search-trending{list-style:none;margin:0 0 50px;padding:0}
.search-trending li+li{margin-top:13px}
.search-trending a{font-size:24px;line-height:1.3;text-decoration:none}
.search-trending a:hover,.search-products a:hover span{text-decoration:underline}
.search-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 5px}
.search-products a{color:inherit;text-decoration:none;min-width:0}
.search-products img{display:block;width:100%;aspect-ratio:5/6;object-fit:cover;background:#eee}
.search-products span{display:block;padding:20px 10px 0;font-size:16px;line-height:1.35}
@media(max-width:899px){
 .search-drawer{width:100%}
 .search-drawer-inner{padding:30px 20px 50px}
 .search-drawer-heading{margin-bottom:22px}
 .search-drawer-heading h2{font-size:20px}
 .search-drawer-form button{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .search-drawer-content{padding-top:28px}
 .search-trending{margin-bottom:52px}
 .search-trending li+li{margin-top:13px}
 .search-products{grid-template-columns:1fr;gap:36px}
 .search-products span{padding-left:0}
}
.search-drawer .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
