/* 
.navigation .category-drop {position: relative;width: 275px;z-index: 100;}
.category-drop__inner {display: grid;height: 100%;}
.category-drop__title {display: flex;align-items: center;gap: 0ch 1ch;width: 100%;height: 100%;font-family: var(--font-bold);font-size: 17px;color: #fff !important;text-transform:uppercase;background: var(--clr-web-btn);padding: .75rem 1rem;}
.category-drop__title i {margin-right: 5px;}
.category-drop__main {position: absolute;left: 0;width: 100%;height: 100%;box-shadow: 0px 0px 10px 0px #00000040;}
.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.15;}
.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: auto;max-height: 450px; padding: 0.5rem 0rem; }
.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;}
.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: al 0.15s ease-out;}
.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: #000;padding: 0rem 1rem;font-family: var(--font-medium); position: relative; }
.category-drop__item:hover {color: var(--clr-web-btn-hover);}
.category-drop__item-inner {position: relative;display: flex;align-items: center;gap: 1ch;padding: 0.5rem 0rem;}
.category-drop__item:not(:last-child)>.category-drop__item-inner {border-bottom: 1px dashed #BABABA;}
.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;} */


/* .category__news__detail-drop {position: sticky;top: 50px;} */
.category__news__detail-drop__inner {display: grid;/* height: 100%; */border: 1px solid #e6e6e6;}
.category__news__detail-drop__title {display: flex;align-items: center;gap: 0ch 1ch;width: 100%;height: 100%;font-family: var(--font-title);font-size: 21px;color: #fff !important;text-transform:uppercase;background: var(--clr-web-btn);padding: .75rem 1rem;justify-content: center;}
.category__news__detail-drop__main {padding: 0;height: 189px;overflow: auto;}
.category__news__detail-drop__list {margin: 0;padding: 0;list-style: none;overflow: auto;}
.category__news__detail-drop__item {background: url(../images/n__mn1.png) no-repeat 17px 17px;position: relative;}
.category__news__detail-drop__item{border-bottom: 1px solid #d7d7d7; }
.category__news__detail-drop__item h3 {display: inline-block;text-transform: none;padding: 7px 10px 0px 35px;font-weight: normal;width: 100%;font-size: 16px;transition: all 300ms ease;--line-clamp: 2;}
.category__news__detail-drop__item:hover h3 {color: var(--clr-web-tone); transition: all 300ms ease;}
.category__news__detail-drop__main::-webkit-scrollbar {width: 2px;background: transparent;}
.category__news__detail-drop__main::-webkit-scrollbar-thumb {background: var(--clr-web-tone);}