/* =========================================================
   ISPIRDEN.COM - SIPARIS TAKIBI
   GENEL CSS / TEMIZ FINAL
   ---------------------------------------------------------
   SADECE: #siparis_takibi
   Anasayfa / kategori / urun / sepet etkilenmez.
   ========================================================= */


/* =========================================================
   1. SIPARIS TAKIBI ANA ALAN
   ========================================================= */

#PM_orta #siparis_takibi{
    width:calc(100% - 48px) !important;
    max-width:1240px !important;

    margin:34px auto 60px !important;
    padding:0 !important;

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

    background:transparent !important;

    box-sizing:border-box !important;
}


/* =========================================================
   2. SAYFA BASLIGI
   ========================================================= */

#PM_orta #siparis_takibi h1.baslik{
    width:100% !important;

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

    background:transparent !important;

    border:0 !important;
    border-bottom:1px solid rgba(15,73,61,.16) !important;

    color:#0f493d !important;

    font-size:28px !important;
    font-weight:800 !important;
    line-height:1.25 !important;

    box-sizing:border-box !important;
}


/* Turuncu vurgu */

#PM_orta #siparis_takibi h1.baslik::after{
    content:"" !important;

    display:block !important;

    width:54px !important;
    height:3px !important;

    margin-top:13px !important;

    background:#ff4526 !important;
}


/* =========================================================
   3. FORM KARTI
   ========================================================= */

#PM_orta #siparis_takibi .icerik{
    width:100% !important;
    max-width:none !important;

    margin:0 !important;
    padding:32px 36px 36px !important;

    float:none !important;

    background:#fffdf8 !important;

    border:1px solid rgba(15,73,61,.14) !important;
    border-radius:12px !important;

    box-shadow:
        0 12px 32px rgba(15,73,61,.07) !important;

    box-sizing:border-box !important;

    color:#314b44 !important;
}


/* =========================================================
   4. FORM UST ACIKLAMA
   ========================================================= */

#PM_orta #siparis_takibi .icerik > p,
#PM_orta #siparis_takibi .icerik > div:first-child{
    color:#52645f !important;

    font-size:14px !important;
    line-height:1.65 !important;
}


/* =========================================================
   5. LABEL / FORM YAZILARI
   ========================================================= */

#PM_orta #siparis_takibi label,
#PM_orta #siparis_takibi td,
#PM_orta #siparis_takibi span{
    color:#29483f !important;

    font-size:14px !important;
}


/* =========================================================
   6. INPUTLAR
   ========================================================= */

#PM_orta #siparis_takibi input[type="text"],
#PM_orta #siparis_takibi input[type="email"],
#PM_orta #siparis_takibi input[type="number"]{
    width:100% !important;
    max-width:360px !important;

    height:46px !important;

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

    background:#ffffff !important;

    border:1px solid #d5dedb !important;
    border-radius:6px !important;

    outline:none !important;

    color:#173f35 !important;

    font-size:14px !important;

    box-shadow:none !important;

    box-sizing:border-box !important;

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


#PM_orta #siparis_takibi input[type="text"]:focus,
#PM_orta #siparis_takibi input[type="email"]:focus,
#PM_orta #siparis_takibi input[type="number"]:focus{
    border-color:#0f493d !important;

    box-shadow:
        0 0 0 3px rgba(15,73,61,.08) !important;
}


/* =========================================================
   7. SIPARISI SORGULA BUTONU
   ========================================================= */

#PM_orta #siparis_takibi input[type="submit"],
#PM_orta #siparis_takibi button,
#PM_orta #siparis_takibi .button,
#PM_orta #siparis_takibi .buton{
    min-width:170px !important;
    min-height:46px !important;

    margin-top:14px !important;
    padding:0 24px !important;

    border:1px solid #ff4526 !important;
    border-radius:6px !important;

    background:#ff4526 !important;
    background-image:none !important;

    color:#ffffff !important;

    font-size:14px !important;
    font-weight:800 !important;

    cursor:pointer !important;

    box-shadow:
        0 8px 18px rgba(255,69,38,.18) !important;

    text-shadow:none !important;

    transition:
        background .18s ease,
        transform .18s ease !important;
}


