/* Storex 2022 Yakup Çevik */

/* Sticky Header Düzeltmesi - İçerik menü altında kalmasın */
@media screen and (min-width: 992px) {
    body.sticky-header-active {
        padding-top: 120px;
    }
    
    .sticky-header.fixed ~ main,
    .sticky-header.fixed ~ .main-content,
    .sticky-header.fixed ~ div[class*="content"] {
        margin-top: 0;
    }
}

/* Mobil cihazlarda sticky header varsa */
@media screen and (max-width: 991px) {
    body.sticky-header-active {
        padding-top: 80px;
    }
}

.acilirmenu{
    position: absolute !important;
    left: 0px !important;
    width: 100%;
    min-height: 250px;
}
.acilirmenu li{
    float: left;
    width: 20%;
}
.acilirmenu li a.menubaslik{font-size: 14px;color: #3c3c3c !important;font-weight: 500;}
.acilirmenu li a:after{content:'' !important}
.acilirmenu li ul{
    display: block !important;
    position: unset;
    width: 100%;
    box-shadow: unset;
    top: 0px !important;
    float: left;
    padding: 0px;
}
.acilirmenu li ul li{
    width: 100%;
}
.acilirmenu li ul li a{}

.geri_sayim{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}
.geri_sayim span{
    width: 23%;
    display: inline-block;
    border: .05rem solid #f2f2f2;
    border-radius: .2rem;
    padding: .4rem;
    text-align: center;
    color: #2a3643;
    font-size: 18px;
    background: #fafbfc;
    font-weight: bold;
}
.geri_sayim span small{float: left;width: 100%;font-size: 10px;font-weight: normal;}
.geri_sayim span.bitti{
    display: none;
    width: 100%;
}
.imgdis{justify-content: center;align-items: center;display: flex !important;}
.imgdis img{
    
transition-duration: 0.2s;
    
transition-timing-function: linear;
    
max-width: 100%;
    
max-height: 100%;
}

.imgdis:hover div, .imgdis:hover div{
     display:none !important;
}


.imgdis div, .imgdis div{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 4px;
    bottom: 40px;
    display: none;
}
.imgdis div span, .imgdis div span{
    display:none !important;
    height: 4px;
    background: #a99a96;
    float: left;
    margin-right: 4px;
}
.old-price{
    text-decoration: line-through !important;
}

.urun_detay{

    float: left;

    width: 100%;

    padding-bottom: 0px;

}


.urun_detay h1{

    padding: 0px;

    margin: 0px;

    font-size: 23px;

    margin-bottom: 10px;

}

.urun_detay .degerlendirme_paylas{

    float: left;

    width: 100%;

}

.urun_detay .degerlendirme_paylas .yildiz{

    width: auto;

}

.urun_detay .degerlendirme_paylas .yildiz small{

    margin-left: 10px;

}

.urun_detay .degerlendirme_paylas .paylas{}

.urun_detay .degerlendirme_paylas .paylas a{

    margin-right: 5px;

    font-size: 17px;

}

.urun_detay .marka{

    float: left;

    width: 100%;

}



.urun_detay .marka a{



    float: left;



    border: 1px solid #ddd;



    padding: 5px 10px;



}



.urun_detay .marka a img{



    max-height: 25px;



}











.urun_detay .stok_kod_durum{



    float: left;



    width: 100%;



}



.urun_detay .stok_kod_durum div{



    float: left;



    margin-right: 20px;



    padding-right: 20px;



    border-right: 1px solid #ddd;



}



.urun_detay .stok_kod_durum div:last-child{



    border-right: 0px;



}



.urun_detay .stok_kod_durum div span{}



.urun_detay .stok_kod_durum div strong{



    color: green;



}



.urun_detay .stok_kod_durum div strong.durum0{



    color: red;



}











.fiyat{



    float: left;



    width: 100%;



}



.fiyat .eski_fiyat{



    padding: 10px 0px;



}



.fiyat .yeni_fiyat{



    padding: 10px 0px;



}



.fiyat .eski_fiyat .col-md-8:nth-child(2) span{



    text-decoration: line-through;



}



.fiyat .yeni_fiyat .col-md-4:nth-child(1){



    font-size: 20px;



}



.fiyat .yeni_fiyat .col-md-8:nth-child(2) span{



    font-size: 25px;



    float: left;



    color: green;



}











.adet_butonlar{



    float: left;



    width: 100%;



    margin-top: 10px;



}



.adet_butonlar .adet{



    position: relative;



    overflow: hidden;



}



.adet_butonlar .adet input{}



.adet_butonlar .adet button.eksi{

font-size: 12px;

font-weight: bold;

padding: 0px;

width: auto;

position: absolute;

right: 5px;

bottom: 21px;

background: none;

outline: none;

min-width: 40px !important;
}



.adet_butonlar .adet button.arti{

font-size: 12px;

font-weight: bold;

padding: 0px;

width: auto;

position: absolute;

right: 5px;

top: 1px;

background: none;

outline: none;

min-width: 40px !important;
}



.adet_butonlar button{



    width: 100%;



}











.varyant, .varyant1, .varyant2, .varyant3, .varyant4, .varyant55{display: grid;}



.varyant ul li, .varyant1 ul li, .varyant2 ul li, .varyant3 ul li, .varyant4 ul li, .varyant55 ul li{float: left;border-radius: 3px;border: solid 3px #999999;font-size: 13px;color: #333333;padding: 5px 8px 4px;cursor: pointer;margin-right: 7px;margin-bottom: 2.5px;margin-top: 2.5px;}



.varyant ul li:hover, .varyant1 ul li:hover, .varyant2 ul li:hover, .varyant3 ul li:hover, .varyant4 ul li:hover, .varyant55 ul li:hover{



    border: solid 3px #5cb85c;



}



.varyant ul li.aktif, .varyant1 ul li.aktif, .varyant2 ul li.aktif, .varyant3 ul li.aktif, .varyant55 ul li.aktif{border: solid 3px #008000; background-color: #66666626;}  



.kargo_bedava{



    color: green;



}

.border{



    border: .05rem solid #f2f2f2;



}







.border-b{



    border-bottom: .05rem solid #e8e8e8;



}



.border-b-1{



    border-bottom: .05rem solid #8c8989;



}







.border-t{



   /* border-top: .05rem solid #f2f2f2; */



}







.border-l{



    border-left: .05rem solid #f2f2f2;



}







.border-r{



    border-right: .05rem solid #f2f2f2;



}



.border-n{



    border: none !important;

}


#sepet{



    display: none;



    position: fixed;



    top: 0px;



    right: 0px;



    width: 300px;



    height: 100%;



    z-index: 999999999;



    background: #fff;



}



#sepet .sepet_baslik{



    color: #fff;



    float: left;



    width: 100%;



    padding: 10px 20px;



    border-bottom: 1px solid #ddd;



    background: #444444;



    font-size: 15px;



    position: relative;



}



#sepet .sepet_baslik span{



}



