/* =========================================================
   KARTUSCUM ANASAYFA
   FINAL YERLESIM V3

   ANA MIMARI:
   222px SOL
   18px BOSLUK
   720px ORTA
   18px BOSLUK
   222px SAG
   = 1200px
   ========================================================= */


/* =========================================================
   1. ANA 3 KOLON YERLESIM
   ========================================================= */

#PM_orta,
#PM_orta * {
    box-sizing: border-box;
}


#PM_orta {
    width: 1200px !important;
    max-width: 1200px !important;
    min-width: 1200px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding: 0 !important;

    display: grid !important;

    grid-template-columns:
        222px 720px 222px !important;

    column-gap: 18px !important;

    align-items: start !important;

    overflow: visible !important;
}


/* SOL */

#PM_orta > #PM_sol {
    grid-column: 1 !important;

    float: none !important;

    width: 222px !important;
    min-width: 222px !important;
    max-width: 222px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ORTA */

#PM_orta > #PM_anasayfa {
    grid-column: 2 !important;

    float: none !important;

    width: 720px !important;
    min-width: 720px !important;
    max-width: 720px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


/* SAG */

#PM_orta > #PM_sag {
    grid-column: 3 !important;

    float: none !important;

    width: 222px !important;
    min-width: 222px !important;
    max-width: 222px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Eski float clear */
#PM_orta > .PM_clear {
    display: none !important;
}


/* =========================================================
   2. SOL / SAG MODUL GORSELLERI
   ========================================================= */

#PM_sol img,
#PM_sag img {
    max-width: 100% !important;
}


/* =========================================================
   3. ANA SLIDER
   ========================================================= */

#PM_anasayfa #PM_xml_banner {
    width: 720px !important;
    max-width: 720px !important;

    margin: 0 auto !important;

    overflow: hidden !important;
}


#PM_anasayfa .reform-thumbnailslider {
    width: 720px !important;
    max-width: 720px !important;
}


#PM_anasayfa .big-container,
#PM_anasayfa .small-container {
    width: 720px !important;
    max-width: 720px !important;
}


/* =========================================================
   4. SLIDER ALTINDAKI 700PX GORSEL
   ========================================================= */

#anasayfa_yazisi {
    width: 720px !important;

    margin: 12px 0 16px 0 !important;

    padding: 0 !important;

    text-align: center !important;

    overflow: hidden !important;
}


#anasayfa_yazisi img {
    display: block !important;

    width: 700px !important;
    max-width: 700px !important;

    height: auto !important;

    margin: 0 auto !important;
}


/* =========================================================
   5. ANASAYFA URUN ANA ALANI
   ========================================================= */

#PM_anasayfa_urunler,
#PM_anasayfa_urunler *,
#PM_anasayfa_urunler *::before,
#PM_anasayfa_urunler *::after {
    box-sizing: border-box !important;
}


#PM_anasayfa_urunler {
    display: block !important;

    width: 720px !important;
    min-width: 720px !important;
    max-width: 720px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


/* =========================================================
   6. URUN GRUBU
   ========================================================= */

#PM_anasayfa_urunler > .urunler {
    display: block !important;

    float: none !important;
    clear: both !important;

    width: 720px !important;
    min-width: 720px !important;
    max-width: 720px !important;

    margin: 0 0 14px 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    overflow: visible !important;
}


#PM_anasayfa_urunler
> .urunler
> .icerik {

    display: block !important;

    width: 720px !important;
    min-width: 720px !important;
    max-width: 720px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


#PM_anasayfa_urunler
> .urunler
> .icerik::after {

    content: "";

    display: block;

    clear: both;
}


/* =========================================================
   7. GRUP BASLIGI
   ========================================================= */

#PM_anasayfa_urunler .baslik {
    display: block !important;

    float: none !important;
    clear: both !important;

    width: 720px !important;
    height: 36px !important;

    margin: 0 0 8px 0 !important;
    padding: 0 !important;

    background: #ef4d3c !important;

    border: 0 !important;
    border-radius: 6px !important;

    overflow: hidden !important;
}


#PM_anasayfa_urunler .baslik > a {
    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;
    height: 36px !important;

    margin: 0 !important;
    padding: 0 12px !important;

    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 11px !important;
    line-height: 1 !important;

    font-weight: 700 !important;

    text-decoration: none !important;

    white-space: nowrap !important;
}


#PM_anasayfa_urunler .baslik > a::after {
    content: "Tümünü Gör  ›";

    margin-left: auto !important;

    color: rgba(255,255,255,.9) !important;

    font-size: 8px !important;

    font-weight: 600 !important;
}


/* =========================================================
   8. 4 URUN KOLONU
   ========================================================= */

