.fragrance-search{position:relative;width:100%;padding:0;flex-direction:column}@media (min-width: 768px){.fragrance-search{margin-bottom:-30px}}.fragrance-search__banner{background-size:cover;background-position:center;padding:80px 20px;text-align:center;position:relative;width:100%;height:650px;display:flex;justify-content:center;flex-direction:column}.fragrance-search__content{display:flex;flex-direction:column;gap:20px;color:#fff;position:relative;z-index:2;max-width:600px;margin:0 auto}.fragrance-search__content h1{margin:0}@media (max-width: 767px){.fragrance-search__banner{height:calc(100vh - 200px)}.fragrance-search__content .h1{line-height:32px}.fragrance-search__content .h1,.fragrance-search__content .b1{margin:0 20px}}.fragrance-search__title{color:#fff;font-size:48px;font-weight:600;margin:0 0 16px;line-height:1.2}.fragrance-search__subtitle{color:#ffffffe6;font-size:18px;margin:0 0 40px;line-height:1.5}.fragrance-search__input-wrapper{position:relative;max-width:450px;width:100%;margin:0 auto}@media (max-width: 767px){.fragrance-search__input-wrapper{padding-top:2px}}input.fragrance-search__input{width:100%;padding:16px 50px;border:none;border-radius:50px;background:#f1f6fe;text-align:center;margin:0;text-transform:capitalize}input.fragrance-search__input::placeholder{color:#041646!important}input.fragrance-search__input::-webkit-input-placeholder{color:#041646!important}input.fragrance-search__input::-moz-placeholder{color:#041646!important}input.fragrance-search__input:-ms-input-placeholder{color:#041646!important}input.fragrance-search__input:-moz-placeholder{color:#041646!important}.fragrance-search__input:focus{outline:none}.fragrance-search__search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}.fragrance-search__dropdown{position:absolute;top:calc(100% + 10px);left:0;right:0;background:#f1f6fe;border-radius:5px;box-shadow:0 8px 32px #00000026;max-height:300px;overflow-y:auto;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease}.fragrance-search__dropdown--visible{opacity:1;visibility:visible;transform:translateY(0)}.fragrance-search__results{list-style:none;margin:0;padding:0}.fragrance-search__result-item{padding:16px 20px;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s ease}.fragrance-search__result-item:hover{background-color:#f8f9fa}.fragrance-search__result-item:last-child{border-bottom:none}.fragrance-search__result-name{display:block;text-transform:capitalize;margin-bottom:4px;color:#041646}.fragrance-search__result-brand{display:block;color:#041646}.fragrance-search__content-wrapper{position:relative}.fragrance-search__content-wrapper--loading{min-height:100vh}.fragrance-search__loading-overlay{position:absolute;top:0;left:0;right:0;height:100%;background:#fffffff2;display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.fragrance-search__loading-overlay--visible{opacity:1;visibility:visible}.fragrance-search__loading-spinner{display:flex;align-items:center;justify-content:center}.fragrance-search__recommendations-section{max-width:50%;padding:76px 20px 60px;margin:0 auto;width:100%}@media (max-width: 1024px){.fragrance-search__recommendations-section{max-width:75%}}@media (max-width: 768px){.fragrance-search__recommendations-section{max-width:100%;padding:52px 16px 20px}.fragrance-search__input{padding:11px 30px;height:40px}}.fragrance-search__families-section{padding-bottom:60px;padding-top:20px;margin:0 auto;width:100%}.fragrance-search__families-section{padding-top:0}.fragrance-search__section-title{text-align:center;margin:0 0 70px}@media (max-width: 768px){.fragrance-search__section-title{line-height:32px;margin:0 0 32px}}.fragrance-search__section-title span[data-selected-fragrance]{text-transform:capitalize;font-family:ABCMarist-BookItalic}.fragrance-search__subsection-title{text-align:center;margin:66px 0 24px;font-family:ABCMarist-Book;font-size:24px;line-height:28px}@media (max-width: 768px){.fragrance-search__subsection-title{margin:46px 0 13px;padding:0 20px}}.fragrance-search__recommendations{display:flex;gap:20px;margin-top:40px}.fragrance-search__recommendation-card{background:#fff;border-radius:12px;padding:24px;text-align:center}.fragrance-search__recommendation-image{width:120px;height:120px;margin:0 auto 20px;border-radius:8px;overflow:hidden;background:#f8f9fa}.fragrance-search__recommendation-image img{width:100%;height:100%;object-fit:cover}.fragrance-search__recommendation-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.fragrance-search__recommendation-name{font-size:18px;font-weight:600;color:#333;margin:0 0 8px;line-height:1.3}.fragrance-search__recommendation-brand{color:#666;font-size:14px;margin:0 0 8px}.fragrance-search__recommendation-price{color:#333;font-size:16px;font-weight:600;margin:0;display:none}.fragrance-search__families-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;justify-content:center;margin-bottom:40px;max-width:800px;margin-left:auto;margin-right:auto}.fragrance-search__notes-grid{display:grid;width:100%;grid-template-columns:repeat(6,1fr);grid-column-gap:20px;grid-row-gap:20px;margin-top:45px}@media only screen and (min-width: 1024px){.fragrance-search__notes-grid{margin:0 auto;width:83.25%}}@media (max-width: 1200px){.fragrance-search__notes-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.fragrance-search__notes-grid{grid-template-columns:repeat(3,1fr)}}.fragrance-search__family-item{text-align:center;transition:transform .3s ease}.fragrance-search__family-circle{width:120px;height:120px;display:flex;justify-content:center;align-items:center;border-radius:100%;padding:0 20px;color:#fff;position:relative;margin:20px auto}.fragrance-search__family-circle img{width:100%;height:100%;object-fit:cover;position:absolute;opacity:0;transition:all .3s}.fragrance-search__family-circle:hover img{opacity:1}.fragrance-search__family-name{font-family:Kommuna400Narrow;font-weight:400;font-size:24px;line-height:24px;text-transform:uppercase}.fragrance-search__family-description{font-family:IBMSelectricLight-Italic,sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:24px;max-width:216px;margin:0 auto 10px}a.fragrance-search__discover-link{text-transform:uppercase;font-family:Poppins,sans-serif;font-weight:500;font-size:12px;line-height:15px;display:inline-block;text-decoration:underline}.fragrance-search__note-tag{padding:0 17px;text-align:center;cursor:pointer;margin-bottom:16px;font-family:ABCMarist-Book;font-size:20px;line-height:24px}@media (max-width: 767px){.fragrance-search__note-tag{font-family:ABCMarist-Book;font-size:17px;line-height:21px;padding:10px}}.fragrance-search__note-tag img{width:auto;max-height:135px;object-fit:cover;margin:0 auto;display:block;mix-blend-mode:multiply}@media (max-width: 768px){.fragrance-search__note-tag img{width:88px;max-height:88px}}@media (max-width: 768px){.fragrance-search__banner{padding:0 20px}.fragrance-search__search-icon{left:16px}.fragrance-search__recommendations{display:flex;overflow-x:auto;padding-bottom:20px;gap:10px;margin-right:-16px}.fragrance-search__families-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px}.fragrance-search__family-circle{width:100px;height:100px}}.fragrance-search__recommendation-placeholder{background:#f8f8f8;padding:20px;text-align:center;aspect-ratio:.8;display:flex;align-items:center;justify-content:center}.loading-placeholder{font-family:ABCMarist-Book;font-size:20px;line-height:24px;color:#041646}.fragrance-search__fallback-card{border-radius:8px;padding:20px;text-align:center}.fragrance-search__fallback-image{margin-bottom:16px}.fragrance-search__fallback-placeholder{width:100%;height:150px;background:#e8e8e8;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#999;font-size:12px}.fragrance-search__fallback-placeholder:before{content:"No Image"}.fragrance-search__fallback-name{font-size:16px;font-weight:600;color:#333;margin:0 0 8px;display:none}.fragrance-search__fallback-brand{color:#666;font-size:14px;margin:0 0 8px;display:none}.fragrance-search__fallback-note{color:#999;font-size:12px;font-style:italic;margin:0}
/*# sourceMappingURL=/cdn/shop/t/53/assets/fragrance-search.css.map */