#sepet .sepet_baslik i{

float: right;
    background: #ffffff;
    padding: 5px 8px;
    border-radius: 8px;
    cursor: pointer;
    color: #444444;
    font-size: 17px;
    font-weight: 700;



}



#sepet .sepet_urunler{



    width: 100%;



    height: 65%;



    overflow-y: scroll;



}



#sepet .sepet_urunler li{border-bottom: 1px solid #ddd;margin-bottom: 10px;padding: 5px 0px;float: left;width: 100%;}



#sepet .sepet_urunler li:last-child{border-bottom: 0px solid #ddd}



#sepet .sepet_urunler a{



    float: left;



    width: 100%;



    color: #8cb0ff;



}



#sepet .sepet_urunler a img{



    border: 1px solid #ddd;



}



#sepet .sepet_urunler .col-md-9 div{



    float: left;



    width: 100%;



}



#sepet .sepet_urunler .col-md-9 div span:first-child{



    font-weight: bold;



}



#sepet .sepet_urunler .col-md-9 div span:last-child{}



#sepet .sepet_urunler .col-md-9 [data-sepet-sil]{



    cursor: pointer;



    position: absolute;



    right: 0px;



    width: 20px;



    top: 0px;



    color: #b73f3f;



}



#sepet .sepet_alt{



    float: left;



    width: 100%;



}