#PM_orta #siparis_takibi input[type="submit"]:hover,
#PM_orta #siparis_takibi button:hover,
#PM_orta #siparis_takibi .button:hover,
#PM_orta #siparis_takibi .buton:hover{
    background:#e93d1c !important;
    border-color:#e93d1c !important;

    color:#ffffff !important;

    transform:translateY(-1px) !important;
}


/* =========================================================
   8. TABLO YAPISI VARSA TEMIZLE
   PlatinMarket form fonksiyonuna dokunmaz.
   ========================================================= */

#PM_orta #siparis_takibi table{
    width:auto !important;
    max-width:100% !important;

    margin-top:20px !important;

    border:0 !important;
    border-collapse:separate !important;
    border-spacing:0 8px !important;

    background:transparent !important;
}


#PM_orta #siparis_takibi table td{
    padding:4px 8px !important;

    border:0 !important;

    background:transparent !important;

    vertical-align:middle !important;
}


/* =========================================================
   9. ESKI MAVI / GRI FORM GORUNUMUNU KAPAT
   SADECE SIPARIS TAKIBI ICINDE
   ========================================================= */

#PM_orta #siparis_takibi *{
    text-shadow:none;
}


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


/* =========================================================
   10. TABLET
   ========================================================= */

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

    #PM_orta #siparis_takibi{
        width:calc(100% - 36px) !important;

        margin-top:28px !important;
    }

    #PM_orta #siparis_takibi .icerik{
        padding:28px !important;
    }

}


/* =========================================================
   11. MOBIL
   ========================================================= */