#PM_anasayfa_urunler
.icerik
> div[class*="urun_grup_"] {

    float: left !important;

    display: block !important;

    width: 25% !important;

    height: auto !important;

    margin: 0 !important;

    padding: 0 4px !important;

    overflow: visible !important;
}


/*
   İlk ürünün sol boşluğunu azalt.
*/
#PM_anasayfa_urunler
.icerik
> div[class*="urun_grup_"]:nth-of-type(2) {

    padding-left: 0 !important;
}


/*
   Son ürünün sağ boşluğunu azalt.
*/
#PM_anasayfa_urunler
.icerik
> div[class*="urun_grup_"]:nth-last-of-type(2) {

    padding-right: 0 !important;
}


/* Eski clear */
#PM_anasayfa_urunler .PM_clear {
    display: block !important;

    clear: both !important;

    width: 100% !important;

    height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   9. URUN KARTI
   ========================================================= */

#PM_anasayfa_urunler .urun {
    position: relative !important;

    display: block !important;

    width: 100% !important;

    height: 342px !important;
    min-height: 342px !important;
    max-height: 342px !important;

    margin: 0 !important;

    padding: 9px !important;

    background: #ffffff !important;

    border: 1px solid #dfe3e7 !important;
    border-radius: 8px !important;

    box-shadow: none !important;

    overflow: hidden !important;

    transform: none !important;

    transition:
        border-color .12s ease,
        box-shadow .12s ease !important;
}


#PM_anasayfa_urunler .urun:hover {
    border-color: #cbd1d7 !important;

    box-shadow:
        0 4px 13px rgba(0,0,0,.04) !important;

    transform: none !important;
}


/* =========================================================
   10. KART IC YAPISI
   ========================================================= */

#PM_anasayfa_urunler
.urun
> div:first-child {

    position: relative !important;

    display: flex !important;

    flex-direction: column !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   11. URUN GORSELI
   ========================================================= */

#PM_anasayfa_urunler .urun_resmi {
    order: 1 !important;

    position: relative !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    height: 132px !important;
    min-height: 132px !important;
    max-height: 132px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
}


#PM_anasayfa_urunler .urun_resmi > a {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 132px !important;

    margin: 0 !important;
    padding: 0 !important;
}


#PM_anasayfa_urunler .urun_resmi img {
    display: block !important;

    width: auto !important;
    height: auto !important;

    min-width: 0 !important;
    min-height: 0 !important;

    max-width: 125px !important;
    max-height: 125px !important;

    margin: auto !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: center center !important;

    border: 0 !important;

    transform: none !important;

    transition: none !important;
}


#PM_anasayfa_urunler
.urun:hover
.urun_resmi img {

    transform: none !important;
}


/* =========================================================
   12. YENI ROZETI
   ========================================================= */

#PM_anasayfa_urunler
.urun.kc-home-new
.urun_resmi::after {

    content: "Yeni";

    position: absolute !important;

    top: 3px !important;
    right: 3px !important;

    z-index: 20 !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    height: 20px !important;

    padding: 0 7px !important;

    background: #ef4d3c !important;

    border-radius: 4px !important;

    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 8px !important;
    line-height: 1 !important;

    font-weight: 700 !important;

    pointer-events: none !important;
}


/* =========================================================
   13. KARGO ROZETLERI
   ========================================================= */

#PM_anasayfa_urunler .ikonlar {
    order: 2 !important;

    position: static !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 4px !important;

    width: 100% !important;

    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;

    margin: 2px 0 0 0 !important;
    padding: 0 !important;

    background: transparent !important;

    overflow: hidden !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;
}


/* Temanın eski ikonlarını kapat */
#PM_anasayfa_urunler .ikonlar > * {
    display: none !important;
}


/* ÜCRETSİZ KARGO */

#PM_anasayfa_urunler
.urun.kc-home-free
.ikonlar::before {

    content: "Ücretsiz Kargo";

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    height: 20px !important;

    padding: 0 5px !important;

    background: #f2faf4 !important;

    border: 1px solid #c5e5cf !important;
    border-radius: 4px !important;

    color: #16864b !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 7px !important;
    line-height: 1 !important;

    font-weight: 700 !important;

    white-space: nowrap !important;
}


/* AYNI GÜN */

#PM_anasayfa_urunler
.urun.kc-home-today
.ikonlar::after {

    content: "Aynı Gün";

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    height: 20px !important;

    padding: 0 5px !important;

    background: #fff6f3 !important;

    border: 1px solid #ffd0c7 !important;
    border-radius: 4px !important;

    color: #e74c3c !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 7px !important;
    line-height: 1 !important;

    font-weight: 700 !important;

    white-space: nowrap !important;
}


/* =========================================================
   14. URUN ISMI
   ========================================================= */