#sepet .sepet_alt .toplam_tutar{



    color: #fff;



    float: left;



    width: 100%;



    padding: 10px 20px;



    border-bottom: 1px solid #ddd;



    background: #8cb0ff;



    font-size: 15px;



    position: relative;



}



#sepet .sepet_alt .toplam_tutar span:first-child{}



#sepet .sepet_alt .toplam_tutar span:last-child{}



#sepet .sepet_alt a{float: left;width: 100%}











#sepet_durum.hata{



    width: 100%;



    display: inline-block;



    background-color: #e85353;



    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;



    padding: 10px 15px;



    margin-bottom: 13px;



    color: #fff;



    font-weight: bold;



    text-align: center;



}



#sepet_durum.basari{



    width: 100%;



    display: inline-block;



    background-color: #53e89c;



    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;



    padding: 10px 15px;



    margin-bottom: 13px;



    color: #005f2e;



    font-weight: bold;



    text-align: center;



}



.sepet_bos{



    text-align: center;



    width: 100%;



    margin-top: 30px;



}







#saydam_bg{

background: #000;

position: fixed;

top: 0px;

left: 0px;

width: 100%;

height: 100%;

z-index: 9999;

opacity: 0.3;

cursor: pointer;

display: none;
}




.sepet_ust{



    overflow: hidden;



}







.sepet_ust .row:first-child .col-md-5{



    text-align: center;



}



.sepet_ust .la-trash{



    float: right;



    margin-right: 10px;



    background: red;



    color: white;



    padding: 5px 7px;



    border-radius: 5px;



    cursor: pointer;



}
.bg2{



    background-color: #fff;



    box-shadow: -8px 12px 18px 0 #dadee8;



}


.bg3 {
    background-color: #f8f8f8;
}
.border-t {
    border-top: .05rem solid #f2f2f2;
}

.hesabim_menu{}



.hesabim_menu li{



    color: #000;



    float: left;



    width: 100%;



}



.hesabim_menu li a{



    float: left;



    width: 100%;



    padding: 10px 10px;



    font-size: 15px;



}



.hesabim_menu li a.aktif, .hesabim_menu li a:hover{



    background-color: #f8f8f8;



}

