/* Arabic Aura mobile menu (hamburger dropdown): dark luxury panel, gold hairlines, big tap targets.
   Scoped to the compact header only; desktop menu is untouched. */

/* ---- Panel: floats over the page instead of pushing it down ---- */
html body.ast-header-break-point #ast-mobile-header .ast-mobile-header-content{position:absolute!important;left:0;right:0;top:100%;z-index:1000;background:#12100C!important;border-top:1px solid rgba(232,196,104,.45)!important;border-bottom:1px solid rgba(232,196,104,.45)!important;box-shadow:0 34px 60px -22px rgba(0,0,0,.75)!important;max-height:calc(100vh - 170px);max-height:calc(100dvh - 170px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:4px 0 10px!important;animation:aa-mm-in .28s cubic-bezier(.22,.61,.36,1) both;}
html body.ast-header-break-point #ast-mobile-header .ast-mobile-header-content::after{content:'Arabian Luxury Fragrance';display:block;text-align:center;padding:18px 24px 8px;font:600 10.5px/1 'Work Sans',system-ui,sans-serif;letter-spacing:.32em;text-transform:uppercase;color:rgba(232,196,104,.6);}
html body.ast-header-break-point #ast-mobile-header .ast-builder-menu-mobile,html body.ast-header-break-point #ast-mobile-header .ast-main-header-bar-alignment,html body.ast-header-break-point #ast-mobile-header .main-header-bar-navigation,html body.ast-header-break-point #ast-mobile-header .main-navigation{background:transparent!important;border:0!important;margin:0!important;padding:0!important;box-shadow:none!important;}
html body.ast-header-break-point #ast-mobile-header .main-header-menu{display:block!important;background:transparent!important;border:0!important;margin:0!important;padding:0!important;}

/* ---- Top-level rows ---- */
html body.ast-header-break-point #ast-mobile-header .main-header-menu>.menu-item{position:relative;margin:0!important;border:0!important;border-bottom:1px solid rgba(232,196,104,.14)!important;animation:aa-mm-item .42s cubic-bezier(.22,.61,.36,1) both;}
html body.ast-header-break-point #ast-mobile-header .main-header-menu>.menu-item:nth-child(1){animation-delay:.03s}
html body.ast-header-break-point #ast-mobile-header .main-header-menu>.menu-item:nth-child(2){animation-delay:.06s}
html body.ast-header-break-point #ast-mobile-header .main-header-menu>.menu-item:nth-child(3){animation-delay:.09s}
html body.ast-header-break-point #ast-mobile-header .main-header-menu>.menu-item:nth-child(4){animation-delay:.12s}
html body.ast-header-break-point #ast-mobile-header .main-header-menu>.menu-item:nth-child(5){animation-delay:.15s}
html body.ast-header-break-point #ast-mobile-header .main-header-menu>.menu-item:nth-child(6){animation-delay:.18s}
html body.ast-header-break-point #ast-mobile-header .main-header-menu>.menu-item:nth-child(7){animation-delay:.21s}
html body.ast-header-break-point #ast-mobile-header .main-header-menu>.menu-item:last-child{border-bottom:0!important;}
html body.ast-header-break-point #ast-mobile-header .main-header-menu>.menu-item>.menu-link{display:flex!important;align-items:center;min-height:58px;padding:0 72px 0 24px!important;font:600 22px/1.2 'Cormorant Garamond',Georgia,serif!important;letter-spacing:.02em!important;text-transform:none!important;color:#FAF6EC!important;background:transparent!important;border:0!important;-webkit-tap-highlight-color:transparent;transition:color .2s ease,background .2s ease;}
html body.ast-header-break-point #ast-mobile-header .main-header-menu>.menu-item:not(.menu-item-has-children)>.menu-link{padding-right:24px!important;}
html body.ast-header-break-point #ast-mobile-header .main-header-menu>.menu-item:not(.menu-item-has-children)>.menu-link::after{content:'\2192';margin-left:auto;font:400 18px/1 'Work Sans',system-ui,sans-serif;color:#C09030;transition:transform .2s ease;}
html body.ast-header-break-point #ast-mobile-header .main-header-menu>.menu-item:not(.menu-item-has-children)>.menu-link:active::after{transform:translateX(4px);}

/* Secondary links (About, Contact) sit quieter than the shopping rows */
html body.ast-header-break-point #ast-mobile-header .main-header-menu>.menu-item-7192>.menu-link,html body.ast-header-break-point #ast-mobile-header .main-header-menu>.menu-item-7193>.menu-link{min-height:50px;font:500 16px/1.2 'Work Sans',system-ui,sans-serif!important;letter-spacing:.04em!important;color:rgba(250,246,236,.74)!important;}
/* The finder is the key conversion tool: give it a gold wash */
html body.ast-header-break-point #ast-mobile-header .main-header-menu>.menu-item-7229{background:linear-gradient(90deg,rgba(192,144,48,.2),rgba(192,144,48,.04))!important;}
html body.ast-header-break-point #ast-mobile-header .main-header-menu>.menu-item-7229>.menu-link{color:#E8C468!important;}

