#ust_ek_menuler_yerlesimi {
    clear: both;
    display: block;
    width: 1200px;
    position: relative;
  left: 2.4%
     
    
}

#ust_ek_menu_2 li a {
    font-size: 13px;
    text-decoration: none;
    display: block;
    line-height: 24px;
    padding: 15px 21px;
  font-weight: 450;
  
  }
#anasayfa_yazisi {
    clear: both;
    padding: 0px;
    border-width: 0px;
 	border-style:solid;
	width:100%;
	margin: 0 auto;
	margin-bottom:30px;
}

#kategori-vitrini {
    width: 100%;
    background: var(--white);
}

.kategori-vitrini-block {
    margin: 0 auto;
    width: 1200px;
}

.kategori-vitrini-row {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.kategori-vitrini-item {
    margin: 10px 5px;
    transition: 150ms ease-in-out all;
}

.kategori-vitrini-item:hover {
    box-shadow: 0 0 40px rgba(9, 28, 49, 0.12);
    transform: translate(0, -5px);
}

#anasayfa-mavi  {
    width: 100%;
    background: #F5FCFF;
}
/*------------------------------ Footer blog area  ------------------------------------*/

.footer-blog-area{
    border-top: 1px solid var(--bordercolor);
}
.footer-blog-area .footer-blogs{
    width: 1200px;
    margin: 0 auto;
    display: flex;
}
.footer-blog-area .footer-blogs .f-col-left{
    border-right: 1px solid var(--bordercolor); 
    padding: 50px 60px 50px 0px;
}
.footer-blog-area .footer-blogs .f-col-left > h4{
   font-size: 16px;
   color: var(--text1);
   font-weight: 600;
   margin-bottom: 10px;
}
.footer-blog-area .footer-blogs .f-col-left > span{
   font-size: 14px;
   color: var(--text3);
   margin-bottom: 50px;
   display: block;
}
.footer-blog-area .footer-blogs .f-col-left ul{

}
.footer-blog-area .footer-blogs .f-col-left ul li{
    margin-bottom: 20px;
}
.footer-blog-area .footer-blogs .f-col-left ul li a{

}
.footer-blog-area .footer-blogs .f-col-left ul li a span{
    background: #E6ECF7;
    color: #B0BCD2;
    width: 35px;
    height: 35px;
    display: inline-block;
    border-radius: 50px;
    text-align: center;
    line-height: 35px;
    font-size: 16px;
    font-weight: 600;
    margin-right: 15px;
}
.footer-blog-area .footer-blogs .f-col-left ul li a strong{
    font-weight: normal;
    color: var(--text3);
    font-style: italic;
}




.footer-blog-area .footer-blogs .f-col-right{
    padding: 50px 0px 50px 80px;
 }
.footer-blog-area .footer-blogs .f-col-right > h4{
    font-size: 16px;
    color: var(--text1);
    font-weight: 600;
    margin-bottom: 10px;
 }
 .footer-blog-area .footer-blogs .f-col-right > span{
    font-size: 14px;
    color: var(--text3);
    margin-bottom: 50px;
    display: block;
 }
 
 .footer-blog-area .footer-blogs .f-col-right ul{
    display: flex;
    width: 180px;
    justify-content: space-between;
    margin-bottom: 45px;
 }
 .footer-blog-area .footer-blogs .f-col-right ul li a{
    transition: all 0.20s ease-in-out;
    background: #D8DCE4;
    width: 35px;
    height: 35px;
    display: flex;
    border-radius: 50px;
    text-align: center;
    align-items: center;
    justify-content: center;
 }
 .footer-blog-area .footer-blogs .f-col-right ul li a.f-face:hover{
    background: #2a5ab9;
    box-shadow: 0px 10px 20px #2a5ab952;
 }
 .footer-blog-area .footer-blogs .f-col-right ul li a.f-face:hover path{
    fill: #fff;
 }

 .footer-blog-area .footer-blogs .f-col-right ul li a.f-insta:hover{
    background: #4831D0;
    box-shadow: 0px 10px 20px #4831D052;
 }
 .footer-blog-area .footer-blogs .f-col-right ul li a.f-insta:hover path{
    fill: #fff;
 }



/*---------------------------------------------------------------------------*/

.markalar{
    border: 1px solid #e8e8e8;
  border-radius: 3px;
    background-color: white;
    text-align: center;
}
.owl-carousel{
margin-top: 5px;
}

.wrapper{
  width:100%;
  padding-top: 20px;
  text-align:center;
}
h2{
  font-family:sans-serif;
  color:#fff;
}
.carousel{
  width:90%;
  margin:0px auto;
}
.slick-slide{
  margin:10px;
}
.slick-slide img{
  width:100%;
  border: 2px solid #fff;
}
.wrapper .slick-dots li button:before {
  font-size:20px;
  color:white;
}


----------




#PM_xml_banner #controls li a {
    line-height: 20px;
    width: 25px;
    height: 10px;
    font-weight: bold;
	border:none;
    color: #444;
    padding: 0;
    text-decoration: none;
    border-radius: 20px;
	text-indent:-8000px;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.16)!important;
}
/* --- MEVCUT CSS'ƯNE EKLE --- */
.select-disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    background-color: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
}

#btnGetir:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    background: #cbd5e1 !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Canlanma efekti */
.select-active-pulse {
    animation: omPulse 1s ease;
}

@keyframes omPulse {
    0% { box-shadow: 0 0 0 0 rgba(255, 102, 0, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(255, 102, 0, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 102, 0, 0); }
}