.hesabim-menu-cat {
    padding: 10px 10px 5px;
    color: #888;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-top: 1px solid #eee;
    margin-top: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.hesabim-menu-cat i {
    font-size: 13px;
    color: #aaa;
}
.hesabim_menu li:first-child + .hesabim-menu-cat,
.hesabim-menu-cat:first-child {
    border-top: none;
    margin-top: 0;
}



.basari{



    float: left;



    width: 100%;



    margin-bottom: 20px;



    background: #12a712;



    text-align: center;



    color: #fff;



    border-radius: 10px;



    padding: 10px 0px;



    box-shadow: 0px 0px 10px #02ce2c;
display: block !important;


}



.hata{



    float: left;



    width: 100%;



    margin-bottom: 20px;



    background: #a7123b;



    text-align: center;



    color: #fff;



    border-radius: 10px;



    padding: 10px 0px;



    box-shadow: 0px 0px 10px #ce0202;

display: block !important;

}



.onay_bekliyor{



    background: orange;



    color: #fff;



    padding: 3px 6px;



    float: left;



    border-radius: 10px;



}


.panel-title a{
    color: #000 !important;
    font-size: 17px;
    border: 1px solid #ddd;
    padding: 10px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.panel-collapse.show{
    border: 1px solid #ddd;
    padding: 20px;
}



.kategori_sol{



    box-shadow: 0 1px 10px #f2f2f2;



}



.kategori_sol h2{



    margin: 0px;



    padding: 0px;



    font-size: 20px;



    padding-left: 15px;



    font-weight: bold;



}







.kategori_sol .kategoriler{



    padding-left: 15px;



    padding-right: 15px;



}



.kategori_sol .kategoriler li{


    float: left;

    width: 100%;



    margin-bottom: 5px;



    padding-bottom: 5px;



    border-bottom: .05rem solid #f2f2f2;



}



.kategori_sol .kategoriler li:last-child{



    border-bottom: none;



}



.kategori_sol .kategoriler li i{



    float: left;



    margin-top: 3px;



    margin-right: 5px;



}



.kategori_sol .kategoriler li a{



    float: left;



}



.kategori_sol .kategoriler li a:hover{



    color: #69bc45;



}







.kategori_sol .kategoriler li span{



    float: right;



}



.kategori_sol .secim_baslik{



    padding-left: 15px;



    font-weight: bold;



}



.kategori_sol .secimli{



    max-height: 200px;



    overflow-y: scroll;



}



.kategori_sol .secimli li{



    width: 100%;



}


.magaza_detay{}
.magaza_detay .magaza_profil{
    float: left;
    width: 100%;
}
.magaza_detay .magaza_profil img{
    border-radius: 50%;
    border: 1px solid #7d7777;
}
.magaza_detay h3{
    font-size: 15px;
    margin: 0px;
    padding: 0px;
}
.magaza_detay .puan{
    float: left;
    width: 100%;
}
.magaza_detay .puan small{
    float: left;
}
.magaza_detay .puan span{
    float: right;
    font-size: 85%;
    color: green;
}
.magaza_detay .puan div{
    float: left;
    width: 100%;
    padding: 2px;
    background: #ddd;
    border-radius: 10px;
}
.magaza_detay .puan div div{
    background: green;
}
.magaza_detay .magaza_yorumlari{
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}
.magaza_detay a.btn{
    width: 100%;
    padding: 2px;
    margin-bottom: 10px;
}
.magaza_detay .benzer_urun_baslik{
    margin-bottom: 5px;
}
.magaza_detay .benzer_urunler{
    padding: 10px;
}
.magaza_detay .benzer_urunler .row{
    padding-bottom: 10px;
    border-bottom: .05rem solid #f2f2f2;
    margin: 0px;
    margin-bottom: 10px;
}
.magaza_detay .benzer_urunler .row:last-child{
    border: none;
}
.magaza_detay .benzer_urunler .row a{
    float: left;
    width: 100%;
    font-size: 90%;
}
.magaza_detay .benzer_urunler .row a img{
    border: .05rem solid #f2f2f2;
}
.magaza_detay .benzer_urunler .row span{
    color: green;
}
.ui-helper-hidden{display:none}
.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}
.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}
.ui-helper-clearfix:after{clear:both}
.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}
.ui-front{z-index:100}
.ui-state-disabled{cursor:default!important;pointer-events:none}
.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}
.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}
.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}
.ui-slider{position:relative;text-align:left;border: 1px solid #80a4f2;border-radius: 10px;}
.ui-slider .ui-slider-handle{outline: none;position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none;background: #80a4f2;border-radius: 50%;}
.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}
.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}
.ui-slider-horizontal{height:.8em}
.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em;cursor:pointer}
.ui-slider-horizontal .ui-slider-range{top:0;height:100%;background: #47c6ea;border-radius: 10px;}
.ui-slider-horizontal .ui-slider-range-min{left:0}
.ui-slider-horizontal .ui-slider-range-max{right:0}
.ui-slider-vertical{width:.8em;height:100px}
.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}
.ui-slider-vertical .ui-slider-range{left:0;width:100%}
.ui-slider-vertical .ui-slider-range-min{bottom:0}
.ui-slider-vertical .ui-slider-range-max{top:0}
#amount{
    border: none;
    text-align: center;
    width: 100%;
    color: #1b5f82;
    font-size: 16px;
    outline: none;
    background: none;
}
.mt-10 {
    margin-top: 10px;
}
.btn-default {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
}


@media only screen and (max-width: 600px){
    .hidden-xs{
        display: none;
    }
}


/* ========================================
   Sayfa Estetik Stilleri - Kurumsal Sade
   ======================================== */

/* Hizmetler Kartları */
.hizmet-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 15px;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
    text-align: center;
    height: 100%;
}
.hizmet-card:hover {
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    transform: translateY(-3px);
}
.hizmet-card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 6px;
    display: block;
}
.hizmet-card .hizmet-baslik {
    display: block;
    margin-top: 10px;
    font-size: 15px;
    font-weight: 600;
    color: #333;
}
.hizmet-card a {
    color: inherit;
    text-decoration: none;
}
.hizmet-card a:hover {
    color: inherit;
}

