@charset "UTF-8";
@import url(bootstrap.css);
@import 'normalize.css';
@import 'jquery.fancybox.min.css';

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');

@import url('https://cdn.linearicons.com/free/1.0.0/icon-font.min.css');


@media (max-width: 768px) {
#urunblok_2 .sliderBannerContainer {
    margin-bottom: 5px !important;
  }
} 

@media (max-width: 1024px) {
    .mobilFilterOpenBtn .button {
        width: 49% !important;
    }
}

.blogKategori .blogSearchFormArea {
  display: none !important;
}

div.blogSearchFormArea,
.blogCenter .blogSearchFormArea,
.blogKategori .blogSearchFormArea {
  display: none !important;
}

.panel-heading .panel-title {
     font-size: 15px !important;
    }

.panel-heading {
    padding: 15px 0 !important;
}

@media (max-width: 767px) {
    .urunOzellik {
        padding: 0 10px !important;
    }
}

@media (max-width: 767px) {
    .sliderBannerContainer {
        margin-bottom: 35px !important;
    }
}

.spanKdv {
  margin-left: 3px !important;
  position: relative !important;
  top: -2px !important;
}

body.kategori-atolyeler .productItem .productIcon .newIcon.tip {
    display: none !important;
}

#divKargoBedava { display:none !important; }

#divKritikStok {
    display: none !important;
}

.teknikDetay {
    margin: 5px 0 10px 0 !important;
}

   #back-to-top {
    position: fixed !important;
    bottom: 60px !important;
    right: 18px !important;
    top: auto !important;
    left: auto !important;
  }

@media (max-width: 989px) {

  /* ── Back-to-top ── */
  #back-to-top {
    position: fixed !important;
    bottom: 105px !important;
    right: 18px !important;
    top: auto !important;
    left: auto !important;
  }
  
    /* ── Cookie consent ── */
  #ccp---nb.ccp---acc-hide .cc-nb-coi-btn {
    display: none !important;
  }

  #ccp---nb:not(.ccp---acc-hide) {
    bottom: 45px !important;
  }

  /* ── Google Reviews Badge */
  #___ratingbadge_0 {
    bottom: 45px !important;
    right: 0 !important;
  }

} 

.category-vertical-filters .vertical-filter-panel .list-group-item.selected:before {
    color: #415a68 !important;
}

/* Mobil breadcrumb popup'ını tamamen devre dışı bırak */
/* Sadece tek breadcrumb göster - mobil popup breadcrumb'ı kapat */
div.breadList {
    display: none !important;
}

/* === DESKTOP SIRALAMA BARI === */
.blockSelect {
    display: none !important;
}
.sortingContent > li:nth-child(2) {
    display: none !important;
}
.brandlistselection {
    padding: 0 !important;
    margin: 0 !important;
}
.brandlistselection .sortingContent {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 2px 0 !important;
    margin: 0 !important;
    min-height: auto !important;
    list-style: none;
    width: 100% !important;
    border-bottom: none !important;
}
.brandlistselection .sortingContent > li {
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    width: auto !important;
}
.brandlistselection .sortingContent > li.appliedFilter.FiltrelemeUrunAdet {
    order: -1;
    padding: 0 !important;
    margin: 0 !important;
    flex: 1;
    text-align: left !important;
}
.brandlistselection .sortingContent .FiltrelemeUrunAdet > span {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 400 !important;
    font-style: italic !important;
    font-size: 16px !important;
    color: #2c3e50 !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.brandlistselection .sortingContent > li:first-child {
    order: 1;
    margin-left: auto !important;
    padding: 0 !important;
    text-align: right !important;
}
.brandlistselection .sortingContent > li:first-child select,
select#filterOrderSelect {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 13px !important;
    font-style: italic !important;
    color: #2c3e50 !important;
    padding: 8px 34px 8px 12px !important;
    border: 1px solid #ddd !important;
    border-radius: 10px !important;
    background: #fff !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 5 5-5' stroke='%232c3e50' stroke-width='1.2' fill='none'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
    transition: border-color 0.2s !important;
    height: 38px !important;
    line-height: normal !important;
    vertical-align: middle !important;
}
select#filterOrderSelect:hover,
select#filterOrderSelect:focus {
    border-color: #4cc5df !important;
    outline: none !important;
    box-shadow: 0 1px 4px rgba(76,197,223,0.15) !important;
}
.filterDeleteContent {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.appliedFilter {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.urunListRel.Slct {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Mobilde sıralama dropdown'ını gizle */
@media (max-width: 1024px) {
    .brandlistselection .sortingContent,
    ul.sortingContent,
    .brandlistselection ul.sortingContent {
        display: none !important;
    }

    /* Mobil sıralama paneli */
    .hmMobilSiralama {
        display: none;
        background: #fff;
        padding: 6px 15px 8px;
        margin: 0;
    }

    .hmMobilSiralama.acik {
        display: block !important;
        padding-bottom: 5px;
    }

    .hmMobilSiralama select {
        width: 100%;
        font-family: 'Cormorant Garamond', serif;
        font-size: 16px;
        font-style: italic;
        color: #2c3e50;
        padding: 10px 36px 10px 14px;
        border: 1px solid #ddd;
        border-radius: 8px;
        background: #fafafa;
        appearance: none;
        -webkit-appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 5 5-5' stroke='%232c3e50' stroke-width='1.2' fill='none'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 14px center;
        line-height: normal;
        height: 42px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.06);
        transition: border-color 0.2s;
    }

    .hmMobilSiralama select:focus {
        border-color: #4cc5df;
        outline: none;
        box-shadow: 0 1px 4px rgba(76,197,223,0.15);
    }

.hmMobilUrunSayisi {
        font-family: 'Cormorant Garamond', serif;
        font-style: italic;
        font-size: 18px;
        color: #555;
        padding: 6px 15px 0;
        margin: 0;
    }

.hmMobilUrunSayisi.filtre-acik,
    .hmMobilUrunSayisi.siralama-acik {
        padding-bottom: 20px !important;
    }

    .hmMobilUrunSayisi {
        font-family: 'Cormorant Garamond', serif;
        font-style: italic;
        font-size: 18px;
        color: #555;
        padding: 6px 15px 2px;
        margin: 0;
    }
}

/* === DESKTOP SIRALAMA BARI === */
.blockSelect {
    display: none !important;
}

.sortingContent > li:nth-child(2) {
    display: none !important;
}

.brandlistselection .sortingContent {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    min-height: auto;
}

.sortingContent .FiltrelemeUrunAdet {
    order: -1;
    padding: 0;
    margin: 0;
}

.sortingContent .FiltrelemeUrunAdet > span {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 400;
    font-style: italic;
    font-size: 16px;
    color: #2c3e50;
}

.sortingContent > li:first-child {
    order: 1;
    margin-left: auto;
    padding: 0;
}

.sortingContent > li {
    padding: 0;
    margin: 0;
}

#filterOrderSelect {
    font-family: 'Cormorant Garamond', serif;
    font-size: 14px;
    font-style: italic;
    color: #2c3e50;
    padding: 5px 28px 5px 10px;
    border: 1px solid #ccc;
    border-radius: 0;
    background: #fff;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 5 5-5' stroke='%232c3e50' stroke-width='1.2' fill='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
}

#filterOrderSelect:hover {
    border-color: #2c3e50;
}

.brandlistselection {
    padding: 0 !important;
    margin: 0 !important;
}

/* === DESKTOP SIRALAMA BARI SONU === */

@media (max-width: 1024px) {
    .mobilaf {
        animation: none !important;
        -webkit-animation: none !important;
        transition: none !important;
        -webkit-transition: none !important;
    }
    
    .category-vertical-filters {
        position: relative !important;
        z-index: 1002 !important;
    }
}

.ProductName h1,
.ProductName h1 span {
    font-family: 'Roboto', sans-serif !important;
    color: #2c3e50 !important;
    font-weight: 500 !important;
    font-size: 20px !important;
}

/* Ürün detay sayfası başlıkları - font */
.detaySliderContainer .JKatAdi .bold .satir1,
#BenzerUrunlerDiv .JKatAdi .bold .satir1,
#IlgiliUrunDiv .JKatAdi .bold .satir1,
.JKatAdi .sonZiyaretEdilenUrunlerTitle {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #2c3e50 !important;
}

/* Blok başlıkları (Cilt Tipine Göre vb.) */
.Block_item.OzelBlokIcerik .Block_Text p span {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 20px !important;
    color: #2c3e50 !important;
}   

#mainHolder_divDesign .categoryTitle .satir1,
#mainHolder_divDesign .categoryTitle .bold .satir1 {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #415a68 !important;
}
.jCarouselLite > .categoryTitle + .clear {
    margin-bottom: 15px !important;
}

/* ═══════════════════════════════════════════
   HEPSİMİS KATEGORİ GİRİŞ YAZILARI
   ═══════════════════════════════════════════ */
