@charset "UTF-8";

/* Category Drop */
.slideshow.has-category {--width: 230px;padding-top: 22px;z-index: 1;}
.slideshow:not(.has-category) { width: calc(100% - var(--width) - 16px); }
.category-drop { position: relative; width: var(--width); z-index: 100; }
.category-drop__inner {/* display: grid; */height: 100%;box-shadow: 0px 0px 7px #FFBFD4;border-radius: 10px;position: relative;}
.category-drop__title {display: block;font-family: var(--font-bold);font-size: 15px;color: #fff !important;text-transform: uppercase;background: var(--clr-web-tone);padding: 12px .25rem 12px .75rem;border-radius: 10px 10px 0 0;}
.category-drop__title span {margin-right: 5px;position: relative;top: -2px;}
.category-drop__main {position: absolute;left: 0;width: 100%;height: calc(100% - 47px);}
.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-y: scroll;height: 100%;padding: 0 0.75rem 0.5rem;}
.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: #fff;padding: 0;margin: 0;border-radius: 0 0 10px 10px;}
.category-drop__item:not(:last-child) {border-bottom: 1px dashed #BABABA;}
.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; }
.category-drop__item:hover>.category-drop__list { opacity: 1; visibility: visible; transform: scaleX(1); transition: all 0.3s ease-out; }
.category-drop__item {color: #383838;padding: 0rem .7rem;}
.category-drop__item:hover .category-drop__has-child ,
.category-drop__item:hover { color: var(--clr-web-tone); }
.category-drop__item-inner {position: relative;display: flex;align-items: center;font-size: 15px;gap: 1ch;padding: .715rem 0rem;}
.category-drop__name { --line-clamp: 1; font-size: 15px; text-transform: capitalize; }
.category-drop__has-child {position: absolute;right: 0;color: #737373;transition: all 0.3s ease-out;}

.category-drop__item>.category-drop__box {opacity: 0;visibility: hidden;position: absolute;left: 103%;top: 0px;height: 440px;overflow-y: auto;box-shadow: 0px 0px 5px 0px #00000080;transform: scaleX(0);transform-origin: 0% 100%;transition: all 0.15s ease-out;list-style: none;background: #fff;padding: .25rem .5rem;border-radius: 10px;}
.category-drop__item:hover>.category-drop__box,
.category-drop__item.open   >.category-drop__box { opacity: 1; visibility: visible; transform: scaleX(1); transition: all 0.3s ease-out; }
.category-branch {margin-bottom: 1.5rem;}
.category-inner--flex {display: flex;flex-wrap: wrap;gap:  5px;}
.category-product-cat {width: calc(25% - 10px);margin-bottom: 1rem;}
.category-product__name {font-family: var(--font-bold);font-size: 15px;color: var(--clr-text-black);}
.category-product__name:hover {color: var(--clr-active);}
.category-product__name p {padding: 5px 0;}
.category-product__name-minor {font-size: 14px;color: var(--clr-text-black);}