#PM_anasayfa_urunler .urun_ismi {
    order: 3 !important;

    display: flex !important;

    align-items: flex-start !important;
    justify-content: center !important;

    width: 100% !important;

    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;

    margin: 5px 0 0 0 !important;

    padding: 0 2px !important;

    overflow: hidden !important;
}


#PM_anasayfa_urunler .urun_ismi a {
    display: -webkit-box !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    color: #343a40 !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 10px !important;
    line-height: 15px !important;

    font-weight: 500 !important;

    text-align: center !important;

    text-decoration: none !important;
}


#PM_anasayfa_urunler .urun_ismi a:hover {
    color: #1f2428 !important;

    text-decoration: none !important;
}


/* =========================================================
   15. FIYAT
   ========================================================= */

#PM_anasayfa_urunler .urun_fiyatlar {
    order: 4 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    height: 35px !important;
    min-height: 35px !important;
    max-height: 35px !important;

    margin: 1px 0 0 0 !important;
    padding: 0 !important;
}


#PM_anasayfa_urunler .urun_kdvdahil_fiyati {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ef4d3c !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 13px !important;
    line-height: 1 !important;

    font-weight: 800 !important;

    text-align: center !important;

    white-space: nowrap !important;
}


/* =========================================================
   16. BUTON ALANI
   ========================================================= */

#PM_anasayfa_urunler .urun_butonlar,
#PM_anasayfa_urunler .urun_butonlar.block_button {

    order: 5 !important;

    position: static !important;

    display: flex !important;

    align-items: center !important;

    gap: 5px !important;

    width: 100% !important;

    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;

    margin: auto 0 0 0 !important;
    padding: 8px 0 0 0 !important;

    background: #ffffff !important;

    border-top: 1px solid #edf0f2 !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;

    overflow: hidden !important;
}


#PM_anasayfa_urunler
.urun:hover
.urun_butonlar {

    position: static !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;
}


#PM_anasayfa_urunler .urun_incele {
    display: none !important;
}


/* =========================================================
   17. SEPET / SATIN AL
   ========================================================= */

#PM_anasayfa_urunler .urun_sepete_ekle,
#PM_anasayfa_urunler .urun_hemen_al {

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    height: 33px !important;

    margin: 0 !important;
    padding: 0 5px !important;

    background-image: none !important;

    border: 0 !important;
    border-radius: 6px !important;

    color: transparent !important;

    font-size: 0 !important;

    text-indent: 0 !important;

    text-decoration: none !important;

    overflow: hidden !important;

    white-space: nowrap !important;

    box-shadow: none !important;

    transform: none !important;
}


#PM_anasayfa_urunler .urun_sepete_ekle {
    flex: 1.2 1 0 !important;

    background: #ef4d3c !important;
}


#PM_anasayfa_urunler .urun_hemen_al {
    flex: .8 1 0 !important;

    background: #647f9f !important;
}


#PM_anasayfa_urunler .urun_sepete_ekle img,
#PM_anasayfa_urunler .urun_hemen_al img {

    display: none !important;
}


#PM_anasayfa_urunler .urun_sepete_ekle::before,
#PM_anasayfa_urunler .urun_hemen_al::before {

    content: none !important;
}


#PM_anasayfa_urunler .urun_sepete_ekle::after {

    content: "Sepete Ekle";

    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 8px !important;

    font-weight: 700 !important;
}


#PM_anasayfa_urunler .urun_hemen_al::after {

    content: "Satın Al";

    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 8px !important;

    font-weight: 700 !important;
}


#PM_anasayfa_urunler .urun_sepete_ekle:hover {
    background: #db4032 !important;
}


#PM_anasayfa_urunler .urun_hemen_al:hover {
    background: #536d8c !important;
}


/* =========================================================
   18. DATA LAYER
   ========================================================= */

#PM_anasayfa_urunler .data-layer {
    display: none !important;
}


/* =========================================================
   19. SAG MODUL
   ========================================================= */

#PM_sag {
    overflow: visible !important;
}


#PM_sag .PM_cercevesiz_modul {
    width: 222px !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


#PM_en_cok_izlenen_urun {
    width: 222px !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* =========================================================
   20. SOL MODUL
   ========================================================= */

#PM_sol {
    overflow: visible !important;
}


#PM_kategoriler,
#PM_kategoriler .menum {
    width: 222px !important;

    max-width: 222px !important;
}










/* =========================================================
   KARTUSCUM
   PREMIUM UST BAR + SOL KATEGORI
   COMPACT VISUAL V3
   ========================================================= */


/* =========================================================
   GENEL
   ========================================================= */

