/* One category navigation, in the header. Native dropdowns remain intact. */
body.igimpex-store #masthead .primary-menu{width:100%}
body.igimpex-store #masthead .primary-menu>ul{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;padding:10px 0;margin:0}
body.igimpex-store #masthead .primary-menu>ul>li.igimpex-header-category{margin:0!important;padding:0!important;border:0!important}
body.igimpex-store #masthead .primary-menu>ul>li.igimpex-header-category>a{display:flex!important;align-items:center;gap:9px;padding:8px 11px!important;min-height:48px;height:auto!important;background:#fff!important;border:1px solid #dce6ef!important;border-radius:12px;font-size:12px!important;font-weight:600!important;line-height:1.3;color:#405e79!important;white-space:nowrap}
body.igimpex-store #masthead .primary-menu>ul>li.igimpex-header-category>a:after{margin-left:0!important;font-size:10px}
body.igimpex-store #masthead .primary-menu>ul>li.igimpex-header-category>a>.igimpex-category-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;font:600 19px/1 system-ui,sans-serif;background:#e7f0fc;color:#3379b8}
body.igimpex-store #masthead .primary-menu>ul>li.igimpex-category-food>a>.igimpex-category-icon{background:#e7f4ee;color:#438e6b}
body.igimpex-store #masthead .primary-menu>ul>li.igimpex-category-non-food>a>.igimpex-category-icon{background:#f0ebfb;color:#8970c2}
body.igimpex-store #masthead .primary-menu>ul>li.igimpex-category-koelproducten>a>.igimpex-category-icon{background:#e3f5fa;color:#3c9cb0}
body.igimpex-store #masthead .primary-menu>ul>li.igimpex-category-dranken>a>.igimpex-category-icon{background:#fff1e4;color:#c18a40}
body.igimpex-store #masthead .primary-menu>ul>li.igimpex-category-snoep-snacks-noten>a>.igimpex-category-icon{background:#f9eaf0;color:#b96d91}
body.igimpex-store #masthead .primary-menu>ul>li.igimpex-category-nieuw>a>.igimpex-category-icon{background:#edf6e6;color:#7c9b52}
body.igimpex-store #masthead .primary-menu>ul>li.igimpex-category-merken>a>.igimpex-category-icon{background:#eef0f8;color:#737eaa}
body.igimpex-store #masthead .primary-menu>ul>li.igimpex-header-category:hover>a,body.igimpex-store #masthead .primary-menu>ul>li.igimpex-header-category:focus-within>a,body.igimpex-store #masthead .primary-menu>ul>li.igimpex-category-current>a{border-color:#387fb6!important;box-shadow:inset 0 0 0 1px #387fb6;background:#f7fbff!important}
body.igimpex-store #masthead .primary-menu>ul>li.igimpex-header-category>.sub-menu{top:100%;margin-top:0}
body.igimpex-store .igimpex-catalog-intro{margin-bottom:18px}
@media(min-width:992px) and (max-width:1199px){body.igimpex-store #masthead .primary-menu>ul{gap:6px}body.igimpex-store #masthead .primary-menu>ul>li.igimpex-header-category>a{font-size:11px!important;gap:6px;padding:7px 8px!important}}
/* Grogin leaves an unused right-hand column: give the primary menu the full content width. */
body.igimpex-store #masthead .header-inner>.col:has(>nav.primary-menu){flex:1 1 100%!important;width:100%;min-width:0}
body.igimpex-store #masthead .header-inner:has(>.col>nav.primary-menu)>.col.justify-content-end:not(:has(*)){display:none!important}
body.igimpex-store #masthead .primary-menu>ul>li.igimpex-header-category:focus-within>.sub-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:1000}
/* Keep dropdown typography consistent with the modern storefront. */
body.igimpex-store #masthead .primary-menu .sub-menu{font-family:var(--igimpex-text-font,Inter),sans-serif}
body.igimpex-store #masthead .primary-menu .sub-menu li>a{font-family:inherit!important;font-size:13px!important;font-weight:500!important;line-height:1.55!important;letter-spacing:0!important;text-transform:none!important;color:#405e79!important}
body.igimpex-store #masthead .primary-menu .sub-menu li>a:hover,body.igimpex-store #masthead .primary-menu .sub-menu li>a:focus{color:#255e9d!important;background:#f3f7fb}

/* Tablets and narrow desktop windows keep the complete storefront header. */
@media(min-width:768px) and (max-width:1199px){
body.igimpex-store #masthead .header-main .header-inner{gap:14px!important;flex-wrap:nowrap!important;min-height:88px}
body.igimpex-store #masthead .header-main .header-inner>.col.d-xl-none{display:none!important}
body.igimpex-store #masthead .header-main .header-inner>.col.d-none.d-xl-inline-flex{display:inline-flex!important}
body.igimpex-store #masthead .header-main .header-inner>.col:has(>.site-brand){flex:0 0 auto!important}
body.igimpex-store #masthead .site-brand a{width:178px!important;height:65px!important}
body.igimpex-store #masthead .header-main .header-inner>.col:has(>.header-search){flex:1 1 auto!important;min-width:160px}
body.igimpex-store #masthead .header-main .header-search{width:100%;min-width:0}
body.igimpex-store #masthead .header-main .header-search .search-form,body.igimpex-store #masthead .header-main .header-search .search-input{height:40px!important;min-height:40px!important}
body.igimpex-store #masthead .header-main .header-search .search-input{padding-right:40px!important;font-size:12px!important}
body.igimpex-store #masthead .header-main .header-search button[type=submit]{height:40px!important;width:40px!important}
body.igimpex-store #masthead .header-main .header-inner>.col:has(>.login-form-button){flex:0 0 auto!important;gap:12px!important}
body.igimpex-store #masthead .quick-button .action-text{display:none!important}
body.igimpex-store #masthead .header-row.header-nav{display:block!important}
body.igimpex-store #masthead .primary-menu>ul{gap:6px!important;justify-content:flex-start}
body.igimpex-store #masthead .primary-menu>ul>li.igimpex-header-category>a{font-size:11px!important;padding:7px 8px!important;gap:6px;min-height:42px}
body.igimpex-store #masthead .primary-menu>ul>li.igimpex-header-category>a>.igimpex-category-icon{width:25px;height:25px;flex-basis:25px;font-size:17px}
body.igimpex-store .site-mobile-navbar{display:none!important}
}

/* Search and account stay reachable from the phone menu without a bottom overlay. */
body.igimpex-store .igimpex-drawer-tools{display:none!important}
body.igimpex-store .site-menu-drawer .igimpex-drawer-tools{display:block!important;padding:12px 0 16px!important;border-bottom:1px solid #e2eaf2}
body.igimpex-store .site-menu-drawer .igimpex-drawer-tools form{display:flex;gap:6px;margin-bottom:8px}
body.igimpex-store .site-menu-drawer .igimpex-drawer-tools input[type=search]{min-width:0;width:100%;height:44px;font-size:16px;border:1px solid #d8e4ef;border-radius:6px;padding:8px}
body.igimpex-store .site-menu-drawer .igimpex-drawer-tools button{height:44px;min-width:65px;padding:8px;background:#245e9c;color:white;border:0;border-radius:6px;font-size:12px}
body.igimpex-store .site-menu-drawer .igimpex-drawer-tools>a{font-size:13px;color:#245e9c;padding:8px 0!important}