.searchwrap{flex:0 1 205px;max-width:min(46vw,205px);isolation:isolate}
#psearch{min-height:42px;background:linear-gradient(115deg,#21142fe8,#100c1de8);border-color:#e9d2ffbd;box-shadow:0 0 15px #ba8cff69,inset 0 1px 9px #fff2;padding-right:.7rem}
#psearch::placeholder{color:#e1d2ee9c;opacity:1;font-weight:300;font-style:italic}
#psearch:focus{border-color:#f6e8ff;box-shadow:0 0 19px #bc89ff9c,inset 0 0 10px #d7b5ff1a}
.search-glint::before{background:linear-gradient(100deg,transparent,#e8d2ff88 40%,#fff9 50%,transparent);animation:chogan-search-shine 5.6s ease-in-out infinite;will-change:transform;left:0;transform:translateX(-230%) skewX(-18deg)}
@keyframes chogan-search-shine{0%,35%{transform:translateX(-230%) skewX(-18deg)}65%,100%{transform:translateX(350%) skewX(-18deg)}}
#presults{left:auto;width:min(350px,calc(100vw - 32px));max-height:min(62svh,470px)}
#presults .pres{min-height:52px;align-items:center;gap:.6rem;padding:.6rem .85rem}
#presults .ptext{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
#presults .pnm{font-size:1.08rem}
#presults .pbr{white-space:normal;font-size:.68rem;line-height:1.35;margin:0;color:#d2c0e5}
#presults .pno{flex-shrink:0}
#scrollcursor{top:max(76px,calc(env(safe-area-inset-top) + 60px));right:0;bottom:max(85px,calc(env(safe-area-inset-bottom) + 72px));width:38px}
#scrollcursor::before{content:"";position:absolute;top:0;bottom:0;right:13px;width:2px;background:linear-gradient(transparent,#c5a1f544 12%,#c5a1f544 88%,transparent);pointer-events:none}
#scrollthumb{right:4px;width:24px;height:54px;border-color:#f5e4ffdc;background:linear-gradient(145deg,#e9d0ffdd,#8754bedc);box-shadow:0 0 12px #b58aff88,inset 0 1px 4px #fff7;backdrop-filter:none;-webkit-backdrop-filter:none;outline:none}
#scrollthumb::before{content:"";position:absolute;inset:-4px -6px}
#scrollthumb i{width:9px;height:2px;background:#fff;box-shadow:0 1px 3px #3c1f60;pointer-events:none}
#scrollthumb:focus-visible{outline:2px solid white;outline-offset:4px}
#scrollthumb.drag{box-shadow:0 0 18px #cb9dffcc,inset 0 0 7px #fff7}
#cap-title{top:max(13vh,88px)}
#cap-perfume{top:78%;}
@media(max-width:380px){.topbar{padding-left:12px;padding-right:12px}.topbar .topbrand{font-size:.84rem;letter-spacing:.055em}.searchwrap{margin-left:.45rem;max-width:48vw}#psearch{font-size:.71rem;padding-left:2.05rem}.searchwrap .sicon{left:.65rem}}
@media(max-height:650px){#cap-title{top:15vh}#cap-title h1{font-size:clamp(1.9rem,6vw,3rem)}#cap-title .eyebrow{font-size:.57rem}#cap-title .baseline{font-size:.58rem;letter-spacing:.08em}#cap-perfume{top:79%}}
@media(orientation:landscape) and (max-height:500px){#cap-title{top:68px}#cap-title h1{font-size:1.9rem;line-height:1}#cap-title .eyebrow{font-size:.5rem;margin-bottom:.25rem}#cap-title .baseline{margin-top:.4rem;font-size:.52rem}#cap-perfume{top:81%}#cap-perfume .pf-desc{display:none}#cap-perfume .pf-card{padding:.35rem .85rem}#cap-perfume .pf-name{font-size:1.25rem}#cap-perfume .pf-rule{margin:.25rem auto}#cap-perfume .pf-fam{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){.search-glint::before{animation:none}}