#PM_ust .row1,
#PM_ust .row1 *,
#PM_ust .row1 *::before,
#PM_ust .row1 *::after,
#PM_kategoriler,
#PM_kategoriler *,
#PM_kategoriler *::before,
#PM_kategoriler *::after {
    box-sizing: border-box !important;
}


/* =========================================================
   1. UST MINI BAR
   ========================================================= */

#PM_ust .row1 {
    position: relative !important;

    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;

    margin: 0 !important;
    padding: 0 !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fafbfc 100%
        ) !important;

    border-top: 3px solid #3f495e !important;
    border-bottom: 1px solid #e6e9ec !important;

    box-shadow:
        0 2px 10px rgba(30,40,50,.035) !important;

    z-index: 1000 !important;
}


#PM_ust .row1 .menu_uyelik {
    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    width: 1200px !important;
    min-width: 1200px !important;
    max-width: 1200px !important;

    height: 39px !important;

    margin: 0 auto !important;
    padding: 0 !important;
}


#PM_ust .row1 .PM_clear {
    display: none !important;
}


/* =========================================================
   2. UST SOL MENU
   ========================================================= */

#ust_ana_menuler_yerlesimi {
    float: none !important;

    display: flex !important;
    align-items: center !important;

    height: 39px !important;

    margin: 0 !important;
    padding: 0 !important;
}


#ust_ana_menu {
    display: flex !important;

    align-items: center !important;

    gap: 3px !important;

    height: 39px !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


#ust_ana_menu > li {
    position: relative !important;

    display: flex !important;

    align-items: center !important;

    height: 31px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    list-style: none !important;
}


/* =========================================================
   3. TELEFON + E-POSTA
   ========================================================= */

#ust_ana_menu > li.kc-top-phone > a,
#ust_ana_menu > li.kc-top-mail > a {
    display: inline-flex !important;

    align-items: center !important;

    gap: 6px !important;

    height: 29px !important;

    padding: 0 10px !important;

    background: #ffffff !important;

    border: 1px solid #e1e5e8 !important;
    border-radius: 8px !important;

    color: #333a40 !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 10px !important;

    font-weight: 600 !important;

    text-decoration: none !important;

    white-space: nowrap !important;

    box-shadow:
        0 2px 7px rgba(0,0,0,.025) !important;

    transition:
        border-color .15s ease,
        background-color .15s ease !important;
}


#ust_ana_menu > li.kc-top-phone > a:hover {
    background: #f3fbf5 !important;

    border-color: #bfe2c8 !important;

    color: #148647 !important;
}


#ust_ana_menu > li.kc-top-mail > a:hover {
    background: #f4f8fc !important;

    border-color: #cad9e7 !important;

    color: #4d6f91 !important;
}


#ust_ana_menu
> li.kc-top-phone
> a::before,

#ust_ana_menu
> li.kc-top-mail
> a::before {

    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 17px;
    height: 17px;

    border-radius: 5px;

    font-family: FontAwesome;

    font-size: 9px;

    font-weight: normal;
}


#ust_ana_menu
> li.kc-top-phone
> a::before {

    content: "232";

    background: #ecf9f0;

    color: #18a652;
}


#ust_ana_menu
> li.kc-top-mail
> a::before {

    content: "0e0";

    background: #eef4fa;

    color: #5e7f9f;
}


/* =========================================================
   4. DIGER UST LINKLER
   ========================================================= */

#ust_ana_menu
> li:not(.kc-top-phone):not(.kc-top-mail)
> a {

    display: inline-flex !important;

    align-items: center !important;

    gap: 5px !important;

    height: 29px !important;

    padding: 0 8px !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 7px !important;

    color: #656c73 !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 9.5px !important;

    font-weight: 500 !important;

    text-decoration: none !important;

    white-space: nowrap !important;

    transition:
        background-color .15s ease,
        color .15s ease !important;
}


#ust_ana_menu
> li:not(.kc-top-phone):not(.kc-top-mail)
> a:hover {

    background: #fff2ef !important;

    color: #e74c3c !important;
}


#ust_ana_menu
> li:not(.kc-top-phone):not(.kc-top-mail)
> a::before {

    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 14px;

    color: #90979e;

    font-family: FontAwesome;

    font-size: 9px;

    font-weight: normal;
}


#ust_ana_menu > li.kc-top-order > a::before {
    content: "0d1";
}

#ust_ana_menu > li.kc-top-support > a::before {
    content: "1cd";
}

#ust_ana_menu > li.kc-top-about > a::before {
    content: "05a";
}

#ust_ana_menu > li.kc-top-contact > a::before {
    content: "041";
}


#ust_ana_menu
> li:not(.kc-top-phone):not(.kc-top-mail)
> a:hover::before {

    color: #ef4d3c;
}


/* =========================================================
   5. UYELIK ALANI
   ========================================================= */

