.scent-selector-wrapper{max-width:100%;margin:0;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;border-radius:0;overflow:hidden}.combine-quant-btns{display:flex;align-items:center;gap:20px}body .combine-quant-btns .product-form__input{flex:0;margin:0}body .combine-quant-btns .product-form__quantity .form__label{display:none}body .combine-quant-btns .buy-tns{width:100%}.premium-product .product-form__buttons{max-width:100%!important}.scent-tabs{display:flex;background:#fff;border-bottom:1px solid #e5e5e5;margin:0;padding:0}.scent-tab{padding:16px 24px;background:transparent;border:none;cursor:pointer;font-size:14px;font-weight:400;color:#757575;text-transform:none;transition:all .3s cubic-bezier(.4,0,.2,1);border-bottom:2px solid transparent;position:relative}.scent-tab:hover{color:#333}.scent-tab.active{color:#000;border-bottom:2px solid #000000;font-weight:500}.tab-content{display:none;padding:0}.tab-content.active{display:block}.scent-content{padding:24px 0;border-bottom:1px solid #ccc}.tab-content .scent-detail-content{height:100%}.tab-content .visual-scent-container{padding:12px 25px 15px}.tab-content .characteristics-details{max-width:100%;width:100%}.tab-content .detail-scent-header{padding-top:40%}.scent-heading{font-size:14px;font-weight:600;color:#333;margin:0 0 24px;text-transform:uppercase;letter-spacing:.5px}.scent-selection-list{margin-bottom:32px}.scent-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;flex-direction:column;transition:all .3s ease}.scent-item:last-child{border-bottom:none}.scent-item.disabled{opacity:.4;pointer-events:none}.scent-item.active{opacity:1}.scent-item-wrapper{display:flex;width:100%;align-items:flex-start;gap:15px;justify-content:space-between}.scent-display{display:flex;align-items:center;gap:16px}.scent-image-container{width:50px;height:50px;overflow:hidden;flex-shrink:0}.scent-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.scent-info{display:flex;align-items:center;gap:8px}.scent-info-optional{display:flex;flex-direction:column;gap:8px}.scent-number{font-weight:600;color:#333;font-size:14px}.scent-text{font-weight:600;color:#333;font-size:14px;text-transform:uppercase;letter-spacing:.25px}.optional-badge{background:#ebd8b8;color:#856404;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.scent-actions{display:flex;flex-direction:column;width:100%;height:100%;align-self:center}.scent-actions-wrapper{display:flex;align-items:center;justify-content:space-between}.select-scent-btn{background:unset;color:#000;border:1px solid #000;padding:12px 20px;border-radius:10px;font-size:12px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.select-scent-btn:hover:not(.disabled){background:#10163d;color:#fff}.select-scent-btn.disabled{background:#ccc;color:#fff;border-color:#ccc;cursor:not-allowed}.select-scent-btn.selected{background:#10163d;color:#fff;border-color:#10163d}.remove-scent-btn{background:none;border:1px solid rgb(44,44,34);font-size:.825rem;cursor:pointer;padding:3px 6px;min-width:32px;border-radius:4px;transition:background .2s ease;position:relative;z-index:2}.remove-scent-btn:hover{background:#10163d}.remove-scent-btn:hover svg{fill:#fff}.remove-scent-btn svg{position:relative;z-index:-1}.product-price-section{margin-bottom:24px;padding:20px 0;border-top:1px solid #f0f0f0}.price-amount{font-size:32px;font-weight:600;color:#333;letter-spacing:-.5px}.quantity-cart-section{display:flex;align-items:center;gap:20px}.quantity-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e5e5e5;border-radius:8px;overflow:hidden}.qty-btn{background:unset;border:none;width:50px;height:50px;cursor:pointer;font-size:20px;font-weight:600;color:#333;transition:all .2s ease;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.qty-btn:hover{background:#e9ecef}.qty-btn:active{background:#dee2e6;transform:scale(.95)}.quantity-display{min-width:60px;height:50px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#333;background:#fff}.add-to-cart-btn{flex:1;background:#ccc;color:#fff;border:none;height:50px;border-radius:8px;font-size:14px;font-weight:600;cursor:not-allowed;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.add-to-cart-btn:not(.disabled){background:#10163d;cursor:pointer}.description-content{padding:24px 0;font-size:14px;line-height:1.6;color:#666}.description-content p{margin-bottom:16px}.description-content p:last-child{margin-bottom:0}.detail-description{margin-bottom:24px;border-bottom:1px dotted;padding-bottom:10px}.detail-description p{margin:0;font-family:Jost;font-weight:400;font-size:14px;line-height:1.5;color:#56564e;text-align:center}.detail-description-contetn-wrapper{box-sizing:border-box;display:flex;flex-flow:wrap;margin:0 auto;padding:24px 24px 24px 16px;flex-direction:column;background:#fcfaf6;width:96%;border-radius:10px;border:1px solid rgb(44,44,44)}.detail-description-contetn-wrapper h2.description-header{margin:0 0 12px;font-size:18px;line-height:1.5;text-transform:uppercase;font-weight:600;letter-spacing:.1em;text-align:center}.scent-characteristics-content{padding:30px 0 60px;text-align:center;min-height:200px;display:flex;flex-direction:column;justify-content:center}.question-icon{width:80px;height:80px;border:2px solid #e0e0e0;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:36px;font-weight:300;color:#999;background:#f8f9fa}.no-scent-message{font-size:16px;color:#999;margin:0;line-height:1.6}.characteristics-details{text-align:left;margin:0 auto}.characteristics-details h4{font-size:16px;font-weight:600;color:#333;margin-bottom:20px;text-align:center}.scent-details{font-size:14px;line-height:1.6;color:#666}.selected-scent-info{background:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:16px}.selected-scent-info h5{font-size:16px;font-weight:600;margin-bottom:8px;color:#333}.selected-scent-info p{font-size:14px;margin-bottom:4px;color:#666}.characteristics-tabs{display:flex;margin-bottom:20px;gap:10px}.characteristics-tab{position:relative;background:none;border:none;flex:1;cursor:pointer;font-size:14px;font-weight:500;color:#666;border-bottom:3px solid transparent;transition:all .3s ease;border-radius:6px 6px 0 0;overflow:hidden}.characteristics-tab-cont{position:relative;width:100%;height:100%;pointer-events:none}.characteristics-tab-scent-img-cont{position:relative;padding-top:25%;border-radius:10px;pointer-events:none}.characteristics-tab-scent-img-cont img{position:absolute;width:100%;height:100%;object-fit:cover;top:0;left:0;border-radius:10px;pointer-events:none}.characteristics-tab-scent-img-cont:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1;border-radius:inherit;pointer-events:none}.characteristics-tab span.scent-name{position:absolute;z-index:2;color:#ebd8b8;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:600;pointer-events:none}.characteristics-detail-panels{display:flex;flex-direction:column;gap:30px;position:relative}.characteristic-detail-panel{display:none;border:1px solid #e0e0e0;border-radius:12px;background:#f8f9fa;overflow:hidden}.characteristic-detail-panel.active{display:block}.characteristic-detail-panel .detail-panel-content{padding:20px}.characteristic-detail-panel .detail-scent-header{border-bottom:1px solid #e0e0e0;padding-bottom:15px;margin-bottom:20px}.characteristic-detail-panel .visual-scent-container{margin-top:20px;padding-top:20px}.scent-position-label{font-size:12px;color:#666;text-transform:uppercase;font-weight:600;margin-top:5px;margin-bottom:10px}.recommendations-section{border-top:1px solid #bcad93;width:100%;margin-top:10px}.recommendations-section h4{font-size:12px;color:#56564e;font-weight:600;letter-spacing:.1em;margin:0;padding:8px 0;text-transform:uppercase}.recommendations-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.recommendation-card{position:relative}.recommendation-image{position:relative;padding-top:25%;height:100%}.recommendation-image img{width:100%;height:100%;position:absolute;top:0;border-radius:7.87159px;left:0;right:0;bottom:0;object-fit:cover}.select-recommendation-btn{position:relative;background:unset;width:100%;border-radius:7.87159px;cursor:pointer;overflow:hidden;padding:0;height:100%;border:0}.select-recommendation-btn:hover .recommendation-image img{opacity:.7;transform:scale(1.1)}.select-recommendation-btn:active{transform:translateY(0)}.recommendation-info{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.recommendation-info h5{font-size:14px;font-weight:600;color:#ebd8b8;margin:0;text-transform:uppercase;letter-spacing:.5px}.recommendation-info p{font-size:14px;color:#666;margin:0 0 16px;line-height:1.4}.first-scent-recommendations{margin:24px 0;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e5e5e5}.first-scent-recommendations h4{font-size:16px;font-weight:600;margin-bottom:16px;color:#333;text-align:center}.first-recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.first-recommendation-item{display:flex;flex-direction:column;align-items:center;padding:16px;border:2px solid #e5e5e5;border-radius:12px;cursor:pointer;transition:all .2s ease;background:#fff;text-align:center}.first-recommendation-item:hover{border-color:#10163d;transform:translateY(-2px);box-shadow:0 4px 12px #10163d26}.first-recommendation-image{width:60px;height:60px;border-radius:50%;margin-bottom:12px;object-fit:cover;border:2px solid #f0f0f0;transition:border-color .3s ease}.first-recommendation-item:hover .first-recommendation-image{border-color:#10163d}.first-recommendation-name{font-size:13px;font-weight:500;color:#333;line-height:1.3}.recommendations-grid-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto}.category-column{display:flex;flex-direction:column;align-items:center}.category-title{font-size:14px;font-weight:600;color:#666;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.category-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;border:2px solid transparent;position:relative;width:100%;max-width:280px}.category-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;border-color:#10163d}.category-image{position:relative;width:100%;height:180px;overflow:hidden}.category-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.category-card:hover .category-image img{transform:scale(1.05)}.category-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.category-card:hover .category-overlay{background:#0000004d}.category-name{color:#fff;font-size:24px;font-weight:700;text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.select-category-btn{background:#10163d;color:#fff;border:none;padding:14px 24px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;width:100%;margin-top:16px}.select-category-btn:hover{background:#0d1229;transform:translateY(-2px)}.no-scents-message h3{color:#666!important;margin-bottom:16px!important}.no-scents-message p{color:#888!important;margin-bottom:16px!important}.no-scents-message p:last-child{color:#999!important;font-size:14px!important}@keyframes veilFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}@keyframes veilFadeOut{0%{opacity:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}to{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawerSlideOut{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.scent-drawer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;z-index:9999;display:none;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.scent-drawer-overlay.active{display:block;opacity:1;animation:veilFadeIn .4s ease-out forwards}.scent-drawer-overlay.closing{animation:veilFadeOut .3s ease-in forwards}.scent-drawer{position:fixed;right:-100vw;top:0;max-width:100%;height:100vh;background:#fff;box-shadow:-4px 0 20px #00000026;transition:right .4s cubic-bezier(.4,0,.2,1);z-index:10000;display:flex;transform:translate(100%)}.scent-drawer.active{right:0;animation:drawerSlideIn .4s cubic-bezier(.4,0,.2,1) forwards}.scent-drawer.closing{animation:drawerSlideOut .3s cubic-bezier(.4,0,.2,1) forwards}.scent-drawer .scent-detail-panel{height:100%;width:750px;border-right:1px solid #e5e5e5;display:flex;flex-direction:column;background:#f8f9fa}.scent-drawer .detail-panel-header{padding:24px;border-bottom:1px solid #e5e5e5;background:#fff}.scent-drawer .detail-panel-header h3{margin:0;font-size:16px;font-weight:600;color:#333;letter-spacing:.5px}.scent-drawer .detail-panel-content{height:100%;padding:24px;overflow-y:auto}.no-selection-placeholder{text-align:center;margin-top:50%;transform:translateY(-50%);color:#666}.scent-drawer .placeholder-icon{font-size:48px;margin-bottom:16px}.detail-panel-actions{padding:24px 50px;border-top:1px solid #e5e5e5;background:#fff;display:flex;gap:12px;position:sticky;bottom:0;left:0;right:0;z-index:99}.scent-selection-panel{flex:1;width:876px;height:100%;position:relative;overflow-y:auto;display:flex;flex-direction:column}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:24px 50px;background:#fff;position:sticky;top:0;z-index:10}.drawer-header h2{margin:0;font-size:18px;font-weight:600;color:#333;letter-spacing:.5px}.close-drawer{background:none;border:1px solid;font-size:28px;cursor:pointer;color:#666;padding:8px;border-radius:50%;transition:all .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.close-drawer:hover{background:#f0f0f0;color:#333}.search-filter-section{padding:5px 50px;background:#fff;display:flex;gap:16px;align-items:center}.family-filter{flex-shrink:0}.family-filter select{padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;font-weight:500;min-width:140px}.search-box{position:relative}.search-box input{width:100%;padding:12px 40px 12px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;box-sizing:border-box}.search-box input:focus{outline:none;border-color:#2c3e50;box-shadow:0 0 0 2px #2c3e501a}.search-icon{position:absolute;right:12px;top:59%;transform:translateY(-50%);color:#666;pointer-events:none}.search-icon svg{width:20px;height:20px}.scents-by-category{flex:1;padding:24px 50px}.category-section{margin-bottom:10px;max-width:590px}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px}.scent-card{border-radius:12px;cursor:pointer;position:relative;padding-top:100%}.scent-card:hover{border-color:#2c3e50;box-shadow:0 4px 12px #2c3e5026}.scent-card.selected{border-color:#2c3e50;background:#f8f9fa}.scent-card-image{width:100%;height:100%;border-radius:12px;position:absolute;overflow:hidden;margin-bottom:0;object-fit:cover;border:2px solid #f0f0f0;transition:border-color .3s ease;top:0;left:0;right:0;bottom:0}.scent-card:hover .scent-card-image,.scent-card.selected .scent-card-image{border-color:#2c3e50}.scent-card-name{font-size:14px;font-weight:600;color:#ebd8b8;position:absolute;line-height:1.3;top:50%;left:50%;transform:translate(-50%,-50%)}.detail-scent-header{flex-direction:column;display:flex;gap:16px;margin-bottom:24px;border-radius:10px;padding-top:25%;position:relative;align-items:flex-start}.detail-scent-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1;border-radius:inherit}.detail-scent-image{width:100%;height:100%;top:0;border-radius:10px;object-fit:cover;position:absolute;left:0;right:0;bottom:0}.detail-scent-info{position:absolute;padding:16px;width:95%;z-index:9;color:#ebd8b8;border:1px solid rgb(235,216,184);display:flex;top:50%;left:50%;border-radius:10px;transform:translate(-50%,-50%);height:80%;flex-direction:column;justify-content:center;align-items:center;flex:1}.scent-category{font-size:16px;margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-scent-name{font-size:24px;font-weight:600;text-transform:uppercase;margin:0;color:#ebd8b8}.detail-specs{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-bottom:1px dotted;margin-bottom:20px;padding-bottom:20px}.spec-item{display:flex;gap:15px;align-items:center}.spec-label{font-size:12px;color:#000;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.specs-cont-left{display:flex;flex-direction:column;gap:8px}.spec-value{font-size:14px;color:#333}.visual-scent-container{background-color:#fcfaf6;border-radius:10px;padding:12px 25px 70px;margin:20px auto 0;width:97%}.visual-scent-container h2{text-align:center;font-weight:500;font-size:22px}.scent-personality{margin-top:20px}.scent-personality-header,.scent-persoanlity-header{display:flex;align-items:center;margin-bottom:15px;gap:8px;font-size:16px;font-weight:600;text-transform:uppercase}.personality-svg,.scent-persoanlity-header span.personality-svg{border:1px solid #ccc;display:flex;align-items:center;border-radius:4px}.personality-svg svg{width:20px;height:20px}.personality-title{font-weight:600;color:#333}.personality-item{display:flex;align-items:center;padding:8px 0;gap:25px}.personality-text{font-size:14px;color:#555;font-weight:500}.personality-color-bar{width:125px;height:9px;background:#f0f0f0;border-radius:7px;overflow:hidden}.personality-color-bar .personality-color{display:block;width:100%;height:100%;border-radius:2px}.scent-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.scent-tag{padding:8px 18px;margin:0;font-family:Jost;font-weight:400;font-size:12px;line-height:1.43;background-color:#2c2c2c;border:1px solid rgb(235,216,184);border-radius:5px;text-transform:uppercase;letter-spacing:.1em}.intensity-dots{display:flex;gap:4px;align-items:center}.intensity-dot{width:8px;height:8px;border-radius:50%;background:#bcad93;display:inline-block}.intensity-dot.active{background:#2c2c22}.scent-video-container{position:relative;padding-top:58%;width:100%;max-width:100%;margin:20px auto;border-radius:8px;overflow:hidden;background:#000}.scent-video{width:100%;height:100%;display:block;position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;object-fit:cover}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#000000b3;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease;z-index:10}.video-play-button:hover{background:#000000e6;transform:translate(-50%,-50%) scale(1.1)}.video-play-button svg{width:24px;height:24px;margin-left:2px}.recommended-scents-section{padding:20px;border-bottom:1px solid #e0e0e0;background:#f9f9f9;margin-bottom:10px}.recommended-scents-section h3{margin:0 0 15px;font-size:16px;color:#333;font-weight:600}.recommended-scents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:15px}.recommended-scent-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:12px;text-align:center;cursor:pointer;transition:all .3s ease}.recommended-scent-card:hover{border-color:#2196f3;transform:translateY(-2px)}.recommended-scent-card.selected{border-color:#4caf50;background:#f8fff8}.recommended-scent-image{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-bottom:8px}.recommended-scent-name{font-size:12px;font-weight:500;color:#333;line-height:1.2}.cancel-btn{flex:1;background:#fff;border:1px solid #ddd;color:#666;padding:16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;font-size:14px}.cancel-btn:hover{background:#f5f5f5;border-color:#bbb}.apply-btn{flex:1;background:#10163d;border:none;color:#fff;padding:16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;font-size:14px}.apply-btn:hover{background:#34495e;transform:translateY(-1px)}.selection-panel-actions{padding:24px 50px;border-top:1px solid #e5e5e5;background:#fff;display:flex;gap:12px;position:sticky;bottom:0;left:0;right:0}.selection-panel-actions .cancel-btn,.selection-panel-actions .apply-btn{flex:1;padding:16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;font-size:14px}.selection-panel-actions .cancel-btn{background:#fff;border:1px solid #ddd;color:#666}.selection-panel-actions .cancel-btn:hover{background:#f5f5f5;border-color:#bbb}.selection-panel-actions .apply-btn{background:#10163d;border:none;color:#fff}.selection-panel-actions .apply-btn:hover{background:#34495e;transform:translateY(-1px)}.panel-switching .scent-selection-panel.slide-out{animation:slideOutLeft .3s ease-in-out forwards}.panel-switching .scent-detail-panel.slide-in{animation:slideInRight .3s ease-in-out forwards}.scent-drawer.detail-view .scent-selection-panel{display:none}.scent-drawer.detail-view .scent-detail-panel,.scent-drawer.selection-view .scent-selection-panel{display:flex;width:100%}.scent-drawer.selection-view .scent-detail-panel{display:none}.panel-mobile-transition{transition:transform .3s ease-in-out}.panel-slide-left{transform:translate(-100%)}.panel-slide-right{transform:translate(100%)}.panel-slide-center{transform:translate(0)}@media (max-width: 1200px){.scent-drawer .scent-detail-panel{width:450px}}@media (max-width: 900px){.scent-drawer{width:100vw}.scent-selection-panel{width:100%;flex:none}.scent-drawer .scent-detail-panel{width:100%;border-right:none;position:absolute;top:0;left:0;right:0;bottom:0;z-index:100;display:none}.scent-selection-panel .detail-panel-actions{display:none!important}.scent-drawer .scent-detail-panel .detail-panel-actions{display:flex!important}.selection-panel-actions{display:none!important}.scent-drawer .scent-detail-panel.mobile-visible{display:flex!important}.scent-selection-panel.mobile-hidden{display:none!important}.drawer-header{padding:24px 25px}.search-filter-section{padding:5px 25px}.scents-by-category{padding:24px 25px}}@media (min-width: 901px){.scent-selection-panel .selection-panel-actions{padding:24px 50px;border-top:1px solid #e5e5e5;background:#fff;display:flex;gap:12px;position:sticky;bottom:0;left:0;right:0}.scent-drawer .scent-detail-panel .detail-panel-actions{display:none}.scent-drawer .scent-detail-panel{display:block}.scent-selection-panel{display:flex}}@media (max-width: 700px){.detail-scent-header{padding-top:45%}}@media (max-width: 768px){.chart-time-labels{width:68%}.scent-tab{text-align:left;border-bottom:1px solid #e5e5e5;border-right:none;padding:16px 14px}.detail-specs{grid-template-columns:1fr}.scent-content{padding:15px 0}.scent-heading{margin:0 0 15px}.scent-item-wrapper{gap:5px}.select-scent-btn{padding:12px 10px}.quantity-cart-section{flex-direction:column;gap:16px}.add-to-cart-btn{width:100%}.scent-item{flex-direction:column;gap:16px;align-items:flex-start}.category-image{height:150px}.characteristics-tabs{gap:5px}.characteristics-tab{padding:10px 15px;font-size:13px}.characteristic-detail-panel .detail-panel-content{padding:15px}.characteristics-detail-panels{gap:20px}.recommended-scents-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.recommended-scent-image{width:40px;height:40px}.recommended-scent-name{font-size:11px}.video-play-button{width:50px;height:50px}.video-play-button svg{width:20px;height:20px}.drawer-header{padding:20px 15px}.search-filter-section{padding:5px 15px}.scents-by-category,.detail-panel-actions,.selection-panel-actions{padding:20px 15px}}@media (max-width: 480px){.price-amount{font-size:28px}.quantity-wrapper{width:100%;justify-content:center}.scent-tags{gap:3px}.scent-tags{gap:12px}.scent-tag{font-size:9px;padding:8px 12px}.scent-drawer .detail-panel-content{padding:24px 10px 87px;margin-bottom:20px}.detail-description-contetn-wrapper{padding:24px 24px 60px 16px}.scent-text{font-size:12px}.select-scent-btn{padding:12px 6px}.select-scent-btn{font-size:11px}.premium-product .price{font-size:2rem}.characteristic-detail-panel .detail-panel-content{padding:0}.visual-scent-container{padding:12px 10px 0}.scent-image-container{width:40px;height:40px}.detail-scent-header{padding-top:70%!important}.scent-heading{font-size:12px}.recommendations-section h4{font-size:9px}.recommendations-grid{gap:7px}.scent-characteristics-content{padding:25px 0}.tab-content .visual-scent-container{padding:12px 5px 15px}.question-icon{width:60px;height:60px;font-size:28px}.recommendations-section{padding:16px 0 0}body .combine-quant-btns .buy-tns product-form.product-form{margin:0}.premium-product .quantity:after,.premium-product .button:after,.premium-product .product-form__submit{border-radius:10px!important;margin:0}.category-name{font-size:18px;letter-spacing:1px}.drawer-header{padding:16px 10px}.search-filter-section{padding:5px 10px}.recommendation-info h5{font-size:9px!important}.recommendation-image{padding-top:40%}.scents-by-category{padding:16px 10px}.scent-selection-list{margin-bottom:0}.combine-quant-btns{margin:0}.detail-panel-actions,.selection-panel-actions{padding:16px 10px}}.scent-drawer .scent-detail-panel{background:#fff;z-index:100}.scent-selection-panel{background:#fff;z-index:50}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-direction:column}.chart-header h3{font-size:14px;font-weight:600;color:#2c2c22;margin:0;animation:fadeInDown .6s ease-out}.chart-time-labels{display:flex;justify-content:space-between;animation:fadeInRight .8s ease-out;width:100%;position:absolute;top:22%}.time-label{font-size:12px;color:#e91e63;font-weight:500}.chart-container{position:relative;width:100%;height:150px;animation:fadeInUp 1s ease-out}.evolution-svg{width:100%;height:120px;background:transparent}.chart-curve{filter:drop-shadow(0 2px 4px rgba(233,30,99,.3))}.scent-evolution-chart{position:relative}.chart-area{opacity:.4}.chart-phases{display:flex;justify-content:space-between;margin-top:8px;padding:0 10px;animation:fadeIn 1.2s ease-out}.phase-label{font-size:11px;color:#666;text-align:center;flex:1;position:relative;font-weight:500;opacity:0;animation:fadeInUp .5s ease-out forwards}.phase-label:nth-child(1){animation-delay:2.5s}.phase-label:nth-child(2){animation-delay:2.7s}.phase-label:nth-child(3){animation-delay:2.9s}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(15px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.scent-evolution-chart{padding:12px}.chart-header h3{font-size:13px}.phase-label{font-size:10px}.time-label{font-size:11px}}.selector-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-direction:column}.selector-chart-header h3{font-size:14px;font-weight:600;color:#2c2c22;margin:0;animation:selectorFadeInDown .6s ease-out}.selector-chart-time-labels{display:flex;justify-content:space-between;animation:selectorFadeInRight .8s ease-out;width:100%;position:absolute;top:22%}.selector-time-label{font-size:12px;color:#e91e63;font-weight:500}.selector-chart-container{position:relative;width:100%;height:150px;animation:selectorFadeInUp 1s ease-out}.selector-evolution-svg{width:100%;height:120px;background:transparent}.selector-chart-curve{filter:drop-shadow(0 2px 4px rgba(233,30,99,.3))}.selector-scent-evolution-chart{position:relative}.selector-chart-area{opacity:.4}.selector-chart-phases{display:flex;justify-content:space-between;margin-top:8px;padding:0 10px;animation:selectorFadeIn 1.2s ease-out}.selector-phase-label{font-size:11px;color:#666;text-align:center;flex:1;position:relative;font-weight:500;opacity:0;animation:selectorFadeInUp .5s ease-out forwards}.selector-phase-label:nth-child(1){animation-delay:2.5s}.selector-phase-label:nth-child(2){animation-delay:2.7s}.selector-phase-label:nth-child(3){animation-delay:2.9s}@keyframes selectorFadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes selectorFadeInRight{0%{opacity:0;transform:translate(15px)}to{opacity:1;transform:translate(0)}}@keyframes selectorFadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes selectorFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.selector-scent-evolution-chart{padding:12px}.selector-chart-header h3{font-size:13px}.selector-phase-label{font-size:10px}.selector-time-label{font-size:11px}}@media (min-width: 768px){.specs-cont-left{border-right:1px dotted #000}}.specs-cont-right{flex:1;padding-left:20px;display:flex;flex-direction:column;justify-content:center}.specs-cont-right .selector-scent-evolution-chart{margin-top:10px}.detail-specs{display:flex;gap:20px;margin-bottom:20px}.detail-specs .specs-cont-left{flex:1}.detail-specs .specs-cont-right{flex:1;min-height:150px}@media (max-width: 768px){.detail-specs{flex-direction:column;gap:15px}.specs-cont-left{border-right:none!important;border-bottom:1px dotted #000;padding-bottom:15px}.specs-cont-right{padding-left:0;padding-top:15px}}@media (max-width:749px){.selector-chart-time-labels{width:46%}}.scent-card-image.placeholder-svg svg{width:80px;position:absolute;top:50%;left:50%;opacity:.3;transform:translate(-50%,-50%)}.detail-scent-image.placeholder-svg svg{width:50px;width:80px;position:absolute;top:50%;left:50%;opacity:.3;transform:translate(-50%,-50%)}.universal-filter{flex-shrink:0}.universal-filter select{padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;font-weight:500;min-width:140px;color:#333}.universal-filter select:focus{outline:none;border-color:#007cba;box-shadow:0 0 0 2px #007cba1a}.category-title{font-size:20px;font-weight:700;color:#333;margin:20px 0 15px;padding:10px 0;text-transform:uppercase;letter-spacing:1px}
/*# sourceMappingURL=/cdn/shop/t/15/assets/scent-selector.css.map */