<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: 0px;
    font-family: 'AvenirNextLTPro' !important;
    /*    background-image: url('../Img/MainBg.png');
    background-attachment: fixed;
    background-repeat: no-repeat;*/
}

:root {
    --bannersayi: 4;
    --zoomscale: 3;
    --resimlisepetdetaygridformat: 'resim ack ack ack ack silbtn' 'isk1 isk2 isk3 isk4 isk5 isk6' 'eklecikar eklecikar kdv birimfiyat netfiyat nettutar';
    --resimlisepetdetaygridformatmini3: 'resim ack ack' 'isk1 isk2 isk3' 'isk4 isk5 isk6' 'eklecikar eklecikar eklecikar' 'kdv birimfiyat netfiyat' 'silbtn nettutar nettutar';
    --resimlisepetdetaygridformatmini2: 'resim ack ack' 'isk1 isk2 isk3' 'isk4 isk5 isk6' 'eklecikar eklecikar eklecikar' 'kdv birimfiyat netfiyat' 'silbtn nettutar nettutar';
}

/*//20230717 METİN*/
::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
}

svg path {
    fill: #DDD;
    stroke: #fff;
    stroke-width: .25;
}

/*svg path:hover {
        fill: #ff110080;
        transition: 0.6s;
    }*/

.aktifler {
    fill: #d20a11;
    cursor: pointer;
}

.ilsvgpop {
    position: absolute;
    display: none;
    justify-content: center;
    align-items: center;
    background: #ffffffa6;
    width: fit-content;
    padding: 12px 10px;
    font-size: 1.5rem;
}

.ilsvgpop-item {
    font-size: 14px;
    color: #000;
}


.sifre-unutma {
    color: #000;
    cursor: pointer;
}

    .sifre-unutma:hover {
        color: #f10;
    }

.color-bar {
    background: #f10;
    width: 100%;
    height: 5px;
    margin-top: 5px;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #888 !important;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555 !important;
    }
/*//METİN 20230817 // NEW LOADİNG ANİMATİON*/

.resimpop-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    overflow: auto;
    height: auto;
    padding: 10px;
    background: #fff;
}

.resimpop-button {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f10;
    color: #fff;
    padding: 10px;
    cursor: pointer;
    outline: none;
}

.newloader-container {
    width: auto;
    height: auto;
    display: none;
    position: fixed;
    top: 0%;
    right: 0%;
    left: 0%;
    bottom: 0%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 200;
    background: #0000003d;
    animation: loginfadeopen 0.1s;
}

