.media-info{position:absolute;top:0;left:0;width:100%;pointer-events:auto;z-index:0;transform:translateY(0)}.media-info.enter{transform:translateY(12px)}.media-info.enter.enter-active{transform:translateY(0);transition:transform .25s ease}@media (prefers-reduced-motion: reduce){.media-info.enter,.media-info.enter.enter-active{transition:none!important;transform:none!important}}#compare-price{text-decoration:line-through;color:#999;margin-left:5px}.main-menu,.site-header,.site-nav{position:relative;z-index:5000}.section-header-top10{margin:2rem 0}#media-info-container,.media-info,.media-grid-wrapper,.media-grid{position:relative;z-index:0;overflow:visible}.hover-close{position:absolute;top:0;right:4px;background:transparent;border:none;font-size:16px;font-weight:300;color:#fffc;cursor:pointer;z-index:10000;line-height:1;transition:color .2s ease,transform .2s ease}.hover-close:hover{color:#fff;transform:scale(1.1)}.media-grid-wrapper{width:100%;max-width:100%;margin:0 auto;padding:20px;box-sizing:border-box}.media-grid{display:grid;grid-template-columns:repeat(5,auto);grid-template-rows:repeat(2,auto);gap:69px;justify-content:center;position:relative;z-index:0;overflow:visible;margin-bottom:4rem}.grid-item,.scroll-item{position:relative;width:33.735px;height:186px;flex:0 0 auto;z-index:auto}.grid-item:hover,.scroll-item:hover{z-index:100}.grid-item img,.scroll-item img{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer;transition:transform .2s ease;position:static;z-index:auto;will-change:transform}.scroll-item img.zoomed{transform:scale(1.05);z-index:0!important}.hover-text{position:absolute;top:50%;left:100%;transform:translateY(-50%);margin-left:8px;width:153px;height:160px;background:#000;border-radius:5px;box-shadow:4px 4px 7px 1px #00000012;color:#fff;padding:10px 8px;opacity:0;transition:opacity .2s ease;pointer-events:none;display:flex;align-items:center;justify-content:center;text-align:center;max-width:calc(100vw - 40px);box-sizing:border-box;overflow-wrap:break-word;z-index:9999}.hover-text.visible{opacity:1;pointer-events:auto}.hover-text.left{left:auto;right:100%;margin-left:0;margin-right:6px}.hover-text:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent}.hover-text:not(.left):before{left:-14px;border-right:20px solid #000}.hover-text.left:before{right:-14px;border-left:20px solid #000}.hover-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:10px 6px;text-align:center;line-height:normal}.hover-eclat-code{color:#fff!important;text-align:center!important;font-size:12px!important;font-style:normal!important;font-weight:400!important;line-height:normal!important;text-transform:uppercase!important;margin-bottom:.3rem}.hover-fragrance-name{color:#fff!important;text-align:center!important;font-size:12px!important;font-style:normal!important;font-weight:400!important;line-height:normal!important}.hover-description{color:#fff!important;text-align:center!important;font-size:12px!important;font-style:normal!important;font-weight:300!important;line-height:normal!important}.hover-separator{width:80%;border:none;border-top:1px solid rgba(255,255,255,.3);margin:.4rem 0}.scroll-wrapper{display:none;position:relative;overflow:visible}.scroll-container{display:flex;gap:82px;padding:20px 20px 40px 61px;overflow-x:auto;overflow-y:visible;margin:0;scrollbar-width:none;box-sizing:border-box;align-items:flex-start}.scroll-container::-webkit-scrollbar{display:none}.scrollbar-track{display:none}.scrollbar-thumb{position:absolute;top:0;left:0;height:100%;width:28px;background:#fff;border-radius:4.5px;cursor:pointer;border:1px solid black}@media screen and (max-width: 797px){.media-grid-wrapper{display:none}.scroll-wrapper{display:block;padding-bottom:30px}.scrollbar-track{display:block;width:140px;height:9px;background:#000;border-radius:4.5px;margin:20px auto 0;position:relative}.grid-item:hover .hover-text{opacity:0!important}}@media screen and (min-width: 797px){.grid-item:hover .hover-text,.scroll-item:hover .hover-text{opacity:1;transform:translateY(-50%) scale(1);pointer-events:auto;visibility:visible}.grid-item:hover img{transform:scale(1.06)}}.scroll-item.force-left .hover-text{left:auto;right:100%;margin-left:0;margin-right:6px}.scroll-item.force-left .hover-text:before{left:auto;right:-14px;border-left:20px solid #000;border-right:none}
/*# sourceMappingURL=/cdn/shop/t/166/assets/top10.css.map */