/* DENKTA tanıtım sitesi */
:root {
  --murekkep: #0f2f33; --murekkep-2: #17434a; --murekkep-yazi: #b9d3d1;
  --denk: #0e8a7e; --denk-koyu: #0a6b62; --denk-acik: #dff3ef;
  --amber: #f5a524; --amber-koyu: #b87700; --amber-acik: #fff3db;
  --kagit: #f3f7f6; --beyaz: #ffffff; --metin: #172a2c; --soluk: #566a6c; --cizgi: #d9e4e2;
  --baslik: 'Bricolage Grotesque', 'Figtree', system-ui, sans-serif;
  --govde: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --genislik: 1200px;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--kagit); color: var(--metin); font-family: var(--govde); font-size: 17px; line-height: 1.6; }
img { max-width: 100%; display: block; }
a { color: var(--denk-koyu); }
h1, h2, h3 { font-family: var(--baslik); line-height: 1.08; letter-spacing: -.025em; margin: 0; color: var(--murekkep); }
h2 { font-size: clamp(30px, 4vw, 48px); font-weight: 800; }
h3 { font-size: 21px; font-weight: 700; letter-spacing: -.01em; }
p { margin: 0; }
:focus-visible { outline: 3px solid var(--amber); outline-offset: 3px; border-radius: 6px; }
.kap { max-width: var(--genislik); margin: 0 auto; padding: 0 24px; }
.bolum { padding: 104px 0; }
.bolum-giris { max-width: 720px; margin-bottom: 52px; }
.bolum-giris p { margin-top: 16px; color: var(--soluk); font-size: 19px; }
.ekran-disi { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Düğmeler */
.dugme { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 24px; border-radius: 12px;
         font: 700 16px/1.1 var(--govde); text-decoration: none; border: 2px solid transparent; cursor: pointer; transition: transform .15s, background .15s; }
.dugme:active { transform: translateY(1px); }
.dugme-amber { background: var(--amber); color: var(--murekkep); }
.dugme-amber:hover { background: #ffb43d; }
.dugme-cizgi { border-color: var(--murekkep); color: var(--murekkep); background: transparent; }
.dugme-cizgi:hover { background: var(--murekkep); color: #fff; }
.dugme-koyu { background: var(--murekkep); color: #fff; }
.dugme-koyu:hover { background: var(--murekkep-2); }
.dugme-kucuk { padding: 10px 16px; font-size: 15px; border-radius: 10px; }

/* Kampanya şeridi ve üst menü */
.kampanya { background: var(--murekkep); color: #fff; font-size: 14.5px; text-align: center; padding: 9px 16px; }
.kampanya a { color: var(--amber); font-weight: 700; margin-left: 6px; }
.ust { position: sticky; top: 0; z-index: 50; background: color-mix(in srgb, var(--kagit) 92%, transparent);
       backdrop-filter: saturate(1.4) blur(10px); border-bottom: 1px solid transparent; transition: border-color .2s; }
.ust.kaydi { border-bottom-color: var(--cizgi); }
.ust-ic { display: flex; align-items: center; gap: 28px; height: 72px; }
.logo { display: inline-flex; align-items: center; gap: 10px; font: 800 21px var(--baslik); letter-spacing: .06em;
        color: var(--murekkep); text-decoration: none; }
.logo-isaret { width: 34px; height: 34px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center;
               background: var(--amber); color: var(--murekkep); font-size: 19px; letter-spacing: 0;
               box-shadow: 0 0 0 3px color-mix(in srgb, var(--amber) 28%, transparent); }
.menu { display: flex; gap: 4px; margin-right: auto; }
.menu a { padding: 8px 14px; border-radius: 10px; color: var(--metin); text-decoration: none; font-weight: 600; font-size: 15.5px; }
.menu a:hover { background: var(--beyaz); }
.menu a[aria-current="page"] { color: var(--denk-koyu); background: var(--denk-acik); }
.ust-sag { display: flex; gap: 10px; align-items: center; }
.mobil-menu { display: none; }
@media (max-width: 960px) {
  .menu, .ust-sag .dugme-amber { display: none; }
  .mobil-menu { display: block; margin-left: auto; }
  .mobil-menu summary { list-style: none; cursor: pointer; width: 44px; height: 44px; border-radius: 12px; border: 1.5px solid var(--cizgi);
                        display: flex; align-items: center; justify-content: center; background: var(--beyaz); }
  .mobil-menu summary::-webkit-details-marker { display: none; }
  .mobil-menu nav { position: absolute; left: 12px; right: 12px; top: 68px; background: var(--beyaz); border-radius: 18px; padding: 10px;
                    box-shadow: 0 24px 60px -20px rgba(15,47,51,.35); display: grid; }
  .mobil-menu nav a { padding: 14px 16px; border-radius: 12px; color: var(--metin); text-decoration: none; font-weight: 600; }
  .mobil-menu nav a:hover { background: var(--kagit); }
  .mobil-menu nav .dugme { margin-top: 6px; color: var(--murekkep); }
  .ust-ic { gap: 12px; }
}

/* Hero */
.hero { padding: 64px 0 88px; }
.hero-izgara { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 56px; align-items: center; }
.hero h1 { font-size: clamp(38px, 5.2vw, 66px); font-weight: 800; letter-spacing: -.03em; line-height: .98; }
.hero h1 span { display: block; }
.hero-alt { margin-top: 26px; font-size: 20px; color: var(--soluk); max-width: 34em; }
.hero-dugmeler { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.hero-guven { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 30px 0 0; padding: 0; list-style: none; font-size: 15px; font-weight: 600; color: var(--murekkep); }
.hero-guven li { display: flex; align-items: center; gap: 8px; }
.hero-guven svg { color: var(--denk); flex: none; }
@media (max-width: 960px) { .hero-izgara { grid-template-columns: 1fr; gap: 44px; } .hero { padding-top: 36px; } }

/* Canlı akış (hero görseli) */
.akis { position: relative; background: var(--murekkep); color: #fff; border-radius: 30px; padding: 22px; overflow: hidden;
        box-shadow: 0 40px 80px -40px rgba(15,47,51,.7); isolation: isolate; }
.akis::before { content: ''; position: absolute; inset: 0; z-index: -1; opacity: .5;
                background: radial-gradient(600px 300px at 110% -10%, rgba(14,138,126,.55), transparent 60%); }
.akis-ust { display: flex; justify-content: space-between; align-items: center; font-size: 13.5px; color: var(--murekkep-yazi); margin-bottom: 14px; }
.canli { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: #fff; }
.canli i { width: 8px; height: 8px; border-radius: 50%; background: #3ee08f; box-shadow: 0 0 0 0 rgba(62,224,143,.6); animation: nabiz 2s infinite; }
@keyframes nabiz { 70% { box-shadow: 0 0 0 9px rgba(62,224,143,0); } 100% { box-shadow: 0 0 0 0 rgba(62,224,143,0); } }
.gelenler { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; height: 196px; overflow: hidden; }
.bilet { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 10px 14px; border-radius: 14px;
         background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.08); font-size: 14px; }
.bilet b { font-weight: 700; }
.bilet small { color: var(--murekkep-yazi); font-size: 13px; }
.bilet .kanal { min-width: 108px; font-weight: 800; font-family: var(--baslik); letter-spacing: -.01em; }
.bilet.yeni { animation: bilet-gir .5s cubic-bezier(.2,.8,.2,1); }
@keyframes bilet-gir { from { transform: translateX(40px); opacity: 0; } to { transform: none; opacity: 1; } }
.stok-kart { margin-top: 14px; background: var(--beyaz); color: var(--metin); border-radius: 20px; padding: 18px 20px; }
.stok-ust { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; }
.stok-ad { font-weight: 700; font-size: 15px; }
.stok-ad small { display: block; font-weight: 500; color: var(--soluk); font-size: 13px; }
.stok-sayi { font: 800 54px/1 var(--baslik); letter-spacing: -.04em; color: var(--murekkep); font-variant-numeric: tabular-nums; }
.stok-sayi small { font: 600 14px var(--govde); color: var(--soluk); letter-spacing: 0; margin-left: 4px; }
.stok-sayi.dustu { animation: dus .6s; }
@keyframes dus { 30% { color: var(--denk); transform: translateY(3px); } }
.kanal-stoklari { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; padding: 0; list-style: none; }
.kanal-stoklari li { font-size: 12.5px; padding: 5px 10px; border-radius: 99px; background: var(--kagit); color: var(--soluk); font-weight: 600; transition: background .3s, color .3s; }
.kanal-stoklari li b { color: var(--metin); font-variant-numeric: tabular-nums; }
.kanal-stoklari li.parla { background: var(--denk-acik); color: var(--denk-koyu); }
.akis-alt { display: grid; grid-template-columns: 1fr auto; gap: 14px; margin-top: 14px; align-items: stretch; }
.etiket { background: #fffef9; color: #111; border-radius: 12px; padding: 12px 14px; font-size: 12px; line-height: 1.35;
          border: 1.5px dashed #c9c2a8; position: relative; }
.etiket.basildi { animation: bas .55s cubic-bezier(.2,.8,.2,1); }
@keyframes bas { from { transform: translateY(-14px); opacity: .2; clip-path: inset(0 0 100% 0); } to { transform: none; opacity: 1; clip-path: inset(0 0 0 0); } }
.etiket-ust { display: flex; justify-content: space-between; font-weight: 800; font-size: 13px; }
.etiket .barkod { height: 34px; margin: 8px 0 4px; background: repeating-linear-gradient(90deg, #111 0 2px, transparent 2px 4px, #111 4px 5px, transparent 5px 8px, #111 8px 11px, transparent 11px 12px); }
.etiket-no { font-family: ui-monospace, Consolas, monospace; letter-spacing: .12em; text-align: center; font-size: 11.5px; }
.akis-sayac { background: rgba(255,255,255,.07); border-radius: 12px; padding: 12px 16px; min-width: 128px; display: grid; align-content: center; }
.akis-sayac span { font-size: 12.5px; color: var(--murekkep-yazi); }
.akis-sayac b { font: 800 28px/1.1 var(--baslik); color: var(--amber); font-variant-numeric: tabular-nums; }
@media (max-width: 520px) { .bilet .kanal { min-width: 0; } .bilet { grid-template-columns: 1fr auto; } .bilet small.urun { display: none; } .akis-alt { grid-template-columns: 1fr; } }


/* Entegre olduğumuz firmalar: logolar, yurt içi / yurt dışı ayrı (30 Ekim 2026) */
.entegre { border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); padding: 44px 0 40px; background: var(--beyaz); }
.entegre-baslik { margin: 0 0 22px; font: 800 clamp(22px, 3vw, 28px) var(--baslik); color: var(--murekkep); letter-spacing: -.01em; }
.entegre-grup { display: grid; grid-template-columns: 230px 1fr; gap: 14px 30px; align-items: start; padding: 20px 0; border-top: 1px dashed var(--cizgi); }
.entegre-ust h3 { margin: 8px 0 4px; font: 800 18px var(--baslik); color: var(--murekkep); }
.entegre-ust p { margin: 0; font-size: 14px; color: var(--soluk); line-height: 1.45; }
.entegre-yon { display: inline-flex; align-items: center; gap: 6px; font: 800 11px var(--govde); letter-spacing: .1em; text-transform: uppercase;
               padding: 4px 10px; border-radius: 99px; background: var(--denk-acik); color: var(--denk-koyu); }
.entegre-yon::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.entegre-yon.yurtdisi { background: var(--amber-acik); color: var(--amber-koyu); }
.entegre-logolar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(150px, 100%), 1fr)); gap: 10px; }
.entegre-logolar li { height: 70px; display: grid; place-items: center; padding: 12px 16px; background: var(--beyaz); border: 1px solid var(--cizgi);
                      border-radius: 14px; transition: border-color .15s, box-shadow .15s, transform .15s; }
.entegre-logolar li:hover { border-color: var(--denk); box-shadow: 0 6px 18px rgba(15, 47, 51, .08); transform: translateY(-1px); }
.entegre-logolar img { max-width: 100%; max-height: 34px; width: auto; height: auto; object-fit: contain; }
.entegre-ad { font: 800 15px var(--baslik); color: var(--murekkep); text-align: center; line-height: 1.15; }
@media (max-width: 760px) {
  .entegre { padding: 32px 0; }
  .entegre-grup { grid-template-columns: 1fr; }
  .entegre-logolar { grid-template-columns: repeat(2, 1fr); }
  .entegre-logolar li { height: 60px; padding: 10px 12px; }
  .entegre-logolar img { max-height: 28px; }
}

/* Siparişin yolculuğu */
.yolculuk { display: grid; grid-template-columns: minmax(0, 360px) minmax(0, 1fr); gap: 48px; align-items: start; }
.adimlar { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; counter-reset: adim; }
.adim button { all: unset; box-sizing: border-box; width: 100%; cursor: pointer; display: grid; grid-template-columns: 40px 1fr; gap: 4px 14px;
               padding: 16px 18px; border-radius: 16px; transition: background .2s; }
.adim button:hover { background: var(--beyaz); }
.adim button:focus-visible { outline: 3px solid var(--amber); }
.adim-no { grid-row: span 2; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; font: 800 17px var(--baslik);
           background: var(--beyaz); color: var(--murekkep); border: 1.5px solid var(--cizgi); }
.adim-baslik { font: 700 18px var(--baslik); color: var(--murekkep); align-self: center; }
.adim-metin { color: var(--soluk); font-size: 15.5px; display: none; }
.adim.secili button { background: var(--beyaz); box-shadow: 0 12px 30px -18px rgba(15,47,51,.35); }
.adim.secili .adim-no { background: var(--murekkep); color: var(--amber); border-color: var(--murekkep); }
.adim.secili .adim-metin { display: block; }
.sahne { position: sticky; top: 100px; }
.sahne-kare { display: none; }
.sahne-kare.secili { display: block; animation: belir .35s ease; }
@keyframes belir { from { opacity: 0; } }
@media (max-width: 960px) { .yolculuk { grid-template-columns: 1fr; } .sahne { position: static; } }

/* Ekran çerçevesi */
.cerceve { background: var(--beyaz); border-radius: 18px; padding: 8px; border: 1px solid var(--cizgi);
           box-shadow: 0 40px 70px -40px rgba(15,47,51,.45); }
.cerceve img { border-radius: 11px; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; object-position: top left; }
.telefon { width: min(300px, 80%); margin: 0 auto; background: var(--murekkep); border-radius: 42px; padding: 11px;
           box-shadow: 0 40px 70px -35px rgba(15,47,51,.6); }
.telefon img { border-radius: 32px; width: 100%; height: auto; aspect-ratio: 600 / 1298; }
.sahne-etiket { display: grid; place-items: center; min-height: 420px; background: var(--beyaz); border-radius: 18px; border: 1px solid var(--cizgi); padding: 32px; }
.buyuk-etiket { width: min(330px, 100%); background: #fffef9; border: 1.5px solid #ddd6bd; border-radius: 6px; padding: 18px 20px; color: #111;
                font-size: 13.5px; line-height: 1.45; box-shadow: 0 30px 50px -30px rgba(0,0,0,.35); transform: rotate(-2deg); }
.buyuk-etiket hr { border: 0; border-top: 1.5px dashed #bbb; margin: 10px 0; }
.buyuk-etiket .barkod { height: 64px; margin: 10px 0 6px; background: repeating-linear-gradient(90deg, #111 0 3px, transparent 3px 5px, #111 5px 6px, transparent 6px 10px, #111 10px 14px, transparent 14px 15px, #111 15px 17px, transparent 17px 21px); }

/* Kâr bandı */
.koyu { background: var(--murekkep); color: #e7f1f0; }
.koyu h2, .koyu h3 { color: #fff; }
.koyu .bolum-giris p, .koyu .soluk { color: var(--murekkep-yazi); }
.kar-izgara { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 440px); gap: 64px; align-items: center; }
.kar-maddeler { list-style: none; padding: 0; margin: 32px 0 0; display: grid; gap: 14px; }
.kar-maddeler li { display: grid; grid-template-columns: 28px 1fr; gap: 12px; }
.kar-maddeler svg { color: var(--amber); margin-top: 3px; }
.fis { background: #fffef9; color: #1d1d1d; border-radius: 6px; padding: 26px 28px 30px; font-size: 15.5px; position: relative;
       box-shadow: 0 40px 70px -30px rgba(0,0,0,.6);
       -webkit-mask: radial-gradient(circle 7px at 50% 100%, transparent 98%, #000) 0 0 / 22px 100% repeat-x;
               mask: radial-gradient(circle 7px at 50% 100%, transparent 98%, #000) 0 0 / 22px 100% repeat-x; }
.fis-baslik { display: flex; justify-content: space-between; font-weight: 700; font-size: 14px; color: #555; margin-bottom: 14px; }
.fis table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.fis td { padding: 7px 0; border-bottom: 1px dashed #d8d3c4; }
.fis td:last-child { text-align: right; font-weight: 600; }
.fis .eksi td:last-child { color: #b42318; }
.fis .toplam td { border: 0; padding-top: 16px; font: 800 26px var(--baslik); color: var(--denk-koyu); letter-spacing: -.02em; }
.fis-not { margin-top: 10px; font-size: 12.5px; color: #8a8576; }
@media (max-width: 960px) { .kar-izgara { grid-template-columns: 1fr; gap: 40px; } }

/* Modül listesi */
.modul-izgara { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 64px; }
.modul-izgara > div:first-child { position: sticky; top: 110px; align-self: start; }
.modul-satirlari { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--cizgi); }
.modul-satirlari li { display: grid; grid-template-columns: 48px 1fr auto; gap: 18px; align-items: start; padding: 22px 4px; border-bottom: 1px solid var(--cizgi); }
.modul-satirlari a { color: inherit; text-decoration: none; }
.modul-satirlari a:hover h3 { text-decoration: underline; text-underline-offset: 4px; }
.ikon { width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; background: var(--beyaz); color: var(--denk); border: 1px solid var(--cizgi); }
.ikon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.modul-satirlari p { color: var(--soluk); font-size: 15.5px; margin-top: 4px; }
.rozet { font-size: 12.5px; font-weight: 700; padding: 4px 10px; border-radius: 99px; background: var(--denk-acik); color: var(--denk-koyu); white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: middle; }
@media (max-width: 420px) { .sayfa-bas .rozet { white-space: normal; } }
.rozet.plus { background: var(--amber-acik); color: var(--amber-koyu); }
.rozet.max { background: var(--murekkep); color: var(--amber); }
.rozet.yakinda { background: #eef0f4; color: #555; }
@media (max-width: 960px) { .modul-izgara { grid-template-columns: 1fr; gap: 32px; } .modul-izgara > div:first-child { position: static; } }
@media (max-width: 560px) { .modul-satirlari li { grid-template-columns: 44px 1fr; } .modul-satirlari .rozet { grid-column: 2; justify-self: start; } }

/* Neden DENKTA */
.nedenler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 44px 64px; list-style: none; padding: 0; margin: 0; }
.nedenler li { padding-left: 22px; border-left: 3px solid var(--amber); }
.nedenler h3 { margin-bottom: 8px; }
.nedenler p { color: var(--soluk); }
@media (max-width: 760px) { .nedenler { grid-template-columns: 1fr; gap: 32px; } }

/* Paketler */
.donem { display: inline-flex; padding: 5px; border-radius: 14px; background: var(--beyaz); border: 1px solid var(--cizgi); margin-bottom: 36px; }
.donem button { all: unset; cursor: pointer; padding: 10px 18px; border-radius: 10px; font-weight: 700; font-size: 15px; color: var(--soluk); }
.donem button[aria-pressed="true"] { background: var(--murekkep); color: #fff; }
.donem button small { color: var(--amber); font-weight: 800; margin-left: 6px; }
.donem button:focus-visible { outline: 3px solid var(--amber); }
.paketler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
.paket { background: var(--beyaz); border-radius: 24px; padding: 30px 28px; border: 1px solid var(--cizgi); display: flex; flex-direction: column; position: relative; }
.paket.onerilen { background: var(--murekkep); color: #e7f1f0; border-color: var(--murekkep); box-shadow: 0 40px 70px -40px rgba(15,47,51,.8); }
.paket.onerilen h3, .paket.onerilen .fiyat { color: #fff; }
.paket-ust { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.paket h3 { font-size: 24px; }
.paket-isaret { font-size: 12.5px; font-weight: 800; padding: 5px 11px; border-radius: 99px; background: var(--amber); color: var(--murekkep); }
.paket-slogan { margin-top: 10px; font-weight: 600; font-size: 16px; }
.fiyat { margin-top: 22px; font: 800 46px/1 var(--baslik); letter-spacing: -.035em; color: var(--murekkep); font-variant-numeric: tabular-nums; }
.fiyat small { font: 600 16px var(--govde); letter-spacing: 0; color: var(--soluk); margin-left: 2px; }
.paket-siparis { margin-top: 12px; font-weight: 700; font-size: 15px; color: var(--murekkep); }
.onerilen .paket-siparis { color: #fff; }
.kurumsal { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) auto; gap: 32px; align-items: center; margin-top: 20px;
            padding: 30px 32px; border-radius: 24px; background: var(--beyaz); border: 2px solid var(--murekkep); scroll-margin-top: 100px; }
.kurumsal h3 { font-size: 24px; }
.kurumsal-metin { margin-top: 10px; font-size: 15px; color: var(--soluk); }
.kurumsal-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; font-size: 15px; }
.kurumsal-liste li { display: grid; grid-template-columns: 20px 1fr; gap: 10px; }
.kurumsal-liste svg { color: var(--denk); margin-top: 4px; }
.kurumsal-sag { display: grid; gap: 14px; justify-items: start; }
.kurumsal-sag .fiyat { margin: 0; font-size: 34px; }
@media (max-width: 960px) { .kurumsal { grid-template-columns: 1fr; gap: 20px; max-width: 520px; padding: 26px 24px; } }
.onerilen .fiyat small, .onerilen .fiyat-alt, .onerilen .paket-kimin { color: var(--murekkep-yazi); }
.kdv-dahil { display: inline-block; align-self: flex-start; margin-top: 10px; font-size: 12.5px; font-weight: 700; padding: 3px 9px; border-radius: 99px; background: var(--denk-acik); color: var(--denk-koyu); }
.onerilen .kdv-dahil { background: rgba(255,255,255,.1); color: #fff; }
.fiyat-alt { margin-top: 8px; font-size: 14px; color: var(--soluk); min-height: 22px; }
.fiyat-alt b { color: var(--denk-koyu); }
.onerilen .fiyat-alt b { color: var(--amber); }
.paket-kimin { margin-top: 16px; margin-bottom: 24px; font-size: 15px; color: var(--soluk); }
.paket > .dugme:last-child { margin-top: auto; }
.paket-liste { list-style: none; padding: 0; margin: 24px 0 0; display: grid; gap: 10px; font-size: 15px; border-top: 1px solid var(--cizgi); padding-top: 22px; }
.onerilen .paket-liste { border-top-color: rgba(255,255,255,.12); }
.paket-liste li { display: grid; grid-template-columns: 20px 1fr; gap: 10px; }
.paket-liste svg { color: var(--denk); margin-top: 4px; }
.onerilen .paket-liste svg { color: var(--amber); }
.paket-liste .ustu { display: block; font-weight: 700; }
[data-donem="aylik"] .yillik-goster, [data-donem="yillik"] .aylik-goster { display: none; }
@media (max-width: 960px) { .paketler { grid-template-columns: 1fr; max-width: 520px; } }
.kdv-not { margin-top: 18px; font-size: 14px; color: var(--soluk); }
.ek-modul { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 48px; align-items: start; margin-top: 88px;
            background: var(--beyaz); border-radius: 24px; padding: 40px; border: 1px solid var(--cizgi); }
.ek-liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; }
.ek-liste li { padding: 14px 0; border-bottom: 1px solid var(--cizgi); }
.ek-liste b { display: block; font-family: var(--baslik); font-size: 17px; color: var(--murekkep); }
.ek-liste span { font-size: 14px; color: var(--soluk); }
@media (max-width: 860px) { .ek-modul { grid-template-columns: 1fr; padding: 28px 22px; } .ek-liste { grid-template-columns: 1fr; } }
.karsilastir-sar { overflow-x: auto; margin-top: 24px; background: var(--beyaz); border-radius: 20px; border: 1px solid var(--cizgi); }
.karsilastir { width: 100%; border-collapse: collapse; min-width: 640px; font-size: 15.5px; }
.karsilastir th, .karsilastir td { padding: 14px 18px; text-align: center; border-bottom: 1px solid var(--cizgi); }
.karsilastir th:first-child, .karsilastir td:first-child { text-align: left; }
.karsilastir thead th { font: 800 17px var(--baslik); color: var(--murekkep); background: var(--kagit); }
.karsilastir tbody th { font-weight: 600; }
.karsilastir .grup th { background: var(--kagit); font: 700 14px var(--govde); color: var(--soluk); padding-top: 18px; }
.karsilastir .evet { color: var(--denk); }
.karsilastir .hayir { color: #b8c4c2; }
.karsilastir .ek { font-size: 13px; font-weight: 700; color: var(--amber-koyu); }
.karsilastir tr:last-child td, .karsilastir tr:last-child th { border-bottom: 0; }

/* SSS */
.sss { max-width: 820px; }
.sss details { border-bottom: 1px solid var(--cizgi); }
.sss summary { cursor: pointer; list-style: none; padding: 22px 40px 22px 0; font: 700 19px var(--baslik); color: var(--murekkep); position: relative; }
.sss summary::-webkit-details-marker { display: none; }
.sss summary::after { content: '+'; position: absolute; right: 6px; top: 16px; font: 400 30px var(--govde); color: var(--denk); transition: transform .2s; }
.sss details[open] summary::after { transform: rotate(45deg); }
.sss details p { padding: 0 0 22px; color: var(--soluk); max-width: 64ch; }

/* Talep formu */
.talep { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 520px); gap: 64px; align-items: start; }
.talep-kutu { background: var(--beyaz); color: var(--metin); border-radius: 24px; padding: 32px; box-shadow: 0 40px 70px -40px rgba(0,0,0,.5); }
.talep-kutu h3 { color: var(--murekkep); margin-bottom: 18px; }
.alan { margin-bottom: 14px; }
.alan label { display: block; font-size: 14.5px; font-weight: 700; margin-bottom: 6px; color: var(--metin); }
.alan input:not([type=checkbox]), .alan select, .alan textarea { width: 100%; padding: 12px 14px; font: inherit; font-size: 16px; border: 1.5px solid var(--cizgi);
         border-radius: 12px; background: #fbfdfc; color: var(--metin); }
.alan input:focus, .alan select:focus, .alan textarea:focus { outline: 0; border-color: var(--denk); box-shadow: 0 0 0 4px var(--denk-acik); background: #fff; }
.alan-cift { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
.onay { display: grid; grid-template-columns: 22px 1fr; gap: 10px; font-size: 14px; color: var(--soluk); margin: 6px 0 18px; }
.onay input { width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--denk); }
.hata { color: #b42318; font-size: 13.5px; margin-top: 4px; }
.genel-hata { background: #fef3f2; color: #b42318; padding: 10px 14px; border-radius: 10px; margin-bottom: 14px; font-size: 14.5px; }
.tesekkur { background: var(--denk-acik); color: var(--denk-koyu); padding: 18px 20px; border-radius: 14px; font-weight: 600; }
.talep-maddeler { list-style: none; padding: 0; margin: 28px 0 0; display: grid; gap: 12px; }
.talep-maddeler li { display: grid; grid-template-columns: 26px 1fr; gap: 10px; }
.talep-maddeler svg { color: var(--amber); margin-top: 3px; }
@media (max-width: 960px) { .talep { grid-template-columns: 1fr; gap: 40px; } }
@media (max-width: 480px) { .alan-cift { grid-template-columns: 1fr; } .talep-kutu { padding: 24px 18px; } }

/* Alt sayfa başlığı */
.sayfa-bas { padding: 72px 0 40px; }
.sayfa-bas h1 { font-size: clamp(40px, 5.6vw, 68px); font-weight: 800; letter-spacing: -.03em; max-width: 16ch; }
.sayfa-bas p { margin-top: 20px; font-size: 20px; color: var(--soluk); max-width: 40em; }

/* Modüller sayfası */
.modul-gezinti { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 32px; }
.modul-gezinti a { padding: 8px 14px; border-radius: 99px; background: var(--beyaz); border: 1px solid var(--cizgi); text-decoration: none; color: var(--metin); font-weight: 600; font-size: 14.5px; }
.modul-gezinti a:hover { border-color: var(--denk); color: var(--denk-koyu); }
.modul-detay { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 64px; align-items: center; padding: 72px 0; border-top: 1px solid var(--cizgi); scroll-margin-top: 90px; }
.modul-detay:nth-of-type(even) .modul-metin { order: 2; }
.modul-metin .rozet { display: inline-block; margin-bottom: 18px; }
.modul-metin h2 { font-size: clamp(28px, 3.4vw, 42px); }
.modul-metin .soz { margin-top: 10px; font: 600 20px var(--govde); color: var(--denk-koyu); }
.modul-metin > p.aciklama { margin-top: 16px; color: var(--soluk); }
.tik-liste { list-style: none; padding: 0; margin: 24px 0 0; display: grid; gap: 10px; }
.tik-liste li { display: grid; grid-template-columns: 22px 1fr; gap: 10px; font-size: 16px; }
.tik-liste svg { color: var(--denk); margin-top: 4px; }
@media (max-width: 960px) { .modul-detay { grid-template-columns: 1fr; gap: 36px; padding: 56px 0; } .modul-detay:nth-of-type(even) .modul-metin { order: 0; } }

/* Neden sayfası */
.kiyas { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.kiyas > div { border-radius: 24px; padding: 32px; }
.kiyas .klasik { background: var(--beyaz); border: 1px solid var(--cizgi); }
.kiyas .bizim { background: var(--murekkep); color: #e7f1f0; }
.kiyas h3 { margin-bottom: 18px; }
.kiyas .bizim h3 { color: #fff; }
.kiyas ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.kiyas li { display: grid; grid-template-columns: 22px 1fr; gap: 10px; }
.kiyas .klasik svg { color: #a3b1af; margin-top: 4px; }
.kiyas .bizim svg { color: var(--amber); margin-top: 4px; }
@media (max-width: 760px) { .kiyas { grid-template-columns: 1fr; } }
.basla { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; counter-reset: basla; }
.basla li { counter-increment: basla; padding-top: 20px; border-top: 3px solid var(--murekkep); }
.basla li::before { content: counter(basla); font: 800 44px/1 var(--baslik); color: var(--amber-koyu); display: block; margin-bottom: 14px; }
.basla p { color: var(--soluk); margin-top: 8px; font-size: 15.5px; }
@media (max-width: 860px) { .basla { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .basla { grid-template-columns: 1fr; } }

/* Kapanış çağrısı ve alt bilgi */
.kap.kapanis { width: calc(100% - 32px); max-width: calc(var(--genislik) - 48px); }
.kapanis { text-align: left; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 28px;
           background: var(--amber); border-radius: 28px; padding: 48px; }
.kapanis h2 { max-width: 18ch; }
.kapanis p { margin-top: 10px; font-size: 18px; color: var(--murekkep); }
@media (max-width: 600px) { .kapanis { padding: 32px 24px; } }
.alt { background: #0a2326; color: var(--murekkep-yazi); padding: 64px 0 32px; font-size: 15px; }
.alt-izgara { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 32px; }
.alt .logo { color: #fff; }
.alt h4 { color: #fff; font: 700 15px var(--govde); margin: 0 0 12px; }
.alt ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.alt a { color: var(--murekkep-yazi); text-decoration: none; }
.alt a:hover { color: #fff; }
.alt-son { margin-top: 48px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.1); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; font-size: 14px; }
@media (max-width: 760px) { .alt-izgara { grid-template-columns: 1fr 1fr; } .alt-izgara > div:first-child { grid-column: 1 / -1; } }

.metin-sayfa { max-width: 760px; padding-bottom: 96px; }
.metin-sayfa h2 { font-size: 24px; margin: 36px 0 10px; }
.metin-sayfa p, .metin-sayfa li { color: #34494b; margin-bottom: 10px; }

/* Ana sayfa: web mağazası ve yapay zeka bölümleri (yazı + ekran görüntüsü) */
.ozellik-izgara { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 64px; align-items: center; }
.ozellik-izgara.ters { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); }
.ozellik-izgara.ters > div:first-child { order: 2; }
.ozellik-izgara .rozet { display: inline-block; margin-bottom: 18px; }
.ozellik-alt { margin-top: 18px; font-size: 19px; color: var(--soluk); }
.koyu .ozellik-alt { color: var(--murekkep-yazi); }
.koyu .tik-liste svg { color: var(--amber); }
.koyu .cerceve { border-color: var(--murekkep-2); }
.ozellik-kartlari { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 48px; margin-top: 72px; }
@media (max-width: 960px) {
  .ozellik-izgara, .ozellik-izgara.ters { grid-template-columns: 1fr; gap: 40px; }
  .ozellik-izgara.ters > div:first-child { order: 0; }
  .ozellik-kartlari { grid-template-columns: 1fr; margin-top: 56px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media (max-width: 600px) { .bolum { padding: 72px 0; } .kap { padding: 0 16px; } body { font-size: 16px; } }

/* Ölçek, çözüm alanları, sektörler, kurumsal (25 Ekim 2026) */
.paket-olcek { font-size: 12.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--denk-koyu); margin-bottom: 6px; }
.kurumsal-fiyat { display: grid; line-height: 1.15; }
.kurumsal-fiyat b { font-family: var(--baslik); font-size: 34px; font-weight: 800; color: var(--murekkep); letter-spacing: -.02em; }
.kurumsal-fiyat small { font-size: 13.5px; color: var(--soluk); }
.kurumsal-fiyat b span { font-size: 20px; font-weight: 700; }
.kurumsal-bag { font-size: 14px; font-weight: 600; }
.kurumsal-genis { margin-top: 0; }
.adil-kullanim { margin-top: 16px; font-size: 14.5px; color: var(--soluk); max-width: 62em; }
.sayfa-bas .ust-baslik { font-size: 14px; font-weight: 600; color: var(--soluk); margin: 0 0 14px; }
.ust-baslik a { color: var(--soluk); }

.olcekler { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.olcek { background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 22px; padding: 28px 26px; display: flex; flex-direction: column; position: relative; overflow: hidden; }
.olcek::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 5px; background: var(--denk); }
.olcek-buyuyen::before { background: var(--amber); }
.olcek-kurumsal { background: var(--murekkep); border-color: var(--murekkep); color: var(--murekkep-yazi); }
.olcek-kurumsal::before { background: linear-gradient(90deg, var(--amber), var(--denk)); }
.olcek-kurumsal h3, .olcek-kurumsal .olcek-kisi { color: #fff; }
.olcek-kurumsal .tik-liste svg { color: var(--amber); }
.olcek-kisi { font-family: var(--baslik); font-size: 30px; font-weight: 800; letter-spacing: -.02em; color: var(--murekkep); }
.olcek h3 { margin-top: 6px; font-size: 19px; }
.olcek > p { margin-top: 10px; font-size: 15.5px; opacity: .85; }
.olcek .tik-liste { margin-top: 16px; }
.olcek .tik-liste li { font-size: 15px; }
.olcek-paket { margin-top: auto; padding-top: 20px; font-weight: 700; text-decoration: none; }
.olcek-kurumsal .olcek-paket { color: var(--amber); }
@media (max-width: 900px) { .olcekler { grid-template-columns: 1fr; max-width: 560px; } }

.cozum-izgara { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.cozum-kart { background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 20px; padding: 22px 20px; display: flex; flex-direction: column; gap: 14px; transition: border-color .15s, transform .15s; }
.cozum-kart:hover { border-color: var(--denk); transform: translateY(-2px); }
.cozum-kart.zeka { grid-column: 1 / -1; background: linear-gradient(120deg, var(--murekkep), var(--murekkep-2)); border-color: var(--murekkep); }
.cozum-kart.zeka h3 { color: #fff; }
.cozum-kart.zeka p { color: var(--murekkep-yazi); }
.cozum-kart.zeka .ikon { background: transparent; border-color: var(--murekkep-2); color: var(--amber); }
.cozum-kart.zeka .cozum-moduller a { background: rgba(255,255,255,.08); color: #fff; border-color: transparent; }
.cozum-ana { color: inherit; text-decoration: none; display: grid; gap: 10px; }
.cozum-ana h3 { font-size: 19px; }
.cozum-ana p { color: var(--soluk); font-size: 15px; }
.cozum-kart.zeka .cozum-ana { grid-template-columns: 48px auto 1fr; align-items: center; gap: 16px; }
.cozum-moduller { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; }
.cozum-moduller a { font-size: 12.5px; font-weight: 600; padding: 3px 9px; border-radius: 99px; background: var(--kagit); border: 1px solid var(--cizgi); color: var(--metin); text-decoration: none; }
.cozum-moduller a:hover { border-color: var(--denk); color: var(--denk-koyu); }
@media (max-width: 1060px) { .cozum-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { .cozum-kart.zeka .cozum-ana { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .cozum-izgara { grid-template-columns: 1fr; } }

.cozum-baslik { display: grid; grid-template-columns: 56px 1fr; gap: 20px; padding: 64px 0 8px; border-top: 3px solid var(--murekkep); margin-top: 32px; scroll-margin-top: 90px; }
.cozum-baslik .ikon { width: 56px; height: 56px; background: var(--murekkep); color: var(--amber); border: 0; }
.cozum-baslik h2 { font-size: clamp(28px, 3.4vw, 40px); }
.cozum-baslik p { margin-top: 10px; color: var(--soluk); font-size: 18px; max-width: 46em; }
.cozum-baslik .cozum-moduller { margin-top: 16px; }
.cozum-baslik .cozum-moduller a { font-size: 13.5px; padding: 5px 12px; }
.cozum-baslik .cozum-moduller a.cozum-git { background: var(--murekkep); color: #fff; border-color: var(--murekkep); }
.modul-gezinti a[aria-current="page"] { background: var(--murekkep); color: #fff; border-color: var(--murekkep); }
@media (max-width: 600px) { .cozum-baslik { grid-template-columns: 1fr; gap: 14px; padding-top: 44px; } }

.sektor-kartlari { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.sektor-kartlari a { display: grid; gap: 10px; align-content: start; height: 100%; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 20px; padding: 24px 22px; color: inherit; text-decoration: none; transition: border-color .15s, transform .15s; }
.sektor-kartlari a:hover { border-color: var(--amber); transform: translateY(-2px); }
.sektor-kartlari h3 { font-size: 19px; }
.sektor-kartlari p { color: var(--soluk); font-size: 15px; }
.sektor-paket { justify-self: start; font-size: 12.5px; font-weight: 700; padding: 3px 10px; border-radius: 99px; background: var(--amber-acik); color: var(--amber-koyu); }
@media (max-width: 960px) { .sektor-kartlari { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .sektor-kartlari { grid-template-columns: 1fr; } }

.sorun-cozum { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
.sorun-cozum > div { background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 22px; padding: 32px 30px; }
.sorun-cozum h2 { font-size: clamp(24px, 2.6vw, 32px); }
.sorun-cozum > .sorunlar { background: var(--murekkep); border-color: var(--murekkep); }
.sorunlar h2 { color: #fff; }
.sorunlar ul { list-style: none; margin: 22px 0 0; padding: 0; display: grid; gap: 14px; }
.sorunlar li { color: var(--murekkep-yazi); padding-left: 26px; position: relative; }
.sorunlar li::before { content: "×"; position: absolute; left: 0; top: -1px; color: var(--amber); font-weight: 800; font-size: 19px; }
@media (max-width: 860px) { .sorun-cozum { grid-template-columns: 1fr; } .sorun-cozum > div { padding: 26px 22px; } }

.guven-izgara { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.guven-izgara > li { border: 1px solid var(--cizgi); border-radius: 20px; padding: 24px 22px; background: var(--kagit); }
.guven-izgara h3 { margin-top: 14px; font-size: 18px; }
.guven-izgara ul { margin: 12px 0 0; padding-left: 18px; display: grid; gap: 6px; font-size: 15px; color: var(--soluk); }
@media (max-width: 960px) { .guven-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .guven-izgara { grid-template-columns: 1fr; } }

.baslangic-adimlari { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; counter-reset: adim; }
.baslangic-adimlari li { counter-increment: adim; display: grid; gap: 8px; align-content: start; padding-top: 18px; border-top: 3px solid var(--amber); }
.baslangic-adimlari li::before { content: counter(adim); font-family: var(--baslik); font-size: 34px; font-weight: 800; color: var(--murekkep); line-height: 1; }
.baslangic-adimlari b { font-size: 18px; color: var(--murekkep); }
.baslangic-adimlari span { color: var(--soluk); font-size: 15px; }
@media (max-width: 860px) { .baslangic-adimlari { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .baslangic-adimlari { grid-template-columns: 1fr; } }

.ajan-kart { background: var(--murekkep); border-radius: 22px; padding: 22px; box-shadow: 0 30px 60px -30px rgba(15,47,51,.5); }
.ajan-ust { display: flex; justify-content: space-between; align-items: center; font-size: 13.5px; color: var(--murekkep-yazi); margin-bottom: 14px; }
.ajan-kart ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.ajan-kart li { display: grid; grid-template-columns: 1fr auto; gap: 4px 14px; align-items: center; background: var(--murekkep-2); border-radius: 14px; padding: 14px 16px; }
.ajan-kart li b { color: var(--amber); font-size: 13px; letter-spacing: .04em; text-transform: uppercase; }
.ajan-kart li span { grid-column: 1; color: #fff; font-size: 15px; }
.ajan-kart li em { grid-row: 1 / 3; grid-column: 2; font-style: normal; font-weight: 700; font-size: 13.5px; background: var(--amber); color: var(--murekkep); padding: 7px 12px; border-radius: 10px; }
@media (max-width: 480px) { .ajan-kart li { grid-template-columns: 1fr; } .ajan-kart li em { grid-row: auto; grid-column: 1; justify-self: start; } }

/* Paketler: temel modüller (25 Ekim 2026) */
.temel-moduller { margin-top: 88px; scroll-margin-top: 90px; }
.temel-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 28px; }
.temel-kart { background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 20px; padding: 22px 22px 18px; }
.temel-kart h3 { font-size: 19px; }
.temel-kart .tik-liste { margin-top: 12px; gap: 7px; }
.temel-kart .tik-liste li { font-size: 15px; }
@media (max-width: 960px) { .temel-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .temel-izgara { grid-template-columns: 1fr; } }

/* Paket kartları: alt alta gruplu özellikler (25 Ekim 2026, ikinci düzen) */
.paket-gruplar { margin-top: 24px; border-top: 1px solid var(--cizgi); padding-top: 18px; }
.onerilen .paket-gruplar { border-top-color: rgba(255,255,255,.12); }
.paket-gruplar .ustu { font-weight: 700; margin: 0 0 4px; }
.paket-gruplar h4 { font-family: var(--baslik); font-size: 15px; font-weight: 800; margin: 18px 0 0; letter-spacing: .01em; }
.paket-gruplar .paket-liste { border-top: 0; padding-top: 0; margin-top: 8px; gap: 7px; font-size: 14.5px; }
.paket-ozet { list-style: none; padding: 0; margin: 22px 0 0; display: grid; gap: 7px; font-size: 14.5px; }
.paket-ozet li { display: grid; grid-template-columns: 20px 1fr; gap: 10px; }
.paket-ozet svg { color: var(--denk); margin-top: 3px; }
.onerilen .paket-ozet svg { color: var(--amber); }
/* İş çözümleri */
.cozum-fiyat { display: inline-block; margin-top: 10px; font-size: 13.5px; font-weight: 700; color: var(--amber-koyu); }
.cozum-liste { list-style: none; padding: 0; margin: 28px 0 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.cozum-liste li a { display: block; height: 100%; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 18px; padding: 20px; color: inherit; text-decoration: none; transition: border-color .15s, transform .15s; }
.cozum-liste li a:hover { border-color: var(--denk); transform: translateY(-2px); }
.cozum-liste .ikon { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; background: var(--denk-acik); color: var(--denk-koyu); }
.cozum-liste .ikon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.cozum-liste h3 { font-size: 18px; margin-top: 14px; }
.cozum-liste p { font-size: 14.5px; color: var(--soluk); margin-top: 6px; }
@media (max-width: 960px) { .cozum-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .cozum-liste { grid-template-columns: 1fr; } }
.cozum-ozellik { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(260px, 100%), 1fr)); gap: 18px; margin-top: 28px; }
.cozum-ozellik > div { background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 20px; padding: 22px; }
.cozum-ozellik h3 { font-size: 18px; }
.cozum-ozellik .tik-liste { margin-top: 12px; gap: 7px; }
.cozum-ozellik .tik-liste li { font-size: 15px; }
.erp-serit { display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: center; background: var(--murekkep); color: #fff; border-radius: 22px; padding: 26px 28px; margin-top: 8px; }
.erp-serit b { font-family: var(--baslik); font-size: 20px; color: var(--amber); }
.erp-serit p { margin: 6px 0 0; color: rgba(255,255,255,.82); }
@media (max-width: 600px) { .erp-serit { grid-template-columns: 1fr; } }
.karsilastir td.metin { font-size: 14px; font-weight: 700; }
.paket-ozet li.ustu { font-weight: 800; }
/* Telefonda karşılaştırma tablosu yana kaymadan sığar: dar sütunlar, küçük yazı, başlık satırı yapışık */
@media (max-width: 640px) {
  .karsilastir { min-width: 0; font-size: 13px; table-layout: fixed; }
  .karsilastir th, .karsilastir td { padding: 10px 4px; }
  .karsilastir th:first-child, .karsilastir td:first-child { padding-left: 12px; width: 40%; }
  .karsilastir thead th { font-size: 13px; }
  .karsilastir .grup th { font-size: 12.5px; }
  .karsilastir td.metin { font-size: 11.5px; }
  .karsilastir .ek { font-size: 10.5px; line-height: 1.2; display: inline-block; }
  .karsilastir .evet { width: 17px; height: 17px; }
}

/* Karşılaştırma: paket başlıkları sabit (aşağı kayarken görünür) ve DENKTA logosu gibi (26 Ekim 2026) */
.karsilastir-sar { overflow: visible; }
.karsilastir thead th { position: sticky; top: 72px; z-index: 3; box-shadow: 0 1px 0 var(--cizgi); }
.karsilastir thead th:first-child { border-top-left-radius: 20px; }
.karsilastir thead th:last-child { border-top-right-radius: 20px; }
.pk-logo { display: inline-flex; align-items: center; gap: 8px; text-align: left; }
.pk-logo i { flex: none; width: 30px; height: 30px; border-radius: 9px; display: inline-flex; align-items: center;
             justify-content: center; font: 800 16px var(--baslik); font-style: normal; color: #fff; background: var(--denk); }
.pk-logo > span { display: grid; line-height: 1.05; font: 800 16px var(--baslik); color: var(--murekkep); }
.pk-logo small { font: 800 9.5px var(--govde); letter-spacing: .14em; color: var(--soluk); }
.pk-plus i { background: var(--amber); color: var(--murekkep); }
.pk-max i { background: var(--murekkep); color: var(--amber); }
.pk-kurumsal i { background: linear-gradient(135deg, var(--murekkep) 50%, var(--amber) 50%); }
@media (max-width: 640px) {
  .pk-logo { flex-direction: column; gap: 4px; text-align: center; }
  .pk-logo i { width: 24px; height: 24px; font-size: 13px; border-radius: 7px; }
  .pk-logo > span { font-size: 10.5px; letter-spacing: -.01em; }
  .karsilastir th:first-child, .karsilastir td:first-child { width: 34%; }
  .pk-logo small { display: none; }
  .karsilastir thead th:first-child { border-top-left-radius: 14px; }
  .karsilastir thead th:last-child { border-top-right-radius: 14px; }
}

/* En üste / en alta düğmesi (hesaplar/kaydirma.js) sitenin renkleriyle */
.dk-kaydir { --kart: var(--beyaz); --ana: var(--denk); --ana-koyu: var(--denk-koyu); --ana-acik2: var(--denk-acik); }

/* İş çözümü fotoğrafları (tanitim/_cozum_gorsel.html): sitenin koyu yeşil tonuyla hafif perde */
.cozum-banner, .cozum-resim { position: relative; margin: 0; overflow: hidden; background: var(--murekkep); }
.cozum-banner img, .cozum-resim img { display: block; width: 100%; height: 100%; object-fit: cover; filter: saturate(.92); }
.cozum-banner::after, .cozum-resim::after { content: ''; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(15,47,51,0) 45%, rgba(15,47,51,.42)), rgba(14,138,126,.10); mix-blend-mode: multiply; }
.cozum-banner { border-radius: 28px; aspect-ratio: 21 / 9; margin-top: 8px; box-shadow: 0 30px 60px -36px rgba(15,47,51,.55); }
.cozum-banner.ince { aspect-ratio: 3 / 1; border-radius: 20px; margin-top: 22px; box-shadow: none; }
.cozum-resim { border-radius: 14px; aspect-ratio: 16 / 9; }
.cozum-kart:hover .cozum-resim img { transform: scale(1.04); }
.cozum-resim img { transition: transform .35s ease; }
.cozum-kart > a[aria-hidden] { display: block; }
@media (max-width: 760px) { .cozum-banner { aspect-ratio: 4 / 3; border-radius: 20px; } .cozum-banner.ince { aspect-ratio: 16 / 9; } }
@media (prefers-reduced-motion: reduce) { .cozum-resim img { transition: none; } .cozum-kart:hover .cozum-resim img { transform: none; } }

/* SEO paketi (27 Ekim 2026): sayfa yolu, üstte telefon, yapışık çağrı çubuğu, ilgili bağlantılar, yorumlar,
   örnek senaryolar, harita, hata sayfası */
.yol { display: flex; flex-wrap: wrap; gap: 6px 8px; padding-top: 22px; font-size: 14px; color: var(--soluk); }
.yol a { color: var(--soluk); text-decoration: none; }
.yol a:hover { color: var(--murekkep); text-decoration: underline; }
.yol [aria-current] { color: var(--metin); font-weight: 600; }
.yol-kap + .sayfa-bas { padding-top: 36px; }
.ust-telefon { font-weight: 700; color: var(--murekkep); text-decoration: none; margin-right: 6px; font-size: 15px; white-space: nowrap; }
@media (max-width: 1100px) { .ust-telefon { display: none; } }
.ilgili-bolum { padding: 0 0 72px; }
.ilgili-bolum h2 { font-size: clamp(22px, 2.4vw, 28px); margin-bottom: 18px; }
.ilgili { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: 12px; }
.ilgili a { display: grid; gap: 4px; height: 100%; padding: 16px 18px; border: 1px solid var(--cizgi); border-radius: 14px; background: var(--beyaz); color: inherit; text-decoration: none; }
.ilgili a:hover { border-color: var(--amber); }
.ilgili span { color: var(--soluk); font-size: 14px; }
.yorumlar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); gap: 18px; }
.yorumlar blockquote { margin: 0; height: 100%; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 20px; padding: 24px; display: grid; gap: 16px; align-content: space-between; }
.yorumlar p { font-size: 17px; }
.yorumlar footer { display: grid; font-size: 14px; color: var(--soluk); }
.yorumlar footer b { color: var(--metin); }
.senaryo { background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 24px; padding: 32px; margin-bottom: 22px; }
.senaryo-bas h3 { font-size: clamp(22px, 2.4vw, 28px); margin-top: 12px; }
.senaryo .profil { color: var(--soluk); margin-top: 6px; max-width: 60em; }
.senaryo-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-top: 22px; }
.senaryo-izgara h4 { font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--soluk); margin-bottom: 10px; }
.senaryo .sorunlar ul { margin: 0; padding-left: 18px; display: grid; gap: 8px; color: var(--soluk); }
.senaryo .tik-liste { margin-top: 0; }
.senaryo-alt { margin-top: 18px; color: var(--soluk); font-size: 15px; }
.senaryo-alinti { margin: 18px 0 0; padding: 14px 20px; border-left: 3px solid var(--amber); }
.senaryo-alinti footer { margin-top: 6px; font-size: 14px; color: var(--soluk); }
@media (max-width: 760px) { .senaryo { padding: 22px 18px; } .senaryo-izgara { grid-template-columns: 1fr; gap: 18px; } }
.harita { margin-top: 16px; }
.harita iframe { width: 100%; height: 320px; border: 0; border-radius: 16px; }
.hata-sayfa { padding-bottom: 96px; }
.alt-yasal { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.sabit-cta { display: none; }
@media (max-width: 640px) {
  .sabit-cta { display: flex; gap: 10px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 40;
               padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); background: rgba(255,255,255,.96);
               backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-top: 1px solid var(--cizgi); transition: transform .2s; }
  .sabit-cta .dugme { flex: 1; padding: 12px 10px; font-size: 15px; min-width: 0; }
  .sabit-cta.gizli { transform: translateY(110%); }
  body.cta-var { padding-bottom: 72px; }
}

/* Ana sayfa: web mağazası tema vitrini */
.tema-vitrini { margin-top: 72px; }
.tema-vitrini-ust { max-width: 680px; margin-bottom: 28px; }
.tema-vitrini-ust p { margin-top: 10px; color: var(--soluk); }
.tema-izgara { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px 20px; }
.tema-izgara li { display: flex; flex-direction: column; gap: 2px; }
.tema-izgara img { width: 100%; height: auto; aspect-ratio: 36 / 25; object-fit: cover; object-position: top; border-radius: 12px;
  border: 1px solid var(--cizgi); background: var(--beyaz); margin-bottom: 10px; transition: transform .2s, box-shadow .2s; }
.tema-izgara li:hover img { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(15, 47, 51, .12); }
.tema-izgara b { font-family: var(--baslik); font-size: 18px; color: var(--murekkep); }
.tema-izgara span { font-size: 14.5px; color: var(--soluk); line-height: 1.4; }
.tema-kalan { margin-top: 24px; font-weight: 700; color: var(--denk-koyu); }
@media (max-width: 900px) { .tema-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (prefers-reduced-motion: reduce) { .tema-izgara img { transition: none; } .tema-izgara li:hover img { transform: none; } }