/* Blog Kartları */
.blog-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 15px;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
    height: 100%;
}
.blog-card:hover {
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    transform: translateY(-3px);
}
.blog-card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
}
.blog-card .blog-card-body {
    padding: 12px 14px;
    text-align: left;
}
.blog-card .blog-baslik {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
    line-height: 1.4;
}
.blog-card .blog-tarih {
    display: block;
    font-size: 13px;
    color: #999;
}
.blog-card .blog-tarih i {
    margin-right: 4px;
}
.blog-card a {
    color: inherit;
    text-decoration: none;
}
.blog-card a:hover {
    color: inherit;
}

/* Sipariş Takip Formu */
.takip-section {
    max-width: 650px;
    margin: 0 auto;
    padding: 20px 0;
}
.takip-box {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 22px 20px;
    margin-bottom: 15px;
}
.takip-box h3 {
    font-size: 17px;
    font-weight: 600;
    color: #333;
    margin-bottom: 5px;
    margin-top: 0;
}
.takip-box p.takip-aciklama {
    font-size: 13px;
    color: #888;
    margin-bottom: 14px;
}
.takip-box .form-control {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 14px;
    height: auto;
    margin-bottom: 0;
}
.takip-box .form-control:focus {
    border-color: #333;
    box-shadow: none;
}
.takip-box .btn-takip {
    width: 100%;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 6px;
    border: none;
    color: #fff;
    background: #333;
    cursor: pointer;
    transition: background 0.2s ease;
}
.takip-box .btn-takip:hover {
    background: #555;
}
.takip-icon {
    font-size: 24px;
    color: #333;
    margin-bottom: 6px;
    display: block;
}

/* Ödeme Bildirimi Formu */
.odeme-bildirim-section {
    max-width: 550px;
    margin: 0 auto;
    padding: 20px 0;
}
.odeme-bildirim-box {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 22px 20px;
}
.odeme-bildirim-box .odeme-icon {
    font-size: 30px;
    color: #333;
    margin-bottom: 6px;
    display: block;
    text-align: center;
}
.odeme-bildirim-box h3 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-top: 0;
    margin-bottom: 5px;
    text-align: center;
}
.odeme-bildirim-box p.odeme-aciklama {
    font-size: 13px;
    color: #888;
    margin-bottom: 18px;
    text-align: center;
}
.odeme-bildirim-box label {
    float: left;
    font-size: 13px;
    font-weight: 600;
    color: #555;
    margin-bottom: 5px;
}
.odeme-bildirim-box .form-control {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 14px;
    height: auto;
    margin-bottom: 12px;
}
.odeme-bildirim-box .form-control:focus {
    border-color: #333;
    box-shadow: none;
}
.odeme-bildirim-box select.form-control {
    appearance: auto;
}
.odeme-bildirim-box .btn-bildirim {
    width: 100%;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 6px;
    border: none;
    color: #fff;
    background: #333;
    cursor: pointer;
    transition: background 0.2s ease;
    margin-top: 5px;
}
.odeme-bildirim-box .btn-bildirim:hover {
    background: #555;
}
.siparis-hatirla-link {
    margin-bottom: 12px;
    text-align: left;
}
.siparis-hatirla-link a {
    font-size: 12px;
    color: #888;
    text-decoration: none;
}
.siparis-hatirla-link a:hover {
    color: #333;
}
.siparis-hatirla-link a i {
    margin-right: 2px;
}
.siparis-sorgula-kutu {
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 14px;
    margin-bottom: 15px;
}
.sorgula-aciklama {
    font-size: 12px;
    color: #888;
    margin-bottom: 10px;
    text-align: left;
}
.btn-sorgula {
    width: 100%;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 6px;
    border: 1px solid #ddd;
    color: #333;
    background: #fff;
    cursor: pointer;
    transition: background 0.2s ease;
}
.btn-sorgula:hover {
    background: #f5f5f5;
}
.siparis-no-liste {
    text-align: left;
}
.siparis-no-satir {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 10px;
    margin-bottom: 4px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.15s ease;
    font-size: 13px;
}
.siparis-no-satir:hover {
    background: #f5f5f5;
}
.siparis-no-satir .sn-no {
    font-weight: 600;
    color: #333;
}
.siparis-no-satir .sn-tarih {
    color: #999;
    font-size: 12px;
}
.siparis-no-satir .sn-tutar {
    font-weight: 600;
    color: #333;
}

