/*
 * TST LIFT
 * Urun grubu PDF katalog karti.
 *
 * - OEM basliginin saginda durur.
 * - PDF ilk sayfa cache kapagini kullanir.
 * - Neon mouse'tan bagimsiz surekli akar.
 * - Flipbook gorunumune dokunmaz.
 */


/* =========================================================
   OEM HEADER YERLESIMI
   ========================================================= */

.tst-oem-final-head{
    position:relative !important;
    box-sizing:border-box !important;
}

.tst-oem-final-head.tst-has-group-catalog{
    min-height:165px !important;
}


/*
 * Desktop:
 * işaretlenen sağ alan.
 */
@media (min-width:1050px){

    .tst-oem-final-head.tst-has-group-catalog{
        padding-right:270px !important;
    }

    .tst-oem-final-head
    > #tstGroupPdfCatalogCard{

        position:absolute !important;

        top:0 !important;
        right:0 !important;

        left:auto !important;
        bottom:auto !important;

        width:230px !important;
        height:150px !important;

        margin:0 !important;

        z-index:20 !important;
    }
}


/*
 * Tablet / telefon:
 * baslik altina normal akis.
 */
@media (max-width:1049px){

    .tst-oem-final-head.tst-has-group-catalog{
        padding-right:0 !important;
    }

    .tst-oem-final-head
    > #tstGroupPdfCatalogCard{

        position:relative !important;

        top:auto !important;
        right:auto !important;
        left:auto !important;

        width:min(100%,360px) !important;
        height:160px !important;

        margin:
            20px
            0
            5px !important;
    }
}


/* =========================================================
   KART
   ========================================================= */

#tstGroupPdfCatalogCard{

    position:relative;

    display:block !important;

    padding:0 !important;

    border:0 !important;

    border-radius:
        18px !important;

    overflow:visible !important;

    background:
        transparent !important;

    color:inherit;

    font:inherit;

    text-align:left;

    cursor:pointer;

    isolation:isolate;

    box-shadow:
        0 16px 38px
        rgba(15,23,42,.10);

    transition:
        transform .22s ease,
        box-shadow .22s ease;
}


#tstGroupPdfCatalogCard:hover{

    transform:
        translateY(-2px);

    box-shadow:
        0 21px 46px
        rgba(15,23,42,.13);
}


/*
 * Beyaz kart govdesi.
 */

#tstGroupPdfCatalogCard
.tst-group-pdf-card-inner{

    position:relative;

    z-index:3;

    display:grid !important;

    grid-template-columns:
        90px
        minmax(0,1fr) !important;

    align-items:center !important;

    gap:12px !important;

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

    box-sizing:border-box !important;

    padding:11px !important;

    border-radius:
        17px !important;

    overflow:hidden !important;

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

    box-shadow:
        inset
        0 0 0 1px
        rgba(211,19,50,.11) !important;
}


/* =========================================================
   KAPAK
   ========================================================= */

#tstGroupPdfCatalogCard
.tst-group-pdf-cover{

    position:relative;

    z-index:5;

    display:flex !important;

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

    width:90px !important;
    height:126px !important;

    overflow:hidden !important;

    border:
        1px solid
        rgba(211,19,50,.12) !important;

    border-radius:
        11px !important;

    background:
        #ffffff !important;

    box-shadow:
        0 7px 18px
        rgba(15,23,42,.08) !important;
}


#tstGroupPdfCatalogCard
.tst-group-pdf-cover img,

#tstGroupPdfCatalogCard
.tst-group-pdf-cover canvas{

    display:block !important;

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

    object-fit:
        contain !important;

    object-position:
        center top !important;

    background:
        #ffffff !important;
}


/* =========================================================
   METIN
   ========================================================= */

#tstGroupPdfCatalogCard
.tst-group-pdf-caption{

    position:relative;

    z-index:5;

    display:flex !important;

    flex-direction:
        column !important;

    align-items:
        flex-start !important;

    justify-content:
        center !important;

    min-width:0;
}


#tstGroupPdfCatalogCard
.tst-group-pdf-kicker{

    margin-bottom:5px;

    color:#d31332;

    font-size:9px;
    font-weight:900;

    letter-spacing:.09em;
}


#tstGroupPdfCatalogCard
.tst-group-pdf-caption strong{

    color:#152238;

    font-size:15px;
    line-height:1.2;
}


#tstGroupPdfCatalogCard
.tst-group-pdf-caption
> span:last-child{

    margin-top:5px;

    color:#778396;

    font-size:10px;

    line-height:1.35;
}


/* =========================================================
   GERCEK SVG NEON
   Mouse hover animasyon hizini DEGISTIRMEZ.
   ========================================================= */

#tstGroupPdfCatalogCard
.tst-pdf-orbit{

    position:absolute;

    inset:-4px;

    z-index:8;

    width:
        calc(100% + 8px);

    height:
        calc(100% + 8px);

    overflow:visible;

    pointer-events:none;
}


