.sections-list .section-title{ margin-bottom: 15px}
.catalog-sections-list{ background: #fff }
.catalog-sections-list ul{ margin: 0; padding: 0; list-style: none}
.catalog-sections-list ul li{ margin: 0; padding: 0; position: relative}
.catalog-sections-list ul li:before{ display: none}
.catalog-sections-list li{ position: relative}

.catalog-sections-list ul a{ display: block; position: relative   }

.navhead > a{ font-size: 14px;  padding: 14px 15px; border-bottom: 1px solid #EDEEEC; }
.have-child > a{ padding-right: 35px}



.subsection-button{ display: block; content: ""; position: absolute; top: 0px;  right: 0px; width:30px; height: 50px; margin: auto;
background-repeat: no-repeat; background-size: 10px; background-position: center; background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOCA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy4zNDg3MSA0LjA1NjE3QzMuNTQ1MTEgNC4yNTAyOSAzLjg2MTY4IDQuMjQ4NDQgNC4wNTU4IDQuMDUyMDVMNy4yMTkxOCAwLjg1MTU3MkM3LjQxMzMgMC42NTUxNzUgNy40MTE0NiAwLjMzODU5NyA3LjIxNTA2IDAuMTQ0NDc3QzcuMDE4NjYgLTAuMDQ5NjQzNSA2LjcwMjA4IC0wLjA0Nzc5NzkgNi41MDc5NiAwLjE0ODU5OUwzLjY5NjA3IDIuOTkzNDdMMC44NTEyMDUgMC4xODE1NzZDMC42NTQ4MDggLTAuMDEyNTQ0MyAwLjMzODIzMSAtMC4wMTA2OTg3IDAuMTQ0MTEgMC4xODU2OThDLTAuMDUwMDEwMyAwLjM4MjA5NSAtMC4wNDgxNjQ4IDAuNjk4NjcyIDAuMTQ4MjMyIDAuODkyNzkzTDMuMzQ4NzEgNC4wNTYxN1pNMy42OTQzNCAyLjY5NTU2TDMuMTk0MzQgMi42OTg0N0wzLjIwMDIgMy43MDM0OEwzLjcwMDE5IDMuNzAwNTZMNC4yMDAxOSAzLjY5NzY1TDQuMTk0MzMgMi42OTI2NEwzLjY5NDM0IDIuNjk1NTZaIiBmaWxsPSIjMzAyNTNGIiBmaWxsLW9wYWNpdHk9IjAuOSIvPgo8L3N2Zz4K'); transition:all .2s}
.subsection-button.is-active{ transform: rotate(180deg)}


ul.subsections{ max-height: 0; overflow: hidden; transition: all .6s;  padding-left: 30px;}
ul.subsections  a{ font-size: 12px; padding: 7px 0; }
ul.subsections.is-show{ max-height:600px; max-height: min-content;  padding-top: 10px; padding-bottom: 20px; border-bottom: 1px solid #EDEEEC;}

@media only screen and (min-width: 1024px) {
    .catalog-sections-list{ padding: 20px; border-radius: 4px; column-count: 3}
    .subsection-button{ display: none}
    .navhead > a{ border: none; font-weight: bold; padding: 10px 0}
    ul.subsections{ max-height: unset; padding-left: 0; transition: unset }
    ul.subsections  a{ font-size: 13px; padding: 2px 0; }
    }

@media only screen and (min-width: 1280px) {
    .catalog-sections-list {
        column-count: 4;
        padding: 30px;

    }
}