#yan-sepet {    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
  display: none}

#yan-sepet .yan-overlay{    position: absolute;
    background-color: #333;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer;
    opacity: 0;
    transition: opacity .2s ease 0ms;}

    #yan-sepet .yan-content{    z-index: 10;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 25rem;
    max-width: 100%;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    transition: -webkit-transform .25s ease .1s;
    transition: transform .25s ease .1s;
    transition: transform .25s ease .1s,-webkit-transform .25s ease .1s;}

    #yan-sepet.active {
      display: block
    }

      #yan-sepet.active.show .yan-overlay{    opacity: .85;}

      #yan-sepet.active.show .yan-content{     -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);}


#yan-sepet .kapatt{
  width: 24px;
  height: 24px;
  position: absolute;
  right: 20px;
  top: 1px;

}


#yan-sepet .bos{
  height: 108px;
min-height: 108px;
min-width: 108px;
width: 108px;
}
  #yan-sepet h4{font-size: 18px; border-bottom: 1px solid}
  #yan-sepet .close{
  position: absolute;
  top: 5px;
  right: 15px;
  }



  #yan-sepet .sepet-urun-listesi{     max-height: 100%;   overflow: auto;  padding: 16px}

  #yan-sepet .sepet-urun-listesi::-webkit-scrollbar {width: 5px;}
  #yan-sepet .sepet-urun-listesi::-webkit-scrollbar-track { background: rgba(34, 34, 34, 0.1);}
  #yan-sepet .sepet-urun-listesi::-webkit-scrollbar-thumb { background: rgba(99, 99, 99, 0.2);}
  #yan-sepet .sepet-urun-listesi::-webkit-scrollbar-thumb:hover { background: rgba(34, 45, 45, 0.4);}
  #yan-sepet .sepet-urun-listesi::-webkit-scrollbar-thumb:window-inactive { background: rgba(0, 0, 0, 0.05);}

  #yan-sepet .sepet-urun-listesi li{    position: relative;display:inline-block; border-bottom: 1px solid rgba(0,0,0,.06); width: 100%; padding-left: 5%;padding-right: 5%}
  #yan-sepet .sepet-urun-listesi li a{float: left;display: block;}
#yan-sepet .sepet-urun-listesi li a img{width: 100%}
#yan-sepet .sepet-urun-listesi li a:nth-child(1){ width: 84px;}
#yan-sepet .sepet-urun-listesi li a:nth-child(2){ width: calc(100% - 100px);  padding: 20px 0 20px 10px;     text-transform: capitalize;  font-size: 13px;line-height: 18px;}
    #yan-sepet .sepet-urun-listesi li a:nth-child(2) .urun-adet{ text-transform: lowercase; margin: 8px 0 10px 0;  opacity: 0.7}
#yan-sepet .sepet-urun-listesi li a:nth-child(3){ width: 10px;padding: 20px 0;    opacity: 0.6;    right: 14px; position: absolute;}


#yan-sepet .urun-toplam-fiyat span{     text-transform: uppercase;  font-size: 14px;      margin-bottom: 20px;}