/* =========================================================
   Iletisim-Zarf.css  (rev 21)
   Zarf acilis animasyonu (sadece iletisim sayfasi).
   rev 21: (1) marka yazisi mektup ciktiktan SONRA belirir.
   (2) perde position:fixed -> zarf viewport'un dikey+yatay
   TAM ORTASINDA; tam genislik oldugundan icerik kolonu sinir
   cizgisi fade sirasinda sizmaz.
   aspx v=20260702-23 ile birlikte kullanilir.
   ========================================================= */

.IletisimSahne { position: relative; }

/* Perde: viewport referansi -> dikey+yatay tam ortali, tam genislik */
.IletisimZarfSplash {
    position: fixed;                       /* DEGISTI: absolute -> fixed */
    top: 0; right: 0; bottom: 0; left: 0;  /* DEGISTI: tam viewport */
    z-index: 900;                          /* navbar (1030) altinda kalir, navbar gorunur */
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;      /* yatay ortala */
    justify-content: center;  /* dikey ortala */
    animation: iletisimSplashKapan .35s ease 2.3s forwards;  /* DEGISTI: gecikme 2 -> 2.3 */
}
@keyframes iletisimSplashKapan { to { opacity: 0; visibility: hidden; } }

.IletisimZarfSahnesi {
    position: relative;
    width: 150px;
    height: 180px;
}

.IletisimZarfKapali,
.IletisimZarfMektuplu {
    position: absolute;
    bottom: 0; left: 50%;
    margin-left: -75px;
    width: 150px; height: auto;
    -webkit-user-select: none; user-select: none; pointer-events: none;
}

/* Kapali zarf: buyuyerek belirir, gecis aninda solar */
.IletisimZarfKapali {
    z-index: 1;
    animation: iletisimGir .45s cubic-bezier(.34,1.56,.64,1) both,
               iletisimKapaliSol .2s ease 1s forwards;
}
@keyframes iletisimGir {
    from { opacity: 0; transform: scale(.45); }
    to   { opacity: 1; transform: scale(1); }
}
@keyframes iletisimKapaliSol {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Acik-mektuplu zarf: gecis aninda hafif pop ile belirir (mektup ~1.5s'te cikmis olur) */
.IletisimZarfMektuplu {
    z-index: 2;
    opacity: 0;
    animation: iletisimAcil .5s cubic-bezier(.34,1.45,.64,1) 1s both;
}
@keyframes iletisimAcil {
    0%   { opacity: 0; transform: scale(1.07); }
    45%  { opacity: 1; }
    100% { opacity: 1; transform: scale(1); }
}

/* Marka: mektup ciktiktan SONRA (1.5s) belirir */
.IletisimZarfMarka {
    margin-top: 22px;
    font-size: 13px;
    letter-spacing: 2px;
    color: #9aa4ad;
    animation: iletisimMarkaGel .5s ease 1.5s both;  /* DEGISTI: gecikme .55s -> 1.5s */
}
@keyframes iletisimMarkaGel {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}