#ust_uyelik_alani {
    float: none !important;

    display: flex !important;

    align-items: center !important;

    height: 39px !important;

    margin: 0 !important;
    padding: 0 !important;
}


#ust_uye_giris_ul {
    display: flex !important;

    align-items: center !important;

    gap: 5px !important;

    height: 39px !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


#ust_uye_giris_ul > li {
    display: flex !important;

    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


#ust_uye_giris_ul
> li:not(.google_login_button)
> a {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    height: 29px !important;

    padding: 0 10px !important;

    background: #ffffff !important;

    border: 1px solid #dfe3e7 !important;
    border-radius: 7px !important;

    color: #4b5258 !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 9.5px !important;

    font-weight: 600 !important;

    text-decoration: none !important;
}


#ust_uye_giris_ul
> li:not(.google_login_button)
> a:hover {

    background: #fff4f1 !important;

    border-color: #f1c5be !important;

    color: #e74c3c !important;
}


#ust_uye_giris_ul
> li:not(.google_login_button)
> a i {

    margin: 0 !important;

    font-size: 9px !important;
}


/* ÜYE OL */

#ust_uye_giris_ul
> li:nth-child(2)
> a {

    background: #ef4d3c !important;

    border-color: #ef4d3c !important;

    color: #ffffff !important;
}


#ust_uye_giris_ul
> li:nth-child(2)
> a i {

    color: #ffffff !important;
}


#ust_uye_giris_ul
> li:nth-child(2)
> a:hover {

    background: #dc4032 !important;

    border-color: #dc4032 !important;

    color: #ffffff !important;
}


/* =========================================================
   6. GOOGLE
   ========================================================= */

#ust_uye_giris_ul
.google_login_button
a {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    height: 29px !important;

    padding: 0 10px !important;

    background: #f8f9fa !important;

    border: 1px solid #e0e4e7 !important;
    border-radius: 7px !important;

    color: #5d646a !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 9px !important;

    text-decoration: none !important;
}


#ust_uye_giris_ul
.google_login_button
a::before {

    content: "G";

    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 17px;
    height: 17px;

    background: #ffffff;

    border: 1px solid #e0e3e6;
    border-radius: 50%;

    color: #4285f4;

    font-family: Arial, sans-serif;

    font-size: 9px;

    font-weight: 800;
}


/* =========================================================
   7. SOL KATEGORI ANA KUTU
   ========================================================= */

#PM_kategoriler {
    position: relative !important;

    width: 222px !important;
    max-width: 222px !important;

    margin: 0 0 16px 0 !important;
    padding: 0 !important;

    background: transparent !important;

    z-index: 800 !important;
}


#PM_kategoriler .menum {
    position: relative !important;

    width: 222px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff !important;

    border: 1px solid #dfe4e8 !important;
    border-radius: 12px !important;

    box-shadow:
        0 8px 24px rgba(40,50,60,.065) !important;

    overflow: visible !important;
}


/* KIRMIZI UST DETAY */

#PM_kategoriler .menum::before {
    content: "";

    position: absolute;

    top: -1px;
    left: 13px;
    right: 13px;

    height: 3px;

    background:
        linear-gradient(
            90deg,
            #ef4d3c,
            #ff7160
        );

    border-radius: 0 0 4px 4px;

    z-index: 20;
}


/* =========================================================
   8. URUN GRUPLARI BASLIGI
   ========================================================= */

#PM_kategoriler
.menum
> .baslik {

    position: relative !important;

    display: flex !important;

    align-items: center !important;

    width: 100% !important;
    height: 50px !important;

    margin: 0 !important;
    padding: 0 13px !important;

    background:
        linear-gradient(
            135deg,
            #405168 0%,
            #617b99 100%
        ) !important;

    border: 0 !important;
    border-radius: 11px 11px 0 0 !important;

    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 11px !important;

    font-weight: 700 !important;

    letter-spacing: .15px !important;
}


/*
   Tema başka bir ikon basıyorsa kapat.
*/
#PM_kategoriler
.menum
> .baslik::before,

#PM_kategoriler
.menum
> .baslik::after {

    content: none !important;
}


/*
   BOŞ KUTU BURADA KALDIRILDI.
*/
#PM_kategoriler
.menum
> .baslik
.categories {

    position: static !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 20px !important;
    height: 20px !important;

    min-width: 20px !important;
    max-width: 20px !important;

    margin: 0 8px 0 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    overflow: visible !important;
}


#PM_kategoriler
.menum
> .baslik
.categories::before {

    content: "0c9" !important;

    position: static !important;

    display: inline-block !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    color: #ffffff !important;

    font-family: FontAwesome !important;

    font-size: 15px !important;
    line-height: 1 !important;

    font-weight: normal !important;

    transform: none !important;
}