@media screen and (max-width:767px){

    #PM_orta #siparis_takibi{
        width:calc(100% - 24px) !important;

        margin:22px auto 36px !important;
    }


    #PM_orta #siparis_takibi h1.baslik{
        margin-bottom:14px !important;

        font-size:23px !important;
    }


    #PM_orta #siparis_takibi .icerik{
        padding:22px 18px 24px !important;

        border-radius:9px !important;
    }


    #PM_orta #siparis_takibi table{
        width:100% !important;
    }


    #PM_orta #siparis_takibi table tbody,
    #PM_orta #siparis_takibi table tr,
    #PM_orta #siparis_takibi table td{
        display:block !important;

        width:100% !important;
    }


    #PM_orta #siparis_takibi table td{
        padding:3px 0 !important;
    }


    #PM_orta #siparis_takibi input[type="text"],
    #PM_orta #siparis_takibi input[type="email"],
    #PM_orta #siparis_takibi input[type="number"]{
        width:100% !important;
        max-width:none !important;
    }


    #PM_orta #siparis_takibi input[type="submit"],
    #PM_orta #siparis_takibi button,
    #PM_orta #siparis_takibi .button,
    #PM_orta #siparis_takibi .buton{
        width:100% !important;

        margin-top:12px !important;
    }

}/* =========================================================
   ISPIRDEN - IC SAYFALAR HEADER
   GENEL CSS / MASAUSTU + TABLET
   Mevcut PlatinMarket fonksiyonlari korunur.
   ========================================================= */

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

    /* HEADER ANA ALAN */
    #PM_ust{
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        background:#fff !important;
        border-bottom:1px solid rgba(15,73,61,.12) !important;
        box-shadow:0 3px 14px rgba(15,73,61,.04) !important;
    }


    /* ---------------------------------------------------------
       EN UST ESKI LINK SATIRI
       --------------------------------------------------------- */

    #PM_ust > .row1{
        width:100% !important;
        min-height:36px !important;
        margin:0 !important;
        padding:0 !important;

        background:#0f493d !important;
        border:0 !important;

        color:#fff !important;
    }

    #PM_ust > .row1 .menu_uyelik{
        width:min(calc(100% - 48px),1240px) !important;
        min-height:36px !important;

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

        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;

        background:transparent !important;
        border:0 !important;
    }

    #PM_ust > .row1 a,
    #PM_ust > .row1 span,
    #PM_ust > .row1 div{
        color:#fff !important;
    }

    #PM_ust > .row1 a{
        min-height:36px !important;
        padding:0 12px !important;

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

        border-color:rgba(255,255,255,.15) !important;

        font-size:12px !important;
        text-decoration:none !important;
    }


    /* ---------------------------------------------------------
       LOGO + ARAMA + SEPET SATIRI
       --------------------------------------------------------- */

    #PM_ust > .row2{
        width:100% !important;
        margin:0 !important;
        padding:0 !important;

        background:#fff !important;
        border:0 !important;
    }

    #PM_ust #logo_ve_uyelik{
        width:min(calc(100% - 48px),1240px) !important;
        min-height:104px !important;

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

        display:grid !important;
        grid-template-columns:
            minmax(250px,300px)
            minmax(360px,1fr)
            auto !important;

        align-items:center !important;
        gap:34px !important;

        background:#fff !important;

        box-sizing:border-box !important;
    }


    /* LOGO */
    #PM_ust #logo_alani{
        width:auto !important;
        margin:0 !important;
        padding:0 !important;

        float:none !important;
    }

    #PM_ust #logo_alani .logo{
        width:auto !important;
        margin:0 !important;
        padding:0 !important;
    }

    #PM_ust #logo_alani img{
        display:block !important;

        width:auto !important;
        max-width:285px !important;
        max-height:82px !important;

        margin:0 !important;

        object-fit:contain !important;
    }


    /* ---------------------------------------------------------
       ARAMA
       --------------------------------------------------------- */

    #PM_ust #ust_arama_kismi{
        width:100% !important;

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

        float:none !important;
    }

    #PM_ust #urun_arama_form{
        width:100% !important;
        height:46px !important;

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

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

        overflow:hidden !important;

        background:#fff !important;

        border:1px solid #d8e0dd !important;
        border-radius:6px !important;

        box-shadow:none !important;
    }

    #PM_ust #urun_arama_form input[type="text"],
    #PM_ust #urun_arama_form input[type="search"]{
        flex:1 1 auto !important;

        width:auto !important;
        min-width:0 !important;
        height:44px !important;

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

        border:0 !important;
        outline:0 !important;

        background:#fff !important;

        color:#173f35 !important;

        font-size:14px !important;

        box-shadow:none !important;
    }

    #PM_ust #urun_arama_form select{
        flex:0 0 180px !important;

        width:180px !important;
        height:44px !important;

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

        border:0 !important;
        border-right:1px solid #e1e7e4 !important;

        background:#fff !important;

        color:#173f35 !important;

        font-size:13px !important;

        outline:0 !important;
    }

    #PM_ust #urun_arama_form button,
    #PM_ust #urun_arama_form input[type="submit"]{
        flex:0 0 52px !important;

        width:52px !important;
        height:44px !important;

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

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

        background:#0f493d !important;
        background-image:none !important;

        color:#fff !important;

        cursor:pointer !important;

        box-shadow:none !important;
        text-shadow:none !important;
    }


    /* ---------------------------------------------------------
       SEPET
       --------------------------------------------------------- */

        #PM_ust #ust_sepet_kismi_container{
        width:auto !important;
        margin:0 !important;
        padding:0 !important;
        float:none !important;
        overflow:visible !important;
    }

    /* PlatinMarket ana sepet sarmalayicisini serbest birak.
       Mini sepet bunun icinde kendi orijinal yapisiyla calisir. */
    #PM_ust #ust_sepet_kismi{
        width:auto !important;
        min-width:0 !important;
        height:auto !important;
        min-height:0 !important;
        margin:0 !important;
        padding:0 !important;
        display:block !important;
        overflow:visible !important;
        background:transparent !important;
        border:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;
    }

    /* Yalniz gorunen turuncu Sepetim butonu */
    #PM_ust #ust_sepet_kismi > a.sepet_link{
        width:142px !important;
        min-width:142px !important;
        height:48px !important;
        min-height:48px !important;
        margin:0 !important;
        padding:0 14px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        box-sizing:border-box !important;
        background:#ff4526 !important;
        background-image:none !important;
        border:1px solid #ff4526 !important;
        border-radius:6px !important;
        color:#fff !important;
        text-decoration:none !important;
        font-size:13px !important;
        font-weight:700 !important;
        box-shadow:none !important;
    }

    #PM_ust #ust_sepet_kismi > a.sepet_link span,
    #PM_ust #ust_sepet_kismi > a.sepet_link div,
    #PM_ust #ust_sepet_kismi > a.sepet_link i{
        color:#fff !important;
    }



    /* ---------------------------------------------------------
       ALT MENÜ / ESKI KIRMIZI SERIT
       KOYU YESIL YAP
       --------------------------------------------------------- */

    #PM_ust > .row3{
        width:100% !important;
        min-height:54px !important;

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

        background:#0f493d !important;
        background-image:none !important;

        border:0 !important;
    }

    #PM_ust #ust_ek_menuler_yerlesimi{
        width:min(calc(100% - 48px),1240px) !important;
        min-height:54px !important;

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

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

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

        border:0 !important;
    }

    #PM_ust > .row3 a,
    #PM_ust > .row3 span,
    #PM_ust > .row3 div,
    #PM_ust > .row3 i{
        color:#fff !important;
    }

    #PM_ust > .row3 a{
        min-height:54px !important;

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

        padding:0 16px !important;

        color:#fff !important;

        text-decoration:none !important;

        font-size:13px !important;
        font-weight:700 !important;
    }

    #PM_ust > .row3 a:hover{
        background:rgba(255,255,255,.08) !important;
        color:#fff !important;
    }


    /* Ana sayfa ikonunu turuncu vurgu yap */
    #PM_ust > .row3 a:first-child{
        background:#ff4526 !important;
        color:#fff !important;
    }


    /* ---------------------------------------------------------
       ESKI FLOAT TEMIZLIGI
       --------------------------------------------------------- */

    #PM_ust #logo_ve_uyelik::after{
        content:"" !important;
        display:none !important;
    }

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

}


