.maxshop-rowbox{padding: 6px;}
.maxshop-flexboxes{display: flex; flex-wrap: wrap; justify-content: center; text-align: center; gap: 18px 12px;}
.maxshop-flexbox{min-width: 240px; position: relative; background: #fff; flex: 1 0 20%; border: 1px solid #d9d9d9; 
  box-shadow: 0 3px 10px -8px rgb(75, 125, 175); transition:0.5s;}
/* maxshop-flexbox */
.maxshop-flexbox .flexbox-image{}
.maxshop-flexbox .flexbox-image img{display:inline-block;max-width:100%;max-height:300px;vertical-align:middle;transition:0.5s;}
.maxshop-flexbox .flexbox-title{}
.maxshop-flexbox .flexbox-title a{display:block;background:white;padding:6px;}
.maxshop-flexbox .flexbox-brief{padding: 6px 3px 12px 3px;}

.maxshop-flexbox:hover{background:transparent; border:1px solid var(--main); box-shadow:0 8px 10px -8px rgb(75, 125, 175);}
.maxshop-flexbox:hover .flexbox-image{}
.maxshop-flexbox:hover .flexbox-image img{transform: scale(0.9);}
.maxshop-flexbox:hover .flexbox-title{}
.maxshop-flexbox .flexbox-title a:hover{background: var(--main); color:white;}


span.category-icon{color:var(--bs1);}
span.subset-icon ,span.subset-tree{color:var(--bs1);}



/* accordion */
.accordion{}
.accordion-item{margin:3px 0px;border:1px solid #e1e1e1;}
.accordion-item .accordion-rowbox{align-items:baseline;background:#fff;}
.accordion-item .accordion-rowbox .accordion-button{transition:0.5s;}
.accordion-item .accordion-rowbox .accordion-button h6{color:var(--main);cursor:pointer;padding:6px;transition:0.5s;}
.accordion-item .accordion-rowbox .accordion-button h6:hover{background:var(--main);color:var(--white);}
.accordion-item .accordion-rowbox .accordion-button h6:before{content:" - ";padding:12px;}
.accordion-item:has( .accordion-content) .accordion-button h6:before{content:" + ";padding:12px;}
.accordion-item .accordion-button.active h6{background-color:var(--bs1);color:#fff;}
.accordion-item .accordion-panel{max-height:0px;background:#f9f9f9;overflow:hidden;transition: 0.5s ease;}
.accordion-item .accordion-panel.active{max-height:1000px;background:#fff;}
.accordion-item .accordion-panel .accordion-context:has(> .accordion-content){padding:12px;}

/*.height-0,[data-height="0"]{max-height:0px;transition:0.5s;} height-auto,[data-height="auto"]{max-height:1000px;transition:0.5s;}*/
.accordion-item .accordion-rowbox .accordion-link a h6{color:var(--main);cursor:pointer;padding:6px 12px;transition:0.5s;}
.accordion-item .accordion-context .accordion-content a{padding:6px;}