/* İNKABP Uygulama (PWA) — yükleme kartı, yan menü düğmesi, açılış ve tebrik ekranları. 30.10.2026 */
.ink-met{background:linear-gradient(135deg,#f4f4f2 0%,#d9d9d6 28%,#fbfbfa 48%,#c9c9c5 70%,#ececea 100%);position:relative;overflow:hidden}
.ink-met::before{content:"";position:absolute;top:-40%;left:-60%;width:220%;height:46%;background:rgba(255,255,255,.42);transform:rotate(-20deg);pointer-events:none}
.ink-met>*{position:relative}

/* Alt kart */
.ink-pwa-kart{position:fixed;left:12px;right:12px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:2147483000;max-width:460px;margin:0 auto;
  border-radius:18px;border:1px solid #c4c3bd;box-shadow:0 12px 32px rgba(44,44,42,.22);padding:14px 14px 12px;
  font-family:Poppins,system-ui,sans-serif;transform:translateY(140%);opacity:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s}
.ink-pwa-kart.acik{transform:none;opacity:1}
.ink-pwa-ust{display:flex;align-items:center;gap:12px}
.ink-pwa-ust img{width:48px;height:48px;border-radius:12px;border:1px solid #c9c8c2;flex:0 0 auto}
.ink-pwa-baslik{font-family:"Times New Roman",Georgia,serif;font-size:19px;font-weight:600;color:#8F1D22;line-height:1.2}
.ink-pwa-cizgi{height:1px;background:linear-gradient(90deg,transparent,#B8892E,transparent);margin:12px 0}
.ink-pwa-dugmeler{display:flex;gap:10px}
.ink-pwa-dugmeler button,.ink-pwa-tamam,.ink-tebrik-dugme{font:inherit;font-size:14px;border-radius:999px;padding:10px 12px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ink-pwa-sonra{flex:1;background:rgba(255,255,255,.75);border:1px solid #c4c3bd;color:#5F5E5A;font-weight:500}
.ink-pwa-yukle,.ink-pwa-tamam,.ink-tebrik-dugme{flex:1.25;background:#fff;border:1px solid #B8892E;color:#8F1D22;font-weight:600;position:relative;overflow:hidden}
.ink-pwa-yukle::after,.ink-pwa-tamam::after,.ink-tebrik-dugme::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(184,137,46,.28),transparent);animation:inkParilti 2.6s ease-in-out infinite}
@keyframes inkParilti{0%{left:-60%}55%,100%{left:130%}}

/* iPhone / tarayıcı yönlendirmesi */
.ink-pwa-adimlar{margin:4px 0 12px;padding:0;list-style:none;counter-reset:a}
.ink-pwa-adimlar li{counter-increment:a;display:flex;align-items:center;gap:10px;font-size:14px;color:#444441;padding:6px 0}
.ink-pwa-adimlar li::before{content:counter(a);width:22px;height:22px;border-radius:50%;background:#fff;border:1px solid #B8892E;color:#8F1D22;
  font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.ink-pwa-adimlar i{color:#8F1D22;font-size:16px}
.ink-pwa-tamam{display:block;width:100%}

/* Yan menü düğmesi */
.ink-pwa-menu .nav-link .ico i{color:#B8892E}

/* Açılış ekranı (yalnızca yüklü uygulamada) */
.ink-acilis{position:fixed;inset:0;z-index:2147483600;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .45s}
.ink-acilis img{width:min(62vw,280px);height:auto;mix-blend-mode:multiply}
.ink-acilis-slogan{font-size:11px;letter-spacing:3px;color:#8F1D22;margin-top:6px;font-family:Poppins,system-ui,sans-serif}
.ink-acilis-bar{position:absolute;bottom:calc(48px + env(safe-area-inset-bottom));width:110px;height:3px;border-radius:2px;background:#d3d1c7;overflow:hidden}
.ink-acilis-bar span{display:block;height:100%;width:0;background:#B8892E;animation:inkBar 1.1s ease-out forwards}
@keyframes inkBar{to{width:100%}}
.ink-acilis.kapan{opacity:0;pointer-events:none}

/* Tebrik penceresi */
.ink-tebrik-perde{position:fixed;inset:0;z-index:2147483500;background:rgba(44,44,42,.45);display:flex;align-items:center;justify-content:center;padding:20px;
  opacity:0;transition:opacity .3s}
.ink-tebrik-perde.acik{opacity:1}
.ink-tebrik{width:100%;max-width:360px;border-radius:20px;border:1px solid #c4c3bd;box-shadow:0 16px 40px rgba(0,0,0,.25);padding:24px 20px 20px;text-align:center;
  font-family:Poppins,system-ui,sans-serif}
.ink-tebrik img{width:72px;height:72px;border-radius:18px;border:1px solid #c9c8c2}
.ink-tebrik-ust{font-size:12px;letter-spacing:3px;color:#B8892E;font-weight:600;margin:14px 0 6px}
.ink-tebrik-metin{font-family:"Times New Roman",Georgia,serif;font-size:21px;line-height:1.35;color:#8F1D22;font-weight:600;margin:0 0 18px}
.ink-tebrik-dugme{display:block;width:100%;padding:12px}

/* Kısa bilgi */
.ink-bilgi{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%,30px);z-index:2147483400;opacity:0;
  max-width:88vw;padding:10px 18px;border-radius:999px;border:1px solid #c4c3bd;font:500 13px Poppins,system-ui,sans-serif;color:#444441;
  box-shadow:0 8px 22px rgba(0,0,0,.18);transition:all .35s;text-align:center}
.ink-bilgi.acik{opacity:1;transform:translate(-50%,0)}

/* Düğme yazıları tek satır */
.ink-pwa-dugmeler button{white-space:nowrap;font-size:13.5px;padding:10px 8px}