.perfume-finder-section{width:100%;color:var(--text-color);background:var(--body-background)}.perfume-finder-inner{max-width:860px;margin:0 auto;padding:0 1.5rem 3.25rem}#shopify-section-page_banner_perfume_finder .page-banner-content-inner{margin-inline:auto;text-align:center}.pf-progress-wrapper{margin-bottom:2.5rem}.pf-progress-bar{position:relative;height:4px;background:var(--border-color);border-radius:100px;overflow:hidden}.pf-progress-fill{height:100%;background:var(--button-background, var(--heading-color));border-radius:100px;transition:width .45s cubic-bezier(.4,0,.2,1);width:0%}.pf-progress-steps{display:flex;justify-content:space-between;margin-top:.625rem}.pf-progress-step-label{font-size:var(--text-xxs);color:var(--text-color);opacity:.5;transition:opacity .3s ease,color .3s ease;font-family:var(--body-font-family);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px;text-align:center}.pf-progress-step-label.is-active{opacity:1;color:var(--heading-color);font-weight:600}.pf-progress-step-label.is-done{opacity:.75}.pf-steps-container{position:relative;min-height:340px}.pf-step{display:none;animation:pfFadeIn .35s ease forwards}.pf-step.is-active{display:block}.pf-step.is-leaving{animation:pfFadeOut .2s ease forwards}@keyframes pfFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pfFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.pf-step-header{text-align:center;margin-bottom:2rem}.pf-step-number{display:inline-block;font-size:var(--text-xxs);color:var(--text-color);opacity:.5;text-transform:uppercase;letter-spacing:.12em;font-family:var(--body-font-family);margin-bottom:.5rem}.pf-step-title{font-family:var(--heading-font-family);font-size:var(--h6);font-weight:var(--heading-font-weight);color:var(--heading-color);line-height:var(--heading-line-height);letter-spacing:var(--heading-letter-spacing);border:0;background:transparent;box-shadow:none;padding:0;margin:0 0 .5rem}.pf-step-subtitle{font-family:var(--body-font-family);font-size:var(--text-xs);color:var(--text-color);opacity:.7;margin:0}.pf-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.875rem;margin-bottom:2rem}@media(min-width:600px){.pf-options-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.pf-options-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}}.pf-options-grid--notes{grid-template-columns:repeat(2,1fr)}@media(min-width:480px){.pf-options-grid--notes{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.pf-options-grid--notes{grid-template-columns:repeat(4,1fr)}}.pf-option-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.625rem;padding:1.35rem .85rem;min-height:142px;border:none;border-radius:var(--card-radius);background:var(--body-background);cursor:pointer;transition:border-color .25s ease,background .25s ease,transform .2s ease,box-shadow .25s ease;text-align:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;appearance:none;-webkit-appearance:none;font-family:inherit}.pf-option-card:focus-visible{outline:2px solid var(--heading-color);outline-offset:2px}.pf-option-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #fafafa1a}.pf-option-card:hover,.pf-option-card.is-selected{background:#fff;border-radius:32px;box-shadow:0 15px 40px #ffffff14;transform:translateY(-2px)}.pf-option-card.is-selected:after{content:"\2713";position:absolute;top:14px;right:18px;font-size:18px;color:#86253f}.pf-option-card.is-selected:after{content:"\2713";position:absolute;top:.5rem;right:.5rem;font-size:1.5rem;font-weight:700;color:var(--heading-color);line-height:1}.pf-option-emoji{display:flex;align-items:center;justify-content:center;font-size:32px;line-height:1;width:auto;height:auto;background:transparent}.pf-option-emoji:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:999px;background:color-mix(in srgb,var(--heading-color) 14%,transparent);z-index:1;transform:scale(.9);opacity:0;transition:opacity .25s ease,transform .28s ease}.pf-option-card:hover .pf-option-emoji:before,.pf-option-card.is-selected .pf-option-emoji:before{transform:scale(1.08)}.pf-option-card:hover .pf-option-emoji:after,.pf-option-card.is-selected .pf-option-emoji:after{opacity:1;transform:scale(1)}.pf-option-card{--pf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l2.4 5.2L20 9l-4 4.1.9 5.9L12 16.5 7.1 19l.9-5.9L4 9l5.6-.8L12 3z'/%3E%3C/svg%3E")}.pf-option-card[data-value=female],.pf-option-card[data-value=floral]{--pf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-6.9-4.4-9.5-8.1C.4 9.8 2 6.3 5.3 5.3 7.4 4.7 9.5 5.5 11 7c1.5-1.5 3.6-2.3 5.7-1.7 3.3 1 4.9 4.5 2.8 7.6C18.9 16.6 12 21 12 21z'/%3E%3C/svg%3E")}.pf-option-card[data-value=male]{--pf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='5' r='3'/%3E%3Cpath d='M12 8v6M7 14h10v6H7z'/%3E%3C/svg%3E")}.pf-option-card[data-value=woody],.pf-option-card[data-value=leather]{--pf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2h12v5H6zm1 6h10v14H7zm3 2v10m4-10v10'/%3E%3C/svg%3E")}.pf-option-card[data-value=unisex]{--pf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='4' r='2.5'/%3E%3Ccircle cx='15' cy='4' r='2.5'/%3E%3Cpath d='M9 6.5v5m0 0h-3v6M12 11.5h3v6M9 11.5h6'/%3E%3C/svg%3E")}.pf-option-card[data-value=fresh],.pf-option-card[data-value=spring]{--pf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c.5 4 4 7 8 8-4 1-7.5 4-8 8-.5-4-4-7-8-8 4-1 7.5-4 8-8zM8 9v6m2-6v6m4-6v6'/%3E%3C/svg%3E")}.pf-option-card[data-value=winter]{--pf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1l1.5 4h4.2l-3.4 2.4 1.3 4-3.6-2.6-3.6 2.6 1.3-4-3.4-2.4h4.2L12 1z'/%3E%3C/svg%3E")}.pf-option-card[data-value=oriental]{--pf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c5.5 0 10 4.5 10 10s-4.5 10-10 10S2 17.5 2 12 6.5 2 12 2zm0 2c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm3 4l-3 2-3-2v4l-2 1 2 1v4l3-2 3 2v-4l2-1-2-1z'/%3E%3C/svg%3E")}.pf-option-card[data-value=spicy],.pf-option-card[data-value=party]{--pf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2 6h6l-5 3 2 6-5-3-5 3 2-6-5-3h6l2-6z'/%3E%3C/svg%3E")}.pf-option-card[data-value=summer]{--pf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cpath d='M12 1v4M12 19v4M23 12h-4M5 12H1M20 4l-3 3M7 21l-3-3M20 20l-3-3M7 7l-3-3'/%3E%3C/svg%3E")}.pf-option-card[data-value=fruity]{--pf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2 1 1-2 1 2 2-1-1 2 2 1-2 0 0 2-2-1-2 1v-2l-2 0 2-1-1-2zm-6 8c2 0 4 2 4 4s-2 4-4 4-4-2-4-4 2-4 4-4zm12 0c2 0 4 2 4 4s-2 4-4 4-4-2-4-4 2-4 4-4z'/%3E%3C/svg%3E")}.pf-option-card[data-value=everyday]{--pf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 2l-1 2H6a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-2l-1-2h-2l-1 2h-2l-1-2zm3 5a4 4 0 110 8 4 4 0 010-8z'/%3E%3C/svg%3E")}.pf-option-card[data-value=office],.pf-option-card[data-value=formal],.pf-option-card[data-value=special-occasion]{--pf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4h8a2 2 0 012 2v2h3a1 1 0 011 1v9a2 2 0 01-2 2H4a2 2 0 01-2-2V9a1 1 0 011-1h3V6a2 2 0 012-2zm0 4h8V6H8v2zm12 3H4v7h16v-7z'/%3E%3C/svg%3E")}.pf-option-card[data-value=outdoor],.pf-option-card[data-value=casual],.pf-option-card[data-value=aromatic]{--pf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3C8.5 3 6 5.5 6 9c0 5.2 6 12 6 12s6-6.8 6-12c0-3.5-2.5-6-6-6zm0 2.2c2.2 0 3.8 1.6 3.8 3.8 0 1.9-1.4 4.8-3.8 8-2.4-3.2-3.8-6.1-3.8-8 0-2.2 1.6-3.8 3.8-3.8z'/%3E%3C/svg%3E")}.pf-option-card[data-value=fall]{--pf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 20c2.8-5.8 7.2-9.8 13-12M10.5 8.5C8 8 6.6 6.6 6.1 4.1 8.6 4.6 10 6 10.5 8.5Z' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.pf-option-card[data-value=other]{--pf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l1.9 5.1L19 9l-4.1 3 1.6 5L12 14.2 7.5 17l1.6-5L5 9l5.1-1.9L12 2z'/%3E%3C/svg%3E")}.pf-option-label{font-family:var(--body-font-family);font-size:var(--text-xs);font-weight:600;color:var(--heading-color);line-height:1.3;display:block}.pf-option-hint{font-family:var(--body-font-family);font-size:var(--text-xxs);color:var(--text-color);opacity:.6;display:block;line-height:1.4}.pf-multiselect-note{text-align:center;font-size:var(--text-xxs);color:var(--text-color);opacity:.6;margin:-1rem 0 1.5rem;font-family:var(--body-font-family)}.pf-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.5rem;margin-bottom:1rem}.pf-nav--centered{justify-content:center}.pf-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:var(--button-radius);font-family:var(--button-font-family, var(--body-font-family));font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .2s ease;text-decoration:none;border:1px solid transparent;line-height:1;white-space:nowrap}.pf-btn:focus-visible{outline:2px solid var(--heading-color);outline-offset:2px}.pf-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.pf-btn--primary{background:var(--button-background);color:var(--button-text);border-color:var(--button-border)}.pf-btn--primary:hover:not(:disabled){background:var(--button-background-hover);color:var(--button-text-hover);transform:translateY(-1px)}.pf-btn--secondary{background:transparent;color:var(--heading-color);border-color:var(--border-color)}.pf-btn--secondary:hover:not(:disabled){border-color:var(--heading-color);transform:translateY(-1px)}.pf-btn--full{width:100%}.pf-btn svg{width:16px;height:16px;flex-shrink:0;stroke:currentColor}.pf-results{display:none;animation:pfFadeIn .4s ease forwards}.pf-results.is-visible{display:block}.pf-results-header{text-align:center;margin-bottom:2.5rem}.pf-results-title{font-family:var(--heading-font-family);font-size:var(--h5);font-weight:var(--heading-font-weight);color:var(--heading-color);line-height:var(--heading-line-height);border:0;background:transparent;box-shadow:none;padding:0;margin:0 0 .5rem}.pf-results-subtitle{font-family:var(--body-font-family);font-size:var(--text-sm);color:var(--text-color);opacity:.75;margin:0}.pf-filter-summary{font-family:var(--body-font-family);font-size:var(--text-xxs);color:var(--text-color);opacity:.72;margin:.6rem auto 0;max-width:760px;line-height:1.5}.pf-debug-json{margin:1.2rem auto 0;max-width:760px;padding:1.2rem 1.4rem;border:1px solid rgba(var(--color-foreground),.12);border-radius:1.2rem;background:rgba(var(--color-foreground),.035);color:rgb(var(--color-foreground));font-size:1.15rem;line-height:1.55;text-align:left;white-space:pre-wrap;word-break:break-word;overflow-x:auto}.pf-results-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:2.5rem}@media(min-width:480px){.pf-results-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.pf-results-grid{grid-template-columns:repeat(3,1fr)}}.pf-product-card{border:1px solid var(--border-color);border-radius:var(--product-card-radius, var(--card-radius));overflow:hidden;background:var(--body-background);transition:transform .25s ease,box-shadow .25s ease;animation:pfFadeIn .4s ease both}.pf-product-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.pf-product-image-wrap{position:relative;overflow:hidden;background:var(--image-bg);aspect-ratio:1 / 1}.pf-product-image-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.pf-product-card:hover .pf-product-image-wrap img{transform:scale(1.05)}.pf-match-badge{position:absolute;top:.625rem;left:.625rem;background:var(--heading-color);color:var(--body-background);font-family:var(--body-font-family);font-size:var(--text-xxs);font-weight:700;padding:.25rem .5rem;border-radius:100px;line-height:1}.pf-product-body{padding:1rem}.pf-product-title{font-family:var(--heading-font-family);font-size:var(--text-sm);font-weight:var(--heading-font-weight);color:var(--heading-color);margin:0 0 .25rem;line-height:1.3}.pf-product-price{font-family:var(--body-font-family);font-size:var(--text-xs);color:var(--text-color);opacity:.8;margin:0 0 .5rem}.pf-product-match-reason{font-family:var(--body-font-family);font-size:var(--text-xxs);color:var(--text-color);opacity:.65;margin:0 0 .875rem;line-height:1.5}.pf-product-link{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--body-font-family);font-size:var(--text-xs);color:var(--link-color);text-decoration:none;font-weight:600;transition:color .2s ease,gap .2s ease}.pf-product-link:hover{color:var(--link-hover-color);gap:.5rem}.pf-product-link svg{width:14px;height:14px;stroke:currentColor;flex-shrink:0}.pf-no-results{text-align:center;padding:3rem 1rem;display:none}.pf-no-results.is-visible{display:block;animation:pfFadeIn .4s ease forwards}.pf-no-results-icon{font-size:3rem;margin-bottom:1rem;display:block}.pf-no-results-icon svg{width:3rem;height:3rem;margin:0 auto;display:block;color:var(--heading-color);opacity:.75}.pf-no-results-title{font-family:var(--heading-font-family);font-size:var(--h6-small);color:var(--heading-color);margin:0 0 .5rem}.pf-no-results-text{font-family:var(--body-font-family);font-size:var(--text-xs);color:var(--text-color);opacity:.7;margin:0 0 1.5rem}.pf-results-actions{text-align:center;padding-top:.5rem}.pf-loading{display:none;text-align:center;padding:3rem 1rem}.pf-loading.is-visible{display:block}.pf-loading-dots{display:inline-flex;gap:6px;margin-bottom:1rem}.pf-loading-dot{width:10px;height:10px;border-radius:50%;background:var(--heading-color);animation:pfDotPulse 1.2s ease-in-out infinite both}.pf-loading-dot:nth-child(2){animation-delay:.2s}.pf-loading-dot:nth-child(3){animation-delay:.4s}@keyframes pfDotPulse{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.pf-loading-text{font-family:var(--body-font-family);font-size:var(--text-xs);color:var(--text-color);opacity:.65}@media(max-width:479px){.pf-step-title{font-size:var(--h6-small)}.pf-options-grid{gap:.625rem}.pf-option-card{padding:1rem .55rem;min-height:124px}.pf-option-emoji{width:2rem;height:2rem}.pf-btn{padding:.75rem 1.25rem;font-size:var(--text-xxs)}.pf-results-title{font-size:var(--h6)}.pf-progress-step-label{display:none}.pf-progress-step-label.is-active{display:block}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/perfume-finder.css.map */