/*
|--------------------------------------------------------------------------
| ZIGGY TRANSFER NEDERLAND
| /de/nl/style.css
|--------------------------------------------------------------------------
| Bu dosya yalnızca Almanca + Euro sayfaları içindir.
|--------------------------------------------------------------------------
*/

html,
body{
    margin:0;
    padding:0;
    width:100%;
    max-width:100%;
    overflow-x:hidden;
    background:#ffffff;
    color:#111111;
    font-family:Arial,Helvetica,sans-serif;
}

*,
*::before,
*::after{
    box-sizing:border-box;
}

img{
    max-width:100%;
    height:auto;
}

a{
    color:#005bbb;
    text-decoration:none;
}

a:hover,
a:focus{
    text-decoration:none;
}

/*
|--------------------------------------------------------------------------
| ANA SAYFA
|--------------------------------------------------------------------------
*/

.zt-home-final{
    width:100%;
    margin:0;
    padding:0;
    background:#ffffff;
}

.zt-home-wrap{
    width:100%;
    max-width:1520px;
    margin:0 auto;
    padding:8px 12px 20px;
}

.zt-top-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.zt-top-card{
    display:block;
    color:#111111;
}

.zt-top-card h2{
    margin:0 0 8px;
    text-align:center;
    font-size:30px;
    line-height:1.08;
    font-weight:900;
}

.zt-top-img{
    width:100%;
    overflow:hidden;
    border-radius:18px;
    background:#ffffff;
    box-shadow:0 6px 18px rgba(0,0,0,.18);
}

.zt-top-img img{
    display:block;
    width:100%;
    height:auto;
}

/*
|--------------------------------------------------------------------------
| BAŞLIK VE METİNLER
|--------------------------------------------------------------------------
*/

.zt-desc,
.zt-links,
.zt-faq{
    margin:14px auto 0;
    padding:16px;
    border-radius:18px;
    background:#ffffff;
    border:1px solid rgba(0,0,0,.10);
}

.zt-desc{
    max-width:1100px;
    text-align:center;
    border:0;
}

.zt-desc h1{
    margin:0 0 10px;
    font-size:32px;
    line-height:1.15;
    font-weight:900;
}

.zt-desc p{
    margin:6px auto;
    font-size:18px;
    line-height:1.5;
    font-weight:600;
}

.zt-links{
    background:#f7f8fc;
}

.zt-links h2,
.zt-faq h2{
    margin:0 0 12px;
    text-align:center;
    font-size:28px;
    line-height:1.15;
    font-weight:900;
}

.zt-link-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}

.zt-link-grid a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:54px;
    padding:10px;
    border-radius:14px;
    background:linear-gradient(
        90deg,
        #97006a,
        #392fb5,
        #00699f
    );
    color:#ffffff;
    font-size:15px;
    line-height:1.2;
    font-weight:900;
    text-align:center;
}

.zt-faq-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}

.zt-faq-item{
    min-height:140px;
    padding:16px;
    border-radius:16px;
    background:#ffffff;
    border:1px solid rgba(0,0,0,.10);
}

.zt-faq-item h3{
    margin:0 0 8px;
    font-size:16px;
    line-height:1.25;
    font-weight:900;
}

.zt-faq-item p{
    margin:0;
    font-size:14px;
    line-height:1.45;
    font-weight:600;
}

/*
|--------------------------------------------------------------------------
| TRANSFER KARTLARI
|--------------------------------------------------------------------------
*/

#zt-transfer-clean{
    width:100%;
    max-width:100%;
    margin:0;
    padding:0 5px 20px;
    background:#ffffff;
}

#zt-transfer-clean .zt-shell{
    width:100%;
    max-width:1500px;
    margin:0 auto;
}

#zt-transfer-clean .zt-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
}

#zt-transfer-clean .zt-card{
    display:block;
    width:100%;
    margin:0;
    padding:0;
    color:#111111;
    background:#ffffff;
}

#zt-transfer-clean .zt-img-wrap{
    display:block;
    width:100%;
    max-width:400px;
    margin:0 auto 8px;
    border-radius:16px;
    overflow:hidden;
}

#zt-transfer-clean .zt-img{
    display:block;
    width:100%;
    height:auto;
    border-radius:16px;
}

#zt-transfer-clean .zt-route{
    display:block;
    width:100%;
    margin:0 0 6px;
    padding:8px;
    color:#222222;
    text-align:center;
    font-size:28px;
    line-height:1.05;
    font-weight:900;
    text-transform:uppercase;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

#zt-transfer-clean .zt-price-row{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
}

#zt-transfer-clean .zt-return,
#zt-transfer-clean .zt-price{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:0 16px;
    border-radius:999px;
    background:#e60000;
    color:#ffffff;
    font-weight:900;
    white-space:nowrap;
}