#tstGroupPdfCatalogCard
.tst-pdf-orbit-base{

    fill:none;

    stroke:
        rgba(211,19,50,.16);

    stroke-width:1.1;

    vector-effect:
        non-scaling-stroke;
}


#tstGroupPdfCatalogCard
.tst-pdf-orbit-glow{

    fill:none;

    stroke:#e31335;

    stroke-width:6;

    stroke-linecap:round;

    stroke-dasharray:
        8 92;

    stroke-dashoffset:0;

    opacity:.25;

    vector-effect:
        non-scaling-stroke;

    filter:
        drop-shadow(
            0 0 5px
            rgba(227,19,53,.72)
        )
        drop-shadow(
            0 0 11px
            rgba(227,19,53,.38)
        );

    animation:
        tstPdfOrbitRun
        3.2s
        linear
        infinite;
}


#tstGroupPdfCatalogCard
.tst-pdf-orbit-light{

    fill:none;

    stroke:#ef1738;

    stroke-width:2.4;

    stroke-linecap:round;

    stroke-dasharray:
        8 92;

    stroke-dashoffset:0;

    vector-effect:
        non-scaling-stroke;

    filter:
        drop-shadow(
            0 0 2px
            rgba(255,255,255,1)
        )
        drop-shadow(
            0 0 5px
            rgba(239,23,56,.95)
        )
        drop-shadow(
            0 0 10px
            rgba(239,23,56,.48)
        );

    animation:
        tstPdfOrbitRun
        3.2s
        linear
        infinite;
}


@keyframes tstPdfOrbitRun{

    from{
        stroke-dashoffset:0;
    }

    to{
        stroke-dashoffset:-100;
    }
}


/*
 * Hover neon animasyonuna dokunmaz.
 */
#tstGroupPdfCatalogCard:hover
.tst-pdf-orbit-glow,

#tstGroupPdfCatalogCard:hover
.tst-pdf-orbit-light{

    animation-duration:
        3.2s !important;
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width:1049px){

    #tstGroupPdfCatalogCard
    .tst-group-pdf-cover{

        height:
            136px !important;
    }
}



/* TST_PDF_COVER_NEON_V10_START */


/* ======================================================
   ESKI BOZUK CONIC / KIRMIZI KUYRUK ANIMASYONUNU KAPAT
   ====================================================== */

#tstGroupPdfCatalogCard::before,
#tstGroupPdfCatalogCard::after {

    display:none !important;

    content:none !important;

    background:none !important;

    animation:none !important;

    filter:none !important;

}



/* ======================================================
   KART
   ====================================================== */

#tstGroupPdfCatalogCard {

    position:relative !important;

    isolation:isolate !important;

    overflow:visible !important;

    background:#fff !important;

    border:
        1px solid
        rgba(
            211,
            19,
            50,
            .15
        )
        !important;

    border-radius:
        18px !important;

    box-shadow:
        0 14px 34px
        rgba(
            15,
            23,
            42,
            .08
        )
        !important;

}



/* ======================================================
   PDF KAPAK
   ====================================================== */

#tstGroupPdfCatalogCard
.tst-group-pdf-cover {

    position:relative !important;

    z-index:3 !important;

    overflow:hidden !important;

    background:
        #f5f7fa !important;

    border:
        1px solid
        #e8ebf0 !important;

    border-radius:
        11px !important;

}


#tstGroupPdfCatalogCard
.tst-group-pdf-cover img {

    display:block !important;

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

    object-fit:
        cover !important;

    object-position:
        center top !important;

    opacity:0;

    transition:
        opacity .18s ease !important;

}


#tstGroupPdfCatalogCard
.tst-group-pdf-cover.tst-cover-ready img {

    opacity:1 !important;

}


#tstGroupPdfCatalogCard
.tst-group-pdf-cover.tst-cover-loading::after {

    content:"";

    position:absolute;

    top:50%;
    left:50%;

    width:18px;
    height:18px;

    margin:
        -9px
        0
        0
        -9px;

    border:
        2px solid
        #e4e7ec;

    border-top-color:
        #d31332;

    border-radius:
        50%;

    animation:
        tstPdfCoverLoading
        .7s
        linear
        infinite;

}


#tstGroupPdfCatalogCard
.tst-group-pdf-cover.tst-cover-ready::after {

    display:none !important;

}


@keyframes tstPdfCoverLoading {

    to {

        transform:
            rotate(
                360deg
            );

    }

}



/* ======================================================
   YENI NEON
   SADECE INCE BIR ISIK KARTIN KENARINDA DONER
   ====================================================== */

#tstGroupPdfCatalogCard
.tst-pdf-neon-v10 {

    position:absolute;

    inset:-3px;

    z-index:8;

    width:
        calc(
            100%
            +
            6px
        );

    height:
        calc(
            100%
            +
            6px
        );

    overflow:visible;

    pointer-events:none;

}


#tstGroupPdfCatalogCard
.tst-pdf-neon-base-v10 {

    fill:none;

    stroke:
        rgba(
            211,
            19,
            50,
            .13
        );

    stroke-width:1;

    vector-effect:
        non-scaling-stroke;

}


