@media (min-width:1367px){ 

}

.as_urunler {float: left;width: 100%;height: auto;padding-top: 50px;padding-bottom: 50px;margin-top:0px;margin-bottom: 0px;position: relative;z-index: 999;background: #f3f3f3;}

.as_urunler .baslik {width: 100%;height: auto;text-align: center;margin-bottom: 60px;text-align: center;}
.as_urunler .baslik h2{float: left;width:100%;height: auto;margin-top: 0px;margin-bottom: 20px;font-size:37px;color: #333;font-weight: 700;}
.as_urunler .baslik h2 span {color:#98cb17;font-weight: 700;}
.as_urunler .baslik h4{float: none;width: 70%;height: auto;margin-top: 0px;margin-bottom: 0px;font-size: 17px;color:#888;font-weight: 300;line-height: 23px;display: inline-block;}

.as_urunler .baslik .icon_bg{position: relative;display: inline-flex;}
.as_urunler .baslik .icon_bg .icon {display: inline-block;width:10px;height: 10px;background: #333333;border-radius:50%;margin:0px 5px;}
.as_urunler .baslik .icon_bg:before {content: '';position: relative;float: left;width: 50px;height: 1px;background: #d6d6d6;margin-top: 5px;}
.as_urunler .baslik .icon_bg:after {content: '';position: relative;float: right;width: 50px;height: 1px;background: #d6d6d6;margin-top: 5px;}

.as_urunler .as_hakkimizda_slider {display: block;}
.as_urunler .as_hakkimizda_slider .swiper-slide{box-shadow:none;}
.as_urunler .as_hakkimizda_slider .swiper-slide .resim {float: left;width: 100%;height: auto;text-align: center;}
.as_urunler .as_hakkimizda_slider .swiper-slide .resim img {max-width: 100%;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.as_urunler .as_hakkimizda_slider .swiper-slide .resim:hover img{filter:none!important}

.as_urunler .swiper-pagination-bg {float: left;width: 100%;height: auto;text-align: center;display: inline-block;margin-top: 25px;}
.as_urunler .swiper-pagination-bg .swiper-pagination2{display: inline-block!important;position: relative;margin-top:0px;}
.as_urunler .swiper-pagination-bg .swiper-pagination2 .swiper-pagination-bullet {width: 11px;height: 11px;display: inline-block;border-radius: 100%;background: #e6e6e6;opacity: 1;margin-right: 5px;}
.as_urunler .swiper-pagination-bg .swiper-pagination2 .swiper-pagination-bullet-active {opacity: 1;background: #d20511!important;}

.as_urunler .swiper-button-prev {background: transparent;color:#fff;position: absolute;left: 0px;top:37px;width: 100%;text-align: center;margin: 0px;padding:0px 0px 0px 0px;height: auto;font-size: 28px;}
.as_urunler .swiper-button-prev:hover{color:#f9b000;}
.as_urunler .swiper-button-next {background: transparent;color:#fff;position: absolute;right: 0px;top:37px;width: 100%;text-align: center;margin: 0px;padding: 0px 0px 0px 0px;height: auto;font-size: 28px;}
.as_urunler .swiper-button-next:hover{color:#f9b000;}

/* ===== Ürün listesi görsel sabitleme ===== */
.urunler_liste {
  width: auto;
  height: auto;               /* eskiden 150px idi */
  border: 1px solid #ddd;
  padding: 15px 20px;
  margin: 5px;
  background: #fff;
  text-align: center;
}

/* Kare kutu: tüm resimler aynı boyutta görünür */
.urunler_liste .icon{
  position: relative;
  display: block;
  width: 100%;
  padding-top: 100%;      /* 1:1. 4:3=75, 16:9=56.25 */
  margin-top: 0;
  overflow: hidden;       /* taşma yok ama kırpma da yok çünkü contain */
  border-radius: 8px;
  background: #fff;       /* kenarlarda boşluk olursa beyaz görünür */
}

/* Görsel alanı tam doldursun ve taşanı kırpsın */
.urunler_liste .icon img{
  position: absolute; top: 0; left: 0;
  width: 100%; height: 100%;
  object-fit: contain;    /* cover yerine contain */
  object-position: center;
  display: block;
  background: #fff;       /* şeffaf PNG’lerde beyaz zemin */
  padding: 6px;           /* isteğe bağlı iç boşluk */
}

.urunler_liste .baslik {
  width:100%;
  float:left;
  margin: 12px 0 0 0;         /* 25px yerine daha kompakt */
  padding:0;
  font-size:14px;
  text-transform: uppercase;
  color: #848484;
  font-weight: 600;
  line-height: 1.3;
  min-height: 36px;           /* 2 satır tutar */
}

.as_urunler .buttonsbg {float: left;width: 100%;height: auto;text-align: center;margin-top: 30px;}
.as_urunler .buttonsbg a {display: inline-block;width: 150px;height: 43px;line-height: 43px;background:transparent;border:solid 1px #999;color:#ef0303;text-align: center;font-weight: 500;font-size: 15px;text-decoration: none;cursor: pointer;margin-bottom: 42px;position:relative;}
.as_urunler .buttonsbg a span {position: relative;z-index: 10;}
.as_urunler .buttonsbg a:hover:after{width: -webkit-calc( 100% + 4px ); width: -moz-calc( 100% + 4px ); width: calc( 100% + 4px );}
.as_urunler .buttonsbg a:hover span {color:#fff;}
.as_urunler .buttonsbg a:after {content: '';position: absolute;z-index: 1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;width: 0%;-webkit-height: calc( 100% + 4px );-moz-height: calc( 100% + 4px );height: calc( 100% + 4px );top: -2px;left: -2px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background: #333;border-color: #333;}