/* Arkaplan blur (destekleyen tarayıcılarda) */
.modal-backdrop.show {
    backdrop-filter: blur(2px);
}

.modal-result {
    border: 0;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 18px 60px rgba(0,0,0,.25);
}

    .modal-result .result-head {
        position: relative;
        padding: 28px 56px 24px 56px;
        color: #fff;
        background: linear-gradient(135deg, var(--res-c1,#22c55e), var(--res-c2,#16a34a));
    }

    .modal-result .result-title {
        margin: 0;
        font-weight: 800;
        letter-spacing: .2px;
    }

    .modal-result .result-icon-wrap {
        position: absolute;
        left: 18px;
        top: 50%;
        transform: translateY(-50%);
        width: 56px;
        height: 56px;
        border-radius: 14px;
        background: rgba(255,255,255,.15);
        display: grid;
        place-items: center;
        box-shadow: inset 0 0 0 1px rgba(255,255,255,.25);
        animation: pop-in .35s ease-out;
    }

        .modal-result .result-icon-wrap i {
            font-size: 30px;
            color: #fff;
        }

    .modal-result .result-close {
        position: absolute;
        right: 14px;
        top: 12px;
    }

    /* Otomatik kapanma ilerleme çubuğu */
    .modal-result .result-progress {
        --autoMs: 0ms;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 3px;
        background: rgba(255,255,255,.25);
        overflow: hidden;
    }

        .modal-result .result-progress.run::after {
            content: "";
            display: block;
            height: 100%;
            width: 100%;
            background: linear-gradient(90deg, rgba(255,255,255,.9), rgba(255,255,255,.5));
            animation: bar-run var(--autoMs) linear forwards;
            transform-origin: right center;
        }


    /* Durum renkleri */
    .modal-result.success .result-head {
        --res-c1: #FFB300; /* Konguru sarısı */
        --res-c2: #CC9200; /* Daha koyu tonu (hover veya degrade için) */
    }

    .modal-result.warning .result-head {
        --res-c1: #f59e0b;
        --res-c2: #ea580c;
    }

    .modal-result.error .result-head {
        --res-c1: #ef4444;
        --res-c2: #b91c1c;
    }

    .modal-result.info .result-head {
        --res-c1: #3b82f6;
        --res-c2: #7c3aed;
    }
/* iPad-Air (820×1180), iPad-mini (768×1024), iPad-Pro (853×1280/912×1368)
       için Newsletter bloğunu ortala ve satırı kaplat */
@@media screen and (width:820px) and (height:1180px), screen and (width:853px) and (height:1280px), screen and (width:912px) and (height:1368px), screen and (width:768px) and (height:1024px), screen and (min-width:768px) and (max-width:912px) and (orientation:portrait) {
    /* Newsletter sütunu: son .tw-pt-100-px.tw-pb-80-px div */
    .footer-four .border-top.border-bottom > div.tw-pt-100-px.tw-pb-80-px:last-of-type {
        flex: 0 0 100% !important; /* tüm satırı kapla */
        max-width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important; /* içerikleri ortala */
        text-align: center !important;
    }
        /* Başlık ve formdaki inline margin'leri sıfırla */
        .footer-four .border-top.border-bottom > div.tw-pt-100-px.tw-pb-80-px:last-of-type h5 {
            margin-left: 0 !important;
        }

        .footer-four .border-top.border-bottom > div.tw-pt-100-px.tw-pb-80-px:last-of-type form {
            margin-left: 0 !important;
            width: 100% !important;
            max-width: 420px; /* form genişliği */
        }

            .footer-four .border-top.border-bottom > div.tw-pt-100-px.tw-pb-80-px:last-of-type form .position-relative {
                width: 100%;
            }
        /* Mağaza rozetleri de ortalansın */
        .footer-four .border-top.border-bottom > div.tw-pt-100-px.tw-pb-80-px:last-of-type .d-flex.gap-3 {
            justify-content: center !important;
            margin-right: 0 !important;
        }
}