#tstGroupPdfCatalogCard
.tst-pdf-neon-glow-v10 {

    fill:none;

    stroke:
        #ef1537;

    stroke-width:
        5;

    stroke-linecap:
        round;

    stroke-dasharray:
        6 94;

    stroke-dashoffset:
        0;

    opacity:
        .28;

    vector-effect:
        non-scaling-stroke;

    filter:
        drop-shadow(
            0 0 5px
            rgba(
                239,
                21,
                55,
                .65
            )
        );

    animation:
        tstPdfNeonV10
        3s
        linear
        infinite;

}


#tstGroupPdfCatalogCard
.tst-pdf-neon-line-v10 {

    fill:none;

    stroke:
        #ed1436;

    stroke-width:
        2;

    stroke-linecap:
        round;

    stroke-dasharray:
        6 94;

    stroke-dashoffset:
        0;

    vector-effect:
        non-scaling-stroke;

    filter:
        drop-shadow(
            0 0 2px
            #fff
        )
        drop-shadow(
            0 0 5px
            rgba(
                237,
                20,
                54,
                .8
            )
        );

    animation:
        tstPdfNeonV10
        3s
        linear
        infinite;

}


@keyframes tstPdfNeonV10 {

    from {

        stroke-dashoffset:
            0;

    }

    to {

        stroke-dashoffset:
            -100;

    }

}



/*
 Hover ile animasyon hizlanmaz/yavaslamaz.
*/

#tstGroupPdfCatalogCard:hover
.tst-pdf-neon-glow-v10,

#tstGroupPdfCatalogCard:hover
.tst-pdf-neon-line-v10 {

    animation-duration:
        3s !important;

}


/* TST_PDF_COVER_NEON_V10_END */

/* TST_PDF_READY_V4_START */


/*
 * OEM olmayan sayfalarda küçük katalog kartı yok.
 * Ancak grup hero/header düzenine hiçbir müdahale yapılmaz.
 */

body.tst-pdf-ready-v4
#tstGroupPdfCatalogCard {
    display: none !important;
}


/* =========================================================
   INLINE KATALOG
   ========================================================= */

.tst-ready-v4 {
    width: 100%;
    padding: 48px 0 64px;
    background: #ffffff;
    border-top: 1px solid #edf0f4;
    border-bottom: 1px solid #edf0f4;
}


.tst-ready-v4-inner {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}


.tst-ready-v4-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}


.tst-ready-v4-eyebrow {
    display: flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 7px;

    color: #d31332;

    font-size: 12px;
    font-weight: 800;

    letter-spacing: .06em;

    text-transform: uppercase;
}


.tst-ready-v4-eyebrow::before {
    content: "";

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #d31332;
}


.tst-ready-v4-title {
    margin: 0;

    color: #111827;

    font-size: clamp(30px, 3vw, 44px);
    line-height: 1.08;

    font-weight: 800;
}


.tst-ready-v4-download {
    display: inline-flex;

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

    height: 42px;

    padding: 0 16px;

    border: 1px solid #dbe2ea;
    border-radius: 9px;

    background: #ffffff;

    color: #172033;

    text-decoration: none;

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


/* =========================================================
   FLIPBOOK
   ========================================================= */

.tst-ready-v4-shell {
    padding: 24px;

    overflow: hidden;

    border: 1px solid #e1e6ec;
    border-radius: 16px;

    background: #edf2f6;
}


.tst-ready-v4-stage {
    display: flex;

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

    width: 100%;

    min-height: 650px;

    overflow: hidden;
}


#tstReadyV4Book {
    margin: 0 auto;
}


.tst-ready-v4-page {
    overflow: hidden;

    background: #ffffff;
}


.tst-ready-v4-page img,
.tst-ready-v4-page canvas {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;

    background: #ffffff;
}


.tst-ready-v4-page-loading {
    display: flex;

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

    width: 100%;
    height: 100%;

    background: #ffffff;

    color: #8490a0;

    font-size: 12px;
}


/* =========================================================
   CONTROLS
   ========================================================= */

.tst-ready-v4-controls {
    display: flex;

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

    gap: 16px;

    margin-top: 20px;
}


.tst-ready-v4-button {
    min-width: 108px;
    height: 42px;

    border: 1px solid #d7dee7;
    border-radius: 9px;

    background: #ffffff;

    color: #344054;

    font-weight: 700;

    cursor: pointer;
}


.tst-ready-v4-button:hover {
    border-color: #d31332;
    color: #d31332;
}


.tst-ready-v4-info {
    min-width: 80px;

    text-align: center;

    color: #344054;

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


@media (max-width: 900px) {

    .tst-ready-v4 {
        padding: 36px 0 44px;
    }


    .tst-ready-v4-inner {
        width: calc(100% - 28px);
    }


    .tst-ready-v4-head {
        display: block;
    }


    .tst-ready-v4-download {
        margin-top: 14px;
    }


    .tst-ready-v4-shell {
        padding: 10px;
    }


    .tst-ready-v4-stage {
        min-height: 500px;
    }

}


/* TST_PDF_READY_V4_END */