/* Header search uses a native modal for focus trapping and Escape dismissal. */
.search-popup{position:fixed;inset:20px 0 auto;margin:0 auto;width:min(760px,calc(100% - 40px));max-width:760px;max-height:calc(100dvh - 40px);padding:32px;border:0;border-radius:6px;background:var(--paper,#fffdfa);color:var(--ink,#25221e);box-shadow:0 24px 80px #0003;overflow:auto;font-family:var(--shop-font,Outfit,sans-serif)}
.search-popup::backdrop{background:#0008;backdrop-filter:blur(4px)}
.search-popup__heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.search-popup__heading h2{margin:0;font:400 28px/1.2 var(--shop-font,Outfit,sans-serif)}
.search-popup__field{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--ink,#25221e);padding:0 0 12px}.search-popup__field>.icon{flex:0 0 22px;width:22px;height:22px}.search-popup__field input[type=search]{flex:1;min-width:0;width:100%;border:0;padding:10px 0;font-size:16px;outline:none;box-shadow:none}.search-popup__field:focus-within{border-bottom-color:var(--pink,#b71466)}.search-popup__field input[type=search]:focus{border:0;outline:none;box-shadow:none}.search-popup__field .button{background:var(--pink,#b71466);border-color:var(--pink,#b71466);font-size:12px;letter-spacing:1px;padding:12px 18px}.search-popup__status{font-size:13px;line-height:1.6;margin:18px 0;color:var(--ink,#25221e)}
.search-popup__results{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0;margin:0}.search-popup__results a{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit}.search-popup__results img{width:64px;height:86px;object-fit:cover;flex-shrink:0;background:#eee}.search-popup__results span{font-size:14px;font-weight:400;line-height:1.5}.search-popup__all{display:block;width:100%;margin-top:24px;padding:16px 0 0;border:0;border-top:1px solid #ddd;background:transparent;color:var(--pink,#b71466);text-align:left;cursor:pointer;font:500 14px var(--shop-font,Outfit,sans-serif)}
html:has(.search-popup[open]){overflow:hidden}
@media(max-width:600px){.search-popup{top:12px;width:calc(100% - 24px);padding:22px 18px;max-height:calc(100dvh - 24px)}.search-popup__heading h2{font-size:24px}.search-popup__results{grid-template-columns:1fr;gap:16px}.search-popup__field{gap:10px}.search-popup__field .button{padding:12px;letter-spacing:0}}
@media(prefers-reduced-motion:no-preference){.search-popup[open]{animation:search-popup-in .18s ease-out}@keyframes search-popup-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}