.bank-page-section{
    padding:40px 15px;
}

.bank-page-header{
    text-align:center;
    margin-bottom:35px;
}

.bank-page-header h1{
    font-size:34px;
    font-weight:800;
    color:#111827;
    margin-bottom:10px;
}

.bank-page-header p{
    color:#6b7280;
}

.bank-account-card{
    max-width:1100px;
    margin:0 auto 30px;

    background:#fff;

    border:1px solid #ececec;

    border-radius:24px;

    overflow:hidden;

    box-shadow:
    0 5px 18px rgba(0,0,0,.04);
}

.bank-account-header{
    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:24px 28px;

    border-bottom:1px solid #eee;
}

.bank-logo img{
    height:42px;
    width:auto;
}

.payment-notify-btn{
    min-width:190px;
    height:46px;

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

    text-decoration:none;

    border-radius:12px;

    background:#ff5b17;
    color:#fff;

    font-weight:700;
}

.bank-account-body{
    padding:25px 28px;
}

.bank-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
}

.bank-box{
    background:#fafafa;

    border:1px solid #ededed;

    border-radius:14px;

    min-height:78px;

    padding:14px;
}

.bank-box span{
    display:block;

    font-size:11px;

    color:#8b8b8b;

    margin-bottom:5px;

    text-transform:uppercase;
}

.bank-box strong{
    font-size:15px;
    color:#111827;
}

.iban-box{
    grid-column:span 2;
}

.iban-wrapper{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.copy-btn{
    width:34px;
    height:34px;

    border:none;

    background:#f3f4f6;

    border-radius:50%;

    cursor:pointer;
}

.bank-warning{
    display:flex;
    gap:15px;

    padding:20px 28px;

    background:#fdf7f5;

    border-top:1px solid #eee;
}

.warning-icon{
    width:38px;
    height:38px;

    min-width:38px;

    border-radius:50%;

    background:#ffe4d7;

    color:#ff5b17;

    display:flex;
    align-items:center;
    justify-content:center;
}

.bank-warning h4{
    font-size:18px;
    margin-bottom:5px;
}

.bank-warning p{
    font-size:14px;
    color:#667085;
    margin:0;
}

@media(max-width:991px){

    .bank-grid{
        grid-template-columns:1fr;
    }

    .iban-box{
        grid-column:auto;
    }

    .bank-account-header{
        flex-direction:column;
        gap:15px;
    }

}

@media(max-width:576px){

    .bank-account-header,
    .bank-account-body,
    .bank-warning{
        padding:18px;
    }

    .payment-notify-btn{
        width:100%;
    }

}


.banka-hesaplari-special-section{
    position:relative;
    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #0f172a 0%,
        #1e3a8a 50%,
        #2563eb 100%
    );

    padding:90px 0 70px;
}

.banka-hesaplari-special-container{
    max-width:1200px;
    margin:auto;
    padding:0 35px;

    display:grid;
    grid-template-columns:1fr 420px;
    gap:60px;
    align-items:center;
}

.banka-hesaplari-badge{
    display:inline-block;

    background:
    rgba(255,255,255,.12);

    color:#fff;

    padding:8px 16px;

    border-radius:50px;

    font-size:13px;
    font-weight:600;

    margin-bottom:18px;

    backdrop-filter:blur(10px);
}

.banka-hesaplari-special-title{
    font-size:54px;
    line-height:1.1;
    font-weight:800;

    color:#fff;

    margin-bottom:18px;
}

.banka-hesaplari-special-subtitle{
    font-size:17px;
    line-height:1.9;

    color:
    rgba(255,255,255,.82);

    max-width:720px;

    margin-bottom:35px;
}

.banka-hesaplari-special-features{
    display:grid;
    grid-template-columns:repeat(2,max-content);
    gap:18px 50px;
}

.banka-hesaplari-special-item{
    display:flex;
    align-items:center;
    gap:12px;

    color:#fff;

    font-size:15px;
    font-weight:600;
}

.banka-hesaplari-special-item i{
    width:30px;
    height:30px;

    border-radius:10px;

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

    background:
    linear-gradient(
        135deg,
        #ff7a18,
        #ff9f43
    );

    color:#fff;

    font-size:14px;
}

.banka-hesaplari-illustration{
    position:relative;
    z-index:5;
}

.banka-hesaplari-illustration img{
    width:100%;
    max-width:380px;
    display:block;
    margin:auto;

    filter:
    drop-shadow(
        0 30px 60px rgba(0,0,0,.25)
    );
}

/* Arka plan şekilleri */

.banka-hesaplari-special-section::before{
    content:"";

    position:absolute;

    width:450px;
    height:450px;

    right:-120px;
    top:-120px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(255,255,255,.12),
        transparent 70%
    );
}

.banka-hesaplari-special-section::after{
    content:"";

    position:absolute;

    width:350px;
    height:350px;

    left:-100px;
    bottom:-120px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(255,255,255,.08),
        transparent 70%
    );
}

@media(max-width:991px){

    .banka-hesaplari-special-container{
        grid-template-columns:1fr;
        text-align:center;
    }

    .banka-hesaplari-special-title{
        font-size:40px;
    }

    .banka-hesaplari-special-features{
        grid-template-columns:1fr;
        justify-content:center;
    }

    .banka-hesaplari-special-item{
        justify-content:center;
    }

    .banka-hesaplari-illustration{
        display:none;
    }
}

@media(max-width:576px){

    .banka-hesaplari-special-title{
        font-size:32px;
    }

    .banka-hesaplari-special-subtitle{
        font-size:14px;
    }

}