.fragrance-universe-section{position:relative;padding:80px 0 120px;overflow:hidden;background:#fff}.fragrance-universe-header{text-align:left;margin-bottom:80px;padding:0 20px}.fragrance-universe-main-title{font-style:italic;font-size:var(--font-size-title, 60px);color:var(--color-title, #000);margin:0 0 10px;line-height:1.2;font-weight:300;font-family:PP Editorial New,Georgia,serif}.fragrance-universe-subtitle{font-size:var(--font-size-subtitle, 48px);color:var(--color-subtitle, #000);margin:0 0 20px;line-height:1.2;font-weight:var(--font-weight-subtitle, 400);letter-spacing:.02em;text-transform:uppercase;font-family:Quattrocento Sans,sans-serif!important}.fragrance-universe-description{font-size:var(--font-size-description, 16px);color:var(--color-description, #666);margin:0;line-height:1.6;max-width:600px}.animate-title{opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease-out forwards}.animate-title:nth-child(1){animation-delay:.2s}.animate-title:nth-child(2){animation-delay:.4s}.animate-title:nth-child(3){animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.fragrance-universe-content{position:relative;min-height:800px;margin:0 auto}.fragrance-card{position:absolute;top:var(--card-top, 200px);left:var(--card-left, 10%);width:var(--card-width, 280px);background:var(--card-bg, #ffffff);border-radius:var(--card-border-radius, 20px);padding:var(--card-padding, 30px);transition:transform .3s ease,box-shadow .3s ease;z-index:10;will-change:transform;text-align:center}.fragrance-card:hover{box-shadow:0 15px 50px #0000001f;transform:translateY(-5px)!important}.card-icon{width:var(--icon-size, 40px);height:var(--icon-size, 40px);margin-bottom:20px!important;display:flex;align-items:center;justify-content:center;color:var(--icon-color, #000);background:#fff;border-radius:100px;margin:0 auto}.card-icon svg{width:100%;height:100%}.card-title{font-size:var(--card-title-size, 18px);color:var(--card-title-color, #000);font-weight:var(--card-title-weight, 600);margin:0 0 15px;line-height:1.3;text-transform:uppercase;letter-spacing:.02em;font-family:PP Editorial New,Georgia,serif;font-weight:400;font-style:italic;color:#3b3b3b}.card-text{font-size:var(--card-text-size, 14px);color:var(--card-text-color, #666);line-height:1.6;margin:0}.card-text p{margin:0}.fragrance-center-image-wrapper{position:absolute;top:var(--image-top, 100px);left:50%;transform:translate(-50%);width:var(--image-width, 46%);height:50vh;z-index:5;will-change:transform;transition:transform .05s linear;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-mask-image:url(icon-ellipse.svg);mask-image:url(icon-ellipse.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.fragrance-center-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:drop-shadow(0 20px 60px rgba(0,0,0,.15))}.image-placeholder{width:100%;height:100%;background:#f0f0f0;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#999;font-size:16px}.fragrance-arrow{position:absolute;top:50%;right:10%;width:200px;height:auto;pointer-events:none;opacity:0;animation:arrowFadeIn 1s ease-out .8s forwards}.fragrance-arrow.d-block.d-md-none{width:100px;right:5%;top:60%}.arrow-path{stroke:#000;stroke-width:1;fill:none;animation:drawArrow 2s ease-out 1s forwards}@keyframes arrowFadeIn{to{opacity:1}}@keyframes drawArrow{to{stroke-dashoffset:0}}.fragrance-video-container{position:absolute;top:var(--video-top, 150px);left:50%;transform:translate(-50%);width:var(--video-width, 50%);z-index:5}.video-wrapper{position:relative;width:100%;border-radius:var(--video-border-radius, 20px);overflow:hidden;box-shadow:0 20px 60px #00000026;background:#000}@supports (aspect-ratio: 1){.video-wrapper{aspect-ratio:var(--video-aspect-ratio, 3/4)}}@supports not (aspect-ratio: 1){.video-wrapper{padding-bottom:133.33%}.video-wrapper[style*="--video-aspect-ratio: 4/3"]{padding-bottom:75%}.video-wrapper[style*="--video-aspect-ratio: 16/9"]{padding-bottom:56.25%}.video-wrapper[style*="--video-aspect-ratio: 1/1"]{padding-bottom:100%}.video-wrapper[style*="--video-aspect-ratio: 9/16"]{padding-bottom:177.78%}}.fragrance-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.fragrance-video-html5{display:block;width:100%;height:100%}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:transparent;border:none;cursor:pointer;z-index:10;transition:transform .3s ease,opacity .3s ease}.video-play-button:hover{transform:translate(-50%,-50%) scale(1.1)}.video-play-button svg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--placeholder-bg, #e0e0e0);color:#666;font-size:16px}.decorative-element{position:absolute;top:var(--element-top, 300px);left:var(--element-left, 70%);width:var(--element-width, 150px);z-index:3;transform:rotate(var(--element-rotation, 0deg));will-change:transform;pointer-events:none}.decorative-element img{width:100%;height:auto;display:block}.svg-wrapper{width:100%;height:auto;color:var(--svg-color, #000)}.svg-wrapper svg{width:100%;height:auto}.shape-element{width:var(--shape-size, 100px);height:var(--shape-size, 100px)}.shape-element.circle{border-radius:50%;background:var(--shape-color, #000)}.shape-element.square{background:var(--shape-color, #000)}.shape-element.line{width:var(--shape-size, 100px);height:2px;background:var(--shape-color, #000)}.parallax-card{transition:transform .05s linear;backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000px;-webkit-perspective:1000px}.parallax-card[style*=translate3d]{transition:none}@media screen and (min-width:768px){.fragrance-center-image-wrapper{height:100%;left:50%;margin-bottom:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:70%;z-index:1}}@media screen and (max-width:1024px){.fragrance-universe-section{padding:60px 0 100px}.fragrance-universe-header{margin-bottom:60px}.fragrance-universe-main-title{font-size:calc(var(--font-size-title, 60px) * .7)}.fragrance-universe-subtitle{font-size:calc(var(--font-size-subtitle, 48px) * .7)}.fragrance-card{width:calc(var(--card-width, 280px) * .85);padding:calc(var(--card-padding, 30px) * .85)}.fragrance-video-container{width:calc(var(--video-width, 50%) + 10%)}.fragrance-center-image-wrapper{width:calc(var(--image-width, 46%) + 10%)}.fragrance-arrow{width:150px;right:5%}}@media screen and (max-width:768px){.fragrance-universe-section{padding:40px 0 80px}.fragrance-universe-header{margin-bottom:40px;padding:0 15px}.fragrance-universe-main-title{font-size:var(--font-size-title-mobile, 32px)}.fragrance-universe-subtitle{font-size:var(--font-size-subtitle-mobile, 14px)}.fragrance-universe-description{font-size:var(--font-size-description-mobile, 14px)}.fragrance-universe-content{display:flex;flex-wrap:wrap;gap:0}.fragrance-center-image-wrapper{position:relative!important;top:auto!important;left:auto!important;transform:none!important;width:100%!important;height:50vh;margin:0 0 2rem!important;z-index:1;order:-1}.fragrance-universe-content:after{content:"";display:block;order:999}.fragrance-card{position:relative!important;top:auto!important;left:auto!important;transform:none!important;width:50%!important;min-height:200px;padding:30px 20px!important;margin:0!important;background:#f8f8f8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:15px;border:.5px solid rgba(0,0,0,.1);box-sizing:border-box}.card-icon{width:60px;height:60px;margin:0}.card-title{font-size:16px!important;margin:0;line-height:1.3}.card-text{display:none!important}.fragrance-video-container{position:relative!important;top:auto!important;left:auto!important;transform:none!important;width:100%!important;margin:0 0 2rem!important;order:-1}.decorative-element,.fragrance-arrow{display:none!important}.parallax-card[data-parallax-speed],.parallax-scroll-item[data-parallax-speed]{transform:none!important}}@media screen and (max-width:480px){.fragrance-universe-main-title{font-size:calc(var(--font-size-title-mobile, 32px) * .85)}.fragrance-universe-subtitle{font-size:calc(var(--font-size-subtitle-mobile, 24px) * .85)}.fragrance-card{padding:18px}.card-title{font-size:13px}.card-text{font-size:11px}}@media print{.fragrance-universe-section{page-break-inside:avoid}.parallax-card{position:relative!important;transform:none!important}}@media(prefers-reduced-motion:reduce){.animate-title,.parallax-card,.fragrance-card,.video-play-button{animation:none!important;transition:none!important}.parallax-card{transform:none!important}}@media(prefers-contrast:high){.fragrance-card,.video-wrapper{border:2px solid currentColor}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-fragrance-universe.css.map */