@charset "utf-8"; 
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600&display=swap');

*{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box;outline:0;}

:root{
    --theme-text-color:#3f3f3f;
    --theme-bg-color:#3f3f3f;
    --white-color:#FFF;
    --grey-color:#cfcfce;
    --grey-color-f9:#f9f9f9;
    --konet-color:#c10230;
    
    
    --bg-color:#1d1d1b;
    --border-color:#e2e2e2;

    --kurye_modul_color:#c20e2f; /*#2e62ee;*/
    --transition:all .2s ease-in-out;
    
}

.kurye_loading{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: block; width: 100px; height: 100px; line-height: 100px; /*background:rgba(255,255,255,.8);*/ border-radius:100%; font-size:70px; text-align: center; z-index: 9999; }
.kurye-alert{font-family: Helvetica, Arial, "sans-serif";position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: flex; width:90%; max-width: 800px; height: 50px; z-index: 99999; background:#fff; color:#333; padding:10px; border-radius:8px; font-size:14px;border:1px solid rgba(0,0,0,0.2);}
.kurye-alert.error{background-color:#ff4848;color:#FFF;}
.kurye-alert.success{color:#468847;background-color:#dff0d8;}
.kurye-alert.info{color:#c09853;background-color:#fcf8e3;}
.kurye-alert > a[data-kurye-kapat] {position: absolute;right: 0;top: 0;bottom: 0;display: flex;width: 30px;height: 30px;font-size: 24px;align-items: center;justify-content: center;color: black;}

.kurye-confirm{width: fit-content;max-width: 600px;height: fit-content;background: #fff;box-shadow: 0px 0px 20px -5px #111;border-radius: 10px;padding: 20px;position: relative;overflow-y: auto;max-height: 70%;max-width: 90%;font-family: Helvetica, Arial, "sans-serif";}
.kurye-confirm .confirm-text{float:left;font-weight: 600;font-size: 14px;width:100%;padding: 10px 0 20px 0;border-bottom:1px solid #ddd;color:#333;text-align:center;font-family: Helvetica, Arial, "sans-serif";}
.kurye-confirm .confirm-buttons{float:left;width:100%;margin: 10px 0 0 0;text-align:center;display: flex;align-items: center;justify-content: center;}
.kurye-confirm .confirm-buttons button{margin:0 3px 0 3px;height: 40px;padding: 0 35px;width: fit-content;cursor: pointer;border: none;border-radius: 4px;}

.kurye-confirm .confirm-buttons button[data-popup-ok]{background: var(--konet-color);color: #FFF;font-weight: 600;} 
.kurye-confirm .confirm-buttons button[data-popup-no]{background:#ddd;} 
.kurye-confirm .confirm-buttons button:hover{filter:brightness(1.1);}

.kurye_header_content {display: flex;flex-direction: row;align-content: center;color: var(--theme-text-color);font-size: 13px;position: relative;width: auto;background: #FFF;/*overflow: hidden;*/}

body:not(.mobile) .kurye_header_content{box-shadow: 3px 4px 7px #0000002b;border: 1px solid #838383;border-radius: 7px;min-height: 50px;margin:30px 0 0 0;} 
body.mobile .kurye_header_content{    border-top: 1px solid #e0e0e0;padding: 5px;border-bottom: 1px solid #e0e0e0;} 

.kurye_header_content > a {text-decoration: none;color: var(--theme-text-color);display: flex;position: relative;height: 100%;justify-content: center;flex-flow: nowrap;width: fit-content;text-wrap: nowrap;min-height: 50px;}
.kurye_header_content > a:first-child {padding-right: 13px;}
[data-ktype="kurye"] > a:first-child:after{content: '';background: url(separator.svg) no-repeat center center;width: 8px;position: absolute;right: -7px;top: 0;bottom: 0;}
.kurye_header_content[data-ktype="1"] > .detail {display: flex;flex-direction: column;padding: 15px;background: var(--kurye_modul_color);color: #FFF;position: absolute;top: 55px;z-index: 3;width: 400px;border-radius: 5px;}
.kurye_header_content > .detail > strong {font-weight: 500;font-size: 15px;}
.kurye_header_content > .detail > span {font-size: 13px;font-weight: 400;}
.kurye_header_content[data-ktype="1"] > .detail:after {content: "";position: absolute;border: 10px solid transparent;border-bottom: 10px solid var(--kurye_modul_color);top: -20px;left: 110px;transform: translate(-50%);}
.kurye_header_content[data-ktype="1"] > a {font-weight: 500;width: 100%;justify-content: flex-start;}
.kurye_header_content[data-ktype="1"] > a > strong {font-weight: 500;display: flex;align-items: center;}
.kurye_header_content > a > i {width: auto;padding: 0 15px;font-size: 20px;display: flex;align-items: center;justify-content: center;}
.kurye_header_content[data-ktype="1"] > .detail > i{position: absolute;right: 5px;top: 5px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;font-size: 25px; }  
[data-ktype="kurye"] > a > .kcity{display:flex;flex-direction: column;line-height: 16px;justify-content: center;} 
[data-ktype="kurye"] > a > .kcity > strong{font-size:14px;font-weight: 500;} 
[data-ktype="kurye"] > a > .kcity > span{font-size:12px;} 
.kurye_header_content > a[data-showhours="1"]{display:flex;flex-direction: column;line-height: 16px;padding: 0 10px;}

[data-ktype="kargo"] > a > span{ display:flex;justify-content: center;align-items: center;}

[data-ktype="kargo"] > a > .kcargo{display:flex;flex-direction: column;line-height: 16px;justify-content: center;} 
[data-ktype="kargo"] > a > .kcargo > strong{font-size:14px;font-weight: 500;} 
[data-ktype="kargo"] > a > .kcargo > span{font-size:12px;}

.kurye_header_content > a{transition:var(--transition);} 
.kurye_header_content > a:hover{color:#FFF;background: var(--konet-color);transition:var(--transition);}


.kuryebg {display: flex;flex-direction: row;justify-content: center;align-items: center;background: rgba(0,0,0,0.3);position: fixed;z-index: 1000;width: 100%;height: 100%;left: 0;right: 0;top: 0;bottom: 0;}
.kurye_secim_popup {width: 90%;max-width: 600px;height: fit-content;background: #fff;box-shadow: 0px 0px 20px -5px #111;border-radius: 10px;padding: 20px;position: relative;overflow-y: auto;max-height: 70%;}
.kurye_secim_popup[data-id="kurye_takvim_popup"]{max-width:785px;}

.kurye_secim_popup > [data-kurye-kapat]{position:absolute;right: 10px;top: 10px;font-size: 30px;display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;text-decoration: none;color: var(--theme-text-color);}

.kurye_secim_popup > h1{width: 100%;display: flex;padding: 0;margin: 0;margin-bottom: 15px;font-size: min(7vw, 25px);align-items: center;text-align: center;justify-content: center;font-weight: 500;}
.kurye_secim_popup > h1 + div:not([data-id="sehir"]){width: 100%;font-size: 16px;align-items: center;justify-content: center;display: flex;flex-direction: row;flex-wrap: wrap;background: #fff1e0;padding: 7px;border-radius: 5px;text-align: center;}
.kurye_secim_popup > h1 + div > strong{font-weight: 500;margin-left: 5px; }
.kurye_secim_popup > h1 + div + em{width: 100%;text-align: center;font-size: 13px;float: left;font-style: normal;opacity: .6;padding: 7px;} 
.kurye_secim_popup > h1 + div + em + table{width: 100%;border-collapse: collapse;border-color: rgba(0,0,0,0.1);} 
.kurye_secim_popup > h1 + div + em + table tr > td:last-child > span{display:block;padding: 3px 7px;margin: 2.5px;float: left;border: 1px solid rgb(233 219 203);border-radius: 3px;background: #fff1e0;font-size: 12px;font-weight: 500;}
.kurye_secim_popup > h1 + div + em + table tr > td:last-child{padding: 2.5px;}
.kurye_secim_popup > h1 + div + em + table tr > td:first-child{font-size: 14px;line-height: 16px;padding: 7px;}
.kurye_secim_popup > h1 + div + em + table tr > td:first-child > strong,
.kurye_secim_popup > h1 + div + em + table tr > td:first-child > span{width: 100%;float: left;text-align: center;font-weight: 500;}
.kurye_secim_popup > h1 + div + em + table tr > td:first-child > span{font-size: 11px;font-weight: 400;}



.kurye_secim_popup > h1 + div + em + table tr:hover{ background:#fcffea;}


#kurye_adres_ekle_form{width:100%;display: flex;flex-direction: column;}

#kurye_adres_ekle_form > div{width:100%;font-family: Helvetica, Arial, "sans-serif";font-size: 13px;margin-bottom: 10px;}
#kurye_adres_ekle_form > div > label,
#kurye_adres_ekle_form > div .cp3 > label,
#kurye_adres_ekle_form > div .cp6 > label{margin-bottom: 5px;opacity: .7;float: left;width: 100%;}
#kurye_adres_ekle_form > div > input,
#kurye_adres_ekle_form > div > select{ width:100%;height: 40px;padding: 0 10px;border:1px solid #e4caaf;}
#kurye_adres_ekle_form > div > textarea{ width:100%;height: 70px;padding: 0 10px;margin-bottom: 10px;border:1px solid #e4caaf;resize:none;}

#kurye_adres_ekle_form > div .cp3{width:25%;padding-right: 10px;}
#kurye_adres_ekle_form > div .cp6{width:50%;padding-right: 10px;}
#kurye_adres_ekle_form > div .cp3 > input,
#kurye_adres_ekle_form > div .cp3 > select,
#kurye_adres_ekle_form > div .cp6 > input,
#kurye_adres_ekle_form > div .cp6 > select{ width:100%;height: 40px;padding: 0 10px;border:1px solid #e4caaf;}

#kurye_adres_ekle_form > div .cp3 > textarea,
#kurye_adres_ekle_form > div .cp6 > textarea{ width:100%;height: 70px;padding: 0 10px;margin-bottom: 10px;border:1px solid #e4caaf;resize:none;}

#kurye_adres_ekle_form div{float:left;}

label.error{color: #c25353;padding: 4px;width: 100%;float: left;font-weight: 600;font-size: 12px;}


.kurye_tipleri{display:flex;width: 100%;flex-direction: column;align-items: center;padding: 5px 0 0 0;}
.kurye_tipleri > a{display:flex;    text-decoration: none;width: 100%;border: 1px solid #ddd;border-radius: 4px;height: 70px; margin: 5px 0;font-weight: 500;font-size: 16px;color: var(--theme-text-color);height: 70px;flex-direction: column;align-items: center;justify-content: center;transition:var(--transition);text-align: center;}
.kurye_tipleri > a > span{font-weight: 400;font-size: 13px;}

.kurye_tipleri > a:hover{color:#FFF;background: var(--konet-color);transition:var(--transition);}


.kurye_secim_popup div[data-id] {width: 100%;font-size: 16px;align-items: center;justify-content: center;display: flex;flex-direction: row;flex-wrap: wrap;margin-bottom: 10px;}
.kurye_secim_popup div[data-id] > select{width: 100%;height: 45px;border-radius: 3px;border: 1px solid #e4caaf;/* margin-bottom: 10px; */}
.kurye_secim_popup button{width: 100%;height: 45px;border-radius: 3px;border: none;background: var(--konet-color);color:#FFF;font-weight: 500;font-size: 16px;opacity: .7;transition:var(--transition);}
.kurye_secim_popup button:hover{opacity:1;transition:var(--transition);}

select.error, input.error, textarea.error{border-color: #c25353 !important;} 


.kurye_header,.kurye_footer{ display: flex; width: 100%; padding:10px; border-bottom:1px solid #ddd;  }
.kurye_footer{ border:0; border-top:1px solid #ddd;  }
.kurye_center{ display: flex; width: 100%; max-width: 1200px; margin: auto; }
.kurye_header a.logo,.kurye_footer a.logo{ float: left; }
.kurye_header a.logo img,.kurye_footer a.logo img{ float: left; max-height: 50px; width: auto; }
main.kurye_center{ min-height:600px; padding: 0 0 40px 0; flex-direction:column; font-family: Helvetica, Arial, "sans-serif";}

.kurye_adimlar{ display: flex; width: 100%; flex-direction: row; justify-content:center; margin: 40px 0;}
.kurye_adimlar > a{display:flex;margin: 0 20px;flex-direction: row;align-items: center;text-decoration: none;font-size: 14px;position: relative;}
.kurye_adimlar > a > i{ display:flex; aspect-ratio:1;width: 30px;background: var(--kurye_modul_color);color:#FFF;border-radius: 50px;align-items: center;justify-content: center;font-style: normal;font-weight: 500;}
.kurye_adimlar > a > span{display: flex;padding: 0 10px;color: var(--theme-text-color);font-weight: 700;color:var(--kurye_modul_color);}
.kurye_adimlar > a:after {content:'→';position: absolute;right: -21px;top: -5px;bottom:0;display: flex;align-items: center;font-size: 20px;color: var(--kurye_modul_color);}
.kurye_adimlar > a:last-child:after{display:none;}

.kurye_adimlar > a.active ~ a > i {background:var(--grey-color);}
.kurye_adimlar > a.active ~ a > span {color:var(--grey-color);}
.kurye_adimlar > a.active ~ a:after {color:var(--grey-color);}





.kurye_adres_content{ display: flex; width: 100%; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;}
.kurye_adres_content > div > *,.kurye_adres_content > div > * > *{ display: flex; width: 100%; flex-direction:column; }

.kurye_adres_content > div{display: flex;flex-direction:column;width:30%;}
.kurye_adres_content > div > h3{font-size: 16px;padding: 0;margin: 0;height: 40px;display: flex;align-items: flex-start;justify-content: center;font-weight: bold;opacity: .7;}






.kurye_adres_content > div > div > div{position:relative;display: flex;width: 100%;}
.kurye_adres_content > div > div > div > a[data-delete],
.kurye_adres_content > div > div > div > a[data-edit]{position:absolute;right: 5px;top:11px;display: flex;width: 30px;height: 30px;align-items: center;justify-content: center;text-decoration: none;color: var(--theme-text-color);opacity: .7;border-radius: 50px;}
.kurye_adres_content > div > div > div > a[data-edit]{right:40px;}
.kurye_adres_content > div > div > div > a[data-delete] > i,
.kurye_adres_content > div > div > div > a[data-edit] > i{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 16px;}
.kurye_adres_content > div > div > div > a[data-delete]:hover,
.kurye_adres_content > div > div > div > a[data-edit]:hover{background:#ddd;}


.kurye_adres_content > div > div > div > a:first-child{ margin: 7px 0;border:1px solid rgba(0,0,0,0.1);border-radius: 7px;padding: 5% 5% 5% 15%;text-decoration: none; font-size: 14px;color: var(--theme-text-color);position: relative;display: flex;flex-direction: column;}
.kurye_adres_content > div > div > div > a:first-child.active{border: 1px solid var(--kurye_modul_color); } 
.kurye_adres_content > div > div > div > a:first-child:before{position:absolute;aspect-ratio:1;display: flex;top: 0;height: 100%;left:0;width: 15%;content:'◯';justify-content: center;align-items: center;opacity: .5;color:var(--kurye_modul_color);}
.kurye_adres_content > div > div > div > a:first-child.active:before{content:'⬤';opacity: 1;}
.kurye_adres_content > div > div > div > a:first-child > *{display:flex;flex-direction: row;padding: 2px 0;font-size:12px;}
.kurye_adres_content > div > div > div > a:first-child > b{font-size:13px;margin-bottom: 7px;}
.kurye_adres_content > div > div > div > a:first-child > span{opacity: .7;}
.kurye_adres_content > div > a[data-atip="teslimat"],
.kurye_adres_content > div > a[data-atip="fatura"]{ margin: 7px 0;border:1px solid rgba(0,0,0,0.1);border-radius: 7px;padding: 5% 5% 5% 15%;text-decoration: none; font-size: 14px;color: var(--theme-text-color);position: relative;padding: 15px 0;display: flex;flex-direction: column;align-items: center;justify-content: center;color: var(--kurye_modul_color);font-size: 12px;}
.kurye_adres_content > div > a[data-atip="fatura"]:before,
.kurye_adres_content > div > a[data-atip="teslimat"]:before{content:'+';font-size: 23px;margin-bottom:5px;color: var(--theme-text-color);}


.kurye_sepet_sag{ display: flex; width: 30%;min-width: 365px;  flex-direction:column; border-radius:10px; border:1px solid #ddd; padding: 15px;height: fit-content; }
.kurye_sepet_sag > div{display:flex;flex-direction: column;width: 100%;}
.kurye_sepet_sag > div > div{display:flex;flex-direction: row;width: 100%;justify-content: space-between;align-items: center;padding: 7px 0;}
.kurye_sepet_sag > div > div > h3{font-size: 16px;padding: 0;margin: 0;height: 40px;display: flex;justify-content: center;font-weight: bold;opacity: .7;align-items: center;} 
.kurye_sepet_sag > div > div > span{font-size: 14px;opacity: .7;} 
.kurye_sepet_sag > div > div > p{font-size: 13px;padding: 0;margin: 0;} 
.kurye_sepet_sag > div:last-child{border-top:1px solid #ddd;padding-top: 20px;} 
.kurye_sepet_sag > div:last-child > a {width: 100%;height: 50px; display: flex;align-items: center;justify-content: center;font-size: 16px;font-weight: bold;color:#FFF;background:var(--kurye_modul_color);border-radius: 5px;text-decoration: none;} 
.kurye_sepet_sag > div:last-child > a:hover{filter:brightness(1.1);}
.kurye_sepet_sag > div:last-child > a > i{margin:0 15px;}

.kurye_sepet_sag > div > label{width:100%;display: flex;height: 30px;font-size: 14px;    align-items: center;}
.kurye_sepet_sag > div > label > a{text-decoration:none;color:#325cff; }
.kurye_sepet_sag > div > label > input{margin: 0;padding: 0;width: 20px;height: 20px;display: flex;margin-right: 7px;}

.kurye_sepet_sag > div > a[data-kurye-complete]{width: 100%;height: 50px; display: flex;align-items: center;justify-content: center;font-size: 16px;font-weight: bold;color:#FFF;background:var(--kurye_modul_color);border-radius: 5px;text-decoration: none;margin-top: 20px;} 
.kurye_sepet_sag > div > a[data-kurye-complete]:hover{filter:brightness(1.1);}
.kurye_sepet_sag > div > a[data-kurye-complete] > i{margin:0 15px;}



.kurye_zaman_content{ display: flex; width: 100%; flex-direction: row; flex-wrap: nowrap; }
.kurye_zaman_content > div{ display: flex; flex-direction:column; width: 100%; padding-right: 20px; }
.kurye_zaman_content > div > h3{font-size: 21px;padding: 0;margin: 0;height: 40px;display: flex;justify-content: center;font-weight: bold;opacity: .7;align-items: center;} 
.kurye_zaman_content > div > p{font-size: 16px;padding: 0;margin: 0;height: 40px;display: flex;justify-content: center;font-weight: bold;opacity: .7;align-items: center;border-radius: 5px;background: antiquewhite; margin: 10px 0;} 
.kurye_zaman_content > div > p > small{    margin: 0 10px 0 3px;padding-top: 3px;} 


div[data-kurye-tarih]{ display: flex; flex-direction: row; margin: 20px 0;align-items: center;justify-content: space-between;}

div[data-kurye-tarih] > a{display: flex;flex-direction: column;border:1px solid #ddd;border-radius:5px;padding: 10px;width: 11.5%;text-decoration: none;text-align: center;color: var(--theme-text-color);font-size: 13px;position: relative;}
div[data-kurye-tarih] > a.active{ border: 3px solid var(--kurye_modul_color); }

div[data-kurye-tarih] > a.active:after {width: 0px;height: 0px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff;content: '';position: absolute;left: 0;right: 0;top: 100%;margin: auto;}
div[data-kurye-tarih] > a.active:before {width: 0px;height: 0px;border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 15px solid var(--kurye_modul_color);content: '';position: absolute;left: 0;right: 0;top: 100%;margin: auto;}


div[data-kurye-tarih] > a > *{ display: flex;width: 100%;text-align: center;justify-content: center;}
div[data-kurye-tarih] > a > span{padding-top:1px;opacity: .7;}

div[data-kurye-saat]{ display: none; flex-direction: column; }
div[data-kurye-saat].active{ display: flex;flex-direction: column;width: 100%;}
div[data-kurye-saat] > a{ display: flex; flex-direction: row; margin: 5px 0; border:1px solid #ddd; border-radius: 5px; width: 100%;height: 50px; align-items: center;justify-content: space-between;text-decoration: none;padding:0 20px 0 55px;color:var(--theme-text-color);position: relative;font-size:15px;}


div[data-kurye-saat] > a:before{position:absolute;aspect-ratio:1;display: flex;top: 0;height: 100%;left:0;width: 55px;content:'◯';justify-content: center;align-items: center;opacity: .5;color:var(--theme-text-color);}
div[data-kurye-saat] > a.active{ border-color:var(--kurye_modul_color); }
div[data-kurye-saat] > a.active:before{content:'⬤';opacity: 1;color:var(--kurye_modul_color);}
div[data-kurye-saat] > a > *{ display: flex; }



.kurye_odeme_content{display:flex;flex-direction: row;justify-content: space-between;}
.kurye_odeme_content > div{display:flex;width: 100%; padding-right: 20px;flex-direction: column;}
/*
.kurye_odeme_content > div{display:flex;width: 100%; padding-right: 20px;flex-direction: column;}
.kurye_odeme_content > div > [data-payment-option]{display:flex;width: 100%; flex-direction: column;border:1px solid #ddd;border-radius:5px;padding: 20px 10px;margin-bottom: 10px;}
.kurye_odeme_content > div > [data-payment-option] > a {display:flex;width: 100%; text-decoration: none;color:var(--theme-text-color);font-size: 14px;font-weight: bold; }

.kurye_odeme_content > div > [data-payment-option] > a + *{display:none;}

*/

ul[data-payment-options]{  width: 100%; display:flex; flex-direction: column;justify-content: space-between;padding: 0;margin: 0; }
ul[data-payment-options] > li{ display:flex;flex-direction: column; width: 100%; margin-bottom: 10px;}
ul[data-payment-options] > li > a {display:flex;width: 100%; text-decoration: none;color:var(--theme-text-color);font-size: 14px;font-weight: bold;  border:1px solid #ddd;border-radius:5px;padding: 20px; }
ul[data-payment-options] > li > div{ display: none; }
ul[data-payment-options] > li > div > div.payment_info{font-size:13px;margin-top: 10px;opacity: .7;}
ul[data-payment-options] > li > div > [data-embed-content]{ width:100%;display: flex;}
ul[data-payment-options] > li.active{ border:1px solid var(--kurye_modul_color);border-radius:5px;padding: 20px; }
ul[data-payment-options] > li.active > div{ display: flex;justify-content: space-between;width: 100%;margin-bottom: 10px;    flex-direction: column;  }
ul[data-payment-options] > li.active > a{ border:0; padding: 0; width: 100%;display: flex;margin-bottom: 20px;}

ul[data-payment-options] > li.active > div > .hesaplar{width:100%;display: flex;flex-direction: column;} 




ul[data-payment-options] > li.active > div > form[data-payment-form]{ display: flex;flex-direction: column;width: 100%;}
ul[data-payment-options] > li.active > div > form[data-payment-form] label{ display: flex;flex-direction: column;width: 100%;margin-bottom: 10px;}
ul[data-payment-options] > li.active > div > form[data-payment-form] label:before{content: attr(data-text);font-size: 13px;margin-bottom: 7px;}
ul[data-payment-options] > li.active > div > form[data-payment-form] label > input{height: 40px;width: 100%;border: 1px solid #ddd;padding: 0 7px;max-width: 400px;}
ul[data-payment-options] > li.active > div > form[data-payment-form] div{ display: flex;flex-direction: row;width: 20%;margin-bottom: 10px;}
ul[data-payment-options] > li.active > div > form[data-payment-form] div label{margin-right: 10px;}
ul[data-payment-options] > li.active > div > form[data-payment-form] div label > select{ height: 40px;width: 100%;border: 1px solid #ddd;}
ul[data-payment-options] > li.active > div > form[data-payment-form] label[data-text="CVV"]{width:10%;min-width: 100px;}


[data-payment-form="havale_eft"]{width:100%;display: flex;flex-direction: column;} 
[data-payment-form="havale_eft"] label{display:flex;width: 45%;padding:10px;border: 1px solid #ddd;border-radius: 5px;position: relative;cursor: pointer;}
[data-payment-form="havale_eft"] label:before{content:'◯';right: 10px;top: 5px;position: absolute;}
[data-payment-form="havale_eft"] label > input{display: none;}
[data-payment-form="havale_eft"] label div{display:flex;width: 100%;padding:0;flex-direction: column;}
[data-payment-form="havale_eft"] label div p{width:100%;display: flex;display: flex;padding: 0;margin: 0;font-size: 13px;flex-direction: column;}
[data-payment-form="havale_eft"] label div p > b{font-weight: 600;width: 100%;margin: 5px 0 10px 0;display: flex;}
[data-payment-form="havale_eft"] label.active:before{content:'⬤';color:var(--kurye_modul_color);right: 5px;}
[data-payment-form="havale_eft"] label.active{border-color: var(--kurye_modul_color);}


@media only screen and (max-width: 600px) {
    .kurye_adimlar{zoom:.7;}
    .kurye_adres_content,
    .kurye_zaman_content{flex-direction:column;}
    .kurye_adres_content > div{width:100%;}
    .kurye_sepet_sag{width:100%;min-width: unset;margin-top: 20px;}
    .kurye_zaman_content > div{padding-right:0;}
    div[data-kurye-tarih]{overflow:scroll;height: 90px;margin: 0;}
    div[data-kurye-tarih] > a{min-width: 100px;margin-right: 10px;}
    
    .kurye_odeme_content{flex-direction:column;}
    .kurye_odeme_content > div{padding-right:0;}
    ul[data-payment-options] > li.active > div > form[data-payment-form] div{width:50%;}
    
}


/*ul[data-payment-options] > a:before{position:absolute;aspect-ratio:1;display: flex;top: 0;height: 100%;left:0;width: 55px;content:'◯';justify-content: center;align-items: center;opacity: .5;color:var(--theme-text-color);}
ul[data-payment-options] > a.active{ border-color:var(--kurye_modul_color); }
ul[data-payment-options] > a.active:before{content:'⬤';opacity: 1;color:var(--kurye_modul_color);}
ul[data-payment-options] > a > *{ display: flex; }*/