.search-wrapper{padding:clamp(1rem,3vw,2rem) clamp(1rem,3vw,2rem) clamp(.5rem,2vw,1.5rem);max-width:100%;margin:0 auto;width:100%;position:sticky;top:0;z-index:1000;display:flex;justify-content:center;align-items:center;gap:20px}.search-wrapper::after,.search-wrapper::before{content:'';display:block;height:0}.search-container{position:relative;width:100%;max-width:min(600px,70vw);margin:0}.search-input{width:100%;padding:clamp(14px,3vw,18px) clamp(20px,4vw,24px);font-size:clamp(16px, 2.5vw, 18px);border:2px solid rgba(255,255,255,.3);border-radius:clamp(25px,5vw,30px);background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-primary);box-shadow:var(--shadow-medium);transition:var(--transition);outline:0;font-family:inherit;line-height:1.4;box-sizing:border-box;height:calc(clamp(14px,3vw,18px) * 2 + 1.4em);text-align:left;overflow-x:auto;white-space:nowrap}.search-input:focus{border-color:var(--accent-color);box-shadow:0 6px 25px rgba(31,51,19,.3);background:var(--glass-bg)}.search-input::placeholder{color:var(--text-secondary);opacity:.8}.search-icon{position:absolute;right:clamp(15px,3vw,20px);top:50%;transform:translateY(-50%);font-size:clamp(18px, 3vw, 22px);color:var(--text-secondary);pointer-events:none;opacity:.7}.search-highlight{background-color:rgba(31,51,19,.2);font-weight:700;padding:0 2px;border-radius:2px}.search-results{padding:2rem;max-width:1200px;margin:0 auto}.search-results h2{color:#fff;margin-bottom:1.5rem;font-family:var(--font-heading);font-size:clamp(1.5rem, 4vw, 2rem);text-align:center}.search-results-list{display:flex;flex-direction:column;gap:.75rem}.search-result-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(255,255,255,.9);border:1px solid rgba(102,126,234,.1);border-radius:12px;cursor:pointer;transition:var(--transition);backdrop-filter:blur(10px)}.search-result-item:hover{background:#fff;border-color:rgba(102,126,234,.3);transform:translateY(-2px);box-shadow:0 4px 20px rgba(102,126,234,.15)}.search-result-image{flex-shrink:0;width:60px;height:60px;border-radius:8px;overflow:hidden;background:rgba(102,126,234,.05);display:flex;align-items:center;justify-content:center}.result-preview-image{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:8px;transition:var(--transition);max-width:100%;max-height:100%;background-color:#f8f9fa}.search-result-content{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.result-name{font-weight:600;font-size:clamp(.9rem, 2.2vw, 1.1rem);color:var(--text-primary);line-height:1.3;word-wrap:break-word}.result-brand{font-size:clamp(.8rem, 2vw, .95rem);color:var(--text-secondary);font-weight:400}.no-perfume-results,.no-results{text-align:center;padding:3rem 1rem;color:#fff}.no-perfume-results{grid-column:1/-1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.no-perfume-results h3,.no-results h3{font-family:var(--font-heading);font-size:clamp(1.2rem, 3vw, 1.5rem);margin-bottom:.5rem;color:#fff}.no-perfume-results p,.no-results p{font-size:clamp(.9rem, 2.2vw, 1rem);color:#fff}@media (max-width:768px){.search-wrapper{padding:clamp(.75rem,2vw,1rem)}.search-input{padding:clamp(12px,3vw,16px) clamp(16px,4vw,20px);font-size:clamp(14px, 3vw, 16px);height:calc(clamp(10px,2.5vw,14px) * 2 + 1.4em);text-align:left;overflow-x:auto;white-space:nowrap}.search-icon{right:clamp(12px,3vw,16px);font-size:clamp(16px, 3vw, 20px)}.search-result-item{padding:.75rem;gap:.75rem}.search-result-image{width:50px;height:50px}.search-results{padding:1rem}}@media (max-width:480px){.search-result-item{padding:.5rem;gap:.5rem}.search-result-image{width:45px;height:45px}.search-results{padding:1rem}.search-input{padding:clamp(10px,3vw,14px) clamp(14px,4vw,18px);font-size:clamp(14px, 3.5vw, 16px);border-radius:clamp(20px,5vw,25px);height:calc(8px * 2 + .85rem * 1.4);text-align:left;overflow-x:auto;white-space:nowrap}.search-icon{right:clamp(10px,3vw,14px);font-size:clamp(14px, 3vw, 18px)}}@media (max-width:320px){.search-input{padding:10px 14px;font-size:14px;border-radius:20px;height:calc(6px * 2 + .8rem * 1.4);text-align:left;overflow-x:auto;white-space:nowrap}.search-icon{right:10px;font-size:14px}}@media (max-width:768px) and (orientation:landscape){.search-wrapper{padding:clamp(.5rem,1.5vw,1rem)}}@media (min-width:1024px){.search-input{font-size:18px;padding:18px 24px;text-align:left;overflow-x:auto;white-space:nowrap}}@media (min-width:1440px){.search-wrapper{max-width:900px}.search-input{font-size:20px;padding:20px 28px;text-align:left;overflow-x:auto;white-space:nowrap}.search-icon{font-size:24px;right:22px}}