#menu-produkty { background-color: white; position: absolute; z-index: 16; width: 100%; }

#menu-produkty-modal .main,
#menu-produkty .main { border-right: 1px solid lightgray; }

#menu-produkty-modal .main [role = "button"],
#menu-produkty .main [role = "button"] { display: flex; justify-content: space-between; align-items: center; }

#menu-produkty-modal .main [role = "button"]::after,
#menu-produkty .main [role = "button"]::after { content: '\f054'; font-family: 'Font Awesome 5 Free'; font-weight: 600; margin-left: .375rem; color: transparent; }

#menu-produkty-modal .submain > .row > .page_item,
#menu-produkty .submain > .row > .page_item { list-style-type: none; font-weight: 600; margin-bottom: 1.5rem; }

#menu-produkty-modal .submain > .row > .page_item > .children,
#menu-produkty .submain > .row > .page_item > .children { margin-bottom: 0; padding-left: 0; list-style-type: none; font-size: .875rem; font-weight: 400; }

#menu-produkty-modal .main [role = "button"] a,
#menu-produkty-modal .submain > .row > .page_item a,
#menu-produkty .main [role = "button"] a,
#menu-produkty .submain > .row > .page_item a { color: var(--first); }

#menu-produkty-modal .submain > .row > .page_item.page_item_has_children > a,
#menu-produkty .submain > .row > .page_item.page_item_has_children > a { display: inline-block; margin-bottom: .25rem; }

#menu-produkty-modal .main [role = "button"] a:hover,
#menu-produkty-modal .submain > .row > .page_item a:hover,
#menu-produkty-modal .main [role = "button"].active a,
#menu-produkty-modal .main [role = "button"].active::after,
#menu-produkty-modal .main [role = "button"]:hover,
#menu-produkty-modal .main [role = "button"]:hover::after,
#menu-produkty .main [role = "button"] a:hover,
#menu-produkty .submain > .row > .page_item a:hover,
#menu-produkty .main [role = "button"].active a,
#menu-produkty .main [role = "button"].active::after,
#menu-produkty .main [role = "button"]:hover,
#menu-produkty .main [role = "button"]:hover::after { color: var(--second); }