.header{position:fixed;top:0;left:0;width:100%;height:var(--header-height);background-color:var(--color-background);border-bottom:1px solid transparent;transition:all var(--transition-base);z-index:100}.header.is-scrolled{background-color:var(--color-background);border-bottom-color:var(--color-border);box-shadow:var(--shadow-sm)}.header.is-transparent{background-color:transparent}.header.is-transparent.is-scrolled{background-color:var(--color-background)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--spacing-xl)}.header__logo{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:700;letter-spacing:.02em}.header__logo a{color:var(--color-primary)}.header.is-transparent:not(.is-scrolled) .header__logo a{color:var(--color-background)}.header__nav{display:flex;align-items:center;gap:var(--spacing-2xl)}.header__nav-list{display:flex;align-items:center;gap:var(--spacing-xl);list-style:none}.header__nav-link{font-size:var(--font-size-sm);font-weight:500;text-transform:uppercase;letter-spacing:.1em;padding:var(--spacing-sm) 0;position:relative}.header__nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:var(--color-secondary);transition:width var(--transition-base)}.header__nav-link:hover:after,.header__nav-link.is-active:after{width:100%}.header.is-transparent:not(.is-scrolled) .header__nav-link{color:var(--color-background)}.header__actions{display:flex;align-items:center;gap:var(--spacing-lg)}.header__action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;cursor:pointer;position:relative}.header__action-btn svg{width:22px;height:22px;stroke:var(--color-primary);stroke-width:1.5;fill:none}.header.is-transparent:not(.is-scrolled) .header__action-btn svg{stroke:var(--color-background)}.header__cart-count{position:absolute;top:2px;right:2px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;background-color:var(--color-secondary);color:var(--color-background);border-radius:50%}.header__menu-toggle{display:none}.mobile-nav{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-background);transform:translate(-100%);transition:transform var(--transition-base);z-index:999;overflow-y:auto}.mobile-nav.is-active{transform:translate(0)}.mobile-nav__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border)}.mobile-nav__close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:24px;cursor:pointer}.mobile-nav__list{list-style:none;padding:var(--spacing-xl)}.mobile-nav__item{border-bottom:1px solid var(--color-border)}.mobile-nav__link{display:block;padding:var(--spacing-lg) 0;font-family:var(--font-heading);font-size:var(--font-size-2xl)}.mobile-nav__footer{padding:var(--spacing-xl);border-top:1px solid var(--color-border)}@media(max-width:992px){.header__nav{display:none}.header__menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;cursor:pointer}.header__menu-toggle span{display:block;width:24px;height:2px;background-color:var(--color-primary);position:relative}.header__menu-toggle span:before,.header__menu-toggle span:after{content:"";position:absolute;left:0;width:100%;height:2px;background-color:var(--color-primary)}.header__menu-toggle span:before{top:-8px}.header__menu-toggle span:after{bottom:-8px}.header.is-transparent:not(.is-scrolled) .header__menu-toggle span,.header.is-transparent:not(.is-scrolled) .header__menu-toggle span:before,.header.is-transparent:not(.is-scrolled) .header__menu-toggle span:after{background-color:var(--color-background)}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--color-background);overflow:hidden}.hero__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.hero__background img,.hero__background video{width:100%;height:100%;object-fit:cover}.hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000004d,#0009)}.hero__content{position:relative;max-width:800px;padding:var(--spacing-2xl);animation:slideUp 1s ease}.hero__eyebrow{display:inline-block;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.3em;color:var(--color-secondary);margin-bottom:var(--spacing-lg)}.hero__title{font-size:var(--font-size-6xl);font-weight:700;margin-bottom:var(--spacing-lg);line-height:1.1}.hero__description{font-size:var(--font-size-xl);font-weight:400;opacity:.9;margin-bottom:var(--spacing-2xl);max-width:600px;margin-left:auto;margin-right:auto}.hero__cta{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.hero__scroll{position:absolute;bottom:var(--spacing-2xl);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.2em;opacity:.7;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}@media(max-width:768px){.hero__title{font-size:var(--font-size-4xl)}.hero__description{font-size:var(--font-size-lg)}}.product-card{position:relative;background-color:var(--color-background);transition:transform var(--transition-base)}.product-card:hover{transform:translateY(-8px)}.product-card__badge{position:absolute;top:var(--spacing-md);left:var(--spacing-md);z-index:2}.product-card__wishlist{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);border:none;border-radius:50%;cursor:pointer;opacity:0;transition:opacity var(--transition-fast);z-index:2}.product-card:hover .product-card__wishlist{opacity:1}.product-card__wishlist svg{width:20px;height:20px;stroke:var(--color-primary);fill:none}.product-card__wishlist.is-active svg{fill:var(--color-error);stroke:var(--color-error)}.product-card__image{position:relative;aspect-ratio:3/4;overflow:hidden;background-color:var(--color-background-secondary)}.product-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-card__image img{transform:scale(1.08)}.product-card__quick-add{position:absolute;bottom:0;left:0;width:100%;padding:var(--spacing-md);background-color:#1a1a1ae6;color:var(--color-background);text-align:center;font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.1em;border:none;cursor:pointer;transform:translateY(100%);transition:transform var(--transition-base)}.product-card:hover .product-card__quick-add{transform:translateY(0)}.product-card__content{padding:var(--spacing-lg);text-align:center}.product-card__brand{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-light);margin-bottom:var(--spacing-xs)}.product-card__title{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:400;margin-bottom:var(--spacing-sm)}.product-card__notes{font-size:var(--font-size-sm);color:var(--color-text-light);margin-bottom:var(--spacing-md)}.product-card__price{font-size:var(--font-size-lg);font-weight:600}.product-card__price--subscription{color:var(--color-secondary)}.fragrance-notes{display:flex;gap:var(--spacing-xl);justify-content:center;flex-wrap:wrap;margin-top:var(--spacing-2xl)}.fragrance-note{text-align:center}.fragrance-note__icon{width:60px;height:60px;margin:0 auto var(--spacing-sm);border-radius:50%;background-color:var(--color-background-secondary);display:flex;align-items:center;justify-content:center}.fragrance-note__label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-light)}.fragrance-note__name{font-family:var(--font-heading);font-size:var(--font-size-lg)}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);max-width:1000px;margin:0 auto}.plan{position:relative;padding:var(--spacing-2xl);background-color:var(--color-background);border:1px solid var(--color-border);text-align:center;transition:transform var(--transition-base),box-shadow var(--transition-base)}.plan:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.plan--featured{border-color:var(--color-secondary);transform:scale(1.05)}.plan--featured:hover{transform:scale(1.05) translateY(-8px)}.plan__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:var(--spacing-xs) var(--spacing-lg);background-color:var(--color-secondary);color:var(--color-background);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em}.plan__name{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-light);margin-bottom:var(--spacing-md)}.plan__price{font-family:var(--font-heading);font-size:var(--font-size-5xl);font-weight:700;margin-bottom:var(--spacing-xs)}.plan__price span{font-size:var(--font-size-lg);color:var(--color-text-light)}.plan__period{font-size:var(--font-size-sm);color:var(--color-text-light);margin-bottom:var(--spacing-xl)}.plan__features{list-style:none;margin-bottom:var(--spacing-xl)}.plan__feature{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm)}.plan__feature:last-child{border-bottom:none}@media(max-width:768px){.plans{grid-template-columns:1fr}.plan--featured{transform:none;order:-1}}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl)}.step{text-align:center;padding:var(--spacing-xl)}.step__number{width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);font-family:var(--font-heading);font-size:var(--font-size-2xl);color:var(--color-secondary);border:2px solid var(--color-secondary);border-radius:50%}.step__title{font-family:var(--font-heading);font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.step__description{font-size:var(--font-size-sm);color:var(--color-text-light)}@media(max-width:992px){.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.steps{grid-template-columns:1fr}}.testimonials-slider{position:relative;overflow:hidden}.testimonial{max-width:800px;margin:0 auto;text-align:center;padding:var(--spacing-2xl)}.testimonial__quote{font-family:var(--font-heading);font-size:var(--font-size-3xl);font-style:italic;line-height:1.4;margin-bottom:var(--spacing-xl)}.testimonial__author{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.1em}.testimonial__author span{color:var(--color-text-light)}.newsletter{max-width:600px;margin:0 auto;text-align:center}.newsletter__form{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-xl)}.newsletter__input{flex:1;padding:1rem 1.5rem;font-size:var(--font-size-base);border:1px solid var(--color-border);background:var(--color-background)}.section--dark .newsletter__input{background:transparent;border-color:#ffffff4d;color:var(--color-background)}.section--dark .newsletter__input::placeholder{color:#ffffff80}@media(max-width:480px){.newsletter__form{flex-direction:column}}.footer{background-color:var(--color-primary);color:var(--color-background);padding:var(--spacing-4xl) 0 var(--spacing-xl)}.footer__grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:var(--spacing-3xl);margin-bottom:var(--spacing-3xl)}.footer__brand{max-width:300px}.footer__logo{font-family:var(--font-heading);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg)}.footer__tagline{font-size:var(--font-size-sm);opacity:.7;line-height:1.7}.footer__heading{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--spacing-lg)}.footer__list{list-style:none}.footer__list li{margin-bottom:var(--spacing-sm)}.footer__list a{font-size:var(--font-size-sm);opacity:.7;transition:opacity var(--transition-fast)}.footer__list a:hover{opacity:1;color:var(--color-secondary)}.footer__social{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.footer__social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.2);border-radius:50%;transition:all var(--transition-fast)}.footer__social a:hover{background-color:var(--color-secondary);border-color:var(--color-secondary)}.footer__social svg{width:18px;height:18px;fill:var(--color-background)}.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-xl);border-top:1px solid rgba(255,255,255,.1);font-size:var(--font-size-sm);opacity:.7}.footer__legal{display:flex;gap:var(--spacing-lg)}@media(max-width:992px){.footer__grid{grid-template-columns:repeat(2,1fr)}.footer__brand{grid-column:span 2}}@media(max-width:480px){.footer__grid{grid-template-columns:1fr}.footer__brand{grid-column:span 1}.footer__bottom{flex-direction:column;gap:var(--spacing-md);text-align:center}}.cart-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border)}.cart-item__image{width:80px;height:100px;background-color:var(--color-background-secondary)}.cart-item__image img{width:100%;height:100%;object-fit:cover}.cart-item__details{flex:1}.cart-item__title{font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-xs)}.cart-item__variant{font-size:var(--font-size-xs);color:var(--color-text-light)}.cart-item__price{font-size:var(--font-size-sm);font-weight:600;margin-top:var(--spacing-sm)}.cart-item__remove{font-size:var(--font-size-xs);color:var(--color-text-light);background:none;border:none;text-decoration:underline;cursor:pointer}.account-layout{display:grid;grid-template-columns:250px 1fr;gap:var(--spacing-3xl);padding:var(--spacing-3xl) 0;min-height:60vh}.account-sidebar{border-right:1px solid var(--color-border);padding-right:var(--spacing-2xl)}.account-nav{list-style:none}.account-nav__item{margin-bottom:var(--spacing-sm)}.account-nav__link{display:block;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.account-nav__link:hover,.account-nav__link.is-active{background-color:var(--color-background-secondary);color:var(--color-primary)}.account-content{max-width:800px}.account-header{margin-bottom:var(--spacing-2xl)}.account-header__title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm)}.account-header__subtitle{color:var(--color-text-light)}@media(max-width:768px){.account-layout{grid-template-columns:1fr}.account-sidebar{border-right:none;border-bottom:1px solid var(--color-border);padding-right:0;padding-bottom:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.account-nav{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}}.quiz{max-width:700px;margin:0 auto;padding:var(--spacing-3xl) var(--spacing-xl)}.quiz__progress{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-3xl)}.quiz__progress-step{flex:1;height:4px;background-color:var(--color-border);border-radius:var(--radius-full)}.quiz__progress-step.is-active,.quiz__progress-step.is-complete{background-color:var(--color-secondary)}.quiz__question{text-align:center;margin-bottom:var(--spacing-2xl)}.quiz__question-number{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.2em;color:var(--color-secondary);margin-bottom:var(--spacing-md)}.quiz__question-text{font-family:var(--font-heading);font-size:var(--font-size-3xl)}.quiz__options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.quiz__option{padding:var(--spacing-xl);border:2px solid var(--color-border);background:none;cursor:pointer;text-align:center;transition:all var(--transition-fast)}.quiz__option:hover{border-color:var(--color-secondary)}.quiz__option.is-selected{border-color:var(--color-secondary);background-color:#c9a86c1a}.quiz__option-icon{font-size:2rem;margin-bottom:var(--spacing-sm)}.quiz__option-label{font-weight:500}.quiz__actions{display:flex;justify-content:space-between;margin-top:var(--spacing-2xl)}@media(max-width:480px){.quiz__options{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-variables.css.map */