/* =========================================================
   TABLET
   ========================================================= */

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

    #PM_ust #logo_ve_uyelik{
        width:calc(100% - 36px) !important;

        grid-template-columns:
            220px
            minmax(280px,1fr)
            auto !important;

        gap:18px !important;
    }

    #PM_ust #logo_alani img{
        max-width:220px !important;
    }

    #PM_ust #urun_arama_form select{
        flex-basis:145px !important;
        width:145px !important;
    }

    #PM_ust #ust_sepet_kismi{
        min-width:115px !important;
    }

    #PM_ust > .row1 .menu_uyelik,
    #PM_ust #ust_ek_menuler_yerlesimi{
        width:calc(100% - 36px) !important;
    }

}
/* =========================================================
   ISPIRDEN - IC SAYFA HEADER SON HIZA
   Mevcut fonksiyonlara dokunmaz.
   ========================================================= */

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

    /* ÜST YEŞİL BAR */
    #PM_ust > .row1{
        min-height:34px !important;
        height:34px !important;
    }

    #PM_ust > .row1 .menu_uyelik{
        min-height:34px !important;
        height:34px !important;
    }

    #PM_ust > .row1 a{
        min-height:34px !important;
        height:34px !important;
        padding:0 11px !important;
        font-size:11px !important;
    }


    /* LOGO + ARAMA + SEPET */
    #PM_ust #logo_ve_uyelik{
        min-height:104px !important;
        height:104px !important;

        grid-template-columns:
            280px
            minmax(400px,1fr)
            142px !important;

        gap:32px !important;
        padding:12px 0 !important;
    }

    #PM_ust #logo_alani{
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
    }

    #PM_ust #logo_alani img{
        width:auto !important;
        max-width:245px !important;
        max-height:76px !important;
    }


    /* ARAMA */
    #PM_ust #urun_arama_form{
        height:48px !important;
        border-color:#d9e1de !important;
    }

    #PM_ust #urun_arama_form input[type="text"],
    #PM_ust #urun_arama_form input[type="search"],
    #PM_ust #urun_arama_form select{
        height:46px !important;
    }

    #PM_ust #urun_arama_form button,
    #PM_ust #urun_arama_form input[type="submit"]{
        height:46px !important;
        background:#0f493d !important;
    }
