.search-panel-dialog{position:fixed;inset:0 0 auto;margin:0;width:100%;max-width:100%;height:auto;max-height:100dvh;border:0;border-radius:0;padding:0;background:var(--cream);color:var(--ink);overflow:auto;overscroll-behavior:contain;box-shadow:0 12px 28px #28221722}
.search-panel-dialog::backdrop{background:#302b2370;backdrop-filter:none}
.search-panel-dialog[open]{animation:search-reveal .18s ease-out}
.search-panel-content{position:relative;padding:24px var(--page-gutter) 20px;text-align:center}
.search-close{position:absolute;right:24px;top:12px}

.search-panel-dialog .eyebrow{display:flex;justify-content:center;align-items:center;gap:10px;font:500 10px/1.5 var(--sans);letter-spacing:2.3px;color:var(--eyebrow-color);margin:0 40px 9px}
.search-panel-dialog .eyebrow img{width:27px;height:27px;object-fit:contain;flex-shrink:0}
.search-panel-dialog h2{font:400 44px/1.15 var(--serif);letter-spacing:-1.6px;margin:0 0 16px}
.search-form{max-width:828px;margin:0 auto}
.search-field{display:flex;align-items:center;gap:14px;min-height:62px;padding:5px 5px 5px 18px;border:1px solid #d4b691;border-radius:12px;background:#fffdf9;box-shadow:0 2px 8px #9473420b}
.search-field:focus-within{border-color:#cba26a;box-shadow:0 0 0 2px #dfb45c20}
.search-field>svg{width:24px;height:24px;stroke-width:1.6;flex-shrink:0}
.search-field input{border:0;background:transparent;min-width:0;width:100%;padding:10px 0;font:400 16px/1.5 var(--sans);color:var(--ink)}
.search-field input:focus-visible{outline:0}
.search-field input::placeholder{color:#82817b;opacity:1}
.search-field input::-webkit-search-cancel-button,.search-field input::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}
.search-clear{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:44px;padding:0;border-radius:4px;color:var(--ink);background:transparent}
.search-clear[hidden]{display:none}
.search-clear svg{width:18px;height:18px;stroke-width:1.5;pointer-events:none}
.search-clear:hover{background:#ede8dd}
.search-clear:focus-visible{outline-offset:0}
.search-submit{flex-shrink:0;min-width:132px;min-height:50px;padding:12px 26px;border-radius:9px;background:var(--ink);color:var(--cream);font:400 14px/1.5 var(--sans)}
.search-submit:hover{background:#525845}
.search-suggestions{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin:15px 0 24px}
.search-suggestions p{font:400 13px/1.5 var(--sans);margin:0}
.search-suggestions>div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.search-suggestions button{border:1px solid #dfcfba;border-radius:999px;padding:11px 26px;font:400 13px/1.5 var(--sans);background:transparent}
.search-suggestions button:hover,.search-suggestions button:focus-visible{background:#f5efe3}
.search-collections,.search-results{border-top:1px solid var(--line);padding-top:10px}
.search-panel-dialog h3{font:400 24px/1.4 var(--serif);letter-spacing:-.5px;margin:0 0 10px}
.search-collections>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:0 14px}
.search-collection{display:grid;grid-template-columns:minmax(0,1fr) 22px;gap:12px 10px;align-items:center;text-align:left;min-width:0}
.search-collection img{grid-column:1/-1;width:100%;height:auto;aspect-ratio:2.1/1;object-fit:cover;border-radius:8px}
.search-collection span{font:400 22px/1.3 var(--serif);letter-spacing:-.5px}
.search-collection svg,.search-result svg{width:21px;height:21px;stroke-width:1.3}
.search-collection:hover,.search-result:hover{color:var(--clay)}
.search-collection:hover svg,.search-result:hover svg{transform:translateX(2px)}
.search-shop-all{margin-top:24px;font-size:13px;gap:18px;align-items:center}
.search-shop-all svg{width:20px;height:20px;stroke-width:1.4}
.search-results[hidden],.search-collections[hidden],.search-view-results[hidden]{display:none}
.search-result-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;text-align:left}
.search-result{display:grid;grid-template-columns:72px minmax(0,1fr) 20px;gap:16px;align-items:center;min-height:100px;padding:12px 0;border-bottom:1px solid var(--line)}
.search-result img{width:72px;height:72px;object-fit:cover;border-radius:9px}
.search-result strong{display:block;font:400 18px/1.3 var(--serif);margin-bottom:4px}
.search-result small{display:block;font:400 11px/1.5 var(--sans);color:var(--muted)}
.search-view-results{margin-top:20px}
.search-empty{grid-column:1/-1;text-align:center;font-size:13px;line-height:1.7;color:var(--muted);padding:12px 0}
@keyframes search-reveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.search-collections>div{gap:18px;padding:0}.search-collection span{font-size:19px}.search-result-list{grid-template-columns:repeat(2,minmax(0,1fr))}.search-panel-dialog h2{font-size:40px}}
@media(max-width:700px){.search-panel-content{padding:24px 22px}.search-close{right:12px;top:10px}.search-panel-dialog .eyebrow{font-size:8px;letter-spacing:1.5px;gap:8px;margin-bottom:12px}.search-panel-dialog .eyebrow img{width:24px;height:24px}.search-panel-dialog h2{font-size:32px;line-height:1.15;letter-spacing:-1px;margin-bottom:20px}.search-field{gap:9px;padding-left:12px;min-height:56px}.search-field>svg{width:20px;height:20px}.search-submit{min-width:76px;min-height:44px;padding:10px 14px;font-size:12px}.search-suggestions{gap:10px;margin:16px 0 20px}.search-suggestions p{width:100%;font-size:12px}.search-suggestions>div{gap:8px}.search-suggestions button{padding:9px 14px;font-size:12px}.search-panel-dialog h3{font-size:22px}.search-collections>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.search-collection{column-gap:4px;row-gap:8px}.search-collection img{aspect-ratio:1.55/1}.search-collection span{font-size:17px;letter-spacing:-.3px}.search-collection svg{width:18px;height:18px}.search-result-list{grid-template-columns:1fr}.search-shop-all{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.search-panel-dialog[open]{animation:none}}