/* ==========================================================
   PLATIN ESCORT
   NORMAL MOBILE UI FINAL V1
   AMP TARAFINDA KULLANILMAZ
   ========================================================== */

@media (max-width:700px){

    /* ======================================================
       UYARI KUTUSU
       ====================================================== */

    .pm-ref-warning{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) 74px !important;
        grid-template-areas:
            "left line"
            "center center" !important;

        align-items:center !important;

        width:calc(100% - 24px) !important;
        max-width:none !important;

        min-height:0 !important;

        margin:10px 12px 8px !important;
        padding:10px 11px 11px !important;

        gap:9px 10px !important;

        overflow:hidden !important;

        border-radius:17px !important;
    }


    /* SOL - TELEFON + SEHIR */

    .pm-ref-warning .pm-ref-left{
        grid-area:left !important;

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

        width:100% !important;
        min-width:0 !important;

        gap:9px !important;

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

    .pm-ref-warning .pm-ref-phone{
        flex:0 0 42px !important;

        width:42px !important;
        height:42px !important;

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

        margin:0 !important;

        font-size:20px !important;
    }

    .pm-ref-warning .pm-ref-left h1{
        display:block !important;

        flex:1 1 auto !important;

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

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

        font-size:16px !important;
        line-height:1.08 !important;

        white-space:normal !important;
        word-break:normal !important;

        overflow:visible !important;
        text-overflow:clip !important;
    }


    /* SAG - ILAN HATTI */

    .pm-ref-warning .pm-ref-line{
        grid-area:line !important;

        display:flex !important;

        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;

        width:74px !important;
        min-width:74px !important;

        height:44px !important;
        min-height:44px !important;

        margin:0 !important;

        padding:4px 6px !important;

        text-align:center !important;

        border-left:1px solid rgba(212,170,67,.28) !important;
    }

    .pm-ref-warning .pm-ref-line span{
        display:block !important;

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

        letter-spacing:.12em !important;
    }

    .pm-ref-warning .pm-ref-line strong{
        display:block !important;

        margin:2px 0 0 !important;

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

        letter-spacing:.08em !important;
    }


    /* ORTA UYARI */

    .pm-ref-warning .pm-ref-center{
        grid-area:center !important;

        display:block !important;

        width:100% !important;
        min-width:0 !important;

        margin:0 !important;

        padding:8px 0 0 !important;

        text-align:center !important;

        border-top:1px solid rgba(212,170,67,.18) !important;
    }

    .pm-ref-warning .pm-ref-center strong{
        display:block !important;

        width:100% !important;

        margin:0 !important;

        padding:0 3px !important;

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

        white-space:normal !important;

        text-align:center !important;
    }

    .pm-ref-warning .pm-ref-center > div{
        display:block !important;

        width:100% !important;
        max-width:none !important;

        margin:7px 0 0 !important;

        padding:7px 9px !important;

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

        letter-spacing:.025em !important;

        white-space:normal !important;

        text-align:center !important;

        border-radius:999px !important;
    }


    /* ======================================================
       ILAN VER SERIDI
       MOBILDE TEK TEMIZ CTA
       ====================================================== */

    .pm-ref-marquee{
        display:block !important;

        position:relative !important;

        width:calc(100% - 24px) !important;

        height:48px !important;
        min-height:48px !important;

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

        overflow:hidden !important;

        border-radius:14px !important;
    }

    .pm-ref-marquee .pm-ref-track{
        display:block !important;

        width:100% !important;
        min-width:0 !important;

        height:48px !important;
        min-height:48px !important;

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

        transform:none !important;
        animation:none !important;
    }

    .pm-ref-marquee .pm-ref-group{
        display:block !important;

        width:100% !important;
        min-width:0 !important;

        height:48px !important;
        min-height:48px !important;

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


    /* IKINCI KOPYA GRUBU YOK */

    .pm-ref-marquee
    .pm-ref-group[aria-hidden="true"]{
        display:none !important;
    }


    /* ILK GRUPTA SADECE ILK CTA */

    .pm-ref-marquee
    .pm-ref-group:first-child
    > i,

    .pm-ref-marquee
    .pm-ref-group:first-child
    > a:not(:first-child){
        display:none !important;
    }


    .pm-ref-marquee
    .pm-ref-group:first-child
    > a:first-child{
        display:flex !important;

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

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

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

        gap:10px !important;

        margin:0 !important;

        padding:0 13px !important;

        text-align:center !important;

        white-space:nowrap !important;
    }

    .pm-ref-marquee
    .pm-ref-group:first-child
    > a:first-child strong{
        display:inline !important;

        margin:0 !important;

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

        white-space:nowrap !important;
    }

    .pm-ref-marquee
    .pm-ref-group:first-child
    > a:first-child small{
        display:inline !important;

        margin:0 !important;

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

        letter-spacing:.10em !important;

        white-space:nowrap !important;
    }

    .pm-ref-marquee
    .pm-ref-group:first-child
    > a:first-child b{
        display:grid !important;

        place-items:center !important;

        flex:0 0 28px !important;

        width:28px !important;
        height:28px !important;

        min-width:28px !important;

        margin:0 !important;

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


    /* ======================================================
       VIP VITRIN
       ====================================================== */

    .pm-ref-marquee + .legacy-amp-showcase{
        margin-top:5px !important;
    }

    .legacy-amp-showcase{
        padding-top:0 !important;
    }

    .legacy-amp-showcase .tier{
        margin-top:0 !important;
        padding-top:10px !important;
    }

    .legacy-amp-showcase .tier-heading{
        margin-top:0 !important;
        margin-bottom:10px !important;
    }

}


/* COK DAR TELEFON */

@media (max-width:380px){

    .pm-ref-warning{
        grid-template-columns:minmax(0,1fr) 66px !important;
    }

    .pm-ref-warning .pm-ref-line{
        width:66px !important;
        min-width:66px !important;
    }

    .pm-ref-warning .pm-ref-left h1{
        font-size:15px !important;
    }

    .pm-ref-warning .pm-ref-center strong{
        font-size:12px !important;
    }

    .pm-ref-marquee
    .pm-ref-group:first-child
    > a:first-child{
        gap:7px !important;
    }

    .pm-ref-marquee
    .pm-ref-group:first-child
    > a:first-child strong{
        font-size:14px !important;
    }

    .pm-ref-marquee
    .pm-ref-group:first-child
    > a:first-child small{
        font-size:6px !important;
    }
}