/* =========================================================
   9. ANA KATEGORI LISTE
   ========================================================= */

#PM_kategoriler #PopupMenu1 {
    display: block !important;

    position: relative !important;

    width: 100% !important;

    margin: 0 !important;

    /*
       Önceki 7px iç boşluğu azaltıldı.
    */
    padding: 6px 5px !important;

    background: transparent !important;

    border: 0 !important;

    list-style: none !important;
}


#PM_kategoriler
#PopupMenu1
> li {

    position: relative !important;

    display: block !important;

    width: 100% !important;

    margin: 0 0 2px 0 !important;
    padding: 0 !important;

    border: 0 !important;

    list-style: none !important;
}


#PM_kategoriler
#PopupMenu1
> li:last-child {

    margin-bottom: 0 !important;
}


/* =========================================================
   10. ANA KATEGORI LINKLER
   ========================================================= */

#PM_kategoriler
#PopupMenu1
> li
> a {

    position: relative !important;

    display: flex !important;

    align-items: center !important;

    width: 100% !important;
    min-height: 40px !important;

    margin: 0 !important;

    /*
       ESKİ:
       padding-left:45px

       YENİ:
       35px
    */
    padding: 0 28px 0 35px !important;

    background: transparent !important;

    border: 1px solid transparent !important;
    border-radius: 8px !important;

    color: #4c545b !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 10px !important;

    line-height: 1.3 !important;

    font-weight: 500 !important;

    text-decoration: none !important;

    transition:
        background-color .12s ease,
        border-color .12s ease,
        color .12s ease !important;
}


#PM_kategoriler
#PopupMenu1
> li:hover
> a {

    background:
        linear-gradient(
            90deg,
            #fff5f2 0%,
            #ffffff 100%
        ) !important;

    border-color: #f5d5cf !important;

    color: #e74737 !important;

    font-weight: 600 !important;
}


/* =========================================================
   11. KUCUK KATEGORI ICONLARI
   ========================================================= */

#PM_kategoriler
#PopupMenu1
> li
> a::before {

    content: "02b";

    position: absolute;

    top: 50%;
    left: 7px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 20px;
    height: 20px;

    background: #f3f5f7;

    border: 1px solid #e5e8eb;
    border-radius: 6px;

    color: #657687;

    font-family: FontAwesome;

    font-size: 8px;

    font-weight: normal;

    transform: translateY(-50%);

    transition:
        background-color .12s ease,
        color .12s ease,
        border-color .12s ease !important;
}


#PM_kategoriler
#PopupMenu1
> li:hover
> a::before {

    background: #ef4d3c;

    border-color: #ef4d3c;

    color: #ffffff;
}


/* =========================================================
   12. KATEGORI ICON TIPLERI
   ========================================================= */

#PM_kategoriler
li.kc-cat-kartus
> a::before {
    content: "043" !important;
}


#PM_kategoriler
li.kc-cat-toner
> a::before {
    content: "1b2" !important;
}


#PM_kategoriler
li.kc-cat-ribbon
> a::before {
    content: "02a" !important;
}


#PM_kategoriler
li.kc-cat-printer
> a::before {
    content: "02f" !important;
}


#PM_kategoriler
li.kc-cat-computer
> a::before {
    content: "108" !important;
}


#PM_kategoriler
li.kc-cat-label
> a::before {
    content: "02b" !important;
}


#PM_kategoriler
li.kc-cat-ultrasound
> a::before {
    content: "0f6" !important;
}


#PM_kategoriler
li.kc-cat-data
> a::before {
    content: "1c0" !important;
}


#PM_kategoriler
li.kc-cat-plotter
> a::before {
    content: "1ea" !important;
}


#PM_kategoriler
li.kc-cat-medical
> a::before {
    content: "0fa" !important;
}


#PM_kategoriler
li.kc-cat-parts
> a::before {
    content: "085" !important;
}


#PM_kategoriler
li.kc-cat-scanner
> a::before {
    content: "030" !important;
}


#PM_kategoriler
li.kc-cat-monitor
> a::before {
    content: "108" !important;
}


#PM_kategoriler
li.kc-cat-accessory
> a::before {
    content: "12e" !important;
}


/* =========================================================
   13. SAG OK
   ========================================================= */

#PM_kategoriler
#PopupMenu1
> li
> a
> .arrow_right {

    position: absolute !important;

    top: 50% !important;
    right: 8px !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #a8afb5 !important;

    font-size: 10px !important;

    transform: translateY(-50%) !important;
}


#PM_kategoriler
#PopupMenu1
> li:hover
> a
> .arrow_right {

    color: #ef4d3c !important;
}


