/* Tablet header: keep the menu separate from the action icons. */
@media (min-width:768px) and (max-width:1199px){
 body[class] header{position:relative!important;min-height:108px!important}
 body[class] header .header-center{position:absolute!important;left:320px!important;right:auto!important;top:27px!important;float:none!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;z-index:110!important}
 body[class] header #menu.rich-direct-menu{position:relative!important;width:44px!important;margin:0!important;padding:0!important}
 body[class] header #menu .nav-responsive{position:relative!important;display:block!important;width:44px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;background:none!important;border:0!important;cursor:pointer}
 body[class] header #menu .nav-responsive>span,body[class] header #menu .nav-responsive .expandable{display:none!important}
 body[class] header #menu .nav-responsive:before{content:'☰'!important;position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:27px!important;line-height:1!important;color:#352b3c!important;background:none!important}
 body[class] header #menu>.rich-direct-nav{position:absolute!important;top:52px!important;left:-290px!important;right:auto!important;width:calc(100vw - 60px)!important;max-width:720px!important;max-height:calc(100vh - 130px)!important;overflow-y:auto!important;box-sizing:border-box!important}
}

@media(min-width:768px) and (max-width:1199px){
 body[class] header #logo{width:184px!important;min-width:0!important}body[class] header #logo img{max-width:150px!important}
 body[class] header #menu .nav-responsive:after{content:none!important;display:none!important}
 body[class] header #menu>.rich-direct-nav{display:none!important;background:#f5edf8!important;border:1px solid #dfcee8!important;border-radius:12px!important;padding:12px!important;box-shadow:0 8px 24px #49315120!important}
 body[class] header #menu.rich-tablet-open>.rich-direct-nav{display:block!important}
 body[class] header #menu .rich-direct-nav>li.top_level{display:flow-root!important;position:relative!important;float:none!important;clear:both!important;width:100%!important;height:auto!important;min-height:44px!important;margin:0!important;padding:0!important}
 body[class] header #menu .rich-direct-nav>li.top_level>a{display:flex!important;align-items:center!important;float:none!important;width:auto!important;padding:12px 48px 12px 8px!important;height:auto!important;min-height:44px!important;box-sizing:border-box!important}
 body[class] header #menu .rich-submenu-toggle{display:block!important;position:absolute!important;right:4px!important;top:5px!important;width:34px!important;height:34px!important;background:#e7d8ef!important;border:0!important;border-radius:8px!important;color:#674779!important}
 body[class] header #menu .rich-category-dropdown{position:static!important;min-width:0!important;width:100%!important;box-sizing:border-box!important;box-shadow:none!important;padding:8px 12px!important;background:#fffafd!important;display:none!important}
 body[class] header #menu .rich-submenu-open>.rich-category-dropdown{display:block!important}
 body[class] #content .category_filter{display:flex!important;flex-wrap:wrap!important;height:auto!important;gap:10px 16px!important}
 body[class] #content .category_filter>*{position:static!important;float:none!important;max-width:100%!important}
 body[class] #content .product-thumb.rich-pack-card .rich-pack-controls .rich-pack-buy-row>.rich-pack-choice{flex-basis:62px!important;width:62px!important}
 body[class] #content .product-thumb.rich-pack-card .rich-pack-controls .rich-pack-buy-row>.rich-card-cart{font-size:12px!important;gap:3px!important;padding:9px 4px!important}
}

@media(min-width:768px) and (max-width:1199px){body[class] header #menu .rich-submenu-toggle{z-index:5!important}body[class] header #menu .rich-direct-nav>li.top_level>a{position:relative!important;z-index:1!important}}


/* Compact tablet accordion: open only with controls. */
@media(min-width:768px) and (max-width:1199px){
 body[class] header #menu>.rich-direct-nav{left:0!important;right:auto!important;width:340px!important;max-width:calc(100vw - 60px)!important;height:auto!important;min-height:0!important;max-height:calc(100vh - 150px)!important;padding:6px!important;margin:0!important;background:#f7f0fa!important}
 body[class] header #menu .rich-direct-nav>li.top_level{height:auto!important;min-height:44px!important;line-height:normal!important}
 body[class] header #menu .rich-direct-nav>li.top_level>a{height:auto!important;min-height:44px!important;line-height:1.4!important;padding:11px 46px 11px 10px!important;margin:0!important;font-size:14px!important}
 body[class] header #menu .rich-submenu-toggle{top:5px!important;right:4px!important;z-index:5!important;font-size:20px!important;line-height:1!important}
 body[class] header #menu .rich-category-dropdown{height:auto!important;min-height:0!important;max-height:none!important;min-width:0!important;max-width:100%!important;padding:4px 8px!important;margin:0 0 4px!important;float:none!important;clear:both!important}
 body[class] header #menu .rich-category-dropdown li,body[class] header #menu .rich-category-dropdown ul{height:auto!important;min-height:0!important;margin:0!important;padding:0!important}
 body[class] header #menu .rich-category-dropdown a{font-size:13px!important;line-height:1.4!important;padding:8px 6px!important;min-height:0!important;height:auto!important}
 body[class] header #menu .rich-has-children:hover>.rich-category-dropdown{display:none!important}
 body[class] header #menu .rich-has-children.rich-submenu-open>.rich-category-dropdown{display:block!important}
}