/* ALT YEŞİL MENÜ */
    #PM_ust > .row3{
        min-height:54px !important;
        height:54px !important;

        background:#0f493d !important;
    }

    #PM_ust #ust_ek_menuler_yerlesimi{
        min-height:54px !important;
        height:54px !important;
    }


    /* TÜM KATEGORİLER */
    #PM_ust > .row3 a{
        min-height:54px !important;
        height:54px !important;
    }

    #PM_ust > .row3 a:first-child{
        min-width:198px !important;

        padding:0 18px !important;

        background:#ff4526 !important;

        font-size:13px !important;
        font-weight:800 !important;
    }


    /* Alt boşluk / eski row4 */
    #PM_ust > .row3 .row4,
    #PM_ust > .row4{
        min-height:0 !important;
        height:0 !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
    }

}


/* 768–1100 TABLET */
@media screen and (min-width:768px) and (max-width:1100px){

    #PM_ust #logo_ve_uyelik{
        grid-template-columns:
            210px
            minmax(300px,1fr)
            120px !important;

        gap:18px !important;
    }

    #PM_ust #logo_alani img{
        max-width:205px !important;
    }
}
/* =========================================================
   ISPIRDEN - IC SAYFA HEADER SADELESTIRME FINAL
   Arama + Tum Kategoriler seridi kaldirilir.
   Logo / ust menu / sepet korunur.
   ========================================================= */

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

    /* ARAMA ALANINI TAMAMEN KALDIR */
    #PM_ust #ust_arama_kismi{
        display:none !important;
    }

    /* LOGO + SEPET SATIRINI SADELESTIR */
    #PM_ust #logo_ve_uyelik{
        width:min(calc(100% - 48px),1240px) !important;
        height:100px !important;
        min-height:100px !important;

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

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

        background:#fff !important;
    }

    /* LOGO SOLDA */
    #PM_ust #logo_alani{
        width:auto !important;
        flex:0 0 auto !important;

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

    #PM_ust #logo_alani img{
        width:auto !important;
        max-width:245px !important;
        max-height:76px !important;
    }

    /* SEPET SAGDA */
    #PM_ust #ust_sepet_kismi_container{
        width:auto !important;

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

        flex:0 0 auto !important;
    }
/* TUM KATEGORILER / ALT YESIL SERIDI KALDIR */
    #PM_ust > .row3{
        display:none !important;
    }

    /* VARSA BOS ROW4 ALANI DA KALDIR */
    #PM_ust > .row4{
        display:none !important;
    }

    /* HEADER ALTINDA GEREKSIZ BOSLUK KALMASIN */
    #PM_ust{
        margin-bottom:0 !important;
        padding-bottom:0 !important;
    }

}


/* TABLET */
@media screen and (min-width:768px) and (max-width:1100px){

    #PM_ust #logo_ve_uyelik{
        width:calc(100% - 36px) !important;
        height:92px !important;
        min-height:92px !important;
    }

    #PM_ust #logo_alani img{
        max-width:215px !important;
    }
}

/* =========================================================
   ISPIRDEN - SEPET BUTONU TABLET
   Mini sepete dokunmaz.
   ========================================================= */
@media screen and (min-width:768px) and (max-width:1100px){
    #PM_ust #ust_sepet_kismi > a.sepet_link{
        width:120px !important;
        min-width:120px !important;
    }
}
/* ISPIRDEN - MINI SEPET CERCEVE TEMIZ */
#PM_ust #ust_sepet_kismi .mini_sepetim,
#PM_ust #ust_sepet_kismi #sepet_detay_mini,
#PM_ust #ust_sepet_kismi #sepet_detay_mini > .icerik{
    border:0 !important;
    outline:0 !important;
}