/* =========================================================
   KATEGORI SAYFASI - FINAL
   UST ALAN + SOL FILTRE + ANASAYFA TARZI URUN KARTLARI
   SADECE KATEGORI SEKmesine yapistirilacak
   ========================================================= */

@media screen and (min-width: 768px) {

    /* BREADCRUMB */
    #PM_kategori_breadcrumb,
    .breadcrumb {
        box-sizing: border-box !important;
        min-height: 42px !important;
        margin-bottom: 14px !important;
        background: #ffffff !important;
        border: 1px solid #e3e8ed !important;
        border-radius: 6px !important;
        box-shadow: none !important;
    }

    #PM_kategori_breadcrumb a,
    .breadcrumb a {
        color: #526273 !important;
        font-size: 12px !important;
        text-decoration: none !important;
    }

    #PM_kategori_breadcrumb a:hover,
    .breadcrumb a:hover {
        color: #f04b3a !important;
    }

    /* SIRALAMA */
    #PM_kategori_urunleri select,
    #PM_kategori select,
    #PM_urunler select {
        box-sizing: border-box !important;
        height: 38px !important;
        padding: 0 34px 0 12px !important;
        background-color: #ffffff !important;
        border: 1px solid #dce2e8 !important;
        border-radius: 5px !important;
        color: #0b1f33 !important;
        font-size: 12px !important;
        outline: none !important;
    }

    /* SOL FILTRE */
    .kategori_urunleri_daraltma {
        background: #ffffff !important;
        border: 1px solid #e2e7ec !important;
        border-radius: 7px !important;
        overflow: hidden !important;
        box-shadow: none !important;
    }

    .kategori_urunleri_daraltma > p {
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 12px 14px !important;
        background: #f7f9fb !important;
        border: 0 !important;
        border-bottom: 1px solid #e2e7ec !important;
        color: #0b1f33 !important;
        font-size: 13px !important;
        font-weight: 700 !important;
    }

    .kategori_urunleri_daraltma .ana_icerik {
        padding: 0 !important;
        background: #ffffff !important;
    }

    .kategori_urunleri_daraltma .ana_icerik > div {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-bottom: 1px solid #e7ebef !important;
        background: #ffffff !important;
    }

    .kategori_urunleri_daraltma .baslik {
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 10px 12px !important;
        background: #f7f9fb !important;
        border: 0 !important;
        color: #0b1f33 !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 18px !important;
    }

    .kategori_urunleri_daraltma .icerik {
        box-sizing: border-box !important;
        padding: 9px 12px 11px !important;
        background: #ffffff !important;
        color: #526273 !important;
        font-size: 12px !important;
        line-height: 1.6 !important;
    }

    .kategori_urunleri_daraltma .icerik a {
        color: #425466 !important;
        text-decoration: none !important;
    }

    .kategori_urunleri_daraltma .icerik a:hover {
        color: #f04b3a !important;
    }

    .kategori_urunleri_daraltma input[type="checkbox"] {
        width: 15px !important;
        height: 15px !important;
        margin-right: 6px !important;
        vertical-align: middle !important;
        accent-color: #f04b3a;
    }

    /* =====================================================
       URUN KARTLARI
       Gercek kategori yapisi: #PM_kategori_urunleri
       ===================================================== */

    #PM_kategori_urunleri .urunler_main div.urunler div.icerik div.urun {
        box-sizing: border-box !important;
        background: #ffffff !important;
        border: 1px solid #e3e8ed !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        box-shadow: none !important;
        transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
    }

    #PM_kategori_urunleri .urunler_main div.urunler div.icerik div.urun:hover {
        transform: translateY(-3px) !important;
        border-color: #cfd8e2 !important;
        box-shadow: 0 8px 22px rgba(11,31,51,.10) !important;
        position: relative !important;
        z-index: 5 !important;
    }

    /* GORSEL */
    #PM_kategori_urunleri div.urun .urun_resmi {
        box-sizing: border-box !important;
        background: #ffffff !important;
        text-align: center !important;
        overflow: hidden !important;
        padding: 10px 10px 4px !important;
    }

    #PM_kategori_urunleri div.urun .urun_resmi img {
        max-width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
        transform: scale(1.08) !important;
        transform-origin: center center !important;
        transition: transform .18s ease !important;
    }

    #PM_kategori_urunleri div.urun:hover .urun_resmi img {
        transform: scale(1.11) !important;
    }

    /* URUN ADI */
    #PM_kategori_urunleri div.urun .urun_ismi {
        box-sizing: border-box !important;
        text-align: center !important;
        padding: 8px 12px 4px !important;
        margin: 0 !important;
        color: #0b1f33 !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;
    }

    #PM_kategori_urunleri div.urun .urun_ismi a {
        color: #0b1f33 !important;
        text-decoration: none !important;
    }

    #PM_kategori_urunleri div.urun .urun_ismi a:hover {
        color: #f04b3a !important;
    }

    /* FIYAT */
    #PM_kategori_urunleri div.urun .urun_fiyatlar {
        box-sizing: border-box !important;
        text-align: center !important;
        padding: 3px 12px 10px !important;
        margin: 0 !important;
        color: #ef4b3f !important;
        font-weight: 700 !important;
    }

    #PM_kategori_urunleri div.urun .urun_fiyatlar * {
        color: #ef4b3f !important;
        font-weight: 700 !important;
    }

    /* BUTON ALANI - ANASAYFADAKI GIBI */
    #PM_kategori_urunleri div.urun .urun_butonlar {
        box-sizing: border-box !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        padding: 0 14px 8px !important;
        margin: 0 !important;
        background: rgba(255,255,255,.96) !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    #PM_kategori_urunleri div.urun .urun_butonlar .urun_incele {
        display: none !important;
    }

    #PM_kategori_urunleri div.urun .urun_butonlar .urun_sepete_ekle,
    #PM_kategori_urunleri div.urun .urun_butonlar .urun_hemen_al {
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 1 1 0 !important;
        width: 0 !important;
        min-width: 0 !important;
        height: 36px !important;
        margin: 0 !important;
        padding: 0 10px !important;
        border: 0 !important;
        border-radius: 5px !important;
        box-shadow: none !important;
        background-image: none !important;
        color: #ffffff !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: normal !important;
        text-align: center !important;
        text-decoration: none !important;
        white-space: nowrap !important;
    }

    /* SEPETE EKLE */
    #PM_kategori_urunleri div.urun .urun_butonlar .urun_sepete_ekle {
        background-color: #ef4b3f !important;
    }

    #PM_kategori_urunleri div.urun .urun_butonlar .urun_sepete_ekle:hover {
        background-color: #d93f35 !important;
        color: #ffffff !important;
    }

    /* SATIN AL */
    #PM_kategori_urunleri div.urun .urun_butonlar .urun_hemen_al {
        background-color: #6f89a8 !important;
    }

    #PM_kategori_urunleri div.urun .urun_butonlar .urun_hemen_al:hover {
        background-color: #5d7898 !important;
        color: #ffffff !important;
    }

    /* TEMA PSEUDO ELEMENTLERINI TEMIZLE */
    #PM_kategori_urunleri .urun_butonlar .urun_sepete_ekle::before,
    #PM_kategori_urunleri .urun_butonlar .urun_hemen_al::before {
        content: none !important;
        display: none !important;
    }

    /* FOCUS / ACTIVE */
    #PM_kategori_urunleri .urun_butonlar a:focus,
    #PM_kategori_urunleri .urun_butonlar a:active,
    #PM_kategori_urunleri .urun_butonlar a:visited {
        color: #ffffff !important;
        outline: none !important;
        text-decoration: none !important;
    }
}
/* =========================================================
   KATEGORI KARTLARI - YAZI / FIYAT / BUTON DUZELTME
   ========================================================= */