.ilpop {
    width: 350px;
    height: auto;
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    gap: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.ilpop-row {
    width: 100%;
    height: 50%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

.newloader {
    width: auto;
    height: auto;
    display: none;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: fixed;
    top: 0%;
    right: 0%;
    left: 0%;
    bottom: 0%;
    z-index: 100;
    background: #0000004d;
    animation: loginfadeopen 0.1s;
}

.loader-dot-container {
    width: auto;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    animation: baslangicdot 0.6s;
    box-shadow: 0 0 1px 5px #ffffffa1;
    border-radius: 250%;
    overflow: hidden;
    background: #ffffff4d;
}

.loader-dots {
    width: 20px;
    height: 20px;
    display: flex;
    position: relative;
    background-image: url(../images/Logo/duru-grup-logo.png);
    background-size: 190px auto;
    background-attachment: fixed;
    backdrop-filter: brightness(100);
    opacity: 1;
    background-repeat: no-repeat;
    background-position: 50% 49%;
    animation: dots 3.0s infinite ease-in-out;
}

.urun-ara-loader-dot-container {
    width: 45px;
    height: 100%;
    display: none;
    gap: 5px;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    animation: loginfadeopen 0.1s;
}

.urun-ara-loader-dots {
    width: 6px;
    height: 6px;
    display: flex;
    background: #0000004d;
    border-radius: 50%;
    animation: urunaradots 2s infinite ease-in-out;
    opacity: 0;
}

/*.loader-dots {
    width: 20px;
    height: 20px;
    display: flex;
    position: relative;
    background: #f10;
    border-radius: 50%;
    animation: dots 1.5s infinite ease-in-out;
    opacity: 1;
}*/

@keyframes urunaradots {
    0%,100% {
        transform: scale(0.5)translateY(2px);
        opacity: 0;
    }

    50% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes dots {

    15% {
        opacity: 0;
    }

    40% {
        opacity: 0.8;
    }
}

@keyframes baslangicdot {
    0% {
        opacity: 0;
    }

    98% {
        opacity: 0;
    }

    99% {
        opacity: 1;
    }
}

.nav-panel-open {
    display: block !important;
}

.risk {
}

.pdfbtnn {
    display: flex;
    width: 120px;
    height: 30px;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    color: white;
    cursor: pointer;
}

.nav-panel {
    color: #fff;
    background-color: #fff;
    display: none;
    position: absolute;
    min-width: 160px;
    margin: 0;
    padding: 0;
    z-index: 1;
    width: 40%;
    top: 50px;
    height: auto;
    z-index: 1;
    background: #000;
}

.nav-item {
    width: 100%;
    cursor: pointer;
    display: block;
    padding: 8px 16px;
    text-align: center;
    border: none;
    white-space: normal;
    outline: 0;
}

    .nav-item:hover {
        color: #000 !important;
        background-color: #ccc !important;
    }

//20230717 METİN

.GenelArkaPlan {
    background-color: #eff3ff; /*#ECECEA;*/
}

table.BiltasHeaderBar {
    border-spacing: 0px;
    border-collapse: collapse;
    background-color: #e7efff; /* #ADAEAD;*/
}

    table.BiltasHeaderBar table {
        min-width: 35px;
        border-spacing: 0px;
        margin-top: 0px;
    }

    table.BiltasHeaderBar Div.AnaDugme {
        padding: 4px;
        height: 40px;
        min-width: 35px;
        text-align: center;
        background-position: -10px;
        /*background-image: url('CssImg/Main/caChallengeImageBack.png');
        background-repeat: repeat-x;*/
        background-color: #e7efff; /*#ADAEAD;*/
        font-size: 8pt;
        color: black;
    }

    table.BiltasHeaderBar Div.TableBaslik {
        padding: 4px;
        height: 20px;
        min-width: 35px;
        text-align: center;
        /* background-position: -10px;
        background-image: url('CssImg/Main/caChallengeImageBack.png');
        background-repeat: repeat-x;*/
        background-color: #EFEFEF;
        font-size: 8pt;
        color: black;
    }

    table.BiltasHeaderBar Div.AnaDugmeDisable {
        padding: 4px;
        height: 40px;
        min-width: 35px;
        text-align: center;
        background-position: bottom;
        background-image: url('CssImg/Main/gvGradientDis.gif');
        background-repeat: repeat-x;
        background-color: #E1E1E1;
        font-size: 8pt;
        filter: alpha(opacity = 50);
    }

    table.BiltasHeaderBar Div.AnaDugme:hover {
        background-position: bottom;
        background-image: url('CssImg/Main/gvFocusedBack.gif');
        background-repeat: repeat-x;
        background-color: #FFEFC5;
        cursor: pointer;
    }

    table.BiltasHeaderBar Div.AnaDugme:active {
        background-position: bottom;
        background-image: url('CssImg/Main/gvTitleBack.gif');
        background-repeat: repeat-x;
        background-color: #e7efff;
        cursor: pointer;
        color: black;
    }

.hiddenItem {
    position: absolute;
    top: -500px;
    left: -500px;
}

/********/
table.BiltasF4HeaderBar {
    border-spacing: 0px;
    border-collapse: collapse;
    background-color: #e7efff; /*#C6C7C6;*/
}

    table.BiltasF4HeaderBar table {
        min-width: 25px;
        border-spacing: 0px;
    }

    table.BiltasF4HeaderBar Div.AnaF4Dugme {
        padding: 2px;
        height: 30px;
        min-width: 25px;
        text-align: center;
        /*   background-position: bottom;
        background-image: url('CssImg/Main/gvGradient.gif');
        background-repeat: repeat-x;*/
        background-color: #e7efff; /*#C6C7C6;*/
        font-size: 6pt;
    }

    table.BiltasF4HeaderBar Div.TableF4Baslik {
        padding: 2px;
        height: 30px;
        min-width: 25px;
        text-align: center;
        /*    background-position: bottom;
        background-image: url('CssImg/Main/gvGradient.gif');
        background-repeat: repeat-x;*/
        background-color: #e7efff; /*#C6C7C6;*/
        font-size: 6pt;
    }

    table.BiltasF4HeaderBar Div.AnaF4DugmeDisable {
        padding: 2px;
        height: 30px;
        min-width: 25px;
        text-align: center;
        background-position: bottom;
        background-image: url('CssImg/Main/gvGradientDis.gif');
        background-repeat: repeat-x;
        background-color: #E1E1E1;
        font-size: 6pt;
    }

    table.BiltasF4HeaderBar Div.AnaF4Dugme:hover {
        background-position: bottom;
        background-image: url('CssImg/Main/gvFocusedBack.gif');
        background-repeat: repeat-x;
        background-color: #FFEFC5;
        cursor: pointer;
    }

    table.BiltasF4HeaderBar Div.AnaF4Dugme:active {
        background-position: bottom;
        background-image: url('CssImg/Main/gvTitleBack.gif');
        background-repeat: repeat-x;
        background-color: #e7efff; /*#C6C7C6;#5987D6;*/
        cursor: pointer;
        color: black;
    }

    table.BiltasF4HeaderBar Div.btnF4Yeni {
        background-position: center center;
        height: 20px;
        background-image: url('CssImg/Main/yeni18.png');
        background-repeat: no-repeat;
    }

    table.BiltasF4HeaderBar Div.btnF4Sil {
        background-position: center center;
        height: 20px;
        background-image: url('CssImg/Main/sil18.png');
        background-repeat: no-repeat;
    }

    table.BiltasF4HeaderBar Div.btnF4Kaydet {
        background-position: center center;
        height: 20px;
        background-image: url('CssImg/Main/kaydet18.png');
        background-repeat: no-repeat;
    }

    table.BiltasF4HeaderBar Div.btnF4Iptal {
        background-position: center center;
        height: 20px;
        background-image: url('CssImg/Main/iptal18.png');
        background-repeat: no-repeat;
    }

    table.BiltasF4HeaderBar Div.btnF4Yenile {
        background-position: center center;
        height: 20px;
        background-image: url('CssImg/Main/yenile18.png');
        background-repeat: no-repeat;
    }

    table.BiltasF4HeaderBar Div.btnF4Sec {
        background-position: center center;
        height: 20px;
        background-image: url('CssImg/Main/onay_18.png');
        background-repeat: no-repeat;
    }

    table.BiltasF4HeaderBar Div.btnF4Guncelle {
        background-position: center center;
        height: 20px;
        background-image: url('CssImg/Main/guncelle18.png');
        background-repeat: no-repeat;
    }

    table.BiltasF4HeaderBar Div.btnF4Goruntule {
        background-position: center center;
        height: 20px;
        background-image: url('CssImg/Main/goruntule18.png');
        background-repeat: no-repeat;
    }
/********/
/********/
table.BiltasMiniHeaderBar {
    border-spacing: 0px;
    border-collapse: collapse;
    background-color: #CFE2FA;
}

    table.BiltasMiniHeaderBar table {
        min-width: 20px;
        border-spacing: 0px;
        float: left;
    }

    table.BiltasMiniHeaderBar Div.AnaMiniDugme {
        padding: 2px;
        height: 20px;
        min-width: 20px;
        text-align: center;
        /*background-position: bottom;
        background-image: url('CssImg/Main/gvGradient.gif');
        background-repeat: repeat-x;
        background-color: #DAE9FD;*/
        font-size: 8pt;
    }

    table.BiltasMiniHeaderBar Div.TableMiniBaslik {
        padding: 2px;
        height: 20px;
        min-width: 20px;
        text-align: center;
        /*background-position: bottom;
        background-image: url('CssImg/Main/gvGradient.gif');
        background-repeat: repeat-x;
        background-color: #DAE9FD;*/
        font-size: 8pt;
    }

    table.BiltasMiniHeaderBar Div.AnaMiniDugmeDisable {
        padding: 2px;
        height: 20px;
        min-width: 20px;
        text-align: center;
        /*background-position: bottom;
        background-image: url('CssImg/Main/gvGradientDis.gif');
        background-repeat: repeat-x;
        background-color: #E1E1E1;*/
        font-size: 8pt;
    }

    table.BiltasMiniHeaderBar Div.AnaMiniDugme:hover {
        background-position: bottom;
        /*background-image: url('CssImg/Main/gvFocusedBack.gif');
        background-repeat: repeat-x;
        background-color: #FFEFC5;*/
        cursor: pointer;
    }

    table.BiltasMiniHeaderBar Div.AnaMiniDugme:active {
        background-position: bottom;
        /*background-image: url('CssImg/Main/gvTitleBack.gif');
        background-repeat: repeat-x;
        background-color: #5987D6;*/
        cursor: pointer;
        color: black;
    }

    table.BiltasMiniHeaderBar Div.btnMiniYeni {
        background-position: center center;
        height: 16px;
        background-image: url('CssImg/Main/yeni12.png');
        background-repeat: no-repeat;
    }

    table.BiltasMiniHeaderBar Div.btnMiniSil {
        background-position: center center;
        height: 16px;
        background-image: url('CssImg/Main/sil12.png');
        background-repeat: no-repeat;
    }

    table.BiltasMiniHeaderBar Div.btnMiniKaydet {
        background-position: center center;
        height: 16px;
        background-image: url('CssImg/Main/kaydet12.png');
        background-repeat: no-repeat;
    }

    table.BiltasMiniHeaderBar Div.btnMiniIptal {
        background-position: center center;
        height: 16px;
        background-image: url('CssImg/Main/iptal12.png');
        background-repeat: no-repeat;
    }

    table.BiltasMiniHeaderBar Div.btnMiniYenile {
        background-position: center center;
        height: 16px;
        background-image: url('CssImg/Main/yenile12.png');
        background-repeat: no-repeat;
    }

/********/
table.BiltasHeaderBar Div.btnYeni {
    background-position: center center;
    height: 25px;
    background-image: url('CssImg/Main/yeni22.png');
    background-repeat: no-repeat;
}

table.BiltasHeaderBar Div.btnGuncelle {
    background-position: center center;
    height: 25px;
    background-image: url('CssImg/Main/guncelle22.png');
    background-repeat: no-repeat;
}

table.BiltasHeaderBar Div.btnSil {
    background-position: center center;
    height: 25px;
    background-image: url('CssImg/Main/sil22.png');
    background-repeat: no-repeat;
}

table.BiltasHeaderBar Div.btnSeciliyiOnayla {
    background-position: center center;
    height: 25px;
    background-image: url('CssImg/Main/kaydet22.png');
    background-repeat: no-repeat;
}

table.BiltasHeaderBar Div.btnGoruntule {
    background-position: center center;
    height: 25px;
    background-image: url('CssImg/Main/goruntule22.png');
    background-repeat: no-repeat;
    width: 47px;
}

table.BiltasHeaderBar Div.btnKaydet {
    background-position: center center;
    height: 25px;
    background-image: url('CssImg/Main/kaydet22.png');
    background-repeat: no-repeat;
}

table.BiltasHeaderBar Div.btnIptal {
    background-position: center center;
    height: 25px;
    background-image: url('CssImg/Main/iptal22.png');
    background-repeat: no-repeat;
}

table.BiltasHeaderBar Div.btnYenile {
    background-position: center center;
    height: 25px;
    background-image: url('CssImg/Main/yenile22.png');
    background-repeat: no-repeat;
}

table.BiltasHeaderBar Div.btnYazdir {
    background-position: center center;
    height: 25px;
    background-image: url('CssImg/Main/yazdir22.png');
    background-repeat: no-repeat;
}

table.BiltasHeaderBar Div.btnYardim {
    background-position: center center;
    height: 25px;
    background-image: url('CssImg/Main/yardim22.png');
    background-repeat: no-repeat;
}

table.BiltasHeaderBar Div.btnKapat {
    background-position: center center;
    height: 25px;
    background-image: url('CssImg/Main/kapat22.png');
    background-repeat: no-repeat;
}

table.BiltasHeaderBar Div.btnOnIzleme {
    background-position: center center;
    height: 25px;
    background-image: url('CssImg/Main/onizleme22.png');
    background-repeat: no-repeat;
}

table.BiltasHeaderBar Div.btnPdf {
    background-position: center center;
    height: 25px;
    background-image: url('CssImg/Main/pdf22.png');
    background-repeat: no-repeat;
}

table.BiltasHeaderBar Div.btnRtf {
    background-position: center center;
    height: 25px;
    background-image: url('CssImg/Main/rtf22.png');
    background-repeat: no-repeat;
}

table.BiltasHeaderBar Div.btnExcel {
    background-position: center center;
    height: 25px;
    background-image: url('CssImg/Main/excel22.png');
    background-repeat: no-repeat;
}

table.BiltasHeaderBar Div.btnKosulCariListe {
    background-position: center center;
    height: 25px;
    background-image: url('CssImg/Main/yenile_22.png');
    background-repeat: no-repeat;
}

table.BiltasHeaderBar Div.btnKosulDetayListe {
    background-position: center center;
    height: 25px;
    background-image: url('CssImg/Main/yenile_22.png');
    background-repeat: no-repeat;
}

table.BiltasHeaderBar Div.btnKosulListeSuz {
    background-position: center center;
    height: 25px;
    background-image: url('CssImg/Main/suz_16.png');
    background-repeat: no-repeat;
}

table.BiltasHeaderBar Div.btnSeciliDeg {
    background-position: center center;
    height: 25px;
    background-image: url('CssImg/Main/secili_deg.png');
    background-repeat: no-repeat;
}

table.BiltasHeaderBar Div.btnTumDeg {
    background-position: center center;
    height: 25px;
    background-image: url('CssImg/Main/tum_degr.png');
    background-repeat: no-repeat;
}
/*Mustafa*/
table.BiltasHeaderBar Div.btnUrunBakiye {
    background-position: center center;
    height: 25px;
    background-image: url('CssImg/Main/urun_bakiyeleri22.png');
    background-repeat: no-repeat;
}

table.BiltasHeaderBar Div.btnKampanya {
    background-position: center center;
    height: 25px;
    background-image: url('CssImg/Main/kampanyalar22.png');
    background-repeat: no-repeat;
}

table.BiltasHeaderBar Div.btnSonGelenUrunler {
    background-position: center center;
    height: 25px;
    background-image: url('CssImg/Main/son_gelen_urunler22.png');
    background-repeat: no-repeat;
}

table.BiltasHeaderBar Div.btnBekleyenSiparisler {
    background-position: center center;
    height: 25px;
    background-image: url('CssImg/Main/bekleyen_siparisler22.png');
    background-repeat: no-repeat;
}

table.BiltasHeaderBar Div.btnAskiyaAl {
    background-position: center center;
    height: 25px;
    background-image: url('CssImg/Main/askiya_al22.png');
    background-repeat: no-repeat;
}

table.BiltasHeaderBar Div.btnCariBilgi {
    background-position: center center;
    height: 25px;
    background-image: url('CssImg/Main/musteri_cari_bilgisi22.png');
    background-repeat: no-repeat;
}

table.BiltasHeaderBar Div.btnSonSiparisBilgisi {
    background-position: center center;
    height: 25px;
    background-image: url('CssImg/Main/son_siparis_bilgisi22.png');
    background-repeat: no-repeat;
}

table.BiltasHeaderBar Div.btnMail {
    background-position: center center;
    height: 25px;
    background-image: url('CssImg/Main/e-posta22.png');
    background-repeat: no-repeat;
}

table.BiltasHeaderBar Div.btnFax {
    background-position: center center;
    height: 25px;
    background-image: url('CssImg/Main/faks22.png');
    background-repeat: no-repeat;
}
/*table.BiltasHeaderBar Div.btnKaydet { background-position: center center; height: 25px; background-image: url('siparisbutonlari/kaydet.png'); background-repeat: no-repeat; }*/
/*Mustafa*/

table.MainUI {
    width: 100%;
    table-layout: fixed;
}

    table.MainUI td.RowHeaderImg { /*background-color: #C6E2FF;     border: 1px solid #CCC4CC;       font-size: 10pt;     empty-cells: show;     width: 140px;*/
    }

    table.MainUI td.RowHeader {
        background-color: #efefef;
        border: 1px solid #CCCCCC;
        font-size: 8pt;
        empty-cells: show;
    }

    table.MainUI td.RowData {
        border: 1px solid #CCC4CC; /*margin-left: 45px;*/
        empty-cells: show;
        margin-left: 40px;
    }

    table.MainUI td.ColSeperator {
        empty-cells: show;
        width: 10px;
    }

.RowHeader {
    background-color: #efefef; /*#D2D2D2;*/
    border: 1px solid #CCCCCC;
    font-size: 8pt;
    empty-cells: show;
    height: 20px;
    margin-right: 2px;
    margin-left: 2px;
    margin-bottom: 2px;
    padding-left: 2px;
}

.RowData {
    border: 1px solid gray; /*margin-left: 45px;*/
    empty-cells: show;
    height: 20px;
    margin-right: 10px;
    margin-bottom: 2px;
    vertical-align: middle;
}
/*buradan kalkacak */

.dvSayfaBaslik {
    height: 40px;
    width: 99%;
    background-image: url('../Img/menubg.png');
    background-repeat: repeat-x;
    color: #FFFFFF;
    text-align: left;
    padding-left: 5px;
    padding-top: 5px;
}

.grupBaslik {
    font-size: 12pt;
    font-weight: bold;
    color: #FF0000;
    background-color: #FFFFCC;
    padding-left: 3px;
}

legend {
    font-size: 8pt;
    color: #006699;
}

.bltGridHeader { /*border: 1px solid #BDD3EF;*/
    background-position: top;
    background-image: url('CssImg/Main/gvGradient.gif');
    background-repeat: repeat-x;
    background-color: #424542;
    padding: 2px;
    color: #FFFFFF;
    font-size: 7pt;
    text-align: center;
    height: 20px;
}

.bltGridHeader2 {
    background-color: #FFFF00;
}

.bltGridHeader3 { /*border: 1px solid #BDD3EF;*/
    background-position: top;
    background-image: url('CssImg/Main/gvGradient.gif');
    background-repeat: repeat-x;
    background-color: #424542;
    padding: 2px;
    color: #FFFFFF;
    font-size: 8pt;
    text-align: center;
    height: 20px;
}

.bltGridHeader4 { /*border: 1px solid #BDD3EF;*/
    background-position: top;
    background-image: url('CssImg/Main/gvGradient.gif');
    background-repeat: repeat-x;
    background-color: #424542;
    color: #FFFFFF;
    font-size: 7pt;
    text-align: center;
    height: 20px;
}


.aw-Header-MainTop { /* background-position: bottom;
    background-image: url('CssImg/Main/gvGradient.gif');
    background-repeat: repeat-x;*/
    background-color: #CC00CC;
    padding: 2px;
    font-size: 7pt;
    text-align: center;
    height: 20px;
}

/*.aw-Header-MainTop {  background-position: bottom;
    background-image: url('CssImg/Main/gvGradient.gif');
    background-repeat: repeat-x; background-color: #DAE9FD; padding: 2px; font-size: 7pt; text-align: center; height: 20px; }*/

.aw-Header-MainBottom {
    background-position: bottom;
    background-image: url('CssImg/Main/gvGradient.gif');
    background-repeat: repeat-x;
    background-color: #DAE9FD;
    padding: 2px;
    font-size: 7pt;
    text-align: center;
    height: 20px;
}

.bltGridTek {
    font-size: 7pt;
    padding-left: 2px;
    height: 19px;
    line-height: 19px;
    padding-right: 2px; /*border-right-style: solid;     border-bottom-style: solid;     border-right-width: 1px;     border-bottom-width: 1px;     border-right-color: #BDD3EF;     border-bottom-color: #BDD3EF;*/
}

.bltGridTek2 {
    font-size: 7pt;
    padding-left: 2px;
    height: 19px;
    line-height: 19px;
    padding-right: 2px;
}

.bltGridCift { /*border-right-style: solid;     border-bottom-style: solid;     border-right-width: 1px;     border-bottom-width: 1px;     border-right-color: #BDD3EF;     border-bottom-color: #BDD3EF;*/
    font-size: 7pt;
    padding-right: 2px;
    padding-left: 2px; /*   background-color: #DBE7EA;*/
}

.bltGridInput2 { /*border: 1px solid red;*/
    border: 1px solid #CCC4CC;
    font-size: 7pt;
    width: 100%;
    height: 18px; /*padding-right: 2px;*/
}

.bltGridInput { /*border: 1px solid red;*/
    border-style: none;
    font-size: 7pt;
    width: 100%;
    height: 100%;
    text-align: right; /*padding-right: 2px;*/
}


.bltGridInputGrid {
    /* border: 1px solid red;*/
    border-style: none;
    font-size: 7pt;
    width: 95%;
    height: 98%;
    text-align: right;
    padding-right: 2px;
}

fieldset {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.soladayali {
    text-align: left;
    font-size: 7pt;
}

.sagadayali {
    text-align: right;
    font-size: 7pt;
}

.uyNormal {
    font-size: 7pt;
    padding-left: 2px;
    padding-right: 2px;
    background-image: url('CssImg/Main/check_20px.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.uyDikkat {
    font-size: 7pt;
    padding-left: 2px;
    padding-right: 2px;
    background-image: url('CssImg/Main/exclamation_20px.png');
    background-repeat: no-repeat;
    background-position: center center;
}

/* 06.11.2012 Cüneyt Özem Grid içerisindeki satır silme düğmesi için */
.GridSilmeBt {
    padding-left: 2px;
    padding-right: 2px;
    background-image: url('CssImg/Main/sil_12.png');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.highlight {
    font-size: 11px;
    background-color: #808080;
    text-align: left;
}

.highlight1 {
    font-size: 11px;
    color: #333;
    background-color: #808080;
    text-align: left;
    color: #FFF;
}

.focused {
    background: #abcdef;
}

.dvKapakCss {
    z-index: 998;
    background-color: #000000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.jcmbItem {
    font-size: 7pt;
    padding-top: 2px;
    padding-bottom: 2px;
    min-height: 10px;
}

    .jcmbItem:hover {
        padding-top: 2px;
        padding-bottom: 2px;
        font-size: 7pt;
        background-color: Gray;
    }

/*** kadir ***/
.trRow {
    display: block;
    border: dotted 1px #CCC;
    height: 16px;
    line-height: 16px;
    padding: 2px;
}

/*.row {
    display: block;
    border: dotted 1px #FF0000;
    height: 16px;
    line-height: 16px;
    padding: 2px;
}*/

.wrapper {
    width: 960px;
    float: left;
    margin-left: 5px;
    margin: 0;
    font: 13px Tahoma;
}

.content {
    width: 100%;
    float: left;
}

.txt {
    width: 200px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    font-weight: 600;
    border: solid 1px #dedede;
}

.txt2 {
    font-size: 7pt;
    font-weight: 600;
    border: solid 1px #dedede;
    text-align: right;
}

.clMalAlimi {
    width: 48px;
    height: 59px;
    background: url(CssImg/Main/48pxl/stok_kart.gif);
    background-position: center;
    background-repeat: no-repeat;
    padding: 1px;
    font-weight: bold;
}

.clRafDegisimi {
    width: 48px;
    height: 59px;
    background: url(CssImg/Main/48pxl/uygulama_ikonlari/siparisi_aktar.gif);
    background-position: center;
    background-repeat: no-repeat;
    padding: 1px;
    font-weight: bold;
}

.clSevkiyat {
    width: 48px;
    height: 59px;
    background: url(CssImg/Main/48pxl/uygulama_ikonlari/son_gelen_urunler.gif);
    background-position: center;
    background-repeat: no-repeat;
    padding: 1px;
    font-weight: bold;
}

.clBarkod {
    width: 48px;
    height: 59px;
    background: url(CssImg/Main/48pxl/barkod_tanimlama.gif);
    background-position: center;
    background-repeat: no-repeat;
    padding: 1px;
    font-weight: bold;
}

.clMalToplama {
    width: 48px;
    height: 59px;
    background: url(CssImg/Main/48pxl/uygulama_ikonlari/koliler.gif);
    background-position: center;
    background-repeat: no-repeat;
    padding: 1px;
    font-weight: bold;
}

.clSayim {
    width: 48px;
    height: 59px;
    background: url(CssImg/Main/48pxl/uygulama_ikonlari/son_siparis_bilgisi.gif);
    background-position: center;
    background-repeat: no-repeat;
    padding: 1px;
    font-weight: bold;
}

.clIade {
    width: 48px;
    height: 59px;
    background: url(CssImg/Main/48pxl/uygulama_ikonlari/urun_ekle.gif);
    background-position: center;
    background-repeat: no-repeat;
    padding: 1px;
    font-weight: bold;
}

.clCikis {
    width: 48px;
    height: 59px;
    background: url(CssImg/Main/48pxl/uygulama_ikonlari/kapat.gif);
    background-position: center;
    background-repeat: no-repeat;
    padding: 1px;
    font-weight: bold;
}

.clEkle {
    width: 24px;
    height: 29px;
    float: left;
    background: url(CssImg/Main/24pxl/uygulama_ikonlari/kaydet.gif);
    background-position: center;
    background-repeat: no-repeat;
    padding: 1px;
    font-weight: bold;
    cursor: pointer;
}

.clYenile {
    width: 24px;
    height: 29px;
    float: left;
    background: url(CssImg/Main/24pxl/uygulama_ikonlari/yenile.gif);
    background-position: center;
    background-repeat: no-repeat;
    padding: 1px;
    font-weight: bold;
    cursor: pointer;
}

.clGuncelle {
    width: 24px;
    height: 29px;
    float: left;
    background: url(CssImg/Main/24pxl/uygulama_ikonlari/guncelle.gif);
    background-position: center;
    background-repeat: no-repeat;
    padding: 1px;
    font-weight: bold;
    cursor: pointer;
}

.clCariEkle {
    width: 24px;
    height: 29px;
    float: left;
    background-image: url(CssImg/Main/24pxl/uygulama_ikonlari/uygula.png);
    background-position: center;
    background-repeat: no-repeat;
    padding: 1px;
    font-weight: bold;
    cursor: pointer;
}

.clSevkiyat2 {
    width: 24px;
    height: 29px;
    float: left;
    background-image: url(CssImg/Main/24pxl/uygulama_ikonlari/son_gelen_urunler.png);
    background-position: center;
    background-repeat: no-repeat;
    padding: 1px;
    font-weight: bold;
}

.clSil {
    width: 24px;
    height: 29px;
    float: left;
    background: url(CssImg/Main/24pxl/uygulama_ikonlari/sil.gif);
    background-position: center;
    background-repeat: no-repeat;
    padding: 1px;
    font-weight: bold;
    cursor: pointer;
}

.clFatura {
    width: 24px;
    height: 29px;
    float: left;
    background: url(CssImg/Main/24pxl/uygulama_ikonlari/fatura_bas.gif);
    background-position: center;
    background-repeat: no-repeat;
    padding: 1px;
    font-weight: bold;
    cursor: pointer;
}

.clYazdir {
    width: 24px;
    height: 29px;
    float: left;
    background: url(CssImg/Main/24pxl/uygulama_ikonlari/yazdir.gif);
    background-position: center;
    background-repeat: no-repeat;
    padding: 1px;
    font-weight: bold;
    cursor: pointer;
}

.clAnaMenu {
    width: 24px;
    height: 29px;
    float: left;
    background: url(CssImg/Main/24pxl/uygulama_ikonlari/kapat.gif);
    background-position: center;
    background-repeat: no-repeat;
    padding: 1px;
    font-weight: bold;
    cursor: pointer;
}

.clsUrunAtla {
    width: 24px;
    height: 29px;
    float: left;
    background: url(CssImg/Main/24pxl/uygulama_ikonlari/sala_aktar.gif);
    background-position: center;
    background-repeat: no-repeat;
    padding: 1px;
    font-weight: bold;
    cursor: pointer;
}

.clsUrunNerelerde {
    width: 24px;
    height: 29px;
    float: left;
    background: url(CssImg/Main/24pxl/uygulama_ikonlari/ana_menu.gif);
    background-position: center;
    background-repeat: no-repeat;
    padding: 1px;
    font-weight: bold;
    cursor: pointer;
}

.clGoruntule {
    width: 24px;
    height: 29px;
    float: left;
    background: url(CssImg/Main/24pxl/uygulama_ikonlari/goruntule.gif);
    background-position: center;
    background-repeat: no-repeat;
    padding: 1px;
    font-weight: bold;
    cursor: pointer;
}

.trHucreBaslik {
    height: 16px;
    padding: 5px;
    color: #fff;
    background-color: #CC0000;
    border-bottom: 5px solid #a40000;
    vertical-align: top;
}

.trHucreDetay {
    background-color: #FFF;
    color: #000;
}
/*** kadir ***/

/*Cüneyt*/
.bltGridHeader3 { /*border: 1px solid #BDD3EF;*/
    background-position: bottom;
    background-image: url('CssImg/Main/gvGradient.gif');
    background-repeat: repeat-x;
    background-color: #DAE9FD;
    padding: 2px;
    font-size: 11px;
    text-align: center;
    height: 20px;
}

.bltGridTek3 {
    font-size: 11px;
    padding-left: 2px;
    padding-right: 2px;
}

.yazi2 {
    font-size: 11px;
}
/*.btn { border: solid 1px #ddd; background-color: #d5d5d5; padding: 4px; font-size: 11px; }*/
.btn {
    width: 100px;
    padding: 3px;
    font-size: 8pt;
    height: 20px;
    color: #000;
    border: solid 1px #ccc;
    background: #e5e5e5;
    background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#e1e1e1));
    background: -moz-linear-gradient(top, #e5e5e5, #e1e1e1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#e1e1e1');
}

.dividerGrey {
    background-image: url('CssImg/Main/gridot.png');
    background-repeat: repeat-x;
    background-position: center;
}

.araBaslik {
    color: #E40D18;
    font-weight: bolder;
    font-size: 9pt;
}


/*Cüneyt Dik Başlık*/
.RowHeaderDik {
    /* border: 1px solid #CCCCCC; */
    empty-cells: show;
    margin-right: 2px;
    margin-left: 2px;
    margin-bottom: 2px;
    display: block;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    writing-mode: tb-rl;
    filter: flipv fliph;
    /* border:1px black solid;*/
    background-color: #DAE9FD;
    padding: 2px;
    font-size: 11px;
    /*text-align: center;*/
}

.ngDiv {
    white-space: nowrap;
    display: block;
    overflow: hidden;
}


/*cüneyt css select*/
.styled-select-select {
    background: transparent;
    /*width: 218px;*/
    padding: 1px;
    /*font-size: 16px;*/
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 20px;
    -webkit-appearance: none;
}


.styled-select {
    /*width: 190px;*/
    height: 20px;
    overflow: hidden;
    background: #ddd url('../Img/icon-selectbox.png') no-repeat 98% 0;
    /*  border: 1px solid #ccc;*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.tableHeaderForFixed1 {
    padding: 2px;
    font-size: 7pt;
    background-position: -10px;
    background-image: url('CssImg/Main/caChallengeImageBack.png');
    background-repeat: repeat-x;
    background-color: #ADAEAD;
    color: white;
}

.tableRowForFixed1 {
    padding: 2px;
    font-size: 7pt;
    word-wrap: break-word;
}
/*20230717 METİN*/
/*YENİ CSS PACKLERİ*/

/*YENİLEME ÇALIŞMASI*/

.blackbar {
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
}

.limit-banner {
    background: #f10;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
}

.limit-banner-item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    font-size: 10px;
    color: #fff;
    text-align: center;
}

.kutu-1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 100%;
}

.kutu-1-ic-sol {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 120px;
}

.kutu-1-ic-orta {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 60%;
    display: flex;
}

.kutu-1-mobile {
    width: 100%;
    height: 30px;
    display: none;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    background-color: #000;
}

.weblinks {
    display: flex;
    width: 100%;
}

.navlink-icon {
    width: 50px;
    height: 50px;
    z-index: 2;
    display: none;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 0px;
    margin: 0px;
    background: none;
}

    .navlink-icon:hover {
        box-shadow: 0px 0px 10px #fff;
        opacity: 1;
        background-color: #919191;
    }

    .navlink-icon:active {
        box-shadow: 0px 0px 10px #fff;
        opacity: 1;
        background-color: #919191;
    }

.navlinks {
    width: 40%;
    top: 50px;
    height: 300px;
    z-index: 1;
    position: absolute;
    background: #000;
    display: none;
    flex-direction: column;
}

.navlinks-open {
    display: flex;
}

.kutu-1-ic-sag {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 250px;
    color: #fff;
}

.kutu-1-item {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    flex-direction: row;
    cursor: pointer;
}

.kutu-1-link {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    flex-direction: column;
    cursor: pointer;
    color: #fff;
    font-size: 10px;
}

.link-active {
    color: #000 !important;
    background-color: #919191 !important;
}

.kutu-1-link:hover {
    background-color: #919191;
    color: #000 !important;
}

.kutu-1-link-icon {
    width: 100%;
    height: 75%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

    .kutu-1-link-icon:hover {
    }

.kutu-1-link-txt {
    width: 100%;
    height: 30%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.kutu-2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100%;
    gap: 50px;
}

.il-bt-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
/*.kutu-2-warp-container {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    height: auto;
    justify-content: flex-start;
    flex-direction: row;
    width: 70%;
}*/
.kutu-2-mini {
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 80px;
    width: 100%;
    gap: 10px;
    margin-bottom: 20px;
}

.kutu-2-mini-row {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: right;
    gap: 10px;
}

.fieldset-mini-row {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 300px;
    height: 30px;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
}

.kutu-2-mini-item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 50%;
    gap: 20px;
    height: 30px;
    align-items: center;
    flex-wrap: wrap;
}

.kutu-2-item {
    display: flex;
    position: relative;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    flex-direction: row;
}

.kutu-2-sol {
    width: auto;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.kutu-2-icon {
    width: 200px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.kutu-2-buton-paneller {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    gap: 15px;
}

.kutu-2-arama {
    width: 550px;
    position: relative;
    z-index: 5;
    height: 40px;
    display: flex;
    flex-direction: row;
    background: #f5f6f8;
    align-items: center;
    border: 1px solid #f1f1f1;
}

.web-border {
    border-radius: 8px;
}

.web-text-color {
    color: #767676;
}

.kutu-2-arama-icon {
    width: 45px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.kutu-2-arama-orta {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.kutu-2-arama-butonu {
    font-size: 14px;
    height: 100%;
    display: flex;
    padding: 0px;
    justify-content: center;
    align-items: center;
    width: 60px;
    background-color: #999;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.kutu-2-aramabtn {
    width: 100%;
    height: 100%;
    cursor: pointer;
    outline: none;
    opacity: 1 !important;
}

.kutu-2-butonlar {
    width: auto;
    height: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    gap: 10px;
}

.web-hover:hover {
    box-shadow: inset 0px 0px 100px #0000001c;
    opacity: 1;
}

.kutu-2-butonlar-icon {
    width: 35px;
    height: 100%;
}

.kutu-2-bilgilerbtn {
    display: flex;
    position: relative;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    border-image: none;
    width: auto;
    height: auto;
}

.kutu-2-kulbilgisi {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.kutu-2-kulsirket {
    display: flex;
    font-size: 10px !important;
    top: 26px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    width: 200px;
    height: 30px;
    overflow: hidden;
}

.kutu-2-sirkettxt {
    color: #f10;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.w3-headbutons {
    width: auto;
    height: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.web-red-icon {
    filter: invert(10%) sepia(280%) saturate(10000%) hue-rotate(0deg) brightness(500%) contrast(100%);
}

.web-green-icon {
    filter: invert(10%) sepia(200%) saturate(10000%) hue-rotate(95deg) brightness(200%) contrast(100%);
}

.kutu-2-sepetbtn-icon {
    width: 50px;
    height: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.kutu-2-sepet-dot {
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    padding: 0px 5px;
    position: absolute;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 20px;
    height: 19px;
    border-radius: 500px;
}

.kutu-2-sepet-dot-long {
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    padding: 0px 5px;
    position: absolute;
    justify-content: center;
    align-items: center;
    display: flex;
    width: auto;
    height: 19px;
    border-radius: 500px;
}

.kutu-2-sepetbtn-txt {
    width: auto;
    height: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.kutu-2-mobile {
    width: 100%;
    height: 100px;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.kutu-2-mobile-row {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.kutu-3 {
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100%;
}

.kutu-3-item {
    display: flex;
    position: relative;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 100%;
    flex-direction: row;
}

.kutu-4 {
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: auto;
    font-size: 11px;
    width: 100%;
    gap: 10px;
    flex-wrap: wrap;
}

.kutu-4-item {
    display: flex;
    position: relative;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    flex-direction: row;
}

.navbar {
    display: flex;
    flex-direction: row;
    position: relative;
    width: 100%;
    height: 50px;
}

.center {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    max-width: 1500px;
    margin-top: 20px;
    gap: 20px;
    margin-left: 8%;
    margin-right: 8%;
}

.side-bar {
    width: 15%;
    height: 700px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
}

.side-bar-head {
    width: 100%;
    height: 300px;
    display: flex;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.side-bar-body {
    margin-top: 15px;
    width: 100%;
    text-align: center;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.main-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 5px;
}

.main-container-head {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 40px;
    /*border: 1px solid #e5e5e5;*/
    font-size: 12px;
    border-radius: 8px;
}

.main-container-body {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*border: 1px solid #e5e5e5;*/
    font-size: 12px;
    border-radius: 8px;
}

.main-container-body-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /*border: 1px solid #e5e5e5;*/
    font-size: 12px;
    border-radius: 8px;
}

.main-container-body-item-container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    gap: 10px;
}

.main-container-body-item-container-blog {
    width: 400px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.main-container-body-item-container-rows {
    width: 100%;
    height: 25px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.res {
}

.main-container-foot {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*border: 1px solid #e5e5e5;*/
    font-size: 12px;
    border-radius: 8px;
}

.main-container-foot-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /*border: 1px solid #e5e5e5;*/
    font-size: 12px;
    border-radius: 8px;
}

.low-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.mobile-bar-item {
    display: none;
}

.sanal-pos-center {
    width: 50%;
}

.login-iletisim {
    flex: 0 0 500px;
}

.b2b-pop {
    display: none;
    justify-content: center;
    text-align: center;
    align-items: center;
    position: fixed;
    z-index: 14;
    border-radius: 14px;
    flex-direction: column;
    width: 30%;
    height: auto;
    right: 35%;
    top: 35%;
    border: 3px solid #2D4190;
    background: #fff;
    padding: 10px;
}

.b2b-pop-acik {
    display: flex;
}

.b2b-pop-exit {
    width: 25px;
    height: 25px;
    background: #919191;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.blocker {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: ' ';
    background: #0000001a;
}

.b2b-pop-row {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    width: 100%;
    height: auto;
    margin-bottom: 2%;
}

.kapa {
    display: none;
}



/*MOBİLE HEADER*/


.mob-main-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
    width: 100%;
}

.mob-main-container-bar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 35px;
    width: 100%;
}

.mob-sirket-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    width: 60%;
    padding: 2px;
}

.mob-sepet-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    width: 40%;
}

.mob-sepet-buton {
    width: 80px;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.mob-sepet-buton-icon {
    width: 60px;
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.mob-main-container-mid {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 100%;
}

.mob-main-container-mid-sol {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
    width: 30%;
}

.hamburger-buton {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 35px;
    margin-top: 8px;
}

.mob-main-container-mid-orta {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 50%;
}

.mob-logo {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 100%;
}

.mob-main-container-mid-sag {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
    width: 30%;
}

.mob-kul {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 35px;
    width: 80px;
    margin-top: 8px;
}

.mob-kul-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 35px;
}

.mob-main-container-foot {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 100%;
}

.mob-panel-left {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    /*padding-top: 60px;*/
}

.mob-panel-right {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.3s;
    /*padding-top: 60px;*/
}

.mob-toggle-container {
    position: relative;
    background: #fff;
    display: block;
    height: 30px;
    width: 80px;
    border-radius: 160px;
    transition: 0,5s;
    cursor: pointer;
    outline: none !important;
    box-shadow: inset 0 10px 100px #ffffff4d, inset 0 1px 0px #0000001a, inset 0 10px 100px #0000001a;
}

.mob-toggle {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #333;
    top: 0;
    left: 0%;
    width: 35px;
    height: 100%;
    border-radius: 50%;
    border-color: #212529;
    transform: scale(0.9);
    transition: 0.5s;
    outline: none !important;
}

    .mob-toggle:focus {
        outline: none !important;
    }

.mob-toggle-txt {
    position: absolute;
    color: #000;
    left: 10px;
    top: 6px;
    /* width: 1px; */
    height: 20px;
    font-size: 11px;
    opacity: 0;
    font-weight: bold;
    text-align: center;
    transition: all 0.5s ease 0.3s;
}

.toggle-active {
    left: 55%;
}

.mob-toggle-active {
    position: absolute;
    background-color: #333;
    top: 0;
    left: 65%;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border-color: #212529;
    transform: scale(0.9);
    transition: 0.5s;
    outline: none !important;
}

.mob-panel-item-head-left {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 12px;
    color: #818181;
    display: flex;
    flex-direction: row;
    transition: 0.3s;
    opacity: 0;
    transition: all 0.5s ease 0.1s;
}

.mob-panel-item-head-right {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 12px;
    color: #818181;
    display: flex;
    flex-direction: row;
    transition: 0.3s;
    opacity: 0;
    transition: all 0.5s ease 0.1s;
}

.mob-panel-item-left {
    padding: 8px 8px 8px 20px;
    text-decoration: none;
    font-size: 12px;
    color: #818181;
    display: flex;
    flex-direction: row;
    align-items: center;
    transition: 0.3s;
    opacity: 0;
    margin-bottom: 5px;
}

    .mob-panel-item-left:hover {
        box-shadow: 0px 0px 10px #fff;
        background-color: #919191;
        color: #fff;
    }

    .mob-panel-item-left:nth-child(1) {
        transition: all 0.5s ease 0.2s;
    }

    .mob-panel-item-left:nth-child(2) {
        transition: all 0.5s ease 0.3s;
    }

    .mob-panel-item-left:nth-child(3) {
        transition: all 0.5s ease 0.4s;
    }

    .mob-panel-item-left:nth-child(4) {
        transition: all 0.5s ease 0.5s;
    }

    .mob-panel-item-left:nth-child(5) {
        transition: all 0.5s ease 0.6s;
    }

    .mob-panel-item-left:nth-child(6) {
        transition: all 0.5s ease 0.7s;
    }

    .mob-panel-item-left:nth-child(7) {
        transition: all 0.5s ease 0.8s;
    }

    .mob-panel-item-left:nth-child(8) {
        transition: all 0.5s ease 0.9s;
    }

    .mob-panel-item-left:nth-child(9) {
        transition: all 0.5s ease 1.0s;
    }

    .mob-panel-item-left:nth-child(10) {
        transition: all 0.5s ease 1.1s;
    }

    .mob-panel-item-left:nth-child(11) {
        transition: all 0.5s ease 1.2s;
    }

.fade {
    opacity: 1 !important;
}

.mob-panel-item-right {
    padding: 8px 8px 8px 20px;
    text-decoration: none;
    font-size: 12px;
    color: #818181;
    display: flex;
    flex-direction: row;
    align-items: center;
    transition: 0.3s;
    opacity: 0;
    margin-bottom: 5px;
}

    .mob-panel-item-right:hover {
        box-shadow: 0px 0px 10px #fff;
        background-color: #919191;
        color: #fff;
    }

    .mob-panel-item-right:nth-child(1) {
        transition: all 0.5s ease 0.2s;
    }

    .mob-panel-item-right:nth-child(2) {
        transition: all 0.5s ease 0.3s;
    }

    .mob-panel-item-right:nth-child(3) {
        transition: all 0.5s ease 0.4s;
    }

    .mob-panel-item-right:nth-child(4) {
        transition: all 0.5s ease 0.5s;
    }

    .mob-panel-item-right:nth-child(5) {
        transition: all 0.5s ease 0.6s;
    }

    .mob-panel-item-right:nth-child(6) {
        transition: all 0.5s ease 0.7s;
    }

    .mob-panel-item-right:nth-child(7) {
        transition: all 0.5s ease 0.8s;
    }

.mob-panel-item-active {
    color: #fff !important;
    box-shadow: 0px 0px 10px #fff;
    background-color: #919191 !important;
}

.web-head-color {
    background: #fff !important;
}

.web-band-color {
}

.blackbar-color {
    background: #000;
}

.web-buton-color {
    background: #919191;
}

.web-panel-color {
    background: #000;
}

/*SLİDER*/
.slider {
    width: 100%;
    text-align: center;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.slider-left {
    display: flex;
    flex-direction: row;
    width: 40px;
    height: 500px;
    justify-content: center;
    align-items: center;
}

    .slider-left:hover {
    }

.slider-right {
    display: flex;
    flex-direction: row;
    width: 40px;
    height: 100%;
    justify-content: center;
    align-items: center;
}

    .slider-right:hover {
    }

.dot-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    align-items: center;
    gap: 10px;
}

.dot-container-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    height: 40px;
    align-items: center;
    gap: 10px;
}

.dot {
    flex: 0 0 15px;
    display: flex;
    flex-direction: row;
    height: 15px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    background: #00000033;
    color: #fff;
}

.slider-dot-active {
}

.dotbuton {
    width: 80px;
    height: 30px;
    background: #D73235;
    display: flex;
}
/*SLİDER İÇ KISIM*/
/*.slides {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 500px;
    overflow-y: auto;
    scroll-snap-type: y mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 10px;
    margin-top: 10px;
    gap: 0px;
    scroll-snap-points-x: repeat(300px);
    scroll-snap-type: mandatory;
    
}*/

/*.slides::-webkit-scrollbar {
        width: 0px !important;
        height: 0px !important;
    }

    .slides::-webkit-scrollbar-thumb {
        background: black;
        border-radius: 0px;
    }

    .slides::-webkit-scrollbar-track {
        background: transparent;
    }

.scroll-hide {
}

    .scroll-hide::-webkit-scrollbar {
        width: 0px !important;
        height: 0px !important;
    }

    .scroll-hide::-webkit-scrollbar-thumb {
        background: black;
        border-radius: 0px;
    }

    .scroll-hide::-webkit-scrollbar-track {
        background: transparent;
    }*/

/* metin 20230726
.slider-item {
    scroll-snap-align: start;
    scroll-snap-stop: always;
    flex-shrink: 0;
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    border-radius: 8px;
    border: 1px solid #d73235;
    transform-origin: center center;
    transform: scale(1);
    transition: transform 0.5s;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    font-size: 10px;
}
*/
/*.slider-row {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    justify-content: flex-start;
    align-items: center;
}

.slider-item-sol {
    display: flex;
    flex-direction: column;
    width: 30%;
    height: 100%;
    justify-content: flex-start;
    align-items: center;
}

.tarih-gun {
    width: 30px;
    height: 30px;
    font-size: 15px;
    color: #fff;
    border-radius: 300px;
    background: #919191;
    margin-top: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider-item-orta {
    display: flex;
    flex-direction: column;
    width: 50%;
    height: 30px;
    justify-content: center;
    align-items: center;
}

.slider-item-sag {
    display: flex;
    flex-direction: row;
    width: 30%;
    height: 100%;
    gap: 10px;
    justify-content: center;
    align-items: flex-start;
}*/

.kategori-slider {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 220px;
    overflow-y: auto;
    scroll-snap-type: y mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 10px;
    margin-top: 10px;
    gap: 0px;
    scroll-snap-points-x: repeat(300px);
    scroll-snap-type: mandatory;
}

    .kategori-slider::-webkit-scrollbar {
        width: 5px !important;
        background: #f1f1f1 !important;
    }

    .kategori-slider::-webkit-scrollbar-thumb {
        background: #f10 !important;
        border-radius: 8px;
    }

        .kategori-slider::-webkit-scrollbar-thumb:hover {
            background: #f10 !important;
        }

.kategori-slider-item {
    scroll-snap-align: start;
    scroll-snap-stop: always;
    flex-shrink: 0;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    transition: transform 0.5s;
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: flex-start;
    align-items: center;
}

.detaygetir-buton {
    width: 30px;
    height: 30px;
    font-size: 12px;
    background: #919191;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    margin-top: 4px;
}

.sipdet {
    width: 100%;
    background: #00000044;
    height: auto;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 3;
}

.detay-container-head {
    background: #fff;
    display: flex;
    font-size: 11px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    flex-direction: column;
    width: 100%;
    height: auto;
    box-shadow: 0 5px 0px #f10;
    z-index: 1;
}

.detay-container {
    display: flex;
    flex-direction: column;
    background: #fff;
    width: 100%;
    height: 600px;
    overflow-y: auto;
    scroll-snap-type: y mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 10px;
    gap: 0px;
    padding: 5px;
}

    .detay-container::-webkit-scrollbar {
        width: 0px !important;
        height: 0px !important;
    }

    .detay-container::-webkit-scrollbar-thumb {
        background: black;
        border-radius: 0px;
    }

    .detay-container::-webkit-scrollbar-track {
        background: transparent;
    }

.detay-container-item {
    scroll-snap-align: start;
    scroll-snap-stop: always;
    flex-shrink: 0;
    background: #fff;
    padding: 10px;
    width: 100%;
    height: auto;
    margin-top: 5px;
    border-radius: 8px;
    border: 1px solid #8b8b8b;
    transform-origin: center center;
    transform: scale(1);
    transition: transform 0.5s;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    font-size: 10px;
}

.detay-row {
    width: 100%;
    height: auto;
    gap: 2%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.detay-row-item {
    width: 48%;
    height: 18px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f10;
}

.detay-row-item-fat {
    width: 48%;
    height: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f10;
}

.detay-row-item-iade {
    width: 48%;
    height: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f10;
}

.scroll::-webkit-scrollbar {
    display: none;
}

.textarea {
    white-space: normal;
    text-overflow: ellipsis !important;
    overflow: hidden;
    box-sizing: content-box;
    text-align: justify;
    padding-left: 3%;
    resize: none !important;
    outline: none;
    cursor: pointer;
}

.detay-sut {
    width: 50%;
    height: 15px;
}

.detay-veri {
    width: 40%;
    height: 15px;
    text-align: right;
}

.detay-main {
    background: rgba(0,0,0,0.2);
    width: 100%;
    height: 100%;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sepethead {
}

.siparis-sidebar {
}
/* metin 20230726 */
.login-ana-div-close {
    display: none;
}

.login-ana-div-active {
    width: 480px;
    height: 100%;
    display: flex;
    position: fixed;
    top: 0%;
    right: 0%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    z-index: 20;
}

.login-ana-div {
    display: none;
}

.login-panel {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 40px;
    gap: 20px;
    background: #fff;
    transition: all 0.5s ease 0.3s;
    animation: loginopen 0.5s;
    overflow-y: auto !important;
}

.login-animation {
    animation: loginclose 0.5s;
}

.login-inputs-log {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    gap: 10px;
}

.login-stick {
    width: 100%;
    height: 5px;
    border-bottom: 1px solid #b7b7b7;
}

.login-input {
    border: 1px solid #e2e2e2;
    font-size: 12px;
    width: 100%;
    height: 100%;
    padding: 8px;
}

.login-btn {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    cursor: pointer;
}

.login-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    gap: 10px;
}

.yenilog-container {
    display: flex;
    position: relative;
    width: 600px;
    height: auto;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 15px;
    gap: 10px;
    background: #fff;
    transition: all 0.5s ease 0.3s;
    animation: popopen 0.5s;
}

.yenilog-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    gap: 10px;
}

.login-slider-row {
    display: flex;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    flex-direction: column;
    width: 100%;
    height: 500px;
    overflow-y: auto;
    scroll-snap-type: y mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    transition: transform 1s;
}

    .login-slider-row::-webkit-scrollbar {
        width: 0px !important;
        height: 0px !important;
    }

    .login-slider-row::-webkit-scrollbar-thumb {
        background: black;
        border-radius: 0px;
    }

    .login-slider-row::-webkit-scrollbar-track {
        background: transparent;
    }

.login-urun-row {
    width: 100%;
    display: flex;
    padding: 11px 0px;
    border-top: 1px solid #999;
    height: auto;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

    .login-urun-row:first-child {
        border: none;
    }

.login-urun-click-point {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.login-urun-row-item {
    display: flex;
    width: auto;
    height: auto;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.login-row-item-cop {
    cursor: pointer;
    opacity: 0.6;
    width: 20px;
    height: 20px;
}

    .login-row-item-cop:hover {
        opacity: 1;
    }

.login-mini-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 30px;
    gap: 5px;
}

.loginblocker {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: ' ';
    background: #00000080;
    animation: loginfadeopen 0.5s;
}

.sepet-kapat-mobil-btn {
    border: 1px solid #eee;
    box-shadow: 0 0 5px 0 #818181;
    border-radius: 50%;
    display: none;
    width: 25px;
    height: auto;
    justify-content: center;
    align-items: center;
}

.yeniloginblocker {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 50;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: ' ';
    background: #00000080;
    animation: loginfadeopen 0.5s;
}

.loginblocker-animation {
    animation: loginfadeclose 0.5s;
}
/*slider css*/
.bannerbaslik {
    width: 65%;
    height: auto;
}

.mainbannerdiv {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    overflow: hidden;
}

#mainbanner {
    user-select: none;
}

#mainfirsat {
    user-select: none;
}

#mainyeni {
    user-select: none;
}

.dvmain-uruntip {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: auto;
    height: auto;
    gap: 30px;
}

.dvmain-ustbar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    padding: 0 20px 0 20px;
    border-radius: 4px;
    background: #eee;
}

.urun-siralama-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: auto;
    height: 30px;
    padding: 0px 20px 0px 20px;
}

.urun-siralama {
    background-color: transparent !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 16px 0 16px;
}

.urun-siralama-item {
}

.urundisplay-container {
    height: 35px;
    display: flex;
    flex-direction: row;
    width: auto;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.stok-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    gap: 10px;
}

.urunlerbannerdiv {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 65%;
    height: auto;
}



.firsat-banner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 15px;
}

.urunbannerad {
    height: 48px;
}

.kampanyaflag {
    position: absolute;
    display: flex;
    top: 0;
    right: 10px;
    border-radius: 5px;
    padding: 0 10px;
    width: auto;
    height: 25px;
    background: #f10;
    justify-content: center;
    align-items: center;
}

.orandiv {
    background: #f10;
    width: auto;
    height: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
}


.yeni-banner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 15px;
}

.yeniflag {
    position: absolute;
    display: flex;
    top: 0;
    left: 10px;
    border-radius: 5px;
    padding: 0 10px;
    width: auto;
    height: 25px;
    background: #f10;
    justify-content: center;
    align-items: center;
}

.slider {
    width: 100%;
    text-align: center;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.slider-left {
    display: flex;
    flex-direction: row;
    width: 40px;
    height: 500px;
    justify-content: center;
    align-items: center;
}

    .slider-left:hover {
    }

.slider-right {
    display: flex;
    flex-direction: row;
    width: 40px;
    height: 100%;
    justify-content: center;
    align-items: center;
}

    .slider-right:hover {
    }

.dot-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    height: auto;
    align-items: center;
}

.dot:hover {
    background: #ff110099;
}

.dot-active {
    background: #f10;
}

.dotbuton {
    width: 80px;
    height: 30px;
    background: #D73235;
    display: flex;
}

.control {
    display: none;
}

.animasyon-close {
    display: none;
    animation: loginfadeclose 0.3s;
}

.animasyon-open {
    width: auto;
    height: auto;
    display: flex;
    position: fixed;
    top: 0%;
    right: 0%;
    left: 0%;
    bottom: 0%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 200;
    background: #ffffffb3;
    animation: loginfadeopen 0.3s;
}

.animasyon-display-container {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    justify-content: center;
}

.animasyon-tamamlanma {
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    position: absolute;
    left: -60px;
    border-radius: 50%;
    transition: 3s ease-in-out;
    background: conic-gradient(#f10 3.6deg, #fff 0deg);
}

.animasyondisplay-text {
    font-size: 30px;
}

.animasyon-tamamla-ic {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    content: " ";
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #fff;
}

.control-active {
    width: auto;
    height: auto;
    display: flex;
    position: fixed;
    top: 0%;
    right: 0%;
    left: 0%;
    bottom: 0%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 100;
}

.sepet-miktarlama-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 2px;
    width: auto;
    height: 100%;
}

.sepet-miktar-box {
    width: auto;
    height: auto;
}

.sepet-miktarlama-ekle-cikar {
    width: 18px;
    height: 18px;
    box-shadow: 0 0 5px 0 #818181;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .sepet-miktarlama-ekle-cikar:hover {
        box-shadow: 0 0 5px 0 #000;
    }


.contol-pop {
    width: 500px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background: #fff;
    animation: popopen 0.3s;
    gap: 10px;
}

.control-row {
    width: 100%;
    height: 40px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.sepetpopbtn {
    width: 100px;
    cursor: pointer;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.sepet-ok-container {
    display: flex;
    position: absolute;
    justify-content: space-between;
    align-items: center;
    width: auto;
    height: 500px;
    top: 130px;
    left: 10px;
    bottom: 0px;
    flex-direction: column;
}

.sepet-ok {
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
}
/*SLİDER İÇ KISIM*/

.slides-main {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: auto;
    overflow: visible;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 10px;
    gap: 0px;
    transition: transform 1s;
}

.slides {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 400px;
    overflow: visible;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 10px;
    margin-top: 10px;
    gap: 0px;
    transition: transform 1s;
    user-select: none;
}

.bagimsiz-div {
}

.slide-button {
    width: 35px;
    height: 50px;
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.slide-button2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 50px;
}

.slides::-webkit-scrollbar {
    width: 0px !important;
    height: 0px !important;
}

.slides::-webkit-scrollbar-thumb {
    background: black;
    border-radius: 0px;
}

.slides::-webkit-scrollbar-track {
    background: transparent;
}

.slides-main::-webkit-scrollbar {
    width: 0px !important;
    height: 0px !important;
}

.slides-main::-webkit-scrollbar-thumb {
    background: black;
    border-radius: 0px;
}

.slides-main::-webkit-scrollbar-track {
    background: transparent;
}

.scroll-hide {
}

    .scroll-hide::-webkit-scrollbar {
        width: 0px !important;
        height: 0px !important;
    }

    .scroll-hide::-webkit-scrollbar-thumb {
        background: black;
        border-radius: 0px;
    }

    .scroll-hide::-webkit-scrollbar-track {
        background: transparent;
    }

.slider-item {
    scroll-snap-align: start;
    scroll-snap-stop: always;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    transform-origin: center center;
    transform: scale(1);
    transition: transform 3s;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 10px;
}

.slider-item-urunler {
    scroll-snap-align: start;
    -webkit-overflow-scrolling: touch;
    scroll-snap-stop: always;
    flex-shrink: 0;
    width: 65%;
    height: auto;
    transform-origin: center center;
    transform: scale(1);
    transition: transform 3s;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 10px;
    overflow: hidden;
}

.slider-urunler {
    scroll-snap-align: start;
    scroll-snap-stop: always;
    width: calc((100% / var(--bannersayi)) - 10px);
    height: 100%;
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid #9999994d;
    border-radius: 8px;
    margin-right: 5px;
    margin-left: 5px;
    padding: 10px;
    gap: 10px;
}

.slider-urunler-row {
    width: 100%;
    position: relative;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}
/*.slider-item {
    scroll-snap-align: start;
    scroll-snap-stop: always;
    flex-shrink: 0;
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    border-radius: 8px;
    border: 1px solid #d73235;
    transform-origin: center center;
    transform: scale(1);
    transition: transform 0.5s;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    font-size: 10px;
}*/
/*.slider-row {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    justify-content: flex-start;
    align-items: center;
}*/
/* METİN 20230831 // ÜRÜN DETAY CSS*/
.urundetay-container {
    max-width: 1300px;
    margin: auto;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 50px 0;
}

.urundetay-container-item {
    width: 50%;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}

.urundetay-row {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    gap: 20px;
    padding: 20px 0;
}

.urundetay-row-item {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 20px;
}

.urundetay-row-item-ic {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    gap: 10px;
}

.urundet-baslik {
    width: 100px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    color: #000;
}

.urundet-icerik {
    width: auto;
    color: #000;
}

.urundetay-fiyatlar-container {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.indirim-container {
    width: auto;
    height: auto;
    display: flex;
    padding: 4px;
    justify-content: center;
    align-items: center;
    background: #f10;
    color: #fff;
}

.fiyat-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    justify-content: space-between;
}

.urundetay-eklecikar-container {
    width: 200px;
    height: 50px;
    padding: 0 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #f1f1f1;
}

.urundetay-eklecikar {
    width: 50px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: transparent;
}

.urundetay-ekle-bt {
    width: 200px;
    color: #fff;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    background: #f10;
    cursor: pointer;
}

.urundetay-eklecikar-input {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: transparent;
}

.urundetay-sevktar {
    display: flex;
    flex-direction: row;
    height: auto;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.urundetay-resim-container {
    width: 100%;
    height: 450px;
    overflow: hidden;
}

.urundetay-img {
    width: 40%;
    height: 100%;
    position: relative;
}

.urundetay-img-detay-blk {
    display: none;
    background: #030303cc;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
}

.urundetay-img-display-panel {
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    height: auto;
    background: #222;
}

.urundetay-img-display-panel-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 10px;
}

.urundetay-img-detay {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 40%;
    width: auto;
    height: auto;
    transition: all .2s ease-in-out;
    overflow: visible;
}

.urundetay-img-detay-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    transition: all .2s ease-in-out;
    overflow: visible;
}

.urundetayresimpack {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
}

.urundetay-miniresim-box-shadow {
    box-shadow: 0 0 2px 0px #818181;
}

.urundetay-kategori-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

    .urundetay-kategori-row * span:hover {
        color: #f10;
    }

.urundetay-kategori-row-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.web-text-hover:hover {
    color: #f10;
}

.UyeKayitSonuc-active {
    background: #0000004d;
    width: auto;
    height: auto;
    display: flex;
    position: fixed;
    top: 0%;
    right: 0%;
    left: 0%;
    bottom: 0%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 50;
}

.uyeolsonucpop {
    width: 800px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background: #fff;
    animation: popopen 0.3s;
    gap: 10px;
}

.uyeolsonucpop-row {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.uyeolsonucpop-bt {
    width: 100px;
    cursor: pointer;
    height: 40px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.urundetay-empty-side {
    display: none;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 70px;
    display: flex;
    border: 1px solid #eee;
    padding: 50px 0px;
}

.CariSonuc-active {
    background: #0000004d;
    width: auto;
    height: auto;
    display: flex;
    position: fixed;
    top: 0%;
    right: 0%;
    left: 0%;
    bottom: 0%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 99;
}

.carisonucpop {
    width: auto;
    max-width: 750px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    background: #fff;
    animation: popopen 0.3s;
    gap: 10px;
    font-size: 14px;
}

.carisonucpop-mid-container {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #818181;
    border-top: 1px solid #818181;
    padding: 10px 20px;
    gap: 5px;
}

.carisonucpop-row {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.carisonucpop-row-item {
    flex: 0 0 120px;
}

.carisonucpop-bt {
    background: #f10;
    color: #fff;
    cursor: pointer;
    width: 180px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}

.sepetdettutardiv {
    display: flex;
    background: #fff;
    padding: 12px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 0 0 250px;
    height: auto;
    border: 1px solid #eee;
    position: sticky;
    top: 20px;
}

.sepetdettutardiv-row {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.sepetdettutardiv-row-item {
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}

.progress-container {
    width: auto;
    opacity: 0.8;
    margin-right: 20px;
    margin-left: 20px;
    gap: 30px;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.pageimg {
    width: 60px;
    cursor: pointer;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    height: 60px;
    background: #9999994d;
}

/*.pageimg:hover {
        box-shadow: 0 0 10px 1px #818181;
        opacity: 0.8;
    }*/
.arrows {
    width: auto;
    height: 60px;
}

.adrespop-container {
    background: #0000004d;
    width: auto;
    height: auto;
    display: none;
    position: fixed;
    top: 0%;
    right: 0%;
    left: 0%;
    bottom: 0%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 100;
}

.adres-pop {
    width: auto;
    max-width: 850px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    background: #fff;
    animation: popopen 0.3s;
    gap: 10px;
}

.adres-pop-row {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.adres-pop-row-item {
    height: auto;
    flex: 0 0 200px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.adresbtn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f10;
    flex: 0 0 200px;
    height: 40px;
    cursor: pointer;
}

.adrestxt {
    border: 1px solid #ccc;
    padding: 0 5px;
    height: 26px;
    margin: 0;
    text-align: left;
    border-radius: 4px;
    resize: none;
    font-size: 14px;
    cursor: text;
}

.sipozet {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: auto;
    flex-wrap: wrap;
    position: relative
}


.adres-bilgi-container {
    flex: 0 0 75%;
    height: auto;
    gap: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.adres-bilgi-container-row {
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    flex-wrap: wrap;
    width: 100%;
}

.sevk-kayit-container {
    padding: 20px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 0 0 400px;
    height: auto;
    gap: 25px;
}

.sevk-kayit-container-row {
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    flex-wrap: wrap;
}

.sevk-kayit-container-row-item {
    flex: 0 0 150px;
    position: relative;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.sevk-baslik {
    width: auto;
    height: auto;
    color: #818181;
    position: absolute;
    font-size: 10px;
    top: -15px;
}

.sevk-control {
    padding: 0px 25px 0px 10px;
    width: 100%;
    height: 30px;
    border: 1px solid #eee;
    border-radius: 4px;
    color: #818181;
}

.sevk-kayit-iptal-btn {
    display: none;
    background: #f10;
    width: 100%;
    height: 30px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #fff;
}

.validate {
    border: 1px solid #f10 !important;
}

.sevk-control::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.sevk-control[type=number] {
    -moz-appearance: textfield;
}

.sevk-control:focus, .sevk-text-control:focus {
    color: #000;
    -webkit-box-shadow: 0 0 10px 1px #eee;
    box-shadow: 0 0 10px 10px #eee;
    border-color: transparent;
}

option:disabled {
    background: #f1f1f1;
}

.txt_urun_adet:disabled {
    background: #f1f1f1 !important;
}

.sevk-text-control {
    height: auto;
    resize: vertical;
    border: 1px solid #eee;
    width: 100%;
    padding: 5px;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
}

    .sevk-text-control:disabled, .sevk-control:disabled, .sevk-control select[disabled] &gt; option {
        background: #eee !important;
        color: #818181 !important;
    }

.sevkinput-close {
    width: 16px;
    height: 16px;
    background: #fff;
    position: absolute;
    right: -8px;
    display: none;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    box-shadow: 0 0 5px 0 #818181;
    cursor: pointer;
    animation: loginfadeopen 0.1s;
}

    .sevkinput-close:hover {
        box-shadow: 0 0 5px 0 #000;
    }

.sevk-kaydet-bt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    background: #f10;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

.sevk-chk {
    background: #eee;
    position: relative;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    accent-color: #f10;
}

.adres-bilgi-container-footer {
    width: 60%;
    padding: 10px;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    background: #fff;
    flex-wrap: wrap;
}

.sevk-kayit-container-row-item input[type=checkbox] {
    /*visibility: hidden;*/
}

.script {
    display: block;
    position: relative;
    padding-left: 45px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 20px;
}

/*input[type=checkbox] {
    visibility: hidden;
}*/
.geekmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: green;
}

.script:hover input ~ .geekmark {
    background-color: yellow;
}

.script input:active ~ .geekmark {
    background-color: red;
}

.script input:checked ~ .geekmark {
    background-color: green;
}

.geekmark:after {
    content: "";
    position: absolute;
    display: none;
}


.script input:checked ~ .geekmark:after {
    display: block;
}

.script .geekmark:after {
    left: 6px;
    bottom: 5px;
    width: 6px;
    height: 6px;
    border: solid white;
    border-width: 4px 4px 4px 4px;
}

.aramahover-container-base {
    display: none;
    z-index: 5;
    top: 40px;
    position: absolute;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
}

.aramaactive {
    display: none !important;
}

.aramahover-container::-webkit-scrollbar {
    width: 5px !important;
}

.aramahover-container {
    display: flex;
    background: #fff;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    overflow-y: scroll;
    width: 100%;
    height: 250px;
    box-shadow: 0px 2px 5px 2px #0000004d;
}

.hovertextblocker {
    display: none;
    position: absolute;
    z-index: 3;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #ffffff03;
}

.aramahover-row {
    display: none;
    margin-bottom: 3px;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    height: auto;
}

.aramahover-row-item {
    width: 100%;
    cursor: pointer;
    height: auto;
    display: flex;
    font-size: 14px;
    justify-content: flex-start;
    padding: 5px 10px 5px 10px;
    align-items: center;
    text-align: left;
    color: #999;
    gap: 5px;
}

    .aramahover-row-item:hover {
        background: #eee;
    }

.aramahover-row-item-inner {
    display: block;
    overflow: hidden;
    text-wrap: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    height: auto;
}

.aramahover-row-item-inner-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
}

.posmain {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.altekranlar {
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 15px;
    margin-bottom: 15px;
}

.alt-panel-row {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    max-width: 50%;
}

.alt-panel-row-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 90%;
    height: auto;
    cursor: pointer;
}

.alt-panel-png {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 90%;
    height: auto;
    object-fit: contain;
}

.alt-panel-text {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100%;
}

.urunlerdiv {
    width: 70%;
}

.kategoridiv {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #f5f6f8;
    width: 100%;
    height: auto;
}

.yenikategori-container {
    position: relative;
    width: 100%;
    color: #555;
    padding: 0 15px 0 15px;
    max-width: 1500px;
    font-size: 12px;
    flex-wrap: wrap;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: auto;
    gap: 10px;
}

.yenikategori {
    font-size: 12px;
    padding: 0;
    margin-right: 25px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 60px;
    cursor: pointer;
}

    .yenikategori:hover {
        color: #f10;
    }

.kategoriuzatma {
    width: auto;
    height: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}

.yenikategori-items {
    display: flex;
    position: relative;
    padding: 5px;
    margin: 10px 5px 10px 5px;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    height: 25px;
    cursor: pointer;
}

/*.yenikategori-items:hover {
    color: #f10;
}*/

.yenikategori-items-ana {
    display: flex;
    font-size: 12px;
    text-wrap: wrap;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    font-weight: bold;
    position: relative;
    padding: 5px;
    margin: 5px 0px;
    flex-basis: 25%;
    align-items: center;
    justify-content: space-between;
    height: auto;
    cursor: pointer;
    color: #000;
}

    .yenikategori-items-ana:hover {
        color: #f10;
    }

.yenikategori-items-ana-ara {
    display: flex;
    position: relative;
    padding: 5px;
    margin: 10px 5px 10px 5px;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    height: 25px;
    cursor: pointer;
    color: #000 !important;
}

/*.yenikategori-items-ana-ara:hover {
        color: #f10;
    }*/

.yenikategori-items-ana-ara-ara {
    display: flex;
    position: relative;
    padding: 5px;
    margin: 10px 5px 10px 5px;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    height: 25px;
    cursor: pointer;
    color: #000 !important;
}
/*.yenikategori-items-ana-ara-ara:hover{
        color:#f10;
    }*/

.yenikategori-ana {
    font-size: 12px;
    border: 1px solid #eeeeee;
    width: 100%;
    padding: 15px 30px 15px 30px;
    flex-wrap: wrap;
    background: #fff;
    top: 100%;
    z-index: 5;
    position: absolute;
    display: none;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    box-shadow: 0 5px 10px 5px #00000033;
}

    .yenikategori-ana:hover {
        display: flex !important;
    }

.yenikategori-ana-ara {
    font-size: 10px;
    border: 1px solid #eeeeee;
    width: 100%;
    background: #fff;
    top: 0;
    left: 50%;
    z-index: 5;
    position: absolute;
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
}

.yenikategori-ana-ara-ara {
    font-size: 10px;
    border: 1px solid #eeeeee;
    width: 100%;
    background: #fff;
    top: 0;
    left: 50%;
    z-index: 5;
    position: absolute;
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
}

.yenikategori:hover .yenikategori-ana {
    display: flex;
}

.yenikategori-items-ana:hover .yenikategori-ana-ara {
    display: flex;
}

.yenikategori-items-ana-ara:hover .yenikategori-ana-ara-ara {
    display: flex;
}

/*.yenikategori-items-ana-ara-ara:hover .yenikategori-ana-ara-ara {
    display: flex;
}*/

.sepet-detay-main {
    max-width: 1700px;
    min-width: 270px;
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 100px;
}

.kategoriler-mob {
    display: none;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    cursor: pointer;
    color: #fff;
    border-radius: 50%;
    margin-right: 15px;
    background-color: #d81921;
}

.kategori-mob-container {
    display: none;
    position: fixed;
    justify-content: center;
    align-items: center;
    width: 250px;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    transition: all .2s ease-in-out;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.kategori-panel {
    display: flex;
    padding: 0px;
    background: #fff;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    gap: 10px;
    animation: loginopenleft 0.5s;
}

    .kategori-panel::-webkit-scrollbar {
        width: 5px !important;
    }

.kategori-panel-detay::-webkit-scrollbar {
    width: 5px !important;
}

.kategori-panel-row {
    display: flex;
    padding: 5px 0px 10px 10px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #eee;
}

.kategori-items {
    display: flex;
    padding: 5px;
    margin: 10px 5px 10px 5px;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    height: auto;
    cursor: pointer;
}

.kategori-detay-kapat-btn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.kategori-panel-detay {
    position: absolute;
    display: none;
    background: #fff;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    gap: 10px;
    z-index: 2;
}

.kategori-open {
    animation: loginopenleft 0.5s;
}

.kategori-close {
    animation: logincloseleft 0.5s;
}


.urunler-chk {
    background: #eee;
    position: relative;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    accent-color: #f10;
}

.kategori-hover {
}

    .kategori-hover:hover {
        color: #f10;
    }


.side-kategori-container {
    display: flex;
    width: 100%;
    height: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.side-kategori-container-page {
    display: none;
    flex-direction: column;
    width: 100%;
    height: auto;
}

.side-kategori-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
}

.side-kategori-dot {
    display: flex;
    width: 20px;
    margin-left: 10px;
    height: 100%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.side-kategori-row-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: auto;
    justify-content: flex-start;
    align-items: center;
}

.sifre-unutma-button-div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    gap: 25px;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 20px;
}

.sifre-unutma-buton {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    font-size: 15px;
    flex: 1 0 200px;
}


.footer-container {
    padding: 8px 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    height: auto;
}

.footer-container-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    max-width: 1300px;
    height: auto;
    margin: auto;
}

.footer-main {
    display: flex;
    padding: 10px 15px;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.footer-main-row {
    display: flex;
    gap: 12px;
    flex-direction: row;
    width: auto;
    height: auto;
}

.footer-item {
    display: flex;
    gap: 12px;
    flex-direction: column;
    width: auto;
    height: auto;
}

.footer-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: auto;
}

.footer-row-item {
    color: #888;
    font-size: 11px;
    cursor: pointer;
}

    .footer-row-item:hover {
        color: #f10;
        text-decoration: underline;
    }

.footer-img-div {
    display: flex;
    padding: 0px 5px;
    align-items: center;
    width: auto;
    height: auto;
}

.footer-img {
    display: flex;
    padding: 6px;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: #f10;
    color: #fff;
    font-size: 18px;
    transition: all .2s ease-in-out;
}

    .footer-img:hover {
        opacity: 0.5;
    }

.urunler-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.urunler-container-item {
    display: flex;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    flex-direction: column;
    margin-right: 10px;
    width: calc(95%/4) !important;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    max-width: 100%;
}

#urunIcImgDiv {
    height: 750px;
}

.plasiyer-img {
    height: 646px;
}

.urundet-iskonto-container {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    margin-top: 10px;
}

.plasiyer-urundetay-bilgi-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    font-family: AvenirNextLTPro;
    font-size: 14px;
    color: #484848;
    margin-top: 10px;
}

.plasiyer-urundetay-bilgi-container-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.plasiyer-urundetay-bilgi-container-item {
    display: flex;
    flex: 0 0 calc(100% / 2);
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.plasiyer-urundet-baslik {
    width: 110px;
    font-family: AvenirNextLTPro-Bold;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.plasiyer-urundet-det {
    width: auto;
}

.urundet-plasiyer-kosul-container {
    display: flex;
    margin-top: 5px;
    flex-direction: row;
    align-items: center;
    padding: 15px 10px 5px 10px;
    justify-content: space-between;
    width: 100%;
    border: 1px solid #c0c0c0;
    font-size: 12px;
    color: #484848;
    position: relative;
}

.urundet-plasiyer-kosul-container-bas {
    display: flex;
    font-size: 10px;
    position: absolute;
    top: 0;
    left: 10px;
}

.urundet-plasiyer-kosul-item {
    display: flex;
    font-size: 14px;
    flex-direction: column;
    flex: 0 0 calc(100%/2);
    align-items: flex-start;
    justify-content: flex-start;
}

.urundet-plasiyer-kosul-brut-container {
    display: flex;
    flex: 0 0 calc(100%/4);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: AvenirNextLTPro-Bold;
}

.urundet-plasiyer-tutar-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    color: #484848;
    margin-top: 10px;
}

.urundet-plasiyer-tutar-container-item-net {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 0 0 calc(100%/2);
}

.urundet-plasiyer-tutar-container-item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.urundet-plasiyer-tutar-container-item-bas {
    display: flex;
    flex: 0 0 160px;
    font-size: 14px;
    font-family: AvenirNextLTPro;
}

.urundet-plasiyer-tutar-inp {
    border: none;
    width: auto;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: right;
    font-family: AvenirNextLTPro-Bold;
}

.urundet-plasiyer-iskonto-bas {
    background: #dddddd;
    text-wrap: nowrap;
}

.urundet-plasiyer-iskonto-det {
    background: #eee;
    border-radius: 0px !important;
}

.sepetdetay-container {
    display: grid;
}

.sepetdetay-container-gizle-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    user-select: none;
    cursor: pointer;
    width: 130px;
    height: 30px;
    background: #919191;
    color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
/*FONKSİYON İÇİN KONULDULAR ++*/
.sepetdetayresim {
}

.sepetdetayresimkapa {
    display: none !important;
}
/*FONKSİYON İÇİN KONULDULAR --*/


.sepetdetay-row-renk1 {
    background: #fff;
}

.sepetdetay-row-renk2 {
    background: #d0d0d0;
}

.sepetdetay-container-row {
    display: flex;
    border: 1px solid #d0d0d0;
    box-shadow: 0px 2px 6px #999;
    gap: 0px;
    padding: 10px;
}

    .sepetdetay-container-row:hover {
        box-shadow: 0 5px 10px 5px #00000022, 2px 2px 5px 1px #00000022, inset 0px -2px 5px 1px #00000022;
    }


.sepetdetay-container-row-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% / 10);
    height: 75px;
    position: relative;
}

.sepetdetay-container-row-item-mini {
    width: calc(100% / 20);
}

.sepetdetay-container-row-item-large {
    width: calc(100% / 5);
}

.sepetdetay-container-row-item-baslik {
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    position: absolute;
    color: #818181 !important;
    top: 0;
    white-space: nowrap;
}

.sepetdetay-container-row-item-ic {
    width: 100%;
    height: auto;
    overflow: auto;
    cursor: pointer;
}

.sepetdetay-container-row-item-btn {
    cursor: pointer;
    opacity: 0.6;
    width: 20px;
    height: 20px;
}

    .sepetdetay-container-row-item-btn:hover {
        opacity: 1;
    }

.sepetdetay-container-row-item-eklecikar-container {
    display: flex;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    background: #999;
    width: 100px;
    height: 45px;
    padding: 4px;
}

.sepetdetay-container-row-item-eklecikar-container-btn {
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
    width: calc(100% / 5);
}


.sepetdetay-container-row-item-eklecikar-container-ic {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1 0;
    height: 100%;
    background: #fff;
}

.sepetdetay-img {
    width: 100%;
    object-fit: contain;
}

.puanlar-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.puanlar-container-row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

/*METIN 20240812 // RESİM AKTARIM ELEMANLARI*/
.admin_panel_file_reader_main {
    width: 100%;
    gap: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    height: 300px;
}

.admin_panel_file_reader {
    height: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f1f1f1;
    padding: 50px;
}

.admin_panel_file_reader_row {
    display: flex;
}

.admin_panel_file_reader_row_item {
    font-size: 18px;
}

.admin-panel-dosya-reader {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.admin-panel-dosya-reader-button {
    display: flex;
    align-items: center;
    width: auto;
    height: 30px;
    background: #f10;
    color: #fff;
    padding: 20px;
    cursor:pointer;
}




@keyframes loginfadeopen {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes loginfadeclose {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes loginopenleft {
    from {
        transform: translateX(-1000px);
    }

    to {
        transform: translateX(0px);
    }
}

@keyframes logincloseleft {
    from {
        transform: translateX(0px);
    }

    to {
        transform: translateX(-1000px);
    }
}

@keyframes loginopen {
    from {
        transform: translateX(1000px);
    }

    to {
        transform: translateX(0px);
    }
}

@keyframes loginclose {
    from {
        transform: translateX(0px);
    }

    to {
        transform: translateX(1000px);
    }
}

@keyframes popopen {
    0% {
        transform: scale(0.7);
    }

    45% {
        transform: scale(1.05);
    }

    80% {
        transform: scale(0.95);
    }

    100% {
        transform: scale(1);
    }
}
/*RESPONSİVE*/
@media screen and (min-width:993px) and (max-width:1200px) {
    .sepethead {
        width: 70% !important;
    }

    .siparis-sidebar {
        width: 30% !important;
    }
}

/*TELEFON TABLET YAN ÇEVİRME*/
@media screen and (min-height:300px) and (max-height:800px) {
    .login-panel {
        overflow-y: scroll;
    }

    /*.login-slider-row {
        height: auto;
    }

    .sepet-ok-container {
        height: 100%;
        display: none;
    }*/
}

@media screen and (min-width:300px) and (max-width:990px) {
    .urundet-plasiyer-tutar-inp {
        width: calc(90vw - 50px);
    }
}

@media screen and (min-width:601px) and (max-width:1150px) {

    .sepetdetay-container-row {
        display: grid;
        grid-template-areas: var(--resimlisepetdetaygridformat);
        /*grid-template-areas: 'resm ack eklecikar kdv birimfiyat' 'isk1 isk2 isk3 isk4' 'isk5 isk6 netfiyat nettutar';*/
    }

    .sepetdetay-container-row-item {
        width: 100%;
        align-items: center;
        height: 55px;
    }

    .sepetdetay-container-row-item-eklecikar-container {
        width: 150px;
    }

    .sepetdetay-container-row-item-eklecikar-container-btn {
        width: 25px;
    }

    .sepetdetay-container-row-item-ic {
        text-align: left;
    }

    #adet {
        display: none;
    }

    #sepetdetaycontainer {
        padding: 0 !important;
    }

    #dvsipDetayBilgi {
        width: 100%;
        padding: 0 !important;
    }

    .sipdet-table-all {
        width: 1400px;
    }

    .carisonucpop {
        font-size: 12px;
    }

    .carisonucpop-row-item {
        flex: 0 0 90px;
    }

    .plasiyer-img {
        height: 500px;
    }

    .urunler-container-item {
        margin-right: 10px;
        width: calc(95%/3) !important
    }


    .yenilog-container {
        width: 500px;
    }

    #dvurunDivBar {
        overflow: auto;
        width: 100%;
    }



    .sepet-detay-main {
        flex-direction: column;
        gap: 20px;
        width: 100%;
    }

    /*#dvUrunTipKucuk {
        display: flex;
        flex-direction: column;
    }*/

    #dvUrunTipKucuk_item {
        width: 100%;
        height: 45px;
    }

    #dvTumTip {
        width: 100%;
    }

    #dvTumTipler {
        width: 100%;
    }

    #urungorunum {
        float: right;
    }

    #dvTumTipler_item {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }

    #dvUrunBilgisiTable {
        width: 1400px;
    }

    #dvKosulBilgisiTable {
        width: 900px;
    }

    #dvEkstreBilgisiTable {
        width: 1400px;
    }

    #dvFaturaBilgisiTable {
        width: 1400px;
    }

    #dvsiparisBilgisiTable {
        width: 1400px;
    }

    #dvAnaKategori {
        display: none !important;
    }

    #urunIcImgDiv {
        width: 100% !important;
        height: 500px;
    }

    .urunlerdiv {
        width: 100%;
    }

    .weblinks {
        display: none;
    }

    .urunlerbannerdiv {
        width: 100%;
    }

    .blackbar {
        gap: 10px;
    }

    .urundetay-resim-container {
        width: 100%;
    }

    .urundetay-container {
        width: 80%;
    }

    .urundetay-container-item {
        width: 100%;
    }

    .urundetay-img {
        width: 100%;
    }

    .slides-main {
        height: auto;
        margin-top: 10px;
    }

    .il-bt-container {
        order: 6;
        width: 100%;
    }

    .risk {
        display: none !important;
    }

    .navlink-icon {
        display: flex !important;
    }

    .kutu-1-ic-orta {
        justify-content: flex-start;
        display: none;
    }

    .kutu-1-ic-orta {
        width: 70%;
        gap: 20px;
    }

    .mobile-bar-item {
        display: none;
    }

    .kutu-1-ic-sol {
        display: flex;
    }

    .kutu-1-ic-sol {
        width: 160px;
    }

    .kutu-1-ic-sag {
        width: 400px;
    }

    .kutu-2 {
        width: 90%;
        flex-wrap: wrap;
        margin-right: auto;
        margin-left: auto;
        gap: 20px;
        justify-content: space-between;
    }

    .kutu-2-arama {
        order: 2;
        flex-grow: 1;
    }

    .progress-container {
        order: 2;
        flex-grow: 1;
    }

    .kutu-2-mobile {
        display: none;
    }

    .side-bar {
        display: none;
    }

    .main-container-body-item {
        flex-direction: column;
    }

    .res {
        width: 100% !important;
    }

    .kutu-2-mini {
        display: flex !important;
    }

    .fieldset-mini-row {
        width: 45% !important;
        text-align: left !important;
    }

    .sanal-pos-center {
        width: 80%;
    }

    .login-iletisim {
        flex: 0 0 450px;
    }

    .sipozet {
        gap: 30px;
    }

    .adres-bilgi-container {
        flex: 0 0 100%;
    }

    .adres-bilgi-container-footer {
        flex-wrap: wrap;
        flex: 0 0 500px;
    }

    .alt-panel-row {
        max-width: 90%;
    }

    #dvNavBar {
        display: none !important;
    }

    .urunlerdiv {
        width: 100%;
    }

    .topnav a.icon {
        float: right;
        display: none !important;
    }

    #topAnaMenu {
        display: flex !important;
    }

    #dvAnaKategori {
        display: none !important;
    }

    .kategoriler-mob {
        display: flex;
        position: relative;
        right: 30px;
    }

    .slider-item-urunler {
        width: 90%;
    }

    .slider-urunler {
        /*--bannersayi: 3;*/
        height: auto;
    }

    :root {
        --bannersayi: 3;
        --zoomscale: 2;
    }

    .footer-container-row {
        flex-direction: column;
    }

    .footer-item {
        align-items: center;
    }

    .footer-row {
        justify-content: center;
    }

    #adresdv {
        text-align: center;
    }

    .urundet-plasiyer-tutar-container {
        flex-direction: column;
        gap: 20px;
    }

    .urundet-plasiyer-tutar-container-item-net {
        flex: 0 0 100%;
    }
}
/*MOBİLE*/
@media screen and (min-width:300px) and (max-width:600px) {

    .sepetdetay-container-row {
        display: grid;
        grid-template-areas: var(--resimlisepetdetaygridformatmini3);
        /*grid-template-areas: 'resm ack eklecikar kdv birimfiyat' 'isk1 isk2 isk3 isk4' 'isk5 isk6 netfiyat nettutar';*/
    }

    .sepetdetay-container-row-item {
        width: 100%;
        align-items: center;
        height: 55px;
    }

    .sepetdetay-container-row-item-eklecikar-container {
        width: 100%;
    }

    .sepetdetay-container-row-item-eklecikar-container-btn {
        width: 25px;
    }

    .sepetdetay-container-row-item-ic {
        text-align: left;
    }

    #adet {
        display: none;
    }


    .urundet-plasiyer-tutar-container {
        flex-direction: column;
        gap: 20px;
    }

    .urundet-plasiyer-tutar-inp {
        width: calc(90vw - 50px);
    }

    .urundet-plasiyer-tutar-container-item-net {
        flex: 0 0 100%;
    }

    .plasiyer-urundetay-bilgi-container-row {
        flex-wrap: wrap;
        gap: 10px;
    }

    .plasiyer-urundetay-bilgi-container-item {
        flex: 0 0 calc(100% / 1);
    }

    #sepetdetaycontainer {
        padding: 0 !important;
    }

    #dvsipDetayBilgi {
        width: 100%;
        padding: 0 !important;
    }

    .sipdet-table-all {
        width: 1400px;
    }

    .carisonucpop {
        font-size: 10px;
    }

    .carisonucpop-row-item {
        flex: 0 0 80px;
    }

    .plasiyer-img {
        height: 400px;
    }

    .urunler-container-item {
        margin-right: 10px;
        width: calc(95%/1) !important
    }

    .urunler-container-item {
        width: 100%;
        margin-right: 0;
    }

    .footer-container-row {
        flex-direction: column;
        gap: 50px;
    }

    .footer-main-row {
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer-item {
        align-items: center;
    }

    .footer-row {
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
    }

    .footer-row-item {
        text-wrap: wrap;
        text-align: center;
    }

    #adresdv {
        text-align: center;
    }

    #mainDiv {
        margin-left: 0 !important;
    }

    .dvmain-ustbar {
        flex-direction: column;
        gap: 15px;
        padding: 10px;
    }

    .stok-container {
        width: 100%;
        justify-content: flex-start;
    }

    .dvmain-uruntip {
        width: 100%;
    }


    .sepet-ok-container {
        height: 500px;
        top: 78px;
    }

    .login-panel {
        padding: 5px;
        overflow-y: auto;
    }

    .urundetay-row-item {
        flex-direction: column;
    }

    .kategoriler-mob {
        display: flex;
        position: relative;
        right: 30px;
    }

    .yenilog-container {
        width: 400px;
    }

    #dvurunDivBar {
        overflow: auto;
        width: 100%;
    }

    .sepet-detay-main {
        flex-direction: column;
        gap: 20px;
        width: 100%;
    }

    /*#dvUrunTipKucuk {
        display: flex;
        flex-direction: column;
    }*/

    #dvUrunTipKucuk_item {
        width: 100%;
        height: 45px;
    }

    #dvTumTip {
        width: 100%;
    }

    #dvTumTipler {
        width: 100%;
    }

    #urungorunum {
        float: right;
    }

    #dvTumTipler_item {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }

    #dvUrunBilgisiTable {
        width: 1400px;
    }

    #dvKosulBilgisiTable {
        width: 900px;
    }

    #dvEkstreBilgisiTable {
        width: 1400px;
    }

    #dvFaturaBilgisiTable {
        width: 1400px;
    }

    #dvsiparisBilgisiTable {
        width: 1400px;
    }

    #dvAnaKategori {
        display: none !important;
    }

    .animasyondisplay-text {
        font-size: 22px;
    }

    #urunIcImgDiv {
        width: 100% !important;
        height: 400px !important;
    }

    .urunOzetDiv {
        min-height: 350px !important;
    }

    .alt-panel-text {
        display: none;
    }

    .alt-panel-row {
        max-width: 100%;
    }

    .contol-pop {
        width: 100%;
    }

    .pagination {
        flex-wrap: wrap;
        gap: 20px;
    }

    .aramahover-container {
        height: 250px;
    }

    .pagination-block {
        flex-grow: 1;
        width: 100% !important;
    }

    #idSayfa {
        width: 50% !important;
        margin: 0 !important;
        text-align: center;
    }

    .pagination-buttons {
        width: 50%;
    }

    .pagination span {
        flex-grow: 1;
    }

    .urunlerdiv {
        width: 100%;
    }

    .dvNavBar {
        display: none !important;
    }

    .pageimg {
        width: 65px;
        height: auto;
    }

    #myProductTable {
        width: 700px;
    }

    .sepet-kapat-mobil-btn {
        display: flex;
    }


    .slider-item-urunler {
        width: 90%;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }

    .slider-urunler {
        /*--bannersayi: 2;*/
        height: auto;
    }

    :root {
        --bannersayi: 2;
        --zoomscale: 1;
    }

    .aramahover-row-item {
        margin-bottom: 25px;
    }

    .urundetay-resim-container {
        width: 100%;
    }

    .kutu-2-sol {
        width: 100%;
        justify-content: center;
    }

    .kutu-2-buton-paneller {
        width: 100%;
        justify-content: space-between;
    }

    .progress-container {
        order: 2;
        flex-grow: 1;
    }

    .urundetay-container {
        width: 80%;
    }

    .urundetay-container-item {
        width: 120%;
    }

    .urundetay-img {
        width: 100%;
    }


    .slides-main {
        height: auto;
        margin-top: 20px;
    }

    .weblinks {
        display: none;
    }

    .urunlerbannerdiv {
        width: 90%;
    }

    .kutu-2 {
        width: 100%;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: space-between;
    }

    .kutu-2-arama {
        order: 2;
        flex-grow: 1;
    }


    .adres-bilgi-container {
        flex: 0 0 100%;
    }

    .adres-bilgi-container-footer {
        width: 100%;
        justify-content: center;
        gap: 20px;
    }

    .sepetdettutardiv {
        flex-grow: 1;
    }

    .sipozet {
        gap: 30px;
    }

    .siparistxt {
        font-size: 16px;
        margin-right: 10px;
    }

    .kutu-1 {
        display: flex;
    }

    .navlink-icon {
        display: flex !important;
    }

    .kutu-2-mobile {
        display: none;
    }

    .kutu-2-butonlar {
        justify-content: center;
    }

    .side-bar {
        display: none;
    }

    .main-container-body-item {
        flex-direction: column;
    }

    .res {
        width: 100% !important;
    }

    .kutu-1-ic-orta {
        justify-content: flex-start;
        display: none;
    }

    .kutu-1-ic-sol {
        display: none;
    }

    .kutu-1-ic-orta {
        width: 80%;
        gap: 20px;
    }

    .mobile-bar-item {
        display: flex;
    }

    .kutu-1-ic-sol {
        width: 160px;
    }

    .kutu-1-ic-sag {
        width: 400px;
    }

    .main-container-body-item-container-blog {
        width: 100%;
    }

    .kutu-1-ic-sag {
        display: flex;
    }

    .kutu-4 {
        flex-direction: column;
        text-align: left !important;
    }

    .fieldset-mini-row {
        width: 100% !important;
    }

    .sanal-pos-center {
        width: 100%;
    }

    .login-iletisim {
        flex: 0 0 300px;
    }

    .odeme-alt {
        justify-content: center !important;
    }
}
/* özel */
@media screen and (min-width:300px) and (max-width:450px) {
    .login-ana-div-active {
        width: 100%;
    }
}

@media screen and (min-width:601px) and (max-width:950px) {
}
</pre></body></html>