/* Native dropdowns: same blue/green brand, comfortable target sizes, no replacement JS. */
#header [data-id="menu"]>.menu{--menu-items-spacing:24px;--menu-items-gap:8px}
#header [data-id="menu"]>.menu>li>.ct-menu-link{white-space:nowrap}
#header [data-id="menu"] .sub-menu{--dropdown-width:290px;--dropdown-background-color:#fff;--theme-link-initial-color:#243047;--theme-link-hover-color:var(--nany-green-accessible);padding:8px;border:1px solid #e0e6ed;border-top:3px solid var(--nany-green-accessible);border-radius:0 0 8px 8px;box-shadow:0 12px 28px #10254b14}
#header [data-id="menu"] .sub-menu .ct-menu-link{min-height:44px;padding:11px 13px;border-radius:4px;white-space:normal;font-size:13px;line-height:1.5;color:#243047}
#header [data-id="menu"] .sub-menu .ct-menu-link:hover,#header [data-id="menu"] .sub-menu .ct-menu-link:focus-visible{background:#f0f6f3;color:var(--nany-green-accessible)}
#header [data-id="menu"] .sub-menu>li:last-child>.ct-menu-link{border-bottom:0}
#header [data-id="menu"] .ct-menu-link:focus-visible{outline:2px solid var(--nany-blue);outline-offset:-3px}
#offcanvas [data-id="mobile-menu"]{--theme-link-initial-color:#243047;--theme-link-hover-color:var(--nany-green-accessible)}
#offcanvas [data-id="mobile-menu"] .ct-sub-menu-parent>.ct-menu-link{min-width:0}
#offcanvas [data-id="mobile-menu"] .sub-menu .ct-menu-link{font-size:15px;line-height:1.5;overflow-wrap:anywhere}
#offcanvas [data-id="mobile-menu"] .ct-toggle-dropdown-mobile{min-width:44px;min-height:44px}
#nany-company-profile,#nany-manufacturing,#nany-qualifications,#inquiry{scroll-margin-top:130px}
@media(min-width:1000px) and (max-width:1199px){#header [data-id="menu"]>.menu{--menu-items-spacing:16px;--menu-items-gap:3px}#header [data-row="middle"] .menu>li>a{font-size:12px}#header .site-logo-container img{width:168px}#header [data-id="button"] .ct-button{padding-left:14px;padding-right:14px}}

/* Product categories: true first/second-level taxonomy, using native hover/focus/touch controls. */
#header [data-id="menu"] .nany-products-menu .sub-menu .sub-menu{border-top:1px solid #e0e6ed;border-left:3px solid var(--nany-green-accessible);border-radius:0 8px 8px 8px}
#header [data-id="menu"] .nany-products-menu>.sub-menu>li:not(.nany-product-category)>.ct-menu-link{margin-top:6px;border-top:1px solid #e0e6ed;border-radius:0;color:var(--nany-blue);font-weight:600}
#offcanvas [data-id="mobile-menu"] .nany-products-menu .sub-menu .sub-menu{margin-inline-start:12px;padding-inline-start:12px;border-inline-start:2px solid #dfece2}
#offcanvas [data-id="mobile-menu"] .nany-products-menu .sub-menu .sub-menu .ct-menu-link{font-size:14px}
/* Keep the mobile category tree readable over the native full-screen modal. */
@media(max-width:999.98px){
#offcanvas[data-behaviour="modal"]{background-color:#fff}
#offcanvas .ct-toggle-close,#offcanvas .ct-header-socials{--theme-icon-color:var(--nany-blue);--theme-icon-hover-color:var(--nany-green-accessible)}
/* Mobile menu: left-aligned rows with a consistent trailing toggle column. */
#offcanvas [data-id="mobile-menu"]{--horizontal-alignment:flex-start;--text-horizontal-alignment:left;--has-indentation:1;--margin:16px 0 0 0;margin-block-start:16px;text-align:start}
#offcanvas [data-id="mobile-menu"] .ct-sub-menu-parent{width:100%;justify-content:space-between}
#offcanvas [data-id="mobile-menu"] .ct-menu-link{width:100%;min-height:44px;justify-content:flex-start;text-align:start}
#offcanvas [data-id="mobile-menu"] .ct-sub-menu-parent>.ct-menu-link{flex:1;width:auto;min-width:0}
#offcanvas [data-id="mobile-menu"] .ct-toggle-dropdown-mobile{flex:0 0 44px;--toggle-button-size:44px;--toggle-button-margin-end:0;margin-inline:0}
#offcanvas [data-id="mobile-menu"] [class*="children"]>.sub-menu{width:100%;margin-inline:0;padding-inline:18px 0}
#offcanvas [data-id="mobile-menu"] .sub-menu .ct-menu-link:before{inset-inline-start:-12px;width:3px}

#offcanvas [data-id="mobile-menu"] .nany-products-menu>.sub-menu{padding-inline:12px}
#offcanvas [data-id="mobile-menu"] .nany-products-menu .sub-menu .ct-sub-menu-parent{display:flex;width:100%;justify-content:space-between}
#offcanvas [data-id="mobile-menu"] .nany-products-menu .sub-menu .ct-menu-link{flex:1;min-height:44px;justify-content:flex-start;text-align:start}
}