/* =========================================================
   14. ALT MENU
   ========================================================= */

#PM_kategoriler
#PopupMenu1
li
> ul {

    background: #ffffff !important;

    border: 1px solid #dfe4e8 !important;
    border-radius: 10px !important;

    padding: 7px !important;

    box-shadow:
        0 14px 38px rgba(30,40,50,.14) !important;

    max-height: 520px !important;

    overflow-y: auto !important;

    z-index: 99999 !important;
}


#PM_kategoriler
#PopupMenu1
li
> ul
> li {

    margin: 0 0 2px 0 !important;
    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;
}


#PM_kategoriler
#PopupMenu1
li
> ul
> li
> a {

    position: relative !important;

    display: flex !important;

    align-items: center !important;

    min-height: 34px !important;

    padding: 6px 12px 6px 19px !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 6px !important;

    color: #555d64 !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 9.5px !important;

    font-weight: 500 !important;

    text-decoration: none !important;
}


#PM_kategoriler
#PopupMenu1
li
> ul
> li
> a::before {

    content: "";

    position: absolute;

    left: 8px;
    top: 50%;

    width: 4px;
    height: 4px;

    background: #b8bec4;

    border-radius: 50%;

    transform: translateY(-50%);
}


#PM_kategoriler
#PopupMenu1
li
> ul
> li:hover
> a {

    background: #fff4f1 !important;

    color: #e74c3c !important;
}


#PM_kategoriler
#PopupMenu1
li
> ul
> li:hover
> a::before {

    background: #ef4d3c;
}


/* =========================================================
   15. SCROLLBAR
   ========================================================= */

#PM_kategoriler
#PopupMenu1
li
> ul {

    scrollbar-width: thin;

    scrollbar-color:
        #cbd1d6
        #f5f6f7;
}


#PM_kategoriler
#PopupMenu1
li
> ul::-webkit-scrollbar {

    width: 6px;
}


#PM_kategoriler
#PopupMenu1
li
> ul::-webkit-scrollbar-track {

    background: #f5f6f7;
}


#PM_kategoriler
#PopupMenu1
li
> ul::-webkit-scrollbar-thumb {

    background: #cbd1d6;

    border-radius: 999px;
}


/* =========================================================
   16. ESKI TEMA EFEKTLERI
   ========================================================= */

#PM_kategoriler a,
#ust_ana_menu a,
#ust_uye_giris_ul a {

    transform: none !important;

    text-shadow: none !important;
}


/* =========================================================
   17. KUCUK EKRAN
   ========================================================= */

@media (max-width: 1200px) {

    #PM_ust
    .row1
    .menu_uyelik {

        width: 1180px !important;
        min-width: 1180px !important;
        max-width: 1180px !important;
    }

}


@media (max-width: 900px) {

    #PM_ust .row1 {
        display: none !important;
    }

}




























































































/* =========================================================
   KARTUSCUM
   HEADER SEARCH V3
   SABIT KIRMIZI BUTON
   ========================================================= */


/* =========================================================
   1. ANA ALAN
   ========================================================= */

#PM_ust #ust_arama_kismi,
#PM_ust #ust_arama_kismi *,
#PM_ust #ust_arama_kismi *::before,
#PM_ust #ust_arama_kismi *::after {
    box-sizing: border-box !important;
}


#PM_ust #ust_arama_kismi {
    position: relative !important;

    float: none !important;

    width: 600px !important;
    height: 50px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


/* =========================================================
   2. FORM
   ========================================================= */

#PM_ust #urun_arama_form {
    position: relative !important;

    display: flex !important;

    align-items: center !important;

    width: 100% !important;
    height: 50px !important;

    margin: 0 !important;
    padding: 4px !important;

    background: #ffffff !important;

    border: 1px solid #dce1e6 !important;
    border-radius: 13px !important;

    box-shadow:
        0 4px 16px rgba(35,45,55,.06) !important;

    overflow: hidden !important;

    transition:
        border-color .15s ease,
        box-shadow .15s ease !important;
}


#PM_ust #urun_arama_form:focus-within {
    border-color: #ef6b5d !important;

    box-shadow:
        0 0 0 3px rgba(239,77,60,.08),
        0 5px 18px rgba(35,45,55,.065) !important;
}


/* =========================================================
   3. ESKI KATEGORI SELECT
   ========================================================= */

#PM_ust #urun_arama_select,
#urun_arama_select {
    display: none !important;

    position: absolute !important;

    width: 0 !important;
    height: 0 !important;

    min-width: 0 !important;
    max-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    opacity: 0 !important;
    visibility: hidden !important;

    pointer-events: none !important;
}


/* =========================================================
   4. SOL BUYUTEC
   ========================================================= */

