/* AI_CHAT_v1 C4 — sohbet paneli stilleri (.aic-*).
 * Tailwind sabit alt kümedir (pakette olmayan sınıf sessizce düşer); bu yüzden her görsel değer burada.
 * Mantıksal özellikler (inset-inline-*) → Arapça RTL'de düğme ve panel kendiliğinden ters taraftadır.
 * z-index: hızlı satın alma penceresi (.paymentOuter) 999 → panel 990, düğme 40; pencere sohbetin ÜSTÜNDE açılır.
 * Düğme WhatsApp düğmesinin (sağ alt, 60px) üstünde durur. */
.aic-root { font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif; color: #111827; }
.aic-root *, .aic-root *::before, .aic-root *::after { box-sizing: border-box; }
.aic-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.aic-fab {
    position: fixed; inset-inline-end: 20px; bottom: 92px; z-index: 40;
    width: 56px; height: 56px; border-radius: 50%; border: 0; cursor: pointer;
    background: #1d4ed8; color: #fff; display: flex; align-items: center; justify-content: center;
    box-shadow: 0 6px 20px rgba(29,78,216,.4); transition: transform .2s ease, box-shadow .2s ease;
    -webkit-tap-highlight-color: transparent;
}
.aic-fab:hover { transform: scale(1.06); box-shadow: 0 8px 26px rgba(29,78,216,.5); }
.aic-fab:focus-visible, .aic-close:focus-visible, .aic-send:focus-visible, .aic-btn:focus-visible, .aic-qr-chip:focus-visible,
.aic-input:focus-visible { outline: 3px solid #93c5fd; outline-offset: 2px; }

.aic-panel {
    position: fixed; inset-inline-end: 20px; bottom: 160px; z-index: 990;
    width: 800px; height: min(720px, calc(100vh - 180px)); max-width: calc(100vw - 24px);
    transition: width .2s ease, height .2s ease, bottom .2s ease;
    display: flex; flex-direction: column; background: #fff; border: 1px solid #e5e7eb; border-radius: 16px;
    box-shadow: 0 18px 50px rgba(15,23,42,.28); overflow: hidden;
}
.aic-panel[hidden] { display: none; }
/* Geniş mod (başlıktaki büyüt düğmesi): ekranın ~%90'ı, tam yükseklik. Mobilde panel zaten tam ekran. */
@media (min-width: 641px) {
    .aic-wide .aic-panel { width: 90vw; max-width: none; height: calc(100vh - 32px); height: calc(100dvh - 32px); bottom: 16px; inset-inline-end: 5vw; }
}

.aic-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; background: #1d4ed8; color: #fff; }
.aic-head-text { min-width: 0; }
.aic-title { margin: 0; font-size: 16px; font-weight: 700; line-height: 1.25; color: #fff; }
.aic-sub { margin: 2px 0 0; font-size: 12px; color: #dbeafe; line-height: 1.3; }
.aic-head-acts { display: flex; align-items: center; gap: 4px; flex: 0 0 auto; }
.aic-size { flex: 0 0 auto; width: 44px; height: 44px; margin: -6px 0; border: 0; background: transparent; color: #fff; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.aic-size:hover { background: rgba(255,255,255,.16); }
.aic-size:focus-visible { outline: 3px solid #fff; outline-offset: -3px; }
.aic-size .aic-ico-shrink, .aic-wide .aic-size .aic-ico-expand { display: none; }
.aic-wide .aic-size .aic-ico-shrink { display: block; }
.aic-close { flex: 0 0 auto; width: 44px; height: 44px; margin: -6px; border: 0; background: transparent; color: #fff; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.aic-close:hover { background: rgba(255,255,255,.16); }

.aic-msgs { flex: 1 1 auto; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 14px 12px; background: #f8fafc; display: flex; flex-direction: column; gap: 10px; }
.aic-row { display: flex; max-width: 100%; }
.aic-row-user { justify-content: flex-end; }
.aic-row-assistant, .aic-row-error { justify-content: flex-start; }
.aic-assistant-stack { display: flex; flex-direction: column; gap: 8px; max-width: 100%; min-width: 0; }
.aic-bubble { max-width: 88%; padding: 9px 13px; border-radius: 14px; font-size: 14px; line-height: 1.5; word-wrap: break-word; overflow-wrap: anywhere; }
.aic-assistant-stack > .aic-bubble { max-width: 100%; }
/* Kart/ızgara/kapsama taşıyan yanıt satırın tamamını kullanır; metin balonu okunur genişlikte kalır. */
.aic-stack-wide { width: 100%; align-items: flex-start; }
.aic-stack-wide > .aic-bubble { max-width: min(100%, 560px); }
.aic-stack-wide > .aic-cards, .aic-stack-wide > .aic-table-wrap, .aic-stack-wide > .aic-part-title { align-self: stretch; }
.aic-bubble-user { background: #1d4ed8; color: #fff; border-end-end-radius: 4px; }
.aic-bubble-assistant { background: #fff; color: #111827; border: 1px solid #e5e7eb; border-end-start-radius: 4px; }
.aic-bubble-error { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }
.aic-retry { margin-inline-start: 8px; }

.aic-typing { align-items: flex-end; }
.aic-typing .aic-bubble { display: flex; gap: 4px; align-items: center; padding: 12px 14px; }
.aic-dot { width: 7px; height: 7px; border-radius: 50%; background: #9ca3af; animation: aicBlink 1.2s infinite ease-in-out; }
.aic-dot:nth-child(2) { animation-delay: .2s; }
.aic-dot:nth-child(3) { animation-delay: .4s; }
@keyframes aicBlink { 0%, 80%, 100% { opacity: .25; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-3px); } }

.aic-cards { display: flex; flex-direction: column; gap: 8px; }
.aic-part-title { font-size: 13px; font-weight: 600; color: #374151; }
.aic-card { display: block; background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 8px 11px; color: inherit; text-decoration: none; }
.aic-card-link:hover { border-color: #93c5fd; background: #f0f7ff; }
.aic-flag { overflow-wrap: anywhere; max-width: 32px; overflow: hidden; flex: 0 0 auto; }
.aic-card-top { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; margin-bottom: 2px; }
.aic-flag { display: inline-flex; align-items: center; font-size: 20px; line-height: 1; }
.aic-flag-img { display: block; width: 24px; height: 18px; object-fit: cover; border-radius: 3px; }
.aic-card-country { font-size: 12px; color: #6b7280; }
.aic-card-title { font-size: 14px; font-weight: 600; color: #111827; line-height: 1.35; }
.aic-card-meta { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 7px; font-size: 12px; color: #4b5563; align-items: center; }
.aic-chip { display: inline-block; padding: 2px 8px; border-radius: 999px; background: #eff6ff; color: #1e40af; font-size: 12px; font-weight: 500; }
.aic-muted { color: #6b7280; font-size: 12px; }

/* Önerimiz kartı (C15 sade): mavi çerçeve + küçük "Önerimiz" hapı; neden satırı (varsa) */
.aic-card-rec { border: 2px solid #1d4ed8; background: #f5f9ff; box-shadow: 0 4px 16px rgba(29,78,216,.14); }
.aic-rec-why { display: flex; align-items: flex-start; gap: 6px; margin: 6px 0 0; font-size: 13px; line-height: 1.4; font-weight: 500; color: #065f46; }
.aic-rec-why strong { flex: 0 0 auto; font-weight: 800; color: #047857; }

/* C15 kapsama: tek küçük satır (~32px) — ✓/⚠ + kısa metin + küçük bayraklar */
.aic-cov { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 6px 8px; min-height: 32px; padding: 4px 10px; border-radius: 999px; border: 1px solid #a7f3d0; background: #f0fdf4; font-size: 13px; line-height: 1.3; max-width: 100%; }
.aic-cov-part { border-color: #fde68a; background: #fffbeb; }
.aic-cov-bandmark { flex: 0 0 auto; font-weight: 800; line-height: 1; }
.aic-cov-bandtext { font-weight: 700; min-width: 0; overflow-wrap: anywhere; }
.aic-cov-all .aic-cov-bandmark, .aic-cov-all .aic-cov-bandtext { color: #047857; }
.aic-cov-part .aic-cov-bandmark, .aic-cov-part .aic-cov-bandtext { color: #92400e; }
.aic-cov-list { list-style: none; margin: 0; padding: 0; display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.aic-cov-item { display: inline-flex; align-items: center; gap: 2px; font-size: 12px; font-weight: 600; }
.aic-cov-item .aic-flag { font-size: 16px; }
.aic-cov-item .aic-flag-img { width: 18px; height: 13px; }
.aic-cov-yes { color: #047857; }
.aic-cov-no { color: #b91c1c; }
.aic-cov-mark { font-weight: 800; }

/* Kart içi kapsama: yalnız çalışmayan ülkeler (C15), tek kısa satır */
.aic-cc { display: flex; align-items: flex-start; gap: 6px; margin: 6px 0 0; padding: 4px 8px; border-radius: 8px; border: 1px solid #fde68a; background: #fffbeb; font-size: 12.5px; line-height: 1.4; font-weight: 600; color: #92400e; }
.aic-cc-mark { flex: 0 0 auto; font-weight: 800; }
.aic-cc-sumtext { min-width: 0; overflow-wrap: anywhere; }
.aic-cc .aic-flag { font-size: 14px; vertical-align: middle; }
.aic-cc .aic-flag-img { width: 16px; height: 12px; display: inline-block; }

/* Karşılama kartı */
.aic-avatar { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, #1d4ed8, #0ea5e9); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; }
.aic-avatar-sm { width: 28px; height: 28px; font-size: 13px; align-self: flex-end; margin-inline-end: 6px; }
.aic-welcome { background: #fff; border: 1px solid #e5e7eb; border-radius: 14px; padding: 14px; max-width: 100%; }
.aic-welcome-head { display: flex; align-items: center; gap: 10px; }
.aic-welcome-who { display: flex; flex-direction: column; min-width: 0; }
.aic-welcome-name { font-size: 15px; color: #111827; }
.aic-welcome-role { font-size: 12px; color: #6b7280; }
.aic-welcome-intro { margin: 12px 0 0; font-size: 14px; line-height: 1.5; color: #111827; }
.aic-welcome-ask { margin: 10px 0 0; font-size: 16px; font-weight: 700; color: #111827; }
.aic-welcome-hint { margin: 2px 0 10px; font-size: 12.5px; color: #6b7280; }

.aic-card-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
.aic-price { font-size: 17px; font-weight: 700; color: #111827; }
.aic-card-acts { display: flex; gap: 6px; flex-wrap: wrap; }

.aic-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 16px; border-radius: 12px; font-size: 14px; font-weight: 600; cursor: pointer; text-decoration: none; border: 1px solid transparent; font-family: inherit; line-height: 1.2; }
.aic-btn-primary { background: #1d4ed8; color: #fff; }
.aic-btn-primary:hover { background: #1e40af; }
.aic-btn-ghost { background: #fff; color: #1d4ed8; border-color: #bfdbfe; }
.aic-btn-ghost:hover, .aic-btn-ghost.on { background: #eff6ff; }
.aic-linkbtn { align-self: flex-start; }

.aic-table-wrap { overflow-x: auto; background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; }
.aic-table { border-collapse: collapse; width: 100%; font-size: 12.5px; min-width: 300px; }
.aic-table th, .aic-table td { padding: 8px 9px; border-bottom: 1px solid #f1f5f9; text-align: start; vertical-align: top; }
.aic-table thead th { background: #f8fafc; font-weight: 700; color: #111827; }
.aic-table tbody th { font-weight: 600; color: #4b5563; white-space: nowrap; }
.aic-table-price td { font-weight: 700; font-size: 14px; }
.aic-table-buy td { border-bottom: 0; }

.aic-steps { margin: 8px 0 0; padding-inline-start: 20px; font-size: 13px; line-height: 1.5; color: #374151; }
.aic-qr { display: block; width: 168px; height: 168px; max-width: 100%; margin: 10px auto 0; object-fit: contain; background: #fff; }

.aic-quick { display: flex; flex-wrap: wrap; gap: 8px; }
.aic-qr-chip { flex: 0 0 auto; min-height: 44px; padding: 0 16px; white-space: nowrap; border-radius: 999px; border: 1px solid #bfdbfe; background: #fff; color: #1d4ed8; font-size: 13px; font-weight: 500; cursor: pointer; font-family: inherit; text-align: start; }
.aic-qr-chip:hover { background: #eff6ff; }



.aic-form { display: flex; align-items: flex-end; gap: 8px; padding: 10px 12px; border-top: 1px solid #e5e7eb; background: #fff; }
.aic-input { flex: 1 1 auto; min-height: 44px; max-height: 120px; resize: none; overflow-y: auto; scrollbar-width: none; padding: 11px 12px; border: 1px solid #d1d5db; border-radius: 12px; font: inherit; font-size: 16px; line-height: 1.35; color: #111827; background: #fff; }
.aic-send { flex: 0 0 auto; width: 44px; height: 44px; border: 0; border-radius: 50%; background: #1d4ed8; color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.aic-send:disabled { background: #9ca3af; cursor: default; }
html[dir="rtl"] .aic-send svg { transform: scaleX(-1); }

@media (max-width: 640px) {
    .aic-size { display: none; }
    .aic-fab { inset-inline-end: 12px; bottom: 76px; width: 52px; height: 52px; }
    .aic-panel { inset: 0; width: 100%; max-width: none; height: 100vh; height: 100dvh; border: 0; border-radius: 0; }
    .aic-form { padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)); }
    /* Ülke/paket sayfasının yapışkan satın alma çubuğu (#esim-sticky-buy, z 9999, ~93 px): düğme çubuğun üstüne çıkar,
       panel açıkken çubuk gizlenir (yoksa yazma alanını örter — tarayıcı denetimi 2026-10-15). */
    body:has(#esim-sticky-buy) .aic-fab { bottom: 112px; }
    html.aic-panel-open #esim-sticky-buy { display: none !important; }
    .aic-bubble { max-width: 92%; }
}
/* Giriş animasyonu: yeni satır ve kartlar yumuşakça belirir. */
@keyframes aicIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.aic-row, .aic-cards > .aic-card, .aic-plans-grid > .aic-card, .aic-cov, .aic-more-wrap { animation: aicIn .24s ease-out both; }
.aic-cards > .aic-card:nth-child(2) { animation-delay: .07s; }
.aic-cards > .aic-card:nth-child(3) { animation-delay: .14s; }

@media (prefers-reduced-motion: reduce) {
    .aic-row, .aic-cards > .aic-card, .aic-plans-grid > .aic-card, .aic-cov, .aic-more-wrap { animation: none; }
    .aic-fab, .aic-panel { transition: none; }
    .aic-dot { animation: none; opacity: .6; }
}

.aic-input::-webkit-scrollbar { display: none; }
.aic-input::placeholder { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ---- C12 site girişleri: sayfalardaki yapay zekâ düğmeleri (.aic-entry*). Sohbet kökünün DIŞINDA durur, bu yüzden
   yazı tipi/kutu modeli burada verilir. Betik yüklenmeden `hidden` kalır (asistan kapalıyken hiç görünmez).
   İç sınıflar (isteğe bağlı): .aic-entry-ico, .aic-entry-body > .aic-entry-title + .aic-entry-text, .aic-entry-acts > .aic-entry-btn[.aic-entry-btn--ghost]. */
.aic-entry, .aic-entry *, .aic-entry *::before, .aic-entry *::after { box-sizing: border-box; }
.aic-entry { font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif; color: #111827; display: flex; align-items: center; gap: 14px; }
.aic-entry[hidden] { display: none; }
.aic-entry-ico { flex: 0 0 auto; width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(135deg, #1d4ed8, #0ea5e9); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 22px; line-height: 1; }
.aic-entry-body { min-width: 0; flex: 1 1 auto; }
.aic-entry-title { margin: 0; font-size: 18px; font-weight: 700; line-height: 1.3; color: #111827; }
.aic-entry-text { margin: 4px 0 0; font-size: 14px; line-height: 1.5; color: #374151; }
.aic-entry-acts { display: flex; flex-wrap: wrap; gap: 8px; flex: 0 0 auto; }
.aic-entry-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 20px; border-radius: 12px; border: 1px solid #1d4ed8; background: #1d4ed8; color: #fff; font: inherit; font-size: 14px; font-weight: 600; line-height: 1.2; cursor: pointer; text-align: center; -webkit-tap-highlight-color: transparent; transition: background-color .15s ease, border-color .15s ease; }
.aic-entry-btn:hover { background: #1e40af; border-color: #1e40af; }
.aic-entry-btn--ghost { background: #fff; color: #1d4ed8; border-color: #bfdbfe; }
.aic-entry-btn--ghost:hover { background: #eff6ff; border-color: #93c5fd; }
.aic-entry-btn:focus-visible { outline: 3px solid #93c5fd; outline-offset: 2px; }

/* hero: ana sayfa — geniş gradyan kart, ikon, başlık + metin, iki düğme */
/* Izgara: ikon + (başlık, metin, düğmeler) aynı sol çizgide; düğmeler metnin başladığı yerden hizalı. Alttaki şeride yapışmaz (alt boşluk 40px). */
.aic-entry--hero { display: grid; grid-template-columns: 56px minmax(0, 1fr); column-gap: 20px; row-gap: 20px; align-items: start;
    max-width: 860px; margin: 40px auto 40px; padding: 24px; text-align: start; border-radius: 16px;
    background: linear-gradient(135deg, #eff6ff 0%, #e0f2fe 55%, #f0fdfa 100%); border: 1px solid #bfdbfe; box-shadow: 0 8px 24px rgba(29,78,216,.10); }
.aic-entry--hero[hidden] { display: none; }
.aic-entry--hero .aic-entry-ico { grid-column: 1; grid-row: 1; width: 56px; height: 56px; font-size: 26px; box-shadow: 0 4px 14px rgba(29,78,216,.3); }
.aic-entry--hero .aic-entry-body { grid-column: 2; grid-row: 1; align-self: center; }
.aic-entry--hero .aic-entry-title { font-size: 22px; line-height: 1.3; }
.aic-entry--hero .aic-entry-text { margin-top: 8px; font-size: 15px; line-height: 1.5; }
.aic-entry--hero .aic-entry-acts { grid-column: 2; grid-row: 2; gap: 12px; }
/* Düğme ölçüsü sitenin ana düğmesiyle (.hero-cta: 52px, radius 12, ağırlık 600) eş */
.aic-entry--hero .aic-entry-btn { min-height: 52px; padding: 0 28px; font-size: 16px; }

/* inline: ülke / çok ülke — ince bant + düğme */
.aic-entry--inline { padding: 12px 16px; border-radius: 12px; background: #f0f7ff; border: 1px solid #bfdbfe; gap: 16px; }
.aic-entry--inline .aic-entry-ico { width: 32px; height: 32px; font-size: 16px; }
.aic-entry--inline .aic-entry-title { font-size: 14px; }
.aic-entry--inline .aic-entry-text { margin: 0; font-size: 14px; color: #1f2937; }
.aic-entry--inline .aic-entry-btn { min-height: 44px; padding: 0 20px; font-size: 14px; }

/* card: paket kartının içinde küçük metin düğmesi (✨ ikon) */
.aic-entry--card { display: block; padding: 0; margin-top: 8px; }
.aic-entry--card .aic-entry-btn { min-height: 44px; padding: 0 6px; gap: 6px; border: 0; background: transparent; color: #1d4ed8; font-size: 13px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.aic-entry--card .aic-entry-btn::before { content: "\2728"; text-decoration: none; display: inline-block; }
.aic-entry--card .aic-entry-btn:hover { background: #eff6ff; color: #1e40af; }
.aic-entry--card .aic-entry-btn:focus-visible { border-radius: 8px; }

@media (max-width: 640px) {
    .aic-entry--hero { grid-template-columns: minmax(0, 1fr); row-gap: 16px; margin: 32px 0 32px; padding: 20px 16px; }
    .aic-entry--hero .aic-entry-ico, .aic-entry--hero .aic-entry-body, .aic-entry--hero .aic-entry-acts { grid-column: 1; }
    .aic-entry--hero .aic-entry-ico { grid-row: 1; }
    .aic-entry--hero .aic-entry-body { grid-row: 2; align-self: start; }
    .aic-entry--hero .aic-entry-acts { grid-row: 3; width: 100%; flex-direction: column; }
    .aic-entry--hero .aic-entry-btn { width: 100%; padding: 0 16px; font-size: 15px; }
    .aic-entry--hero .aic-entry-title { font-size: 19px; }
    .aic-entry--inline { flex-wrap: wrap; }
    .aic-entry--inline .aic-entry-body { flex: 1 1 calc(100% - 52px); }
    .aic-entry--inline .aic-entry-acts, .aic-entry--inline .aic-entry-btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    .aic-entry-btn { transition: none; }
}

/* Etiketli düğme: yuvarlak simge yerine "AI · Yapay zekâ ile eSIM bul" hapı (kullanıcı 2026-10-15: müşteri ne olduğunu anlamıyordu). */
.aic-fab { width: auto; min-width: 56px; padding: 0 20px 0 16px; gap: 10px; border-radius: 999px;
    background: linear-gradient(135deg, #1d4ed8, #7c3aed); }
.aic-fab-label { display: inline-flex; align-items: center; gap: 8px; font: 600 15px/1 Inter, system-ui, sans-serif; white-space: nowrap; }
.aic-fab-ai { font-size: 11px; font-weight: 800; letter-spacing: .04em; padding: 3px 6px; border-radius: 6px; background: rgba(255,255,255,.22); }
.aic-fab-short { display: none; }
.aic-open .aic-fab .aic-fab-label { display: none; }
.aic-open .aic-fab { padding: 0; width: 56px; }
@media (max-width: 640px) {
    .aic-fab { padding: 0 14px 0 12px; height: 48px; }
    .aic-fab-long { display: none; }
    .aic-fab-short { display: inline; font-size: 14px; }
}

/* C15 sade kart: fiyat solda, Satın al sağda tek satır; çipler cevabın hemen altında satır içi */
.aic-card > .aic-card-foot { margin-top: 6px; }
.aic-card-foot .aic-btn-buy { min-height: 44px; padding: 0 18px; font-size: 14px; font-weight: 700; box-shadow: 0 2px 8px rgba(29,78,216,.22); }
.aic-quick { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 2px; }
.aic-quick .aic-qr-chip { white-space: normal; }
.aic-welcome > .aic-quick { margin-top: 8px; }
.aic-busy .aic-quick { opacity: .55; pointer-events: none; }

/* C16 plans: 3 kademe kartı. Kapsayıcı .aic-plans (container query): ≥530 px yan yana (en çok 3), dar ekranda alt alta.
   Önerimiz = mavi çerçeve + üstte dolu mavi şerit; bayraklar iç içe yığın + "+N"; extra/rest gizli düğmeler ortalı. */
.aic-plans { container-type: inline-size; container-name: aicplans; align-self: stretch; width: 100%; display: flex; flex-direction: column; gap: 10px; }
.aic-plans-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; align-items: stretch; }
@container aicplans (min-width: 530px) {
    .aic-plans-grid[data-n="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .aic-plans-grid[data-n="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .aic-plan > .aic-card-foot { flex-direction: column; align-items: stretch; }
    .aic-plan > .aic-card-foot .aic-btn-buy { width: 100%; }
    .aic-plan > .aic-card-foot .aic-price { text-align: center; }
}
.aic-plan { display: flex; flex-direction: column; overflow: hidden; padding: 12px 14px; --aic-ring: #fff; }
.aic-plan > .aic-card-foot { margin-top: auto; padding-top: 10px; }
.aic-plan .aic-card-title { font-size: 15px; font-weight: 700; }
.aic-tier { margin: 0 0 4px; font-size: 11.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #6b7280; }
.aic-plan-where { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; margin-top: 6px; }
.aic-plan .aic-price { font-size: 19px; }

/* Önerimiz: belirgin mavi çerçeve + üstte şerit (renk tek başına değil, ★ ve metinle de verilir) */
.aic-plan.aic-card-rec { --aic-ring: #f5f9ff; border: 2px solid #1d4ed8; background: #f5f9ff; box-shadow: 0 8px 24px rgba(29,78,216,.22); }
.aic-rec-band { display: flex; align-items: center; justify-content: center; gap: 6px; margin: -12px -14px 10px; padding: 6px 10px; background: #1d4ed8; color: #fff; font-size: 13px; font-weight: 800; letter-spacing: .02em; line-height: 1.3; }
.aic-rec-band > span:first-child { color: #fde68a; }
.aic-plan.aic-card-rec .aic-tier { color: #1d4ed8; }

/* Bayrak yığını: üst üste binen bayraklar, beyaz halka; "+N" son yuvarlak */
.aic-flags { display: inline-flex; align-items: center; }
.aic-flags .aic-flag { overflow: visible; max-width: none; flex: 0 0 auto; }
.aic-flags .aic-flag + .aic-flag, .aic-flags .aic-flag + .aic-flags-more { margin-inline-start: -8px; }
.aic-flags .aic-flag-img { width: 26px; height: 19px; border-radius: 4px; box-shadow: 0 0 0 2px var(--aic-ring, #fff); outline: 1px solid rgba(15,23,42,.22); outline-offset: -1px; }
.aic-flags .aic-flag:not(:has(img)) { font-size: 20px; }
.aic-flags-more { display: inline-flex; align-items: center; justify-content: center; min-width: 26px; height: 19px; padding: 0 5px; border-radius: 999px; background: #e5e7eb; color: #374151; font-size: 11px; font-weight: 800; box-shadow: 0 0 0 2px var(--aic-ring, #fff); position: relative; }
.aic-plan-where .aic-card-country { font-size: 12.5px; }

/* extra / rest düğmeleri: ortalı, mavi, belirgin */
.aic-quick-titled { margin-top: 16px; }
.aic-quick-title { flex: 0 0 100%; font-size: 13.5px; line-height: 1.4; color: #374151; }
.aic-flags .aic-flags-more-text { min-width: 0; height: auto; padding: 0; margin-inline-start: 6px; border-radius: 0; background: none; box-shadow: none; color: #6b7280; font-size: 12px; font-weight: 500; white-space: nowrap; }
.aic-flags .aic-flag + .aic-flags-more.aic-flags-more-text { margin-inline-start: 6px; }
.aic-more-wrap { display: flex; justify-content: center; }
.aic-more-wrap[hidden] { display: none; }
.aic-btn-more { min-height: 48px; padding: 0 28px; font-size: 15px; font-weight: 700; background: #1d4ed8; color: #fff; border-color: #1d4ed8; box-shadow: 0 4px 14px rgba(29,78,216,.28); text-align: center; }
.aic-btn-more:hover { background: #1e40af; border-color: #1e40af; }
.aic-more-wrap > .aic-linkbtn { align-self: center; }
.aic-plans-grid > .aic-card:nth-child(2) { animation-delay: .07s; }
.aic-plans-grid > .aic-card:nth-child(3) { animation-delay: .14s; }