﻿
.yeni-urun{cursor:pointer;margin-bottom:30px;}
.yeni-urun .yeni-urun-gorsel{position:relative;overflow:hidden;width:100%;text-align:center;}
.yeni-urun .yeni-urun-gorsel img{width:100%;}
.yeni-urun .yeni-urun-gorsel img:first-child{opacity:1;transition:opacity 0.5s;}
.yeni-urun .yeni-urun-gorsel img:last-child{opacity:0;position:absolute;top:0;left:0;transition:opacity 0.5s;z-index:1;}
.yeni-urun:hover .yeni-urun-gorsel img:first-child{opacity:0;transition:opacity 0.5s;}
.yeni-urun:hover .yeni-urun-gorsel img:last-child{opacity:1;transition:opacity 0.5s;}
.yeni-urun .yeni-urun-indirim{position:absolute;top:0px;right:0px;background-color:#ff6c00;color:#fff;font-size:12px;padding:5px 10px;z-index:2;}
.yeni-urun .yeni-urun-baslik{padding:10px 5px;text-align:center;font-size:16px; color:#191919;}
.yeni-urun .yeni-urun-fiyat{padding:0px 5px;text-align:center;font-size:14px; color:#191919;}
.yeni-urun .yeni-urun-fiyat del{margin-right:5px;}
.yeni-urun .yeni-urun-fiyat span{}



.btn-border,.btn-border:hover,.btn-border:focus{background: #fff;color: #000;border:solid 1px #000;border-radius:0px;display:block; padding:10px;margin-bottom:10px;}
.btn-black,.btn-black:hover,.btn-black:focus{background: #000;color: #fff;border-radius:0px;display:block; padding:10px;margin-bottom:10px;}

.slider-nav-container{width:100px;float:left; }
.slider.slider-nav-container>.slick-list{height:100%!important;}
.slider-single-container{width:calc(100% - 115px);margin-left:15px;float:left;}

header {
    border-bottom-color: #dddddd;
}
footer {
    background: #f8f8f8;
    color:#000;
}

.slider-container {
    height: calc(60vh - 110px) !important;
    min-height: 300px !important;
}
.slider-text {
    width: calc(100% - 60px) !important;
}

.slider-container img {
    height: auto;
    min-height: 300px !important;
}


.mobil-menu{display:none}




.mobil-menu-container {
    margin-top: 10px;
    margin-bottom: 0px;
    padding: 10px;
}


@media (max-width:992px) {
    .mobil-menu {
        display: inline-block
    }


    .mobil-menu-container {
        display:none; 
    }

    .mobil-menu-container .urun-menu-list{display:block;width:100%;}
}

@media (max-width:480px) {
    .slider-text {
        display: none!important;
    }
}

.ilk-satir {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.alt-satir {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.SepetModal {
    display: none;
    position: fixed;
    height: 100vh;
    width: 300px;
    right: 0px;
    top: 0px;
    overflow: hidden;
    overflow-y: auto;
    background: #fff;
    z-index: 10000;
    padding: 30px;
}
.SepetModal+.overly{
    display:none;
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background-color: rgb(0 0 0 / 30%);
    z-index: 9999;
}
.SepetModal.active{display:block;}
.SepetModal.active+.overly{
    display:block;
}

.SepetModal .sepet-urunimg{line-height:60px!important;min-width: 60px!important;}
    .SepetModal .sepet-urunimg img {
        max-height: 60px !important;
        max-width: 60px !important;
    }
    .SepetModal .sepet-odeme-col {
        width: 100% !important
    }
    .SepetModal .sepet-bilgi-col {
        width: calc(100% - 70px) !important;
        font-size: 14px !important;
    }


/* Chrome, Safari, Edge, Opera */
    .SepetModal input::-webkit-outer-spin-button,
    .SepetModal input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

/* Firefox */
    .SepetModal input[type=number] {
        -moz-appearance: textfield;
    }




.tab-btn {
    height: 54px;
}
.tab-btn.active {
    border: 1px solid #000000;
    background: var(--renk-logo);
}

.entered-address.active, .entered-invoice-address.active {
    border-bottom: solid 5px #000;
}

.btn-tab-arrow.active .arrow{color:#000;}
.btn-tab-arrow.active {
    border-bottom: solid 2px #000; 
    color: #000;
}