.kat-giris { text-align: center; max-width: 700px; margin: 20px auto 0; padding: 0 20px; } 
.kat-giris-baslik { font-family: 'Cormorant Garamond', serif; font-size: 34px; font-weight: 700; color: #467368; margin-bottom: 16px; line-height: 1.3; }
.kat-giris-metin p { font-size: 14px; color: #5a7272; line-height: 1.75; margin-bottom: 8px; }
.kat-giris-devami { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; }
.kat-giris-toggle { display: inline-block; font-size: 13px; color: #2c3e50; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; margin-top: 4px; transition: color 0.25s; }
.kat-giris-toggle:hover { color: #4abfbf; }
.kat-giris-altkat { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 14px; margin-top: 30px; width: 70vw; position: relative; left: 50%; font-style: italic; transform: translateX(-50%); }
.kat-giris-altkat a { font-size: 13px; color: #90a4a4; text-decoration: none; transition: color 0.25s; }
.kat-giris-altkat a:hover { color: #4abfbf; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 768px) {
    .kat-giris-baslik { font-size: 30px; }
    .kat-giris-metin p { font-size: 13px; }
    .kat-giris-altkat { width: 98vw; gap: 10px 14px; }
    .kat-giris-altkat a { font-size: 12px; }
    .kat-giris { padding: 0 20px 15px; }
}

/* ═══════════════════════════════════════════
   HEPSİMİS FOOTER v3 — CSS
   ═══════════════════════════════════════════ */
 
/* Footer Genel */
.footerTopTutucu, .footerGenelTutucu, .footerBankaTutucu { display: none; }
 
/* Logo + Sosyal Medya */
.hm-footer-top { text-align: center; padding: 40px 20px 28px; border-bottom: 1px solid #e8eeee; }
.hm-footer-top a { display: inline-block; }
.hm-footer-top img { width: 90px; height: auto; opacity: 0.85; transition: opacity 0.3s; }
.hm-footer-top img:hover { opacity: 1; }
.hm-footer-social { display: none; }
.hm-footer-social a { display: inline-flex; align-items: center; justify-content: center; width: 43px; height: 43px; border-radius: 50%; background: none; border: 1.5px solid #4abfbf; color: #4abfbf; font-size: 16px; text-decoration: none; transition: all 0.3s; }
.hm-footer-social a:hover { background: #4abfbf; color: #fff; transform: translateY(-2px); }
 
/* Tagline: HANDMADE · LOCAL · VEGAN */
.hm-footer-tagline {
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    color: #A0A0A0;
    white-space: nowrap;
    text-align: center;
    margin-bottom: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 0;
}
.hm-footer-tagline-dot {
    margin: 0 6px;
    opacity: 0.55;
    font-size: 16px;
}
.hm-footer-tagline-bracket {
    font-size: 32px;
    font-weight: 200;
    color: #A0A0A0;
    opacity: 0.35;
    margin: 0 8px;
    line-height: 0;
    position: relative;
    bottom: 2.5px;
}
 
/* E-Bülten Form Stilleri (Ticimax otomatik form) */
.hm-footer-ebulten .ebultenGelecek { margin-bottom: 16px; }
.hm-footer-ebulten .ebultenGelecek label { display: none; }
.hm-footer-ebulten .ebultenGelecek .newstext,
.hm-footer-ebulten .ebultenGelecek input[type="text"] { width: 100%; padding: 10px 14px; font-size: 12px; color: #5a7272; background: #fff; border: 1.5px solid #d0dede !important; border-radius: 6px; outline: none; transition: border-color 0.3s; box-sizing: border-box; height: auto !important; }
.hm-footer-ebulten .ebultenGelecek .newstext:focus,
.hm-footer-ebulten .ebultenGelecek input[type="text"]:focus { border-color: #4abfbf !important; }
.hm-footer-ebulten .ebultenGelecek .newsubmission,
.hm-footer-ebulten .ebultenGelecek a.newsubmission { display: inline-block; padding: 10px 20px; font-size: 12px; font-weight: 600; letter-spacing: 0.5px; color: #4abfbf !important; background: #fff !important; border: 1.5px solid #4abfbf !important; border-radius: 6px; cursor: pointer; transition: all 0.3s; text-decoration: none; margin-top: 10px; }
.hm-footer-ebulten .ebultenGelecek .newsubmission:hover,
.hm-footer-ebulten .ebultenGelecek a.newsubmission:hover { background: #4abfbf !important; color: #fff !important; }
.hm-footer-ebulten #divNewsLetter .newsletterContent { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.hm-footer-ebulten #divNewsLetter .newsletterContent .newstext { flex: 1; min-width: 0; }
.hm-footer-ebulten #divNewsLetter .newsletterContent .newsubmission { flex-shrink: 0; margin-top: 0; }
 
/* Ana Footer Konteyner */
.hm-footer-main { max-width: 1180px; margin: 0 auto; padding: 36px 12px 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
 
/* Sütunlar */
.hm-footer-col { padding: 0 16px; margin-bottom: 28px; }
.hm-footer-col--urun-cilt { width: 25%; }
.hm-footer-col--ihtiyac-kul { width: 25%; }
.hm-footer-col--kurumsal { width: 25%; }
 
/* E-Bülten */
.hm-footer-ebulten { width: 25%; padding: 0 16px; margin-bottom: 28px; }
.hm-footer-ebulten h5 { font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #2c3e50; margin-bottom: 14px; padding-bottom: 8px; border-bottom: 2px solid #4abfbf; display: inline-block; }
.hm-footer-ebulten p { font-size: 12px; color: #5a7272; line-height: 1.65; margin-bottom: 14px; }
.hm-footer-ebulten .ebultenGelecek { margin-bottom: 16px; }
.hm-footer-ebulten .etbis-logo { display: inline-block; margin-top: 4px; opacity: 0.7; transition: opacity 0.3s; }
.hm-footer-ebulten .etbis-logo:hover { opacity: 1; }
.hm-footer-ebulten .etbis-logo img { height: 48px; width: auto; }
 
/* Başlıklar (h5 ve h6 aynı stil) */
.hm-footer-col h5 { font-size: 18px; font-weight: 700; font-family: 'Cormorant Garamond', serif !important; color: #2c3e50; margin-bottom: 14px; padding-bottom: 8px; border-bottom: 2px solid #4abfbf; display: inline-block; }
.hm-footer-col h6 { font-size: 18px; font-weight: 700; font-family: 'Cormorant Garamond', serif !important; color: #2c3e50; margin-top: 24px; margin-bottom: 14px; padding-bottom: 8px; border-bottom: 2px solid #4abfbf; display: inline-block; }
 
/* Linkler */
.hm-footer-col ul { list-style: none; padding: 0; margin: 0; }
.hm-footer-col ul li { margin-bottom: 5px; }
.hm-footer-col ul li a { font-size: 13px; color: #5a7272; text-decoration: none; transition: color 0.25s, padding-left 0.25s; display: inline-block; line-height: 1.55; }
.hm-footer-col ul li a:hover { color: #4abfbf; padding-left: 4px; }
 
/* Alt Bar */
.hm-footer-bottom { border-top: 1px solid #e8eeee; padding: 16px 20px; text-align: center; }
.hm-footer-bottom p { font-size: 11px; color: #8fa5a5; letter-spacing: 0.3px; }
 
/* ═══ TABLET (769–1100px) ═══ */
@media (min-width: 769px) and (max-width: 1100px) {
    .hm-footer-main { flex-wrap: wrap; }
    .hm-footer-col--urun-cilt, .hm-footer-col--ihtiyac-kul { width: 50%; }
    .hm-footer-col--kurumsal { width: 50%; }
    .hm-footer-ebulten { width: 50%; padding: 0 16px; margin-bottom: 28px; }
    .hm-footer-ebulten h5 { width: 100%; }
    .hm-footer-ebulten p { flex: 1; min-width: 200px; margin-bottom: 0; }
    .hm-footer-ebulten .ebultenGelecek { flex: 1; min-width: 200px; }
}
 
/* ═══ MOBİL (max 768px) ═══ */
@media (max-width: 768px) {
    .hm-footer-main { padding: 0; flex-direction: column; }
    .hm-footer-col { width: 100% !important; padding: 0 16px; margin-bottom: 0; }
 
    /* Mobil sıralama */
    .hm-footer-col--urun-cilt { order: 1; }
    .hm-footer-col--ihtiyac-kul { order: 2; }
    .hm-footer-col--kurumsal { order: 3; }
    .hm-footer-ebulten { order: 4; }
 
    /* Accordion — h5 ve h6 aynı boyut, aralarında çizgi */
    .hm-footer-col h5 { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 19px 0; margin-bottom: 0; border-bottom: none; border-top: 1px solid #dde6e6; cursor: pointer; font-size: 19px; user-select: none; -webkit-user-select: none; }
    .hm-footer-col:first-child h5:first-child { border-top: none; }
    .hm-footer-col h5::after { content: '+'; font-size: 20px; font-weight: 300; color: #4abfbf; min-width: 20px; text-align: center; transition: transform 0.3s; }
    .hm-footer-col h5.active::after { content: '\2212'; }
 
    .hm-footer-col h6 { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 19px 0; margin-top: 0; margin-bottom: 0; border-bottom: none; border-top: 1px solid #dde6e6; cursor: pointer; font-size: 19px; user-select: none; -webkit-user-select: none; }
    .hm-footer-col h6::after { content: '+'; font-size: 20px; font-weight: 300; color: #4abfbf; min-width: 20px; text-align: center; transition: transform 0.3s; }
    .hm-footer-col h6.active::after { content: '\2212'; }
 
    .hm-footer-col ul { max-height: 0; overflow: hidden; transition: max-height 0.35s ease, padding 0.35s ease; padding: 0; }
    .hm-footer-col ul.open { max-height: 600px; padding-bottom: 14px; }
    .hm-footer-col ul li a { font-size: 14px; padding: 2px 0; }
 
    /* E-Bülten mobil: en altta, ortalı */
    .hm-footer-ebulten { width: 100%; text-align: center; padding: 28px 24px; border-top: 1px solid #dde6e6; margin-bottom: 0; }
    .hm-footer-ebulten h5 { display: inline-block; font-size: 12px; }
    .hm-footer-ebulten p { font-size: 13px; }
    .hm-footer-ebulten .ebultenGelecek { margin: 0 auto 16px; max-width: 320px; }
 
    .hm-footer-top { padding: 28px 16px 20px; }
    .hm-footer-top img { width: 72px; }
 
    /* Tagline mobil */
    .hm-footer-tagline { font-size: 11px; letter-spacing: 2.5px; margin-bottom: 32px; }
    .hm-footer-tagline-dot { margin: 0 4px; font-size: 13px; }
    .hm-footer-tagline-bracket { font-size: 24px; margin: 0 6px; }
}
 
/* ═══ Küçük mobil (max 380px) ═══ */
@media (max-width: 380px) {
    .hm-footer-tagline {
        font-size: 11px;
        letter-spacing: 2px;
    }
    .hm-footer-tagline-dot {
        margin: 0 3px;
        font-size: 11px;
    }
    .hm-footer-tagline-bracket {
        font-size: 22px;
        margin: 0 4px;
    }
}

/* Desktop'ta da arama ikonunu göster */
@media (min-width: 990px) {
  .searchClick {
    display: block !important;
    position: absolute;
    right: 155px;
    top: 0;
    font-size: 18px;
    color: #9b9b9b;
    cursor: pointer;
    line-height: 100px;
    z-index: 10;
  }
  .searchClick i {
    line-height: 100px;
    font-weight: 300;
  }
  .searchClick:hover {
    color: #69c2de;
  }
  .searchContent.active {
    display: block !important;
    height: auto !important;
    padding: 12px 15px !important;
    overflow: visible !important;
    width: 400px;
    position: absolute !important;
    top: 80px !important;
    right: 30px !important;
    left: auto !important;
    border: 1px solid #69c2de !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.10);
    background: #fff !important;
    z-index: 9999 !important;
  }
  .searchContent #btnKelimeAra {
    background: #69c2de !important;
    color: #fff !important;
    border-radius: 0 6px 6px 0 !important;
    border: none !important;
    transition: background 0.3s;
  }
  .searchContent #btnKelimeAra:hover {
    background: #415a68 !important;
  }
  .searchContent #txtbxArama {
    border: 1px solid #e1e1e1 !important;
    border-right: none !important;
    border-radius: 6px 0 0 6px !important;
  }
}

#liTabOdemeSecenekleri,
#liTabUrunOnerileri {
    display: none !important;
}

#divOzelAlan1, #divOzelAlan2, #divOzelAlan3, #divOzelAlan4, #divOzelAlan5 {
    font-size: 12px;
}

.owl-thumbsimg {
  display: none !important; 
}

.owl-thumbsimg,
.owl-dot,
.owl-dot.active {
  display: none !important;
}

#mainHolder_divDesign .ticimaxTabHead li.ticimaxTabHead_active a {
    background-color: #69c3df !important;
  }

.JKatAdi.categoryTitle .satir1 {
    font-size: 20px !important;
    color: #2c3e50 !important;
    display: inline-block;
}

/* Ürün özellikleri açıklaması içindeki linkler satır kırmasın */
#divTabOzellikler .urunTabAlt p a,
#divTabOzellikler .urunTabAlt p a:link,
#divTabOzellikler .urunTabAlt p a:visited,
#divTabOzellikler .urunTabAlt p a:hover,
#divTabOzellikler .urunTabAlt p a:active{
  display: inline !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  white-space: normal !important;

  color: #2980b9 !important;
  -webkit-text-fill-color: #2980b9 !important;
  text-decoration: none !important;
}

#divTabOzellikler .urunTabAlt p a { 
  float: none !important;
  clear: none !important;
}




/* =========================================================
   1) Varsayılan: tüm after'ları kapat
   ========================================================= */
.productName a::after{
  content: none !important;
}

/* =========================================================
   2) İNDİRİMSİZ ÜRÜNLER: (regularPrice YOK) => Genel kampanya metni
   ========================================================= */
.productItem:not(:has(.productPrice .regularPrice)) .productName a::after{
  content: "" !important;
  display: block !important;
  margin-top: 6px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #f09c4e !important;
  line-height: 1.3 !important;

  /* Mobilde clamp / ... riskine karşı */
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
}

/* =========================================================
   3) Yeni Üye Kampanya (JS ile eklenen)
   ========================================================= */
.productItem .productName .guestMsg{
  display: block !important;
  margin-top: 6px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #F09C4E !important;
  line-height: 1.3 !important;

  /* "..." kesilmesini engelle */
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
  max-width: 100% !important;
}

/* ✅ ÇAKIŞMA ÖNLEME:
   guestMsg varsa, indirimsiz ürünlerdeki "başka kampanya" after'ını gösterme */
.productItem:not(:has(.productPrice .regularPrice)) .productName:has(.guestMsg) a::after{
  content: none !important;
  display: none !important;
}

/* =========================================================
   4) HepsiMis Puan (JS ile eklenen)
   ========================================================= */
.productItem .productName .hmPointLine{
  display: block !important;
  margin-top: 6px !important;
  font-size: 9px !important;       /* istersen 10 yap */
  font-weight: 500 !important;
  color: #69C3DF !important;
  line-height: 1.3 !important;

  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.productItem .productName:has(.hmDealBadge) .hmPointLine{
    margin-top: 9px !important;
  }

@media (max-width: 768px){

  /* guestMsg VEYA hmDealBadge varsa → puanı aşağı it */
  .productItem .productName:has(.guestMsg) .hmPointLine{
    margin-top: 11px !important;
  }
  
  .productItem .productName:has(.hmDealBadge) .hmPointLine{
    margin-top: 8px !important;
  }

  /* ikisi de yoksa → normal boşluk */
  .productItem .productName:not(:has(.guestMsg)):not(:has(.hmDealBadge)) .hmPointLine{
    margin-top: 6px !important;
  }
}


/* =========================================================
   5) Üst üste binmeyi önle: productName otomatik uzasın
   ========================================================= */
.productItem .productName:has(.guestMsg),
.productItem .productName:has(.hmPointLine){
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
}

/* =========================================================
   6) İNDİRİMLİ ÜRÜNLER: (regularPrice VAR) => Fırsat Ürünü badge
   ========================================================= */
/* Fırsat badge satırı */
.productItem .productName .hmDealBadge{
  display: block !important;
  margin-top: 6px !important;
  margin-bottom: 12px;
  overflow: visible !important;
}

@media (max-width: 767px) {
.productItem .productName .hmDealBadge{
  margin-bottom: 17px;
  }
}

/* Badge linki – kırpılmayı engelleyen final stil */
.productItem .productName .hmDealBadge a{
  display: inline-block !important;

  /* 🔹 Daha mini padding */
  padding: 3px 8px !important;

  border-radius: 999px !important;

  /* 🔹 Daha küçük font */
  font-size: 10px !important;
  font-weight: 600 !important;

  /* 🔹 Satır yüksekliği küçültüldü */
  line-height: 1.2 !important;
  letter-spacing: .2px !important;

  background: #f09c4e !important;
  color: #fff !important;
  text-decoration: none !important;

  white-space: nowrap !important;
}


/* productName container çocukları kırpmasın (badge/puan/guestMsg kesilmesin) */
.productItem .productName{
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
  display: block !important;

  /* clamp'ı kesin kapat */
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
}

/* ================================
   Ürün İç Sayfa Ana kampanya mesajı
================================ */
#divIndirimsizFiyat .guestMsg{
  display: block !important;
  margin-top: 10px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  color: #F09C4E !important;
}

#divIndirimsizFiyat .guestMsgActions{
  display:block !important;
  margin-top: 10px !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  color: #8E8E93 !important;
}

#divIndirimsizFiyat .guestLink{
  color: inherit !important;        /* normalde metin rengi */
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: color .2s ease;       /* yumuşak geçiş */
}

/* Hover rengi (HepsiMis turkuazı) */
#divIndirimsizFiyat .guestLink:hover{
  color: #69C3DF !important;        /* turkuaz */
}


/* =================================
   Ürün İç Sayfa Açıklama metni
================================= */
#divIndirimsizFiyat .guestMsgDesc{
  display: block !important;
  margin-top: 8px !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  color: #8E8E93 !important;
}

/* =================================
   Ürün İç Sayfa HepsiMis Puan Satırı
================================= */
.hmPointLinePDP{
  display: block !important;
  margin-top: 10px !important;          /* 🔥 üst boşluk */
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #69C3DF !important;            /* eski mavi ton */
  line-height: 1.4 !important;
}

/* Tooltip wrapper metni bozmasın */
.hmPointTooltip{
  color: inherit !important;            /* 🔥 siyaha dönmesini engeller */
  font-weight: inherit !important;
  position: relative !important;        /* tooltip konum referansı */
  display: inline-block !important;
  cursor: help;
}

/* Tooltip içeriği (balon) */
.hmPointTooltip::after{
  content: attr(data-tooltip) !important;
  position: absolute !important;
  left: 0 !important;
  bottom: calc(100% + 8px) !important;

  background: #2f2f2f !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 400 !important;

  padding: 6px 8px !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.15) !important;

  white-space: nowrap !important;
  z-index: 9999 !important;

  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(4px) !important;
  transition: all .18s ease !important;

  pointer-events: none !important;
}

/* Hover olunca göster */
.hmPointTooltip:hover::after{
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

/* Mobilde biraz daha nefes */
@media (max-width: 768px){
  .hmPointLinePDP{
    margin-top: 12px !important;
  }

  /* Mobilde taşma riskine karşı tooltip satır kırabilsin */
  .hmPointTooltip::after{
    white-space: normal !important;
    max-width: 260px !important;
  }
}

/* =========================================================
   KALICI ÇÖZÜM - ÜST ÜSTE BİNME ENGELLENİYOR
   ========================================================= */

/* 1) Parent container'lar yükseklik sınırlamasını kaldır */
.productItem {
  height: auto !important;
  min-height: auto !important;
}

.productItem .productDetail {
  height: auto !important;
  min-height: auto !important;
  overflow: visible !important;
}

/* 2) productName'in kendisi */
.productItem .productName {
  height: auto !important;
  max-height: none !important;
  min-height: auto !important;
  overflow: visible !important;
  display: block !important;
  
  /* Clamp'ı kesin kapat */
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
  
  /* Alt boşluk garanti */
  margin-bottom: 15px !important;
  padding-bottom: 0 !important;
}

/* 3) productName içindeki <a> linki */
.productItem .productName a {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  white-space: normal !important;
  
  /* Clamp varsa kaldır */
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
}

/* 4) guestMsg için */
.productItem .productName .guestMsg {
  display: block !important;
  margin-top: 8px !important;
  margin-bottom: 6px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #F09C4E !important;
  line-height: 1.4 !important;

  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
  max-width: 100% !important;
  height: auto !important;
}

/* 5) hmPointLine için */
.productItem .productName .hmPointLine {
  display: block !important;
  margin-top: 6px !important;
  margin-bottom: 10px !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  color: #69C3DF !important;
  line-height: 1.4 !important;

  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  height: auto !important;
}


#divOzelAlan2 img {
  width: 100%;
  max-width: 70%;
  height: auto;
  display: block;
  margin: left;
}

/* Mobil */
@media (max-width: 768px) {
  #divOzelAlan2 img {
    max-width: 100%;
  }
}

/* KAMPANYA */


@media (max-width:767px) {
    #pnlSlider .flex-control-nav { bottom: 7px !important; }
}

.navigation .HeaderMenu2 > li > a[href="/firsat"] {
    color: #f09c4e !important;
    font-weight: 800;
}

@media screen and (max-width: 1191px) {
    .mobilMenu .navUl a[href="/firsat"] {
        color: #f09c4e !important;
        font-weight: 800 !important;
    }
}

a.productName,
a.productName.detailUrl,
.productName a {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  height: auto !important;
}

.cargoIcon { display: none !important; }

.Block_item.ArkadasiniDavetetBlock .Block_Title span { font-size: 18px; border-bottom: 0px; text-align: center !important; }

.Block_item .Block_Title { border-bottom: 0px !important; }

.ArkadasiniDavetetBlock .Block_Text { background-color: transparent !important; }

.ozelAlan1 { background-color: #69c2de !important; }

#liArkadasDavetLinkAciklama .alert.alert-success { text-align: center !important; }

#liPaylasmaLink { text-align: center !important; }

#divEtiketler { margin-top: 40px !important; }

#twitter-widget-0 { display: none !important; }

.stories.carousel .story>.item-link>.item-preview img {border-radius: 90px; border: 3px solid #55c2e1; }

#ticimaxStories { padding-top: 35px; }

@media (max-width: 767px) { #ticimaxStories { padding-top: 20px !important; } }

@media (max-width: 767px) { img.bodrum-web { display: none !important; } }

@media (min-width: 768px) { img.bodrum-mobil { display: none !important; } }

.ArkadasiniDavetetBlock .Block_Text #divUyeGiris { margin-bottom: 25px; text-align: center !important; }

.ArkadasiniDavetetBlock hr { border-top: 0px !important; }

.ArkadasiniDavetetBlock .textbox { font-size: 16px; text-align: center !important; }

.fa-instagram { font-size: 35px !important; }

.ArkadasiniDavetetBlock button.accordion { font-weight: 100 !important; }

.centerCount .Block_item.ArkadasiniDavetetBlock { width: 70% !important; }

#mainHolder_divDesign .ProductListnext { right: -20px !important; border-radius: 0px !important; }

#mainHolder_divDesign .ProductListprev { left: -20px !important; border-radius: 0px !important; }

#mainHolder_divDesign .ProductListprev:before { font-size: 25px !important; line-height: 40px !important; }

#mainHolder_divDesign .ProductListnext:before { font-size: 25px !important; line-height: 40px !important; }

#mainHolder_divDesign .ProductListprev, #mainHolder_divDesign .ProductListnext { width: 20px !important; height: 40px !important;}

#mainHolder_divDesign .design-bg-1 { background-color: #eec4c905 !important; }

#divTaksitContainer { display: none !important; }

#spanHediyePaketiTutari { display: none !important; }

#divStokYok { margin: 15px 0px 0px !important; }

.ProductIcon2 { padding-bottom: 20px !important; }

.ProductIcon.hidden-phone { margin-top: 30px; !important; }

.ticiFooterContent .ticiBankaLogo { padding: 15px 0; background-color: #eec4c905 !important; }

#divSonZiyaretEdilenUrunler { padding-top: 60px !important; }
  
.navigation .HeaderMenu2 > li > a { padding: 0px 9px !important; }

.span.iletisimLeftFaks { display: none; }

.UKarsilastirma { display: none; }

.FiyatHaberVer { display: none; }

.urunListeUyeGirisUyari { text-align: left; margin-top: 10px; }

.resimOrginal { 
    margin-top: 10px;
    margin-bottom: 10px;
 }

.afterClear,
.gridLeft:after,
.listAdd:after,
.gender:after { clear: both; display: table; content: ""; }

/* ================================================ */
* { margin: 0; outline: 0; padding: 0; }

body { background: #ffffff; color: #000; font-family: 'Roboto', sans-serif !important; font-weight: normal; margin: 0; padding: 0; }

#overlay { opacity: .5; position: fixed; bottom: 0; left: 0; top: 0; width: 100%; height: 100%; background: #000000; -webkit-transition: -webkit-transform 300ms ease; -moz-transition: -moz-transform 300ms ease; -o-transition: -o-transform 300ms ease; transition: transform 300ms ease; z-index: 3; display: none; }

#overlay.active { display: block; }

body.topOverlay #overlay { -webkit-transform: translate(0, 52px); -ms-transform: translate(0, 52px); -o-transform: translate(0, 52px); transform: translate(0, 52px); }

body.topOverlay form { width: 100%; box-shadow: none; -webkit-box-shadow: none; -webkit-transform: translate(0, 52px); -ms-transform: translate(0, 52px); -o-transform: translate(0, 52px); transform: translate(0, 52px); }

 
body.sepetimBody form { -webkit-overflow-scrolling: inherit; -webkit-transform: inherit; transform: inherit; }

html { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; }

*,
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

label input { margin-right: 5px; }

#cb3DSecureOdeme { margin-right: 8px; }

img { border: none; max-width: 100%; }

ol, ul { list-style: none; }

a { text-decoration: none; color: #69c2de; }

body, td, th, input, textarea, select, a { font-size: 15px; }

.clear { clear: both; }

.bordernone { border: none !important; }

.textarea { font-family: "Roboto", sans-serif !important; border: solid 1px #DDDDDD; padding: 4px; width: 94%; height: 80px; resize: none; color: #777777; background-color: transparent; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; /* Safari */ }

.textbox { font-family: "Roboto", sans-serif !important; border: 1px solid #ccc; color: #666666; display: block; font-size: 12px; width: 100%; padding: 8px 8px; margin: 0 0 8px 0; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; /* Safari */ }

.Block_item .button { display: block; width: 100%; }

.button { cursor: pointer; background: #69c2de; color: #FFFFFF; padding: 8px 10px; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; margin: 0 0 8px 0; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

.button:hover { background-color: #000; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; }

.selectboxx { border: 1px solid #DDDDDD; width: 100%; padding: 0 10px; height: 40px; }

.validate,
.validateSol,
.validateOrta { position: absolute; right: 1.5%; top: -35px; display: table; background-color: #366f2a; color: #fff; border-radius: 5px; padding: 0 10px; }

.validate .validateOk,
.validateSol .validateSolOk,
.validateOrta .validateOrtaOk { background-color: #366f2a; position: absolute; right: 10px; bottom: -5px; width: 10px; height: 10px; display: block; border-radius: 0 0 0px 15px; }

.cloudzoom-zoom { z-index: 999; }

#showhideButton { top: 9px !important; }

.password-verdict { color: #000 !important; display: block !important; white-space: nowrap; }

body { -webkit-text-size-adjust: 100%; }

input[type="submit"], button[type="submit"], input[type="button"], button { border: none; }

.clearfix { content: ''; clear: both; display: block; float: left; width: 100%; }

.clearfix:after, .clearfix:before { content: ''; clear: both; display: block; float: left; width: 100%; }

textarea { resize: none; }

textarea, input[type="text"], input[type="password"] { height: 40px; padding-left: 10px; border: 1px solid #ddd; color: #777; background: transparent; }

textarea:focus, input[type="text"]:focus, input[type="password"]:focus { background: #F1F1F1; }

input[type="submit"] { border: none; cursor: pointer; }

select { height: 40px; padding: 0 17px 0 10px; line-height: 30px; border: 1px solid #ddd; color: #777; }

.col-xs-1, .col-sm-1,
.col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2,
.col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3,
.col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4,
.col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5,
.col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6,
.col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7,
.col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8,
.col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9,
.col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10,
.col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11,
.col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12,
.col-md-12, .col-lg-12 { padding: 0 10px; }

.row { margin: 0 -10px; }

.divYorumYaz, #yorumYaz{ /*min-height: 220px;*/ }

.homeContainer .centerCount .jCarouselLite { padding: 0; border-bottom: 1px solid #e1e1e1; padding-bottom: 40px; }

.jCarouselLite, .jCarouselLite2 { width: 100% !important; }

.markaSlider .jCarouselLite ul li  { height:100px; }

.markaSlider .jCarouselLite ul li a img { max-width: 100%; max-height:100%; }

.jCarouselLite { width: 100% !important; float: left; z-index: 0 !important; overflow: hidden; margin-bottom: 40px; }

.jCarouselLite .productItem, .jCarouselLite2 .productItem { float: left; width: 100% !important; margin: 0 !important; padding: 0 !important; }

.JKatAdi { font-size: 16px; float: left; padding: 15px 0; margin: 15px 0 25px 0 !important; width: 100%; float: left; }

.detaySliderContainer .bold { /* display: block; */ border-bottom: 1px solid #e1e1e1; display: block; height: 10px; margin-bottom: 15px; text-align: center; }

.detaySliderContainer .bold .satir1 { display: inline-block; padding: 0 0 0 0; font-size: 18px; font-weight: 600; display: inline-block; background-color: #eec4c905; padding: 0 70px; }


.owl-nav { }

.ProductListprev { font-size: 0; float: left; cursor: pointer; position: absolute; left: 15px; text-align: center; top: 50%; margin-top: -25px; width: 40px; height: 40px; background: #e6e4e6; }

.ProductListprev:after { font-family: 'FontAwesome'; color: #a1a1a1; font-size: 16px; content: "\f053"; line-height: 40px; }

.ProductListprev:hover { background: #69c2de; }

.ProductListprev:hover:after { color: #fff; }

.ProductListnext { font-size: 0; float: left; cursor: pointer; position: absolute; right: 15px; text-align: center; top: 50%; margin-top: -25px; width: 40px; height: 40px; background: #e6e4e6; }

.ProductListnext:after { font-family: 'FontAwesome'; color: #a1a1a1; font-size: 16px; content: "\f054"; line-height: 40px; }

.ProductListnext:hover { background: #69c2de; }

.ProductListnext:hover:after { color: #fff; }


/* ================================================== */
/* SAYFAYI YAZDIR                                     */
/* ================================================== */
.PrintArea { width: 960px; margin: 0px auto; background-color: #FFF; overflow: hidden; }

.printresim { width: 30%; height: 200px; float: left; }

.printdetay { width: 70%; float: left; }

.printdetay div { padding-top: 5px; padding-bottom: 5px; min-height: 10px; }

.printurunadi { font-size: 16px; }

.printfiyat { font-size: 16px; }

.printtaksit { width: 960px; float: left; }

.printtaksit .taksitLine { background-color: #FFF !important; }

.printtaksit .taksitLine .taksitLineNo { width: 114px; }

.printtaksit .taksitLine div { background-color: #FFF !important; }

.printkdvdahil { font-size: 16px; }


/* ================================================== */
/* HESABIM                                            */
/* ================================================== */
.HesabimBilgi { width: 100%; line-height: 25px; }

.HesabimBilgi b { font-weight: 700; }

.userMenu { list-style: none; position: relative; display: inline-table; width: 100%; background-color: #fff; margin-bottom: 10px; }

.userMenu li { display: block; position: relative; float: left; width: 100%; color: #414040; font-size: 13px; font-weight: 600; margin-bottom: 5px; }

.userMenu li a { display: block; font-size: 13px; color: #0e0e0e; padding: 5px; line-height: 30px; background: #eaeaea; }

.userMenu li:hover a { color: #fff; background: #69c2de; }


/* ================================================== */
/* ÜYELİK BİLGİLERİM                                  */
/* ================================================== */
.span { width: 100%; position: relative; float: left; }

.span > label { display: block; line-height: 36px; font-weight: 500; font-size: 12px; clear: left; }

.span > label .validate { top: 0; }

.span .labelGender { float: left; }

.span .spanGender { float: left; margin-left: 10px; text-align: center; }

.span .spanPass { text-align: left; margin-top: 10px; }

.span .spanPass input { float: left; width: auto; margin-right: 10px; }

.span .spanPass label { float: left; width: auto; color: #FF0000; line-height: 34px; font-weight: 700; }

.dateofbirth input { border: 1px solid #DDDDDD !important; height: 25px !important; }


/* ================================================== */
/* ADRES DEFTERİM                                     */
/* ================================================== */
.HesabimAdresContent { margin-bottom: 15px; }

.HesabimAdresContent .col-md-6 { padding: 2%; width: 49%; margin-right: 1%; margin-bottom: 1%; height: 180px; float: left; background-color: #eaeaea; position: relative; }

.HesabimAdresContent .UyelikBilgilerimContent { overflow: hidden; margin-bottom: 10px; float: left; }

.HesabimAdresContent .UyelikBilgilerimContent .row { background-color: transparent; height: auto; margin-left: 0; margin-right: 0; }

#mainHolder_btnKaydet, #mainHolder_btnVazgec { margin-top: 10px; }

.HesabimAdresContent .row:nth-child(2n) { margin-right: 0px; }

.HesabimAdresContent .row .span { margin-bottom: 0px; float: left; }

.HesabimAdresContent .row .span .textarea { background-color: #fff; }

.HesabimAdresContent .row .span.BireyselKurumsal { margin-top: 22px; margin-bottom: 17px; }

#mainHolder_rblFaturaTipi tr { display: block; float: left; margin-right: 10px; }

#mainHolder_rblFaturaTipi tr input { float: left; margin-right: 5px; }

#mainHolder_rblFaturaTipi tr label { float: left; line-height: 35px; }

#mainHolder_btnEkle { position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -30px; }

.fancybox-inner .row { padding: 2%; width: 45.5%; margin-right: 1%; margin-bottom: 1%; height: 130px; float: left; background-color: #f8f8f8; position: relative; }

.fancybox-inner .UyelikBilgilerimContent { overflow: hidden; margin-bottom: 7px; background-color: #f8f8f8; padding: 0 10px 10px 0; }

.fancybox-inner .UyelikBilgilerimContent .row { background-color: transparent; height: auto; }

.fancybox-inner .UyelikBilgilerimContent input { background-color: #FFF; }

.fancybox-inner .row:nth-child(2n) { margin-right: 0px; }

.fancybox-inner .row .span { margin-bottom: 0px; line-height: 20px; }

.fancybox-inner .row .span .textarea { background-color: #fff; }

.fancybox-inner .row .span.BireyselKurumsal { margin-top: 22px; margin-bottom: 17px; }

#rblFaturaTipi tr { display: block; float: left; margin-right: 10px; }

#rblFaturaTipi tr input { float: left; width: 20px; margin-top: 3px; }

#rblFaturaTipi tr label { float: left; }

.btn-inverse { position: absolute; bottom: 10px; right: 10px; }

.btn-inverse2 { position: absolute; bottom: 10px; right: 50px; }

.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] { padding-left: 48px !important; width: 100% !important; }

/* ================================================== */
/* LİSTEM                                             */
/* ================================================== */
.Listem { width: 100%; }

.Listem .ListemItem { width: 100%; overflow: hidden; border-bottom: solid 1px #CCC; }

.Listem .ListemItem.Title { background-color: #f5f5f5; border-bottom: solid 1px #cccccc; padding: 10px 0; }

.Listem .ListemItem.Title div { padding: 0; padding-left: 1%; }

.Listem .ListemItem div { float: left; padding-top: 5px; padding-bottom: 5px; overflow: hidden; }

.Listem .ListemItem .line1 { width: 9%; padding-left: 1%; }

.Listem .ListemItem .line1 img { max-width: 100%; max-height: 60px; }

.Listem .ListemItem .line2 { width: 15%; padding-left: 1%; }

.Listem .ListemItem .line2 img { max-width: 100%; max-height: 60px; }

.Listem .ListemItem .line3 { width: 20%; padding-left: 1%; }

.Listem .ListemItem .line4 { width: 17%; }

.Listem .ListemItem .line4 a { margin-top: 5px; }

.Listem .ListemItem .line6 { float: right; }

.Listem.HediyeKuponlarim .ListemItem .line1 { width: 22%; }

.Listem.HediyeKuponlarim .ListemItem .line2 { width: 21%; }

.Listem.HediyeKuponlarim .ListemItem .line3 { width: 16%; }

.Listem.HediyeKuponlarim .ListemItem .line4 { width: 16%; padding-left: 1%; }

.Listem.HediyeKuponlarim .ListemItem .line5 { width: 20%; padding-left: 1%; }

/* ================================================== */
/* SİPARİŞLERİM                                       */
/* ================================================== */
.Siparislerim { margin-bottom: 10px; }

.Siparislerim .Title div { font-weight: 700; font-size: 13px; }

.Siparislerim .ListemItem.Title div { padding: 0; height: auto; }

.Siparislerim .ListemItem { border-top: 0px solid #ccc; height: 35px; line-height: 35px; }

.Siparislerim .ListemItem div { font-size: 12px; padding: 0 !important; }

.Siparislerim .ListemItem .line1 { width: 20%; padding-left: 1%; text-align: center; }

.Siparislerim .ListemItem .line2 { width: 17%; text-align: center; }

.Siparislerim .ListemItem .line3 { width: 13%; padding-left: 1%; text-align: center; }

.Siparislerim .ListemItem .line4 { width: 16%; padding-left: 1%; text-align: center; }

.Siparislerim .ListemItem .line5 { width: 17%; text-align: center; }

.Siparislerim .ListemItem .line6 { width: 17%; text-align: center; }

.Siparislerim .ListemItem .line6 a { color: #ff0000; text-decoration: underline; }

/* ================================================== */
/* PARAPUAN                                           */
/* ================================================== */
.paraPuan > div { padding: 10px; }

.paraPuan + a { padding: 10px; }

.paraPuan .parapuanTable { width: 98%; overflow: hidden; border-bottom: solid 1px #CCC; padding: 1%; margin-bottom: -1px; }

.paraPuan .parapuanTable.Title { padding: 0; padding-left: 1%; width: 99%; background-color: #F5F5F5; }

.paraPuan .parapuanTable .paraline1 { width: 18%; float: left; padding: 1%; }

.paraPuan .parapuanTable .paraline2 { width: 58%; float: left; padding: 1%; }

.paraPuan .parapuanTable .paraline3 { width: 18%; float: left; padding: 1%; text-align: center; font-weight: 700; }

/* ================================================== */
/* DESTEK TALEPLERİM                                  */
/* ================================================== */
.DestekTalepDetay { width: 97.7%; border: 1px solid #ddd; margin: 5px 0; padding: 1%; }

.DestekTalepCevapLine { background-color: #f5f5f5; margin: 5px 0; padding: 5px; border: 1px solid #ddd; }

.DestekTalepDetay .span { overflow: hidden; }

.DestekTalepCevapLine:nth-child(2n+1) { background-color: #fff; margin: 5px 0; padding: 5px; }

.DestekTaleplerim .Title { height: 40px; line-height: 40px; }

.Listem.DestekTaleplerim .ListemItem .line1 { width: 3%; }

.Listem.DestekTaleplerim .ListemItem .line2 { width: 10%; }

.Listem.DestekTaleplerim .ListemItem .line3 { width: 50%; }

.Listem.DestekTaleplerim .ListemItem .line4 { width: 12%; }

.Listem.DestekTaleplerim .ListemItem .line5 { width: 11%; }

.Listem.DestekTaleplerim .ListemItem .line6 { width: 11%; }

.Listem.DestekTaleplerim .ListemItem .line6.DestekButton .button { float: right; margin-top: 5px; }

.YeniDestek { width: 100%; height: 60px; position: relative; }

.DestekTaleplerimContent #mainHolder_btnEkle { position: static; float: right; margin: 0px; margin-top: 10px; margin-bottom: 20px; }

.DestekTaleplerimContent .row .span { position: relative; height: 40px; overflow: visible; }

.DestekTaleplerimContent .row .span div { float: left; height: 31px; line-height: 31px; }

.DestekTaleplerimContent .row .span .Left { width: 10%; }

.DestekTaleplerimContent .row .span .Center { width: 3%; }

.DestekTaleplerimContent .row .span .Right { width: 86%; }

.DestekTaleplerimContent .row .span #mainHolder_btnKaydet { float: right; width: 20%; }

.DestekTaleplerimContent .row .span #mainHolder_btnVazgec { float: right; width: 20%; margin-right: 10px; }

.DestekTaleplerimContent textarea { margin-bottom: 10px; }

.DestekTalepDetay .span div { float: left; }

/* ================================================== */
/* İLETİŞİM                                           */
/* ================================================== */
.iletisimContent { background-color: #FFF; margin-top: 0; padding-bottom: 20px; }

.iletisimRight { float: none !important; }

.iletisimContent { padding-left: 0; padding-right: 0; }

.iletisimLine { margin-bottom: 10px; min-height: 30px; line-height: 30px; position: relative; }

.iletisimLine .Left { display: inline-block; width: 20%; float: left; }

.iletisimLine .Center { display: inline-block; font-weight: 700; width: 2%; float: left; }

.iletisimLine .Right { display: inline-block; width: 40%; float: left; }

.iletisimbanka { width: 100%; padding: 1%; border: solid 1px #dadada; background-color: #fafafa; overflow: hidden; }

.iletisimContent .categoryTitle { border-bottom: solid 7px #e4e4e4; margin-bottom: 35px; }

.iletisimContent .span { padding: 10px; width: 100%; overflow: hidden; }

.iletisimContent .span > div { float: left; min-height: 30px; line-height: 30px; width: 15%; }

.iletisimContent .span .Center { width: 2%; }

.iletisimContent .span .Right { width: 83%; }

.iletisimContent .span .line1 { width: 100%; min-height: 50px; margin-bottom: 5px; }

.iletisimContent .span .line1 div { width: 41%; float: left; min-height: 50px; }

.iletisimContent .span .line1 .line2 { text-align: center; width: 23%; }

.iletisimContent .span .line1 .line3 { text-align: center; width: 16%; }

.iletisimContent .span .line1 .line4 { text-align: right; float: right; width: 20%; }

.iletisimContent .span .line1 div span { display: block; min-height: 25px; }

.iletisimContent .span .line2 { width: 100%; min-height: 25px; }

.iletisimContent .span > .line3 { border-bottom: solid 1px #CCC; }

.iletisimContent .line2 .line1 { width: 70%; float: left; /* height: 25px; */ line-height: 25px; }

.iletisimContent .line2 .line2 { float: right; width: 30%; text-align: right; }

.iletisimContent .span .line3 { width: 100%; }

.iletisimContent .span .line3 .line1 { width: 100%; }

.iletisimContent .span .line3 .line1 span { float: left; }

.iletisimForm { width: 100%; margin-top: 20px; border: solid 1px #dadada; overflow: hidden; padding: 1%; }

.iletisimForm .row { width: 50%; border: none; float: left; padding: 0; }

.iletisimForm .row .span { height: 70px; position: relative; overflow: visible; margin-bottom: 0px; }

.iletisimForm .row .span .captchaImageBox { float: left; width: 30%; }

.iletisimForm .row .span .captchaInputBox { width: 69%; }

#mainHolder_TiciCaptcha_ImgCaptcha { width: 100px; }

.iletisimForm .row .span .captchaInputBox input { float: left; }

.iletisimForm .row .span #mainHolder_btnGonder { width: 160px; float: right; }

.iletisimForm .textarea { height: 110px; }

.iletisimForm .row.rowLeft { margin: 0; padding-right: 5px; }

.iletisimForm .row.rowRight { margin: 0; padding-left: 5px; }

.iletisimLeft.row { margin: 0; }

.iletisimRight.row { margin: 0; }

.iletisimForm .row .span.iletisimBtn {width: auto; }

@media (max-width:767px) {
    .iletisimForm .row { width: 100%; }

    .iletisimForm .row .span { height: auto; }

    .iletisimContent .span > div { float: none; width: 100%; }

    .iletisimContent .span .Center { display: none; }

    .iletisimForm .row .span #mainHolder_btnGonder { float: none; }

    .iletisimContent .span .line1 div { width: 25% !important; }

    .iletisimContent .span .line2 { float: left; min-height: 30px; }

    .iletisimContent .line2 .line1 { width: 50%; }

    .iletisimContent .line2 .line2 { width: 50%; }
}

/* ================================================== */
/* ÜYE OL                                             */
/* ================================================== */
.UyeolContent { margin: 15px 0; }

.UyeGirisiContent, .UyeolContent { padding-left: 0; padding-right: 0; }

.newuserForm { color: #0e0e0e; line-height: 35px; overflow: hidden; }

.newuserForm > div.FormTitle { width: 100%; text-align: center; font-size: 30px; line-height: 50px; color: #000000; }

.FormTitle p { font-size: 14px; margin: 0px auto; line-height: 22px; display: block; width: 50%; }

.gridLeft { position: relative; float: left; width: 100%; margin-bottom: 10px; }

.gridLeft a { text-decoration: underline; }

.gridLeft input[type="checkbox"] { float: left; margin-right: 5px; }

.gridLeft label { line-height: 1.2; display: block; margin-bottom: 5px; }

.intl-tel-input { width: 100%; }

.dateofbirth select { float: left; width: 32%; margin-right: 2%; }

.dateofbirth select:nth-child(3n) { margin-right: 0; }

.gender label { float: left; display: block; }

.gender input { float: left; margin-right: 3px; }

.uyeolButton { width: 100%; }

/* ================================================== */
/* ÜYE GİRİŞİ                                         */
/* ================================================== */
.Login { border: solid 1px #DDDDDD; padding: 2% 5% 2% 4% !important; width: 100%; background-color: #FBFBFB; height: auto; margin: 10px 0; }

.Login.LoginSag { float: right; }

.Login h4 { font-size: 22px; display: block; text-align: center; border-bottom: solid 1px #CCC; margin-bottom: 10px; }

.forgetpasword { text-decoration: none; float: right; color: #000000; }

.userloginButton { width: 80px; margin-top: 10px; }

.facebooklogin { margin-top: 40px; display: block; float: left; }

.grid .validate, .validateSol, .validateOrta { top: -7px; }

.gridLeft .validateSol { left: -0.5%; top: -30px; }

.gridLeft .validateSol .validateSolOk { border-radius: 0 0 15px; bottom: -5px; left: 10px; }

.gender table { width: 30%; clear: both; }

.doFaceBookLogin { color: #fff; background-color: #3b5998; border-color: rgba(0, 0, 0, 0.2); padding: 10px 20px; width: 82%; cursor: pointer; font-size: 15px; line-height: 1.33; border-radius: 6px; text-align: center; margin-top: 5px; display: inline-block; }

.uyeliksiz:hover, .hizliuyelik:hover { background: #0e0e0e; }

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

.baglanButton { line-height: 36px; display: block; text-align: center; font-size: 14px; background-color: #555; color: #FFF; margin: 10px 0; }

.baglanButton input { border: 1px solid transparent; width: 100%; height: 100%; line-height: 36px; display: block; background-color: transparent; cursor: pointer; text-indent: -9999pt; }

#mainHolder_SocialLogin_divFacebookLoginContainer.baglanButton { background: url(/App_Themes/Default/facebookbaglan.png) no-repeat center center #3b5998; text-indent: -9999pt; }

#mainHolder_SocialLogin_divTwitterLoginContainer.baglanButton { background: url(/App_Themes/Default/twitterbaglan.png) no-repeat center center #2ba9e1; text-indent: -9999pt; }

#mainHolder_SocialLogin_divGoogleLoginContainer.baglanButton { background: url(/App_Themes/Default/googlebaglan.png) no-repeat center center #dd4b39; text-indent: -9999pt; }

#SocialLogin_divFacebookLoginContainer.baglanButton { background: url(/App_Themes/Default/facebookbaglan.png) no-repeat center center #3b5998; text-indent: -9999pt; }

#SocialLogin_divTwitterLoginContainer.baglanButton { background: url(/App_Themes/Default/twitterbaglan.png) no-repeat center center #2ba9e1; text-indent: -9999pt; }

#SocialLogin_divGoogleLoginContainer.baglanButton { background: url(/App_Themes/Default/googlebaglan.png) no-repeat center center #dd4b39; text-indent: -9999pt; }

/* ================================================== */
/* ŞİFREMİ UNUTTUM                                    */
/* ================================================== */
.SifremiUnuttum { margin-top: 30px; }

.SifremiUnuttum p { line-height: 25px; }

.SifremiUnuttum #mainHolder_txtbxMail { margin-bottom: 20px; }

.SifremiUnuttum .button { padding: 10px; float: right; }

.SifremiUnuttumInput { position: relative; margin-top: 10px; }

.SifremiUnuttumInput .validate { left: auto; right: 0; top: -38px; }

.SifremiUnuttumInput .validateSol { left: 0; right: auto; top: -38px; }

.SifremiUnuttumInput .validateSol .validateSolOk { border-radius: 0 0 15px; bottom: -5px; left: 10px; }

.SifremiUnuttum .line { min-height: 32px; line-height: 32px; margin-bottom: 5px; position: relative; }

.SifremiUnuttum .line .Center { width: 4%; float: left; }

.SifremiUnuttum .line .Right { width: 66%; float: left; }

/* ================================================== */
/* TAKSİT SEÇENEKLERİ                                 */
/* ================================================== */
.taksitBlok { width: 25%; height: auto; float: left; line-height: 20px; }

.taksitBaslik { width: 100%; height: 20px; text-align: center; }

.taksitLine { width: 101%; }

.taksitLine .tak { width: 39.1%; height: 20px; overflow: hidden; border-bottom: solid 1px #FFF; border-right: solid 1px #FFF; font-size: 10px; float: left; color: #000; text-align: center; }

.taksitLine .tak.Taksit { background-color: #ededed; width: 21%; }

.taksitBaslik1 { background: url(https://static.ticimax.cloud/39477/Uploads/BankaLogo/1.png) center center no-repeat #7cc242; }

.taksitBaslik2 { background: url(https://static.ticimax.cloud/39477/Uploads/BankaLogo/2.png) center center no-repeat #fdbf57; }

.taksitBaslik3 { background: url(https://static.ticimax.cloud/39477/Uploads/BankaLogo/3.png) center center no-repeat #6950a2; }

.taksitBaslik4 { background: url(https://static.ticimax.cloud/39477/Uploads/BankaLogo/4.png) center center no-repeat #e01d6e; }

.taksitBaslik5 { background: url(https://static.ticimax.cloud/39477/Uploads/BankaLogo/5.png) center center no-repeat #ed1c24; }

.taksitBaslik6 { background: url(https://static.ticimax.cloud/39477/Uploads/BankaLogo/6.png) center center no-repeat #00a6d4; }

.taksitBaslik7 { background: url(https://static.ticimax.cloud/39477/Uploads/BankaLogo/7.png) center center no-repeat #ee3623; }

.taksitBaslik8 { background: url(https://static.ticimax.cloud/39477/Uploads/BankaLogo/8.png) center center no-repeat #00aedb; }

.taksitBaslik9 { background: url(https://static.ticimax.cloud/39477/Uploads/BankaLogo/9.png) center center no-repeat #a3a3a3; }

.taksitBaslik10 { background: url(https://static.ticimax.cloud/39477/Uploads/BankaLogo/10.png) center center no-repeat #2e3192; }

.taksitBaslik11 { background: url(https://static.ticimax.cloud/39477/Uploads/BankaLogo/11.png) center center no-repeat #056bb6; }

.taksitBaslik12 { background: url(https://static.ticimax.cloud/39477/Uploads/BankaLogo/12.png) center center no-repeat #221f1f; }

.taksitBaslik13 { background: url(https://static.ticimax.cloud/39477/Uploads/BankaLogo/13.png) center center no-repeat #0053a0; }

.taksitBaslik14 { background: url(https://static.ticimax.cloud/39477/Uploads/BankaLogo/14.png) center center no-repeat #ffdf00; }

.taksitBaslik15 { background: url(https://static.ticimax.cloud/39477/Uploads/BankaLogo/15.png) center center no-repeat #024d39; }

.taksitBaslik16 { background: url(https://static.ticimax.cloud/39477/Uploads/BankaLogo/16.png) center center no-repeat #8c1639; }

.taksitBaslik17 { background: url(https://static.ticimax.cloud/39477/Uploads/BankaLogo/17.png) center center no-repeat #e9690e; }

.taksitBaslik18 { background: url(https://static.ticimax.cloud/39477/Uploads/BankaLogo/18.png) center center no-repeat #e8ce00; }

.taksitBaslik19 { background: url(https://static.ticimax.cloud/39477/Uploads/BankaLogo/19.png) center center no-repeat #ffffff; }

.TakRenk1 { background-color: #edf4e6; }

.TakRenk2 { background-color: #f1e7f3; }

.TakRenk3 { background-color: #f5f9d9; }

.TakRenk4 { background-color: #eeafa2; }

.TakRenk5 { background-color: #b5d0df; }

.TakRenk6 { background-color: #e4e9f4; }

.TakRenk7 { background-color: #edf4e6; }

.TakRenk8 { background-color: #f1e7f3; }

.TakRenk9 { background-color: #f5f9d9; }

.TakRenk10 { background-color: #eeafa2; }

.TakRenk11 { background-color: #b5d0df; }

.TakRenk12 { background-color: #e4e9f4; }

.TakRenk13 { background-color: #edf4e6; }

.TakRenk14 { background-color: #f1e7f3; }

.TakRenk15 { background-color: #f5f9d9; }

.TakRenk16 { background-color: #eeafa2; }

.TakRenk17 { background-color: #b5d0df; }

.TakRenk18 { background-color: #e4e9f4; }

.TakRenk19 { background-color: #edf4e6; }

/* ================================================== */
/* CARİ ÖDEME YAP                                     */
/* ================================================== */
.CariOdeme .row .span { overflow: hidden; }

.CariOdeme .row .span .Left { width: 13%; }

.CariOdeme .row .span .Center { width: 3%; }

.CariOdeme .row .span .Right { width: 82%; }

.CariOdeme .row .span div { float: left; height: 31px; line-height: 31px; }

.Listem.CariOdemeRaporlari .ListemItem .line1 { width: 6%; }

.Listem.CariOdemeRaporlari .ListemItem .line2 { width: 13%; }

.Listem.CariOdemeRaporlari .ListemItem .line3 { width: 18%; }

.Listem.CariOdemeRaporlari .ListemItem .line4 { width: 8%; padding-left: 1%; }

.Listem.CariOdemeRaporlari .ListemItem .line5 { width: 18%; padding-left: 1%; }

.Listem.CariOdemeRaporlari .ListemItem .line6 { width: 12%; padding-left: 1%; }

.Listem.CariOdemeRaporlari .ListemItem .line7 { width: 10%; padding-left: 1%; }

.Listem.CariOdemeRaporlari .ListemItem .line8 { width: 7%; padding-left: 1%; }

.CariOdeme .Basketstep { display: none; }

.CariOdeme .OdemeMenu { display: none; }

.CariOdeme .BasketPage { width: 100%; overflow: visible; padding: 0; border: 0; min-height: inherit; }

.CariOdeme .Odeme-Left { width: 100%; padding: 0; float: none; background-color: transparent; min-height: 300px; }

.CariOdeme .Odeme-Left .Left { width: 50%; }

.CariOdeme .CrediCardNoInput input { width: 20.3%; }

.CariOdeme .CrediCardNameInput input { width: 92%; }

.CariOdeme .CrediCardDateInput select { width: 46.7%; }

.CariOdeme .Odeme-Right { padding: 0; float: none; width: 100%; background-color: transparent; }

.CariOdeme .Odeme-Right .Odeme-RightLine { display: none; }

.CariOdeme .aspNetDisabled { margin-top: 5px; }

.CariOdeme .OdemeTamamla .SiparisiTamamlaBtn { float: right; margin-top: 50px; }

.CariRaporlarContent .siparisTablo thead tr th { padding: 2px; }

.cariorta table tr td { padding: 5px; }

div#fancy_print { background: url("../Default/images/print2.png") no-repeat scroll center center #222222; border: 2px solid #FFFFFF; border-radius: 13px; cursor: pointer; display: block; height: 25px; left: -16px; position: absolute; top: -14px; width: 25px; z-index: 9999; }

.CariOdeme .Odeme-Right { position: relative; }

.CariOdeme .OdemeTamamla { position: absolute; bottom: 0; }

/* ================================================== */
/* FIRSAT ÜRÜNLERİ                                    */
/* ================================================== */
.firsatUrunleri { width: 100% !important; position: relative; margin: 0 auto; float: left; }

.Firsatprev { display: none; cursor: pointer; position: absolute; left: 0; top: 50%; margin-top: -20px; font-size: 30px; color: #000; z-index: 99; background: none; }

.Firsatprev:hover { color: #69c2de; }

.Firsatnext { display: none; cursor: pointer; position: absolute; right: 0; top: 50%; margin-top: -20px; font-size: 30px; color: #000; z-index: 99; background: none; }

.Firsatnext:hover { color: #69c2de; }

.firsatUrunleriItem { width: 230px; }

.firsatUrunResim { display: block; width: 100%; height: 250px; border: none; text-align: center; margin: 0px auto; }

.firsatUrunResim img { max-width: 100%; max-height: 250px; }

.firsatUrunAdi { font-size: 12px; line-height: 14px; margin: 5px 0 5px 0px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; width: 100%; display: block; }

.firsatUrunAdi a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.firsatUrunFiyat { text-align: center; display: block; font-size: 14px; }

#divSlide:hover .Firsatprev { display: inline-block; }

#divSlide:hover .Firsatnext { display: inline-block; }

/* ================================================== */
/* TAB ÜRÜNLER                                        */
/* ================================================== */
.tabListe { float: left; width: 100%; margin-bottom: 60px; }

.tabListe .tabBaslik { display: block; color: #222222; font-size: 22px; font-weight: bold; padding-bottom: 15px; border-bottom: 1px solid #e9e9e9; margin-bottom: 20px; }

.tabListe .tabUst { float: left; width: 100%; text-align: center; margin-bottom: 20px; }

.tabListe .tabUst ul li { display: inline-block; margin-right: 15px; float: left; }

.tabListe .tabUst ul li a { display: block; color: #5a5a5a; height: 28px; padding: 0 15px; line-height: 28px; font-size: 13px; font-weight: 500; padding-bottom: 5px; border: 1px solid #ececec; }

.tabListe .tabUst ul li.aktif a { background: #5a5a5a; color: #fff; }

.tabListe .tabIcerik { float: left; width: 100%; }

.tabListe .tabIcerik .blok { float: left; width: 100%; display: none; }

.tabListe .tabIcerik .blok:first-child { display: block; }

.tabListe .categoryTitle { display: none; }

.tabListe .Jbutonlar { display: none; }

.tabListe .productItem .productMarka, .tabListe .productItem .productOnYazi, .tabListe .productItem .favori { display: none !important; }

/* ================================================== */
/* YORUM YAZ                                          */
/* ================================================== */
.fancyboxTittle { margin-bottom: 10px; font-size: 13px; }

#yorumYaz { float: left; width: 100% !important; /*height: auto !important;*/ min-width: 320px; padding: 10px; }


.yorumYaz { margin-bottom: 10px; position: relative; }

.yorumYaz .validate { padding: 5px; top: -30px; }

.yorumYazMesaj textarea { width: 100%; }

/* ================================================== */
/* FIRSAT ÜRÜNLERİ                                    */
/* ================================================== */
.urunTabAlt { width: 100%; }

.urunTabAlt ul li { margin-bottom: 10px; clear: both; }

.oneriValidate .validate { top: 0; padding: 5px; }

.urunTabAlt ul li input { float: left; margin-right: 5px; }

.urunTabAlt ul li .captchaImageBox { float: left; }

.urunTabAlt ul li .captchaInputBox { margin: 10px; float: left; }

.urunTabAlt ul li.urundetyaGuvenlikodu span { float: left; }

.urunTabAlt ul li .GuvnelikKodu { float: left; line-height: 50px; margin-right: 10px; display: block; }

.odemeBildirimFormu table tr td { padding: 5px; }

#mainHolder_txtbxNotlar { width: 100%; }

.Block_Text img { max-width: 100%; }

#GUVENLIK_KODU { margin-bottom: 10px; margin-top: 10px; }

/* ================================================== */
/* TOOLTİP                                            */
/* ================================================== */
.tooltip { position: absolute; z-index: 1030; display: block; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); visibility: visible; }

.tooltip.in { opacity: 0.9; filter: alpha(opacity=90); }

.tooltip.top { padding: 5px 0; margin-top: -3px; }

.tooltip.right { padding: 0 5px; margin-left: 3px; }

.tooltip.bottom { padding: 5px 0; margin-top: 3px; }

.tooltip.left { padding: 0 5px; margin-left: -3px; }

.tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; border-radius: 4px; }

.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }

.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #000000; border-width: 5px 5px 0; }

.tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-top-color: #000000; border-width: 5px 5px 0; }

.tooltip.top-right .tooltip-arrow { right: 5px; bottom: 0; border-top-color: #000000; border-width: 5px 5px 0; }

.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #000000; border-width: 5px 5px 5px 0; }

.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #000000; border-width: 5px 0 5px 5px; }

.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #000000; border-width: 0 5px 5px; }

.tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-bottom-color: #000000; border-width: 0 5px 5px; }

.tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-bottom-color: #000000; border-width: 0 5px 5px; }

/* ================================================== */
/* ÜYELİK ONAY                                        */
/* ================================================== */
.uyelikonay { margin-top: 50px; padding-left: 50px; }

.uyelikonay .title { width: 100%; margin-bottom: 30px; }

.uyelikonay .title h4 { font-size: 30px; margin-bottom: 20px; }

.uyelikonay .title span { font-size: 20px; }

.uyelikonay p { line-height: 30px; }

.uyelikonay p strong { font-weight: bold; font-size: 16px; color: #000; }

.uyelikonay a { font-size: 14px; padding-left: 30px; padding-right: 30px; margin-bottom: 30px; }

/* ================================================== */
/* İADE TALEPLERİM                                    */
/* ================================================== */
.IadeTaleplerim .Title { height: 40px; line-height: 40px; }

.Listem.IadeTaleplerim .ListemItem { height: auto; line-height: 24px; }

.Listem.IadeTaleplerim .ListemItem div { height: auto; }

.Listem.IadeTaleplerim .ListemItem .line1 { width: 3%; }

.Listem.IadeTaleplerim .ListemItem .line2 { width: 20%; }

.Listem.IadeTaleplerim .ListemItem .line3 { width: 40%; }

.Listem.IadeTaleplerim .ListemItem .line4 { width: 30%; }

.Listem.IadeTaleplerim .ListemItem .line5 { width: 11%; }

.Listem.IadeTaleplerim .ListemItem .line6 { width: 11%; }

.IadeTaleplerimContent #mainHolder_btnEkle { position: static; float: right; margin: 0px; margin-top: 10px; margin-bottom: 20px; }

.IadeTaleplerimContent .row { width: 60%; }

.IadeTaleplerimContent .row .span { position: relative; overflow: hidden; margin-bottom: 5px; }

.IadeTaleplerimContent .row .span div { float: left; }

.IadeTaleplerimContent .row .span .Left { width: 30%; }

.IadeTaleplerimContent .row .span .Center { width: 3%; }

.IadeTaleplerimContent .row .span .Right { width: 60%; }

.IadeTaleplerimContent .row .span #mainHolder_btnKaydet { float: right; width: 20%; }

.IadeTaleplerimContent .row .span #mainHolder_btnVazgec { float: right; width: 20%; margin-right: 10px; }

.IadeTaleplerimContent textarea { width: 98.8%; margin-bottom: 10px; height: 50px; }

.span.IadeTalepBtn { width: 93%; }

/* ================================================== */
/* ARAMA SONUÇLARI                                    */
/* ================================================== */
#ArmaSonuclari { width: 100%; border: solid 1px #CCC; padding: 3%; text-align: center; font-size: 20px; margin-bottom: 20px; }


#divUrunSiparisDosya .right_line { width: 66% !important; }

#divUrunSiparisDosya .left_line { line-height: 30px; }

#divUrunSiparisDosya .center_line { line-height: 30px; }

.RadUpload { width: auto !important; }

.RadUpload .ruFileWrap { height: auto !important; }

.RadUpload .ruFakeInput { margin-right: 0 !important; height: auto !important; width: auto !important; border-color: #dddddd !important; padding: 2px 5px !important; float: left !important; }

.RadUpload .ruBrowse { float: left; margin-left: 15px !important; margin-top: 0 !important; }

.ruErrorMessage { margin-bottom: 10px !important; }

.ruFileInput { position: absolute; left: 0; top: 0; height: 50px; left: 0; position: absolute; top: 0; width: 181px; }

/* ================================================== */
/* BLOK KATEGORİ MENÜ                                 */
/* ================================================== */
.homeContainer .centerCount .UrunGuruplari { display: none !important; }

ul.KatMenu1 ul { min-width: 240px; padding: 0; position: absolute; top: 0; left: 100%; z-index: 999; display: none; }

ul.KatMenu1 li { position: relative; display: block; padding: 0; }

ul.KatMenu1 li a { line-height: 45px !important;; display: block; text-indent: 0px; font-size: 16px !important; color: #5f5f5f; transition: 0.3s; background-color: #eec4c905; }

ul.KatMenu1 > li:hover > a { color: #69c2de !important; text-indent: 20px; transition: 0.3s; }

ul.KatMenu1 > li > ul > li > a { text-indent: 10px; background-color: #fff; }

ul.KatMenu1 > li > ul > li:hover > a { color: #fff !important; background-color: #69c2de; text-indent: 20px; transition: 0.3s; }

ul.KatMenu1 > li > ul > li > ul > li > a { text-indent: 10px; }

ul.KatMenu1 > li > ul > li > ul > li:hover > a { color: #fff !important; background-color: #69c2de; text-indent: 20px; transition: 0.3s; }

ul.KatMenu1 li:hover > ul { display: block !important; }

ul.KatMenu1 li.ulVar > a:after { left: auto; border-width: 3px 4px; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; border-color: #000; content: ' '; display: block; width: 0px; height: 0px; position: absolute; top: 50%; margin-top: -2px; border-width: 3px 4px; border-style: solid; right: 8px; }

/* ================================================== */
/* ETİKETLER                                          */
/* ================================================== */
#divEtiketler { float: left; width: 100%; }

#divEtiketler .productModuleTitle { float: left; width: 100%; text-align: center; margin-bottom: 10px; display: inline-block; padding-bottom: 5px; color: #333333; font-size: 13px; font-weight: bold; }

#divEtiketler a { color: #555; font-size: 13px; }

#divEtiketler a:hover { text-decoration: underline; }

/* ================================================== */
/* SEPETİM                                            */
/* ================================================== */
.Basketstep ul li i,
.sepetTitle .st_1,
.sepetTitle2 .st_1,
.BasketRigth ul li.genelToplam .tut,
.sepetTitle2 .st_1:before,
.sepetTitle .st_1:before,
.TeslimatAdresTittle,
.Basketstep ul li.gecti span,
#divToplamOdeme, .TeslimatAdresTittle,
.SepetKampanyaTittle,
.SepetKampanyaTittle::before,
a.YeniAdresEkle,
.Basketstep ul li.onestepsec span { color: #69c2de !important; }

.basketCompletebtn { background: #69c2de !important; }

.OdemeMenu ul li.activeMenu { border-color: #69c2de !important; }

.OdemeMenu ul li:hover { border-color: #69c2de !important; }

.baglanButton { background: #69c2de; border-color: #69c2de; }

.baglanButton:hover { background: transparent; color: #69c2de; }

.Basketstep ul li.pasif i { color: #b5b5b5 !important; }

.BasketDetail table tbody tr td a { display: inherit; }

.BasketDetail table tbody tr td:last-child a { display: block; }


/* ================================================== */
/* CONTAİNERLAR                                       */
/* ================================================== */
.headerContent { width: 1240px; clear: both; margin: 0 auto; position: relative; }

.headerContent:before, .headerContent:after { content: " "; display: table; }

.headerContent:after { clear: both; }

.ticiContainer { width: 1240px; max-width: 1240px !important; clear: both; margin: 0 auto; }

.homeContainer .leftBlock { display: none; }

.productDetailContainer .leftBlock { display: none; }

.rightBlock { display: none; }

.ticiContainer:before, .ticiContainer:after { content: " "; display: table; }

.ticiContainer:after { clear: both; }

.centerCount .OzelBlokIcerik { margin-bottom: 25px !important; }

.categoryContainer .leftBlock { padding-left: 0; margin-top: 10px; min-width: 25%; float: left; }

.categoryContainer .centerCount { padding: 0; min-width: 75%; float: left; }

.centerCount .solYadaSagAcik { padding: 0 10px; }

.centerCount .solSagBlokAcik { padding: 0 10px; }

/* ================================================ */
/* ! ANASAYFA SLIDER                                */
/* ================================================ */
#pnlSlider { float: left; width: 100%; position: relative; margin-bottom: 25px; margin-top: 25px; padding: 0 0px; }

#pnlSlider img { display: block; width: 100%; margin: 0 auto; }

#pnlSlider .flex-control-nav { left: 0; bottom: 12px; width: 100%; }

#pnlSlider .flex-direction-nav { display: none; position: absolute; left: 0; width: 100%; top: 50%; }

#pnlSlider .flex-direction-nav .flex-prev { position: relative; left: auto; right: auto; }

#pnlSlider .flex-direction-nav .flex-next { position: relative; left: auto; right: auto; }

#pnlSlider .flex-caption { position: absolute; left: 50%; line-height: 1.3; width: 50%; margin-left: -25%; background: none !important; bottom: 50px; color: #000; font-size: 18px; text-align: center; }


.flex-control-paging li a { width: 13px !important; height: 13px !important; background-color: transparent !important; border: 1px solid #415a68 !important; box-shadow: none !important; }

.flex-control-paging li a.flex-active { border: 1px solid #415a68 !important; background-color: #415a68 !important; }

/* ================================================ */
/* ! HIZMETLERIMIZ                                  */
/* ================================================ */
.odemeTeslimat { float: left; width: 100%; padding-bottom: 70px; margin-bottom: 40px; border-bottom: 1px solid #f0f0f0; }

.odemeTeslimat .blokRow { margin: 0 -10px; }

.odemeTeslimat .blok { float: left; width: 33.3333%; padding: 0 10px; }

.odemeTeslimat span { display: block; padding-left: 60px; position: relative; color: #000; font-size: 14px; line-height: 20px; }

.odemeTeslimat span strong { display: block; margin-bottom: 10px; }

.odemeTeslimat .fa { position: absolute; left: 0; top: 50%; font-size: 35px; margin-top: -17.5px; }

/* ================================================ */
/* ! VITRIN URUNLERI                                */
/* ================================================ */
.ProductListContent { margin-left: 0px; margin-right: 0px; }

.ProductList { }

.ProductListContent .productItem { margin-bottom: 20px; position: relative; overflow: hidden; text-align: center; }

.productModuleItem2, .productModuleItem, .productItem { position: relative; text-align: center; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; }

.productModuleItem2 .modulename2, .productModuleItem2 .modulename, .productModuleItem2 .productName, .productModuleItem .modulename2, .productModuleItem .modulename, .productModuleItem .productName, .productItem .modulename2, .productItem .modulename, .productItem .productName { padding: 0px 0px; clear: both; margin: 10px 0 10px 0; text-align: left; padding-right: 25px; }

.productModuleItem2 .modulename2 *, .productModuleItem2 .modulename *, .productModuleItem2 .productName *, .productModuleItem .modulename2 *, .productModuleItem .modulename *, .productModuleItem .productName *, .productItem .modulename2 *, .productItem .modulename *, .productItem .productName * { display: block; font-size: 14px; line-height: 16px; height: 16px; color: #2f2f2f; font-weight: 400; text-align: left; letter-spacing: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.productModuleItem2 .modulename, .productModuleItem .modulename, .productItem .modulename { line-height: 100%; display: block; font-size: 14px; line-height: 17px; height: 34px; color: #000; font-weight: 600; text-align: left; letter-spacing: 1px; overflow: hidden; text-overflow: ellipsis; }

.productModuleItem2 .moduleimage2, .productModuleItem2 .moduleimage, .productModuleItem2 .productImage, .productModuleItem .moduleimage2, .productModuleItem .moduleimage, .productModuleItem .productImage, .productItem .moduleimage2, .productItem .moduleimage, .productItem .productImage { height: 0; position: relative; background: #fff; padding-bottom: 100%; overflow: hidden; width: 100%; border-bottom: 0; }

.productModuleItem2 .moduleimage2 a, .productModuleItem2 .moduleimage a, .productModuleItem2 .productImage a, .productModuleItem .moduleimage2 a, .productModuleItem .moduleimage a, .productModuleItem .productImage a, .productItem .moduleimage2 a, .productItem .moduleimage a, .productItem .productImage a { display: block; position: relative; height: 100%; top: 0; left: 0; text-align: center; align-items: center; width: 100%; padding-bottom: 100%; }

.productModuleItem2 .moduleimage2 a img, .productModuleItem2 .moduleimage a img, .productModuleItem2 .productImage a img, .productModuleItem .moduleimage2 a img, .productModuleItem .moduleimage a img, .productModuleItem .productImage a img, .productItem .moduleimage2 a img, .productItem .moduleimage a img, .productItem .productImage a img { max-width: 100%; max-height: 100%; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

.productModuleItem2 .moduleprice2, .productModuleItem2 .moduleprice, .productModuleItem2 .productPrice, .productModuleItem .moduleprice2, .productModuleItem .moduleprice, .productModuleItem .productPrice, .productItem .moduleprice2, .productItem .moduleprice, .productItem .productPrice { display: inline-block; height: 16px; float: left; text-align: center; margin-bottom: 0px; padding: 0 0px; }

.productModuleItem2 .modulediscount, .productModuleItem2 .discountPrice, .productModuleItem .modulediscount, .productModuleItem .discountPrice, .productItem .modulediscount, .productItem .discountPrice { display: inline-block; margin: 0px; margin: 0 0 0 0px; float: right; }

.productModuleItem2 .modulediscount .modulekdv, .productModuleItem2 .modulediscount .discountKdv, .productModuleItem2 .discountPrice .modulekdv, .productModuleItem2 .discountPrice .discountKdv, .productModuleItem .modulediscount .modulekdv, .productModuleItem .modulediscount .discountKdv, .productModuleItem .discountPrice .modulekdv, .productModuleItem .discountPrice .discountKdv, .productItem .modulediscount .modulekdv, .productItem .modulediscount .discountKdv, .productItem .discountPrice .modulekdv, .productItem .discountPrice .discountKdv { display: none; }

.productModuleItem2 .modulediscount span, .productModuleItem2 .discountPrice span, .productModuleItem .modulediscount span, .productModuleItem .discountPrice span, .productItem .modulediscount span, .productItem .discountPrice span { display: block; font-weight: 500; color: #000000; font-size: 14px; line-height: 16px; }

.productModuleItem2 .moduleregular, .productModuleItem2 .regularPrice, .productModuleItem .moduleregular, .productModuleItem .regularPrice, .productItem .moduleregular, .productItem .regularPrice { display: inline-block !important; margin: 0px; float: left; }

.productModuleItem2 .moduleregular .modulekdv, .productModuleItem2 .moduleregular .regularKdv, .productModuleItem2 .regularPrice .modulekdv, .productModuleItem2 .regularPrice .regularKdv, .productModuleItem .moduleregular .modulekdv, .productModuleItem .moduleregular .regularKdv, .productModuleItem .regularPrice .modulekdv, .productModuleItem .regularPrice .regularKdv, .productItem .moduleregular .modulekdv, .productItem .moduleregular .regularKdv, .productItem .regularPrice .modulekdv, .productItem .regularPrice .regularKdv { display: none !important; }

.productModuleItem2 .moduleregular span, .productModuleItem2 .regularPrice span, .productModuleItem .moduleregular span, .productModuleItem .regularPrice span, .productItem .moduleregular span, .productItem .regularPrice span { display: block !important; font-weight: 400; color: #666666; font-size: 14px; line-height: 16px; text-decoration: line-through; margin-right: 15px; }

.productModuleItem2 .productMarka, .productModuleItem .productMarka, .productItem .productMarka { padding: 0 10px; display: none !important; margin-bottom: 5px; float: left; width: 100%; text-align: left; color: #666; font-size: 13px; font-weight: normal; }

.productModuleItem2:hover .modulename2 *, .productModuleItem:hover .modulename *, .productItem:hover .productName * { color: #69c2de; }

.productModuleItem:hover .modulediscount *, .productItem:hover .discountPrice * { color: #69c2de; }

/* ================================================ */
/* ! URUN ICONLARI                                  */
/* ================================================ */

.productStokKodu { text-align: left; margin: 10px 0 10px 0; }

.urunListStokUyari, .urunListSonUrun { position: absolute; bottom: 109px; background: #333; left: 30%; right: 30%; text-align: center; padding: 8px 0; color: #fff; border-radius: 4px; }

.productOnYazi { text-align: left; }

div.productOnYazi * { font-size: 13px; color: #a1a1a1; line-height: normal; font-weight: normal; background-color: transparent; }

.newIcon { position: absolute; text-align: center; right: 0; top: 0; background: #69c2de; color: #fff; font-size: 13px; z-index: 2; font-weight: 500; width: 45px; height: 25px; line-height: 25px; overflow: hidden; }

.cargoIcon { position: absolute; text-align: center; right: 0; top: 40px; background: #415a68; color: #fff; font-size: 12px; z-index: 2; font-weight: 500; padding: 8px 7px; overflow: hidden; }

.cargoIcon .fa { line-height: 30px; font-size: 15px; }

.discountIcon { position: absolute; text-align: center; left: 0; top: 0; background: #415a68; color: #fff; font-size: 13px; z-index: 2; font-weight: 500; width: 45px; height: 25px; line-height: 25px; overflow: hidden; }

.favori { display: inline-block; position: absolute; right: 10px; bottom: 2px; }

.favori a { display: inline-block; font-size: 0; font-family: 'FontAwesome' !important; }

.favori a:after { content: '\f08a'; font-size: 15px; color: #2f2f2f; }

.favori a:hover:after { content: '\f004'; font-size: 15px; color: #69c2de; }

.mycartIcon { display: none; }

.examineIcon { display: none; }

.TukendiIco { position: absolute; left: 0; top: 30%; width: 100%; text-align: center; z-index: 9; }

.TukendiIco span { display: inline-block; color: #000; font-size: 15px; background: #E8E7E7; padding: 0 40px; height: 40px; line-height: 40px; }

.ozelFirsat { position: absolute; left: 0; top: 50%; background-color: #f0f0f0; display: inline-block; z-index: 99; padding: 5px; font-size: 12px; font-weight: 500; }

.ozelAlan1 { position: absolute; left: 0; top: 0%; background-color: #f0f0f0; display: inline-block; padding: 5px; font-size: 12px; font-weight: 500; }

.ozelAlan2 { position: absolute; left: 0; top: 60%; background-color: #f0f0f0; display: inline-block; padding: 5px; font-size: 12px; font-weight: 500; }


/* ================================================ */
/* ! MARKA SLİDER                                   */
/* ================================================ */


/* ================================================ */
/* ! KASA ONU FIRSATLAR                             */
/* ================================================ */
.KasaOnuFirsatlarContent ul li a { margin-bottom: 10px !important; max-height: auto !important; }

.KasaOnuFirsatlarContent ul li a img { max-height: auto !important; }

.KasaOnuFirsatlarContent ul li span { line-height: 26px !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.KasaOnuFirsatlarContent ul li span + span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/* ================================================ */
/* ! KATEGORİ SAYFASI                               */
/* ================================================ */
#divSayfalamaUst { float: left; width: 100%; margin-top: 0 !important; }

#divSayfalamaUst .pageNumber { display: none !important; }

.categorydesign { float: left; width: 100%; margin-bottom: 0px; }

.categorydesign img { width: 100%; display: block; }

.ProductList.pr_3 { float: left; width: 100%; border-bottom: 1px solid #ededed; }

.ProductList.pr_3 .productItem { float: left; width: 32%; margin-bottom: 30px; margin-right: 2%; position: relative; overflow: hidden; text-align: center; }

.ProductList.pr_3 .productItem:nth-child(4n) { margin-right: 2%; }

.ProductList.pr_3 .productItem:nth-child(5n) { margin-right: 2%; }

.ProductList.pr_3 .productItem:nth-child(3n) { margin-right: 0; }

.ProductList.pr_4 { float: left; width: 100%; border-bottom: 1px solid #ededed; }

.ProductList.pr_4 .productItem { float: left; width: 24%; margin-bottom: 30px; margin-right: 1.333%; position: relative; overflow: hidden; text-align: center; }

.ProductList.pr_4 .productItem:nth-child(3n) { margin-right: 1.333%; }

.ProductList.pr_4 .productItem:nth-child(5n) { margin-right: 1.333%; }

.ProductList.pr_4 .productItem:nth-child(4n) { margin-right: 0; }

.ProductList.pr_hrz { float: left; width: 100%; }

.ProductList.pr_hrz .productItem { float: left; width: 100%; margin-bottom: 30px; position: relative; overflow: hidden; text-align: center; }

.ProductList.pr_hrz .productItem .productImage { height: 0; position: relative; background: #fff; padding-bottom: 7%; overflow: hidden; width: 7%; border-bottom: 0; float: left; margin-right: 20px; }

.ProductList.pr_hrz .productItem .productDetail { float: left; }

.ProductList.pr_hrz .productItem .cargoIcon { display: none; }

.ProductList.pr_hrz .productItem .discountIcon { display: none; }



.ProductList.pr_hrz .productItem:nth-child(3n) { margin-right: 0; }

.ProductList.pr_hrz .productItem:nth-child(5n) { margin-right: 0; }

.ProductList.pr_hrz .productItem:nth-child(4n) { margin-right: 0; }

.ProductList.pr_hrz .productItem .examineIcon { left: 0; }

/*kategori navigasyonu*/
.categoryTitle { float: left; text-align: center; margin: 0; color: #2b2b2b; font-size: 18px; padding-bottom: 10px !important; font-weight: 600; }

.categoryTitle .bold { display: block; border-bottom: 1px solid #e1e1e1; display: block; height: 10px; margin-bottom: 15px; }

.categoryTitle .bold .satir1 { display: inline-block; padding: 0 0 0 0; font-size: 18px; font-weight: 600; display: inline-block; background-color: #eec4c905; padding: 0 100px; }


.leftBlock .categoryTitle .bold { overflow: hidden; height: auto; cursor: pointer; font-size: 15px; font-weight: 500; word-wrap: break-word; display: block; color: #2b2b2b; border-bottom: 1px solid #ddd; padding: 9px 0 15px 0px; }

.leftBlock .categoryTitle .bold .satir1 { float: left; padding: 0; display: block; width: 100%; font-size: 13px; font-weight: 500; color: #2b2b2b; }

.categoryTitleText { display: inline-block; float: left; width: 100%; }

.categoryTitleText * { display: inline-block; font-family: 'Roboto', serif !important; color: #2b2b2b !important; font-size: 11px !important; line-height: 1.2 !important; font-weight: 400; letter-spacing: 0.5px; text-transform: uppercase;}

ul.breadcrumb li *, ul.breadcrumb li, a#linkOncekiSayfa { display: inline-block; color: #2b2b2b !important; font-size: 12px !important; line-height: 18px !important; font-weight: normal; margin-right: 5px !important; }

ul.breadcrumb a { display: inline-block; }

@media (max-width: 768px) {
    .categoryTitle {
        padding-bottom: 0 !important;
    }
}

/*kategori gizlenenler*/
.KategoriFilitrelemeContent .Block_Title { display: none; }

#mainHolder_divUstMarkaListesi { display: none; }

/*kategori filtrelemeler*/
.brandlistselectionBottom { display: none !important; }

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

.categoryTitle .brandlistselection { float: left; width: 100%; }

.categoryTitle .brandlistselection #divUstFiltreKategori { float: left; margin-right: 10px; }

.categoryTitle .brandlistselection #divUstFiltreMarka { float: left; margin-right: 10px; }

.categoryTitle .brandlistselection .selectBox { float: left; margin-right: 10px; }

.categoryTitle .brandlistselection .brandSelectbox { height: 30px; line-height: 28px; border: 1px solid #ddd; color: #777; }

.blockSelect { float: right; margin-right: 0 !important; }

.brandlistselection > label { display: inline-block; color: #222121; font-size: 13px; cursor: pointer; }

.brandlistselection > label > input[type="checkbox"] { display: none !important; }

.brandlistselection > label > label { line-height: 30px; margin-left: 10px; display: inline-block; padding-left: 18px; cursor: pointer; color: #000; font-size: 13px; }

.brandlistselection > label > label:hover { color: #69c2de; background: url("images/checkbox2.png") left center no-repeat; }

.brandlistselection > label > input[type=checkbox] + label { background: url("images/checkbox1.png") left center no-repeat; }

.brandlistselection > label > input[type="checkbox"][checked] + label { display: block; background: url("images/checkbox2.png") left center no-repeat; }

#mainHolder_linkFiltreKaldir { line-height: 30px; background: url("images/checkbox2.png") left center no-repeat; margin-left: 10px; display: inline-block; padding-left: 18px; cursor: pointer; color: #000; font-size: 13px; }

.sortingContent { background-color: transparent !important; border-bottom: 1px solid #e1e1e1; border-radius: 0 !important; }

.sortingContent:after { clear: both; display: table; content: ""; }

.appliedFilter { background-color: transparent !important; }

.sortingContent li { padding: 10px 0 15px 0 !important; margin-right: 20px !important; float: left !important; }

.sortingContent li a.selected { background-color: transparent !important; text-decoration: underline !important; }

.sortingContent .blockSelect a.Active i { color: #ffffff !important; background-color: #5f5f5f !important; }

.sortingContent li a { background-color: transparent !important; padding: 0 !important; line-height: normal !important; }

.sortingContent .blockSelect a i { line-height: normal !important; font-size: 13px !important; padding: 6px 10px !important; background-color: #efefef; color: #a6a6a6 !important; }

.sortingContent li a:hover { background-color: transparent !important; }

.sortingContent span { color: #5f5f5f !important; font-family: 'Roboto', sans-serif !important; font-size: 12px !important; letter-spacing: 0.5px; line-height: normal !important; text-transform: capitalize; }

.appliedFilter.FiltrelemeUrunAdet { padding: 0 !important; margin-right: 0 !important; float: right !important; margin-top: 5px !important; }

.appliedFilter.FiltrelemeUrunAdet span { line-height: 25px !important; }

.appliedFilter a { margin-left: 5px !important; }

.blockSelect a { float: left; display: inline-block; margin-left: 8px; color: #000; font-size: 20px; }

.blockSelect .sort_hrz.sort_hrzActive { color: #69c2de; }

.blockSelect .sort_3.sort_3Active { color: #69c2de; }

.blockSelect .sort_4.sort_4Active { color: #69c2de; }

.pageNumber { float: left; width: 100%; padding-top: 20px; margin-bottom: 20px; text-align: right; }

.pageNumber .pageBorder { display: inline-block; }

.pageNumber a { display: inline-block; float: left; margin-right: 5px; border-radius: 0px; width: 40px; height: 25px; line-height: 25px; text-align: center; font-size: 13px; color: #5f5f5f; border: 1px solid #e1e1e1; }

.pageNumber a:hover { background-color: #5f5f5f; color: #ffffff; border: 1px solid #5f5f5f; }

.pageNumber a.SelectedSayfa { background-color: #5f5f5f; color: #ffffff; border: 1px solid #5f5f5f; }


.KategoriFilitreleme { margin-bottom: 20px; width: 100%; float: left; }

.KategoriFilitreTittle { height: 40px; line-height: 40px; margin-bottom: 20px; color: #000; font-size: 14px; font-weight: bold; border-bottom: 1px solid #bbb7b7; }

/*Kategori Ozel Blok*/
.kategoriOzelBlok { min-height: 285px; margin-bottom: 22px; float: left; width: 100%; border: 1px solid #e8e8e8; padding: 32px; border-radius: 5px; }

.kategoriOzelBlok .kategoriOzelBlokYazi { float: left; width: 75%; padding-right: 15px; }

.kategoriOzelBlok .kategoriOzelBlokYazi h2 { color: #46696b; font-size: 18px; margin-bottom: 15px; }

.kategoriOzelBlok .kategoriOzelBlokYazi p { font-size: 14px; line-height: 18px; color: #46696b; }

.kategoriOzelBlok .kategoriOzelBlokResim { float: left; width: 25%; }

.kategoriOzelBlok .kategoriOzelBlokResim img { width: 100%; display: block; }

/*Menu*/
.FilitreMaxHeight { width: 100%; }

.KategoriFilitreLine > ul > li { position: relative; }

.KategoriFilitreLine > ul > li > a { font-size: 13px; color: #000000; margin-bottom: 12px; display: inline-block; }

.KategoriFilitreLine > ul > li > a:hover { text-decoration: underline; }

.KategoriFilitreLine > ul > li:last-child a { margin-bottom: 0; }

.KategoriFilitreLine > ul > li > ul { width: 100%; }

.KategoriFilitreLine > ul > li > ul > li { margin-bottom: 12px; padding-left: 20px; }

.KategoriFilitreLine > ul > li > ul > li > a { color: #666666; font-size: 13px; display: inline-block; }

.KategoriFilitreLine > ul > li > ul > li > a:hover { text-decoration: underline; }

/*Checkbox Filtrelemer*/
.FilitreMaxHeight table tr td { width: 100%; padding: 0; padding-bottom: 15px; padding-bottom: 10px; }

.FilitreMaxHeight table tr:last-child td { padding-bottom: 0; }

.FilitreMaxHeight table tr td input[type="checkbox"] { display: none !important; }

.KategoriFilitreLine { padding: 0; }

.fiyatFilitreContent .KategoriFilitreLine { padding: 0; }

.KategoriFilitreLine table tr td label { line-height: 13px; display: inline-block; padding-left: 23px; height: 13px; cursor: pointer; color: #000000; font-size: 13px; }

.KategoriFilitreLine table tr td input[type=checkbox] + label { background: url("images/checkbox1.png") left center no-repeat; }

.KategoriFilitreLine table tr td input[type=checkbox] + label:hover { background: url("images/checkbox2.png") left center no-repeat; }

.KategoriFilitreLine table tr td input[type="checkbox"][checked] + label { background: url("images/checkbox2.png") left center no-repeat; }

 

.KategoriFilitreLine p input[type="text"] { width: 100%; padding: 0; font-family: "Roboto", sans-serif !important; color: #000000 !important; font-size: 13px; font-weight: bold; margin-bottom: 15px; }

/*.FilitreMaxHeight {max-height: 160px; overflow-y: scroll;}*/
/*.FilitreMaxHeight::-webkit-scrollbar {width: 3px;}*/
/*.FilitreMaxHeight::-webkit-scrollbar-thumb {background: #000000;}*/
/*.FilitreMaxHeight::-webkit-scrollbar-track {background: #cccccc;}*/

/* ================================================ */
/* ! İÇERİK DETAY SAYFASI                           */
/* ================================================ */
#back-to-top { position: fixed; right: 1%; top: 95%; z-index: 9999999; }

#back-to-top a { font-size: 35px; color: #415a68; display: inline-block; }

#back-to-top a:hover { color: #69c2de; }

a#linkOncekiSayfa { display: none !important; cursor: pointer; }

.cloudzoom-blank > div:last-child { display: none !important; }


.productDetailContainer .centerCount { padding: 0; }

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

.ProductDetailMain .ProductDetailMainRow { margin: 0 0; }

.ProductDetailMain .leftImage { width: 530px; float: left; margin-bottom: 0; padding: 0 0 0 0; }

.ProductDetailMain .RightDetail { width: 700px; float: right; margin-bottom: 20px; padding: 0 0 0 20px; position: relative; }

.ProductDetailMain .Images { float: left; width: 100%; margin-bottom: 10px; }

.ProductDetailMain .Images img { max-width: 100%; margin: 0 auto; display: block; }

.ProductDetailMain .SmallImages { float: left; width: 100%; }

.ProductDetailMain .SmallImages > div { float: left; width: 23.8%; margin-right: 1.2%; cursor: pointer; }

.ProductDetailMain .SmallImages > div:nth-child(4n+1) { clear: both; }

.ProductDetailMain .SmallImages > div img { width: 100%; display: block; }

.ProductDetailMain .ProductName { float: left; width: 100%; margin-top: 15px; }

.ProductDetailMain .ProductName * { font-size: 22px; letter-spacing: 0; margin-bottom: 0; font-weight: 500; }

.ProductDetailMain .ProductName h1 { margin: 0; color: #444; }

.ProductDetailMain .ProductName h1 > span:first-child { width: 100%; float: left; }


#divUrunKodu { font-size: 14px !important; }

.ProductDetailMain .PriceList { float: left; width: 100%; position: relative; }

.Formline { float: left; width: 100%; margin-top: 15px; line-height: 14px; }

.Formline .left_line { display: inline-block; vertical-align: top; width: auto; color: #000; font-size: 14px; font-weight: 500; line-height: 14px; }

.Formline .center_line { display: inline-block; vertical-align: top; color: #000; font-size: 14px; font-weight: normal; line-height: 14px; }

.Formline .right_line { display: inline-block; vertical-align: top; width: auto; color: #444; font-size: 14px; font-weight: normal; line-height: 14px; }

#divOzelAlan1, #divOzelAlan2, #divOzelAlan3, #divOzelAlan4, #divOzelAlan5 { float: left; width: 100%; }

#divFiyatAlanlari { position: relative; float: left; width: 100%; }

#divFiyatAlanlari:After { clear: both; display: table; content: ""; }

.ProductDetailMain #divIndirimOrani {  }

.ProductDetailMain #divIndirimOrani .left_line { display: none; }

.ProductDetailMain #divIndirimOrani .center_line { display: none; }

.ProductDetailMain #divIndirimOrani .right_line.indirimliOrani * { font-weight: 600; font-size: 15px; line-height: 30px; color: #fff; text-transform: uppercase; }

.ProductDetailMain #divIndirimOrani .right_line.indirimliOrani { background-color: #69c2de; font-weight: 600; font-size: 15px; color: #fff; line-height: 30px; padding: 0 15px; border-radius: 0; text-transform: uppercase; }

.ProductDetailMain #pnlFiyatlar { border-bottom: 0; margin-bottom: 12px; position: relative; padding-bottom: 0; float: left; width: 100%; }

.ProductDetailMain #pnlFiyatlar .Formline { margin-bottom: 0; }

.ProductDetailMain #pnlFiyatlar:After { clear: both; display: table; content: ""; }

.ProductDetailMain #pnlFiyatlar * { line-height: normal; }

.ProductDetailMain #pnlFiyatlar .left_line { display: none; }

.ProductDetailMain #pnlFiyatlar .center_line { display: none; }




.ProductDetailMain #divTurkLirasiFiyat { float: left; width: 100%; margin-top: 10px; }

.ProductDetailMain #divTurkLirasiFiyat * { font-size: 30px !important; color: #415a68 !important; font-weight: 600; }

.ProductDetailMain #divTurkLirasiFiyat .spanKdv { font-size: 12px !important; margin-top: 17px; }



.ProductDetailMain .PiyasafiyatiContent { float: left; width: 100%; margin-bottom: 10px; }

.ProductDetailMain .IndirimliFiyatContent { float: left; width: 100%; }

.ProductDetailMain #divOnyazi { float: left; width: 85%; margin: 10px 0; }

.ProductDetailMain #divOnyazi * { color: #415a68; font-size: 15px; line-height: 25px; }

.ProductDetailMain .indirimliFiyat * { font-size: 30px !important; color: #415a68 !important; font-weight: 600; }

.ProductDetailMain .indirimliFiyat .spanKdv { font-size: 12px !important; margin-top: 17px; }

@media (max-width: 768px) {   
    .ProductDetailMain #divOnyazi { 
    width: 100% !important; }
    }
    
@media (max-width: 380px) {
    .ProductDetailMain #divOnyazi { 
    width: 100% !important; }
    }

#divKDVDahilFiyat * { line-height: 25px; }

#kdvliFiyat * { font-size: 18px !important; color: #415a68 !important; line-height: 25px; font-weight: 600; }

.ProductDetailMain .IndirimliFiyatContent * { }

.ProductDetailMain .PiyasafiyatiContent .spanKdv { font-size: 11px; color: #808080 !important; }

.ProductDetailMain .PiyasafiyatiContent .spanFiyat { color: #808080 !important; text-decoration: line-through; }

.ProductDetailMain #divIndirimsizFiyat { width: 100%; margin-bottom: 10px; }

.ProductDetailMain #divKDVDahilFiyat { width: 100%; }

.ProductDetailMain #divUrunEkSecenek { float: left; width: 100%; margin-bottom: 15px; }

.ProductDetailMain #divUrunEkSecenek .left_line { color: #666666; font-size: 12px; font-weight: normal; /* margin-bottom: 5px; */ display: inline-block; float: left; width: 60px; line-height: 40px; }

.ProductDetailMain #divUrunEkSecenek .center_line { color: #666; font-size: 15px; font-weight: normal; margin-bottom: 5px; display: inline-block; float: left; width: 10px; line-height: 40px; }

.ProductDetailMain #divUrunEkSecenek .right_line { float: left; }

.ProductDetailMain #divUrunEkSecenek .right_line select { }
.RightDetail .PriceList .Formline#divUrunEkSecenek .right_line select { border-radius: 0; box-shadow: none; appearance: none; background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%; -moz-appearance: none; -webkit-appearance: none; color: #666666; display: block; margin: 0 0 0 0; font-size: 12px; float: left; height: 40px; width: 272px; border-radius: 0; box-shadow: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; /* Safari */ }



.ProductDetailMain .eksecenekLine { float: left; width: 100%; margin-bottom: 7px !important; }

.ProductDetailMain .size_box { min-width: 50px; height: 40px; line-height: 40px; border-radius: 0; padding: 0 5px; cursor: pointer; position: relative; float: left; margin-right: 5px; margin-bottom: 5px; text-align: center; color: #000; font-size: 13px; border: 1px solid #e0e0e0; display: block; }

.ProductDetailMain .size_box img { width: 100%; height: 38px; display: block; }

.ProductDetailMain .size_box:hover { background: #415a68; color: #fff; }

.ProductDetailMain .size_box.selected { background: #69c2de; color: #fff; }

.ProductDetailMain .size_box.nostok { background: #f1f1f1; color: #000; }

.ProductDetailMain .size_box.nostok:before { content: ''; top: 50%; left: 0; background: red; height: 1px; width: 100%; position: absolute; rotate: 45deg; }

.ProductDetailMain #divEkstraBilgiler { float: left; width: 100%; margin-bottom: 10px; }

.ProductDetailMain #divEkstraBilgiler img { max-width: 100%; display: block; }

.ProductDetailMain #divUrunSiparisDosya, .ProductDetailMain #divUrunKisiselNot { float: left; width: 100%; margin-bottom: 10px; }

/*İçerik Detay Butonlar*/
.ProductIcon { float: left; width: 100%; margin-bottom: 20px; }

.ProductIcon .UTelefonlaSiparis, .ProductIcon .UFavorilerimeEkle, .ProductIcon .UIstekListemeEkle, .ProductIcon .UFavorilerimeEkle, .ProductIcon .UindirimliUrun, .ProductIcon .FiyatHaberVer, .ProductIcon .UrunKargoBedava, .ProductIcon .UGelinceHaberVer { float: left; margin: 0; /* margin-left: -1px; */ width: 12%; }

.ProductIcon .box1 { padding: 0; /* margin: 0 0 -1px 0; */ /* width: 20%; */ /* line-height: 50px; */ /* height: 50px; */ overflow: hidden; cursor: pointer; box-shadow: none; min-width: auto; background: none; font-size: 12px; font-weight: normal; /* border: 1px solid #e6e6e6; */ display: block; text-align: center; color: #666666; }

.ProductIcon .box1 i { font-size: 28px; margin-left: 0; line-height: 50px; width: 100%; color: rgba(102, 102, 102, 0.63); }

.ProductIcon .box1 i:before { line-height: 50px; }

.ProductIcon .box1:hover { color: #a6d5db; /* background: #7e7e7e; */ }

.ProductIcon .box1:hover i:before { color: #a6d5db; /* background: #7e7e7e; */ }


.ProductDetail .product-social-icon-wrapper { display: block !important; position: absolute; right: 0; width: auto !important; bottom: 30px; margin-right: 0 !important; }


.ProductDetail .product-social-icon-wrapper { float: left; width: 100%; }

.ProductDetail .product-social-icon-wrapper .PaylasTit { float: left; font-size: 12px; color: #a6a6a6; font-weight: 500; margin-right: 20px; line-height: 19px; }

.ProductDetail .product-social-icon-wrapper ul { float: left; margin-right: 0 !important; }

.ProductDetail .product-social-icon-wrapper li { float: left; margin-left: 12px; margin-right: 0 !important; }

.ProductDetail .product-social-icon-wrapper li:last-child { margin-right: 0; }

.ProductDetail .product-social-icon-wrapper li a { display: inline-block !important; font-size: 0 !important; color: #a6a6a6; }

.ProductDetail .product-social-icon-wrapper li a i { font-size: 18px; line-height: 18px; margin-right: 0 !important; }

/*Sepet ve Satın Al Butonları*/

#divAdetCombo { float: left; margin: 15px 0px; display: block; }

#divSatinAl { float: left; width: 100%; margin-bottom: 0px; margin-top: 20px; border-bottom: 0; padding-bottom: 0; }

#divSatinAl .buyfast { float: left; width: 48%; }

#divSatinAl .buyfast input { height: 46px; width: 100%; text-align: center; letter-spacing: 0.5px; padding: 0; text-align: center; color: #fff; font-size: 16px; background: #415a68; border: none; font-weight: 600; }

#divSatinAl .BasketBtn { float: left; width: 100%; }

#divSatinAl .BasketBtn .Basketinp { float: left; width: 23%; margin-right: 1.3%; }

#divSatinAl .BasketBtn .Basketinp p { display: none; }

#divSatinAl .BasketBtn .Basketinp .riSingle { width: 100%; position: relative; }

#divSatinAl .BasketBtn .Basketinp #txtbxurunSiparisAdedi_wrapper { width: 100% !important; float: left; padding: 0 !important; position: absolute; }

#divSatinAl .BasketBtn .Basketinp #txtbxurunSiparisAdedi { width: 50%; text-align: center; height: 46px !important; padding: 0 !important; border-color: #e0e0e0; border-radius: 0; box-shadow: none; margin-left: 25%; }

#divSatinAl .BasketBtn .Basketinp .riUp {z-index:1; position: absolute; background: #fefefe !important; cursor: pointer; margin: 0 !important; top: auto; left: auto; right: 0; bottom: auto; width: 25%; height: 46px; float: right; border: 1px solid #e0e0e0; border-left: none; text-indent: 0 !important; }

#divSatinAl .BasketBtn .Basketinp .riUp .fa { line-height: 51px; }

#divSatinAl .BasketBtn .Basketinp .riDown { z-index:1; position: absolute; background: #fefefe !important; cursor: pointer; margin: 0 !important; top: auto; left: 0; right: auto; bottom: auto; width: 25%; height: 46px; float: left; border: 1px solid #e0e0e0; border-right: none; text-indent: 0 !important; }

#divSatinAl .BasketBtn .Basketinp .riDown .fa { line-height: 46px; }

#divSatinAl .BasketBtn .basketBtn { float: left; width: 48%; margin-right: 1.5%; }

#divSatinAl .BasketBtn .basketBtn .Addtobasket, #divSatinAl .BasketBtn .basketBtn input { height: 46px; width: 100%; text-align: center; padding: 0 !important; letter-spacing: 0.5px; font-weight: 600; text-align: center; color: #fff; font-size: 16px; background: #69c2de; border: none; }

#divSatinAl .BasketBtn .basketBtn .Addtobasket { display: block; line-height: 46px; }

#divKombinSatinAl { float: left; width: 100%; margin-bottom: 10px; text-align: center; }

#divKombinSatinAl a { height: 40px; margin: 0 !important; float: none !important; display: inline-block; line-height: 40px; letter-spacing: 0.5px; padding: 0 20px; text-align: center; color: #fff; font-size: 20px; background: #69c2de !important; border: none; }

#divKombinSatinAl a:hover { background: #747474 !important; }

.kombinright_line a { padding: 0 3px; }

#divKombinUrunEkSecenek .divKombinEksecenekTipi { float: left; clear: left; width: 100%; }

#divAdetCombo .left_line { display: none; }

#divAdetCombo .center_line { display: none; }

#divAdetCombo select { height: 46px !important; padding: 0; margin: 0; cursor: pointer; }

/*Yazdır, Tavsiye Et, Yorum Yaz Butonları*/
.ProductIcon2 { float: left; width: 100%; }

.ProductIcon2 .TavsiyeEtBtnContent, .ProductIcon2 .hidden-phone, .ProductIcon2 .YorumYazbtnContent { float: left; margin: 0 8px 0 0; width: 16%; }

.ProductIcon2 .TavsiyeEtBtnContent > a, .ProductIcon2 .hidden-phone > a, .ProductIcon2 .YorumYazbtnContent > a { width: 100%; color: #666666 !important; text-shadow: none !important; background: none; display: inline-block; border-bottom: 2px solid #efefef; padding: 13px 0 12px 0; background-color: #efefef; font-size: 12px; font-weight: 300; font-family: "Roboto", sans-serif !important; text-align: center; margin: 0 0 0 0; }

.ProductIcon2 .TavsiyeEtBtnContent > a:hover, .ProductIcon2 .hidden-phone > a:hover, .ProductIcon2 .YorumYazbtnContent > a:hover { color: #69c2de !important; border-color: #69c2de !important; background-color: #fff; }

/*Detay Sosyal Medya Paylaş Butonları*/
.socialButons { float: left; width: 100%; }

.socialButons > div { float: left; margin-right: 5px; }

/*Ürün Özellik Bölümü*/
.urunOzellik { width: 100%; float: left; margin-bottom: 20px; padding: 0 10px; margin-top: 30px; }

.urunTab { float: left; width: 100%; border-bottom: 1px solid #ebebeb; }

.urunTab ul { float: left; width: 100%; text-align: center; }

.urunTab ul li { display: inline-block; padding: 10px 1px; border-bottom: 2px solid transparent; }

.urunTab ul li a { display: block; text-transform: uppercase; text-align: center; font-size: 16px; color: #707070; border-right: 1px solid #989898; padding-left: 30px; padding-right: 30px; }

.urunTab ul li:last-child a { border-right: 0; }

.urunTab .hidden-phone .TabUrunOnerileri ul li.active { display: none; }

.urunTab ul li a:hover { color: #69c2de; border-color: #69c2de; }

.urunTab ul li.active { border-color: #69c2de !important; }

.urunDetayPanel { float: left; width: 100%; padding: 0; font-size: 15px; line-height: 25px; color: #666666; }

.urunDetayPanel .frmUrunOneriler { font-size: 10px; line-height: 14px; color: #666666; }

.urunDetayPanel .yorumlarItem { background-color: #eeeeee; border-bottom: 3px solid #A09B98; padding: 16px; line-height: 26px; float: left; width: 100%; margin-top: 20px; }

.urunDetayPanel .yorumlarItemS1 { padding-bottom: 5px; font-size: 12px; color: #666; border-bottom: 1px dashed #A09B98; }

.urunDetayPanel .button { color: #fff; }

#btnYorumKaydet { float: left; }

.urunTabAlt { width: 100%; overflow: auto; background: #eec4c905; padding: 20px 0; }

.urunTabAlt ul li { margin-bottom: 10px; clear: both; }

.oneriValidate .validate { top: 0; padding: 5px; }

.urunTabAlt ul li input { float: left; margin-right: 5px; }

.urunTabAlt ul li .captchaImageBox { float: left; }

.urunTabAlt ul li .captchaInputBox { margin: 10px; float: left; }

.urunTabAlt ul li.urundetyaGuvenlikodu span { float: left; }

.urunTabAlt ul li .GuvnelikKodu { float: left; line-height: 50px; margin-right: 10px; display: block; }


.taksitBlok { width: 25%; }

/*Benzer Ürünler Cerceve*/
.benzerUrunlerWrapper { background: #efefef; clear: left; }

.benzerUrunlerWrapper:before, .benzerUrunlerWrapper:after { content: ""; display: table; }

.benzerUrunlerWrapper:after { clear: both; }

#divBenzerUrun, #divIlgiliUrunler { float: left; width: 100%; margin-bottom: 20px; }

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

.categoryTitle { margin: 0 0; padding: 0; }

#divBenzerUrun .categoryTitle, #divIlgiliUrunler .categoryTitle { background: #fff; }

#divBenzerUrun .categoryTitle *, #divIlgiliUrunler .categoryTitle * { color: #415a68; font-weight: bold; font-size: 20px; }

.productModule2 ul { float: left; width: 100%; }

.productModule2 ul li { float: left; width: 19%; margin-right: 1.2%; }

.productModule2 ul li:nth-child(5n) { margin-right: 0; }

.productModule2 ul li:last-child { display: none; }

#divIlgiliUrunler .productModuleItem { float: left; text-align: center; width: 19%; margin-right: 1.2%; display: inline-block; margin-bottom: 20px !important; }

#divIlgiliUrunler .productModuleItem:nth-child(5n+1) { margin-right: 0; }

/* ------------------------------------Blok Modüller--------------------------------------------*/
.Block_item { margin: 0 0 20px 0; clear: both; border-top: none; float: left; width: 100%; }

.Block_item.OzelBlokIcerik { border: 0; }

.Block_item.OzelBlokIcerik .Block_Text { padding: 0; }

.Block_item.UrunGuruplari .Block_Text { padding: 0; }

.Block_item .Block_Text { padding: 0px; float: left; width: 100%; border-top: none; }

.Block_item .Block_Text ul li a { display: block; font-weight: 400; color: #2b2b2b; font-size: 14px; }

.Block_item .Block_Text input[type=submit], .Block_item .Block_Text input[type=button] { margin-top: 10px; }

.Block_item .Block_Title { overflow: hidden; cursor: pointer; font-size: 15px; font-weight: 500; word-wrap: break-word; display: block; color: #2b2b2b; border-bottom: 1px solid #ddd; padding: 9px 0 15px 0px; }

.Block_item .Block_Title span { float: left; display: block; width: 100%; font-size: 13px; font-weight: 500; color: #2b2b2b; }

.Block_item .Block_Title .fa { float: right; }

#ulInviteMember { padding: 0px; }

#divmarkaarama { padding: 0px; }

.sideuserlogin { padding: 0px; }

.sideuserlogin .spanTittle { display: none; }

.Block_item.Arama .Block_Text { padding: 0px; }

.Block_item.Anket .Block_Text { padding: 0px; }

.Block_item.SepetBlock .Block_Text { padding: 0px; }

.Block_item.EmailListesi .Block_Text { padding: 0px; }

.Block_item.DovizKurlari .Block_Text { padding: 0 0px; }

.Block_item.YanUyeGirisi ul li { border-bottom: 1px solid #eee; }

.Block_item.YanUyeGirisi ul li a { color: #666; font-size: 14px; display: block; padding: 0 10px; line-height: 30px; }

.Block_item.YanUyeGirisi a { color: #666; font-size: 14px; display: block; padding: 0 10px; line-height: 30px; }

.Block_item.YanUyeGirisi .userPassBtn { padding: 0; }

.Block_item.YanUyeGirisi .userSignUp { padding: 0; }

.Block_item.YanUyeGirisi .Hosgeldiniz { color: #666; font-size: 14px; display: block; padding: 0 10px; line-height: 30px; }

.Block_item.YanUyeGirisi .ParaPuaniniz { color: #666; font-size: 14px; display: block; padding: 0 10px; line-height: 30px; }

.Block_item .textbox { margin: 0; }

.UrunGuruplari .Block_Text { display: block; }

.KategoriFilitrelemeContent .Block_Text { display: block; }

.FirsatSlideItem .Block_Text { display: block; }

/*Özel Blok İçerik*/
.OzelBlokIcerik { display: block !important; margin: 0; }

.OzelBlokIcerik .Block_Text { display: block !important; }

.OzelBlokIcerik .Block_Text img { width: 100%; display: block; }

.Block_item.Anket .Block_Text { text-align: center; }

.Block_item.Anket .Block_Text input[type=submit], .Block_item.Anket .Block_Text a { margin-top: 10px; }

.Block_item.Anket .Block_Text table tr td { text-align: left; }

.Block_item.Anket .Block_Text table tr td input { margin-right: 5px; }

.Block_item.ArkadasiniDavetet input[type=submit], .Block_item.ArkadasiniDavetet input[type=button], .Block_item.Arama input[type=submit], .Block_item.Arama input[type=button], .Block_item.EmailListesi input[type=submit], .Block_item.EmailListesi input[type=button] { margin-top: 10px; float: right; }

.Block_item.YanUyeGirisi .sideuserlogin ul li label { line-height: 34px; }


/* ================================================ */
/* ! ANASAYFA BLOKLAR                               */
/* ================================================ */
.anasayfaBloklar { float: left; width: 100%; }

.anasayfaBloklar .blokRow { margin: 0 -10px; }

.anasayfaBloklar .ucluBlok, .anasayfaBloklar .ortaBlok { float: left; width: 33.333%; padding: 0 10px; margin-bottom: 20px; }

.anasayfaBloklar .solBlok, .anasayfaBloklar .sagBlok { float: left; width: 33.333%; padding: 0 10px; }

.anasayfaBloklar .solBlok .blok, .anasayfaBloklar .sagBlok .blok { float: left; width: 100%; margin-bottom: 20px; }

.anasayfaBloklar a { display: block; }

.anasayfaBloklar a img { display: block; max-width: 100%; margin: 0 auto; }

.anasayfaBanner a { display: block; width: 100%; height: 100%; position: relative; }

.anasayfaBanner .btnincele { background-color: #fff; position: absolute; padding: 10px 50px; bottom: 30px; left: 10%; right: 10%; text-align: center; font-size: 13px; color: #3d3d3d; border: 1px solid #e1e1e1; font-weight: 600; }

.anasayfaBanner .btnincele:hover { background-color: #69c2de; border: 1px solid #69c2de; color: #fff; }

/*------------------------------------Blok Sepet--------------------------------------------*/
.SepetBlockInfo { text-align: left; }

.SepetBlockInfo table { border-collapse: collapse; margin-bottom: 5px; width: 100%; }

.SepetBlockInfo td { border-bottom: 1px solid #EEEEEE; padding: 5px 2px; vertical-align: top; }

.SepetBlockInfo .SepetBlockImg img { border: 1px solid #EEEEEE; text-align: left; }

.SepetBlockInfo .SepetBlockName a { color: #666666; font-size: 11px; }

.SepetBlockInfo .SepetBlockAdet { text-align: right; font-size: 11px; }

.SepetBlockInfo td.SepetBlockTotal { text-align: right; }

.SepetBlockInfo .SepetBlockRemove a { text-align: right; cursor: pointer; width: 10px; height: 20px; font-size: 0; display: block; background: url(/App_Themes/Default/images/remove-small.png) center 4px no-repeat; }

.SepetBlockGenelTotal { text-align: right; }

.SepetBlockGenelTotal table { border-collapse: collapse; margin-bottom: 5px; }

.SepetBlockGenelTotal td { padding: 4px; font-size: 14px; }

.SepetBlockGenelTotal td b { font-weight: 700; }

.SepetBlockCheck { clear: both; float: left; text-align: center; width: 100%; }

.SepetBlockCheck a { line-height: 30px; }
/*------------------------------------Blok Sepet--------------------------------------------*/


.SonEklenenUrunler .Block_Text { padding: 0px; }



/* ================================================ */
/* ! HEADER                                         */
/* ================================================ */


#header { clear: both; text-align: center; background-color: #edf6ff6b; }

#header:before, #header:after { content: " "; display: table; }

#header:after { clear: both; }

#lang_flag_container { left: auto !important; right: 0 !important; top: -2px !important; }

#langHover { padding-right: 0 !important; }

#lang-detail { left: auto !important; right: 0 !important; }

.mobileNav { display: none; }


#logo { text-align: center; display: inline-table; height: 100px; }
#logo a { display: table-cell; vertical-align: middle; }
#logo a img { max-width: 300px; display: block; }

.uyeGirisUyeAdi { display: none; }

.welcome { float: right; position: absolute; right: 37px; top: 0; }

.welcome .uyeGirisWelcome { display: none; }

.welcome ul li { float: left; }

.welcome a { float: left; color: #9b9b9b; font-family: 'FontAwesome' !important; font-style: normal; font-weight: 300; font-size: 18px; }

.welcome a:hover { color: #69c2de; }

.welcome .headerUyeGiris a { font-size: 0; margin-left: 20px; }

.welcome .headerUyeOl a { font-size: 0; margin-left: 20px; }

.welcome .headerHesabim { font-size: 0; margin-left: 20px; }

.welcome .headerCikis { font-size: 0; margin-left: 20px; }

.welcome .headerHesabim:after { display: block; content: "\e82a"; font-size: 17px; font-family: Linearicons-Free; speak: none; font-style: normal; font-weight: 500; line-height: 97px; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.welcome .headerCikis:after { content: "\e820"; display: block; font-size: 18px; font-family: Linearicons-Free; speak: none; font-style: normal; font-weight: 500; line-height: 97px; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.welcome .headerUyeGiris a:after { content: '\f007'; font-size: 18px !important; line-height: 100px; }

.welcome .headerUyeOl a:after { content: '\f234'; font-size: 18px !important; line-height: 100px; }

.hakkimizdaBolumu { float: left; }

.hakkimizdaBolumu a { float: left; color: #000; font-weight: 600; font-size: 12px; line-height: 35px; padding: 0 14px; border: 1px solid rgba(255, 255, 255, 0.3); border-left: none; border-top: none; border-bottom: none; }

.hakkimizdaBolumu a:hover { background: #fff; }

.headerSosyalMedya { float: left; margin-top: 6px; margin-left: 10px; }

.headerSosyalMedya a { float: left; display: inline-block; color: #000; font-size: 14px; margin-left: 7px; width: 27px; text-align: center; }

.headerSosyalMedya a .fa { line-height: 27px; }

.headerSosyalMedya a:hover { color: #69c2de; }

.usernav { display: none; }

.favicon { position: absolute; right: -6px; top: 39px; }
.favicon a { color: #fff; font-size: 0; font-weight: 500; line-height: 25px; }
.favicon a i { color: #a1a3a1; font-size: 20px; margin-right: 9px; float: left; }





/*Header Menu*/
.navigation { float: right; width: 100%; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; text-align: center; }

.navigation .HeaderMenu2 > li { position: relative; display: inline-block; }

.navigation .HeaderMenu2 > li > a { padding: 0px 23px; line-height: 52px; color: #2b2b2b; font-size: 16px; display: block; font-weight: 400; letter-spacing: 0.4px; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); }

.navigation .HeaderMenu2 > li > a .fa { margin-left: 7px; }

.navigation .HeaderMenu2 > li:hover > a { background: #69c2de; color: #fff !important; }

.navigation .HeaderMenu2 > li .altMenu { position: absolute; display: none; left: 0; top: 100%; z-index: 99; background: #fcfcfc; width: 200px; }

.navigation .HeaderMenu2 > li .altMenu h4 { display: none; }

.navigation .HeaderMenu2 > li .altMenu ul li { border-bottom: 1px solid #f5f5f5; }

.navigation .HeaderMenu2 > li .altMenu ul li a { display: block; color: #2b2b2b; font-weight: 700; font-size: 13px; line-height: normal; text-align: left; padding: 11px 25px; }

.navigation .HeaderMenu2 > li .altMenu ul li a:hover { color: #69c2de; }

.navigation .HeaderMenu2 > li:hover .altMenu { display: block; }

.navigation .HeaderMenu2 > li ul { position: absolute; display: none; left: 0; top: 100%; z-index: 99; background: #fff; width: 240px; padding: 25px 0; box-shadow: 0 1px 1px rgba(0,0,0,.15) !important; border: 1px solid rgba(0,0,0,.05); }

.navigation .HeaderMenu2 > li > ul li { position: relative; }

.navigation .HeaderMenu2 > li ul li:hover > ul { display: block; left: 100%; top: 0; position: absolute; }

.navigation .HeaderMenu2 > li > ul > li > a { display: block; color: #2b2b2b; font-weight: normal; font-size: 15px; line-height: normal; text-align: left; padding: 15px 25px; position: relative; }

.navigation .HeaderMenu2 > li > ul li > a:after { display: inline-block; font: normal normal normal 7px/1 FontAwesome; font-size: 7px !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f054"; position: absolute; left: 15px; top: 21px; }

.navigation .HeaderMenu2 > li > ul > li > a .fa { display: none; }

.navigation .HeaderMenu2 > li > ul > li > a:hover { color: #69c2de; }

.navigation .HeaderMenu2 > li > ul > li ul li a { display: block; color: #2b2b2b; font-weight: normal; font-size: 15px; line-height: normal; text-align: left; padding: 15px 25px; }

.navigation .HeaderMenu2 > li > ul > li ul li a:hover { color: #69c2de; }

.navigation .HeaderMenu2 li:hover > ul { display: block; }

.navigation .HeaderMenu2 > li:hover > a { color: #000; }

.navigation .HeaderMenu2 > li:hover > a:before { height: 100%; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; }


.hText { position: absolute; left: 34px; top: 40px; }
.hText a { float: left; margin-right: 9px; padding-right: 9px; border-right: 1px solid #2b2b2b; color: #2b2b2b; font-size: 12px; line-height: 14px; }
.hText a:last-child { border-right: none; }


/*Sepet*/
.mycart { float: right; position: absolute; right: 110px; top: 0; }

.mycart > a { display: block; color: #686868; line-height: 96px; margin-left: 25px; }

.mycart > a:after { display: block; content: "\e82e"; font-size: 18px; font-family: Linearicons-Free; speak: none; font-style: normal; font-weight: 500; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.mycart .sepetTecxt { display: none; }

.mycart .sepetTecxt .fa { display: none; }

.mycart .sepetUrun { display: none; }

.mycart .sepetUrunSayisi { display: none; text-align: center; color: #666; font-size: 20px; font-weight: 600; padding: 0 0 3px 0; }

.mycart > a:hover:after { color: #69c2de; }

.CartProduct { width: 318px; float: left; background: #fff; z-index: 99999; border: 1px solid #d6d6d6; border-top: 5px solid #fff; padding: 20px; position: absolute; top: 100%; margin-top: 0; left: 50%; margin-left: -150px; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4); }


.spanustSepetteUrunYok:before { width: 40px; height: 40px; content: ""; background: url(images/divustSepetteUrunYok.png) no-repeat center center; margin: 0 auto 10px; display: block; }


.CartProduct .SPrice { height: 30px; background: #69c2de; width: 100%; text-align: center; color: #fff; font-size: 12px; font-weight: bold; margin-top: 15px; }

.CartProduct .SPrice * { color: #fff; font-size: 12px; line-height: 30px; font-weight: bold; }

.CartProduct .SPrice .sepetToplamTutar { color: #fff; margin-left: 5px; }

.CartProduct .SProduct { display: table; overflow: hidden; text-align: center; font-weight: 300; font-size: 12px; color: #000000; max-height: 300px; overflow-y: auto; }

.CartProduct .SProduct::-webkit-scrollbar { width: 5px; }

.CartProduct .SProduct::-webkit-scrollbar-track { background: #e9e9e9; }

.CartProduct .SProduct::-webkit-scrollbar-thumb { background: #d9d9d9 !important; width: 5px; height: 100px; border-radius: 0; border: none !important; }

.CartProduct .SProduct li { display: block; padding: 0 0 15px 0; margin-bottom: 10px; border-bottom: 1px solid #e1e1e1; position: relative; }

.CartProduct .SProduct li:After { clear: both; display: table; content: ""; }

.CartProduct .SProduct li a { float: left; display: table; width: 100%; }

.CartProduct .SProduct li a + a { position: absolute; right: 0; top: 0; width: auto !important; }



.CartProduct .SProduct li a:last-child * { color: #bfbfbf; }


.CartProduct .SProduct li a * { display: table-cell !important; vertical-align: middle !important; color: #232120; font-size: 11px; line-height: 14.4px; padding: 0 2px; text-align: left; }

.CartProduct .SProduct li a .sepetTopFiyat { white-space: nowrap; color: #000; font-weight: 600; float: right; line-height: 70px; }

.CartProduct .SProduct .SepetTopSil { display: inline-block; position: absolute; right: 0; top: 0; }

.CartProduct .SProduct li a img { }

.mycart:hover .CartProduct { display: block !important; }

.headerCartBtn { display: block !important; margin-top: 10px !important; float: left; width: 45%; background-color: #415a68; font-size: 11px !important; }

.headerOrderBtn { display: block !important; margin-top: 10px !important; float: right; width: 50%; background-color: #415a68; font-size: 11px !important; }

/*Arama*/
.aramaButonu { float: right; display: inline-block; color: #2b2b2b; font-style: normal; font-weight: 300; font-size: 18px !important; line-height: 90px;cursor: pointer; }

.aramaButonu .lnr { line-height: 97px; font-size: 17px; }

#divArama { position: relative; float: left; width: 100%; }

.searchContent { display: none; position: absolute; right: 0; top: 100%; background: #fff; z-index: 9999; padding: 30px; }

.searchContent .ButtonMic { display: none !important; }

.searchContent #txtbxArama { -webkit-appearance: none; float: left; width: 100%; font-weight: 300; height: 40px; color: #2b2b2b; font-size: 12px; border: none; padding: 0 70px 0 20px; background: transparent; border: 1px solid #e1e1e1; }

.searchContent #btnKelimeAra { -webkit-appearance: none; cursor: pointer; position: absolute; border: none; right: 0px; top: 1px; padding: 0 15px; height: 40px; background: #e1e1e1; color: #fff; font-size: 12px; }


/* ================================================ */
/* ! FOOTER                                         */
/* ================================================ */
.ebultenBolumu { float: left; width: 100%; margin-top: 25px; background: url('https://static.ticimax.cloud/39477/Uploads/EditorUploads/ccc.jpg') center center; background-size: cover; height: 500px; margin-bottom: 0px; }

.ebultenBolumu .ebultenBaslik { float: left; width: 100%; margin-top: 145px; margin-bottom: 25px; display: block; color: #2b2b2b; font-family: 'Roboto', sans-serif; font-size: 13px; }

.ebultenBolumu .ebultenBaslik strong { font-size: 24px; font-weight: 500; display: block; margin-bottom: 30px; }

#divNewsLetter { width: 100%; display: inline-block; position: relative; }

#divNewsLetter label { display: none; }

#divNewsLetter #txtbxNewsletterMail { border: 1px solid #fff; height: 40px; color: #000; background: #fff; font-size: 13px; width: 100%; padding-right: 80px; }

#divNewsLetter #btnMailKaydet { position: absolute; background: #69c2de; right: 0; top: 0; height: 40px; line-height: 40px; padding: 0 15px; margin: 0; }

#divNewsLetter .newsbutton { position: absolute; background: #69c2de; right: 0; top: 0; height: 40px; line-height: 40px; padding: 0 15px; margin: 0; }


.footerTopTutucu { background-color: #fff; border-top: 1px solid #efefef; padding: 35px 0 35px 0; margin-top: 20px; }

.footerGenelTutucu { float: left; width: 100%; background: #f5f5f9; }

.footerGenelTutucu:after { clear: both; display: table; content: ""; }

.footerBankaTutucu { float: left; width: 100%; background: #efefef; border-top: 1px solid #d7d7d7; padding: 25px 0; }

.footerBankaTutucu:after { clear: both; display: table; content: ""; }

.bankaSol { float: left; }

.bankaSag { float: right; font-size: 12px; color: #d7d7d7; line-height: 23px; }

.footerTopTutucu .footerLogoTutucu { float: left; width: 100%; text-align: center; margin: 0 0 0 0; }

.footerTopTutucu .footerLogoTutucu .footerLogo { display: inline-block; margin-bottom: 20px; }

.footerTopTutucu .footerSosyalMedya { float: left; width: 100%; text-align: center; }

.footerTopTutucu .footerSosyalMedya a { display: inline-block; margin: 0 10px; color: #5f5f5f; font-size: 18px; }

.footerGenelTutucu .dortluBlok { float: left; width: 25%; margin: 30px 0; padding: 0 10px; }

.footerGenelTutucu .dortluBlokIcerik { float: left; width: 100%; background: #fff; padding: 25px; text-align: center; }

.footerGenelTutucu .dortluBlokIcerik .fa { font-size: 18px; color: #2b2b2b; }

.footerGenelTutucu .dortluBlokIcerik span { display: block; text-align: center; font-size: 13px; margin-top: 17px; color: #2b2b2b; font-weight: 400; }

.footerGenelTutucu .dortluBlokIcerik span strong { display: inline-block; color: #8c8c8c; font-weight: 400; }

.footerGenelTutucu .dortluAltBlok { float: left; width: 25%; margin: 45px 0; }

.footerGenelTutucu .dortluAltBlok h5 { color: #2f2f2f; font-size: 14px; font-weight: 600; margin-bottom: 15px; display: block; }

.footerGenelTutucu .dortluAltBlok ul { }

.footerGenelTutucu .dortluAltBlok ul li { margin-bottom: 10px; }

.footerGenelTutucu .dortluAltBlok ul li a { display: inline-block; color: #8c8c8c; font-size: 12px; font-weight: 300; }

.footerGenelTutucu .dortluAltBlok ul li a:hover { text-decoration: underline; }

.footerGenelTutucu .dortluAltBlok span { display: inline-block; color: #8c8c8c; font-size: 14px; margin-bottom: 10px; }

#ticimaxCopyright { display: inline-block; margin: 0 !important; line-height: 45px !important; }

#ticimaxCopyright a { color: #69c2de !important; }

.userLoginBtn, .userSignBtn { border: 0 !important; }


@media (min-width: 1199px) and (max-width:1260px) {

    .ticiContainer, .headerContent { width: 1180px; margin-left: 10px; margin-right: 10px; }

    .ProductDetailMain .ProductDetailMainRow { margin: 0; margin-top: 15px; }

    .ProductDetailMain .leftImage { width: 390px; padding-right: 10px; }

    .ProductDetailMain .RightDetail { width: 790px; padding-left: 10px; }
}

@media (max-width:1260px) {

    .ticiContainer, .headerContent { width: 1180px; margin-left: 10px; margin-right: 10px; }

    .ProductDetailMain .ProductDetailMainRow { margin: 0; margin-top: 5px; }

    .ProductDetailMain .leftImage { width: 450px; padding-right: 10px; }

    .ProductDetailMain .RightDetail { width: 720px; padding-left: 10px; }
}

@media (max-width: 1199px) {
    .ticiContainer, .headerContent { width: 970px; margin: 0 auto; }

    .navigation { width: 100%; }

    .ProductDetailMain .RightDetail { width: 498px; margin-top: 15px; }

    .ProductIcon .UTelefonlaSiparis, .ProductIcon .UFavorilerimeEkle, .ProductIcon .UIstekListemeEkle, .ProductIcon .UFavorilerimeEkle, .ProductIcon .UindirimliUrun, .ProductIcon .FiyatHaberVer, .ProductIcon .UrunKargoBedava, .ProductIcon .UGelinceHaberVer { width: 16%; }
}

@media (max-width: 991px) {

    .ticiContainer, .headerContent { width: 750px; margin: 0 auto; }

    .FiltrelemeUrunAdet { display: none !important; }

    .ProductDetailMain .leftImage { width: 300px; }

    .ProductDetailMain .RightDetail { width: 450px; }

    .leftBlock { display: none; }
}

@media (max-width: 767px) {

    .ticiContainer, .headerContent { width: 97%; margin: 0 auto; }

    .slides { overflow: hidden; }

    .slides li a {  display: block; }

    .slides li a img { display: block; width: 100%; height: auto; }

    .leftBlock { display: none; }

    .ProductDetailMain .leftImage { width: 40%; text-align: center; padding-right: 10px; }

    .ProductDetailMain .RightDetail { width: 60%; padding-left: 10px; }

    .footerBankaTutucu { display: none; }

    .footerGenelTutucu .dortluAltBlok { text-align: center; width: 100%; margin: 10px 0; }

    .anasayfaBanner > div { margin-bottom: 10px; }

    .ProductList .ItemOrj.col-xs-6 { padding-left: 2px; padding-right: 2px; }

    .ProductDetail .product-social-icon-wrapper { display: none !important; }

    .ProductIcon .UTelefonlaSiparis, .ProductIcon .UFavorilerimeEkle, .ProductIcon .UIstekListemeEkle, .ProductIcon .UFavorilerimeEkle, .ProductIcon .UindirimliUrun, .ProductIcon .FiyatHaberVer, .ProductIcon .UrunKargoBedava, .ProductIcon .UGelinceHaberVer { width: 30%; }

    .ProductIcon .box1 { margin-right: 0; }

    .categoryTitleText * { display: inline; }

    .breadcrumb { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .urunOzellik { margin-top: 10px; padding: 0; }

    .urunOzellik .mobilTab { margin-left: -5px; margin-right: -5px; }

    .urunOzellik > .mobilTab > ul > li { position: relative; background-color: #efefef; border-bottom: 1px solid #e9e9e9; }

    .urunOzellik .mobilTab ul li.active { background-color: #fff; }

    .urunOzellik .mobilTab ul li a:after { content: "\f107"; font-family: FontAwesome; font-size: 20px; line-height: normal; position: absolute; right: 8px; top: 10px; }

    .urunOzellik .mobilTab ul li.active a:after { content: "\f106"; }

    .urunOzellik .mobilTab ul li a { display: block; padding: 13px 5px; color: #000; font-size: 13px; }

    .urunOzellik .mobilTab ul li.active .urunDetayPanel { display: block !important; }

    .urunOzellik .urunDetayPanel { background-color: #fff; padding: 5px; float: none; }

    .urunOzellik .urunDetayPanel * { max-width: 100%; }

    .urunDetayPanel #yorumYaz { width: 100% !important; }

    .taksitBlok { width: 100%; }
    .urunDetayPanel .urunYorumYok { text-align: center; display: block; padding: 8px 0; }

    .urunDetayPanel .divYorumYazGiris { text-align: center; display: block; padding: 8px 0; }
}

@media (max-width: 580px) {

    .ProductDetailMain .leftImage { width: 100%; text-align: center; padding: 0; }

    .ProductDetailMain .RightDetail { width: 100%; padding-left: 0; margin-top: 23px;}

    .ProductIcon2 .TavsiyeEtBtnContent, .ProductIcon2 .hidden-phone, .ProductIcon2 .YorumYazbtnContent { width: 30%; }
}

@media (min-width:1192px) {
	.mobilMenu { display: none; }
}
@media screen and (max-width: 1191px) {
	.navigation .HeaderMenu2 > li > a {font-size: 12px !important;}
    .mobilMenuAcButton { display: block; }
    /*MobilMenu*/
    .menuUstBolum { width: 100%; display: inline-block; float: left; margin-top: 0; border-bottom: 1px solid #e8e8e8; background: #1894ac; }
    .menuUstBolum .CloseBtnMenu { float: right; line-height: 50px; color: #fff; font-size: 30px; width: 50px; text-align: center; margin: 0; cursor: pointer; }
    .menuUstBolum .CloseBtnMenu i { font-weight: 300; }
    .menuUstBolum .menuBack { float: left; line-height: 50px; color: #fff; font-size: 15px; text-align: center; margin: 0; cursor: pointer; padding-left: 20px; }
    .menuUstBolum .menuBack i { font-size: 20px; display: inline-block; vertical-align: top; line-height: 50px; margin-right: 10px; }
    .mobilaf { position: fixed; right: 0; left: 0; width: 100%; top: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 1001; display: none; -webkit-animation: fadein 0.5s; -moz-animation: fadein 0.5s; -ms-animation: fadein 0.5s; -o-animation: fadein 0.5s; animation: fadein 0.5s; }
    .mobilaf.acik { display: block; }
    .mobilMenu { position: fixed; left: 0; top: 0; bottom: 0; width: 360px; z-index: 99999; background: #fff; left:-110%; transition: left .3s ease-in-out; }
    .mobilMenu ul { list-style: none; padding: 0; margin: 0; }
    .mobilMenu.acik { left:0; }
    .mobilMenu .menuIcerikAlan { float: left; width: 100%; height: calc(100% - 51px); position: absolute; top: 51px; right: 0; left: 0; }
    .mobilMenu .navUl { float: left; width: 100%; height: 100%; }
    .mobilMenu .navUl > li > ul li, .mobilMenu .navUl > li { float: left; width: 100%; border-bottom: 1px solid #e5e5e5; position: relative; }
    .mobilMenu .navUl > li > ul li a, .mobilMenu .navUl > li > a { color: #000; font-size: 16px; font-weight: 500; line-height: 50px; display: inline-block; vertical-align: top; padding: 0 15px; z-index: 2; position: relative; width: 100%; }
    .mobilMenu .navUl .ulVar > a { width: auto; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliDown2, .mobilMenu .navUl > li > ul li .ResimsizDown2, .mobilMenu .navUl > li .ResimsizDown, .mobilMenu .navUl > li .ResimliDown { float: right; position: absolute; right: 0; top: 0; left: 0; z-index: 1; padding-right: 20px; cursor: pointer; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliDown2 i, .mobilMenu .navUl > li > ul li .ResimsizDown2 i, .mobilMenu .navUl > li .ResimsizDown i, .mobilMenu .navUl > li .ResimliDown i { line-height: 50px; font-size: 25px; float: right; font-weight: 300; }
    /*Acilirmenuicerik*/
    .mobilMenu .altMenu .altMenuMarkalar, .mobilMenu .altMenu .altMenuler { float: left; width: 360px; height: 100%; overflow-y: auto; overflow-x: hidden; position: absolute; top: 0; right: 0; left: 0; }
    .mobilMenu .altMenu .altMenuSag { display: none; }
    .mobilMenu .altMenu .altmenuSol { float: left; width: 100%; height: 100%; }
    /**/
    .mobilMenu .navUl > li ul.over { overflow-y: hidden; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl, .mobilMenu .navUl > li > ul li ul, .mobilMenu .navUl > li > ul, .mobilMenu .altMenu { position: fixed; left: -100%; top: 51px; bottom: 0; width: 100%; background: #fff; z-index: 3; transition: all 0.3s ease-in-out; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl.active, .mobilMenu .navUl > li > ul li ul.active, .mobilMenu .navUl > li > ul.active, .mobilMenu .altMenu.active { left: 0; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span, .mobilMenu .altMenu .altMenuMarkalar > span, .mobilMenu .altMenu .altmenuSol > span, .mobilMenu .navUl > li > ul li ul > span, .mobilMenu .navUl > li > ul > span { color: rgba(40, 47, 54, 0.8); font-size: 18px; font-weight: 600; line-height: 55px; padding-left: 55px; border-bottom: 1px solid #e5e5e5; position: relative; float: left; width: 100%; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span a, .mobilMenu .altMenu .altMenuMarkalar > span a, .mobilMenu .altMenu .altmenuSol > span a, .mobilMenu .navUl > li > ul > span span { z-index: 0; position: relative; }
    .mobilMenu .navUl > li > ul li ul > span .NoiBack2, .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span .DownBtn, .mobilMenu .altMenu .altMenuMarkalar > span .UpBtn, .mobilMenu .altMenu .altmenuSol > span .UpBtn, .mobilMenu .navUl > li > ul > span .NoiBack { line-height: 55px; text-align: left; z-index: 1; padding-left: 20px; font-size: 20px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span .DownBtn i, .mobilMenu .navUl > li > ul li ul > span .NoiBack2 i, .mobilMenu .altMenu .altMenuMarkalar > span .UpBtn i, .mobilMenu .altMenu .altmenuSol > span .UpBtn i, .mobilMenu .navUl > li > ul > span .NoiBack i { font-weight: normal; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl li, .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li, .mobilMenu .navUl > li > ul li { float: left; width: 100%; border-bottom: 1px solid #e5e5e5; position: relative; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl li > a, .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li > a, .mobilMenu .navUl > li > ul li a { color: #282f36; font-size: 16px; font-weight: 500; line-height: 50px; display: inline-block; vertical-align: top; padding: 0 13px; z-index: 2; position: relative; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl, .mobilMenu .navUl > li > ul li ul, .mobilMenu .navUl > li > ul, .mobilMenu .menuIcerikAlan { overflow-y: auto; overflow-x: hidden; }
    /*Markalar*/
    .mobilMenu .altMenu .altMenuMarkalar > a { float: left; width: 50%; padding: 0 13px; min-height: 57px; text-align: center; margin-bottom: 15px; }
}
@media (min-width: 990px) and (max-width: 1191px) {
	.mobilMenuAcButton { float: left; color: #000; font-size: 30px; margin-right: 30px; }
    .mobilMenuAcButton span { display: block; font-size: 11px; }
}
@media(max-width:989px) {

	.navigation { display: none; }

    #lang_flag_container { top:35px !important;}

    .aramaButonu { display: none; }

    #header { background-color: #fff; position: relative; height: 65px; border-bottom: 1px solid #d9d9d9; width: 100%; }

    #header #logo { width: 40%; margin: 0 auto !important; display: table !important; text-align: center; float: none; height: 45px; }

    #header #logo a { display: table-cell; vertical-align: middle; text-align: center !important; height: 65px; margin: 0 auto; }

    #header #logo img { max-width: 70px; max-height: 60px; display: inline; }

    body.sepetimBody { padding-top: 0; }
    /*header click button*/
    .mycart { top: 10px; right: 5px; width: 15px; height: 15px; z-index: auto; }
    .mycart .sepetUrunSayisi { background: #1894ac; color: #fff; width: 15px; height: 15px; line-height: 15px; }
    .mobilMenuAcButton { display: block; position: absolute; top: 0; left: 10px; font-size: 22px; color: #000; }
    .searchClick { display: block; position: absolute; top: 0; left: 50px; font-size: 22px; color: #000; }
    .welcomeOpen { display: block; position: absolute; top: 0; right: 50px; font-size: 22px; color: #00; }
    .mycartClick { display: block; position: absolute; top: 0; right: 10px; font-size: 22px; color: #000; }
    .mobilMenuAcButton span { font-size: 9px; display: block; line-height: 9px; display: none; }
    .mobilMenuAcButton i { display: inline-block; vertical-align: top; line-height: 60px; font-weight: 300; }
    .searchClick i { display: inline-block; vertical-align: top; line-height: 60px; font-weight: 300; }
    .welcomeOpen i { display: inline-block; vertical-align: top; line-height: 60px; font-weight: 300; }
    .mycartClick i { display: inline-block; vertical-align: top; line-height: 60px; font-weight: 300; }
    /*mobilmenu*/
    .mobilMenu { width: 85%; bottom: 50px; }
     .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl, .mobilMenu .navUl > li > ul li ul, .mobilMenu .navUl > li > ul,
    .mobilMenu .altMenu{width: 85%;}
    .menuUstBolum { margin-top: 0; }
    /*sepetalan*/
    .CartProductInner { position: absolute; top: 50px; bottom: 0; width: 100%; left: 0; right: 0; padding: 0 10px; }
    .SepetUst { float: left; width: calc(100% + 20px); text-align: center; color: #fff; line-height: 50px; font-size: 16px; margin-left: -10px; margin-right: -10px; margin-top: -10px; background: #1894ac; }
    .SepetUst span { display: inline-block; vertical-align: top; }
    .SepetUst .seClose { float: left; width: 40px; font-size: 22px; position: absolute; left: 0; }
    .SepetUst .seClose i { display: inline-block; vertical-align: top; line-height: 50px; font-weight: 300; }
    .CartProduct { background: #fff; background-size: 100%; position: fixed;left: auto; right: -100%; top: 0; width: 100%; height: calc(100% - 50px); padding: 0; display: block !important; border: none; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; opacity: 1; visibility: visible; -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); box-shadow: none; padding: 10px; border-radius: 0; }
    .CartProduct.animated { right: 0; }
    .CartProduct .SProduct { float: left; width: 100%; max-height: calc(100% - 129px); overflow-y: auto; overflow-x: hidden; font-size: 0; text-align: left; margin: 10px 0 0 0; }
    .CartProduct .headerCartBtn { line-height: 38px; font-size: 12px !important; text-align: center; }
    .CartProduct .headerOrderBtn { line-height: 40px; font-size: 12px !important; text-align: center; }
    .CartProduct .SPrice{float: left;}
    .mycart { background: none !important; padding: 0; margin: 0; border: none; position: absolute; left: auto; bottom: auto; }
    .mycart:before { display: none; }
    .mycart:after { display: none; }
    .mycart .sepetTopTutar { display: none !important; }
    .mycart .sepetUrun { display: none !important; }
    .mycart .sepetTecxt { display: none !important; }
    .mycart .sepetUrunSayisi { display: block !important; border-radius: 100%; text-align: center; font-size: 12px; border: none; position: static; margin: 0; }
    .mycart .sepetUrunSayisi:before { display: none; }
    .mycart .sepetUrunSayisi:after { display: none; }
    .mycart > a { display: block; width: auto; height: auto; padding: 0; border: none; margin: 0; background: transparent; }
    .mycart > a:before { display: none; }
    .mycart > a:after { display: none; }
    /*Sabit sayfalar icerik*/ /*Arama*/
    .searchContent { display: block; width: 100%; margin: 0; height: 0; background: #fff; overflow: hidden; position: absolute; top: 100%; left: 0; padding: 0; border: none; transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; z-index: 991; }
    .searchContent.active { height: 51px; padding: 0; overflow: visible; width: 100%; left: 0; right: 0; display: block; border-bottom: 1px solid #eee; }
    .search { margin: 0; max-width: 100%; width: 100%; position: relative; padding: 0; display: block; }
    .search:after { display: none; }
    .search:before { display: none; }
    .search .crossclick { display: none; }
    #divAramaKategori { top: 0; left: 0; }
    #divAramaKategori select { width: 70px; padding-left: 5px; font-size: 10px; height: 40px; }
    .searchContent #txtbxArama { height: 50px; padding-right: 30px; padding-left: 10px; width: 100%; box-shadow: none; font-size: 12px; border-radius: 0; margin: 0; border: 0 !important; }
    .searchContent.active #txtbxArama { padding: 0 70px 0 10px; }
    body .searchContent #btnKelimeAra { width: 60px; height: 100%; right: 10px; top: 10px; line-height: 30px; text-indent: 0; padding: 0; left: auto; background-position: center center; background-image: none; border: none; border-radius: 0; font-size: 15px; text-align: center; background: #1894ac; color: #fff; transition: ease .3s all; transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; display: block; border: 0; height: 30px; }
    .ButtonMic { right: 40px; height: 40px; }
    /*hosgeldin div*/
    .welcome { display: block; width: 100%; position: absolute; top: 100%; right: 0; bottom: auto; text-align: center; background: #1894ac; border: none; padding: 0; margin: 0; height: 0; border-radius: 0; z-index: 100; overflow: hidden; transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; }
    .welcome.active { height: 40px; }
    .welcome > div { width: 100%; position: static; padding: 0; box-shadow: none; display: block; background: transparent; margin: 0; }
    .welcome > ul { margin: 0; }
    .welcome > div:before { display: none; }
    .welcome:before { display: none; }
    .mobilMenu .welcome { display: block; }
    .welcome ul { float: left; width: 100%; list-style: none; padding: 0; margin: 0; }
    .welcome li { float: none !important; display: inline-block !important; width: auto; vertical-align: top; }
    .headerSocialConnect { margin-left: 0; }
    .headerSocialConnect .baglanButton { margin-left: 10px; background: transparent !important; margin-top: 0; }
    .headerSocialConnect .baglanButton a { line-height: 40px; font-size: 13px; color: #fff; padding: 0; }
    .headerSocialConnect .baglanButton a:before { line-height: 40px; }
    .welcome .headerHesabim, .welcome .headerCikis, .welcome .headerUyeOl a, .welcome .headerUyeGiris a { float: none; display: inline-block !important; font-size: 13px !important; line-height: 40px; color: #fff !important; border: none; padding: 0; width: auto; height: auto; margin: 0 5px; font-weight: 500; height: auto; text-transform: none; font-family: inherit !important; }
    .headerUyeGiris a, .headerHesabim { background: transparent; margin-right: 10px; }
    .headerUyeGiris a:after, .headerHesabim:after, .headerCikis:after, .headerUyeOl a:after, .headerUyeGiris a:before, .headerHesabim:before, .headerCikis:before, .headerUyeOl a:before { display: none !important; }
    .sepetimBody .bottomHead { display: none !important; }
    .bottomHead { float: left; width: 100%; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1002; background: #fff; border-top: 1px solid #cecece; display: block; }
    .bottomHead ul { margin: 0; list-style: none; padding: 0; }
    .bottomHead ul li { float: left; width: 25%; }
    .bottomHead ul li a { float: left; width: 100%; text-align: center; font-size: 12px; padding: 8px 0; color: #000; position: relative; height: 49px; }
    .bottomHead ul li a i { display: block; margin: 0 auto 3px; font-size: 18px; font-weight: 300; }

    .hText { display: none; }
    .categoryTitle .bold .satir1 { padding: 0 45px; }
    .iletisimContent { padding: 0px; }
    .iletisimContent .row { width: 100%; padding: 3px; margin-bottom: 10px; min-height: 1px; }
    .iletisimContent .row .span { line-height: 20px !important; bottom: 0 !important; height: auto; }
    .iletisimContent .row .span .Left { font-size: 11px !important; width: 30% !important; }
    .iletisimContent .row .span .Right { width: 68% !important; font-size: 11px !important; }
    .iletisimContent .row .span > .line1 > div { text-align: left; width: 100% !important; min-height: 20px; border-bottom: 1px solid #eee; margin: 0; }
    .iletisimContent .row .span > .line1 > div > span { width: 50% !important; float: left; text-align: left; min-height: 1px; }
    .iletisimContent .row .span > .line1 { border: none !important; margin: 0 !important; float: left; }
    .iletisimContent .row .span > .line2 { border: none !important; margin: 0 !important; float: left; }
    .iletisimContent .row .span > .line3 { border: none !important; margin: 0 0 20px 0 !important; float: left; }
    .iletisimContent .row .span > .line2 > .line1 { width: 100% !important; min-height: 1px; border-bottom: 1px solid #eee; margin: 0; line-height: 20px; }
    .iletisimContent .row .span > .line2 > .line1 > span:nth-child(2) { display: none; }
    .iletisimContent .row .span > .line2 > .line1 > span { width: 50% !important; float: left; text-align: left; }
    .iletisimContent .row .span > .line2 > .line2 { width: 100% !important; min-height: 1px; border-bottom: 1px solid #eee; }
    .iletisimContent .row .span > .line2 > .line2 > span:nth-child(2) { display: none; }
    .iletisimContent .row .span > .line2 > .line2 > span { width: 50% !important; float: left; text-align: left; }
    .iletisimContent .row .span > .line3 > .line1 { margin: 0; }
    .iletisimContent .row .span > .line3 > .line1 > span:nth-child(2) { display: none !important; }
    .iletisimContent .row .span > .line3 > .line1 > span { width: 50% !important; float: left; text-align: left; }
}

@media (min-width:990px) {
    .mobilMenuAcButton, .searchClick, .mycartClick, .welcomeOpen { display: none; }
    .bottomHead { display: none; }
	#divSatinAl .buyfast input:hover { background: #7e7e7e; }
	#divSatinAl .BasketBtn .basketBtn .Addtobasket:hover, #divSatinAl .BasketBtn .basketBtn input:hover { background: #747474; }
}
/*Fiyat Aralığı*/
.slider-range { width: 85%; margin: 10px 10px 0 17px !important; border-radius: 0; height: 3px !important; background-color: #000 !important; border: 0 !important; }
.slider-range .ui-slider-range { background: #e3e3e3 !important; height: 3px !important; margin-top: 0 !important; }
.slider-range .ui-slider-handle { background: #000 !important; border-radius: 100% !important; width: 10px !important; height: 10px !important; border: none !important; margin-top: 0 !important; margin-right: -4px !important; top: -4px; }
.amount { color: #000000; font-size: 11px; font-weight: 600; left: 0; padding: 10px 0 10px 10px; width: 100%; text-align: left; margin-bottom: 0; }
/*Fiyat Aralığı*/
.AnasayfaTasarim { margin-left: -5px; margin-right: -5px; overflow: hidden; }

.AnasayfaTasarim:after { clear: both; display: table; content: ""; }

.AnasayfaTasarimLine { overflow: hidden; float: none; width: 100%; position: relative; margin-bottom: 10px; overflow: hidden; padding-left: 5px; padding-right: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.AnasayfaTasarimLine.Kucuk { width: 50%; overflow: hidden; float: left; padding-left: 5px; padding-right: 5px; }

.AnasayfaTasarimLine a { display: block; }

.AnasayfaTasarimLine a img { margin: 0 auto; max-width: 100%; display: block; }

.AnasayfaTasarimLine .TasarimTime { float: right; position: relative; font-size: 11px; }

.AnasayfaTasarimLine .AnasayfaTasarimAdi { position: absolute; z-index: 9; background-color: rgba(0, 0, 0, 0.40); left: 5px; right: 5px; bottom: 0; color: #ffF; padding: 5px; font-size: 12px; }

.AnasayfaTasarimLine:hover .AnasayfaTasarimAdi { background-color: #000; }

@media(max-width:425px) {
    .AnasayfaTasarimLine.Kucuk { width: 100%; }
}

/*Galeri Modülü*/
section.ResimGaleri .ResimGaleriHeadIcerik { text-align: center; }

section.ResimGaleri .Main { position: relative; }

section.ResimGaleri .Main .AllGallery { position: absolute; top: 29px; font-size: 12px; right: 0; color: #000; text-decoration: underline; font-weight: 500; }

section.ResimGaleri .AddGallery { margin: 10px auto; background-color: #000; display: block; width: 200px; text-align: center; color: #fff; padding: 5px 0; }

section.ResimGaleri .AddGallery:hover { background-color: #ddd; color: #000; }

section.ResimGaleri .Main .Marquee-tag { position: relative; cursor: pointer; }

section.ResimGaleri .Main .Marquee-tag img { max-width: 100%; }

section.ResimGaleri .Main .Marquee-tag:hover:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; z-index: 9; font-family: linearicons-free; width: 50px; height: 50px; font-size: 30px; line-height: 50px; text-align: center; }

section.ResimGaleri .Main .Marquee-tag:hover:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 8; background: rgba(0, 0, 0, 0.46); }

.Modals .modal-body { padding: 30px; max-width: 420px; }

.Modals .modal-body .modal-title { font-weight: bold; text-transform: uppercase; font-size: 22px; margin-bottom: 15px; }

.Modals .modal-body .ResimGaleriHeadIcerik { font-size: 13px; line-height: 17px; margin-bottom: 20px; }

.Modals .modal-body .ResimGaleriHeadIcerik h2 { font-weight: bold; font-size: 18px; text-transform: uppercase; margin-bottom: 8px; text-align: center; }

.Modals .modal-body .modal-Subtitle { font-size: 13px; line-height: 17px; margin-bottom: 20px; }

.Modals .modal-body .modal-bottom { text-align: center; border-top: 1px solid #d8d8d8; padding-top: 20px; font-size: 12px; font-style: italic; }

.Modals .modal-body .modal-bottom span.Link { font-style: initial; text-transform: uppercase; color: #000; font-weight: 700; margin-left: 5px; cursor: pointer; }

.AddGalleryModal .Btn { width: 100%; border: 0; text-align: center; text-transform: uppercase; color: #fff; padding: 17px 10px; background-color: #222; border: 1px solid #222; cursor: pointer; display: block; }

.AddGalleryModal .Btn:hover, .AddGalleryModal .Btn:focus { color: #fff; }

.AddGalleryModal .Btn.Orange { background-color: #000; border: 1px solid #000; }

.AddGalleryModal .Btn.Orange:hover { background-color: #000; }

.AddGalleryModal .modal-dialog { margin: 0; }

.AddGalleryModal .modal-body { max-width: 100%; }

.AddGalleryModal .FormElements { margin-bottom: 10px; }

.AddGalleryModal .FormElements > input { padding: 8px 12px; }

.AddGalleryModal .modal-content { background: #fff; }

.AddGalleryModal .Gallery--Wrapper .BtnBox { margin: 30px 0; padding-top: 25px; border-top: 1px solid #b3b3b3; }

.AddGalleryModal .Gallery--Wrapper .Title { padding: 5px 0 10px; margin-bottom: 10px; border-bottom: 1px solid #b3b3b3; }

.AddGalleryModal .Gallery--Wrapper .row { box-sizing: inherit; padding: 0; width: auto; margin: 0; height: auto; float: none; background-color: transparent; position: static; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

.AddGalleryModal .Gallery--Wrapper .col-lg-6 { width: 50%; float: left; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.AddGalleryModal .Gallery--Wrapper .col-12 { width: 100%; float: left; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.AddGalleryModal .Gallery--Wrapper .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }

.AddGalleryModal .fileClear { padding: 5px 10px; font-size: 12px; font-weight: 600; display: inline-block; background-color: #f1f1f1; color: #777; }

.AddGalleryModal .box { display: block; background-color: white; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); overflow: hidden; }

.AddGalleryModal .upload-options { position: relative; height: 35px; background-color: #000; cursor: pointer; overflow: hidden; text-align: center; -webkit-transition: background-color ease-in-out 150ms; transition: background-color ease-in-out 150ms; }

.AddGalleryModal .upload-options:hover { background-color: #000; }

.AddGalleryModal .upload-options input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }

.AddGalleryModal .upload-options label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; overflow: hidden; }

.AddGalleryModal .upload-options label::after { content: 'Resim Seç'; position: absolute; font-size: 14px; color: #ffffff; z-index: 0; width: 100%; }

.AddGalleryModal .upload-options label span { display: inline-block; width: 50%; height: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle; text-align: center; }

.AddGalleryModal .js--image-preview { height: 120px; width: 100%; line-height: 120px; text-align: center; position: relative; overflow: hidden; background-color: white; background-position: center center; background-repeat: no-repeat; background-size: contain; }

.AddGalleryModal .js--image-preview::after { content: "\f1c5"; font: normal normal normal 14px/1 FontAwesome; position: relative; font-size: 50px; color: #e6e6e6; z-index: 0; }

.AddGalleryModal .js--image-preview.js--no-default::after { content: "\f1c5"; color: #000; border: 3px solid #000; border-radius: 50%; padding: 10px; font-size: 50px; background-color: rgba(0, 0, 0, 0.11); }

.AddGalleryModal .drop { display: block; position: absolute; background: rgba(95, 158, 160, 0.2); border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); }

.AddGalleryModal .animate { -webkit-animation: ripple 0.4s linear; animation: ripple 0.4s linear; }

.AddGalleryModal .FormElements { width: 100%; margin-bottom: 15px; display: block; }

.AddGalleryModal .FormElements .Or { margin: 20px 0; text-align: center; position: relative; }

.AddGalleryModal .FormElements .Or::after { content: ''; width: 100%; height: 1px; background-color: #d8d8d8; position: absolute; left: 0; right: 0; top: 50%; display: table; }

.AddGalleryModal .FormElements .Or > span { font-style: italic; font-size: 12px; background-color: #fff; padding: 0 10px; position: relative; z-index: 1; display: inline-block; line-height: 20px; color: #949494; }

.AddGalleryModal .FormElements label { font-size: 12px; margin: 5px 0; width: 100%; color: #ff0000; }

.AddGalleryModal .FormElements input, .FormElements textarea { border: 1px solid #bdbdbd; display: block; width: 100%; padding: 12px; font-size: 14px; }

.AddGalleryModal .FormElements textarea { min-height: 100px; max-height: 100px; max-width: 100%; }

.AddGalleryModal select { font-size: 14px; padding: 14px 35px 14px 14px; }

.AddGalleryModal .FormElements .input-box { position: relative; }

.AddGalleryModal .FormElements .input-box .ShowPass { padding-right: 50px; }

.AddGalleryModal .FormElements .input-box .btn-show-password { position: absolute; right: 0; top: 0; padding: 10px 15px; font-size: 24px; }

.AddGalleryModal .FormElements .input-box .btn-show-password.Active:before { content: "\e992"; }

.AddGalleryModal .form_valition { display: none }

.AddGalleryModal .galleryFooterSuccess { display: none; }

.AddGalleryModal #vdUrunVideo { float: left; width: 100%; }
/*Galeri Modülü*/


@media(min-width:992px) {
    .ProductList.sort_4 .ItemOrj.col-lg-3:nth-child(4n+1) { clear: left; }

    .ProductList.sort_3 .ItemOrj.col-lg-4:nth-child(3n+1) { clear: left; }
}

@media(max-width:991px) {
    .ProductList.sort_3 .ItemOrj.col-sm-6:nth-child(2n+1) { clear: left; }
}

@media(max-width:767px) {
    .ProductList.sort_4 .ItemOrj.col-xs-6:nth-child(2n+1) { clear: left; }
}
/* ============================================================
   HepsiMis — Ürün Yorumları Yeniden Tasarım v3
   ============================================================ */

/* ─── Font Import ─── */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');

/* ─── Tab menüsünü gizle, bölüm başlıklarını göster ─── */
/* Desktop: urunTab tamamen gizle (paneller dışarıda, bağımsız) */
.urunTab {
  display: none !important;
}

/* ─── Gerçek Mobil: .mobilTab yapısı ─── */
.mobilTab {
  border: none !important;
  background: transparent !important;
  overflow-x: hidden !important;
}

#divUrunOzellikAlani {
  overflow-x: hidden !important;
}

.mobilTab > ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
}

/* mobilTab ve ul üzerindeki olası pseudo-element ikonları */
.mobilTab::before,
.mobilTab::after,
.mobilTab > ul::before,
.mobilTab > ul::after {
  display: none !important;
  content: none !important;
}

.mobilTab > ul > li {
  display: block !important;
  float: none !important;
  border: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  position: relative !important;
}

/* li'nın tüm doğrudan child'larını gizle */
.mobilTab > ul > li > * {
  display: none !important;
}

/* a elementini kesinlikle gizle */
.mobilTab > ul > li > a {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  clip: rect(0,0,0,0) !important;
}

/* Sağ üstteki accordion okunu konumsal olarak gizle */
.mobilTab > ul > li > *:not(.urunDetayPanel):not(.hm-section-title) {
  display: none !important;
  visibility: hidden !important;
  position: absolute !important;
  clip: rect(0,0,0,0) !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* li ve a üzerindeki pseudo-element ikonları gizle (accordion oku) */
.mobilTab > ul > li::before,
.mobilTab > ul > li::after,
.mobilTab > ul > li > a::before,
.mobilTab > ul > li > a::after,
.mobilTab ul li > a::after,
.mobilTab ul li > a::before,
.mobilTab > ul > li.active::before,
.mobilTab > ul > li.active::after,
.mobilTab > ul > li.open::before,
.mobilTab > ul > li.open::after,
.mobilTab > ul > li[class]::before,
.mobilTab > ul > li[class]::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  border: none !important;
  background: none !important;
}

/* Sadece panelleri ve bizim başlıklarımızı göster */
.mobilTab > ul > li > .urunDetayPanel {
  display: block !important;
  clear: both !important;
  height: auto !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  max-height: none !important;
  border: none !important;
}

/* Panel içindeki linklerde accordion oku kalıntısını kaldır */
.mobilTab .urunDetayPanel a::after,
.mobilTab .urunDetayPanel a::before {
  display: none !important;
  content: none !important;
}

.mobilTab > ul > li > .hm-section-title {
  display: block !important;
}

/* Ödeme/Öneriler li'larını tamamen gizle */
.mobilTab > ul > li.TabOdemeSecenekleri,
.mobilTab > ul > li.TabUrunOnerileri {
  display: none !important;
}

/* hidden-phone geçersiz kıl */
.mobilTab > ul > li.hidden-phone {
  display: block !important;
}
.mobilTab > ul > li.hidden-phone.TabOdemeSecenekleri,
.mobilTab > ul > li.hidden-phone.TabUrunOnerileri {
  display: none !important;
}

/* Panelleri her zaman göster (web + mobil) */
#divTabOzellikler,
#divTabYorumlar {
  display: block !important;
  clear: both !important;
  height: auto !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  max-height: none !important;
}

/* Ödeme Seçenekleri ve Ürün Önerileri gizle */
#divTabOdemeSecenekleri,
#divTabUrunOnerileri {
  display: none !important;
}

.hm-section-title {
  display: block !important;
  text-align: center !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  padding-top: 20px !important;
  padding-bottom: 14px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 0 16px 0 !important;
  border: none !important;
  position: relative !important;
}

.hm-section-title::after {
  content: '' !important;
  display: block !important;
  width: 50px !important;
  height: 3px !important;
  background: #69c2de !important;
  border-radius: 2px !important;
  margin: 8px auto 0 !important;
}

/* Panel varsayılan çizgileri ve boşlukları kaldır */
.urunDetayPanel {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Yorumlar başlığının üstüne sadece webte boşluk */
.hm-section-title + #divTabYorumlar {
  /* placeholder - başlık üstüne etki etmez */
}
/* Yorumlar spacer — mobilde gizle */
@media (max-width: 768px) {
  .hm-yorumlar-spacer {
    display: none !important;
  }
}

/* Yorumlar panelinde tüm wrapper boşlukları ve border sıfırla */
#divTabYorumlar {
  border: none !important;
  border-bottom: none !important;
}

#divTabYorumlar .urunTabAlt {
  border: none !important;
  border-bottom: none !important;
}

#divTabYorumlar .tabYorumlar {
  border: none !important;
  border-bottom: none !important;
}

#divTabYorumlar .commentTicimax {
  border: none !important;
  border-bottom: none !important;
}

#divTabYorumlar .commentTiciContainer {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

#divTabYorumlar .commentTiciContent {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

#divTabYorumlar .commentTiciGeneralRating {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

#divTabYorumlar .commentTiciTopDiv {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.urunTabAlt {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.tabYorumlar {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* ─── Genel Container ─── */
.commentTicimax,
.commentTicimax * {
  font-family: 'DM Sans', sans-serif !important;
  box-sizing: border-box !important;
}

.commentTicimax {
  max-width: 860px !important;
  margin: 0 auto !important;
}

#divTabYorumlar .urunTabAlt,
#divTabYorumlar .tabYorumlar {
  display: flex !important;
  justify-content: center !important;
}

#divTabYorumlar .urunTabAlt {
  width: 100% !important;
}

#divTabYorumlar .tabYorumlar {
  width: 100% !important;
}

/* ─── Üst Kısım: Puan + Yıldızlar + Açıklama ─── */
.commentTiciTop {
  padding: 0 0 24px !important;
  border-bottom: 1px solid #eee !important;
  margin: 0 !important;
}

/* commentTiciContent üst boşluk sıfırla */
.commentTiciContent {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.commentTiciTopDiv {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 20px !important;
}

.commentTiciGeneralRating {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

.commentTiciRating {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.commentTiciRatingStr {
  font-size: 30px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  line-height: 1 !important;
  letter-spacing: -1px !important;
}

.commentTiciRatingStars .commentStars {
  display: flex !important;
  gap: 2px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.commentTiciRatingStars .commentStars .svgStar {
  width: 20px !important;
  height: 20px !important;
}

.commentTiciNumber span {
  font-size: 13px !important;
  color: #999 !important;
  font-weight: 400 !important;
}

/* ─── Filtre Butonları (Tümü / Fotoğraflı / Sıralama) ─── */
.commentTiciFilter {
  padding: 12px 0 0 !important;
  border-bottom: none !important;
  margin-bottom: 0 !important;
}

.commentTiciFilterButtons {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: space-between !important;
}

.commentTiciFilterButtonsLeft {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}

/* Sıralama Right kısmını da Left'in yanına getir */
.commentTiciFilterButtonsRight {
  position: relative !important;
  margin-left: 0 !important;
}

.commentTiciFilterButtonsLeft .ctfButton a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 7px 16px !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 24px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #555 !important;
  background: #fff !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.commentTiciFilterButtonsLeft .ctfButton a:hover {
  border-color: #69c2de !important;
  color: #69c2de !important;
}

.commentTiciFilterButtonsLeft .ctfButton.active a {
  background: #69c2de !important;
  color: #fff !important;
  border-color: #69c2de !important;
}

.commentTiciFilterButtonsLeft .ctfButton.photoFilter a svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* Sıralama Dropdown */
.commentTiciFilterButtonsRight {
  position: relative !important;
}

.commentTiciFilterButtonsOrder .orderFilter {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 7px 14px !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  color: #555 !important;
  background: #fff !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.commentTiciFilterButtonsOrder .orderFilter svg {
  width: 14px !important;
  height: 14px !important;
  flex-shrink: 0 !important;
}

/* Sıralama dropdown fazla ikon gizle */
.commentTiciFilterButtonsOrder .orderFilter i,
.commentTiciFilterButtonsOrder .orderFilter .fa,
.commentTiciFilterButtonsOrder .orderFilter::before,
.commentTiciFilterButtonsOrder .orderFilter::after,
.commentTiciFilterOrder i,
.commentTiciFilterOrder .fa,
.commentTiciFilterOrder a i,
.commentTiciFilterOrder a .fa,
.commentTiciFilterOrder a::before,
.commentTiciFilterOrder a::after,
.commentTiciFilterOrder li::before,
.commentTiciFilterOrder li::after {
  display: none !important;
  content: none !important;
}

/* Dropdown gizle/göster Ticimax JS ile yönetiliyor, müdahale etme */

.commentTiciFilterOrder {
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  background: #fff !important;
  border: 1px solid #eee !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
  list-style: none !important;
  padding: 4px 0 !important;
  margin: 4px 0 0 !important;
  z-index: 10 !important;
  min-width: 160px !important;
  left: auto !important;
  max-width: 90vw !important;
}

.commentTiciFilterOrder:not(.commentTiciFilterOrderHide) {
  display: block !important;
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  background: #fff !important;
  border: 1px solid #eee !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
  list-style: none !important;
  padding: 4px 0 !important;
  margin: 4px 0 0 !important;
  z-index: 10 !important;
  min-width: 160px !important;
  left: auto !important;
  max-width: 90vw !important;
}

.commentTiciFilterOrder li a {
  display: block !important;
  padding: 8px 16px !important;
  font-size: 13px !important;
  color: #555 !important;
  text-decoration: none !important;
}

.commentTiciFilterOrder li a:hover {
  background: #f8f8f8 !important;
  color: #69c2de !important;
}

.commentTiciFilterOrder li.active a {
  color: #69c2de !important;
  font-weight: 600 !important;
}

/* ─── Yıldız Filtre Satırı (5★ 4★ 3★...) ─── */
.commentTiciFilterStars {
  margin-top: 10px !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}

.commentTiciFilterStarsUl {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.commentTiciFilterStarsUl > li {
  display: inline-block !important;
}

.commentTiciFilterStarsUl > li > a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 5px 12px !important;
  border: 1px solid #eee !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  color: #888 !important;
  background: #fafafa !important;
  text-decoration: none !important;
  transition: all 0.2s !important;
}

.commentTiciFilterStarsUl > li > a:hover {
  border-color: #f5c241 !important;
}

.commentTiciFilterStarsUl > li > a .commentStars {
  display: flex !important;
  gap: 1px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.commentTiciFilterStarsUl > li > a .commentStars .svgStar {
  width: 12px !important;
  height: 12px !important;
}

/* ─── Fotoğraflı Değerlendirmeler ─── */
.commentTiciAllImage {
  padding: 0 0 12px !important;
  border-bottom: none !important;
  margin-top: 0 !important;
}

.commentTiciAllImageTitle span {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #333 !important;
}

.commentTiciAllImageList {
  margin-top: 12px !important;
}

.commentTiciAllImageItem img {
  width: 72px !important;
  height: 72px !important;
  object-fit: cover !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.commentTiciAllImageItem img:hover {
  transform: scale(1.05) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}

/* ─── Yorum Kartları ─── */
.commentTiciList {
  padding: 0 !important;
}

.commentTiciItem {
  padding: 24px 0 !important;
  border-bottom: 1px solid #f3f3f3 !important;
}

/* Tüm child wrapper'ların default spacing'ini sıfırla */
.commentTiciItem > div {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.commentTiciItem:last-child {
  border-bottom: none !important;
}

/* Yorum Fotoğrafları */
.commentTiciItemImages {
  margin: 0 0 2px 0 !important;
  padding: 0 !important;
  padding-bottom: 10px !important;
}

.commentTiciItemImageList {
  display: flex !important;
  gap: 8px !important;
  padding-bottom: 10px !important;
}

.commentTiciItemImageItem {
  width: 60px !important;
  height: 60px !important;
  overflow: hidden !important;
}

.commentTiciItemImageItem img {
  width: 60px !important;
  height: 60px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: transform 0.2s ease !important;
}

.commentTiciItemImageItem img:hover {
  transform: scale(1.06) !important;
}

/* Yorum Yıldızları + Başlık aynı satır */
.commentTiciItemRating {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: middle !important;
  width: auto !important;
  flex-shrink: 0 !important;
}

.commentTiciItemRating .commentStars {
  display: inline-flex !important;
  gap: 1px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
}

.commentTiciItemRating .commentStars .svgStar {
  width: 16px !important;
  height: 16px !important;
}

/* Yorum Başlığı — yıldızların yanında */
.commentTiciItemTitle {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: middle !important;
}

.commentTiciItemTitle span {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  display: inline !important;
  margin: 0 0 0 8px !important;
  padding: 0 !important;
  vertical-align: middle !important;
}

/* Yorum Metni */
.commentTiciItemText {
  margin-top: 6px !important;
}

.commentTiciItemText span {
  font-size: 14px !important;
  line-height: 1.65 !important;
  color: #444 !important;
  display: block !important;
  margin-bottom: 1px !important;
  margin-top: 10px !important;
}

/* Kullanıcı Bilgisi */
.commentTiciItemExtra {
  margin-top: 0 !important;
  padding-top: 0 !important;
  background: transparent !important;
}

.commentTiciItemInfo {
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
  margin-bottom: 8px !important;
  flex-wrap: wrap !important;
  background: transparent !important;
  padding: 0 !important;
}

.commentTiciItemInfo .commentInfo span {
  font-size: 12px !important;
  color: #aaa !important;
  font-weight: 400 !important;
}

.commentTiciItemInfo .commentInfo:not(:last-child)::after {
  content: '' !important;
}

.commentTiciItemInfo .commentInfoName span {
  color: #666 !important;
  font-weight: 500 !important;
}

/* ─── Admin Cevabı ─── */
.commentTiciItemAdmin {
  background: #f8f9fa !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  margin-top: 10px !important;
  border-left: 3px solid #69c2de !important;
}

.commentTiciItemAdminName {
  margin-bottom: 6px !important;
  padding-top: 4px !important;
}

.commentTiciItemAdminName span:first-child {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
}

.commentTiciItemAdminName span:last-child {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #999 !important;
  margin-left: 4px !important;
}

.commentTiciItemAdminText {
  margin-bottom: 6px !important;
}

.commentTiciItemAdminText span {
  font-size: 13px !important;
  line-height: 1.6 !important;
  color: #444 !important;
}

.commentTiciItemAdminInfo {
  padding-bottom: 4px !important;
}

.commentTiciItemAdminInfo .commentInfo span {
  font-size: 11px !important;
  color: #bbb !important;
}

/* ─── Badge'ler: Tavsiye Edildi / Ürünü satın aldı ─── */
.commentTiciItemRecomAndPurc {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin-bottom: 8px !important;
}

.commentTiciItemRecomAndPurc .RecomAndPurc {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 12px !important;
  border-radius: 20px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

.commentTiciItemRecomAndPurc .recommendedBtn {
  background: #eafaf1 !important;
  color: #27ae60 !important;
  border: 1px solid #d5f5e3 !important;
}

.commentTiciItemRecomAndPurc .recommendedBtn svg {
  width: 11px !important;
  height: 11px !important;
  fill: #27ae60 !important;
}

.commentTiciItemRecomAndPurc .purchasedBtn {
  background: #eef7fc !important;
  color: #2e86c1 !important;
  border: 1px solid #d6eaf8 !important;
}

.commentTiciItemRecomAndPurc .purchasedBtn svg {
  width: 11px !important;
  height: 11px !important;
  fill: #2e86c1 !important;
}

/* ─── Yardımcı Oldu Mu — Gizle (JS ile değiştiriliyor) ─── */

/* Alt kısım: badge'ler + thumbs aynı satır */
.commentTiciItemBottom {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.commentTiciItemRecomAndPurc {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  margin-bottom: 0 !important;
}

/* Thumbs wrapper (JS tarafından ekleniyor) */
.hm-thumbs {
  display: inline-flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin-left: 4px !important;
}

.hm-thumbs a,
.urunOzellik .mobilTab ul li .hm-thumbs a,
.mobilTab ul li .hm-thumbs a,
.urunDetayPanel .hm-thumbs a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  color: #bbb !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  cursor: pointer !important;
  transition: color 0.2s ease !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  width: auto !important;
  height: auto !important;
  position: static !important;
  visibility: visible !important;
}

.hm-thumbs a:hover {
  color: #69c2de !important;
}

/* Ticimax mobilTab accordion oku hm-thumbs linklerini etkilemesin */
.hm-thumbs a::after,
.hm-thumbs a::before,
.urunOzellik .mobilTab ul li .hm-thumbs a::after,
.urunOzellik .mobilTab ul li .hm-thumbs a::before,
.mobilTab ul li .hm-thumbs a::after,
.mobilTab ul li .hm-thumbs a::before {
  display: none !important;
  content: none !important;
}

.hm-thumbs a svg {
  width: 16px !important;
  height: 16px !important;
}

/* ─── Ticimax varsayılan "Daha Fazla" butonu gizle ─── */
.commentTiciMiddle {
  float: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  clear: both !important;
}

/* Tüm yorum container border'larını ve float'larını kaldır */
.commentTiciBottom,
.commentTicimax,
.commentTiciContainer,
.commentTiciContent,
.tabYorumlar,
.urunTabAlt,
#divTabYorumlar {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  float: none !important;
  width: 100% !important;
}

/* Flex container'ları block yap — float/flex kaynaklı sıkışmayı önle */
.commentTiciContent,
.commentTicimax {
  display: block !important;
}

/* Load more wrap her zaman tam genişlik */
.hm-load-more-wrap {
  width: 100% !important;
  min-width: 100% !important;
  flex-shrink: 0 !important;
}

/* Yorumlar bölümünün altındaki hr veya kalın çizgi */
.mobilTab > ul > li:last-child,
.mobilTab > ul > li:last-child::after {
  border: none !important;
  border-bottom: none !important;
}

/* ─── "Daha Fazla Yorum Yükle" Butonu ─── */
.hm-load-more-wrap {
  display: flex !important;
  justify-content: center !important;
  padding: 28px 0 !important;
}

.hm-load-more-wrap button {
  font-family: 'DM Sans', sans-serif !important;
  padding: 11px 36px !important;
  border: 1.5px solid #69c2de !important;
  border-radius: 28px !important;
  background: transparent !important;
  color: #69c2de !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  letter-spacing: 0.2px !important;
}

.hm-load-more-wrap button:hover {
  background: #69c2de !important;
  color: #fff !important;
}

/* ─── Pager: Baslangicta gizli, JS style ile acar ─── */
.commentTiciPager {
  justify-content: center !important;
  gap: 6px !important;
  padding: 28px 0 !important;
}

.commentTiciPager a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 36px !important;
  height: 36px !important;
  padding: 0 10px !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #555 !important;
  background: #fff !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.commentTiciPager a:hover {
  border-color: #69c2de !important;
  color: #69c2de !important;
}

.commentTiciPager a.SelectedSayfa {
  background: #69c2de !important;
  color: #fff !important;
  border-color: #69c2de !important;
}

.commentTiciPager a.butonDisabled {
  opacity: 1 !important;
  cursor: default !important;
}

.commentTiciPager a.commentNextPage,
.commentTiciPager a.commentPrevPage {
  font-size: 15px !important;
}
/* Popup içindeki elementleri koruma */
#yorumResimGosterimModal .commentTiciItemBottom,
#yorumResimGosterimModal .commentTiciContent {
  display: flex !important;
  float: none !important;
}

/* ─── Mobil ─── */
@media (max-width: 768px) {
/* Yorum fotoğraf popup - mobil düzeltme */
/* Yorum fotoğraf popup - mobil */
#yorumResimGosterimModal .modal-content {
  width: 95% !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

#yorumResimGosterimModal .yorumResimGosterimContent {
  display: flex !important;
  flex-direction: column !important;
  min-height: auto !important;
  height: auto !important;
  position: relative !important;
}

#yorumResimGosterimModal .yorumResimGosterimSol {
  width: 100% !important;
  float: none !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #000 !important;
  max-height: 50vh !important;
  position: relative !important;
  height: auto !important;
}

#yorumResimGosterimModal .yorumResimGosterimSol img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 50vh !important;
  object-fit: contain !important;
}

#yorumResimGosterimModal .yorumResimGosterimSag,
#yorumResimGosterimModal .yorumResimGosterimSag.commentTicimaxPopup {
  position: static !important;
  width: 100% !important;
  float: none !important;
  padding: 12px 16px !important;
  background: rgba(245, 245, 245, 0.95) !important;
  border-top: 1px solid #eee !important;
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
}

#yorumResimGosterimModal .commentTicimaxPopup .commentTiciList,
#yorumResimGosterimModal .commentTicimaxPopup .commentTiciItem,
#yorumResimGosterimModal .commentTicimaxPopup .commentTiciItemRating,
#yorumResimGosterimModal .commentTicimaxPopup .hm-rating-title {
  margin-top: 0 !important;
  padding-top: 0 !important;
  position: relative !important;
  top: 0 !important;
  transform: none !important;
}

#yorumResimGosterimModal .commentTiciItem {
  padding: 0 !important;
}

#yorumResimGosterimModal .commentTiciItemText span {
  font-size: 14px !important;
  line-height: 1.5 !important;
}
  

/* Popup yorum bilgileri alanı background */
#yorumResimGosterimModal .yorumResimGosterimSag {
  background: rgba(245, 245, 245, 0.95) !important;
  border-top: 1px solid #eee !important;
}
  .commentTiciFilterButtonsRight {
  position: static !important;
  }

  .commentTiciFilterButtonsOrder {
  position: relative !important;
  }

  .commentTiciFilterOrder {
  right: auto !important;
  left: 0 !important;
  }
  .commentTicimax {
    padding: 0 12px !important;
  }

  /* Puan */
  .commentTiciRatingStr {
    font-size: 28px !important;
  }

  .commentTiciNumber span {
    font-size: 12px !important;
  }

  /* Filtre butonlari */
  .commentTiciFilterButtons {
    gap: 6px !important;
  }

  .commentTiciFilterButtonsLeft .ctfButton a {
    padding: 6px 10px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }

  /* Siralama Seciniz */
  .commentTiciFilterButtonsOrder .orderFilter {
    padding: 6px 10px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }

  /* Sıralama dropdown fazla ikon gizle */
  .commentTiciFilterButtonsOrder .orderFilter i,
  .commentTiciFilterButtonsOrder .orderFilter .fa,
  .commentTiciFilterButtonsOrder .orderFilter::before,
  .commentTiciFilterButtonsOrder .orderFilter::after,
  .commentTiciFilterOrder i,
  .commentTiciFilterOrder .fa {
    display: none !important;
    content: none !important;
  }

  /* Yildiz filtreleri */
  .commentTiciFilterStarsUl {
    gap: 6px !important;
  }

  .commentTiciFilterStarsUl > li > a {
    padding: 4px 8px !important;
    font-size: 11px !important;
  }

  .commentTiciFilterStarsUl > li > a .commentStars .svgStar {
    width: 10px !important;
    height: 10px !important;
  }

  /* Yorum kartlari - compact */
  .commentTiciItem {
    padding: 14px 0 !important;
  }

  .commentTiciItemRating {
    margin-bottom: 4px !important;
  }

  .commentTiciItemRating .commentStars .svgStar {
    width: 14px !important;
    height: 14px !important;
  }

  .commentTiciItemTitle span {
    font-size: 14px !important;
    margin-bottom: 2px !important;
  }

  .commentTiciItemText span {
    font-size: 13px !important;
    line-height: 1.5 !important;
    margin-bottom: 4px !important;
  }

  /* Kullanici bilgisi - compact */
  .commentTiciItemInfo {
    margin-bottom: -4px !important;
    gap: 6px !important;
  }

  .commentTiciItemInfo .commentInfo span {
    font-size: 11px !important;
  }

  /* Extra wrapper - boslugu kaldir */
  .commentTiciItemExtra {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Badge + thumbs - hemen altinda */
  .commentTiciItemBottom {
    gap: 6px !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .commentTiciItemRecomAndPurc .RecomAndPurc {
    padding: 3px 8px !important;
    font-size: 10px !important;
  }

  .hm-thumbs {
    gap: 10px !important;
  }

  .hm-thumbs a,
  .urunOzellik .mobilTab ul li .hm-thumbs a,
  .mobilTab ul li .hm-thumbs a {
    font-size: 12px !important;
    display: inline-flex !important;
    padding: 0 !important;
    width: auto !important;
  }

  .hm-thumbs a svg {
    width: 14px !important;
    height: 14px !important;
  }

  .commentTiciItemImageItem {
    width: 52px !important;
    height: 52px !important;
  }

  .commentTiciItemImageItem img {
    width: 52px !important;
    height: 52px !important;
  }

  /* Load more & pager */
  .hm-load-more-wrap {
    padding: 20px 0 !important;
  }

  .hm-load-more-wrap button {
    padding: 9px 24px !important;
    font-size: 13px !important;
  }
  
  .commentTicimaxPopup .commentTiciList .commentTiciItemImageList, .commentTicimax .commentTiciList .commentTiciItemImageList {
    padding-bottom: 15px !important;
  }

}
/* ============================================================
   HepsiMis — Mobil Filtre Düzeltmeleri (Final)
   ============================================================ */

@media (max-width: 1024px) {

  /* 1) Siyah overlay kaldır */
  .mobilaf.acik {
    background: transparent !important;
    opacity: 0 !important;
  }

  /* 2) Stoktakiler gizle */
  .category-vertical-filters.top-filters .tukgo {
    display: none !important;
  }

  /* 3) Üst bar: X sol — "Filtreleme" orta — çöp sağ */
  .category-vertical-filters.top-filters .FiltreUst {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-bottom: 12px !important;
    font-size: 16px !important;
  }

  .category-vertical-filters.top-filters .FiltreUst .closeFilt {
    order: 1 !important;
  }

  .category-vertical-filters.top-filters .FiltreUst span {
    order: 2 !important;
    flex: 1 !important;
    text-align: center !important;
  }

  .category-vertical-filters.top-filters .FiltreUst > a {
    order: 3 !important;
  }

  /* 4) Panel başlıkları (Cilt Tipi, Ürün Tipi vb.) */
  .category-vertical-filters.top-filters .panel .panel-heading .panel-title {
    font-family: 'Roboto', sans-serif !important;
    font-weight: normal !important;
    font-size: 15px !important;
  }

  /* 5) Seçili sayı badge — turkuaz daire */
  .category-vertical-filters.top-filters .panel .moreNum:not(:empty) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 20px !important;
    height: 20px !important;
    background: #69c2de !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 50% !important;
    padding: 0 5px !important;
  }

}
/* ============================================================
   Yorum Yaz (Satın Almalı)
   ============================================================

/* --- Kart / Container --- */
.commentTicimax .commentTiciNewComment {
    position: relative;
    max-width: 680px;
    margin: 48px auto !important;
    padding: 56px 48px 48px !important;
    background: linear-gradient(145deg, #f6fafb 0%, #eaf3f6 100%) !important;
    border-radius: 24px !important;
    text-align: center;
    overflow: visible !important;
    border: 1px solid rgba(79, 163, 186, 0.15) !important;
    box-shadow: 0 4px 24px rgba(79, 163, 186, 0.08), 0 1px 3px rgba(79, 163, 186, 0.04) !important;
    font-family: 'Roboto', -apple-system, sans-serif;
    box-sizing: border-box;
    float: none !important;
    width: auto !important;
    display: block !important;
}

/* --- Pagination düzeltmesi --- */
.commentTicimax .commentTiciPager {
    float: none !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 20px !important;
}

/* --- Üst Dekoratif Emoji (💬) --- */
.commentTicimax .commentTiciNewComment::before {
    content: '💬';
    position: absolute;
    top: -2px;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 26px;
    background: #fff;
    padding: 6px 14px;
    border-radius: 50px;
    line-height: 1;
    border: 1px solid rgba(79, 163, 186, 0.15);
    z-index: 1;
}

/* --- Üst Gradient Çizgi --- */
.commentTicimax .commentTiciNewComment::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent 0%, #7ec8d9 20%, #4a9fb5 50%, #7ec8d9 80%, transparent 100%);
    border-radius: 24px 24px 0 0;
    opacity: 0.7;
    z-index: 0;
}

/* --- Başlık --- */
.commentTicimax .commentTiciNewCommentTitle {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #1e3a44 !important;
    margin: 0 0 14px 0 !important;
    letter-spacing: -0.3px;
    line-height: 1.3;
    text-align: center !important;
    float: none !important;
    width: auto !important;
}

/* --- Açıklama Metni --- */
.commentTicimax .commentTiciNewCommentText {
    font-family: 'Roboto', -apple-system, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #4e7078 !important;
    line-height: 1.7;
    margin: 0 auto 32px !important;
    max-width: 480px;
    text-align: center !important;
    float: none !important;
    width: auto !important;
}

/* --- Puan Vurgusu (strong) --- */
.commentTicimax .commentTiciNewCommentText strong {
    color: #2a7d8f;
    font-weight: 600;
}

/* --- Buton --- */
.commentTicimax .commentTiciNewComment a.commentTiciNewCommentButton {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 11px 36px !important;
    background: linear-gradient(135deg, #4fa3ba 0%, #367a8c 100%) !important;
    color: #f0f9fb !important;
    font-family: 'Roboto', -apple-system, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.4px;
    text-decoration: none !important;
    border-radius: 50px !important;
    border: none !important;
    cursor: pointer;
    transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-shadow: 0 4px 16px rgba(79, 163, 186, 0.25), 0 1px 4px rgba(79, 163, 186, 0.12) !important;
    max-width: fit-content !important;
    width: auto !important;
    height: auto !important;
    min-height: unset !important;
    margin: 0 auto !important;
    float: none !important;
}

/* --- Buton İkonu (✍) --- */
.commentTicimax .commentTiciNewComment a.commentTiciNewCommentButton::before {
    content: '✍';
    font-size: 16px;
    transition: transform 0.3s ease;
}

/* --- Buton Hover --- */
.commentTicimax .commentTiciNewComment a.commentTiciNewCommentButton:hover {
    background: linear-gradient(135deg, #5db8cf 0%, #4fa3ba 100%) !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(79, 163, 186, 0.3), 0 2px 8px rgba(79, 163, 186, 0.15) !important;
    color: #fff !important;
    text-decoration: none !important;
}
.commentTicimax .commentTiciNewComment a.commentTiciNewCommentButton:hover::before {
    transform: scale(1.15) rotate(-5deg);
}

.commentTiciBottom {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  float: none !important;
  width: 100% !important;
  clear: both !important;
}

.commentTiciNewComment {
  height: auto !important;
  max-height: none !important;
  position: relative !important;
}

/* --- Responsive: 640px --- */
@media (max-width: 640px) {
    .commentTicimax .commentTiciNewComment {
        margin: 28px 12px !important;
        padding: 44px 24px 32px !important;
        border-radius: 18px !important;
    }
    .commentTicimax .commentTiciNewCommentTitle {
        font-size: 21px !important;
    }
    .commentTicimax .commentTiciNewCommentText {
        font-size: 14px !important;
        margin-bottom: 24px !important;
        max-width: 100%;
    }
    .commentTicimax .commentTiciNewComment a.commentTiciNewCommentButton {
        padding: 12px 28px !important;
        font-size: 14px !important;
        width: 100% !important;
        max-width: 100% !important;
        justify-content: center;
    }
}

/* --- Responsive: 380px --- */
@media (max-width: 380px) {
    .commentTicimax .commentTiciNewComment {
        margin: 20px 8px !important;
        padding: 40px 18px 28px !important;
    }
    .commentTicimax .commentTiciNewCommentTitle {
        font-size: 16px !important;
    }
    .commentTicimax .commentTiciNewCommentText {
        font-size: 13px !important;
        line-height: 1.6;
    }
    .commentTicimax .commentTiciNewComment::before {
        font-size: 22px;
        padding: 5px 12px;
    }
}
/* ═══════════════════════════════════════════════════════════
   HepsiMis.com — Duyuru Barı / CSS
   ═══════════════════════════════════════════════════════════ */

.hm-announcement-bar {
  width: 100%;
  background: #fae7fb;
  position: relative;
  height: 40px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  user-select: none;
  z-index: 1;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.hm-announcement-bar .hm-ab-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  background: none;
  border: none;
  color: #575757;
  font-size: 18px;
  cursor: pointer;
  padding: 0 16px;
  display: flex;
  align-items: center;
  z-index: 2;
  opacity: 0.6;
  transition: opacity 0.2s ease;
  margin: 0;
  line-height: 1;
}

.hm-announcement-bar .hm-ab-arrow:hover {
  opacity: 1;
}

.hm-announcement-bar .hm-ab-prev {
  left: 0;
}

.hm-announcement-bar .hm-ab-next {
  right: 0;
}

.hm-announcement-bar .hm-ab-content {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hm-announcement-bar .hm-ab-item {
  position: absolute;
  width: 100%;
  text-align: center;
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}

.hm-announcement-bar .hm-ab-item.hm-ab-active {
  opacity: 1;
  pointer-events: auto;
}

.hm-announcement-bar .hm-ab-item a {
  color: #575757 !important;
  text-decoration: none !important;
  font-size: 13.5px;
  font-weight: 400;
  letter-spacing: 0.4px;
  padding: 2px 4px;
  border-bottom: 1px solid rgba(99, 99, 99, 0.35);
  transition: border-color 0.2s ease;
  background: none !important;
}

.hm-announcement-bar .hm-ab-item a:hover {
  border-bottom-color: #fff !important;
}

@media (max-width: 768px) {
  .hm-announcement-bar {
    height: 38px;
  }
  .hm-announcement-bar .hm-ab-item a {
    font-size: 13px;
    letter-spacing: 0.2px;
  }
  .hm-announcement-bar .hm-ab-arrow {
    font-size: 14px;
    padding: 0 10px;
  }
  #formGlobal:has(#divIcerik.homepage) .hm-announcement-bar {
    margin-bottom: 20px !important;
  }
}
/* ── Sticky Header ── */
.hm-sticky-wrap {
  position: sticky;
  top: 0;
  z-index: 999;
  background: #fff;
  transition: box-shadow 0.3s ease;
}

.hm-sticky-wrap.hm-scrolled {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

#logo img {
  transition: height 0.3s ease, width 0.3s ease;
}

.hm-scrolled #logo img {
  height: 90px !important;
  width: auto !important;
}
/* ─────────────────────────────────────────────
   HepsiMis Mobil Menü – Accordion Override
   ───────────────────────────────────────────── */

/* Orijinal menü içeriğini gizle */
.mobilMenu .menuIcerikAlan,
.mobilMenu .menuUstBolum {
  display: none !important;
}

.mobilMenu.acik {
  display: flex !important;
  flex-direction: column;
}

.hm-menu {
  --hm-bg: #FFFFFF;
  --hm-bg-soft: #F8F8F6;
  --hm-text: #1A1A1A;
  --hm-text-sec: #767676;
  --hm-text-muted: #A0A0A0;
  --hm-border: #EBEBEB;
  --hm-border-light: #F2F2F0;
  --hm-tag-bg: #E8F0E4;
  --hm-tag-text: #4A7A3D;
  --hm-warm-bg: #F0E6DA;
  --hm-warm-text: #8B6F47;
  --hm-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --hm-font: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  font-family: var(--hm-font);
  background: var(--hm-bg);
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 9999;
  -webkit-font-smoothing: antialiased;
}

/* ── Header ── */
.hm-header {
  display: flex;
  align-items: center;
  padding: 18px 20px 14px;
  border-bottom: 1px solid var(--hm-border);
  flex-shrink: 0;
  background: var(--hm-bg);
  position: relative;
}

.hm-tagline {
  flex: 1;
  text-align: center;
  font-size: 9px;
  font-weight: 400;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: var(--hm-text-muted);
  padding-right: 32px;
  white-space: nowrap;
}

.hm-tagline span {
  margin: 0 3px;
  opacity: 0.35;
}

@media (min-width: 380px) {
  .hm-tagline {
    font-size: 10px;
    letter-spacing: 3.5px;
  }
  .hm-tagline span {
    margin: 0 5px;
  }
}

.hm-close {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  border: none;
  background: none;
  color: var(--hm-text-sec);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 0;
  transition: all 0.15s;
}

.hm-close:active { background: var(--hm-bg-soft); color: var(--hm-text); }
.hm-close svg { width: 18px; height: 18px; }

/* ── Scroll ── */
.hm-scroll {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  min-height: 0;
}

.hm-scroll::-webkit-scrollbar { width: 0; display: none; }

/* ── Slider / Banner ── */
.hm-slider { padding: 14px 18px 6px; }

.hm-slider-track {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
}

.hm-slider-slides {
  display: flex;
  transition: transform 0.4s var(--hm-ease);
  will-change: transform;
}

.hm-slide {
  min-width: 100%;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
}

.hm-slide--green  { background: var(--hm-tag-bg); color: var(--hm-tag-text); }
.hm-slide--warm   { background: var(--hm-warm-bg); color: var(--hm-warm-text); }
.hm-slide--dark   { background: #1A1A1A; color: #E8E8E8; }
.hm-slide--purple { background: #F0EAF5; color: #6B4C8A; }

.hm-slide-emoji { font-size: 20px; flex-shrink: 0; }
.hm-slide-body  { flex: 1; min-width: 0; }
.hm-slide-title { font-size: 13px; font-weight: 600; line-height: 1.3; }
.hm-slide-sub   { font-size: 11px; font-weight: 300; opacity: 0.8; margin-top: 1px; }
.hm-slide-go    { font-size: 18px; opacity: 0.5; flex-shrink: 0; }

.hm-slider-dots {
  display: flex;
  justify-content: center;
  gap: 6px;
  padding: 10px 0 4px;
}

.hm-slider-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--hm-border);
  border: none;
  padding: 0;
  cursor: pointer;
  transition: all 0.25s var(--hm-ease);
}

.hm-slider-dot.is-active {
  background: var(--hm-text);
  width: 18px;
  border-radius: 3px;
}

/* ── Nav ── */
.hm-nav { padding: 4px 0 28px; }

/* ── Simple link ── */
.hm-link {
  display: flex;
  align-items: center;
  padding: 15px 22px;
  text-decoration: none;
  color: #A0896C;
  font-size: 15px;
  font-weight: 500;
  border-bottom: 1px solid var(--hm-border-light);
  transition: background 0.12s, color 0.12s;
  -webkit-tap-highlight-color: transparent;
}

.hm-link:active { background: var(--hm-bg-soft); color: #5C4A32; }

/* Renkli başlıklar — özelleştirilmişler */
.hm-link--firsat   { color: #f09c4e; font-weight: 600; }
.hm-link--coksatan { color: #69c2de; font-weight: 600; }

/* ── L1 Accordion ── */
.hm-acc { border-bottom: 1px solid var(--hm-border-light); }

.hm-acc-btn {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 15px 22px;
  background: none;
  border: none;
  cursor: pointer;
  font-family: var(--hm-font);
  font-size: 15px;
  font-weight: 500;
  color: #A0896C;
  -webkit-tap-highlight-color: transparent;
  transition: background 0.12s;
}

.hm-acc-btn:active { background: var(--hm-bg-soft); }
.hm-acc-btn span:first-child { flex: 1; text-align: left; }

/* Açık durumdaki accordion başlığı — koyu kahverengi */
.hm-acc.is-open > .hm-acc-btn { color: #5C4A32; }

/* Renkli accordion başlıkları — özelleştirilmişler */
.hm-acc--colored-tumrunler > .hm-acc-btn {
  color: #A0896C;
  font-weight: 600;
}
.hm-acc--colored-tumrunler.is-open > .hm-acc-btn {
  color: #5C4A32;
}

.hm-acc-chevron {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--hm-text-muted);
  transition: transform 0.35s var(--hm-ease), color 0.2s;
  flex-shrink: 0;
}

.hm-acc-chevron svg { width: 14px; height: 14px; }

.hm-acc.is-open > .hm-acc-btn .hm-acc-chevron {
  transform: rotate(180deg);
  color: #5C4A32;
}

.hm-acc-panel {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s var(--hm-ease);
}

.hm-acc-panel-inner { padding: 0 22px 12px; }

/* View all link — warm tones */
.hm-viewall {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  color: var(--hm-warm-text);
  text-decoration: none;
  padding: 7px 12px;
  border-radius: 6px;
  background: var(--hm-warm-bg);
  margin-bottom: 10px;
  transition: all 0.12s;
}

.hm-viewall:active { background: var(--hm-warm-text); color: #fff; }
.hm-viewall svg { width: 11px; height: 11px; }

/* ── L2 Sub-group ── */
.hm-sub {
  border-radius: 10px;
  background: var(--hm-bg-soft);
  margin-bottom: 6px;
  overflow: hidden;
}

.hm-sub-btn {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 12px 14px;
  background: none;
  border: none;
  cursor: pointer;
  font-family: var(--hm-font);
  font-size: 13.5px;
  font-weight: 500;
  color: #A0896C;
  -webkit-tap-highlight-color: transparent;
  transition: background 0.12s, color 0.12s;
}

.hm-sub-btn:active { background: rgba(0,0,0,0.03); }
.hm-sub-btn span:first-child { flex: 1; text-align: left; }

/* Açık durumdaki sub başlığı — koyu kahverengi */
.hm-sub.is-open > .hm-sub-btn { color: #5C4A32; }

.hm-sub-count {
  font-size: 11px;
  font-weight: 400;
  color: var(--hm-text-muted);
  margin-right: 8px;
}

.hm-sub-chevron {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--hm-text-muted);
  transition: transform 0.3s var(--hm-ease);
  flex-shrink: 0;
}

.hm-sub-chevron svg { width: 12px; height: 12px; }

.hm-sub.is-open > .hm-sub-btn .hm-sub-chevron {
  transform: rotate(180deg);
  color: #5C4A32;
}

.hm-sub-panel {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.35s var(--hm-ease);
}

.hm-sub-panel-inner { padding: 0 14px 10px; }

.hm-sub-item {
  display: block;
  padding: 9px 0;
  font-size: 13px;
  font-weight: 400;
  color: var(--hm-text-sec);
  text-decoration: none;
  border-bottom: 1px solid rgba(0,0,0,0.04);
  transition: color 0.12s;
  -webkit-tap-highlight-color: transparent;
}

.hm-sub-item:last-child { border-bottom: none; }
.hm-sub-item:active { color: var(--hm-text); }

/* ── Flat child ── */
.hm-flat {
  display: block;
  padding: 11px 14px;
  font-size: 13.5px;
  font-weight: 400;
  color: var(--hm-text-sec);
  text-decoration: none;
  border-radius: 8px;
  transition: all 0.12s;
  -webkit-tap-highlight-color: transparent;
}

.hm-flat:active { background: rgba(0,0,0,0.03); color: var(--hm-text); }

/* ── Footer ── */
.hm-footer {
  padding: 14px 22px 14px;
  border-top: 1px solid var(--hm-border);
  background: var(--hm-bg);
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  gap: 24px;
}

.hm-footer a {
  font-size: 12px;
  color: var(--hm-text-muted);
  text-decoration: none;
  transition: color 0.12s;
}

.hm-footer a:active { color: var(--hm-text); }

/* ── Entry animation ── */
@keyframes hmFadeUp {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

.hm-nav > * {
  animation: hmFadeUp 0.3s var(--hm-ease) both;
}

.hm-nav > *:nth-child(1)  { animation-delay: 0.02s; }
.hm-nav > *:nth-child(2)  { animation-delay: 0.04s; }
.hm-nav > *:nth-child(3)  { animation-delay: 0.05s; }
.hm-nav > *:nth-child(4)  { animation-delay: 0.06s; }
.hm-nav > *:nth-child(5)  { animation-delay: 0.07s; }
.hm-nav > *:nth-child(6)  { animation-delay: 0.08s; }
.hm-nav > *:nth-child(7)  { animation-delay: 0.09s; }
.hm-nav > *:nth-child(8)  { animation-delay: 0.10s; }
.hm-nav > *:nth-child(9)  { animation-delay: 0.11s; }
.hm-nav > *:nth-child(10) { animation-delay: 0.12s; }
.hm-nav > *:nth-child(11) { animation-delay: 0.13s; }
.hm-nav > *:nth-child(12) { animation-delay: 0.14s; }
.hm-nav > *:nth-child(13) { animation-delay: 0.15s; }
.hm-nav > *:nth-child(14) { animation-delay: 0.16s; }
.hm-nav > *:nth-child(15) { animation-delay: 0.17s; }
.hm-nav > *:nth-child(16) { animation-delay: 0.18s; }

.hm-footer-blog {
  color: #69c2de !important;
  font-weight: 300;
}

/* =============================================
   HepsiMis - Yorum Yaz Popup Override
   ============================================= */

.divYorumYaz.frmUrunDetayYorumYaz {
  --hm-primary: #69C3DF;
  --hm-primary-hover: #55B4D1;
  --hm-primary-pale: #EAF6FA;
  --hm-primary-wash: #F2FAFE;
  --hm-primary-glow: rgba(105, 195, 223, 0.15);
  --hm-charcoal: #2C2C2C;
  --hm-text: #3A3A3A;
  --hm-text-light: #6B6B6B;
  --hm-text-muted: #9A9A9A;
  --hm-border: #E5E5E0;
  --hm-border-light: #F0EFEB;
  --hm-radius-sm: 8px;
  --hm-radius-md: 12px;
  --hm-radius-lg: 16px;
}


/* ====== SAĞ BOŞLUK DÜZELTMESİ ====== */
.divYorumYaz.frmUrunDetayYorumYaz {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-right: 0 !important;
}


/* ====== ANA CONTAINER ====== */
.divYorumYaz.frmUrunDetayYorumYaz {
  background: var(--hm-primary-wash) !important;
  border-radius: var(--hm-radius-lg) !important;
  font-family: 'DM Sans', sans-serif !important;
  color: var(--hm-text) !important;
  -webkit-font-smoothing: antialiased !important;
  padding: 0 !important;
  box-shadow: 0 24px 64px rgba(0,0,0,0.12) !important;
  overflow: hidden !important;
  border: none !important;
}


/* ====== HEADER — GİZLE ====== */
.divYorumYaz .divYorumHeader {
  display: none !important;
}


/* ====== İÇERİK ====== */
.divYorumYaz .YorumContIcerik {
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
}


/* ====== ÜST: Resim + Sağ ====== */
.divYorumYaz .yorumContentTop {
  display: flex !important;
  gap: 16px !important;
  align-items: flex-start !important;
  padding: 20px 20px 16px !important;
  margin: 0 !important;
  border: none !important;
}

.divYorumYaz .yorumContentLeft {
  flex-shrink: 0 !important;
  width: auto !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.divYorumYaz .yorumUrunImg,
.divYorumYaz .divYorumProductImage {
  width: 187px !important;
  height: 187px !important;
  border-radius: var(--hm-radius-md) !important;
  overflow: hidden !important;
  background: white !important;
  border: 1px solid var(--hm-border-light) !important;
  padding: 0 !important;
  margin: 0 !important;
}

.divYorumYaz .divYorumProductImage img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border: none !important;
}

.divYorumYaz .yorumContentRight {
  flex: 1 !important;
  min-width: 0 !important;
  width: auto !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
}


/* ====== Ürün Adı ====== */
.divYorumYaz .yorumUrunAdDesc {
  margin-bottom: 10px !important;
  padding: 0 !important;
}
.divYorumYaz .labelYorumProductName {
  font-family: "Roboto", sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: var(--hm-charcoal) !important;
  line-height: 1.25 !important;
}


/* ====== Değerlendirin ====== */
.divYorumYaz .detayYorumFormRating {
  margin-bottom: 14px !important;
  padding: 0 !important;
  border: none !important;
}
.divYorumYaz .detayYorumFormRating .yorumLabel {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--hm-text) !important;
}


/* ====== Tavsiye Eder Misiniz ======
   Ticimax default yapı korunuyor, sadece font. */
.divYorumYaz .detayYorumFormOneri {
  margin-bottom: 0 !important;
  padding: 0 !important;
  border: none !important;
}
.divYorumYaz .detayYorumFormOneri .yorumLabel {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--hm-text) !important;
}
.divYorumYaz .detayYorumFormOneri .formCol2.customLabel label {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  color: var(--hm-text-light) !important;
}


/* ====== ALT BÖLÜM ====== */
.divYorumYaz .yorumContentBottom {
  padding: 0 20px 20px !important;
  margin: 0 !important;
  border: none !important;
}
.divYorumYaz .yorumContentBottom::before {
  content: '' !important;
  display: block !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, var(--hm-border), transparent) !important;
  margin-bottom: 16px !important;
}


/* ====== INPUT ALANLARI ====== */
.divYorumYaz .detayYorumFormTitle {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  width: 100% !important;
}
.divYorumYaz .yorumDeger { margin-bottom: 14px !important; padding: 0 !important; }
.divYorumYaz .yorumAciklamaT { margin-bottom: 14px !important; padding: 0 !important; }
.divYorumYaz .yorumDeger .yorumBaslik,
.divYorumYaz .yorumAciklamaT .yorumBaslik {
  margin-bottom: 4px !important;
  padding: 0 !important;
}
.divYorumYaz .yorumDescriptionLabel {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--hm-text) !important;
}

.divYorumYaz .degerInput input.textbox,
.divYorumYaz input#txtbxYorumBaslik,
.divYorumYaz input.textbox.detayYorumFormTitle {
  width: 100% !important;
  padding: 10px 14px !important;
  border: 1.5px solid var(--hm-border) !important;
  border-radius: var(--hm-radius-sm) !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  color: var(--hm-text) !important;
  background: white !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  outline: none !important;
  height: auto !important;
}
.divYorumYaz .degerInput textarea.textbox,
.divYorumYaz textarea#txtbxYorumMesaj {
  width: 100% !important;
  padding: 10px 14px !important;
  border: 1.5px solid var(--hm-border) !important;
  border-radius: var(--hm-radius-sm) !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  color: var(--hm-text) !important;
  background: white !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  outline: none !important;
  min-height: 90px !important;
  resize: vertical !important;
  line-height: 1.5 !important;
}
.divYorumYaz .degerInput input.textbox:focus,
.divYorumYaz .degerInput textarea.textbox:focus,
.divYorumYaz input#txtbxYorumBaslik:focus,
.divYorumYaz textarea#txtbxYorumMesaj:focus {
  border-color: var(--hm-primary) !important;
  box-shadow: 0 0 0 3px var(--hm-primary-glow) !important;
}
.divYorumYaz .degerInput input.textbox::placeholder,
.divYorumYaz .degerInput textarea.textbox::placeholder {
  color: var(--hm-text-muted) !important;
  font-weight: 300 !important;
}


/* ====== AD SOYAD ====== */
.divYorumYaz .detayYorumFormAd {
  margin-bottom: 4px !important;
  padding: 0 !important;
  border: none !important;
}
.divYorumYaz .yorumMusetiAd {
  margin-bottom: 10px !important;
  padding: 0 !important;
}
.divYorumYaz .yorumMusetiAd input.textbox,
.divYorumYaz input#txtbxYorumIsim {
  width: 100% !important;
  padding: 10px 14px !important;
  border: none !important;
  border-radius: var(--hm-radius-sm) !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--hm-charcoal) !important;
  background: var(--hm-primary-pale) !important;
  height: auto !important;
}
.divYorumYaz input#txtbxYorumIsim:disabled {
  opacity: 1 !important;
  -webkit-text-fill-color: var(--hm-charcoal) !important;
}


/* ====== CHECKBOX / RADIO ALANLARI ======
   Ticimax default — DOKUNMA.
   Sadece font ve link rengi. */
.divYorumYaz .yorumMusteriAdCheck {
  margin-bottom: 4px !important;
  padding: 0 !important;
}
.divYorumYaz .yorumMusteriAdCheck .customLabel label {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 12px !important;
  color: var(--hm-text-light) !important;
}
.divYorumYaz .yorumMusteriAdCheck a {
  color: var(--hm-primary) !important;
}


/* ====== YAŞ SEÇİMİ ======
   Ticimax default yapı korunuyor, sadece font ve spacing. */
.divYorumYaz .detayYorumYas {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
  padding: 0 !important;
  border: none !important;
}
.divYorumYaz .detayYorumYas > .yorumBaslik .yorumLabel {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--hm-text) !important;
}
.divYorumYaz .detayYorumYasSatir.customLabel label {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 12px !important;
  color: var(--hm-text-light) !important;
}


/* ====== FOTOĞRAF YÜKLEME ====== */
.divYorumYaz .divYorumFotografEkleme {
  margin-bottom: 16px !important;
  padding: 0 !important;
  border: none !important;
}
.divYorumYaz .divYorumFotografEkleme > .yorumBaslik {
  margin-bottom: 8px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}
.divYorumYaz .divYorumFotografEkleme > .yorumBaslik .yorumLabel {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--hm-text) !important;
}
.divYorumYaz .divYorumFotografEkleme > .yorumBaslik .yorumDescriptionLabel {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  color: var(--hm-primary-hover) !important;
  background: var(--hm-primary-glow) !important;
  padding: 2px 8px !important;
  border-radius: 10px !important;
  display: inline-block !important;
  margin: 0 !important;
}

.divYorumYaz .yorumFotograflarRow {
  display: flex !important;
  gap: 8px !important;
}
.divYorumYaz .yorumFotograflarDiv {
  flex: 1 !important;
  width: auto !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.divYorumYaz .js--image-preview {
  aspect-ratio: 1 !important;
  border: 1.5px dashed var(--hm-border) !important;
  border-radius: var(--hm-radius-sm) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--hm-primary-pale) !important;
  transition: all 0.2s ease !important;
  overflow: hidden !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
}
.divYorumYaz .js--image-preview:hover {
  border-color: var(--hm-primary) !important;
}

.divYorumYaz .upload-options {
  display: flex !important;
  gap: 4px !important;
  margin-top: 6px !important;
}
.divYorumYaz .upload-btn { flex: 1 !important; }
.divYorumYaz .upload-btn label {
  display: block !important;
  text-align: center !important;
  padding: 5px 8px !important;
  border: 1.5px solid var(--hm-border) !important;
  border-radius: 6px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 500 !important;
  color: var(--hm-text-light) !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  background: white !important;
}
.divYorumYaz .upload-btn label:hover {
  border-color: var(--hm-primary) !important;
}
.divYorumYaz .fileClear {
  padding: 5px 10px !important;
  border: 1.5px solid var(--hm-border) !important;
  border-radius: 6px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 500 !important;
  color: #C45B5B !important;
  cursor: pointer !important;
  background: white !important;
}


/* ====== GÖNDER BUTONU ====== */
.divYorumYaz .yorumBtn {
  padding: 4px 0 0 !important;
  margin: 0 !important;
  border: none !important;
}
.divYorumYaz button.yorumYazButon,
.divYorumYaz button#btnYorumKaydet {
  width: 100% !important;
  padding: 12px 24px !important;
  background: var(--hm-primary) !important;
  color: white !important;
  border: none !important;
  border-radius: var(--hm-radius-sm) !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  text-transform: none !important;
}
.divYorumYaz button.yorumYazButon:hover,
.divYorumYaz button#btnYorumKaydet:hover {
  background: var(--hm-primary-hover) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 16px rgba(105, 195, 223, 0.35) !important;
}


/* ====== RESPONSIVE ====== */
@media (max-width: 600px) {
  .divYorumYaz .yorumUrunImg,
  .divYorumYaz .divYorumProductImage {
    width: 150px !important;
    height: 150px !important;
  }
  .divYorumYaz .yorumContentTop {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 16px 16px 12px !important;
  }
  .divYorumYaz .labelYorumProductName { font-size: 18px !important; }
  .divYorumYaz .yorumContentBottom { padding: 0 16px 20px !important; }
}

/* ====== ÜRÜN ADEDİ SEÇİMİ ====== */

#divAdetCombo .selectboxx {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  padding: 10px 40px 10px 16px;
  font-size: 15px;
  font-weight: 500;
  color: #333;
  cursor: pointer;
  min-width: 70px;
  text-align: center;
  line-height: 1;
  height: 44px;
  display: flex;
  align-items: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2300b4d8' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
/* ====== Sepete Ekle + Hemen Al Butonlar ====== */

#divAdetCombo .selectboxx {
  padding: 0 40px 0 16px;
  height: 44px;
  line-height: 44px;
}
/* Ana container: flex layout */
.BasketBtn {
  display: flex !important;
  align-items: stretch;
  gap: 8px;
  height: auto !important;
}

/* Adet combo: auto genişlik, tam satır kaplamasın */
#divAdetCombo {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  display: flex !important;
  align-items: stretch;
  flex-shrink: 0;
}

#divAdetCombo .lineTitle2 {
  display: none;
}

#divAdetCombo .right_line {
  display: flex;
}

#divAdetCombo .selectboxx {
  height: 100%;
  box-sizing: border-box;
}

/* Butonlar: eşit genişlik, float kaldır */
.BasketBtn .basketBtn {
  flex: 1;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}

.BasketBtn .buyfast {
  flex: 1;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}

.BasketBtn .basketBtn input,
.BasketBtn .buyfast input {
  width: 100%;
  height: 100%;
  margin: 0 !important;
  box-sizing: border-box;
  border-radius: 8px;
}
/* HepsiMis Bilgi Bantları */

.hm-badges{font-family:Roboto,sans-serif;display:flex;flex-direction:column;gap:2px;padding:12px 0 4px;max-width:53%}
.hm-badge-item{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #f0f0f0}
.hm-badge-item:last-child{border-bottom:none}
.hm-badge-icon{width:26px;height:26px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.hm-badge-icon img{width:22px;height:22px;object-fit:contain}
.hm-badge-icon .emoji-icon{font-size:20px;line-height:1}
.hm-badge-text{font-size:13px;line-height:1.4;color:#444}
.hm-badge-text strong{font-weight:600;color:#333}
.hm-badge-label{font-weight:700;font-size:13px}
.hm-badge-label.green{color:#27ae60}
.hm-badge-label.blue{color:#2980b9}
.hm-badge-label.orange{color:#e67e22}
.hm-info-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:15px;height:15px;border-radius:50%;background:none;color:#bbb;font-size:10px;font-weight:600;line-height:1;text-align:center;cursor:pointer;border:1.5px solid #ccc;padding:0;font-family:Roboto,sans-serif;transition:color .2s,border-color .2s;margin-left:5px}
.hm-info-btn:hover{color:#69c2de;border-color:#69c2de}
.hm-tooltip{visibility:hidden;opacity:0;position:absolute;bottom:calc(100% + 8px);right:0;left:auto;transform:none;width:210px;max-width:calc(100vw - 32px);padding:10px 12px;background:#2c3e50;color:#fff;font-size:11.5px;line-height:1.5;border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.15);transition:opacity .2s,visibility .2s;z-index:100;font-weight:400;pointer-events:none}
.hm-tooltip::after{content:'';position:absolute;top:100%;margin-top:-3px;right:1.5px;left:auto;transform:none;border:6px solid transparent;border-top-color:#2c3e50}
.hm-info-btn:hover .hm-tooltip{visibility:visible;opacity:1}
.hm-icon-teslimat img{width:37px;height:22px}
.hm-icon-kargo .emoji-icon{font-size:19px}
.hm-icon-puan img{width:28px;height:22px}

@media (max-width: 768px) {
.hm-badges{max-width:95% !important;}
}

/* Sidebar badge'ları */
.hm-badges-sidebar{max-width:100%!important}
.hm-badges-sidebar .hm-badge-text{font-size:12px}
.hm-badges-sidebar .hm-badge-label{font-size:12px}
.hm-badges-sidebar .hm-tooltip{width:180px}


/* Favorilere Ekle & İstek Listeme Ekle & Gelince Haber Ver */

.ProductIcon {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  float: none !important;
  flex-wrap: wrap !important;
  overflow: hidden !important;
}

.ProductIcon .UFavorilerimeEkle,
.ProductIcon .UIstekListemeEkle,
.ProductIcon .UGelinceHaberVer {
  float: none !important;
  width: auto !important;
}

.ProductIcon .UFavorilerimeEkle .box1,
.ProductIcon .UIstekListemeEkle .box1,
.ProductIcon .UGelinceHaberVer .box1 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  font-size: 13.5px !important;
  color: #999 !important;
  transition: color .2s;
  cursor: pointer;
  white-space: nowrap;
  background: none !important;
  height: auto !important;
  width: auto !important;
}

.ProductIcon .UGelinceHaberVer .box1:hover,
.ProductIcon .UFavorilerimeEkle .box1:hover,
.ProductIcon .UIstekListemeEkle .box1:hover {
  color: #69c2de !important;
}


.ProductIcon .box1 i {
  font-size: 15px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  display: inline !important;
}

@media(max-width:768px){
  .ProductIcon {
    justify-content: center !important;
    flex-wrap: wrap !important;
  }
}
/* Tavsiye Et & Yorum Yaz */
.ProductIcon2 {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 10px 0 !important;
}

.ProductIcon2 .TavsiyeEtBtnContent,
.ProductIcon2 .YorumYazbtnContent {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  float: none !important;
  width: auto !important;
}

.ProductIcon2 .TavsiyeEtBtnContent .button,
.ProductIcon2 .YorumYazbtnContent .button {
  display: inline-flex !important;
  align-items: center !important;
  border: none !important;
  padding: 4px 12px !important;
  margin: 0 !important;
  border-radius: 12px !important;
  font-size: 0 !important;
  width: auto !important;
  height: auto !important;
  line-height: normal !important;
  cursor: pointer;
  transition: background .2s;
}

.ProductIcon2 .TavsiyeEtBtnContent .button {
  background: #69c2de !important;
}

.ProductIcon2 .TavsiyeEtBtnContent .button:hover {
  background: #55b0cc !important;
}

.ProductIcon2 .YorumYazbtnContent .button {
  background: #f4a261 !important;
  position: relative !important;
}

.ProductIcon2 .YorumYazbtnContent .button:hover {
  background: #e08c4a !important;
}

.ProductIcon2 .TavsiyeEtBtnContent .button span,
.ProductIcon2 .YorumYazbtnContent .button span {
  font-size: 0 !important;
  color: transparent !important;
}

.ProductIcon2 .TavsiyeEtBtnContent .button::after {
  content: 'Paylaş';
  font-size: 11.5px !important;
  font-weight: 500 !important;
  color: #fff !important;
  white-space: nowrap;
}

.ProductIcon2 .YorumYazbtnContent .button::after {
  content: 'Yorum Yazın';
  font-size: 11.5px !important;
  font-weight: 500 !important;
  color: #fff !important;
  white-space: nowrap;
}

.ProductIcon2 .TavsiyeEtBtnContent::before {
  content: 'Bu ürünü bir arkadaşınıza önerin';
  font-size: 13px;
  color: #999;
  white-space: nowrap;
}

.ProductIcon2 .YorumYazbtnContent::before {
  content: 'Ürünü kullandınız mı?';
  font-size: 13px;
  color: #999;
  white-space: nowrap;
}

.ProductIcon2 .clear,
.ProductIcon2 .socialButons {
  display: none !important;
}

/* Yorum Yaz Tooltip */
.hm-yorum-tip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;border:1.5px solid #ccc;color:#bbb;font-size:9px;font-weight:600;cursor:pointer;background:none;padding:0;margin-left:2px;font-family:Roboto,sans-serif;transition:color .2s,border-color .2s;vertical-align:middle;flex-shrink:0}
.hm-yorum-tip:hover{color:#f4a261;border-color:#f4a261}
.hm-yorum-tip .hm-yorum-tooltip{visibility:hidden;opacity:0;position:absolute;bottom:calc(100% + 8px);right:0;left:auto;transform:none;width:220px;max-width:calc(100vw - 32px);padding:10px 12px;background:#2c3e50;color:#fff;font-size:11.5px;line-height:1.5;border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.15);transition:opacity .2s,visibility .2s;z-index:100;font-weight:400;pointer-events:none;text-align:left}
.hm-yorum-tip .hm-yorum-tooltip::after{content:'';position:absolute;top:100%;margin-top:-3px;right:1.5px;left:auto;transform:none;border:6px solid transparent;border-top-color:#2c3e50}
.hm-yorum-tip:hover .hm-yorum-tooltip{visibility:visible;opacity:1}

/* ============================================
   HepsiMis - Kategori Sayfası Badge
   ============================================ */

/* --- Ortak badge stili --- */
.productItem .productIcon .discountIcon.tip,
.productItem .productIcon .newIcon.tip,
.productItem .productIcon .ozelAlan1,
.productItem .productIcon .ozelAlan2,
.productItem .productIcon .ozelAlan4,
.productItem .productIcon .ozelAlan5 {
  position: absolute !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  padding: 2px 8px !important;
  font-weight: 700 !important;
  color: #fff !important;
  border-radius: 4px !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.15) !important;
  z-index: 5 !important;
}

/* --- İndirim badge iç elemanlar --- */
.productItem .productIcon .discountIcon.tip .discountIconDetail {
  display: none !important;
}

/* --- Atölyeler kategorisi: tüm ozelAlan gizle --- */
body.kategori-atolyeler .productItem .ozelAlan1,
body.kategori-atolyeler .productItem .ozelAlan2,
body.kategori-atolyeler .productItem .ozelAlan3,
body.kategori-atolyeler .productItem .ozelAlan4,
body.kategori-atolyeler .productItem .ozelAlan5 {
  display: none !important;
}
/* ============================================
   HepsiMis - ÜRÜN DETAY SAYFASI (EKSTRA)
   ============================================ */

/* Orijinal ozelAlan divlerini gizle */
#divOzelAlan1,
#divOzelAlan2 {
  display: none !important;
}

/* ============================================================
   HepsiMis Blog Override CSS — v2 (temizlenmiş)
   ============================================================ */

.blogCenter {
  margin-top: 0 !important;
  padding: 0 10px !important;
}

.tici-blok-ul {
  margin: 0 !important;
  padding: 0 !important;
}

.tici-blok-ul .pi-titles {
  height: auto !important;
  display: none !important;
}

.tici-blok-ul .pi-link {
  margin-top: 0 !important;
  display: none !important;
}

.blogCenter .tici-blok-ul .pi-categories {
  margin: 0 !important;
}

.blogCenter .tici-blok-ul .pi-text {
  height: 55px !important;
}


/* ============================================================
   SAYFA BAŞLIĞI — HepsiMis BLOG | prefix
   ============================================================ */

.blog-h1 {
  font-family: Roboto, sans-serif !important;
  font-size: 1.5rem !important;
  font-weight: 300 !important;
  color: #2e2826 !important;
  text-decoration: none !important;
  text-align: left !important;
  line-height: 1.3 !important;
  letter-spacing: 0.4px !important;
  margin-bottom: 16px !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid #d0eef6 !important;
  text-transform: none !important;
}

.blog-h1::before {
  content: 'HepsiMis BLOG  |  ' !important;
  font-weight: 400 !important;
  color: #69c2de !important;
}


/* ============================================================
   KATEGORİ LİSTELEME — YATAY KART
   ============================================================ */

.post-item {
  list-style: none !important;
  display: grid !important;
  grid-template-columns: 300px 1fr !important;
  grid-template-rows: auto auto auto auto !important;
  align-content: center !important;
  background: #ffffff !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  border-bottom: 1px solid #ede8e5 !important;
  margin-bottom: 0 !important;
  padding: 20px 0 !important;
  transition: background 0.25s ease !important;
  overflow: visible !important;
  float: none !important;
  width: 100% !important;
}

.post-item:hover {
  box-shadow: none !important;
  border-color: #ede8e5 !important;
  background: #fefcfa !important;
}

.post-item:last-child {
  border-bottom: none !important;
}

.post-item .pi-picture {
  grid-column: 1 !important;
  grid-row: 1 / -1 !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  align-self: center !important;
  max-height: 200px !important;
}

.post-item .pi-picture a {
  display: block !important;
  height: 100% !important;
}

.post-item .pi-picture img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 8px !important;
  transition: transform 0.4s ease !important;
}

.post-item:hover .pi-picture img {
  transform: scale(1.02) !important;
}

.post-item .pi-titles {
  grid-column: 2 !important;
  grid-row: 1 !important;
  padding: 0 0 0 22px !important;
  align-self: end !important;
  display: block !important;
  height: auto !important;
}

.post-item .pi-titles .pi-title {
  display: none !important;
}

.post-item .pi-titles h2 {
  margin: 0 !important;
}

.post-item .pi-titles h2 a {
  font-family: Roboto, sans-serif !important;
  font-size: 1.1rem !important;
  font-weight: 500 !important;
  color: #2e2826 !important;
  text-decoration: none !important;
  line-height: 1.35 !important;
  text-transform: none !important;
  letter-spacing: 0.4px !important;
  transition: color 0.25s ease !important;
}

.post-item .pi-titles h2 a:hover {
  color: #69c2de !important;
}

.post-item .pi-categories {
  grid-column: 2 !important;
  grid-row: 2 !important;
  font-family: Roboto, sans-serif !important;
  font-size: 0.75rem !important;
  color: #8c8280 !important;
  padding: 5px 0 6px 22px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  align-self: start !important;
  letter-spacing: 0.4px !important;
}

.post-item .pi-cat a {
  color: #c47d8e !important;
  text-decoration: none !important;
  background: #fdf2f4 !important;
  padding: 2px 8px !important;
  border-radius: 50px !important;
  font-size: 0.7rem !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  transition: background 0.25s ease !important;
}

.post-item .pi-cat a:hover {
  background: #f5d5dc !important;
  color: #a8596a !important;
}

.post-item .pi-text {
  grid-column: 2 !important;
  grid-row: 3 !important;
  font-family: Roboto, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: #7a7574 !important;
  padding: 4px 0 8px 22px !important;
  align-self: start !important;
  letter-spacing: 0.4px !important;
}

.post-item .pi-etiket {
  display: none !important;
}

.post-item .pi-link {
  grid-column: 2 !important;
  grid-row: 4 !important;
  padding: 4px 0 0 22px !important;
  align-self: start !important;
  display: block !important;
  margin-top: 0 !important;
}

.post-item .pi-link a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-family: Roboto, sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  color: #69c2de !important;
  text-decoration: none !important;
  padding: 5px 14px !important;
  border: 1px solid #d0eef6 !important;
  border-radius: 50px !important;
  background: transparent !important;
  letter-spacing: 0.4px !important;
  transition: all 0.25s ease !important;
}

.post-item .pi-link a:hover {
  background: #e8f6fa !important;
  border-color: #69c2de !important;
}

.post-item .pi-link a::after {
  content: '→' !important;
  font-size: 0.9em !important;
  transition: transform 0.25s ease !important;
}

.post-item .pi-link a:hover::after {
  transform: translateX(2px) !important;
}


/* ============================================================
   SAYFALAMA
   ============================================================ */

.blog-sayfalama {
  display: flex !important;
  justify-content: center !important;
  gap: 6px !important;
  margin: 28px 0 !important;
  font-family: Roboto, sans-serif !important;
}

.blog-sayfalama a,
.blog-sayfalama span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 36px !important;
  height: 36px !important;
  border-radius: 50px !important;
  font-size: 0.82rem !important;
  border: 1px solid #ede8e5 !important;
  color: #3d3533 !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
}

.blog-sayfalama a:hover {
  border-color: #69c2de !important;
  color: #69c2de !important;
}

.blog-sayfalama .active {
  background: #69c2de !important;
  border-color: #69c2de !important;
  color: #ffffff !important;
}


/* ============================================================
   BLOG İÇERİK SAYFASI
   ============================================================ */

.blogCenter .tici-blok-ul .pi-text {
  height: auto !important;
  padding-bottom: 5px !important;
}

.blog-etiket {
  display: none !important;
}

.yayintarih {
  font-family: Roboto, sans-serif !important;
  font-size: 0.78rem !important;
  color: #8c8280 !important;
  letter-spacing: 0.4px !important;
  margin-top: 6px !important;
}

.blog-img {
  margin-bottom: 24px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

.blog-img img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 8px !important;
}

/* İçerik metin */
.blogCenter > div:not([class]),
div.blogCenter > div:not([class]) {
  max-width: none !important;
  width: 100% !important;
  font-family: Roboto, sans-serif !important;
  font-size: 0.95rem !important;
  line-height: 1.75 !important;
  color: #3d3533 !important;
  letter-spacing: 0.4px !important;
}

.blogCenter > div:not([class]) p {
  margin-bottom: 1.1em !important;
  font-family: Roboto, sans-serif !important;
  font-size: 0.95rem !important;
  line-height: 1.75 !important;
  color: #3d3533 !important;
  letter-spacing: 0.4px !important;
}

.blogCenter > div:not([class]) p:first-child {
  font-size: 1.02rem !important;
  color: #7a7574 !important;
}

.blogCenter > div:not([class]) strong,
.blogCenter > div:not([class]) b {
  font-weight: 600 !important;
  color: #2e2826 !important;
}

.blogCenter > div:not([class]) a {
  color: #69c2de !important;
  text-decoration: underline !important;
  text-decoration-color: #d0eef6 !important;
  text-underline-offset: 2px !important;
}

.blogCenter > div:not([class]) a:hover {
  text-decoration-color: #69c2de !important;
}

.blogCenter > div:not([class]) h2 {
  font-family: Roboto, sans-serif !important;
  font-size: 1.3rem !important;
  font-weight: 500 !important;
  color: #2e2826 !important;
  margin: 1.6em 0 0.6em !important;
  letter-spacing: 0.4px !important;
}

.blogCenter > div:not([class]) h3 {
  font-family: Roboto, sans-serif !important;
  font-size: 1.1rem !important;
  font-weight: 500 !important;
  color: #2e2826 !important;
  margin: 1.3em 0 0.5em !important;
  letter-spacing: 0.4px !important;
}

.blogCenter > div:not([class]) blockquote {
  border-left: 3px solid #d0eef6 !important;
  margin: 1.2em 0 !important;
  padding: 0.8em 1.2em !important;
  background: #e8f6fa !important;
  border-radius: 0 6px 6px 0 !important;
  font-style: italic !important;
  color: #7a7574 !important;
}

.blogCenter > div:not([class]) ul,
.blogCenter > div:not([class]) ol {
  padding-left: 1.3em !important;
  margin-bottom: 1.1em !important;
}

.blogCenter > div:not([class]) ul {
  list-style: none !important;
}

.blogCenter > div:not([class]) ul li::before {
  content: '•' !important;
  color: #69c2de !important;
  font-weight: 700 !important;
  font-size: 1.1em !important;
  display: inline-block !important;
  width: 1em !important;
  margin-left: -1em !important;
}

.blogCenter > div:not([class]) li {
  margin-bottom: 0.4em !important;
  line-height: 1.65 !important;
}

/* Listeye Dön */
.blog-listeyedon {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-family: Roboto, sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  color: #69c2de !important;
  text-decoration: none !important;
  margin-top: 14px !important;
  padding: 8px 16px !important;
  border: 1px solid #d0eef6 !important;
  border-radius: 50px !important;
  background: #ffffff !important;
  letter-spacing: 0.4px !important;
  transition: all 0.25s ease !important;
}

.blog-listeyedon:hover {
  background: #e8f6fa !important;
  border-color: #69c2de !important;
  text-decoration: none !important;
}

.blog-listeyedon::before {
  content: '←' !important;
  font-size: 1em !important;
  transition: transform 0.25s ease !important;
}

.blog-listeyedon:hover::before {
  transform: translateX(-2px) !important;
}


/* ============================================================
   SIDEBAR
   ============================================================ */

.blogRight {
  padding-left: 20px !important;
}

.blogSearchFormArea {
  display: flex !important;
  gap: 0 !important;
  margin-bottom: 24px !important;
}

.blogSearchFormArea input[type="text"] {
  flex: 1 !important;
  font-family: Roboto, sans-serif !important;
  font-size: 0.85rem !important;
  padding: 10px 14px !important;
  border: 1px solid #ede8e5 !important;
  border-right: none !important;
  border-radius: 6px 0 0 6px !important;
  outline: none !important;
  background: #fefcfa !important;
  color: #3d3533 !important;
  letter-spacing: 0.4px !important;
  transition: border-color 0.25s ease !important;
}

.blogSearchFormArea input[type="text"]:focus {
  border-color: #69c2de !important;
  background: #ffffff !important;
}

.blogSearchFormArea input[type="text"]::placeholder {
  color: #8c8280 !important;
}

.blogSearchFormArea button {
  font-family: Roboto, sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  padding: 10px 14px !important;
  background: #69c2de !important;
  color: #ffffff !important;
  border: 1px solid #69c2de !important;
  border-radius: 0 6px 6px 0 !important;
  cursor: pointer !important;
  letter-spacing: 0.4px !important;
  transition: background 0.25s ease !important;
}

.blogSearchFormArea button:hover {
  background: #55b3d1 !important;
}

.blogkategoribaslik {
  font-family: Roboto, sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  color: #2e2826 !important;
  margin-bottom: 10px !important;
  padding-bottom: 8px !important;
  border-bottom: 2px solid #d0eef6 !important;
  letter-spacing: 0.4px !important;
}

.blogKategori a {
  display: block !important;
  font-family: Roboto, sans-serif !important;
  font-size: 0.85rem !important;
  color: #3d3533 !important;
  text-decoration: none !important;
  padding: 6px 10px !important;
  border-radius: 6px !important;
  border-left: 2px solid transparent !important;
  letter-spacing: 0.4px !important;
  transition: all 0.25s ease !important;
}

.blogKategori a:hover {
  color: #69c2de !important;
  background: #e8f6fa !important;
  border-left-color: #69c2de !important;
}

.bloksonyazilarbaslik {
  font-family: Roboto, sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  color: #2e2826 !important;
  margin-top: 24px !important;
  margin-bottom: 12px !important;
  padding-bottom: 8px !important;
  border-bottom: 2px solid #d0eef6 !important;
  letter-spacing: 0.4px !important;
}

.blokSonYazilar a {
  display: block !important;
  font-family: Roboto, sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  color: #2e2826 !important;
  text-decoration: none !important;
  text-transform: none !important;
  padding: 6px 0 !important;
  letter-spacing: 0.4px !important;
  transition: color 0.25s ease !important;
}

.blokSonYazilar a:hover {
  color: #69c2de !important;
}

.blokSonYazilar img {
  width: 100% !important;
  height: auto !important;
  border-radius: 6px !important;
  margin-bottom: 6px !important;
}


/* ============================================================
   GENEL ELEMANLAR
   ============================================================ */

.categoryTitleText {
  font-family: Roboto, sans-serif !important;
  font-size: 0.78rem !important;
  color: #8c8280 !important;
  padding: 15px 0 5px !important;
  letter-spacing: 0.4px !important;
}

.categoryTitleText a {
  color: #8c8280 !important;
  text-decoration: none !important;
  transition: color 0.25s ease !important;
}

.categoryTitleText a:hover {
  color: #69c2de !important;
}


/* ============================================================
   MOBİL
   ============================================================ */

@media (max-width: 991px) {
  .blogRight {
    padding-left: 0 !important;
    margin-top: 28px !important;
    padding-top: 20px !important;
    border-top: 1px solid #ede8e5 !important;
  }
}

@media (max-width: 768px) {
  .blogCenter {
    padding: 0 14px !important;
  }

  .blogCenter .tici-blok-ul .pi-text {
    height: auto !important;
    padding-bottom: 10px !important;
  }

  .categoryTitleText {
    padding: 15px 0 15px 2px !important;
  }

  .post-item {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    padding: 16px 0 !important;
  }

  .post-item .pi-picture {
    grid-column: 1 !important;
    grid-row: auto !important;
    max-height: 220px !important;
    border-radius: 8px !important;
    margin-bottom: 12px !important;
  }

  .post-item .pi-titles,
  .post-item .pi-categories,
  .post-item .pi-text,
  .post-item .pi-link {
    grid-column: 1 !important;
    grid-row: auto !important;
    padding-left: 0 !important;
  }

  .post-item .pi-titles {
    padding: 0 !important;
  }

  .post-item .pi-categories {
    padding: 4px 0 6px !important;
  }

  .post-item .pi-text {
    padding: 0 0 8px !important;
  }

  .post-item .pi-link {
    padding: 0 !important;
  }

  .blog-h1 {
    font-size: 1.2rem !important;
  }

  .blog-h1::before {
    font-size: 1em !important;
  }

  .blogCenter > div:not([class]) {
    font-size: 0.92rem !important;
  }

  .blogCenter > div:not([class]) p {
    font-size: 0.92rem !important;
  }
}

@media (max-width: 480px) {
  .blogCenter {
    padding: 0 10px !important;
  }

  .blogCenter .tici-blok-ul .pi-text {
    height: auto !important;
    padding-bottom: 10px !important;
  }

  .blog-h1 {
    font-size: 1.05rem !important;
  }

  .post-item .pi-titles h2 a {
    font-size: 1rem !important;
  }

  .post-item .pi-picture {
    max-height: 180px !important;
  }

  .blogCenter > div:not([class]) h2 {
    font-size: 1.15rem !important;
  }

  .blogCenter > div:not([class]) h3 {
    font-size: 1rem !important;
  }
}
/* ============================================================
   HepsiMis – Kampanya Banner CSS
   v6 — Senin güncel padding değerlerin ile
   ============================================================ */

/* ——— LINK ——— */
.hm-promo-card .hm-promo-link {
  display: block;
  text-decoration: none !important;
  color: inherit !important;
  height: 100%;
}
.hm-promo-card .hm-promo-link:hover {
  text-decoration: none !important;
}

/* ——— İÇ KART ——— */
.hm-promo-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  height: 100%;
  padding: 64px 16px 0 16px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  transition: none;
}


/* =============================================================
   RENK TEMALARı
   ============================================================= */

/* ——— BUZ MAVİSİ (blue) ——— */
.hm-promo-inner[data-theme="blue"] {
  background: linear-gradient(180deg, #d0edf7 0%, #e0f2f9 25%, #eef8fc 50%, #f7fcfe 75%, #fff 100%);
  color: #1e3a4f;
}
.hm-promo-inner[data-theme="blue"]:hover {
  background: linear-gradient(180deg, #c4e7f3 0%, #d8eff8 25%, #eaf6fb 50%, #f5fbfe 75%, #fff 100%);
}
.hm-promo-inner[data-theme="blue"] .hm-promo-badge { color: #2a7a9b; border-color: rgba(105,195,223,0.25); }
.hm-promo-inner[data-theme="blue"] .hm-promo-discount,
.hm-promo-inner[data-theme="blue"] .hm-promo-discount-text { color: #0a6580; }
.hm-promo-inner[data-theme="blue"] .hm-promo-sub { color: #5a8a9e; }
.hm-promo-inner[data-theme="blue"] .hm-promo-cta { border-color: rgba(105,195,223,0.5); color: #0a6580; }
.hm-promo-inner[data-theme="blue"]:hover .hm-promo-cta { background: #69C3DF; color: #fff; border-color: #69C3DF; }

/* ——— AÇIK PEMBE (pink) ——— */
.hm-promo-inner[data-theme="pink"] {
  background: linear-gradient(180deg, #f5dce6 0%, #f8e6ee 25%, #fbeef3 50%, #fdf6f9 75%, #fff 100%);
  color: #4a2035;
}
.hm-promo-inner[data-theme="pink"]:hover {
  background: linear-gradient(180deg, #f0d0dd 0%, #f5dfea 25%, #f9eaf1 50%, #fcf3f7 75%, #fff 100%);
}
.hm-promo-inner[data-theme="pink"] .hm-promo-badge { color: #a0526e; border-color: rgba(200,120,155,0.25); }
.hm-promo-inner[data-theme="pink"] .hm-promo-discount,
.hm-promo-inner[data-theme="pink"] .hm-promo-discount-text { color: #8a3d5c; }
.hm-promo-inner[data-theme="pink"] .hm-promo-sub { color: #b07a92; }
.hm-promo-inner[data-theme="pink"] .hm-promo-cta { border-color: rgba(200,120,155,0.45); color: #8a3d5c; }
.hm-promo-inner[data-theme="pink"]:hover .hm-promo-cta { background: #d4849e; color: #fff; border-color: #d4849e; }

/* ——— AÇIK YEŞİL (green) ——— */
.hm-promo-inner[data-theme="green"] {
  background: linear-gradient(180deg, #d6edda 0%, #e2f2e5 25%, #edf7ef 50%, #f6fbf7 75%, #fff 100%);
  color: #1e3a25;
}
.hm-promo-inner[data-theme="green"]:hover {
  background: linear-gradient(180deg, #cbe7d0 0%, #daeede 25%, #e8f4ea 50%, #f3faf4 75%, #fff 100%);
}
.hm-promo-inner[data-theme="green"] .hm-promo-badge { color: #3d8a50; border-color: rgba(80,165,100,0.25); }
.hm-promo-inner[data-theme="green"] .hm-promo-discount,
.hm-promo-inner[data-theme="green"] .hm-promo-discount-text { color: #2a6e3a; }
.hm-promo-inner[data-theme="green"] .hm-promo-sub { color: #6a9e78; }
.hm-promo-inner[data-theme="green"] .hm-promo-cta { border-color: rgba(80,165,100,0.45); color: #2a6e3a; }
.hm-promo-inner[data-theme="green"]:hover .hm-promo-cta { background: #6abb80; color: #fff; border-color: #6abb80; }

/* ——— AÇIK SARI (yellow) ——— */
.hm-promo-inner[data-theme="yellow"] {
  background: linear-gradient(180deg, #f5edd0 0%, #f8f2de 25%, #fbf7eb 50%, #fdfbf5 75%, #fff 100%);
  color: #3a3520;
}
.hm-promo-inner[data-theme="yellow"]:hover {
  background: linear-gradient(180deg, #f0e6c4 0%, #f5eed6 25%, #f9f4e6 50%, #fcfaf2 75%, #fff 100%);
}
.hm-promo-inner[data-theme="yellow"] .hm-promo-badge { color: #8a7a3d; border-color: rgba(180,160,70,0.25); }
.hm-promo-inner[data-theme="yellow"] .hm-promo-discount,
.hm-promo-inner[data-theme="yellow"] .hm-promo-discount-text { color: #6e6520; }
.hm-promo-inner[data-theme="yellow"] .hm-promo-sub { color: #9e9460; }
.hm-promo-inner[data-theme="yellow"] .hm-promo-cta { border-color: rgba(180,160,70,0.45); color: #6e6520; }
.hm-promo-inner[data-theme="yellow"]:hover .hm-promo-cta { background: #c4b460; color: #fff; border-color: #c4b460; }


/* ——— BADGE ——— */
.hm-promo-badge {
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  padding: 4px 14px;
  border-radius: 20px;
  margin-bottom: 12px;
  background: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: 1px solid;
}

/* ——— ANA SAYFA ŞERİT BANNER'LARI ——— */
.hm-promo-slide .hm-promo-link {
  display: block;
  text-decoration: none !important;
  color: inherit !important;
  height: 100%;
}
.hm-promo-slide .hm-promo-link:hover {
  text-decoration: none !important;
}

.hm-promo-slide .hm-promo-inner {
  min-height: 300px;
  padding: 40px 16px 0 16px;
}

/* ——— BAŞLIK ——— */
.hm-promo-title {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 10px;
  color: inherit;
  max-width: 200px;
}

/* ——— İNDİRİM YÜZDESİ — dikey ortalamalı ——— */
.hm-promo-discount {
  font-family: 'Roboto', sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 5px;
}

.hm-promo-discount span {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
}

/* ——— İNDİRİM METNİ (Hediye kampanyaları) ——— */
.hm-promo-discount-text {
  font-family: 'Roboto', sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 6px;
}

/* ——— ALT YAZI ——— */
.hm-promo-sub {
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 14px;
  max-width: 180px;
}

/* ——— GÖRSEL (transparan PNG) ——— */
.hm-promo-img {
  margin-bottom: 12px;
}

.hm-promo-img img {
  max-width: 100%;
  max-height: 70px;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

/* ——— CTA BUTON ——— */
.hm-promo-cta {
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.3px;
  padding: 7px 18px;
  border-radius: 20px;
  border: 1.5px solid;
  background: rgba(255, 255, 255, 0.5);
  transition: all 0.2s ease;
}

/* ——— DEKORATİF DAİRELER ——— */
.hm-promo-inner::before {
  content: "";
  position: absolute;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  top: -40px;
  right: -40px;
  pointer-events: none;
}

.hm-promo-inner::after {
  content: "";
  position: absolute;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  bottom: 20px;
  left: -20px;
  pointer-events: none;
}


/* ============================================================
   MOBİL
   ============================================================ */
@media (max-width: 768px) {
  .hm-promo-inner {
    padding: 10px 12px 0 12px;
    justify-content: flex-start;
    padding-top: 50px;
  }

  .hm-promo-badge {
    font-size: 8px;
    padding: 3px 10px;
    margin-bottom: 8px;
  }

  .hm-promo-title {
    font-size: 13px;
    margin-bottom: 8px;
    max-width: 170px;
  }

  .hm-promo-discount {
    font-size: 32px;
    gap: 4px;
  }

  .hm-promo-discount span {
    font-size: 12px;
  }

  .hm-promo-discount-text {
    font-size: 18px;
  }

  .hm-promo-sub {
    font-size: 10px;
    margin-bottom: 10px;
  }

  .hm-promo-img img {
    max-height: 55px;
  }

  .hm-promo-cta {
    font-size: 10px;
    padding: 5px 14px;
  }

  .hm-promo-inner::before {
    width: 110px;
    height: 110px;
  }

  .hm-promo-inner::after {
    width: 65px;
    height: 65px;
  }

  .hm-promo-slide .hm-promo-inner {
    min-height: 250px;
    padding: 50px 12px 0 12px;
  }
}
/* =============================================
   HepsiMis – Ürün Tanıtım Yazısı Stilleri
   v14 – media query yok (Ticimax strip ediyor)
   ============================================= */

/* --- Parent flex ortala --- */
#divUrunOzellikAlani.urunOzellik {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

/* --- Container --- */
#divTabOzellikler.urunDetayPanel {
  font-family: 'Roboto', sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.75 !important;
  color: #444 !important;
  max-width: 720px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* --- HR Ayraç --- */
#divTabOzellikler.urunDetayPanel .urunTabAlt hr.hm-ayrac {
  border: none !important;
  border-top: 1px solid #e5e5e5 !important;
  margin: 36px 0 0 0 !important;
  padding: 0 !important;
  height: 0 !important;
}

/* --- H2 --- */
#divTabOzellikler.urunDetayPanel .urunTabAlt h2 {
  font-family: 'Roboto', sans-serif !important;
  font-size: 16.5px !important;
  font-weight: 500 !important;
  color: #415a68 !important;
  line-height: 1.4 !important;
  margin: 36px 0 20px 0 !important;
  padding: 0 !important;
  border: none !important;
  background-image: none !important;
  text-align: center !important;
}

#divTabOzellikler.urunDetayPanel .urunTabAlt h2:first-child {
  margin-top: 0 !important;
}

/* --- H3 --- */
#divTabOzellikler.urunDetayPanel .urunTabAlt h3 {
  font-family: 'Roboto', sans-serif !important;
  font-size: 16.5px !important;
  font-weight: 500 !important;
  color: #415a68 !important;
  line-height: 1.4 !important;
  margin: 36px 0 20px 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

/* --- Başlık iç span (background + border) --- */
#divTabOzellikler.urunDetayPanel .urunTabAlt .hm-baslik-ic {
  background: #fafff6 !important;
  padding: 2px 6px !important;
  border-bottom: 2px solid rgba(65, 90, 104, 0.19) !important;
  display: inline-block !important;
}

/* --- P --- */
#divTabOzellikler.urunDetayPanel .urunTabAlt p {
  font-family: 'Roboto', sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.75 !important;
  color: #444 !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
}

/* --- Giriş paragrafı --- */
#divTabOzellikler.urunDetayPanel .urunTabAlt p.hm-giris {
  font-size: 15.5px !important;
  color: #555 !important;
  font-style: italic !important;
  line-height: 1.8 !important;
  margin: 8px 0 22px 0 !important;
}

/* --- Bold: <b> tag --- */
#divTabOzellikler.urunDetayPanel .urunTabAlt b {
  display: inline !important;
  color: #415a68 !important;
  font-weight: 500 !important;
}

/* --- Listeler --- */
#divTabOzellikler.urunDetayPanel .urunTabAlt ul,
#divTabOzellikler.urunDetayPanel .urunTabAlt ol {
  margin: 4px 0 16px 0 !important;
  padding: 0 0 0 24px !important;
  list-style-position: outside !important;
}

#divTabOzellikler.urunDetayPanel .urunTabAlt ul { list-style-type: disc !important; }
#divTabOzellikler.urunDetayPanel .urunTabAlt ol { list-style-type: decimal !important; }

#divTabOzellikler.urunDetayPanel .urunTabAlt li {
  font-family: 'Roboto', sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.75 !important;
  color: #444 !important;
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
  display: list-item !important;
}

#divTabOzellikler.urunDetayPanel .urunTabAlt ul > li { list-style-type: disc !important; }
#divTabOzellikler.urunDetayPanel .urunTabAlt ol > li { list-style-type: decimal !important; }

/* --- Uyarı kutusu --- */
#divTabOzellikler.urunDetayPanel .urunTabAlt .hm-uyari {
  background: #fdf8f0 !important;
  border-left: 3px solid #dcc9a6 !important;
  border-radius: 4px !important;
  padding: 16px 20px !important;
  margin: 28px 0 !important;
  font-size: 13.5px !important;
  color: #5a4e3e !important;
  line-height: 1.7 !important;
}

#divTabOzellikler.urunDetayPanel .urunTabAlt .hm-uyari .hm-uyari-baslik {
  display: block !important;
  margin-bottom: 6px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #4a3f2e !important;
}

/* --- INCI kutusu --- */
#divTabOzellikler.urunDetayPanel .urunTabAlt .hm-inci-kutu {
  background: #f8f8f8 !important;
  border: 1px solid #ebebeb !important;
  border-radius: 4px !important;
  padding: 16px 20px !important;
  margin: 24px 0 !important;
}

#divTabOzellikler.urunDetayPanel .urunTabAlt .hm-inci-kutu h3 {
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: #999 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  border: none !important;
  background-image: none !important;
  text-align: left !important;
}

#divTabOzellikler.urunDetayPanel .urunTabAlt .hm-inci-kutu p {
  font-family: 'Roboto Mono', 'Courier New', monospace !important;
  font-size: 12px !important;
  color: #999 !important;
  line-height: 1.65 !important;
  margin: 0 !important;
  word-break: break-word !important;
}

/* --- Hacim bilgisi --- */
#divTabOzellikler.urunDetayPanel .urunTabAlt p.hm-hacim {
  font-size: 13px !important;
  color: #888 !important;
  font-weight: 400 !important;
}
/* ===== HepsiMis Cilt Tipi Testi v2.0 ===== */
.hm-st * { box-sizing: border-box; margin: 0; padding: 0; }
.hm-st {
  font-family: 'DM Sans', sans-serif;
  max-width: 860px;
  margin: 0 auto 60px;
  padding: 0 20px;
  color: #415a68;
  -webkit-font-smoothing: antialiased;
}

/* ---- INTRO SCREEN ---- */
.hm-st-intro {
  text-align: center;
  padding: 50px 20px 40px;
  animation: hmStFadeIn 0.6s ease;
}
.hm-st-intro-badge {
  display: inline-block;
  font-family: 'Cormorant Garamond', serif;
  font-size: 13px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #69c2de;
  border: 1px solid #69c2de;
  border-radius: 30px;
  padding: 6px 22px;
  margin-bottom: 28px;
}
.hm-st-intro h1 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 42px;
  font-weight: 600;
  color: #415a68;
  line-height: 1.2;
  margin-bottom: 16px;
}
.hm-st-intro h1 span { color: #69c2de; }
.hm-st-intro p {
  font-size: 16px;
  line-height: 1.7;
  color: #6b8a9a;
  max-width: 560px;
  margin: 0 auto 32px;
}
.hm-st-intro-start {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #69c2de;
  color: #fff;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  border: none;
  border-radius: 50px;
  padding: 16px 40px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 20px rgba(105,194,222,0.35);
}
.hm-st-intro-start:hover {
  background: #52b3d1;
  transform: translateY(-2px);
  box-shadow: 0 6px 28px rgba(105,194,222,0.45);
}
.hm-st-intro-start svg { width: 20px; height: 20px; }
/* Rev1+12: features yan yana eşit genişlik */
.hm-st-intro-features {
  display: flex;
  justify-content: center;
  gap: 36px;
  margin: 30px auto 28px;
  flex-wrap: nowrap;
}
.hm-st-intro-feat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #6b8a9a;
  width: 90px;
  text-align: center;
  line-height: 1.3;
}
.hm-st-intro-feat svg {
  width: 32px;
  height: 32px;
  color: #69c2de;
}

/* ---- PROGRESS BAR ---- */
/* Rev3: üst-alt boşluk eşit */
.hm-st-progress {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin: 28px 0 28px;
  padding: 0 10px;
}
.hm-st-step {
  width: 36px; height: 36px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 14px; font-weight: 700;
  border: 2px solid #dce8ed; color: #a0b5c0; background: #fff;
  transition: all 0.4s ease; flex-shrink: 0;
}
.hm-st-step.active { border-color: #69c2de; background: #69c2de; color: #fff; box-shadow: 0 2px 12px rgba(105,194,222,0.4); }
.hm-st-step.done { border-color: #69c2de; background: #e8f7fb; color: #69c2de; }
.hm-st-step-line { width: 24px; height: 2px; background: #dce8ed; transition: background 0.4s ease; flex-shrink: 0; }
.hm-st-step-line.done { background: #69c2de; }

/* ---- QUESTION AREA ---- */
.hm-st-quiz { display: none; padding-top: 12px; }
.hm-st-quiz.active { display: block; }
.hm-st-question-wrap { text-align: center; animation: hmStSlideIn 0.45s ease; }
.hm-st-q-number { font-family: 'Cormorant Garamond', serif; font-size: 14px; color: #69c2de; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 12px; }
.hm-st-question { font-family: 'Cormorant Garamond', serif; font-size: 28px; font-weight: 600; color: #415a68; line-height: 1.3; margin-bottom: 32px; }

/* ---- OPTIONS ---- */
.hm-st-options { display: flex; flex-direction: column; gap: 12px; max-width: 620px; margin: 0 auto; }
.hm-st-option {
  display: block; width: 100%; text-align: left;
  padding: 18px 24px; background: #fff;
  border: 2px solid #e4eef2; border-radius: 16px;
  font-family: 'DM Sans', sans-serif; font-size: 15px; line-height: 1.5; color: #415a68;
  cursor: pointer; transition: all 0.25s ease;
}
.hm-st-option:hover { border-color: #69c2de; background: #f4fbfd; transform: translateX(4px); }
.hm-st-option.selected { border-color: #69c2de; background: #69c2de; color: #fff; box-shadow: 0 4px 16px rgba(105,194,222,0.3); }

/* ---- NAV BUTTONS ---- */
.hm-st-nav { display: flex; justify-content: center; gap: 16px; margin-top: 36px; }
.hm-st-nav-btn {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: 'DM Sans', sans-serif; font-size: 15px; font-weight: 600;
  border: none; border-radius: 50px; padding: 14px 32px; cursor: pointer; transition: all 0.3s ease;
}
.hm-st-nav-prev { background: transparent; color: #69c2de; border: 2px solid #69c2de; }
.hm-st-nav-prev:hover { background: #f4fbfd; }
.hm-st-nav-next { background: #69c2de; color: #fff; box-shadow: 0 4px 16px rgba(105,194,222,0.3); }
.hm-st-nav-next:hover { background: #52b3d1; transform: translateY(-1px); }
.hm-st-nav-next:disabled { background: #c8dde5; cursor: not-allowed; box-shadow: none; transform: none; }
.hm-st-nav-next svg, .hm-st-nav-prev svg { width: 18px; height: 18px; }

/* ---- RESULT SCREEN ---- */
.hm-st-result { display: none; text-align: center; animation: hmStFadeIn 0.6s ease; padding-top: 28px; }
.hm-st-result.active { display: block; }
.hm-st-result-badge { display: inline-block; font-family: 'Cormorant Garamond', serif; font-size: 13px; letter-spacing: 3px; text-transform: uppercase; color: #69c2de; margin-bottom: 16px; }
.hm-st-result h2 { font-family: 'Cormorant Garamond', serif; font-size: 38px; font-weight: 600; color: #415a68; margin-bottom: 8px; }
.hm-st-result h2 span { color: #69c2de; }
/* Rev6: azaltılmış boşluk */
.hm-st-result-desc { font-size: 15px; line-height: 1.8; color: #6b8a9a; max-width: 600px; margin: 0 auto 24px; }
.hm-st-result-tips { background: #f4fbfd; border-radius: 20px; padding: 28px 32px; max-width: 600px; margin: 0 auto 36px; text-align: left; }
.hm-st-result-tips h3 { font-family: 'Cormorant Garamond', serif; font-size: 20px; color: #415a68; margin-bottom: 14px; }
.hm-st-result-tips ul { list-style: none; padding: 0; }
.hm-st-result-tips li { font-size: 14px; line-height: 1.7; color: #6b8a9a; padding: 6px 0 6px 24px; position: relative; }
.hm-st-result-tips li::before { content: '\2726'; position: absolute; left: 0; color: #69c2de; font-size: 12px; }

/* ---- PRODUCT STRIP ---- */
.hm-st-products { margin: 36px auto; max-width: 100%; }
.hm-st-products h3 { font-family: 'Cormorant Garamond', serif; font-size: 24px; color: #415a68; text-align: center; margin-bottom: 24px; }
.hm-st-products h3 span { color: #69c2de; }
/* Rev7: kaydırma ipucu wrapper */
.hm-st-prod-wrap { position: relative; }
.hm-st-prod-wrap::after {
  content: ''; position: absolute; top: 0; right: 0;
  width: 50px; height: calc(100% - 20px);
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.9));
  pointer-events: none; z-index: 1; transition: opacity 0.3s ease;
}
.hm-st-prod-wrap.scrolled-end::after { opacity: 0; }
.hm-st-prod-strip {
  display: flex; gap: 16px; overflow-x: auto; padding: 4px 4px 20px;
  scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
  scrollbar-width: thin; scrollbar-color: #69c2de #e4eef2;
}
.hm-st-prod-strip::-webkit-scrollbar { height: 6px; }
.hm-st-prod-strip::-webkit-scrollbar-track { background: #e4eef2; border-radius: 3px; }
.hm-st-prod-strip::-webkit-scrollbar-thumb { background: #69c2de; border-radius: 3px; }
.hm-st-prod-card {
  flex: 0 0 200px; scroll-snap-align: start; background: #fff;
  border: 1px solid #e4eef2; border-radius: 16px; overflow: hidden;
  transition: all 0.3s ease; text-decoration: none; color: inherit;
  display: flex; flex-direction: column;
}
.hm-st-prod-card:hover { border-color: #69c2de; box-shadow: 0 4px 20px rgba(105,194,222,0.2); transform: translateY(-3px); }
.hm-st-prod-img { width: 100%; aspect-ratio: 1; object-fit: cover; background: #f8f8f8; }
.hm-st-prod-info { padding: 14px; flex: 1; display: flex; flex-direction: column; }
.hm-st-prod-name { font-size: 13px; font-weight: 500; color: #415a68; line-height: 1.4; margin-bottom: 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; flex: 1; }
.hm-st-prod-price { font-size: 15px; font-weight: 700; color: #69c2de; margin-bottom: 10px; }
.hm-st-prod-btn { display: block; text-align: center; font-family: 'DM Sans', sans-serif; font-size: 12px; font-weight: 600; padding: 8px 12px; border-radius: 8px; border: 1.5px solid #69c2de; color: #69c2de; background: transparent; cursor: pointer; transition: all 0.2s ease; text-decoration: none; }
.hm-st-prod-btn:hover { background: #69c2de; color: #fff; }
.hm-st-prod-card.out-of-stock .hm-st-prod-img { opacity: 0.5; }
.hm-st-prod-card.out-of-stock .hm-st-prod-btn { border-color: #c8dde5; color: #a0b5c0; font-size: 11px; }
.hm-st-prod-card.out-of-stock .hm-st-prod-btn:hover { background: #f4fbfd; color: #69c2de; border-color: #69c2de; }
.hm-st-prod-stock-badge { display: none; font-size: 11px; color: #e07a5f; font-weight: 600; margin-bottom: 4px; }
.hm-st-prod-card.out-of-stock .hm-st-prod-stock-badge { display: block; }

/* Category link */
/* Rev14: İndirimli fiyat */
.hm-st-prod-old-price { font-size: 12px; color: #a0b5c0; text-decoration: line-through; margin-bottom: 2px; }
.hm-st-cat-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; font-size: 15px; font-weight: 600; color: #69c2de; text-decoration: none; transition: all 0.2s ease; }
.hm-st-cat-link:hover { color: #52b3d1; gap: 12px; }
.hm-st-cat-link svg { width: 18px; height: 18px; }

/* ---- SHARE AREA ---- */
.hm-st-share { display: flex; justify-content: center; gap: 14px; margin: 36px 0 20px; flex-wrap: wrap; }
.hm-st-share-btn { display: inline-flex; align-items: center; gap: 8px; font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 600; padding: 12px 20px; border-radius: 12px; border: 1.5px solid #e4eef2; background: #fff; color: #415a68; cursor: pointer; transition: all 0.2s ease; text-decoration: none; }
.hm-st-share-btn:hover { border-color: #69c2de; background: #f4fbfd; }
.hm-st-share-btn svg { width: 18px; height: 18px; }
.hm-st-share-btn.whatsapp:hover { border-color: #25d366; color: #25d366; }

/* ---- CHATBOT CTA (hidden) ---- */
.hm-st-chatbot-cta { display: none; flex-direction: column; align-items: center; gap: 12px; background: linear-gradient(135deg, #f4fbfd 0%, #e8f7fb 100%); border-radius: 20px; padding: 32px; margin: 36px auto; max-width: 500px; }
.hm-st-chatbot-cta p { font-size: 15px; color: #6b8a9a; line-height: 1.6; text-align: center; }
.hm-st-chatbot-cta strong { color: #415a68; }
.hm-st-chatbot-btn { display: inline-flex; align-items: center; gap: 8px; background: #69c2de; color: #fff; font-family: 'DM Sans', sans-serif; font-size: 15px; font-weight: 600; border: none; border-radius: 50px; padding: 14px 32px; cursor: pointer; transition: all 0.3s ease; }
.hm-st-chatbot-btn:hover { background: #52b3d1; }

/* ---- RESTART ---- */
.hm-st-restart { text-align: center; margin: 30px 0 10px; }
.hm-st-restart-btn { font-family: 'DM Sans', sans-serif; font-size: 14px; color: #a0b5c0; background: none; border: none; cursor: pointer; text-decoration: underline; transition: color 0.2s; }
.hm-st-restart-btn:hover { color: #69c2de; }

/* ---- DISCLAIMER ---- */
.hm-st-disclaimer { font-size: 11px; color: #b0c4ce; text-align: center; line-height: 1.6; margin-top: 30px; padding: 16px; border-top: 1px solid #e4eef2; }

/* ---- LOADING ---- */
.hm-st-loading { display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 40px 0; }
.hm-st-spinner { width: 40px; height: 40px; border: 3px solid #e4eef2; border-top-color: #69c2de; border-radius: 50%; animation: hmStSpin 0.8s linear infinite; }
.hm-st-loading p { font-size: 14px; color: #6b8a9a; }

/* ---- ANIMATIONS ---- */
@keyframes hmStFadeIn { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
@keyframes hmStSlideIn { from { opacity: 0; transform: translateX(30px); } to { opacity: 1; transform: translateX(0); } }
@keyframes hmStSpin { to { transform: rotate(360deg); } }

/* ---- MOBILE ---- */
@media (max-width: 640px) {
  .hm-st { padding: 0 14px; }
  .hm-st-intro { padding: 30px 10px; }
  .hm-st-intro h1 { font-size: 46px; }
  .hm-st-intro p { font-size: 14px; }
  .hm-st-intro-features { gap: 28px; }
  .hm-st-intro-badge { margin-bottom: 18px; }
  .hm-st-question { font-size: 22px; }
  .hm-st-option { padding: 14px 18px; font-size: 14px; }
  .hm-st-step { width: 28px; height: 28px; font-size: 11px; }
  .hm-st-step-line { width: 12px; }
  .hm-st-result h2 { font-size: 28px; }
  .hm-st-result-tips { padding: 20px; }
  .hm-st-products h3 { font-size: 20px; }
  .hm-st-prod-card { flex: 0 0 170px; }
  .hm-st-nav { flex-wrap: wrap; }
  .hm-st-nav-btn { padding: 12px 24px; font-size: 14px; }
  .hm-st-share { gap: 10px; }
  .hm-st-share-btn { padding: 10px 16px; font-size: 12px; }
}
/* HepsiMis — Cilt Tipi Testi Hediye Puan Bildirimi */
.hmRewardNotif{display:flex;align-items:center;gap:4px;padding:14px 13px;border-radius:16px;margin:20px auto 12px;max-width:554px;animation:hmRewardFadeIn .5s ease}
.hmRewardIcon{font-size:41px;flex-shrink:0;line-height:1}
.hmRewardText{font-size:14px;line-height:1.6;color:#415a68;flex:1}
.hmRewardText strong{color:#415a68}
.hmRewardText a{color:#69c2de;text-decoration:underline;font-weight:600}
.hmRewardText a:hover{color:#4aa8c2}
.hmRewardSuccess{background:#f0faf4;border:1px solid #b7e4c7}
.hmRewardLogin{background:#f0f7fa;border:1px solid #b3d9e8}
@keyframes hmRewardFadeIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
/* === NOTIFICATION POPUP === */
.hm-notif-overlay {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.45);
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  padding: 16px;
}
.hm-notif-overlay.hm-notif-visible { opacity: 1; }
.hm-notif-popup {
  background: #fff;
  border-radius: 16px;
  max-width: 380px;
  width: 100%;
  padding: 32px 28px 24px;
  text-align: center;
  box-shadow: 0 20px 60px rgba(0,0,0,0.15);
  transform: translateY(20px);
  transition: transform 0.3s ease;
}
.hm-notif-visible .hm-notif-popup { transform: translateY(0); }
.hm-notif-icon { font-size: 48px; margin-bottom: 12px; }
.hm-notif-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 24px;
  font-weight: 600;
  color: #415a68;
  margin-bottom: 8px;
}
.hm-notif-message {
  font-size: 14px;
  color: #555;
  line-height: 1.5;
  margin-bottom: 20px;
}
.hm-notif-message b { color: #415a68; }
.hm-notif-code-box {
  background: #f0fafb;
  border: 1.5px dashed #69c2de;
  border-radius: 10px;
  padding: 14px 16px;
  margin-bottom: 20px;
}
.hm-notif-code-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #999;
  margin-bottom: 6px;
}
.hm-notif-code {
  font-size: 22px;
  font-weight: 700;
  color: #415a68;
  letter-spacing: 2px;
  margin-bottom: 4px;
}
.hm-notif-expiry {
  font-size: 12px;
  color: #999;
}
.hm-notif-actions {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
.hm-notif-cta {
  background: #69c2de;
  color: #fff !important;
  border: none;
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none !important;
  transition: background 0.2s;
}
.hm-notif-cta:hover { background: #55b3cf; }
.hm-notif-close-btn {
  background: none;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 10px 20px;
  font-size: 13px;
  color: #999;
  cursor: pointer;
  transition: border-color 0.2s;
}
.hm-notif-close-btn:hover { border-color: #bbb; color: #666; }
.hm-notif-mail-opt {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid #eee;
  font-size: 12px;
  color: #888;
}
.hm-notif-mail-link {
  color: #69c2de !important;
  font-weight: 600;
  text-decoration: underline !important;
}
/* ============================================================
   HepsiMis — Cilt Testi CTA Banner CSS
   v1.0 — 29 Mart 2026
   A: Anasayfa (HTML editör), B: Compact Strip (kategori sidebar HTML),
   D: Ürün Sayfası (JS inject)
   ============================================================ */

/* ── Ortak ── */
.hm-cta-badge {
  display: inline-block !important;
  border: 1px solid #69c2de !important;
  border-radius: 12px !important;
  padding: 1.5px 8px !important;
  margin-bottom: 6px !important;
  font-family: 'Roboto', 'Segoe UI', sans-serif !important;
  font-size: 7.5px !important;
  font-weight: 500 !important;
  color: #69c2de !important;
  letter-spacing: 1.8px !important;
  line-height: 1.6 !important;
  background: transparent !important;
}

.hm-cta-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  color: #415a68 !important;
  line-height: 1.2 !important;
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
}

.hm-cta-title i {
  color: #69c2de !important;
  font-style: italic !important;
}

.hm-cta-desc {
  font-family: 'Roboto', 'Segoe UI', sans-serif !important;
  color: #5a7080 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.6 !important;
}

.hm-cta-puan {
  font-family: 'Roboto', 'Segoe UI', sans-serif !important;
  font-size: 10.5px !important;
  color: #c9a96e !important;
  font-weight: 500 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.hm-cta-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: #69c2de !important;
  color: #fff !important;
  font-family: 'Roboto', 'Segoe UI', sans-serif !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  transition: background 0.25s ease, box-shadow 0.25s ease !important;
  box-shadow: 0 2px 8px rgba(105,194,222,0.15) !important;
  white-space: nowrap !important;
  border: none !important;
  cursor: pointer !important;
  line-height: 1.4 !important;
}

.hm-cta-btn:hover {
  background: #4ba8c4 !important;
  box-shadow: 0 4px 16px rgba(105,194,222,0.35) !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* ── A: Anasayfa Banner ── */
.hm-cta-home {
  background: #fff !important;
  border-radius: 14px !important;
  border: 1px solid #e8e2da !important;
  padding: 22px 32px !important;
  margin: 20px auto !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 32px !important;
  max-width: 840px !important;
  position: relative !important;
  overflow: hidden !important;
}

.hm-cta-home::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent 10%, #69c2de 50%, transparent 90%) !important;
  opacity: 0.5 !important;
}

.hm-cta-home-left {
  flex: 0 1 auto !important;
}

.hm-cta-home .hm-cta-badge {
  margin-bottom: 8px !important;
}

.hm-cta-home .hm-cta-title {
  text-align: left !important;
}

.hm-cta-home .hm-cta-desc {
  text-align: left !important;
  margin: 0 !important;
}

.hm-cta-home-right {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  flex-shrink: 0 !important;
}

.hm-cta-home-icons {
  display: flex !important;
  gap: 12px !important;
  align-items: flex-start !important;
}

.hm-cta-home-icon-item {
  text-align: center !important;
  width: 52px !important;
}

.hm-cta-home-icon-circle {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  border: 1.5px solid #69c2de !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 4px !important;
  color: #69c2de !important;
  font-size: 13px !important;
  background: transparent !important;
}

.hm-cta-home-icon-label {
  font-family: 'Roboto', 'Segoe UI', sans-serif !important;
  font-size: 9.5px !important;
  color: #8a9fac !important;
  line-height: 1.3 !important;
  display: block !important;
}

.hm-cta-home .hm-cta-puan {
  margin-top: 4px !important;
}

@media (max-width: 768px) {
  .hm-cta-home {
    flex-direction: column !important;
    text-align: center !important;
    padding: 24px 20px 20px !important;
    margin: 12px 0 !important;
    gap: 14px !important;
  }
  .hm-cta-home-left {
    text-align: center !important;
  }
  .hm-cta-home-left .hm-cta-badge {
    font-size: 7px !important;
    padding: 1px 6px !important;
  }
  .hm-cta-home-left .hm-cta-title {
    font-size: 24px !important;
    text-align: center !important;
  }
  .hm-cta-home-left .hm-cta-desc {
    font-size: 12.5px !important;
    text-align: center !important;
  }
  .hm-cta-home-right {
    flex-direction: column !important;
    gap: 14px !important;
    width: 100% !important;
  }
  .hm-cta-home-icons {
    justify-content: center !important;
    gap: 16px !important;
  }
  .hm-cta-home-icon-item {
    width: 54px !important;
  }
  .hm-cta-home-icon-circle {
    width: 32px !important;
    height: 32px !important;
    font-size: 12px !important;
  }
  .hm-cta-home-icon-label {
    font-size: 9.5px !important;
  }
  .hm-cta-home .hm-cta-btn {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    font-size: 13px !important;
    padding: 10px 20px !important;
  }
  .hm-cta-home .hm-cta-puan {
    margin-top: 10px !important;
    font-size: 10px !important;
  }
}

/* ── B: Sidebar CTA (kategori sayfaları) ── */
.hm-cta-sidebar {
  background: #fff !important;
  border-radius: 12px !important;
  border: 1px solid #e8e2da !important;
  padding: 22px 18px 16px !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
  margin-top: 16px !important;
  box-sizing: border-box !important;
}

.hm-cta-sidebar::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: #69c2de !important;
}

.hm-cta-sidebar .hm-cta-title {
  font-size: 22px !important;
  font-weight: 400 !important;
}

.hm-cta-sidebar .hm-cta-desc {
  font-size: 12.5px !important;
  line-height: 1.5 !important;
  margin-bottom: 12px !important;
  text-align: center !important;
}

.hm-cta-sidebar-icons {
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}

.hm-cta-sidebar-icon-item {
  text-align: center !important;
  width: 48px !important;
}

.hm-cta-sidebar-icon-circle {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  border: 1.5px solid #69c2de !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 5px !important;
  color: #69c2de !important;
  font-size: 12px !important;
  background: transparent !important;
}

.hm-cta-sidebar-icon-label {
  font-family: 'Roboto', 'Segoe UI', sans-serif !important;
  font-size: 9.5px !important;
  color: #8a9fac !important;
  line-height: 1.3 !important;
  display: block !important;
}

.hm-cta-sidebar .hm-cta-btn {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  font-size: 13px !important;
  padding: 10px 16px !important;
  box-sizing: border-box !important;
}

.hm-cta-sidebar .hm-cta-puan {
  text-align: center !important;
  margin-top: 8px !important;
  font-size: 10px !important;
}

/* ── D: Ürün Sayfası CTA ── */
.hm-cta-product {
  background: linear-gradient(135deg, #faf8f5 0%, #f2fafb 100%) !important;
  border-radius: 12px !important;
  border: 1px solid #e8e2da !important;
  padding: 20px 24px !important;
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  margin: 24px 0 !important;
  box-sizing: border-box !important;
}

.hm-cta-product-top {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  flex: 1 !important;
  min-width: 0 !important;
}

.hm-cta-product-icon {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 50% !important;
  border: 1.5px solid #69c2de !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  color: #69c2de !important;
  background: transparent !important;
}

.hm-cta-product-content {
  flex: 1 !important;
  min-width: 0 !important;
}

@media (max-width: 768px) {
  .hm-cta-product {
    flex-direction: column !important;
    padding: 16px !important;
    gap: 12px !important;
  }
  .hm-cta-product-top {
    align-items: flex-start !important;
    gap: 12px !important;
  }
  .hm-cta-product-icon {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    font-size: 16px !important;
    margin-top: 2px !important;
  }
  .hm-cta-product-content .hm-cta-title {
    font-size: 18px !important;
  }
  .hm-cta-product-content .hm-cta-desc {
    font-size: 11.5px !important;
  }
  .hm-cta-product-content .hm-cta-puan {
    font-size: 10.5px !important;
  }
  .hm-cta-product .hm-cta-btn {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }
}
/* ============================================================
   HepsiMis — Cilt Testi CTA Banner CSS
   ============================================================ */

/* ── Ortak ── */
.hm-cta-badge {
  display: inline-block !important;
  border: 1px solid #69c2de !important;
  border-radius: 12px !important;
  padding: 1.5px 8px !important;
  margin-bottom: 6px !important;
  font-family: 'Roboto', 'Segoe UI', sans-serif !important;
  font-size: 7.5px !important;
  font-weight: 500 !important;
  color: #69c2de !important;
  letter-spacing: 1.8px !important;
  line-height: 1.6 !important;
  background: transparent !important;
}

.hm-cta-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  color: #415a68 !important;
  line-height: 1.2 !important;
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
}

.hm-cta-title i {
  color: #69c2de !important;
  font-style: italic !important;
}

.hm-cta-desc {
  font-family: 'Roboto', 'Segoe UI', sans-serif !important;
  color: #5a7080 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.6 !important;
}

.hm-cta-puan {
  font-family: 'Roboto', 'Segoe UI', sans-serif !important;
  font-size: 10.5px !important;
  color: #c9a96e !important;
  font-weight: 500 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.hm-cta-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: #69c2de !important;
  color: #fff !important;
  font-family: 'Roboto', 'Segoe UI', sans-serif !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  transition: background 0.25s ease, box-shadow 0.25s ease !important;
  box-shadow: 0 2px 8px rgba(105,194,222,0.15) !important;
  white-space: nowrap !important;
  border: none !important;
  cursor: pointer !important;
  line-height: 1.4 !important;
}

.hm-cta-btn:hover {
  background: #4ba8c4 !important;
  box-shadow: 0 4px 16px rgba(105,194,222,0.35) !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* ── A: Anasayfa Banner ── */
.hm-cta-home {
  background: #fff !important;
  border-radius: 14px !important;
  border: 1px solid #e8e2da !important;
  padding: 22px 32px !important;
  margin: 20px auto !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 32px !important;
  max-width: 840px !important;
  position: relative !important;
  overflow: hidden !important;
}

.hm-cta-home::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent 10%, #69c2de 50%, transparent 90%) !important;
  opacity: 0.5 !important;
}

.hm-cta-home-left {
  flex: 0 1 auto !important;
}

.hm-cta-home .hm-cta-badge {
  margin-bottom: 8px !important;
}

.hm-cta-home .hm-cta-title {
  text-align: left !important;
}

.hm-cta-home .hm-cta-desc {
  text-align: left !important;
  margin: 0 !important;
}

.hm-cta-home-right {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  flex-shrink: 0 !important;
}

.hm-cta-home-icons {
  display: flex !important;
  gap: 12px !important;
  align-items: flex-start !important;
}

.hm-cta-home-icon-item {
  text-align: center !important;
  width: 52px !important;
}

.hm-cta-home-icon-circle {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  border: 1.5px solid #69c2de !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 4px !important;
  color: #69c2de !important;
  font-size: 13px !important;
  background: transparent !important;
}

.hm-cta-home-icon-label {
  font-family: 'Roboto', 'Segoe UI', sans-serif !important;
  font-size: 9.5px !important;
  color: #8a9fac !important;
  line-height: 1.3 !important;
  display: block !important;
}

.hm-cta-home .hm-cta-puan {
  margin-top: 4px !important;
}

@media (max-width: 768px) {
  .hm-cta-home {
    flex-direction: column !important;
    text-align: center !important;
    padding: 24px 20px 20px !important;
    margin: 12px 0 !important;
    gap: 14px !important;
  }
  .hm-cta-home-left {
    text-align: center !important;
  }
  .hm-cta-home-left .hm-cta-badge {
    font-size: 7px !important;
    padding: 1px 6px !important;
  }
  .hm-cta-home-left .hm-cta-title {
    font-size: 24px !important;
    text-align: center !important;
  }
  .hm-cta-home-left .hm-cta-desc {
    font-size: 12.5px !important;
    text-align: center !important;
  }
  .hm-cta-home-right {
    flex-direction: column !important;
    gap: 14px !important;
    width: 100% !important;
  }
  .hm-cta-home-icons {
    justify-content: center !important;
    gap: 16px !important;
  }
  .hm-cta-home-icon-item {
    width: 54px !important;
  }
  .hm-cta-home-icon-circle {
    width: 32px !important;
    height: 32px !important;
    font-size: 12px !important;
  }
  .hm-cta-home-icon-label {
    font-size: 9.5px !important;
  }
  .hm-cta-home .hm-cta-btn {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    font-size: 13px !important;
    padding: 10px 20px !important;
  }
  .hm-cta-home .hm-cta-puan {
    margin-top: 10px !important;
    font-size: 10px !important;
  }
}

/* ── B: Sidebar CTA (kategori sayfaları) ── */
.hm-cta-sidebar {
  background: #fff !important;
  border-radius: 12px !important;
  border: 1px solid #e8e2da !important;
  padding: 22px 18px 16px !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
  margin-top: 16px !important;
  box-sizing: border-box !important;
}

.hm-cta-sidebar::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: #69c2de !important;
}

.hm-cta-sidebar .hm-cta-title {
  font-size: 22px !important;
  font-weight: 400 !important;
}

.hm-cta-sidebar .hm-cta-desc {
  font-size: 12.5px !important;
  line-height: 1.5 !important;
  margin-bottom: 12px !important;
  text-align: center !important;
}

.hm-cta-sidebar-icons {
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}

.hm-cta-sidebar-icon-item {
  text-align: center !important;
  width: 48px !important;
}

.hm-cta-sidebar-icon-circle {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  border: 1.5px solid #69c2de !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 5px !important;
  color: #69c2de !important;
  font-size: 12px !important;
  background: transparent !important;
}

.hm-cta-sidebar-icon-label {
  font-family: 'Roboto', 'Segoe UI', sans-serif !important;
  font-size: 9.5px !important;
  color: #8a9fac !important;
  line-height: 1.3 !important;
  display: block !important;
}

.hm-cta-sidebar .hm-cta-btn {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  font-size: 13px !important;
  padding: 10px 16px !important;
  box-sizing: border-box !important;
}

.hm-cta-sidebar .hm-cta-puan {
  text-align: center !important;
  margin-top: 8px !important;
  font-size: 10px !important;
}
/* ═══════════════════════════════════════════
   HEPSİMİS LP ACCORDION SİSTEMİ
   ═══════════════════════════════════════════ */
.hm-lp { text-align: center; max-width: 720px; margin: 20px auto 0; padding: 0 20px; }
.hm-lp-title { font-family: 'Cormorant Garamond', serif; font-size: 34px; font-weight: 700; color: #467368; margin-bottom: 16px; line-height: 1.3; }
.hm-lp-intro { font-size: 14px; color: #5a7272; line-height: 1.75; margin-bottom: 8px; text-align: center; }
.hm-lp-acc { text-align: left; margin-top: 28px; border-top: 1px solid #e0ebe8; }
.hm-lp-acc-item { border-bottom: 1px solid #e0ebe8; }
.hm-lp-acc-head { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 14px 0; cursor: pointer; -webkit-user-select: none; user-select: none; }
.hm-lp-acc-head:hover .hm-lp-acc-h2 { color: #4abfbf; }
.hm-lp-acc-h2 { font-family: 'Cormorant Garamond', serif !important; font-size: 20px !important; font-weight: 600 !important; color: #415a68 !important; text-align: center; margin: 0 !important; padding: 0 !important; transition: color 0.25s; line-height: 1.3 !important; }
.hm-lp-acc-arrow { width: 18px; height: 18px; transition: transform 0.3s; flex-shrink: 0; }
.hm-lp-acc-arrow svg { stroke: #90a4a4; stroke-width: 2; fill: none; }
.hm-lp-acc-item.open .hm-lp-acc-arrow { transform: rotate(180deg); }
.hm-lp-acc-body { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; }
.hm-lp-acc-inner { padding: 0 0 20px; font-size: 14px; color: #5a7272; line-height: 1.75; }
.hm-lp-acc-inner p { margin: 0 0 10px; }
.hm-lp-acc-inner b { color: #415a68; font-weight: 600; }
.hm-lp-step { margin-bottom: 20px; }
.hm-lp-step-head { display: flex; gap: 12px; align-items: flex-start; }
.hm-lp-step-num { width: 28px; height: 28px; border-radius: 50%; background: #e8f6f3; color: #467368; font-family: 'Roboto', sans-serif; font-size: 13px; font-weight: 500; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px; line-height: 1; }
.hm-lp-step-content { flex: 1; }
.hm-lp-step-title { font-size: 14px; font-weight: 600; color: #415a68; margin-bottom: 4px; }
.hm-lp-step-text { font-size: 13.5px; color: #5a7272; line-height: 1.7; margin: 0; }
.hm-lp-pills-wrap { padding-left: 40px; margin-top: 6px; }
.hm-lp-pills-label { font-size: 11px; color: #90a4a4; margin-bottom: 4px; }
.hm-lp-pills { display: flex; flex-wrap: wrap; gap: 5px; }
.hm-lp-pills a { display: inline-flex; align-items: center; gap: 4px; font-size: 12.5px; color: #467368; background: #e8f6f3; padding: 3px 10px; border-radius: 20px; text-decoration: none; transition: background 0.2s, color 0.2s; white-space: nowrap; }
.hm-lp-pills a:hover { background: #4abfbf; color: #fff; }
.hm-lp-pills a svg { width: 10px; height: 10px; stroke: currentColor; fill: none; stroke-width: 2; flex-shrink: 0; opacity: 0.6; }
.hm-lp-pills a:hover svg { opacity: 1; }
.hm-lp-problem { margin-bottom: 18px; }
.hm-lp-problem-text { margin: 0 0 6px; }
.hm-lp-problem .hm-lp-pills-wrap { padding-left: 0; }
.hm-lp-set-cta { margin-top: 22px; padding-top: 16px; border-top: 1px dashed #e0ebe8; }
.hm-lp-cta-link { display: inline-block; font-size: 13px; color: #4abfbf; text-decoration: underline; text-underline-offset: 3px; transition: color 0.25s; }
.hm-lp-cta-link:hover { color: #467368; }
.hm-lp-footer { text-align: center; margin-top: 28px; padding: 16px 0 4px; font-size: 13px; color: #90a4a4; letter-spacing: 0.3px; }
@media (max-width: 768px) {
    .hm-lp { padding: 0 16px; }
    .hm-lp-title { font-size: 28px; }
    .hm-lp-acc-h2 { font-size: 17px !important; }
    .hm-lp-pills-wrap { padding-left: 0; }
    .hm-lp-step-head { gap: 10px; }
}