/* Banka Hesapları Kartları */
.banka-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 18px 15px;
    margin-bottom: 15px;
    text-align: center;
    transition: box-shadow 0.25s ease;
    height: 100%;
}
.banka-card:hover {
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}
.banka-card img {
    max-width: 160px;
    height: 60px;
    object-fit: contain;
    display: block;
    margin: 0 auto 10px;
}
.banka-card .banka-baslik {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    display: block;
    margin-bottom: 8px;
}
.banka-card .banka-aciklama {
    font-size: 13px;
    color: #666;
    display: block;
    word-break: break-all;
    line-height: 1.6;
}
.banka-card .banka-iban-label {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
    margin-top: 10px;
}
.btn-iban-kopyala {
    display: inline-block;
    margin-top: 12px;
    padding: 6px 16px;
    font-size: 12px;
    font-weight: 600;
    color: #333;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease;
}
.btn-iban-kopyala:hover {
    background: #eee;
    border-color: #ccc;
}
.btn-iban-kopyala.kopyalandi {
    color: #2e7d32;
    background: #f0faf0;
    border-color: #c8e6c9;
}
.btn-iban-kopyala i {
    margin-right: 3px;
}
.btn-odeme-bildir {
    display: inline-block;
    margin-top: 8px;
    padding: 6px 16px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    background: #333;
    border: 1px solid #333;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.2s ease;
}
.btn-odeme-bildir:hover {
    background: #555;
    border-color: #555;
    color: #fff;
    text-decoration: none;
}
.btn-odeme-bildir i {
    margin-right: 3px;
}
.banka-bos {
    text-align: center;
    padding: 30px 15px;
    color: #999;
    font-size: 16px;
}
.banka-bos i {
    font-size: 40px;
    display: block;
    margin-bottom: 15px;
    color: #ccc;
}

/* Sonuç Mesajları (Takip & Ödeme) */
.sonuc-mesaj {
    border-radius: 8px;
    padding: 10px 15px;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.sonuc-mesaj.basari {
    background: #f0faf0;
    color: #2e7d32;
    border: 1px solid #c8e6c9;
    box-shadow: none;
    border-radius: 8px;
}
.sonuc-mesaj.hata {
    background: #fef0f0;
    color: #c62828;
    border: 1px solid #ffcdd2;
    box-shadow: none;
    border-radius: 8px;
}

/* Sayfa Bölüm Başlığı */
.sayfa-bolum-baslik {
    text-align: center;
    margin-bottom: 22px;
}
.sayfa-bolum-baslik h2 {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
}
.sayfa-bolum-baslik p {
    font-size: 14px;
    color: #888;
    margin: 0;
}
.sayfa-bolum-baslik .baslik-cizgi {
    width: 40px;
    height: 2px;
    background: #333;
    margin: 12px auto 0;
}

/* Fiyat Renk Standardizasyonu */
.new-price {
    color: #428400 !important;
    font-weight: 700 !important;
}

/* Ürün Kartı Başlık Sabit Yükseklik - Hizalama */
.product .product-body .product-title {
    height: 46px;
    min-height: 46px;
    max-height: 46px;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
    line-height: 1.4;
    font-size: 14px;
}

.product .product-body .product-price {
    min-height: 24px;
}


/* ========================================
   Hesabım Sayfaları - Tasarımsal İyileştirmeler
   ======================================== */

/* Hesabım İçerik Kartları */
.hesabim-kart {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

.hesabim-kart-baslik {
    font-size: 17px;
    font-weight: 600;
    color: #333;
    margin: 0 0 15px 0;
    padding-bottom: 12px;
    border-bottom: 2px solid #f5f5f5;
    display: flex;
    align-items: center;
    gap: 8px;
}
.hesabim-kart-baslik i {
    color: #3498db;
    font-size: 20px;
}

/* Hesabım Rapor/Bilgi Kartları */
.hesabim-rapor-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
    margin-bottom: 15px;
}
.hesabim-rapor-kutu {
    background: #f8f9fa;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 15px;
    text-align: center;
    transition: box-shadow 0.2s ease;
}
.hesabim-rapor-kutu:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}
.hesabim-rapor-kutu .rapor-ikon {
    font-size: 24px;
    color: #3498db;
    margin-bottom: 6px;
    display: block;
}
.hesabim-rapor-kutu .rapor-deger {
    font-size: 22px;
    font-weight: 700;
    color: #333;
    display: block;
    line-height: 1.2;
}
.hesabim-rapor-kutu .rapor-etiket {
    font-size: 12px;
    color: #888;
    display: block;
    margin-top: 4px;
}