#PM_ust #urun_arama_form::before {
    content: "002";

    position: absolute !important;

    top: 50% !important;
    left: 19px !important;

    z-index: 5 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 18px !important;
    height: 18px !important;

    color: #9098a0 !important;

    font-family: FontAwesome !important;

    font-size: 13px !important;

    font-weight: normal !important;

    transform: translateY(-50%) !important;

    pointer-events: none !important;
}


/* =========================================================
   5. INPUT
   ========================================================= */

#PM_ust #urun_arama_input {
    position: relative !important;

    z-index: 2 !important;

    flex: 1 1 auto !important;

    display: block !important;

    width: auto !important;
    min-width: 0 !important;

    height: 40px !important;

    margin: 0 !important;

    padding:
        0
        14px
        0
        43px !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 0 !important;

    outline: none !important;

    box-shadow: none !important;

    color: #30363c !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 13px !important;
    line-height: 40px !important;

    font-weight: 500 !important;

    text-indent: 0 !important;

    -webkit-appearance: none !important;
    appearance: none !important;
}


#PM_ust #urun_arama_input::placeholder {
    color: #929ba4 !important;

    opacity: 1 !important;

    font-weight: 400 !important;
}


#PM_ust #urun_arama_input:focus {
    outline: none !important;

    border: 0 !important;

    box-shadow: none !important;
}


/* =========================================================
   6. GERCEK ARAMA BUTONU
   ========================================================= */

#PM_ust
#ust_arama_kismi
#urun_arama_submit.kc-search-submit {

    position: relative !important;

    z-index: 20 !important;

    flex: 0 0 42px !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;

    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ef4d3c !important;
    background-color: #ef4d3c !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 9px !important;

    outline: none !important;

    color: #ffffff !important;

    font-size: 15px !important;

    text-indent: 0 !important;

    cursor: pointer !important;

    opacity: 1 !important;
    visibility: visible !important;

    box-shadow:
        0 3px 9px rgba(239,77,60,.22) !important;

    -webkit-appearance: none !important;
    appearance: none !important;

    transition:
        background-color .15s ease,
        box-shadow .15s ease !important;
}


/* HOVER */

#PM_ust
#ust_arama_kismi
#urun_arama_submit.kc-search-submit:hover {

    background: #dd4032 !important;
    background-color: #dd4032 !important;
    background-image: none !important;

    color: #ffffff !important;

    box-shadow:
        0 4px 11px rgba(239,77,60,.28) !important;
}


/* FOCUS */

#PM_ust
#ust_arama_kismi
#urun_arama_submit.kc-search-submit:focus {

    background: #ef4d3c !important;
    background-color: #ef4d3c !important;

    color: #ffffff !important;

    outline: none !important;
}


/* ACTIVE */

#PM_ust
#ust_arama_kismi
#urun_arama_submit.kc-search-submit:active {

    background: #cf382c !important;
    background-color: #cf382c !important;

    color: #ffffff !important;
}


/* =========================================================
   7. BUTONDAKI BUYUTEC
   ========================================================= */

#PM_ust
#urun_arama_submit.kc-search-submit
i {

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 15px !important;
    line-height: 1 !important;

    font-weight: normal !important;

    pointer-events: none !important;
}


/*
   Önceki sürümden kalan pseudo büyüteci kapat.
*/
#PM_ust #ust_arama_kismi::after,
#PM_ust #urun_arama_form::after {
    content: none !important;

    display: none !important;
}


/* =========================================================
   8. TARAYICI / TEMA RESET
   ========================================================= */

#PM_ust #urun_arama_form button,
#PM_ust #urun_arama_form input {
    font-family:
        Arial,
        Helvetica,
        sans-serif !important;
}


#PM_ust #urun_arama_submit::-moz-focus-inner {
    border: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   9. AUTOCOMPLETE
   ========================================================= */

.ac_results {
    margin-top: 6px !important;

    background: #ffffff !important;

    border: 1px solid #dfe4e8 !important;
    border-radius: 10px !important;

    box-shadow:
        0 12px 30px rgba(25,35,45,.14) !important;

    overflow: hidden !important;

    z-index: 99999 !important;
}


.ac_results ul {
    margin: 0 !important;

    padding: 5px !important;
}


.ac_results li {
    padding: 9px 10px !important;

    background: #ffffff !important;

    border-radius: 6px !important;

    color: #41484e !important;

    font-size: 11px !important;
}


.ac_results li.ac_over,
.ac_results li:hover {
    background: #fff3f0 !important;

    color: #e74c3c !important;
}


/* =========================================================
   10. 1200 ALTINDA
   ========================================================= */

@media (max-width: 1200px) {

    #PM_ust #ust_arama_kismi {
        width: 570px !important;
    }

}