/* Navigation reconstructed from the observed FragranceNet desktop/mobile menu. */
.jf-main-nav{background:#000}
.jf-main-nav>.jf-wrap{width:min(1440px,100%);min-height:52px;justify-content:space-between;position:relative}
.jf-reference-nav-item{position:static}
.jf-reference-mobile-item{display:none}
.jf-reference-top-link{display:flex;align-items:center;justify-content:center;min-height:52px;padding:16px 24px;color:#fff!important;font-size:14px;font-weight:400;line-height:20px;text-transform:uppercase;white-space:nowrap}
.jf-reference-nav-item.is-open>.jf-reference-top-link,.jf-reference-top-link:hover{color:#fff!important;background:#252525}
.jf-reference-mega{display:none;position:absolute;top:100%;left:0;right:0;width:100%;padding:20px 40px;background:#fff;color:#222;box-shadow:0 8px 12px #0002;border:0;z-index:45}
.jf-reference-nav-item.is-open>.jf-reference-mega,.jf-main-nav:not(.jf-reference-nav-enhanced) .jf-reference-nav-item:hover>.jf-reference-mega,.jf-main-nav:not(.jf-reference-nav-enhanced) .jf-reference-nav-item:focus-within>.jf-reference-mega{display:block}
.jf-reference-mega-content{display:grid;grid-template-columns:auto auto auto minmax(320px,1fr) 208px;gap:32px;padding:32px;align-items:start;max-height:calc(100dvh - 240px);overflow-y:auto;overscroll-behavior:contain}
.jf-store .jf-reference-mega h3{margin:0 0 16px;font-family:inherit;font-size:14px;line-height:20px;font-weight:700;text-transform:uppercase}
.jf-reference-mega ul{list-style:none!important;padding:0!important;margin:0!important}
.jf-reference-nav-column li{margin:0 0 10px!important;padding:0!important}
.jf-reference-nav-column li:last-child{margin-bottom:0!important}
.jf-reference-nav-column a{display:block;color:#222;font-size:14px;line-height:20px;white-space:nowrap}
.jf-reference-nav-column a:hover,.jf-reference-all-brands:hover{color:#4e2457;text-decoration:underline}
.jf-reference-nav-brands ul{display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));gap:10px 18px;align-items:center}
.jf-reference-nav-brands li{padding:0!important;margin:0!important;min-width:0}
.jf-reference-nav-brands li a{display:flex;align-items:center;justify-content:center;min-height:48px;width:100%;color:#4e2457}
.jf-reference-brand-art{display:flex;align-items:center;justify-content:center;width:100%;height:48px;overflow:clip}
.jf-reference-brand-art img{display:block;max-width:100%;max-height:48px;width:auto;height:auto;object-fit:fill}
.jf-reference-nav-brands span:not(.jf-reference-brand-art){display:block;font-size:14px;text-align:center;line-height:20px}
.jf-reference-all-brands{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:18px;font-size:14px;line-height:20px}
.jf-reference-all-brands .jf-icon{width:16px;height:16px}
.jf-reference-nav-banners{display:flex;flex-direction:column;gap:12px;width:208px}
.jf-reference-nav-banners a{display:block;width:208px;overflow:hidden}
.jf-reference-nav-banners img{display:block;width:208px;height:96px;object-fit:cover}
.jf-reference-nav-banners .jf-reference-nav-portrait img{height:auto;object-fit:contain}
.jf-reference-mega-skincare,.jf-reference-mega-makeup,.jf-reference-mega-haircare{grid-template-columns:minmax(180px,auto) minmax(320px,1fr) 208px}
.jf-reference-mega-gift-sets{grid-template-columns:repeat(3,minmax(145px,1fr)) minmax(208px,1.8fr)}
.jf-reference-mega-gift-sets .jf-reference-nav-banners{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.jf-reference-mega-gift-sets .jf-reference-nav-banners a{width:100%}
.jf-reference-mega-gift-sets .jf-reference-nav-banners img{width:100%;height:auto;aspect-ratio:208/96}
.jf-mobile-dialog .jf-reference-desktop-item{display:none}
@media(max-width:1200px) and (min-width:1024px){.jf-reference-top-link{padding-inline:18px}.jf-reference-mega{padding:16px 20px}.jf-reference-mega-content{padding:22px 14px;gap:20px;grid-template-columns:auto auto auto minmax(200px,1fr) 170px}.jf-reference-nav-banners,.jf-reference-nav-banners a{width:170px}.jf-reference-nav-banners img{width:170px;height:auto}.jf-reference-brand-art,.jf-reference-brand-art img{max-height:40px}.jf-reference-nav-brands ul{gap:8px 12px}.jf-reference-nav-brands li a{min-height:40px}.jf-reference-mega-skincare,.jf-reference-mega-makeup,.jf-reference-mega-haircare{grid-template-columns:auto minmax(200px,1fr) 170px}.jf-reference-mega-gift-sets{grid-template-columns:repeat(3,1fr) 2fr}}
@media(max-width:1023px){
    .jf-mobile-dialog .jf-reference-mobile-item{display:block;border-bottom:1px solid #ddd}
    .jf-reference-mobile-item summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;padding:17px 22px;font-size:14px;line-height:20px;text-transform:uppercase}
    .jf-reference-mobile-item summary::-webkit-details-marker{display:none}
    .jf-reference-mobile-item summary .jf-icon{width:16px;height:16px;transition:transform .18s}
    .jf-reference-mobile-item[open] summary .jf-icon{transform:rotate(180deg)}
    .jf-reference-mobile-direct{padding:17px 22px;font-size:14px;text-transform:uppercase;position:relative}
    .jf-reference-mobile-direct .jf-icon{position:absolute;right:22px;top:19px;width:16px;height:16px}
    .jf-reference-mobile-mega .jf-reference-mega-content{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px;padding:10px 22px 25px;max-height:none;overflow:visible}
    .jf-reference-mobile-all{display:flex;align-items:center;gap:8px;grid-column:1/-1;font-size:13px;font-weight:700;line-height:20px;margin-bottom:1px}
    .jf-reference-mobile-all .jf-icon{width:17px;height:17px}
    .jf-store .jf-reference-mobile-mega h3{font-size:12px;line-height:18px;margin:0 0 12px;text-transform:uppercase}
    .jf-reference-mobile-mega .jf-reference-nav-column a{font-size:12px;line-height:19px;white-space:normal}
    .jf-reference-mobile-mega .jf-reference-nav-column li{margin-bottom:9px!important}
    .jf-reference-mobile-mega .jf-reference-nav-brands{grid-column:1/-1}
    .jf-reference-mobile-mega .jf-reference-nav-brands ul{gap:8px 18px}
    .jf-reference-mobile-mega .jf-reference-nav-brands li a{min-height:36px}
    .jf-reference-mobile-mega .jf-reference-brand-art,.jf-reference-mobile-mega .jf-reference-brand-art img{max-height:36px}
    .jf-reference-mobile-mega .jf-reference-all-brands{font-size:12px;margin-top:14px}
    .jf-reference-mobile-mega .jf-reference-nav-banners{display:none}
}
@media(prefers-reduced-motion:reduce){.jf-reference-mobile-item summary .jf-icon{transition:none}}