/* Urun */



.urun {



  width: 100%;

  min-height: 300px;

  border-radius: 10px;

  box-shadow:0 0 30px 1px rgba(0,0,0,.1);

  margin: 5px;

  text-align: center;

  margin-top: 50px;

  padding: 20px;


  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;





}



.urun-resim img {



  max-width: 200px;



}



.urun-isim {



  width: 100%;

  padding-top: 10px;

  padding-bottom: 5px;

  background-color: #22222222;

  border-radius: 5px;

  margin-top: 10px;

  margin-bottom: 10px;



}



.urun-isim h6 {



  color: white;

  font-family:Verdana;



}



.urun-aciklama {



  width: 100%;

  padding-top: 15px;

  padding-bottom: 1px;

  box-shadow:0 0 30px 1px rgba(0,0,0,.1);

  border-radius: 5px;

  margin-top: 10px;

  margin-bottom: 10px;

  padding-right: 10px;

  padding-left: 10px;

}



.urun-fiyat {



  padding-top: 10px;

  padding-bottom: 10px;

  box-shadow:0 0 30px 1px rgba(0,0,0,.1);

  background-color: #222222;

  border-radius: 5px;

  margin-top: 10px;

  margin-bottom: 10px;

  padding-right: 10px;

  padding-left: 10px;

  color: white;

}



.btn-urun:hover {



  transition:all 1s ease-out;

  color: white;

  background-image:linear-gradient(134deg,#546de5,#778beb 99%);

  box-shadow:0 0 30px 1px rgba(0,0,0,.1);



}



.btn-urun {



  background-image:linear-gradient(134deg,#614D5C,#6162AA 99%);

  color: #fff;



}



.urun-baslik {



  margin-top: 30px;



}



.urun-baslik h1 {



  color: #222222;

  font-family:Verdana;



}



.urun-baslik hr {



  max-width: 500px;



}



a {

  text-decoration: none;

}



::-webkit-scrollbar {

  width: 7px;

  background-color: #343A40;

}

::-webkit-scrollbar-thumb {

  background-color: lightblue;

  transition-duration:1s;

}

::-webkit-scrollbar-thumb:hover {

  background-color: #333333;

}





.rainbow-box {

  border: 2px solid transparent;

  border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);

  border-image-slice: 1;

}