/* Müşteri Hizmetleri Kartları */
.mh-kart {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    cursor: pointer;
    display: block;
    color: inherit;
    text-decoration: none;
    height: 100%;
}
.mh-kart:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    transform: translateY(-2px);
    color: inherit;
    text-decoration: none;
}
.mh-kart .mh-ikon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
    font-size: 22px;
}
.mh-kart .mh-baslik {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    display: block;
    margin-bottom: 4px;
}
.mh-kart .mh-aciklama {
    font-size: 12px;
    color: #888;
}

/* Destek Talebi Kartları */
.destek-liste-item {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 14px 16px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: background 0.15s ease;
    gap: 12px;
}
.destek-liste-item:hover {
    background: #f8f9fa;
}
.destek-liste-item .destek-durum {
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 80px;
}
.destek-liste-item .destek-durum.okundu { color: #3498db; }
.destek-liste-item .destek-durum.okunmadi { color: #b0b0b0; }
.destek-liste-item .destek-konu {
    flex: 1;
    font-weight: 600;
    color: #333;
    font-size: 14px;
}
.destek-liste-item .destek-konu a {
    color: #333;
    text-decoration: none;
}
.destek-liste-item .destek-konu a:hover {
    color: #3498db;
}
.destek-liste-item .destek-tarih {
    font-size: 12px;
    color: #999;
    min-width: 100px;
    text-align: right;
}
.destek-liste-item .destek-btn {
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 4px;
    border: 1px solid #3498db;
    color: #3498db;
    background: transparent;
    text-decoration: none;
    transition: all 0.2s ease;
    white-space: nowrap;
}
.destek-liste-item .destek-btn:hover {
    background: #3498db;
    color: #fff;
}

/* Yeni Destek Formu */
.destek-form-kutu {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 25px;
}
.destek-form-kutu .form-control {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 10px 14px;
    font-size: 14px;
    transition: border-color 0.2s ease;
}
.destek-form-kutu .form-control:focus {
    border-color: #3498db;
    box-shadow: 0 0 0 3px rgba(52,152,219,0.1);
}
.destek-form-kutu textarea.form-control {
    min-height: 120px;
    resize: vertical;
}

/* Mağaza Soruları Kartları */
.soru-liste-item {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 14px 16px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: background 0.15s ease;
}
.soru-liste-item:hover {
    background: #f8f9fa;
}
.soru-liste-item .soru-avatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid #eee;
    object-fit: cover;
    flex-shrink: 0;
}
.soru-liste-item .soru-icerik {
    flex: 1;
}
.soru-liste-item .soru-magaza {
    font-size: 12px;
    color: #888;
    margin-bottom: 2px;
}
.soru-liste-item .soru-konu a {
    font-weight: 600;
    color: #333;
    font-size: 14px;
    text-decoration: none;
}
.soru-liste-item .soru-konu a:hover {
    color: #3498db;
}
.soru-liste-item .soru-tarih {
    font-size: 12px;
    color: #999;
    min-width: 90px;
    text-align: right;
}

/* Tablo İyileştirmeleri */
.hesabim-tablo {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #eee;
}
.hesabim-tablo thead th {
    background: #f8f9fa;
    color: #555;
    font-weight: 600;
    font-size: 13px;
    padding: 12px 14px;
    border-bottom: 2px solid #eee;
    text-align: left;
}
.hesabim-tablo tbody td {
    padding: 10px 14px;
    font-size: 14px;
    border-bottom: 1px solid #f5f5f5;
    vertical-align: middle;
}
.hesabim-tablo tbody tr:last-child td {
    border-bottom: none;
}
.hesabim-tablo tbody tr:hover {
    background: #f8f9fa;
}

/* Boş Durum Mesajı */
.bos-durum {
    text-align: center;
    padding: 40px 20px;
    color: #999;
}
.bos-durum i {
    font-size: 40px;
    display: block;
    margin-bottom: 12px;
    color: #ddd;
}
.bos-durum p {
    font-size: 14px;
    margin: 0 0 12px 0;
}
.bos-durum a {
    font-size: 13px;
    color: #3498db;
    text-decoration: none;
}
.bos-durum a:hover {
    text-decoration: none;
    opacity: 0.85;
}

/* Favorilerim Kart Stili */
.favori-item {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 12px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: background 0.15s ease;
}
.favori-item:hover {
    background: #f8f9fa;
}
.favori-item img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #eee;
}
.favori-item .favori-bilgi {
    flex: 1;
}
.favori-item .favori-bilgi a {
    font-weight: 600;
    color: #333;
    font-size: 14px;
    text-decoration: none;
    display: block;
    margin-bottom: 4px;
}
.favori-item .favori-bilgi a:hover {
    color: #3498db;
}
.favori-item .favori-fiyat {
    font-weight: 700;
    color: #428400;
    font-size: 15px;
}
.favori-item .favori-sil {
    color: #ccc;
    font-size: 18px;
    cursor: pointer;
    transition: color 0.2s ease;
    padding: 8px;
}
.favori-item .favori-sil:hover {
    color: #e74c3c;
}

