Ragtime Kitty

Как вам подсказали в комментариях: перенесите сами инпуты в начало общей обертки и немного измените селекторы:


И в дальнейшем выкладывайте, пожалуйста, весь код в песочницу.

Через SVG, можно инлайн, можно просто картинкой:


Размеры рамки через stroke-dasharray='length gap' stroke-width='3'

Как организовать точечное применение стиля на конкретной странице?

if (document.location.href === "нужная страница") {
	document.querySelector(".category-sub-menu > li[data-depth='0']:nth-child(12)").style.cssText = "border-bottom: 8px double #630335;";
}

Жесть какая-то, ну это на вашей совести.

Тут недавно кто-то скидывал вот этот:


Mozilla, Chrome, Opera, Safari, Edge - во всех работает.