html.fragrance-search-open{overflow:hidden}
.fragrance-search{box-sizing:border-box;width:min(700px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:32px;border:1px solid #d6bf95;border-radius:8px;background:#fbf5ea;color:#35281c;box-shadow:0 28px 100px #0005;overflow-y:auto;font:14px/1.6 'DM Sans',Arial,sans-serif}
.fragrance-search::backdrop{background:#08101bb8;backdrop-filter:blur(6px)}
.fragrance-search-head{position:relative;padding-inline-end:35px}.search-house{font-size:10px;letter-spacing:.2em;color:#8a6837}
.fragrance-search h2{font:500 clamp(30px,5vw,42px)/1.15 'Playfair Display',Georgia,serif;letter-spacing:-.03em;margin:12px 0 8px}.search-intro{color:#75634e;margin:0 0 24px}
.search-dismiss{position:absolute;inset-inline-end:-8px;top:-12px;width:44px;height:44px;border:0;background:transparent;color:#61472c;font:30px Arial;cursor:pointer}
.search-field{display:flex;align-items:center;gap:12px;border:1px solid #bd9a61;background:#fffdf7;border-radius:4px;padding:0 14px;min-height:56px}.search-field:focus-within{outline:2px solid #b18b48;outline-offset:3px}.search-field svg{width:20px;height:20px;stroke:#987443;stroke-width:1.6;fill:none;flex-shrink:0}.search-field input{width:100%;min-width:0;border:0!important;padding:15px 0!important;background:transparent!important;box-shadow:none!important;color:#35281c;font:16px 'DM Sans',Arial,sans-serif;outline:none}.search-field input::-webkit-search-cancel-button{display:none}.search-clear{border:0;background:none;color:#785729;cursor:pointer;min-height:44px;font:12px Arial}
.search-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 22px}.search-suggestions button{border:1px solid #dcc9a8;border-radius:30px;background:transparent;padding:8px 16px;min-height:40px;color:#694e2f;cursor:pointer;font:12px 'DM Sans',Arial,sans-serif}.search-suggestions button:hover{background:#efe0c8}.search-count{font-size:11px;letter-spacing:.07em;color:#7d6647;margin:0 0 10px}
.search-result{display:flex;align-items:center;gap:16px;padding:14px 0;border-top:1px solid #e3d5bf;color:#35281c;text-decoration:none;transition:background .15s}.search-result:hover{background:#f3e8d7}.search-result img{width:70px;height:80px;object-fit:cover;border-radius:3px;flex-shrink:0}.search-result-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.search-result-info small{font-size:9px;letter-spacing:.12em;color:#8a6735}.search-result-info strong{font:500 21px/1.2 Georgia,serif}.search-result-info>span{font-size:12px;color:#7b6c5a}.search-result-price{font-size:14px;font-weight:500;white-space:nowrap}.search-result-arrow{font-size:22px;color:#a78043}.search-help{border-top:1px solid #e3d5bf;padding-top:16px;margin:4px 0 0;color:#88765e;font-size:12px}.search-empty{padding:26px 12px 32px;text-align:center}.search-empty h3{font:26px Georgia,serif;margin:0 0 12px}.search-empty p{color:#7b6c5a}
.fragrance-search button:focus-visible,.search-result:focus-visible{outline:2px solid #9c783d;outline-offset:3px}.search-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:500px){.fragrance-search{padding:24px 18px;max-height:calc(100dvh - 24px)}.search-result{gap:10px}.search-result img{width:54px;height:66px}.search-result-info strong{font-size:17px}.search-result-price{font-size:12px}.search-result-arrow{display:none}.search-intro{font-size:13px}}
@media(prefers-reduced-motion:reduce){.search-result{transition:none}}

.fragrance-search[open]{animation:search-arrive .2s cubic-bezier(.2,.8,.2,1)}
.fragrance-search[open]::backdrop{animation:search-backdrop .2s ease-out}
@keyframes search-arrive{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@keyframes search-backdrop{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.fragrance-search[open],.fragrance-search[open]::backdrop{animation:none}}

.search-suggestions button{transition:background .5s ease,color .5s ease,border-color .5s ease,box-shadow .5s ease}
.search-suggestions button[aria-pressed="true"]{background:#b89454;color:#241b10;border-color:#a17c40;box-shadow:0 3px 10px #8a683721}
@media(prefers-reduced-motion:reduce){.search-suggestions button{transition:none}}