@charset "UTF-8";

/* Category Drop */
.slideshow.has-category { --width: 260px; }
.slideshow__main:not(.has-category) {width: calc(100% - var(--width) - 30px);}
.slideshow__main:before {content: '';width: 44px;height: 100%;background: url(../images/bg-slide1.png) no-repeat center/ 100% 100%;position: absolute;top: 0px;left: 4px;z-index: 2;transform: translateX(-50%);}
.slideshow__main:after {content: '';width: 44px;height: 100%;background: url(../images/bg-slide2.png) no-repeat center/ 100% 100%;position: absolute;top: 0;right: 4px;z-index: 1;transform: translateX(50%);}
.category-drop {position: relative;width: var(--width);z-index: 100;background: url(../images/bg-cate.jpg) no-repeat center / cover;padding: 7px;}
.category-drop__inner {display: flex;flex-direction: column;height: 100%;align-items: start;align-content: stretch;}
.category-drop__title {display: flex;align-items: center;gap: 0ch 1ch;width: 100%;height: 42px;font-family: var(--font-title);font-size: 17px;color: var(--clr-text-black) !important;text-transform: uppercase;background: linear-gradient(270deg, #DFB955 0%, #FFF2A5 53%, #E4B750 100%);padding: 0rem 1rem;margin-bottom: 2px;}
.category-drop__title i { margin-right: 5px; }
.category-drop__main {width: 100%;height: 100%;background: url(../images/bg-cate2.png) no-repeat center / 100% 100%;padding: .1rem;}
.category-drop__main:not(.show) { opacity: 0; visibility: hidden; top: 100%; transform: scaleY(0); transform-origin: 100% 0%; transition: all 0.15s ease-out 0.15s; }
.category-drop__inner:hover .category-drop__main { opacity: 1; visibility: visible; transform: scaleY(1); transition: all 0.3s ease-out; }
.category-drop__list.--level-0 {/* overflow-x: auto; */height: inherit;max-height: 333px;}
.category-drop__list.--level-0::-webkit-scrollbar { width: 2px; background: var(--color-web-secondary); }
.category-drop__list.--level-0::-webkit-scrollbar-thumb { background: var(--color-web-primary); }
.category-drop__list {width: 100%;list-style: none;background: transparent;padding: 0;margin: 0;}
.category-drop__item>.category-drop__list {opacity: 0;visibility: hidden;position: absolute;left: 100%;box-shadow: 0px 0px 5px 0px #00000080;transform: scaleX(0);transform-origin: 0% 100%;transition: all 0.15s ease-out;background: url(../images/bg-cate.jpg) no-repeat center / cover;}
.category-drop__item:hover>.category-drop__list {opacity: 1;visibility: visible;transform: scaleX(1);transition: all 0.3s ease-out;top: 0;}
.category-drop__item {color: var(--clr-text-white);padding: 0rem 1rem;border-bottom: 1px solid #B93137;position: relative;}
.category-drop__item:hover {color: var(--clr-active);}
.category-drop__item-inner {position: relative;display: flex;align-items: center;gap: 1ch;padding: 0.55rem 0rem;} 
.category-drop__name { --line-clamp: 1; font-size: 15px; text-transform: capitalize; }
.category-drop__has-child { position: absolute; right: 0; color: inherit; transition: all 0.3s ease-out; }


.navigation .category-drop {position: relative;width: 260px;z-index: 100;}
.category-drop2 {position: relative;z-index: 201;}
.category-drop2__inner {display: grid;height: 100%;}
.category-drop2__title {display: flex;align-items: center;gap: 0ch 1ch;width: 100%;height: 100%;font-family: var(--font-bold);font-size: 17px;color: #fff !important;background: url(../images/bg-cate3.jpg) no-repeat center / 100% 100%;padding: 14.75px 20px;}
.category-drop2__title span:last-child {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;font-family: var(--font-title);}
.category-drop2__title i {margin-right: 5px;}
.category-drop2__main {position: absolute;left: 0;width: 100%;height: 100%;box-shadow: 0px 0px 10px 0px #00000040;}
.category-drop2__main:not(.show) {opacity: 0;visibility: hidden;top: 100%;transform: scaleY(0);transform-origin: 100% 0%;transition: all 0.15s ease-out 0.15;}
.category-drop2__inner:hover .category-drop2__main {opacity: 1;visibility: visible;transform: scaleY(1);transition: all 0.3s ease-out;}
.category-drop2__list.--level-0 {overflow-y: auto;max-height: 450px;padding: 0.5rem 0rem;background: url(../images/bg-cate.jpg) no-repeat center / cover;}
.category-drop2__list.--level-0::-webkit-scrollbar {width: 2px;background: var(--color-web-secondary);}
.category-drop2__list.--level-0::-webkit-scrollbar-thumb {background: var(--color-web-primary);}
.category-drop2__list {width: 100%;list-style: none;background: #fff;padding: 0;margin: 0;}
.category-drop2__item>.category-drop2__list {opacity: 0;visibility: hidden;position: absolute;left: 100%;box-shadow: 0px 0px 5px 0px #00000080;transform: scaleX(0);transform-origin: 0% 100%;transition: al 0.15s ease-out;}
.category-drop2__item:hover>.category-drop2__list {opacity: 1;visibility: visible;transform: scaleX(1);transition: all 0.3s ease-out;background: url(../images/bg-cate.jpg) no-repeat center / cover;}
.category-drop2__item {color: #000;padding: 0rem 1rem;font-family: var(--font-medium);/* position: relative; */}
.category-drop2__item:hover {color: var(--clr-web-btn-hover);}
.category-drop2__item-inner {position: relative;display: flex;align-items: center;gap: 1ch;padding: 0.5rem 0rem;}
.category-drop2__item:not(:last-child)>.category-drop2__item-inner {border-bottom: 1px dashed #BABABA;}
.category-drop2__name {--line-clamp: 1;font-size: 15px;text-transform: capitalize;color: var(--clr-text-white);}
.category-drop2__has-child {position: absolute;right: 0;color: inherit;transition: all 0.3s ease-out;}