/* ---- Expand / collapse buttons: one clean 64px target per row ---- */
html body.ast-header-break-point #ast-mobile-header .menu-link>.dropdown-menu-toggle,html body.ast-header-break-point #ast-mobile-header .sub-menu .menu-link>.ast-icon{display:none!important;}
html body.ast-header-break-point #ast-mobile-header .main-header-menu .ast-menu-toggle{position:absolute!important;top:0;right:0;width:64px;height:58px;display:flex!important;align-items:center;justify-content:center;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-left:1px solid rgba(232,196,104,.14)!important;border-radius:0!important;color:#E8C468!important;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;}
html body.ast-header-break-point #ast-mobile-header .main-header-menu .sub-menu .ast-menu-toggle{height:46px;width:56px;}
html body.ast-header-break-point #ast-mobile-header .main-header-menu .ast-menu-toggle .ast-icon{display:flex!important;align-items:center;justify-content:center;margin:0!important;}
html body.ast-header-break-point #ast-mobile-header .main-header-menu .ast-menu-toggle svg,html body.ast-header-break-point #ast-mobile-header .main-header-menu .ast-menu-toggle .ast-arrow-svg{width:14px!important;height:14px!important;fill:#E8C468!important;transform:none!important;transition:transform .3s cubic-bezier(.22,.61,.36,1);}
html body.ast-header-break-point #ast-mobile-header .main-header-menu .menu-item.ast-submenu-expanded>.ast-menu-toggle svg,html body.ast-header-break-point #ast-mobile-header .main-header-menu .ast-menu-toggle[aria-expanded='true'] svg{transform:rotate(180deg)!important;}
html body.ast-header-break-point #ast-mobile-header .main-header-menu .ast-menu-toggle:active{background:rgba(192,144,48,.16)!important;}

/* ---- Sub menus ---- */
html body.ast-header-break-point #ast-mobile-header .main-header-menu .sub-menu{position:static!important;width:100%!important;min-width:0!important;margin:0!important;padding:4px 0 8px!important;background:#1A1712!important;border:0!important;border-radius:0!important;box-shadow:inset 2px 0 0 rgba(192,144,48,.75)!important;}
html body.ast-header-break-point #ast-mobile-header .main-header-menu .sub-menu .sub-menu{background:#221E17!important;padding:2px 0 6px!important;box-shadow:inset 2px 0 0 rgba(232,196,104,.35)!important;}
html body.ast-header-break-point #ast-mobile-header .main-header-menu .sub-menu .menu-item{position:relative;margin:0!important;border:0!important;}
html body.ast-header-break-point #ast-mobile-header .main-header-menu .sub-menu .menu-link{display:flex!important;align-items:center;min-height:46px;padding:0 64px 0 38px!important;font:500 16px/1.3 'Work Sans',system-ui,sans-serif!important;letter-spacing:.01em!important;text-transform:none!important;color:rgba(250,246,236,.88)!important;background:transparent!important;border:0!important;-webkit-tap-highlight-color:transparent;transition:color .2s ease,background .2s ease;}
html body.ast-header-break-point #ast-mobile-header .main-header-menu .sub-menu .sub-menu .menu-link{padding-left:56px!important;font-size:15px!important;color:rgba(250,246,236,.7)!important;}

/* ---- States ---- */
html body.ast-header-break-point #ast-mobile-header .main-header-menu .menu-item.ast-submenu-expanded>.menu-link,html body.ast-header-break-point #ast-mobile-header .main-header-menu .menu-item.current-menu-item>.menu-link,html body.ast-header-break-point #ast-mobile-header .main-header-menu .menu-item.current-menu-ancestor>.menu-link,html body.ast-header-break-point #ast-mobile-header .main-header-menu .menu-link:hover{color:#E8C468!important;}
html body.ast-header-break-point #ast-mobile-header .main-header-menu .menu-link:active{background:rgba(192,144,48,.14)!important;}
html body.ast-header-break-point #ast-mobile-header .main-header-menu>.menu-item.ast-submenu-expanded{background:rgba(192,144,48,.06);}
html body.ast-header-break-point #ast-mobile-header .main-header-menu .menu-link:focus-visible,html body.ast-header-break-point #ast-mobile-header .main-header-menu .ast-menu-toggle:focus-visible{outline:2px solid #E8C468!important;outline-offset:-3px!important;}

/* ---- Motion ---- */
@keyframes aa-mm-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@keyframes aa-mm-item{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){html body.ast-header-break-point #ast-mobile-header .ast-mobile-header-content,html body.ast-header-break-point #ast-mobile-header .main-header-menu>.menu-item{animation:none!important}html body.ast-header-break-point #ast-mobile-header .main-header-menu .ast-menu-toggle svg{transition:none!important}}
