.urun .cerceve{-webkit-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;border:solid 2px #f0f0f4;overflow:hidden}
.urun:hover .cerceve{box-shadow:0 16px 23px -21px #0003}
.urun .b{border:1px solid;-webkit-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.urun .iki-border{border:1px solid transparent}
.urun figure{position:relative;margin:0}
.urun a:hover{text-decoration:none}
.urun img{width:100%;transition:all .3s ease 0s}
.urun .resim{position:relative;display:block}
.urun .resim img:nth-child(2){position:absolute;top:0;left:0;opacity:0;visibility:hidden}
.urun .border-ekle{border:2px solid #f0f0f4}
.urun .urun-ad{height:40px;margin-top:0;margin-bottom:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.min-adet{margin:7px 0 0;padding:8px 10px;align-items:center;background-color:#fafafa;display:flex;justify-content:space-between}
.min-adet span:nth-child(1){font-size:10px!important;font-weight:400!important;letter-spacing:.5px!important;line-height:16px!important}
.min-adet span:nth-child(2){font-size:15px!important;font-weight:700!important;font-size:15px!important;font-weight:700!important;line-height:15px}
.urun:hover .resim img:nth-child(2){opacity:1;visibility:visible}
.urun .stokta-yok{font-size:14px;position:absolute;width:100%;text-align:center;padding:12px 0;opacity:.7;top:44%;left:0;right:auto;text-transform:uppercase;font-weight:700}
.urun .kategoriler{margin:0;padding:0;height:24px}
.urun .kategoriler li{float:left;list-style:none}
.urun .kategoriler li span{padding:1px 10px;text-align:center;display:inline-block;font-size:10px;color:#fff;text-transform:uppercase;border-radius:12px;font-weight:500;margin-right:5px}
.urun .ozellik{position:absolute;left:15px;top:17px;margin:0 0 1em;padding:0;list-style:none outside;clear:both;z-index:9}
.urun .ozellik li{float:left;list-style:none}
.urun .ozellik li a,.urun .ozellik li span{font-size:12px;line-height:20px;display:block;padding:2px 10px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;margin-right:10px}
a.begen,a.urun-gor{font-size:14px!important;right:6px;top:6px;position:absolute;box-shadow:0 1px 3px #0000001c;border:solid 1px #f0f0f0;background-color:#fff;border-radius:50%;width:35px;height:35px;display:flex;justify-content:center;align-items:center;cursor:pointer}
a.begen i,a.urun-gor i{color:#8c8c8c!important;margin:0!important}
a.begen:hover i{color:#f27a1a!important}
a.begen-aktif i:before{font-weight:900!important}
a.begen-aktif i{color:#f27a1a!important}
.kdv-ek{font-size:12px;color:#58585F;font-weight:400}
.urun .urun-aksiyon{position:absolute;font-size:15px;bottom:0;right:0;left:15px;z-index:2;opacity:0;filter:alpha(opacity=0);-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-o-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);-webkit-border-radius:50px;-moz-border-radius:50px;-o-border-radius:50px;-ms-border-radius:50px;border-radius:50px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s;background-color:#fff;padding-top:5px;padding-bottom:5px;width:87%}
.urun:hover .urun-aksiyon{opacity:1;filter:alpha(opacity=100);-webkit-transform:translateY(-0);-moz-transform:translateY(-0);-o-transform:translateY(-0);-ms-transform:translateY(-0);transform:translateY(-0)}
.urun .ciz{color:#ccc!important}
.urun .text{padding:10px;display:inline-block;position:relative;background:#fff}
.urun .text h3 a,.urun .text h3{font-size:13px;text-decoration:none;letter-spacing:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.urun .text span{font-size:12px;font-weight:400;display:inline-block}
.urun .text span.sabit-54{height:54px;display:block}
.urun .text .fiyat{font-size:13px!important;margin-bottom:0;display:inline-block;width:100%}
.urun .text .fiyat .ciz{text-decoration:line-through}
.urun .text .fiyat span{font-weight:700;font-size:16px;letter-spacing:.5px}
.urun .yorumm{width:100%;height:24px;margin-top:-4px}
.urun .degerlendirme{display:inline-flex;position:relative;background:#fff;padding:0;border-radius:20px}
.urun .degerlendirme .yildiz{margin-top:6px}
.urun .degerlendirme .yildiz,.urun .degerlendirme .yildiz span::before{font-family:"Font Awesome 5 Pro";position:relative;font-weight:900;font-size:14px;line-height:1.2em;letter-spacing:2px;margin:auto}
.urun .degerlendirme .yildiz:before{content:"\f005\f005\f005\f005\f005";overflow:hidden;position:relative;color:#dbdbdb}
.urun .degerlendirme .yildiz span{position:absolute;overflow:hidden;margin:0;padding:0;top:0;left:0}
.urun .degerlendirme .yildiz span::before{content:"\f005\f005\f005\f005\f005";color:#ffc02a}
.urun .degerlendirme .toplam-yorum{margin:4px 0 0 5px;font-size:12px}
.urun .text .urun-buton{border:1px solid;padding:2px 16px;line-height:30px;font-size:12px;letter-spacing:0;-webkit-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;text-align:center;display:block;float:left;letter-spacing:.5px}
.urun .text .disabled,.urun .text :disabled{opacity:.65}
.urun .text .urun-buton i{margin-right:4px;-webkit-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
@media (max-width:768px) {
input,select,textarea{font-size:16px!important}
.urun .text .fiyat span{font-size:16px}
.urun .text{padding:8px}
.urun .urun-fiyat .f-12.gri2.f-400{font-size:11px!important}
.min-adet span:nth-child(1){font-size:9px!important}
.min-adet span:nth-child(2){font-size:13px!important;line-height:14px}
}