@media screen and (min-width: 768px) {

    /* Ürün adı için yeterli alan */
    #PM_kategori_urunleri div.urun .urun_ismi {
        display: block !important;
        width: 100% !important;
        min-height: 38px !important;
        height: auto !important;
        padding: 8px 8px 4px !important;
        overflow: visible !important;
        white-space: normal !important;
        text-align: center !important;
    }

    #PM_kategori_urunleri div.urun .urun_ismi a {
        display: block !important;
        width: 100% !important;
        color: #0b1f33 !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 20px !important;
        text-align: center !important;
        white-space: normal !important;
        overflow: visible !important;
        text-indent: 0 !important;
    }

    /* Fiyat her kartta görünsün */
    #PM_kategori_urunleri div.urun .urun_fiyatlar {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        min-height: 32px !important;
        padding: 2px 8px 8px !important;
        text-align: center !important;
        overflow: visible !important;
    }

    #PM_kategori_urunleri div.urun .urun_fiyatlar,
    #PM_kategori_urunleri div.urun .urun_fiyatlar * {
        color: #ef4b3f !important;
        font-size: 17px !important;
        font-weight: 700 !important;
        line-height: 22px !important;
    }

    /* Buton alanı - normalde gizli, kartın üstüne gelince görünür */
    #PM_kategori_urunleri div.urun .urun_butonlar {
        display: flex !important;
        width: 100% !important;
        height: auto !important;
        padding: 0 14px 10px !important;
        gap: 8px !important;
        position: relative !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        transform: translateY(6px) !important;
        transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
    }

    #PM_kategori_urunleri div.urun:hover .urun_butonlar {
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: translateY(0) !important;
    }

    /* Butonların mevcut tema yazısını gizle */
    #PM_kategori_urunleri .urun_butonlar .urun_sepete_ekle,
    #PM_kategori_urunleri .urun_butonlar .urun_hemen_al {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 37px !important;
        flex: 1 1 0 !important;
        width: auto !important;
        padding: 0 8px !important;
        text-indent: -9999px !important;
        overflow: hidden !important;
        border-radius: 5px !important;
    }

    /* KIRMIZI */
    #PM_kategori_urunleri .urun_butonlar .urun_sepete_ekle {
        background: #ef4b3f !important;
    }

    /* MAVI */
    #PM_kategori_urunleri .urun_butonlar .urun_hemen_al {
        background: #6f89a8 !important;
    }

    /* Yazıları kesin olarak geri getir */
    #PM_kategori_urunleri .urun_butonlar .urun_sepete_ekle::after {
        content: "Sepete Ekle" !important;
        display: block !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        color: #ffffff !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 37px !important;
        text-align: center !important;
        text-indent: 0 !important;
        white-space: nowrap !important;
    }

    #PM_kategori_urunleri .urun_butonlar .urun_hemen_al::after {
        content: "Satın Al" !important;
        display: block !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        color: #ffffff !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 37px !important;
        text-align: center !important;
        text-indent: 0 !important;
        white-space: nowrap !important;
    }
}