/* Hesabım Form İyileştirmeleri */
.hesabim-form .form-control {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 14px;
    transition: border-color 0.2s ease;
}
.hesabim-form .form-control:focus {
    border-color: #3498db;
    box-shadow: 0 0 0 3px rgba(52,152,219,0.1);
}
.hesabim-form label {
    font-size: 13px;
    font-weight: 600;
    color: #555;
    margin-bottom: 4px;
}
.btn-kaydet {
    display: inline-block;
    padding: 10px 24px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 6px;
    border: none;
    color: #fff;
    background: #27ae60;
    cursor: pointer;
    transition: background 0.2s ease;
    text-align: center;
    line-height: 1.5;
    vertical-align: middle;
    box-sizing: border-box;
}
.btn-kaydet:hover {
    background: #219a52;
}
.hesabim-form .btn-kaydet {
    width: 100%;
}

/* Breadcrumb İyileştirmesi */
.breadcrumb-nav .breadcrumb {
    font-size: 13px;
}

@media (max-width: 768px) {
    .hesabim-rapor-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .destek-liste-item {
        flex-wrap: wrap;
    }
    .destek-liste-item .destek-tarih {
        width: 100%;
        text-align: left;
        margin-top: 4px;
    }
    .soru-liste-item {
        flex-wrap: wrap;
    }
    .favori-item {
        flex-wrap: wrap;
    }
}

/* ========================================
   Sticky Header İçerik Düzeltmesi
   Büyütme (zoom) yapıldığında içerik menü altında kalmaması için
   ======================================== */

/* Genel çözüm - tüm sayfalarda çalışır */
@media screen and (min-width: 992px) {
    /* Sticky header aktif olduğunda */
    .sticky-header.fixed ~ * {
        position: relative;
        z-index: 1;
    }
    
    /* Ana içerik alanına padding ekle */
    main,
    .main-content,
    .page-content,
    [role="main"] {
        padding-top: 20px;
        min-height: calc(100vh - 200px);
    }
    
    /* Sticky header'dan sonra gelen ilk element */
    .sticky-header + * {
        margin-top: 20px;
    }
}

/* Alternatif çözüm - body'ye doğrudan padding */
body {
    position: relative;
}

/* Zoom yapıldığında da çalışması için */
@media screen and (min-width: 992px) {
    body:has(.sticky-header.fixed) {
        padding-top: 0;
    }
    
    .sticky-header.fixed + * {
        padding-top: 30px;
    }
}

/* Mobil görünümde */
@media screen and (max-width: 991px) {
    main,
    .main-content,
    .page-content {
        padding-top: 15px;
    }
}