/* Category Toggle */

.category-toggle {width: 100%;position: relative;z-index: 100;} 
.category-toggle__box {position: absolute;top: calc(100% + 0px);width: 100%;background: url(../images/bg-cate.jpg) no-repeat center / cover;}
.category-toggle__title {font-family: var(--font-title);font-size: clamp(20px, calc(30 / 1188 * 100vw), 30px);color: var(--clr-text-black) !important;text-align: center;padding: .75rem;margin-bottom: 2px;border-radius: 5px 5px 0px 0px;background: url(../images/bg-cate.jpg) no-repeat center / 100% 100%;} 
.category-toggle__title span {background: linear-gradient(270deg, #DFB955 0%, #FFF2A5 27.5%, #DFB955 52.5%, #FFF2A5 74.5%, #E4B750 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.category-toggle__list { width: 100%; list-style: none; padding: 0px; margin: 0; } 
.category-toggle__list.level-1 { border-right: 1px solid #dedede; border-left: 1px solid #dedede; } 
.category-toggle__list li { display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #dedede; padding: 10px 10px 10px 20px; } 
.category-toggle__list:not(.level-1) li:last-child { border-bottom: none; } 
.category-toggle__list li a {flex: 1;font-family: var(--font-bold);font-size: 15px;color: var(--clr-text-white);text-transform: uppercase;} 
.category-toggle__list li a.text-split { -webkit-line-clamp: 1; } 
.category-toggle__list li:has(.category-toggle__btn.active)>a,
.category-toggle__list li a:hover {color: #DFB955;} 
.category-toggle__list li span { flex-shrink: 0; display: grid; place-items: center; width: 20px; height: 20px; cursor: pointer; } 
.category-toggle__list li span i {font-size: 16px;transform: rotateZ(0deg);color: var(--clr-text-white);} 
.category-toggle__list li span i.active { transform: rotateZ(-90deg); } 
.category-toggle__list li span i:hover,
.category-toggle__list li span i.active {color: #DFB955;} 
.category-toggle__list li ul { padding: 0; } 
.category-toggle__list li ul li:last-child { padding-bottom: 0; }