.containerBlock h1{max-width: 1100px; width: 100%; margin: 15px auto; display: flex; gap: 10px;}
.containerBlock h1 img{width:30px; height:30px;}
.subCategories {margin: 20px auto; background: #fffafa; padding: 12px; max-width: 1100px; border: 1px solid #ccc; border-radius: .25rem;}
.subCategoryItem{margin-bottom: 15px;}
.subCategory{ width: 100%;}
.subCategory a{ padding: 10px; display: flex; gap:10px; font-size: .95rem;font-weight: 600; color: #000; align-items: self-start; }
.subCategory a:hover{background-color: #fcfcfc;}
.subCategory a img{ width: 25px; height: 25px; object-fit: contain;}
.subCategory a:hover img{ filter: inherit;}
.subCategory ul{ position: relative; display: flex; gap:10px; flex-direction: column; margin: 0 0 0 40px; padding: 0; list-style: none;  align-items: center; font-size: .9rem; color: #000;}
.subCategory ul::before {content: '';position: absolute; top: -10px;left: -5px; border-left: 1px solid #aaa; height: 100%;}
.subCategory ul > li{width: 100%; position: relative;}
.subCategory ul > li::before {content: '-'; color: #aaaa; position: absolute; top:3px; left: -5px;}
.subCategory ul > li a{ padding:1px 5px; font-size: .85rem; font-weight: 500;}
.subCategory li > a img{ width: auto; height: 15px; object-fit: contain; margin-left:5px;}
@media (max-width: 450px) {
.subCategoryItem{ position: static !important;}
}