#zt-transfer-clean .zt-return{
    border:2px solid #ff2a2a;
    animation:ztDutchRetourBlink .8s infinite;
}

#zt-transfer-clean .zt-price{
    border:2px solid #00eaff;
    box-shadow:0 0 8px #00eaff;
    font-size:26px;
}

@keyframes ztDutchRetourBlink{
    0%,
    100%{
        opacity:1;
    }

    50%{
        opacity:.2;
    }
}

/*
|--------------------------------------------------------------------------
| FORM ALANLARI
|--------------------------------------------------------------------------
*/

.zt-field{
    width:100%;
    margin:0 0 5px;
}

.zt-field label{
    display:block;
    margin:0 0 3px;
    color:#5b168f;
    font-size:18px;
    line-height:1.1;
    font-weight:900;
}

.zt-field input,
.zt-field select,
.zt-field textarea{
    width:100%;
    min-height:42px;
    margin:0;
    padding:7px 11px;
    border:3px solid transparent;
    border-radius:11px;
    background:
        linear-gradient(#ffffff,#ffffff) padding-box,
        linear-gradient(
            135deg,
            #ff00d4,
            #7b2cff,
            #00b7ff
        ) border-box;
    color:#111111;
    font-size:16px;
    font-weight:700;
    outline:none;
}

.zt-field textarea{
    min-height:72px;
    resize:vertical;
}

.zt-submit{
    width:100%;
    min-height:56px;
    margin-top:8px;
    padding:10px 14px;
    border:3px solid #14d7ff;
    border-radius:14px;
    background:linear-gradient(
        135deg,
        #d90094,
        #5b28d9,
        #0077cc
    );
    color:#ffffff;
    font-size:26px;
    line-height:1;
    font-weight:900;
    cursor:pointer;
}

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

.zt-cart-page{
    width:100%;
    max-width:1500px;
    margin:0 auto;
    padding:10px 12px 22px;
    background:#ffffff;
}

.zt-cart-title{
    margin:0 0 10px;
    color:#e31b23;
    font-size:22px;
    line-height:1.15;
    font-weight:900;
}

.zt-cart-card{
    width:100%;
    margin:0 0 12px;
    padding:15px 12px;
    border:4px solid transparent;
    border-radius:24px;
    background:
        linear-gradient(#ffffff,#ffffff) padding-box,
        linear-gradient(
            135deg,
            #1f9fff,
            #7b61ff,
            #ff2fb0
        ) border-box;
}

.zt-cart-action-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:62px;
    padding:8px;
    border:2px solid #23cfff;
    border-radius:10px;
    background:linear-gradient(
        90deg,
        #ff2fb0,
        #8b5cff,
        #1f9fff
    );
    color:#ffffff;
    font-size:17px;
    line-height:1.1;
    font-weight:900;
    text-align:center;
}

.zt-cart-total-label{
    color:#111111;
    font-size:38px;
    font-weight:900;
}

.zt-cart-total-price{
    color:#ff2fb0;
    font-size:40px;
    font-weight:900;
}

/*
|--------------------------------------------------------------------------
| FOOTER
|--------------------------------------------------------------------------
*/

.zt-home-footer{
    margin-top:16px;
}

.zt-home-footer-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}

.zt-home-footer-box{
    min-height:170px;
    border:3px solid transparent;
    border-radius:20px;
    background:
        linear-gradient(#ffffff,#ffffff) padding-box,
        linear-gradient(
            135deg,
            #ff2fb0,
            #5b6cff,
            #17a8ff
        ) border-box;
    overflow:hidden;
    box-shadow:0 8px 20px rgba(0,0,0,.12);
}

/*
|--------------------------------------------------------------------------
| MOBİL
|--------------------------------------------------------------------------
*/

@media(max-width:900px){
    .zt-home-wrap{
        padding:4px 6px 16px;
    }

    .zt-top-grid,
    .zt-faq-grid,
    .zt-home-footer-grid{
        grid-template-columns:1fr;
    }

    .zt-link-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .zt-top-card h2{
        font-size:24px;
    }

    .zt-desc h1{
        font-size:26px;
    }

    .zt-desc p{
        font-size:16px;
    }

    #zt-transfer-clean .zt-route{
        font-size:24px;
    }
}

@media(min-width:768px){
    #zt-transfer-clean .zt-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(min-width:992px){
    #zt-transfer-clean .zt-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:10px;
    }

    #zt-transfer-clean .zt-route{
        font-size:18px;
    }
}

@media(min-width:1200px){
    #zt-transfer-clean .zt-grid{
        grid-template-columns:repeat(5,minmax(0,1fr));
    }
}