.topCategoryFluid{z-index: 10;position: relative;}
.topCategoryFluid .row{padding:15px 15px;background: #003383}
.topCategoryFluid .row .container > ul{display: flex;align-items: center;justify-content: space-between;gap:15px;}



.topCategoryFluid .leftBarCol_{position: absolute;left:0px;top:0px;width: 260px;box-shadow: inset 0px 3px 10px #00000029;background: #fff!important;
max-height: calc(100vh - 180px);overflow: hidden;overflow-y: scroll;opacity: 0;visibility: hidden;transition: 300ms;}
.topCategoryFluid .leftBarCol_.active{top: 44px;opacity: 1;visibility: visible;}
.topCategoryFluid .leftBarCol_ a{color:var(--blue)!important}
.topCategoryFluid .leftBarCol_::-webkit-scrollbar-thumb{background-color: var(--red);width: 5px;}
.topCategoryFluid .leftBarCol_::-webkit-scrollbar{background-color: var(--blue);width: 5px;}
.topCategoryFluid h1{font: normal normal normal 26px/30px Michroma;color: #FFFFFF;}
.topCategoryFluid .detayBtn{margin-top: 0px;}


.leftBarCol_{background: transparent linear-gradient(180deg, #00000017 0%, #FFFFFF0D 100%) 0% 0% no-repeat padding-box;box-shadow: inset 0px 3px 10px #00000029;
padding:15px;position: sticky;top: 0;}
.leftBarCol_ a{display: flex;font: normal normal normal 15px/25px Jost;color: #003383;transition: 300ms;padding:4px 0px}
.leftBarCol_ a.active{background-color: var(--blue);color:var(--white)!important;text-indent: 4px;}
.leftBarCol_ a:hover{text-indent: 4px;}
.leftBarCol_ ul li:not(:last-child){border-bottom:1px solid var(--red)}

.pageWrap{margin-top: 45px;margin-bottom: 45px;}
.icerikListWrap{margin-bottom: 45px;}

.detayBigSlick .slick-list {border:1px solid var(--blue)!important}
.detayThumbSlick .slick-list {margin:0px -4px}
.detayThumbSlick .slick-slide {border:1px solid var(--blue)!important;margin: 0px 4px;}

.contentLists{display: flex;flex-wrap: wrap;}
.urunimg{border: 1px solid #003383;position: relative;}
.urunimg::after{content:'';position: absolute;left:0px;bottom:0px;width: 40px;height:8px;background-color: var(--blue);transition: 300ms;}
.urunimg:hover::after{width: 100%;}
.contentLists .contentList_{margin-bottom: 20px;}
.contentLists .contentList_ a{display: block;}
.contentLists .contentList_ .textWrap h2{font: normal normal normal 16px/20px Jost;color: #003383;}
.textWrap{padding:15px 0px}
.titleParent h1.title{font: normal normal bold 22px/28px Michroma;padding-bottom: 8px;border-bottom:1px solid var(--red);margin-bottom: 8px;}
.titleWrap h2.title{font: normal normal normal 18px/22px Michroma;}
.detailRight .text{color:var(--blue)}

.detailRight :where(h1,h2,h3,h4,h5){font-size: min(max(14px,24px),18px);color:var(--blue)!important;margin:4px 0px;display: inline-flex;font-weight: 600!important;}
.detailRight table{margin: 10px 0px!important;}
.detailRight tr{display: inherit!important;}
.detailRight td{border:1px solid var(--blue);color:var(--blue);display: table-cell!important;padding:4px 8px;font-size: min(max(12px,28px),14px)}
.detailRight td.label{line-height: inherit!important;}

.detailRight div{margin:0px!important}


@media(max-width:768px){
    .contentLists{padding: 0px;}
    .contentLists{margin: 0px -30px;}
    .contentLists .contentList_ .textWrap h2{font: normal normal normal 12px/15px Jost;}
    .contentLists .contentList_{margin-bottom: 0px;}
    .topCategoryFluid h1{font: normal normal normal 16px/21px Michroma;}
}