.search-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(620px,100%);height:100%;height:100dvh;max-width:100%;max-height:none;padding:0;border:0;background:#f6f7f5;color:#20382f;box-shadow:-12px 0 48px #0002;overflow:hidden;font:14px/1.45 system-ui,sans-serif}
.search-drawer[open]{display:flex;flex-direction:column;animation:search-drawer-enter .22s ease-out}.search-drawer::backdrop{background:#0007}.search-drawer-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.search-drawer-header{display:flex;align-items:center;gap:10px;padding:calc(16px + env(safe-area-inset-top)) 18px 16px;background:#fff;border-bottom:1px solid #e1e6df;flex:none}.search-drawer-back{width:42px;height:44px;flex:0 0 42px;border:0;background:transparent;color:#20382f;font-size:29px;cursor:pointer}.search-drawer-form{position:relative;flex:1;min-width:0}.search-drawer-form input{box-sizing:border-box;width:100%;height:48px;border:1px solid #cdd6ce;border-radius:28px;background:#fff;padding:0 48px 0 18px;color:#20382f;font:inherit;font-size:16px}.search-drawer-form>button{position:absolute;right:4px;top:4px;width:40px;height:40px;background:transparent;color:#064c3b;border:0;font-size:27px;cursor:pointer}
.search-drawer-body{overflow:auto;overscroll-behavior:contain;min-height:0;flex:1;padding:8px 0 calc(24px + env(safe-area-inset-bottom))}.search-suggestions-heading{margin:0;padding:16px 20px 10px;font-size:16px;font-weight:750;color:#20382f}.search-suggestions-option{display:flex;align-items:center;gap:12px;min-height:48px;padding:11px 20px;box-sizing:border-box;background:#fff;border-bottom:1px solid #edf0eb;color:#20382f;text-decoration:none}.search-suggestions-option:hover,.search-suggestions-option[aria-selected=true]{background:#e7f1e9;color:#064c3b}.search-drawer :focus-visible{outline:2px solid #064c3b;outline-offset:-2px}.search-suggestions-image,.search-suggestions-placeholder{width:56px;height:56px;flex:0 0 56px;object-fit:cover;background:#f1f3ef;border-radius:8px}.search-suggestions-option[data-kind=stores] img{object-fit:contain}.search-suggestions-placeholder{display:grid;place-items:center;font-size:24px;color:#718278}.search-suggestions-name{min-width:0;overflow-wrap:anywhere}.search-suggestions-message{padding:18px 20px;margin:0;color:#536057}.search-suggestions-all{justify-content:center;font-weight:750;color:#064c3b}.search-drawer-retry{margin:0 20px;padding:10px 16px;border:1px solid #064c3b;border-radius:8px;background:white;color:#064c3b;cursor:pointer}
.search-category-rail,.search-popular-rail{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:4px 20px 14px;scroll-padding-inline:20px;-webkit-overflow-scrolling:touch}.search-category-rail>a{flex:none;display:flex;align-items:center;padding:10px 16px;min-height:44px;box-sizing:border-box;border:1px solid #b5cbbb;border-radius:8px;color:#064c3b;background:#fff;text-decoration:none;font-weight:650;scroll-snap-align:start;white-space:nowrap}.search-category-rail>a:hover{background:#e7f1e9}.search-popular-card{box-sizing:border-box;flex:0 0 310px;display:flex;gap:12px;min-height:154px;padding:12px;border:1px solid #dce3da;border-radius:10px;background:#fff;color:#20382f;text-decoration:none;scroll-snap-align:start}.search-popular-card .search-suggestions-image,.search-popular-card .search-suggestions-placeholder{width:108px;height:128px;flex:0 0 108px;object-fit:contain}.search-popular-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;flex:1}.search-popular-copy h4{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 12px;font-size:14px;line-height:1.4;font-weight:700;overflow-wrap:anywhere}.search-popular-copy strong{margin-top:auto;font-size:17px;color:#064c3b}.search-popular-copy small{font-size:10px;color:#68766c}.search-popular-more{margin-top:8px;color:#064c3b;font-size:11px;font-weight:700}.search-drawer-hint{margin:0 20px;font-size:12px;color:#68766c}
@keyframes search-drawer-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}@media(max-width:768px){.search-drawer{width:100%}.search-drawer-header{padding-left:8px;padding-right:12px;gap:4px}.search-suggestions-heading{padding-left:16px}.search-suggestions-option{padding-inline:16px}.search-category-rail,.search-popular-rail{padding-inline:16px;scroll-padding-inline:16px}.search-popular-card{flex-basis:min(310px,84vw)}.search-popular-card .search-suggestions-image,.search-popular-card .search-suggestions-placeholder{width:88px;flex-basis:88px}.search-drawer-hint{margin-inline:16px}}@media(prefers-reduced-motion:reduce){.search-drawer[open]{animation:none}}
/* Shared brass outline for the header and drawer search fields. */
body .header .search-bar input,body .header--reference .reference-header-search input,.search-drawer .search-drawer-form input{border:1px solid #b69a62;box-shadow:0 0 0 1px #ffffffb3,0 2px 7px #3e352012}
body .header .search-bar input:focus,body .header--reference .reference-header-search input:focus,.search-drawer .search-drawer-form input:focus{border-color:#92713a;outline:2px solid #d8bd8580;outline-offset:2px;box-shadow:0 2px 9px #3e35201a}
/* Header search opens the drawer directly; no separate green search button. */
body .header .search-bar>button[type=submit],body .header .search-bar>button:not([type]){display:none}
body .header .search-bar input{padding-right:16px}
body .header .search-bar input::placeholder,body .header--reference .reference-header-search input::placeholder{font-weight:700;opacity:1}
/* Compact header input with a defined brass frame. */
body.marketplace-theme .marketplace-header .search-bar input,body .header .search-bar input{height:40px;min-height:40px;box-sizing:border-box;border:1.5px solid #b39457;border-radius:9px;box-shadow:inset 0 0 0 1px #fff8,0 2px 5px #59411d0d;padding-top:0;padding-bottom:0}
@media(max-width:768px){body.marketplace-theme .marketplace-header .search-bar input,body .header .search-bar input{height:38px;min-height:38px;font-size:13px}}