/* v1.3 — match original dropdown mechanics, keep RTL text and original 400ms header overlay. */
@media (min-width:1024px){
 .header-container .menu-container{overflow:visible!important;position:relative;}
 .header-container .menu-main{overflow:visible!important;}
 .header-container .menu-main > li.menu-item-has-children{position:relative!important;}
 .header-container .menu-main li.menu-item-has-children > .sub-menu{display:none;visibility:hidden;pointer-events:none;opacity:0;}
 .header-container .menu-main li.menu-item-has-children > .sub-menu.active{display:block!important;visibility:visible!important;pointer-events:auto!important;opacity:1!important;}
 .header-container .menu-main > li > .sub-menu{top:100%;inset-inline-start:0;inset-inline-end:auto;width:max-content;min-width:30vw;max-width:min(65vw,900px);padding-top:2em;position:absolute;z-index:16;direction:rtl;text-align:right;}
 .header-container .menu-main li.twocolumns > .sub-menu{column-count:2;column-gap:2.4em;}
 .header-container .menu-main .sub-menu li{position:relative;break-inside:avoid;}
 .header-container .menu-main .sub-menu li > .sub-menu{position:absolute;top:0;right:100%;left:auto;width:max-content;min-width:12vw;padding:0 1em;z-index:18;column-count:1;}
 .header-container.active::before{height:48ch!important;opacity:1!important;transition:all 400ms ease-in-out!important;}
 .header-container .menu-main .sub-menu li.text-animate-bottom{overflow:hidden;}
 .header-container .menu-main .sub-menu li.text-animate-bottom > a{display:inline-block;opacity:0;transform:translateY(100%);animation:animate-bottom 600ms ease-out forwards;}
 .header-container .menu-container > .category-image{position:absolute;top:12.5vh;left:clamp(18px,5vw,100px);right:auto;width:16vw;height:9vw;pointer-events:none;z-index:5;animation:fadein 600ms ease-in;}
 .header-container .menu-container > .category-image img{width:100%;height:100%;object-fit:cover;}
}

/* v1.4: image on the physical LEFT (RTL must not mirror the media column).
   Photos cannot intercept dropdown hover or clicks. */
@media (min-width:1024px){
 .header-container .menu-container > .category-image.mariani-menu-image{
   left:clamp(18px,5vw,100px)!important;right:auto!important;
   max-width:18vw!important;pointer-events:none!important;
 }
 .header-container .menu-container > .category-image.mariani-menu-image img{display:block;}
 .header-container .menu-main > li > .sub-menu.active{z-index:19!important;}
}