/*
 * Tasarım v4: ana sayfa, /fulfillment, /fiyatlar, /entegrasyon (liste layout.php'de). site.css'in renk ve yazı değişkenlerini kullanır.
 * Görsel dil: lacivert açılış ve hareketli kanal → depo → kargo akışı, ardından üç güçlü yan için birer hareketli görsel.
 * Hareket azaltma açıksa tüm döngüler durur, görseller son hâlinde görünür.
 */

/* ---------- Açılış ---------- */
.a-hero { position: relative; overflow: hidden; background: var(--navy); color: var(--on-dark); padding-block: clamp(48px, 7vw, 96px) clamp(56px, 7vw, 104px); }
.a-hero::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(180deg, #000 40%, transparent); pointer-events: none; }
.a-hero::after { content: ""; position: absolute; right: -10%; top: -30%; width: 70%; height: 120%; background: radial-gradient(closest-side, rgba(242, 107, 29, .22), transparent); pointer-events: none; }
.a-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(32px, 5vw, 72px); align-items: center; }
.a-hero-copy { display: grid; gap: 22px; align-content: center; }
.a-eyebrow { font-family: var(--f-mono); font-size: 13px; letter-spacing: .14em; text-transform: uppercase; color: #FFB27A; }
.a-hero h1 { color: #fff; font-size: clamp(34px, 3.7vw, 52px); line-height: 1.08; }
.a-hero h1 em { color: #FF9C5B; }
.a-lead { font-size: clamp(17px, 1.45vw, 20px); line-height: 1.6; color: var(--on-dark-2); max-width: 52ch; }
.a-trust { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: 15px; font-weight: 600; color: var(--on-dark-2); }
.a-trust li { display: inline-flex; align-items: center; gap: 8px; }
.a-trust .ic { color: #FF9C5B; }

/* akış görseli */
.a-akis { margin: 0; display: grid; gap: 12px; }
.a-akis svg { display: block; width: 100%; height: auto; overflow: visible; }
.a-akis figcaption { font-size: 14px; color: var(--on-dark-2); max-width: 56ch; }
.ak-ust { font-family: var(--f-mono); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; fill: #8FA6C4; }
.ak-arti { font-family: var(--f); font-size: 14px; font-weight: 700; fill: #B7C3D4; }
.ak-yol { fill: none; stroke: rgba(255, 255, 255, .16); stroke-width: 2; stroke-dasharray: 3 7; stroke-linecap: round; }
.ak-hap rect { fill: #fff; }
.ak-siparis { fill: #FF9C5B; }
.ak-paket { fill: #E9CFAF; stroke: #B48A58; stroke-width: 1.5; }
.ak-govde { fill: #16304F; stroke: #FF9C5B; stroke-width: 2; }
.ak-depo-ad { font-family: var(--f-mono); font-size: 12px; letter-spacing: .12em; fill: #FFB27A; }
.ak-depo-alt { font-family: var(--f); font-size: 13px; font-weight: 700; fill: #E8EDF5; }
.ak-koli { fill: #D9B98C; }
.ak-bos { fill: none; stroke: rgba(255, 255, 255, .18); stroke-dasharray: 3 3; }
.ak-tarama { stroke: #FF6B2C; stroke-width: 2.5; stroke-linecap: round; filter: drop-shadow(0 0 4px rgba(255, 107, 44, .9)); animation: ak-tara 2.6s ease-in-out infinite alternate; }
@keyframes ak-tara { from { transform: translateY(0); } to { transform: translateY(142px); } }

@media (max-width: 960px) {
  .a-hero-grid { grid-template-columns: minmax(0, 1fr); }
  .a-akis { max-width: 620px; }
}

/* ---------- Kanal şeridi (kayan logolar) ---------- */
.a-kanallar { border-bottom: 1px solid var(--line); background: var(--bg); padding-block: 22px 26px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; overflow: hidden; }
.a-kanallar-t { text-align: center; font-size: 15px; color: var(--muted); padding-inline: var(--gut); }
.a-kanallar-t b { color: var(--navy); }
.a-serit { display: flex; width: max-content; animation: a-kay 48s linear infinite; }
.a-serit:hover { animation-play-state: paused; }
.a-serit ul { list-style: none; margin: 0; padding: 0 0 0 48px; display: flex; gap: 48px; align-items: center; }
.a-serit img { display: block; height: 30px; width: auto; max-width: 140px; object-fit: contain; filter: grayscale(1); opacity: .75; transition: filter .2s, opacity .2s; }
.a-serit a:hover img, .a-serit a:focus-visible img { filter: none; opacity: 1; }
@keyframes a-kay { to { transform: translateX(-50%); } }

/* ---------- Üç güçlü yan ---------- */
.a-guc-list { display: grid; gap: clamp(64px, 9vw, 120px); }
.a-blok { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 88px); align-items: center; }
.a-blok.a-ters .a-blok-yazi { order: 2; }
.a-blok-yazi { display: grid; gap: 16px; align-content: start; }
.a-blok-yazi .more { margin-top: 4px; }
.a-madde { list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 10px; font-size: 16.5px; font-weight: 600; color: var(--ink); }
.a-madde li { display: flex; gap: 10px; align-items: baseline; }
.a-madde .ic { color: var(--orange); transform: translateY(3px); }
.a-gorsel { position: relative; border-radius: var(--r-lg); background: var(--navy); color: var(--on-dark); padding: clamp(22px, 3vw, 36px); min-height: 360px; box-shadow: var(--sh-2); overflow: hidden; }
.a-gorsel::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px); background-size: 32px 32px; pointer-events: none; }
.a-gorsel > * { position: relative; }
@media (max-width: 860px) {
  .a-blok { grid-template-columns: minmax(0, 1fr); }
  .a-blok.a-ters .a-blok-yazi { order: 0; }
  .a-gorsel { min-height: 0; }
}

/* 1) tek stok */
.a-senkron { display: grid; gap: 20px; align-content: center; }
.a-sk-urun { display: grid; gap: 4px; justify-items: center; text-align: center; padding: 20px; border-radius: 16px; background: #16304F; border: 1px solid rgba(255, 255, 255, .1); }
.a-sk-k { font-family: var(--f-mono); font-size: 12px; letter-spacing: .08em; color: #8FA6C4; }
.a-sk-urun b { font-size: 18px; color: #fff; }
.a-sk-stok { font-size: 15px; color: var(--on-dark-2); }
.a-sk-stok [data-sk-n] { display: inline-block; min-width: 1.4ch; font-size: 44px; font-weight: 800; line-height: 1.1; color: #FF9C5B; font-variant-numeric: tabular-nums; vertical-align: -6px; transition: transform .25s ease; }
.a-sk-stok [data-sk-n].tik { transform: scale(1.18); }
.a-sk-kanal { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.a-sk-kanal li { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 12px; border-radius: 12px; background: #fff; border: 2px solid transparent; transition: border-color .3s, transform .3s, opacity .3s; }
.a-sk-kanal img { height: 20px; width: auto; max-width: 78px; object-fit: contain; }
.a-sk-c { font-family: var(--f-mono); font-size: 14px; font-weight: 500; color: var(--navy); font-variant-numeric: tabular-nums; }
.a-sk-kanal li.sat { border-color: #FF9C5B; transform: translateY(-3px); }
.a-senkron.bitti .a-sk-kanal li { opacity: .45; }
.a-senkron.bitti .a-sk-c { color: #C0392B; }
.a-sk-olay { min-height: 3em; text-align: center; font-size: 15px; font-weight: 600; color: #E8EDF5; }
.a-sk-olay b { color: #FF9C5B; }
@media (max-width: 420px) { .a-sk-kanal { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* 2) barkod taraması */
.a-tarama { display: grid; gap: 24px; align-content: center; }
.a-tr-kartlar { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.a-tr-kart { display: grid; gap: 6px; padding: 18px; border-radius: 14px; background: #fff; color: var(--navy); }
.a-tr-k { font-family: var(--f-mono); font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.a-tr-kart b { font-size: clamp(13.5px, 3.8vw, 17px); white-space: nowrap; }
.a-tr-raf b { font-family: var(--f-mono); font-weight: 500; }
.a-tr-bar { height: 44px; margin-top: 4px; background: repeating-linear-gradient(90deg, var(--navy) 0 2px, transparent 2px 4px, var(--navy) 4px 7px, transparent 7px 9px, var(--navy) 9px 10px, transparent 10px 13px); border-radius: 2px; }
.a-tr-isin { position: absolute; top: -6px; bottom: -6px; left: 0; width: 3px; border-radius: 3px; background: #FF3B1F; box-shadow: 0 0 12px 3px rgba(255, 59, 31, .7); animation: a-isin 8s ease-in-out infinite; }
@keyframes a-isin { 0% { left: 2%; opacity: 0; } 4% { opacity: 1; } 22% { left: 48%; opacity: 1; } 26% { opacity: 0; left: 52%; } 30% { opacity: 1; } 48% { left: 98%; opacity: 1; } 52%, 100% { left: 98%; opacity: 0; } }
.a-tr-adim { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.a-tr-adim li { display: flex; align-items: center; gap: 10px; padding: 11px 14px; border-radius: 12px; background: #16304F; border: 1px solid rgba(255, 255, 255, .08); font-weight: 700; font-size: 15.5px; color: rgba(232, 237, 245, .35); }
.a-tr-adim .ic { color: rgba(255, 255, 255, .2); }
.a-tr-adim li.t1 { animation: a-t1 8s infinite; }
.a-tr-adim li.t2 { animation: a-t2 8s infinite; }
.a-tr-adim li.t3 { animation: a-t3 8s infinite; }
.a-tr-adim li.t4 { animation: a-t4 8s infinite; }
.a-tr-adim li.t1 .ic { animation: a-i1 8s infinite; }
.a-tr-adim li.t2 .ic { animation: a-i2 8s infinite; }
.a-tr-adim li.t3 .ic { animation: a-i3 8s infinite; }
.a-tr-adim li.t4 .ic { animation: a-i4 8s infinite; }
@keyframes a-t1 { 0%, 21% { color: rgba(232, 237, 245, .35); border-color: rgba(255, 255, 255, .08); } 23%, 92% { color: #fff; border-color: #3FB97A; } 100% { color: rgba(232, 237, 245, .35); } }
@keyframes a-t2 { 0%, 47% { color: rgba(232, 237, 245, .35); border-color: rgba(255, 255, 255, .08); } 49%, 92% { color: #fff; border-color: #3FB97A; } 100% { color: rgba(232, 237, 245, .35); } }
@keyframes a-t3 { 0%, 59% { color: rgba(232, 237, 245, .35); border-color: rgba(255, 255, 255, .08); } 61%, 92% { color: #fff; border-color: #3FB97A; } 100% { color: rgba(232, 237, 245, .35); } }
@keyframes a-t4 { 0%, 73% { color: rgba(232, 237, 245, .35); border-color: rgba(255, 255, 255, .08); } 75%, 92% { color: #fff; border-color: #3FB97A; } 100% { color: rgba(232, 237, 245, .35); } }
@keyframes a-i1 { 0%, 21% { color: rgba(255, 255, 255, .2); } 23%, 92% { color: #3FB97A; } 100% { color: rgba(255, 255, 255, .2); } }
@keyframes a-i2 { 0%, 47% { color: rgba(255, 255, 255, .2); } 49%, 92% { color: #3FB97A; } 100% { color: rgba(255, 255, 255, .2); } }
@keyframes a-i3 { 0%, 59% { color: rgba(255, 255, 255, .2); } 61%, 92% { color: #3FB97A; } 100% { color: rgba(255, 255, 255, .2); } }
@keyframes a-i4 { 0%, 73% { color: rgba(255, 255, 255, .2); } 75%, 92% { color: #3FB97A; } 100% { color: rgba(255, 255, 255, .2); } }

/* 3) panel: hakediş fişi */
.a-panel { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 16px; align-items: center; }
.a-pn-fis { display: grid; gap: 14px; padding: 22px 22px 26px; border-radius: 14px; background: #fff; color: var(--navy); box-shadow: 0 20px 40px rgba(0, 0, 0, .25); }
.a-pn-bas { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-weight: 800; font-size: 16px; padding-bottom: 10px; border-bottom: 2px dashed var(--line); }
.a-pn-k { font-family: var(--f-mono); font-size: 11.5px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--orange-text); background: var(--orange-soft); padding: 3px 8px; border-radius: 6px; }
.a-pn-sat { display: grid; grid-template-columns: minmax(0, 1fr) 42%; gap: 10px; align-items: center; font-size: 14.5px; font-weight: 600; color: var(--ink-2); }
.a-pn-sat i { display: block; height: 10px; border-radius: 6px; background: var(--bg-3); position: relative; overflow: hidden; }
.a-pn-sat i::after { content: ""; position: absolute; inset: 0 auto 0 0; border-radius: inherit; background: var(--navy-3); transform-origin: left; animation: a-bar 7s ease-in-out infinite; }
.a-pn-sat.eksi i::after { background: #E58B8B; }
.a-pn-sat.top { padding-top: 10px; border-top: 2px solid var(--navy); font-weight: 800; color: var(--navy); }
.a-pn-sat.top i::after { background: var(--orange); }
.a-pn-sat i.b1::after { width: 100%; }
.a-pn-sat i.b2::after { width: 22%; animation-delay: .4s; }
.a-pn-sat i.b3::after { width: 30%; animation-delay: .8s; }
.a-pn-sat i.b4::after { width: 48%; animation-delay: 1.2s; }
@keyframes a-bar { 0% { transform: scaleX(0); } 18%, 88% { transform: scaleX(1); } 100% { transform: scaleX(0); } }
.a-pn-yan { display: grid; gap: 10px; }
.a-pn-rozet { display: flex; align-items: center; gap: 8px; padding: 12px 14px; border-radius: 12px; background: #16304F; border: 1px solid rgba(255, 255, 255, .1); font-size: 14.5px; font-weight: 700; color: #E8EDF5; animation: a-rozet 7s ease-in-out infinite both; }
.a-pn-rozet .ic { color: #3FB97A; }
.a-pn-rozet.uyari .ic { color: #FF9C5B; }
.a-pn-rozet:nth-child(2) { animation-delay: .5s; }
.a-pn-rozet:nth-child(3) { animation-delay: 1s; }
@keyframes a-rozet { 0% { opacity: 0; transform: translateX(12px); } 12%, 88% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translateX(12px); } }
@media (max-width: 520px) { .a-panel { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Taahhüt şeridi ---------- */
.a-soz { list-style: none; margin: clamp(32px, 5vw, 56px) 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.a-soz li { display: grid; gap: 10px; align-content: start; padding: 20px; border-radius: var(--r); background: var(--bg-2); border: 1px solid var(--line-2); font-size: 15px; color: var(--ink-2); line-height: 1.5; }
.a-soz li .ic { color: var(--orange); width: 26px; height: 26px; }
.a-soz b { display: block; color: var(--navy); font-size: 16px; margin-bottom: 2px; }
@media (max-width: 960px) { .a-soz { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .a-soz { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Depodan fotoğraflar ---------- */
.a-foto { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); grid-auto-rows: 180px; gap: 12px; }
.a-foto li { border-radius: var(--r); overflow: hidden; grid-column: span 2; }
.a-foto li:first-child { grid-column: span 4; grid-row: span 2; }
.a-foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 760px) { .a-foto { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 150px; } .a-foto li, .a-foto li:first-child { grid-column: span 1; grid-row: span 1; } .a-foto li:first-child { grid-column: span 2; } }

/* ---------- İç sayfa açılışı (partials/v4-bas.php) ---------- */
.a-sayfa { padding-block: clamp(36px, 5.5vw, 72px) clamp(44px, 6vw, 84px); }
.a-sayfa .crumbs a { color: var(--on-dark-2); }
.a-sayfa .crumbs span { color: rgba(255, 255, 255, .3); margin-inline: 6px; }
.a-hero-gorsel { min-width: 0; }
.a-hero .a-gorsel { background: #102A4C; border: 1px solid rgba(255, 255, 255, .12); box-shadow: 0 30px 60px rgba(0, 0, 0, .25); }
ol.a-gorsel, ul.a-gorsel { list-style: none; margin: 0; }

/* /fulfillment açılışı: altı adım sırayla yanar */
.a-isik { display: grid; gap: 8px; min-height: 0; }
.a-isik li { display: grid; grid-template-columns: 40px 26px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 12px; align-items: center; padding: 10px 14px; border-radius: 12px; background: #16304F; border: 1px solid rgba(255, 255, 255, .08); animation: a-isik 12s infinite; }
.a-isik-ic { grid-row: span 2; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 10px; background: rgba(255, 255, 255, .08); color: #FFB27A; }
.a-isik-no { grid-row: span 2; font-family: var(--f-mono); font-size: 14px; color: #8FA6C4; }
.a-isik b { font-size: 16px; color: #fff; line-height: 1.3; }
.a-isik small { font-size: 13.5px; color: var(--on-dark-2); line-height: 1.35; }
.a-isik .i2 { animation-delay: 2s; } .a-isik .i3 { animation-delay: 4s; } .a-isik .i4 { animation-delay: 6s; } .a-isik .i5 { animation-delay: 8s; } .a-isik .i6 { animation-delay: 10s; }
@keyframes a-isik { 0%, 17% { background: #E9661C; border-color: #FF9C5B; transform: translateX(8px); } 21%, 100% { background: #16304F; border-color: rgba(255, 255, 255, .08); transform: none; } }

/* /fiyatlar açılışı: fatura fişi */
.a-fis-kutu { display: grid; gap: 14px; align-content: center; min-height: 0; }
.a-fis { max-width: 420px; justify-self: center; width: 100%; }
.a-fis-sifir { display: flex; justify-content: space-between; gap: 10px; font-size: 14.5px; font-weight: 600; color: var(--ink-2); }
.a-fis-sifir:first-of-type { padding-top: 10px; border-top: 2px dashed var(--line); }
.a-fis-sifir b { color: var(--green); font-weight: 800; }
.a-fis-not { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--on-dark-2); }
.a-fis-not .ic { color: #FFB27A; }

/* /fulfillment: altı adım kartı */
.a-adimlar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; counter-reset: none; }
.a-adimlar li { display: grid; gap: 10px; align-content: start; padding: 22px; border-radius: var(--r); background: var(--bg); border: 1px solid var(--line); transition: transform .2s, box-shadow .2s, border-color .2s; }
.a-adimlar li:hover { transform: translateY(-3px); box-shadow: var(--sh-1); border-color: var(--orange); }
.a-adim-ust { display: flex; justify-content: space-between; align-items: center; }
.a-adim-ic { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 12px; background: var(--navy); color: #FFB27A; }
.a-adim-no { font-family: var(--f-mono); font-size: 28px; color: var(--line); font-weight: 500; }
.a-adimlar h3 { font-size: 19px; }
.a-adimlar p { font-size: 15.5px; color: var(--ink-2); line-height: 1.55; }
@media (max-width: 960px) { .a-adimlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .a-adimlar { grid-template-columns: minmax(0, 1fr); } }

/* /fulfillment: panel bölümleri ve iade sonuçları */
.a-modul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-content: center; }
.a-modul li { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 12px; background: #16304F; border: 1px solid rgba(255, 255, 255, .08); font-weight: 700; font-size: 15px; color: #E8EDF5; animation: a-modul 8s ease-in-out infinite; }
.a-modul .ic { color: #FFB27A; }
.a-modul li:nth-child(2) { animation-delay: 1s; } .a-modul li:nth-child(3) { animation-delay: 2s; } .a-modul li:nth-child(4) { animation-delay: 3s; }
.a-modul li:nth-child(5) { animation-delay: 4s; } .a-modul li:nth-child(6) { animation-delay: 5s; } .a-modul li:nth-child(7) { animation-delay: 6s; } .a-modul li:nth-child(8) { animation-delay: 7s; }
@keyframes a-modul { 0%, 10% { border-color: #FF9C5B; background: #1D3B61; } 14%, 100% { border-color: rgba(255, 255, 255, .08); background: #16304F; } }
.a-iade { display: grid; gap: 12px; align-content: center; }
.a-iade li { display: flex; gap: 14px; align-items: flex-start; padding: 18px; border-radius: 14px; background: #fff; color: var(--ink-2); font-size: 15px; line-height: 1.5; animation: a-iade 9s ease-in-out infinite both; }
.a-iade li b { display: block; font-size: 17px; color: var(--navy); }
.a-iade li .ic { flex: none; width: 34px; height: 34px; padding: 6px; border-radius: 10px; }
.a-iade li.ok .ic { background: var(--green-soft); color: var(--green); }
.a-iade li.uyari .ic { background: var(--orange-soft); color: var(--orange-text); }
.a-iade li:nth-child(2) { animation-delay: 1s; } .a-iade li:nth-child(3) { animation-delay: 2s; }
@keyframes a-iade { 0% { opacity: 0; transform: translateY(10px); } 10%, 90% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translateY(-6px); } }
@media (max-width: 420px) { .a-modul { grid-template-columns: minmax(0, 1fr); } }

/* taahhüt şeridinin 3 sütunlu hali ve durum etiketi */
.a-soz-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 0; }
.a-durum { display: inline-block; margin-top: 6px; font-family: var(--f-mono); font-size: 11.5px; letter-spacing: .04em; text-transform: uppercase; color: var(--orange-text); background: var(--orange-soft); padding: 3px 8px; border-radius: 6px; }
@media (max-width: 960px) { .a-soz-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .a-soz-3 { grid-template-columns: minmax(0, 1fr); } }

/* kimler için */
.a-kim { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.a-kim li { display: grid; gap: 12px; align-content: start; padding: 20px; border-radius: var(--r); background: var(--navy); color: var(--on-dark); font-weight: 700; font-size: 16px; line-height: 1.4; }
.a-kim .ic { color: #FFB27A; width: 26px; height: 26px; }
@media (max-width: 960px) { .a-kim { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 420px) { .a-kim { grid-template-columns: minmax(0, 1fr); } }

/* /fiyatlar: 0 TL kalemleri ve karşılaştırma listesi */
.a-sifir { list-style: none; margin: 14px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.a-sifir li { display: grid; gap: 4px; align-content: start; padding: 22px; border-radius: var(--r); background: var(--green-soft); border: 1px solid #CDEBDC; }
.a-sifir b { font-size: 34px; font-weight: 800; line-height: 1; letter-spacing: -.02em; color: var(--green); }
.a-sifir span { font-size: 17px; font-weight: 800; color: var(--navy); margin-top: 6px; }
.a-sifir small { font-size: 14px; color: var(--ink-2); line-height: 1.45; }
@media (max-width: 960px) { .a-sifir { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 420px) { .a-sifir { grid-template-columns: minmax(0, 1fr); } }
.a-kontrol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.a-kontrol li { display: flex; gap: 16px; padding: 20px; border-radius: var(--r); border: 1px solid var(--line); background: var(--bg); }
.a-kontrol-no { flex: none; font-family: var(--f-mono); font-size: 22px; color: var(--orange-text); line-height: 1.2; }
.a-kontrol b { display: block; font-size: 17px; color: var(--navy); margin-bottom: 4px; }
.a-kontrol p { font-size: 15.5px; color: var(--ink-2); line-height: 1.55; }
.a-kontrol li > div { min-width: 0; }
@media (max-width: 760px) { .a-kontrol { grid-template-columns: minmax(0, 1fr); } }

/* /entegrasyon: kurulum şeridi ve fark görseli */
.a-kurulum { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; }
.a-kurulum li { position: relative; display: grid; gap: 8px; align-content: start; padding: 26px 24px; background: var(--bg); }
.a-kurulum li + li { border-left: 1px solid var(--line); }
.a-kurulum span { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--orange); color: #fff; font-weight: 800; }
.a-kurulum b { font-size: 17px; color: var(--navy); }
.a-kurulum p { font-size: 15px; color: var(--ink-2); line-height: 1.55; }
@media (max-width: 860px) { .a-kurulum { grid-template-columns: repeat(2, minmax(0, 1fr)); } .a-kurulum li:nth-child(3) { border-left: 0; } .a-kurulum li:nth-child(n+3) { border-top: 1px solid var(--line); } }
@media (max-width: 480px) { .a-kurulum { grid-template-columns: minmax(0, 1fr); } .a-kurulum li + li { border-left: 0; border-top: 1px solid var(--line); } }
.a-fark { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-content: center; }
.a-fark-kol { display: grid; gap: 8px; justify-items: center; align-content: start; text-align: center; padding: 18px 14px; border-radius: 14px; background: rgba(255, 255, 255, .04); border: 1px dashed rgba(255, 255, 255, .2); }
.a-fark-kol.bizim { border: 1px solid #FF9C5B; background: rgba(233, 102, 28, .1); }
.a-fark-bas { font-family: var(--f-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: #8FA6C4; }
.bizim .a-fark-bas { color: #FFB27A; }
.a-fark-kutu { width: 100%; padding: 12px 10px; border-radius: 10px; background: #fff; color: var(--navy); font-weight: 800; font-size: 14.5px; }
.a-fark-kutu.vurgu { background: var(--orange); color: #fff; padding-block: 22px; }
.a-fark-ok { font-size: 20px; line-height: 1; color: #8FA6C4; }
.a-fark-ok.kopuk { color: #E58B8B; animation: a-kopuk 1.6s ease-in-out infinite; }
@keyframes a-kopuk { 50% { opacity: .3; } }
.a-fark-alt { font-size: 13.5px; font-weight: 700; color: var(--on-dark-2); }

/* ---------- İkinci grup: /hakkimizda, /seffaf-kurallar, /iade-yonetimi, /istanbul-fulfillment-deposu ---------- */
/* üç maddeli adım ışığı (partials/v4-sahip.php) */
.a-isik-3 li { animation-duration: 6s; }
.a-isik-3 .i2 { animation-delay: 2s; } .a-isik-3 .i3 { animation-delay: 4s; }
.a-isik-3 { align-content: center; gap: 12px; }
.a-isik-3 li { padding-block: 16px; }
@keyframes a-isik-3 { 0%, 30% { background: #E9661C; } 36%, 100% { background: #16304F; } }
.a-isik-3 li { animation-name: a-isik-3; }

/* özet kâğıdı (partials/v4-ozet.php) */
.a-ozet-kutu { display: grid; align-content: center; min-height: 0; }
.a-ozet { max-width: 440px; width: 100%; justify-self: center; }
.a-ozet dl { margin: 0; display: grid; gap: 0; }
.a-ozet dl div { display: flex; justify-content: space-between; gap: 14px; padding: 9px 0; border-bottom: 1px solid var(--line-2); font-size: 14.5px; }
.a-ozet dl div:last-child { border-bottom: 0; }
.a-ozet dt { color: var(--muted); font-weight: 600; }
.a-ozet dd { margin: 0; text-align: right; font-weight: 700; color: var(--navy); }
.a-yesil { color: var(--green); }

/* kurucu bandı */
.a-kurucu { margin: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: clamp(20px, 4vw, 48px); align-items: center; padding: clamp(28px, 4vw, 48px); border-radius: var(--r-lg); background: var(--navy); color: var(--on-dark); }
.a-kurucu .ph-round { width: clamp(110px, 14vw, 160px); height: clamp(110px, 14vw, 160px); }
.a-kurucu .a-kurucu-foto { display: block; object-fit: cover; border: 3px solid rgba(255,255,255,.18); }
.a-kurucu blockquote { margin: 10px 0 14px; font-size: clamp(20px, 2.2vw, 28px); font-weight: 700; line-height: 1.35; color: #fff; }
.a-kurucu figcaption { font-size: 15px; color: var(--on-dark-2); }
.a-kurucu figcaption a { color: #FFB27A; }
@media (max-width: 640px) { .a-kurucu { grid-template-columns: minmax(0, 1fr); } }

/* başlık + kart iki sütun (kayıt bilgileri, depo özellikleri, adres) */
.a-iki { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(28px, 5vw, 64px); align-items: start; }
.a-iki .sec-head { margin-bottom: 0; }
.a-ids { margin: 0; padding: 8px 24px; }
@media (max-width: 860px) { .a-iki { grid-template-columns: minmax(0, 1fr); } }

/* rakam kartları (iade maliyeti) */
.a-rakam { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.a-rakam li { display: grid; gap: 6px; align-content: start; padding: 26px; border-radius: var(--r); background: var(--bg-2); border: 1px solid var(--line-2); }
.a-rakam b { font-size: clamp(32px, 3.4vw, 44px); font-weight: 800; line-height: 1.05; letter-spacing: -.02em; color: var(--navy); }
.a-rakam span { font-size: 16px; font-weight: 700; color: var(--ink); }
.a-rakam small { font-size: 13px; color: var(--muted); }
.a-rakam li.vurgu { background: var(--navy); border-color: var(--navy); }
.a-rakam li.vurgu b { color: #FF9C5B; }
.a-rakam li.vurgu span { color: #fff; }
.a-rakam li.vurgu small { color: var(--on-dark-2); }
@media (max-width: 760px) { .a-rakam { grid-template-columns: minmax(0, 1fr); } }

/* dört adımlı kart ızgarası ve iade ücreti satırı */
.a-adimlar-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1100px) { .a-adimlar-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .a-adimlar-4 { grid-template-columns: minmax(0, 1fr); } }
.a-ucret { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 28px; margin-top: 20px; padding: 22px 24px; border-radius: var(--r); background: var(--orange-soft); }
.a-ucret p { flex: 1 1 420px; font-size: 16px; color: var(--ink); line-height: 1.6; }

/* depoda bir iş günü (partials/v4-gun.php) */
.a-gun { display: grid; gap: 14px; align-content: center; min-height: 0; }
.a-gun-bas { font-family: var(--f-mono); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: #8FA6C4; }
.a-gun ol { list-style: none; margin: 0; padding: 0 0 0 4px; display: grid; gap: 4px; position: relative; }
.a-gun ol::before { content: ""; position: absolute; left: 108px; top: 18px; bottom: 18px; width: 2px; background: rgba(255, 255, 255, .14); }
.a-gun li { position: relative; display: grid; grid-template-columns: 86px 40px minmax(0, 1fr); gap: 12px; align-items: center; padding: 8px 10px 8px 0; border-radius: 12px; animation: a-gun 10s infinite; }
.a-gun-saat { font-family: var(--f-mono); font-size: 12.5px; color: #8FA6C4; text-align: right; line-height: 1.25; }
.a-gun-ic { position: relative; z-index: 1; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: #16304F; border: 2px solid rgba(255, 255, 255, .16); color: #FFB27A; }
.a-gun-ic .ic { width: 20px; height: 20px; }
.a-gun-yazi { display: grid; gap: 1px; min-width: 0; }
.a-gun-yazi b { font-size: 15.5px; color: #fff; }
.a-gun-yazi small { font-size: 13px; color: var(--on-dark-2); line-height: 1.35; }
.a-gun-yazi mark.tbd { color: #FFB27A; border-bottom-color: #FFB27A; }
.a-gun .g2 { animation-delay: 2s; } .a-gun .g3 { animation-delay: 4s; } .a-gun .g4 { animation-delay: 6s; } .a-gun .g5 { animation-delay: 8s; }
@keyframes a-gun { 0%, 18% { background: rgba(233, 102, 28, .16); } 22%, 100% { background: transparent; } }
.a-gun li .a-gun-ic { animation: a-gun-ic 10s infinite; animation-delay: inherit; }
@keyframes a-gun-ic { 0%, 18% { background: #E9661C; border-color: #FF9C5B; color: #fff; } 22%, 100% { background: #16304F; border-color: rgba(255, 255, 255, .16); color: #FFB27A; } }

/* adres ve stok gönderimi */
.a-adres { display: grid; gap: 14px; align-content: start; }
.a-adres-satir { display: flex; gap: 14px; align-items: flex-start; padding: 18px 20px; border-radius: var(--r); background: var(--bg-2); border: 1px solid var(--line-2); }
.a-adres-satir .ic { color: var(--orange); width: 26px; height: 26px; flex: none; }
.a-adres-satir span { display: grid; gap: 4px; font-size: 15px; color: var(--ink-2); }
.a-adres-satir b { font-size: 16.5px; color: var(--navy); }
.a-sevk { padding: 26px; border-radius: var(--r-lg); background: var(--navy); color: var(--on-dark); }
.a-sevk .kicker { color: #FFB27A; }
.a-sevk h3 { color: #fff; }
.a-sevk ol { margin: 0; padding-left: 22px; display: grid; gap: 10px; font-size: 15.5px; color: var(--on-dark-2); line-height: 1.55; }
.a-sevk ol li::marker { color: #FF9C5B; font-weight: 800; }

/* ---------- Bütün iç sayfalar: eski .page-head başlığı v4 lacivert açılışına ---------- */
/* sayfa-basi, entegrasyon-kanal, kimin-icin, rehber-yazi, teklif, araçlar vb. aynı görünür */
.page-head { position: relative; overflow: hidden; background: var(--navy); color: var(--on-dark); border-bottom: 0; padding-block: clamp(40px, 6vw, 84px) clamp(44px, 6vw, 88px); }
.page-head::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(180deg, #000 40%, transparent); pointer-events: none; }
.page-head::after { content: ""; position: absolute; right: -15%; top: -40%; width: 65%; height: 140%; background: radial-gradient(closest-side, rgba(242, 107, 29, .2), transparent); pointer-events: none; }
.page-head .wrap { position: relative; z-index: 1; gap: 18px; }
.page-head .kicker { color: #FFB27A; }
.page-head .kicker::before { background: #FFB27A; }
.page-head h1, .page-head .h-page { color: #fff; max-width: 22ch; font-size: clamp(34px, 4vw, 54px); line-height: 1.07; }
.page-head .lead { color: var(--on-dark-2); max-width: 60ch; }
.page-head .lead a { color: #fff; }
.page-head .crumbs, .page-head .crumbs a { color: var(--on-dark-2); }
.page-head .crumbs a:hover { color: #FFB27A; }
.page-head .btn-ghost { background: rgba(255, 255, 255, .08); color: #fff; border-color: rgba(255, 255, 255, .35); }
.page-head .btn-ghost:hover { background: #fff; color: var(--navy); border-color: #fff; }
.page-head .ch-hero-logo { border-color: transparent; box-shadow: 0 10px 30px rgba(0, 0, 0, .25); }
.page-head mark.tbd { border-bottom-color: #FFB27A; }
.art-head .h-page { max-width: 26ch; }
.page-head .byline { color: var(--on-dark-2); }
.page-head .by-av { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .2); color: #FFB27A; }
.page-head .by-t b { color: #fff; }
.page-head h1, .page-head .h-page { max-width: 24ch; }
.page-head .lead { max-width: 62ch; }
/* Açılıştan taşan giriş cümleleri sayfa içinde (lead_bol) */
.giris-devam { font-size: clamp(17px, 1.4vw, 19px); line-height: 1.65; color: var(--ink); padding-left: 18px; border-left: 3px solid var(--orange); margin-bottom: 8px; }
/* Kenar kutuları v4 diline: lacivert başlık şeridi yerine ince turuncu üst çizgi */
.kisaca { border-top: 3px solid var(--orange); }

/* ---------- Hareket azaltma ---------- */
@media (prefers-reduced-motion: reduce) {
  .a-serit { animation: none; width: auto; flex-wrap: wrap; justify-content: center; }
  .a-serit ul[aria-hidden] { display: none; }
  .a-serit ul { flex-wrap: wrap; justify-content: center; padding: 0 var(--gut); gap: 24px 40px; }
  .ak-tarama, .a-tr-isin, .a-pn-sat i::after, .a-pn-rozet, .a-isik li, .a-modul li, .a-iade li, .a-fark-ok.kopuk, .a-gun li, .a-gun li .a-gun-ic { animation: none; }
  .a-tr-isin { display: none; }
  .a-tr-adim li, .a-tr-adim li .ic { animation: none !important; color: #fff; border-color: #3FB97A; }
  .a-tr-adim li .ic { color: #3FB97A; }
}

/* Başlık fotoğrafı: lacivert açılışın arkasında depo fotoğrafı (partials/foto-zemin.php). Yazı solda okunur kalır. */
.zemin-foto { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.zemin-foto img { width: 100%; height: 100%; object-fit: cover; object-position: 60% 50%; display: block; }
.zemin-foto::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(11, 31, 58, .97) 0%, rgba(11, 31, 58, .9) 38%, rgba(11, 31, 58, .62) 70%, rgba(11, 31, 58, .5) 100%), linear-gradient(0deg, rgba(11, 31, 58, .55), rgba(11, 31, 58, 0) 40%); }
.a-hero:has(.zemin-foto)::before, .page-head:has(.zemin-foto)::before { opacity: .45; z-index: 0; }
.a-hero > .wrap, .page-head > .wrap { position: relative; z-index: 1; }
@media (max-width: 900px) {
  .zemin-foto img { object-position: 70% 50%; }
  .zemin-foto::after { background: linear-gradient(180deg, rgba(11, 31, 58, .66) 0%, rgba(11, 31, 58, .8) 40%, rgba(11, 31, 58, .94) 100%); }
}

/* Depodan kareler: fotoğraf mozaiği, alt yazı fotoğrafın üstünde */
.kareler { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); grid-auto-rows: clamp(150px, 16vw, 230px); gap: 12px; }
.kareler li { position: relative; grid-column: span 2; border-radius: var(--r); overflow: hidden; background: var(--navy); }
.kareler li:first-child { grid-column: span 4; grid-row: span 2; }
.kareler img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s cubic-bezier(.2, .7, .2, 1); }
.kareler li:hover img { transform: scale(1.04); }
.kareler figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 36px 16px 14px; background: linear-gradient(0deg, rgba(8, 20, 40, .88), rgba(8, 20, 40, 0)); color: #fff; font-size: 15px; font-weight: 600; line-height: 1.35; }
.kareler figcaption b { display: block; font-family: var(--f-mono); font-size: 12px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: #FFB27A; margin-bottom: 3px; }
.kareler li:first-child figcaption { font-size: 17px; padding: 48px 22px 20px; }
.kareler figure { margin: 0; height: 100%; }
@media (max-width: 760px) {
  .kareler { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 170px; gap: 8px; }
  .kareler li, .kareler li:first-child { grid-column: span 1; grid-row: span 1; }
  .kareler li:first-child, .kareler li:last-child:nth-child(even) { grid-column: span 2; grid-row: span 1; }
  .kareler figcaption { font-size: 13.5px; padding: 28px 12px 10px; }
  .kareler li:not(:first-child) figcaption span { display: none; } /* küçük karede yalnızca adı; cümle alt metinde */
  .kareler li:not(:first-child) figcaption b { margin-bottom: 0; }
}
@media (prefers-reduced-motion: reduce) { .kareler img { transition: none; } .kareler li:hover img { transform: none; } }
.a-adimlar + .kareler, .a-soz + .kareler { margin-top: clamp(24px, 4vw, 40px); }
/* Metin bloğunun altındaki tek fotoğraf (depo ziyareti, iletişim yan sütunu); .a-foto eski ızgaraya ait, kullanma */
.foto-tek { margin: 22px 0 0; border-radius: var(--r); overflow: hidden; background: var(--navy); }
.foto-tek img { display: block; width: 100%; height: auto; }
.foto-tek-yan { margin: 0 0 16px; }
@media (max-width: 960px) { .foto-tek-yan img { aspect-ratio: 3 / 2; object-fit: cover; object-position: 50% 40%; } }
/* Bölüm sonu notları masaüstünde tam genişliğe yayılmasın */
.wrap > p.small { max-width: 80ch; }

/* Adım kartlarındaki fotoğraf (yer tutucunun yerine) */
.vstep .vstep-foto { min-height: 150px; height: 100%; overflow: hidden; background: var(--navy); }
.vstep .vstep-foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 640px) { .vstep .vstep-foto { aspect-ratio: 3 / 2; height: auto; min-height: 0; max-width: 100%; } }

/* Açılış akışındaki depo kartı (25 Ekim 2026, kurucu: "TİCAMER DEPO kutusu daha büyük ve anlaşılır"):
   beyaz kart, turuncu başlık, üç istasyon sırayla yanar; sipariş noktaları kartın soluna, koliler sağından çıkar. */
.ak-govde { fill: #FFFFFF; stroke: none; filter: drop-shadow(0 18px 30px rgba(0, 0, 0, .35)); }
.ak-bas { fill: var(--orange); }
.ak-depo-ad { font-family: var(--f); font-size: 17px; font-weight: 800; letter-spacing: .14em; fill: #FFFFFF; }
.ak-ist-z { fill: #F2F5F9; stroke: #E2E8F1; stroke-width: 1.5; animation: ak-yan 4.5s ease-in-out infinite; }
.ak-ist2 .ak-ist-z { animation-delay: 1.5s; }
.ak-ist3 .ak-ist-z { animation-delay: 3s; }
@keyframes ak-yan { 0%, 30% { fill: #FFF1E7; stroke: #F26B1D; } 36%, 100% { fill: #F2F5F9; stroke: #E2E8F1; } }
.ak-ist-t { font-family: var(--f); font-size: 17px; font-weight: 800; fill: #0B1F3A; }
.ak-ist-a { font-family: var(--f); font-size: 12.5px; font-weight: 600; fill: #5A6B85; }
.ak-koli { fill: #D9B98C; stroke: #B48A58; stroke-width: 1; }
.ak-bos { fill: none; stroke: #B7C5D8; stroke-dasharray: 3 2; }
.ak-raf { fill: none; stroke: #6B7F9E; stroke-width: 2; stroke-linecap: round; }
.ak-barkod { fill: none; stroke: #0B1F3A; stroke-width: 2.2; }
.ak-tarama { stroke: #FF3B30; stroke-width: 2.5; filter: drop-shadow(0 0 3px rgba(255, 59, 48, .8)); animation: ak-tara 1.4s ease-in-out infinite alternate; }
@keyframes ak-tara { from { transform: translateY(0); } to { transform: translateY(30px); } }
.ak-koli-b { fill: #E9CFAF; stroke: #B48A58; stroke-width: 1.5; }
.ak-bant { stroke: #C9925A; stroke-width: 4; }
.ak-etiket { fill: #FFFFFF; stroke: #B48A58; stroke-width: 1; }
.ak-depo-alt { font-family: var(--f); font-size: 13px; font-weight: 800; fill: var(--orange-text); }
@media (max-width: 760px) { .ak-ist-a { display: none; } }
@media (prefers-reduced-motion: reduce) { .ak-ist-z, .ak-tarama { animation: none; } }
.a-eyebrow .nw { white-space: nowrap; }

/* Müşteri paneli: maliyet analizi, yapay zekâ soru-cevap, mobil uygulama (3 Kasım 2026) */
.a-pn-sat i.b5::after { width: 34%; animation-delay: 1s; }
.a-pn-sat i.b4::after { animation-delay: 1.4s; }

.a-soru { display: grid; gap: 14px; align-content: center; }
.a-soru-ust { display: flex; align-items: center; gap: 10px; margin: 0; font-family: var(--f-mono); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--on-dark-2); }
.a-soru-ust img { background: #fff; border-radius: 6px; padding: 3px 6px; height: 24px; width: auto; }
.a-soru-balon { margin: 0; justify-self: start; max-width: 88%; padding: 14px 16px; border-radius: 16px 16px 16px 4px; background: #16304F; border: 1px solid rgba(255, 255, 255, .1); font-size: 16px; font-weight: 600; color: #fff; }
.a-soru-oneri { display: grid; gap: 10px; padding: 18px 18px 16px; border-radius: 14px; background: #fff; color: var(--ink-2); box-shadow: 0 20px 40px rgba(0, 0, 0, .25); animation: a-soru-gel 8s ease-in-out infinite both; }
.a-soru-oneri-bas { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0; color: var(--navy); font-size: 15px; }
.a-soru-oneri-bas .ic { color: var(--orange); }
.a-soru-skor { margin-left: auto; font-family: var(--f-mono); font-size: 12px; letter-spacing: .04em; color: #145F3B; background: #E4F5EC; padding: 3px 8px; border-radius: 6px; }
.a-soru-metin { margin: 0; font-size: 15px; line-height: 1.5; color: var(--ink); }
.a-soru-kaynak { margin: 0; font-size: 13px; color: var(--ink-2); }
.a-soru-dugme { display: flex; gap: 8px; flex-wrap: wrap; margin: 4px 0 0; }
.a-soru-dugme span { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 10px; font-size: 14px; font-weight: 700; }
.a-soru-onay { background: var(--orange); color: #fff; }
.a-soru-duzenle { border: 1px solid var(--line); color: var(--navy); }
@keyframes a-soru-gel { 0%, 8% { opacity: 0; transform: translateY(12px); } 18%, 92% { opacity: 1; transform: none; } 100% { opacity: 0; } }

.a-uyg { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: clamp(32px, 6vw, 80px); align-items: center; }
.a-uyg-yazi { display: grid; gap: 14px; align-content: start; }
.a-uyg-yazi h2, .a-uyg-yazi h3 { margin: 0; }
.a-uyg-liste { list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 10px; }
.a-uyg-liste li { display: flex; gap: 12px; align-items: flex-start; font-size: 15.5px; line-height: 1.5; color: var(--ink-2); }
.a-uyg-liste .ic { flex: none; color: var(--orange); margin-top: 3px; }
.a-uyg-liste b { color: var(--navy); }
.a-uyg-magaza { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 6px; }
.a-magaza { display: inline-flex; align-items: center; gap: 10px; min-height: 52px; padding: 8px 18px 8px 14px; border-radius: 12px; background: var(--navy); color: #fff; text-decoration: none; font-weight: 700; font-size: 15px; line-height: 1.2; transition: background .2s; }
.a-magaza:hover, .a-magaza:focus-visible { background: var(--navy-3); }
.a-magaza .ic { width: 26px; height: 26px; color: #FFB27A; }
.a-magaza small { display: block; font-size: 12px; font-weight: 500; color: var(--on-dark-2); }
.a-uyg-tel { display: grid; place-items: center; }
.a-tel { width: min(100%, 260px); aspect-ratio: 9 / 18.5; border-radius: 34px; padding: 22px 16px 16px; background: var(--navy); border: 8px solid #1B2738; box-shadow: var(--sh-2); display: grid; grid-template-rows: auto auto 1fr auto; gap: 10px; color: var(--on-dark); overflow: hidden; }
.a-tel-ust { margin: 0; display: grid; gap: 2px; font-size: 13px; color: var(--on-dark-2); }
.a-tel-ust b { font-size: 20px; color: #fff; }
.a-tel-kart { display: grid; grid-template-columns: auto 1fr; gap: 8px 10px; align-items: center; padding: 14px; border-radius: 14px; background: #fff; color: var(--ink-2); font-size: 12.5px; font-weight: 600; }
.a-tel-kart i { display: block; height: 8px; border-radius: 5px; background: var(--bg-2); position: relative; overflow: hidden; }
.a-tel-kart i::after { content: ""; position: absolute; inset: 0 auto 0 0; border-radius: inherit; background: var(--navy-3); transform-origin: left; animation: a-bar 7s ease-in-out infinite; }
.a-tel-kart i.b1::after { width: 92%; } .a-tel-kart i.b2::after { width: 64%; animation-delay: .4s; } .a-tel-kart i.b4::after { width: 40%; background: var(--orange); animation-delay: .8s; }
.a-tel-bil { margin: 0; display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 12px; background: #16304F; font-size: 12.5px; font-weight: 700; align-self: start; animation: a-rozet 7s ease-in-out infinite both; }
.a-tel-bil .ic { color: #3FB97A; } .a-tel-bil.uyari .ic { color: #FF9C5B; }
.a-tel-bil:nth-of-type(3) { animation-delay: .6s; } .a-tel-bil:nth-of-type(4) { animation-delay: 1.2s; }
.a-tel-alt { margin: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; padding-top: 10px; border-top: 1px solid rgba(255, 255, 255, .12); font-size: 10.5px; color: var(--on-dark-2); text-align: center; }
.a-uyg-bant { background: var(--bg-2); }
@media (max-width: 860px) { .a-uyg { grid-template-columns: minmax(0, 1fr); } .a-uyg-tel { order: -1; } .a-tel { width: min(100%, 220px); } }
@media (prefers-reduced-motion: reduce) { .a-soru-oneri, .a-tel-bil, .a-tel-kart i::after { animation: none; } }

/* Footer uygulama bağlantıları */
.f-uyg { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.f-uyg a { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, .18); color: inherit; text-decoration: none; font-size: 13.5px; font-weight: 600; }
.f-uyg a:hover, .f-uyg a:focus-visible { border-color: #FFB27A; }
.f-uyg .ic { width: 18px; height: 18px; color: #FFB27A; }

/* İletişim formu */
.iletisim-form { display: grid; gap: 14px; }
.iletisim-form .iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
@media (max-width: 640px) { .iletisim-form .iki { grid-template-columns: minmax(0, 1fr); } }
.form-ok { padding: 14px 16px; border-radius: var(--r); background: #E4F5EC; color: #145F3B; font-weight: 600; }
.iletisim-form-kap { max-width: 860px; }
.iletisim-form { padding: clamp(20px, 3vw, 32px); }
.iletisim-form h2 { margin: 0 0 4px; }
.iletisim-form .field select { font: inherit; font-size: 16.5px; padding: 13px 14px; border: 2px solid var(--line); border-radius: 12px; background: #fff; color: var(--ink); width: 100%; }
/* düzeltmeler: menü tek satır, telefon içi dikey akış */
.nav a { white-space: nowrap; }
.a-pn-k { white-space: nowrap; }
.a-tel { display: flex; flex-direction: column; }
.a-tel-alt { margin-top: auto; }