/* =====================================================================
   TourMAX — Martex template üzerine minimal marka ayarları
   (Template tasarımı korunur; sadece logo boyutu + sticky + çerez + ufak rötuş)
   ===================================================================== */

/* Stil değiştiriciyi gizle (tek marka teması kullanıyoruz) */
#stlChanger{ display:none !important; }

/* TourMAX logoları geniş (~7.5:1) — header/footer'da oranı koru */
.desktoplogo img{ max-height:30px; width:auto; }
.wsmobileheader .smllogo img{ max-height:28px; width:auto; }
#footer-3 .footer-info img{ max-height:34px; width:auto; }

/* "Yakında" rozeti (template'te yok) */
.tm-soon{
  display:inline-block; background:#ff9e2c; color:#3a2400;
  font-size:10px; font-weight:700; letter-spacing:.3px; text-transform:uppercase;
  padding:3px 8px; border-radius:20px; vertical-align:middle; margin-left:4px;
}

/* Sticky telefon + WhatsApp (her sayfada — bakım disiplini şartı) */
.tm-sticky{ position:fixed; right:18px; bottom:20px; z-index:980; display:flex; flex-direction:column; gap:11px; }
.tm-sticky a{ width:50px; height:50px; border-radius:50%; display:grid; place-items:center; color:#fff; font-size:21px; box-shadow:0 10px 26px -8px rgba(0,0,0,.4); transition:.2s; }
.tm-sticky a:hover{ transform:scale(1.08); color:#fff; }
.tm-sticky .wa{ background:#25d366; } .tm-sticky .tel{ background:#11a3f4; }

/* KVKK çerez bildirimi */
.tm-cookie{ position:fixed; left:18px; right:18px; bottom:18px; z-index:990; max-width:540px;
  background:#10151f; color:#e7ecf5; border-radius:14px; padding:18px 20px;
  box-shadow:0 20px 50px -12px rgba(0,0,0,.5); display:none; }
.tm-cookie.show{ display:block; }
.tm-cookie p{ margin:0 0 12px; font-size:13px; color:#c4ccdb; }
.tm-cookie a{ color:#11a3f4; }
.tm-cookie .btns{ display:flex; gap:9px; }

/* Pricing tablosunda ₺ değerleri büyük göster (template $ büyük span'ine uyum) */
#pricing-3 .price .amount-try{ font-size:42px; font-weight:700; }

/* Arka plan görselli bölümleri TourMAX mavisi gradient'e sabitle (mor stok görseller yerine) */
#hero-14{ position:relative; overflow:hidden;
  background:radial-gradient(circle at 50% 42%, #1aa6f0 0%, #0a6cae 52%, #074d80 100%) !important; }
#hero-14 .container{ position:relative; z-index:2; }

/* ---- Dairesel yörünge animasyonu (ayizi tarzı, özgün uygulama) ---- */
.tm-orbit{ position:absolute; top:42%; left:50%; transform:translate(-50%,-50%); width:1180px; height:1180px; z-index:1; pointer-events:none; }
.tm-orbit .ring{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border:1px solid rgba(255,255,255,.10); border-radius:50%; }
.tm-orbit .r1{ width:380px; height:380px; }
.tm-orbit .r2{ width:620px; height:620px; }
.tm-orbit .r3{ width:900px; height:900px; }
.tm-orbit .r4{ width:1180px; height:1180px; }
.tm-orbit .spin{ position:absolute; top:50%; left:50%; border-radius:50%; transform:translate(-50%,-50%); animation:tm-spin linear infinite; }
.tm-orbit .s1{ width:380px; height:380px; animation-duration:18s; }
.tm-orbit .s2{ width:620px; height:620px; animation-duration:30s; animation-direction:reverse; }
.tm-orbit .s3{ width:900px; height:900px; animation-duration:44s; }
.tm-orbit .s4{ width:1180px; height:1180px; animation-duration:62s; animation-direction:reverse; }
.tm-orbit .dot{ position:absolute; top:-5px; left:50%; width:10px; height:10px; margin-left:-5px; border-radius:50%; background:#eaf7ff; box-shadow:0 0 16px 5px rgba(150,210,255,.85); }
.tm-orbit .d2{ width:8px; height:8px; background:#bfe6ff; box-shadow:0 0 18px 6px rgba(120,200,255,.7); }
.tm-orbit .d3{ width:12px; height:12px; background:#ffffff; box-shadow:0 0 22px 7px rgba(180,225,255,.8); }
.tm-orbit .d4{ width:7px; height:7px; background:#cdeeff; box-shadow:0 0 16px 5px rgba(120,200,255,.6); }
@keyframes tm-spin{ from{ transform:translate(-50%,-50%) rotate(0deg); } to{ transform:translate(-50%,-50%) rotate(360deg); } }
@media (max-width:991px){ .tm-orbit{ width:720px; height:720px; } .tm-orbit .r4,.tm-orbit .s4{ display:none; } }
@media (prefers-reduced-motion:reduce){ .tm-orbit .spin{ animation:none; } }
#banner-7{ background-image:linear-gradient(135deg,#0b86c9 0%,#11a3f4 100%) !important; }
#banner-7 .banner-overlay{ background:transparent !important; }
/* 1. çözüm kutusu — orijinaldeki gibi AÇIK zemin + okunur koyu metin */
.bc-1-wrapper.bg--02{ background-image:none !important; background:linear-gradient(135deg,#eef2fb 0%,#f4f0fb 100%) !important; }
.bc-1-wrapper .section-overlay{ background:transparent !important; }
.bc-1-wrapper .txt-block h2{ color:#10151f !important; }
.bc-1-wrapper .txt-block p, .bc-1-wrapper .simple-list .list-item p{ color:#46506a !important; }

/* Header CTA butonu — orijinal tema outline (tra-black) görünümü: scroll'da (beyaz header) şeffaf + koyu çerçeve/yazı; üstte (mavi hero) beyaz ghost. min-width: iki metin (Sizi Arayalım / Demo Talep Et) arası fark menüyü kaydırmasın */
#header .tm-nav-cta{ min-width:168px; text-align:center; background:transparent !important; border:2px solid #353f4f !important; color:#353f4f !important; }
#header .tm-nav-cta:hover{ background:#353f4f !important; border-color:#353f4f !important; color:#fff !important; }
@media (min-width:992px){
  #header .wsmainfull:not(.scroll) .tm-nav-cta{ background:transparent !important; border-color:rgba(255,255,255,.9) !important; color:#fff !important; }
  #header .wsmainfull:not(.scroll) .tm-nav-cta:hover{ background:#fff !important; border-color:#fff !important; color:#11a3f4 !important; }
}

/* Hero demo formu — beyaz input + lacivert gradient buton (mavi-üstü-mavi kontrast için), daha yuvarlak köşeler */
#hero-14 .quick-form .form-control{ height:56px; border-radius:14px !important; }
#hero-14 .quick-form .btn{ position:relative; height:56px; border-radius:14px !important; border:none !important; background:linear-gradient(135deg,#1466a3 0%,#0a3a61 58%,#072e4e 100%) !important; box-shadow:0 12px 26px -12px rgba(3,28,52,.75); transition:transform .18s, box-shadow .18s; z-index:0; }
#hero-14 .quick-form .btn:hover{ transform:translateY(-1px); box-shadow:0 16px 32px -12px rgba(3,28,52,.85); }
/* dönen border ışığı (border-beam) — ince, modern, abartısız; saat yönünde */
@property --tm-beam{ syntax:'<angle>'; initial-value:0deg; inherits:false; }
#hero-14 .quick-form .btn::before{
	content:''; position:absolute; inset:0; border-radius:inherit; padding:1.6px; pointer-events:none;
	background:conic-gradient(from var(--tm-beam,0deg), transparent 0deg 285deg, rgba(125,205,255,.8) 320deg, #ffffff 338deg, rgba(125,205,255,.8) 356deg, transparent 360deg);
	-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor;
	mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite:exclude;
	animation:tm-beam-spin 4.5s linear infinite;
}
@keyframes tm-beam-spin{ to{ --tm-beam:360deg; } }
@media(prefers-reduced-motion:reduce){ #hero-14 .quick-form .btn::before{ animation:none; } }
/* Hero alt metin satır arası çok açıktı (1.67), biraz sıkılaştırıldı */
#hero-14 .hero-14-txt p.s-21{ line-height:1.5; }

/* Hero eyebrow (kategori/anahtar kelime) */
#hero-14 .hero-eyebrow{ display:inline-block; text-transform:uppercase; letter-spacing:1.5px; font-size:13px; font-weight:600; color:#bfe6ff; margin-bottom:14px; }

/* Öne çıkan fiyat kartı (Pro) */
#pricing-3 .tm-pop{ border:2px solid #11a3f4 !important; }

/* Müşteri logo placeholder slotları (gerçek logolar yüklenince <img> ile değişecek) */
.tm-logo-slot{ display:flex; align-items:center; justify-content:center; gap:8px; height:66px; padding:0 14px; background:#fff; border:1px dashed #cfd6e4; border-radius:12px; color:#aab2c5; font-size:13px; font-weight:600; }
.tm-logo-slot span[class^="flaticon"]{ font-size:18px; }

/* Dinamik dashboard bölümü — merkez ekran + çevreleyen widget kutulari */
.tm-dash-stage{ max-width:1040px; margin:0 auto; }
.tm-dash-screen{ border-radius:18px; overflow:hidden; border:1px solid var(--tm-line,#e6eaf1); box-shadow:0 40px 80px -34px rgba(20,40,80,.55); margin:20px auto; max-width:820px; position:relative; }
.tm-dash-screen img{ width:100%; display:block; }
.tm-dash-screen .tm-dash-tag{ position:absolute; top:12px; left:14px; background:rgba(16,21,31,.7); color:#fff; font-size:11px; padding:4px 10px; border-radius:20px; }
.tm-dash-row{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.tm-dash-chip{ background:#fff; border:1px solid var(--tm-line,#e6eaf1); border-radius:14px; padding:16px 14px; text-align:center; box-shadow:0 16px 34px -24px rgba(20,40,80,.45); }
.tm-dash-chip .ico{ width:44px; height:44px; border-radius:12px; background:#e9f6fe; color:#11a3f4; display:grid; place-items:center; font-size:19px; margin:0 auto 10px; }
.tm-dash-chip b{ display:block; font-size:14px; color:#10151f; }
.tm-dash-chip small{ display:block; color:#6b7488; font-size:12px; margin-top:3px; line-height:1.4; }
.tm-dash-caps{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:34px; }
.tm-dash-caps span{ background:#e9f6fe; color:#0b6aa8; border-radius:30px; padding:8px 16px; font-size:13px; font-weight:600; }
@media(max-width:767px){ .tm-dash-row{ grid-template-columns:repeat(2,1fr); } }

/* İstatistik sayıları tek satırda kalsın (taşma/sarma önleme) */
#statistic-1 .statistic-number{ white-space:nowrap; }

/* Widget slider kartları (dashboard bölümü, owl-carousel) */
.tm-wcard{ background:#fff; border:1px solid var(--tm-line,#e6eaf1); border-radius:14px; padding:22px 18px; text-align:center; height:100%; box-shadow:0 16px 34px -26px rgba(20,40,80,.45); }
.tm-wcard .ico{ width:50px; height:50px; border-radius:13px; background:#e9f6fe; color:#11a3f4; display:grid; place-items:center; font-size:22px; margin:0 auto 14px; }
.tm-wcard b{ display:block; font-size:15px; color:#10151f; }
.tm-wcard small{ display:block; color:#6b7488; font-size:12.5px; margin-top:4px; line-height:1.45; }
.tm-wcarousel .owl-stage{ display:flex; }
.tm-wcarousel .owl-item{ display:flex; }
.tm-wcarousel .owl-item > .tm-wcard{ width:100%; }

/* "Acentenizde şu an…" pain bölümü kartları */
.tm-pain-card{ background:#fff; border:1px solid var(--tm-line,#e6eaf1); border-radius:16px; padding:30px 26px; height:100%; box-shadow:0 18px 40px -28px rgba(20,40,80,.45); }
.tm-pain-ico{ width:52px; height:52px; border-radius:13px; background:#e9f6fe; color:#11a3f4; display:grid; place-items:center; font-size:23px; margin-bottom:18px; }
.tm-pain-q{ font-size:16px; color:#2a3147; font-style:italic; line-height:1.55; margin:0; }
.tm-pain-a{ font-size:14.5px; color:#46506a; line-height:1.55; margin:16px 0 0; padding-top:15px; border-top:1px solid var(--tm-line,#e6eaf1); }
.tm-pain-a b{ color:#0b6aa8; }
/* Subgrid: ikon / soru / cevap satırları tüm kartlarda hizalansın (her çözünürlükte, sihirli sayı yok) */
.tm-pain-grid{ display:grid; grid-template-columns:1fr; gap:24px; }
@media(min-width:768px){
	.tm-pain-grid{ grid-template-columns:repeat(3,1fr); grid-template-rows:auto auto auto; column-gap:24px; row-gap:0; }
	.tm-pain-grid .tm-pain-card{ grid-row:span 3; display:grid; grid-template-rows:subgrid; }
}
@media(max-width:767px){ .tm-pain-card{ padding:26px 22px; } }

/* İstatistik bandı — uzun Türkçe rakamlar yatay düzene (rakam sola float + etiket sağa) sığmıyor, üst üste biniyordu; her genişlikte dikey + ortalı */
#statistic-1 .statistic-block{ display:block !important; text-align:center; }
#statistic-1 .statistic-1-wrapper .statistic-block-digit{ width:100% !important; float:none !important; display:block !important; margin:0 0 8px !important; }
#statistic-1 .statistic-1-wrapper .statistic-block-txt{ width:100% !important; display:block !important; padding:0 8% !important; }
#statistic-1 .statistic-block-txt p.p-md{ margin-bottom:0; }
#statistic-1 .statistic-block{ margin-bottom:18px; }

/* SSS akordiyonu (details/summary, JS gerektirmez) */
.tm-faq{ border:1px solid var(--tm-line,#e6eaf1); border-radius:14px; margin-bottom:14px; background:#fff; box-shadow:0 14px 30px -26px rgba(20,40,80,.4); overflow:hidden; }
.tm-faq summary{ list-style:none; cursor:pointer; padding:21px 58px 21px 24px; position:relative; font-size:17px; font-weight:600; color:#10151f; transition:color .15s; }
.tm-faq summary::-webkit-details-marker{ display:none; }
.tm-faq summary:hover{ color:#11a3f4; }
.tm-faq summary::after{ content:''; position:absolute; right:24px; top:27px; width:9px; height:9px; border-right:2px solid #11a3f4; border-bottom:2px solid #11a3f4; transform:rotate(45deg); transition:transform .2s; }
.tm-faq[open] summary::after{ transform:rotate(-135deg); }
.tm-faq .tm-faq-a{ padding:0 24px 21px; color:#46506a; line-height:1.65; }

/* İç sayfa başlığı (moduller.html vb.) — hero ile aynı marka mavisi */
.tm-inner-hero{ position:relative; overflow:hidden; padding:135px 0 120px; background:radial-gradient(circle at 50% 28%, #1aa6f0 0%, #0a6cae 55%, #074d80 100%); }
.tm-inner-hero .container{ position:relative; z-index:2; }
.tm-inner-hero .hero-eyebrow{ display:inline-block; text-transform:uppercase; letter-spacing:1.5px; font-size:13px; font-weight:600; color:#bfe6ff; margin-bottom:14px; }
.tm-inner-hero .wave-shape-bottom{ position:absolute; left:0; right:0; bottom:-1px; line-height:0; z-index:1; }
.tm-inner-hero .wave-shape-bottom svg{ width:100%; height:auto; display:block; }
.tm-inner-hero .wave-shape-bottom path{ fill:#ffffff; }

/* İç sayfa breadcrumb (tm-inner-hero içinde) */
.tm-bc{ font-size:13px; color:#bfe6ff; margin-bottom:16px; }
.tm-bc a{ color:#e9f6fe; text-decoration:none; }
.tm-bc a:hover{ color:#fff; text-decoration:underline; }
.tm-bc .sep{ margin:0 8px; opacity:.55; }

/* Uzun metin / yasal sayfa içeriği */
.tm-prose{ max-width:820px; margin:0 auto; color:#46506a; font-size:16px; line-height:1.75; }
.tm-prose h2{ font-size:25px; font-weight:700; color:#10151f; margin:42px 0 14px; }
.tm-prose h3{ font-size:19px; font-weight:700; color:#1d2433; margin:28px 0 10px; }
.tm-prose p{ margin:0 0 16px; }
.tm-prose ul, .tm-prose ol{ margin:0 0 16px; padding-left:22px; }
.tm-prose li{ margin-bottom:8px; }
.tm-prose a{ color:#11a3f4; }
.tm-prose strong{ color:#10151f; }
.tm-prose .tm-prose-meta{ font-size:14px; color:#8a93a6; margin-bottom:30px; }
.tm-prose table{ width:100%; border-collapse:collapse; margin:0 0 20px; font-size:14.5px; }
.tm-prose th, .tm-prose td{ border:1px solid var(--tm-line,#e6eaf1); padding:10px 12px; text-align:left; vertical-align:top; }
.tm-prose th{ background:#f4f7fb; font-weight:700; color:#1d2433; }

/* İç sayfa içerik bölümü yardımcıları */
.tm-feature-ico{ width:54px; height:54px; border-radius:14px; background:#e9f6fe; color:#11a3f4; display:grid; place-items:center; font-size:24px; margin-bottom:18px; }

/* Entegrasyonlar sayfası — kategori vitrin kartları */
.tm-int-cat{ background:#fff; border:1px solid var(--tm-line,#e6eaf1); border-radius:18px; padding:30px 32px; margin-bottom:22px; box-shadow:0 18px 40px -30px rgba(20,40,80,.4); }
.tm-int-head h3{ margin:14px 0 8px; }
.tm-int-head p{ color:#46506a; font-size:15px; line-height:1.6; margin:0; }
.tm-int-logos{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.tm-int-logo{ background:#f7f9fc; border:1px solid var(--tm-line,#e6eaf1); border-radius:12px; height:64px; min-width:120px; flex:0 0 auto; display:flex; align-items:center; justify-content:center; padding:10px 18px; }
.tm-int-logo img{ max-height:34px; max-width:130px; width:auto; object-fit:contain; opacity:.85; }
.tm-int-chips{ display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
@media(max-width:991px){ .tm-int-head{ margin-bottom:18px; } }
@media(max-width:767px){ .tm-int-cat{ padding:24px 22px; } .tm-int-logo{ min-width:96px; height:56px; } }

/* Entegrasyon Vitrini — kapasite rakamları + kategori çipleri */
.tm-caps-stats{ display:flex; flex-wrap:wrap; justify-content:center; gap:18px; margin-bottom:34px; }
.tm-cap{ background:#fff; border:1px solid var(--tm-line,#e6eaf1); border-radius:16px; padding:24px 30px; text-align:center; min-width:190px; box-shadow:0 18px 40px -28px rgba(20,40,80,.45); }
.tm-cap .tm-cap-num{ display:block; font-size:42px; font-weight:700; line-height:1; color:#11a3f4; }
.tm-cap .tm-cap-lbl{ display:block; font-size:14.5px; color:#46506a; margin-top:8px; }
.tm-chip-row{ display:flex; flex-wrap:wrap; justify-content:center; gap:11px; }
.tm-chip{ background:#e9f6fe; color:#0b6aa8; border-radius:30px; padding:9px 18px; font-size:13.5px; font-weight:600; }
@media(max-width:575px){ .tm-cap{ min-width:140px; padding:20px 18px; } .tm-cap .tm-cap-num{ font-size:34px; } }

/* Tanıklık ROI şeridi — önce/sonra */
.tm-roi{ display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-bottom:54px; }
.tm-roi-item{ flex:1 1 200px; max-width:300px; background:#fff; border:1px solid var(--tm-line,#e6eaf1); border-radius:16px; padding:22px 22px; box-shadow:0 16px 36px -28px rgba(20,40,80,.45); }
.tm-roi-item .tm-roi-num{ display:block; font-size:21px; font-weight:700; color:#10151f; line-height:1.3; }
.tm-roi-item .tm-roi-num em{ font-style:normal; color:#11a3f4; }
.tm-roi-item .tm-roi-lbl{ display:block; font-size:13.5px; color:#6b7488; margin-top:7px; }

/* Hero H1 ile alt metin bitişikti; nefes alması için aralık */
#hero-14 .hero-14-txt h1{ margin-bottom:22px; }
@media(max-width:767px){ #hero-14 .hero-14-txt h1{ margin-bottom:15px; } }

/* Hero form-altı info ikonu + popover (masaüstü hover / mobil tap) */
/* arka plan dairesi yok; ikon = çizgisel "i daire" SVG'nin kendisi. .btn-txt .tm-info özgülüğü tema nudge'ını (top/right) sıfırlar */
.btn-txt .tm-info{ position:relative; top:-1px; right:0; display:inline-flex; align-items:center; justify-content:center; margin-left:6px; vertical-align:middle; line-height:0; color:rgba(255,255,255,.85); cursor:pointer; outline:none; transition:color .15s; }
.btn-txt .tm-info:hover, .btn-txt .tm-info:focus-visible, .btn-txt .tm-info.open{ color:#fff; }
.tm-info svg{ display:block; width:18px; height:18px; position:static; top:auto; right:auto; }
/* not: p.btn-txt span teması (position:relative) ezmesin diye .tm-info ile özgülük yükseltildi */
.tm-info .tm-info-pop{ position:absolute; top:auto; right:auto; bottom:calc(100% + 13px); left:50%; transform:translateX(-50%) translateY(6px); width:310px; max-width:78vw; background:#fff; color:#46506a; font-size:13.5px; font-weight:400; line-height:1.55; text-align:left; padding:16px 18px; border-radius:14px; box-shadow:0 24px 54px -22px rgba(15,30,60,.6); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .18s ease, transform .18s ease, visibility .18s; z-index:40; }
.tm-info .tm-info-pop::after{ content:''; position:absolute; top:100%; left:50%; transform:translateX(-50%); border:8px solid transparent; border-top-color:#fff; }
.tm-info:hover .tm-info-pop, .tm-info:focus-within .tm-info-pop, .tm-info.open .tm-info-pop{ opacity:1; visibility:visible; pointer-events:auto; transform:translateX(-50%) translateY(0); }
@media(max-width:600px){
	/* dar ekranda ikon konumu satır sonuna göre kayıyor; popover'ı viewport'a sabitleyip tam genişlik kart yap (dikey konum JS ile ikona göre) */
	.tm-info .tm-info-pop{ position:fixed; left:16px; right:16px; bottom:auto; width:auto; max-width:none; transform:translateY(8px); }
	.tm-info .tm-info-pop::after{ display:none; }
	.tm-info:hover .tm-info-pop, .tm-info:focus-within .tm-info-pop, .tm-info.open .tm-info-pop{ transform:translateY(0); }
}

/* Sizi Arayalım / Demo modalları */
.tm-modal-overlay{ position:fixed; inset:0; z-index:1100; display:flex; align-items:center; justify-content:center; padding:20px; background:rgba(13,26,45,.55); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); opacity:0; transition:opacity .2s ease; }
.tm-modal-overlay[hidden]{ display:none; }
.tm-modal-overlay.open{ opacity:1; }
.tm-modal-card{ position:relative; width:100%; max-width:430px; background:#fff; border-radius:18px; padding:34px 32px 28px; box-shadow:0 40px 90px -30px rgba(10,30,60,.6); transform:translateY(14px) scale(.98); transition:transform .22s ease; max-height:92vh; overflow:auto; }
.tm-modal-overlay.open .tm-modal-card{ transform:translateY(0) scale(1); }
.tm-modal-close{ position:absolute; top:14px; right:15px; width:34px; height:34px; padding:0; border:none; background:#f1f4f9; color:#46506a; border-radius:50%; font-size:21px; line-height:34px; text-align:center; cursor:pointer; transition:.15s; }
.tm-modal-close:hover{ background:#e3e9f2; color:#10151f; }
.tm-modal-title{ font-size:23px; font-weight:700; color:#10151f; margin:0 0 8px; }
.tm-modal-sub{ font-size:14.5px; color:#46506a; line-height:1.55; margin:0 0 22px; }
.tm-field{ display:block; margin-bottom:14px; }
.tm-field > span{ display:block; font-size:13px; font-weight:600; color:#2a3147; margin-bottom:6px; }
.tm-field input{ width:100%; height:48px; padding:0 15px; border:1.5px solid #e0e6ef; border-radius:10px; font-size:15px; color:#10151f; background:#fff; transition:border-color .15s, box-shadow .15s; }
.tm-field input::placeholder{ color:#aab2c2; }
.tm-field input:focus{ outline:none; border-color:#11a3f4; box-shadow:0 0 0 3px rgba(17,163,244,.15); }
.tm-field-row{ display:flex; gap:12px; }
.tm-field-row .tm-field{ flex:1; }
.tm-modal-btn{ width:100%; margin-top:6px; padding:14px 20px; font-size:15px; }
.tm-modal-note{ font-size:12.5px; color:#8a93a6; line-height:1.5; margin:14px 0 0; text-align:center; }
.tm-modal-done{ text-align:center; padding:12px 4px 8px; }
.tm-modal-check{ display:inline-grid; place-items:center; width:58px; height:58px; border-radius:50%; background:#e9f9ef; color:#1faa54; font-size:28px; margin-bottom:16px; }
@media(max-width:600px){ .tm-modal-card{ padding:30px 22px 22px; border-radius:16px; } .tm-field-row{ flex-direction:column; gap:0; } }

/* ============================================================
   RAKIP-KIYAS İYİLEŞTİRMELERİ — paylaşılan bileşenler (FAZ 3 sonrası)
   ============================================================ */

/* Numaralı süreç adımları (modül akışları) */
.tm-steps{ display:flex; flex-wrap:wrap; gap:18px; counter-reset:tmstep; margin-top:10px; }
.tm-steps .tm-step{ flex:1 1 200px; background:#fff; border:1px solid var(--tm-line,#e6eaf1); border-radius:16px; padding:28px 22px 22px; position:relative; box-shadow:0 16px 36px -28px rgba(20,40,80,.4); }
.tm-steps .tm-step::before{ counter-increment:tmstep; content:counter(tmstep); position:absolute; top:-15px; left:22px; width:34px; height:34px; border-radius:50%; background:#11a3f4; color:#fff; font-weight:700; display:grid; place-items:center; font-size:16px; }
.tm-step b{ display:block; margin:8px 0 6px; color:#10151f; font-size:16px; }
.tm-step p{ margin:0; color:#46506a; font-size:14.5px; line-height:1.55; }

/* Modül-arası çip gezinme (hero altı) */
.tm-modnav{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }
.tm-modnav a{ font-size:13.5px; font-weight:600; color:#46506a; background:#eef2f7; border-radius:30px; padding:8px 16px; text-decoration:none; transition:background .15s, color .15s; }
.tm-modnav a:hover{ background:#e9f6fe; color:#0b6aa8; }
.tm-modnav a.aktif{ background:#11a3f4; color:#fff; }

/* Risk-tersine-çevirme / güven bandı */
.tm-risk{ display:flex; flex-wrap:wrap; gap:16px; justify-content:center; }
.tm-risk-item{ flex:1 1 220px; max-width:300px; background:#fff; border:1px solid var(--tm-line,#e6eaf1); border-radius:14px; padding:24px 22px; text-align:center; box-shadow:0 14px 32px -28px rgba(20,40,80,.4); }
.tm-risk-item .ico{ width:48px; height:48px; border-radius:13px; background:#e9f9ef; color:#1faa54; display:grid; place-items:center; font-size:21px; margin:0 auto 13px; }
.tm-risk-item b{ display:block; color:#10151f; font-size:15px; margin-bottom:6px; }
.tm-risk-item p{ margin:0; color:#46506a; font-size:13.5px; line-height:1.5; }

/* Zaman çizelgesi (hakkımızda) */
.tm-timeline{ position:relative; padding-left:30px; max-width:680px; }
.tm-timeline::before{ content:''; position:absolute; left:7px; top:8px; bottom:8px; width:2px; background:#dbe3ee; }
.tm-tl-item{ position:relative; margin-bottom:26px; }
.tm-tl-item:last-child{ margin-bottom:0; }
.tm-tl-item::before{ content:''; position:absolute; left:-30px; top:3px; width:16px; height:16px; border-radius:50%; background:#fff; border:3px solid #11a3f4; }
.tm-tl-item .yil{ font-weight:700; color:#11a3f4; font-size:15px; }
.tm-tl-item p{ margin:4px 0 0; color:#46506a; line-height:1.6; }

/* Somut senaryo kutusu */
.tm-scenario{ background:#f4f7fb; border-left:4px solid #11a3f4; border-radius:0 14px 14px 0; padding:22px 26px; margin:6px 0; }
.tm-scenario p{ margin:0; color:#2a3147; line-height:1.65; font-style:italic; }
.tm-scenario b{ color:#0b6aa8; font-style:normal; }

/* Karar rehberi (fiyatlandırma — JS ile) */
.tm-guide{ background:#fff; border:1px solid var(--tm-line,#e6eaf1); border-radius:18px; padding:34px 32px; max-width:680px; margin:0 auto; box-shadow:0 22px 52px -32px rgba(20,40,80,.45); }
.tm-guide .tm-guide-q{ font-size:18px; font-weight:700; color:#10151f; margin-bottom:8px; }
.tm-guide .tm-guide-sub{ font-size:13.5px; color:#8a93a6; margin-bottom:18px; }
.tm-guide-opts{ display:flex; flex-wrap:wrap; gap:10px; }
.tm-guide-opts button{ border:1.5px solid #e0e6ef; background:#fff; border-radius:10px; padding:12px 22px; font-size:15px; cursor:pointer; transition:border-color .15s, background .15s; color:#2a3147; font-weight:600; }
.tm-guide-opts button:hover{ border-color:#11a3f4; background:#f4faff; }
.tm-guide-step[hidden]{ display:none; }
.tm-guide-result{ text-align:center; }
.tm-guide-result .pkg{ font-size:26px; font-weight:700; color:#11a3f4; display:block; margin:6px 0 10px; }
.tm-guide-prog{ font-size:12.5px; color:#aab2c2; margin-bottom:16px; }

/* Lead-magnet kartı (blog) */
.tm-leadmag{ background:linear-gradient(135deg,#1466a3 0%,#0a3a61 100%); color:#fff; border-radius:18px; padding:34px 34px 30px; box-shadow:0 24px 56px -28px rgba(8,30,55,.6); }
.tm-leadmag h3{ color:#fff; font-size:23px; font-weight:700; margin:0 0 8px; }
.tm-leadmag p{ color:#cfe6f7; font-size:15px; line-height:1.6; margin:0 0 18px; }
.tm-leadmag .tm-field > span{ color:#dcebff; color:#cfe6f7; }
.tm-leadmag .tm-field input{ background:rgba(255,255,255,.95); border-color:transparent; }
.tm-leadmag .tm-leadmag-note{ font-size:12px; color:#9ec7e6; margin:12px 0 0; }

/* Sosyal kanıt / TÜRSAB güven rozeti şeridi */
.tm-trustbar{ display:flex; flex-wrap:wrap; gap:14px; align-items:center; justify-content:center; }
.tm-trustbar .tm-badge{ display:inline-flex; align-items:center; gap:8px; background:#f4f7fb; border:1px solid var(--tm-line,#e6eaf1); border-radius:30px; padding:9px 18px; font-size:13.5px; font-weight:600; color:#46506a; }
.tm-trustbar .tm-badge span[class^="flaticon"]{ color:#11a3f4; font-size:16px; }

@media(max-width:600px){ .tm-guide{ padding:26px 22px; } .tm-leadmag{ padding:28px 24px; } }

/* İçindekiler (blog yazıları) */
.tm-toc{ background:#f4f7fb; border:1px solid var(--tm-line,#e6eaf1); border-radius:14px; padding:20px 24px; margin:0 0 34px; }
.tm-toc-title{ font-size:13px; font-weight:700; letter-spacing:.4px; text-transform:uppercase; color:#0b6aa8; margin:0 0 10px; }
.tm-toc ol{ margin:0; padding-left:20px; }
.tm-toc li{ margin:5px 0; }
.tm-toc a{ color:#2a3147; text-decoration:none; font-size:15px; line-height:1.5; border-bottom:1px solid transparent; }
.tm-toc a:hover{ color:#11a3f4; border-bottom-color:#11a3f4; }
.tm-prose h2{ scroll-margin-top:90px; }

/* ===== Paket karşılaştırma matrisi (paket-ozellikleri) ===== */
.tm-matrix{ border:1px solid var(--tm-line,#e6eaf1); border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 24px 56px -40px rgba(20,40,80,.5); }
.tm-mx-head,.tm-mx-row{ display:grid; grid-template-columns:minmax(210px,2.2fr) repeat(4,minmax(0,1fr)); }
.tm-mx-head{ position:sticky; top:0; z-index:6; background:#fff; border-bottom:2px solid #e6eaf1; }
.tm-mx-colhead{ padding:18px 10px 16px; text-align:center; border-left:1px solid #eef2f7; }
.tm-mx-colhead:first-child{ border-left:none; display:flex; align-items:flex-end; }
.tm-mx-colhead.pop{ background:#eaf6ff; }
.tm-mx-colhead .nm{ font-weight:700; font-size:16px; color:#10151f; display:block; }
.tm-mx-colhead .pr{ font-size:19px; font-weight:700; color:#11a3f4; display:block; margin:3px 0 10px; }
.tm-mx-colhead .pr small{ font-size:11px; color:#8a93a6; font-weight:600; }
.tm-mx-colhead .btn{ padding:7px 14px; font-size:12.5px; }
.tm-mx-pop-tag{ display:inline-block; background:#11a3f4; color:#fff; font-size:10.5px; font-weight:700; letter-spacing:.4px; border-radius:20px; padding:2px 10px; margin-bottom:6px; text-transform:uppercase; }
.tm-mx-cat{ background:#0e1420; color:#fff; font-weight:700; font-size:13.5px; padding:11px 18px; letter-spacing:.3px; }
.tm-mx-row{ border-bottom:1px solid #f0f3f8; transition:background .12s; }
.tm-mx-row:hover{ background:#fafcfe; }
.tm-mx-cell{ padding:13px 12px; font-size:13.5px; text-align:center; border-left:1px solid #f3f6fa; color:#39425a; display:flex; align-items:center; justify-content:center; min-height:46px; }
.tm-mx-cell:first-child{ border-left:none; }
.tm-mx-feat{ justify-content:flex-start; text-align:left; color:#10151f; font-weight:500; gap:7px; line-height:1.4; }
.tm-mx-cell.pop{ background:#f6fbff; }
.tm-mx-yes{ color:#1faa54; font-size:15px; }
.tm-mx-no{ display:inline-block; width:14px; height:2px; background:#d3dae6; border-radius:2px; }
.tm-mx-row.star .tm-mx-feat::after{ content:"TourMAX farkı"; font-size:9.5px; font-weight:700; color:#0b6aa8; background:#e9f6fe; border-radius:20px; padding:2px 8px; letter-spacing:.2px; white-space:nowrap; }
.tm-mx-i{ display:inline-flex; align-items:center; justify-content:center; width:15px; height:15px; border-radius:50%; background:#dbe3ee; color:#5a657d; font-size:10px; font-weight:700; cursor:help; flex:none; }
.tm-matrix.hide-common .tm-mx-row.common{ display:none; }
.tm-mx-tabs{ display:none; }
.tm-mx-ctrl{ display:flex; align-items:center; gap:10px; justify-content:flex-end; margin-bottom:16px; font-size:14px; color:#46506a; }
.tm-mx-ctrl input{ width:18px; height:18px; accent-color:#11a3f4; }
@media(max-width:767px){
  .tm-mx-head{ display:none; }
  .tm-mx-tabs{ display:flex; flex-wrap:wrap; gap:6px; padding:12px; position:sticky; top:0; z-index:7; background:#fff; border-bottom:1px solid #e6eaf1; }
  .tm-mx-tabs button{ flex:1 1 calc(50% - 6px); border:1.5px solid #e0e6ef; background:#fff; border-radius:10px; padding:9px 6px; font-size:12.5px; font-weight:700; color:#2a3147; cursor:pointer; line-height:1.25; }
  .tm-mx-tabs button small{ display:block; color:#11a3f4; font-size:12px; }
  .tm-mx-tabs button.aktif{ border-color:#11a3f4; background:#eaf6ff; }
  .tm-mx-head,.tm-mx-row{ grid-template-columns:1.4fr 1fr; }
  .tm-mx-cell[data-col]{ display:none; }
  .tm-matrix[data-active="starter"] .tm-mx-cell[data-col="starter"],
  .tm-matrix[data-active="standart"] .tm-mx-cell[data-col="standart"],
  .tm-matrix[data-active="premium"] .tm-mx-cell[data-col="premium"],
  .tm-matrix[data-active="enterprise"] .tm-mx-cell[data-col="enterprise"]{ display:flex; }
}

/* Aylık/Yıllık faturalama toggle (anasayfa fiyat) */
.tm-billing{ display:inline-flex; background:#eef2f7; border-radius:30px; padding:5px; gap:4px; }
.tm-billing button{ border:none; background:transparent; border-radius:24px; padding:9px 26px; font-size:14.5px; font-weight:600; color:#46506a; cursor:pointer; transition:background .15s, color .15s; }
.tm-billing button.aktif{ background:#11a3f4; color:#fff; box-shadow:0 8px 16px -8px rgba(17,163,244,.6); }

/* === FontAwesome boyut uyumu (tema ico-* kuralları yalnız flaticon'u hedefliyordu) === */
.ico-15 .fa-solid,.ico-15 .fa-regular,.ico-15 .fa-brands,.ico-15 .fa-duotone,.ico-15 .fa-light,.ico-15 .fa-thin{ font-size:0.9375rem; }
.ico-50 .fa-solid,.ico-50 .fa-regular,.ico-50 .fa-brands,.ico-50 .fa-duotone,.ico-50 .fa-light,.ico-50 .fa-thin{ font-size:3.125rem; }
.ico-65 .fa-solid,.ico-65 .fa-regular,.ico-65 .fa-brands,.ico-65 .fa-duotone,.ico-65 .fa-light,.ico-65 .fa-thin{ font-size:4.0625rem; }
.tm-pain-ico [class*="fa-"],.tm-wcard .ico [class*="fa-"]{ font-size:inherit; }
.fa-duotone{ --fa-secondary-opacity:0.38; }

/* ===== Premium fiyat kartı (T-Soft tarzı, TourMAX mavisi) ===== */
.tm-pcard{ position:relative; background:#fff; border:1px solid #e6eaf1; border-radius:18px; padding:30px 26px 26px; display:flex; flex-direction:column; width:100%; box-shadow:0 18px 44px -34px rgba(20,40,80,.45); }
.tm-pcard-pop{ border:2px solid #11a3f4; background:#f7fbff; box-shadow:0 28px 56px -30px rgba(17,163,244,.5); }
.tm-pcard-ribbon{ position:absolute; top:-13px; left:50%; transform:translateX(-50%); background:linear-gradient(90deg,#11a3f4,#0b6aa8); color:#fff; font-size:12.5px; font-weight:700; padding:6px 22px; border-radius:30px; white-space:nowrap; box-shadow:0 10px 22px -8px rgba(17,163,244,.7); }
.tm-pcard-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:10px; margin-bottom:14px; }
.tm-pcard-name{ font-size:24px; font-weight:800; color:#10151f; margin:0; letter-spacing:.3px; }
.tm-pcard-disc{ background:linear-gradient(135deg,#11a3f4,#0b6aa8); color:#fff; border-radius:12px; padding:7px 12px; text-align:center; line-height:1.04; font-size:16px; font-weight:800; flex:none; }
.tm-pcard-disc small{ display:block; font-size:10px; font-weight:600; opacity:.92; }
.tm-pcard-yearly{ font-size:14.5px; color:#46506a; margin:0 0 10px; }
.tm-pcard-yearly s{ color:#aab2c2; }
.tm-pcard-yearly b{ color:#10151f; font-weight:700; margin-left:4px; }
.tm-pcard-taksit{ display:inline-block; background:#eef4f8; color:#0b6aa8; font-size:12px; font-weight:600; border-radius:8px; padding:5px 11px; margin-bottom:12px; }
.tm-pcard-monthly{ margin:0; color:#10151f; line-height:1; }
.tm-pcard-monthly b{ font-size:33px; font-weight:800; }
.tm-pcard-monthly span{ font-size:15px; color:#8a93a6; font-weight:600; }
.tm-pcard-grp{ font-size:13.5px; font-weight:700; color:#10151f; margin:18px 0 14px; padding-top:16px; border-top:1px solid #eef2f7; }
.tm-pcard-feats{ list-style:none; margin:0 0 22px; padding:0; flex:1 1 auto; }
.tm-pcard-feats li{ display:flex; align-items:flex-start; gap:10px; font-size:14px; color:#39425a; line-height:1.45; margin-bottom:11px; }
.tm-pcard-chk{ flex:none; width:18px; height:18px; border-radius:50%; background:#1faa54; display:inline-flex; align-items:center; justify-content:center; margin-top:1px; }
.tm-pcard-chk::before{ content:"\2713"; color:#fff; font-size:10px; font-weight:700; line-height:1; }
.tm-pcard-cta{ display:flex; align-items:center; justify-content:center; gap:9px; width:100%; padding:13px; border-radius:10px; background:#11a3f4; color:#fff; font-weight:700; font-size:15px; text-decoration:none; transition:background .15s; }
.tm-pcard-cta:hover{ background:#0b8ed8; color:#fff; }
.tm-pcard-cta .tm-pcard-ph{ width:16px; height:16px; display:inline-block; }
.tm-pcard-cta2{ display:block; text-align:center; width:100%; padding:12px; border-radius:10px; border:1.5px solid #d8dfea; color:#46506a; font-weight:600; font-size:14px; text-decoration:none; margin-top:10px; transition:border-color .15s,color .15s; background:#fff; }
.tm-pcard-cta2:hover{ border-color:#11a3f4; color:#11a3f4; }
.tm-pcard-note{ font-size:12px; color:#8a93a6; text-align:center; margin-top:26px; }

/* =====================================================================
   ANA SAYFA v2 (Ekim 2026, K23-K40) — yeni bölüm bileşenleri
   ===================================================================== */

/* Hero: güven rozetleri + ikincil CTA */
.tm-hero-badges{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:26px 0 0; }
.tm-hero-badges span{ display:inline-flex; align-items:center; gap:7px; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.3); color:#fff; border-radius:30px; padding:8px 16px; font-size:13.5px; font-weight:600; -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); }
.tm-hero-badges span [class^="flaticon"]{ font-size:15px; color:#bfe6ff; }
.tm-hero-cta2{ margin:16px 0 0; font-size:15px; color:#dcebff; }
.tm-hero-cta2 a{ color:#fff; text-decoration:underline; font-weight:600; }
#hero-14 .hero-14-txt .btn-txt{ margin-top:22px; }

/* Hero: dönüşümlü gerçek ekranlar (K24) */
.tm-hero-screens{ position:relative; max-width:1100px; margin:54px auto 0; }
.tm-hero-tabs{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:0 0 18px; }
.tm-hero-tabs button{ position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.32); background:rgba(255,255,255,.1); color:#e6f3ff; border-radius:30px; padding:8px 16px; font-size:13px; font-weight:600; cursor:pointer; transition:background .2s,color .2s; }
.tm-hero-tabs button:hover{ background:rgba(255,255,255,.22); }
.tm-hero-tabs button.active{ background:#fff; color:#0b6aa8; }
.tm-hero-tabs button .bar{ position:absolute; left:0; bottom:0; height:3px; width:0; background:#11a3f4; }
.tm-hero-tabs button.active .bar{ animation:tm-bar var(--tm-hero-ms,6000ms) linear forwards; }
.tm-hero-screens.paused .tm-hero-tabs button.active .bar{ animation-play-state:paused; }
@keyframes tm-bar{ to{ width:100%; } }
.tm-hero-frame{ position:relative; aspect-ratio:16/10; border-radius:18px 18px 0 0; overflow:hidden; background:#0d1b2a; box-shadow:0 50px 90px -40px rgba(3,20,40,.85); border:1px solid rgba(255,255,255,.2); border-bottom:none; }
.tm-hero-frame img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:top; opacity:0; transition:opacity .7s ease; display:block; }
.tm-hero-frame img.active{ opacity:1; }
@media(max-width:767px){ .tm-hero-tabs{ display:none; } .tm-hero-screens{ margin-top:38px; } }
@media(prefers-reduced-motion:reduce){ .tm-hero-tabs button.active .bar{ animation:none; width:100%; } }

/* Hacim ve ürün rozetleri (K36): 4 kolon */
#statistic-1 .statistic-number{ color:#10151f; }
#statistic-1 .tm-stat-sub{ display:block; font-size:13px; color:#8a93a6; margin-top:4px; }

/* Markalar şeridi: metin SVG yer tutucular / gerçek logolar (K35) */
#brands-1 .brand-logo img{ max-height:46px; width:auto; margin:0 auto; opacity:.8; transition:opacity .2s; }
#brands-1 .brand-logo:hover img{ opacity:1; }
#brands-1 .brands-title h5{ font-weight:600; }

/* Pain bandı: 4 kart */
@media(min-width:768px) and (max-width:1199px){
  .tm-pain-grid.tm-four{ grid-template-columns:repeat(2,1fr); grid-template-rows:none; row-gap:24px; }
  .tm-pain-grid.tm-four .tm-pain-card{ display:block; grid-row:auto; }
}
@media(min-width:1200px){ .tm-pain-grid.tm-four{ grid-template-columns:repeat(4,1fr); column-gap:20px; } .tm-pain-grid.tm-four .tm-pain-card{ padding:26px 22px; } .tm-pain-grid.tm-four .tm-pain-q{ font-size:15px; } }

/* 14 modül kartı (+1 "tümü" kartı) */
.tm-mods{ display:grid; grid-template-columns:repeat(5,1fr); gap:16px; }
.tm-mod{ display:flex; flex-direction:column; background:#fff; border:1px solid var(--tm-line,#e6eaf1); border-radius:16px; padding:22px 20px 18px; text-decoration:none; color:inherit; box-shadow:0 14px 32px -28px rgba(20,40,80,.45); transition:transform .18s,border-color .18s,box-shadow .18s; }
.tm-mod:hover{ transform:translateY(-4px); border-color:#11a3f4; box-shadow:0 22px 44px -26px rgba(17,163,244,.45); color:inherit; }
.tm-mod .ico{ width:44px; height:44px; border-radius:12px; background:#e9f6fe; color:#11a3f4; display:grid; place-items:center; font-size:20px; margin-bottom:14px; }
.tm-mod h3{ font-size:15.5px; font-weight:700; color:#10151f; margin:0 0 6px; line-height:1.3; }
.tm-mod p{ font-size:13px; color:#6b7488; line-height:1.5; margin:0 0 12px; flex:1; }
.tm-mod .pk{ font-size:11px; font-weight:700; color:#0b6aa8; background:#e9f6fe; border-radius:20px; padding:3px 9px; align-self:flex-start; }
.tm-mod .pk.new{ color:#7a5200; background:#fff1cc; }
.tm-mod-all{ background:linear-gradient(135deg,#1466a3,#0a3a61); color:#fff; justify-content:center; text-align:center; border:none; }
.tm-mod-all b{ font-size:30px; display:block; line-height:1.1; }
.tm-mod-all span{ font-size:13.5px; color:#cfe6f7; display:block; margin-top:6px; }
.tm-mod-all em{ font-style:normal; display:inline-block; margin-top:14px; font-size:13px; font-weight:700; color:#fff; text-decoration:underline; }
.tm-mod-all:hover{ color:#fff; }
@media(max-width:1199px){ .tm-mods{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:767px){ .tm-mods{ grid-template-columns:repeat(2,1fr); gap:12px; } .tm-mod{ padding:18px 16px 14px; } }
@media(max-width:479px){ .tm-mods{ grid-template-columns:1fr; } }

/* 8 fark: sağ/sol dönüşümlü ekran + 3 kanıt */
.tm-diff{ padding:46px 0; }
.tm-diff + .tm-diff{ border-top:1px solid #eef2f7; }
.tm-diff-num{ display:inline-flex; align-items:center; gap:10px; font-size:12.5px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; color:#11a3f4; margin-bottom:14px; }
.tm-diff-num i{ font-style:normal; width:30px; height:30px; border-radius:50%; background:#11a3f4; color:#fff; display:grid; place-items:center; font-size:14px; }
.tm-diff h3{ font-size:30px; font-weight:700; color:#10151f; line-height:1.25; margin:0 0 14px; }
.tm-diff .lead{ font-size:17px; color:#2a3147; line-height:1.55; margin:0 0 18px; }
.tm-diff ul{ list-style:none; padding:0; margin:0 0 20px; }
.tm-diff li{ position:relative; padding-left:28px; margin-bottom:10px; color:#46506a; font-size:15px; line-height:1.5; }
.tm-diff li::before{ content:""; position:absolute; left:0; top:4px; width:18px; height:18px; border-radius:50%; background:#e9f9ef; border:1.5px solid #1faa54; }
.tm-diff li::after{ content:""; position:absolute; left:6.5px; top:7px; width:5px; height:9px; border-right:2px solid #1faa54; border-bottom:2px solid #1faa54; transform:rotate(45deg); }
.tm-diff-foot{ display:flex; flex-wrap:wrap; align-items:center; gap:14px; }
.tm-diff-foot a{ font-weight:700; color:#11a3f4; text-decoration:none; }
.tm-diff-foot a:hover{ text-decoration:underline; }
.tm-pk{ display:inline-block; font-size:12px; font-weight:700; color:#0b6aa8; background:#e9f6fe; border-radius:20px; padding:4px 11px; }
.tm-shot{ border-radius:16px; overflow:hidden; border:1px solid var(--tm-line,#e6eaf1); box-shadow:0 36px 70px -34px rgba(20,40,80,.55); background:#fff; }
.tm-shot img{ width:100%; display:block; }
.tm-shot-cap{ font-size:12.5px; color:#8a93a6; margin-top:10px; }
@media(max-width:991px){ .tm-diff h3{ font-size:26px; } .tm-diff .tm-shot{ margin-bottom:26px; } .tm-diff{ padding:36px 0; } }

/* Size ayrılmış ortam + veri güvencesi bandı (K3, K37) */
.tm-trust{ background:linear-gradient(135deg,#0f2a44 0%,#0a3a61 55%,#0b4f85 100%); color:#fff; border-radius:24px; padding:56px 56px; }
.tm-trust .section-id{ color:#9fd8ff; }
.tm-trust h2{ color:#fff; font-size:36px; font-weight:700; margin:0 0 14px; }
.tm-trust p{ color:#cfe6f7; font-size:16px; line-height:1.65; margin:0 0 18px; }
.tm-trust-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.tm-trust-item{ background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14); border-radius:14px; padding:18px 18px; }
.tm-trust-item .ico{ width:40px; height:40px; border-radius:10px; background:rgba(255,255,255,.12); color:#9fd8ff; display:grid; place-items:center; font-size:18px; margin-bottom:10px; }
.tm-trust-item b{ display:block; font-size:15px; margin-bottom:4px; }
.tm-trust-item small{ display:block; font-size:13px; color:#b9d6ea; line-height:1.45; }
.tm-trust-strip{ display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
.tm-trust-strip span{ background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); border-radius:30px; padding:7px 14px; font-size:13px; font-weight:600; }
@media(max-width:991px){ .tm-trust{ padding:40px 28px; } .tm-trust h2{ font-size:30px; } .tm-trust-grid{ margin-top:24px; } }
@media(max-width:575px){ .tm-trust-grid{ grid-template-columns:1fr; } .tm-trust{ padding:32px 22px; border-radius:18px; } }

/* Entegrasyon vitrini: kategori sekmeleri + logo duvarı */
.tm-int-tabs{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-bottom:26px; }
.tm-int-tabs button{ border:1.5px solid #e0e6ef; background:#fff; color:#46506a; border-radius:30px; padding:8px 16px; font-size:13.5px; font-weight:600; cursor:pointer; transition:.15s; }
.tm-int-tabs button.active,.tm-int-tabs button:hover{ border-color:#11a3f4; background:#eaf6ff; color:#0b6aa8; }
.tm-int-wall{ display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:12px; }
.tm-int-tile{ background:#fff; border:1px solid var(--tm-line,#e6eaf1); border-radius:12px; height:76px; display:flex; align-items:center; justify-content:center; padding:10px 14px; transition:.15s; }
.tm-int-tile img{ max-height:38px; max-width:124px; width:auto; object-fit:contain; opacity:.85; }
.tm-int-tile:hover{ border-color:#11a3f4; box-shadow:0 14px 28px -22px rgba(17,163,244,.5); }
.tm-int-tile[hidden]{ display:none; }
.tm-int-note{ margin-top:24px; text-align:center; font-size:14.5px; color:#46506a; line-height:1.6; }

/* Dashboard bölümü: rapor kartları */
.tm-rep-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:34px; }
.tm-rep{ background:#fff; border:1px solid var(--tm-line,#e6eaf1); border-radius:14px; padding:22px 22px; box-shadow:0 16px 34px -26px rgba(20,40,80,.45); }
.tm-rep .ico{ width:44px; height:44px; border-radius:12px; background:#e9f6fe; color:#11a3f4; display:grid; place-items:center; font-size:20px; margin-bottom:12px; }
.tm-rep b{ display:block; font-size:15.5px; color:#10151f; margin-bottom:6px; }
.tm-rep p{ margin:0; font-size:13.5px; color:#6b7488; line-height:1.5; }
@media(max-width:767px){ .tm-rep-grid{ grid-template-columns:1fr; } }

/* Referanslar: onay bekleyen alıntılar + vaka kartı */
.tm-pending{ display:inline-block; background:#fff1cc; color:#7a5200; border:1px dashed #e0b84a; border-radius:8px; padding:3px 9px; font-size:11.5px; font-weight:700; letter-spacing:.3px; margin-bottom:10px; }
.tm-case{ background:linear-gradient(135deg,#1466a3,#0a3a61); color:#fff; border-radius:14px; padding:30px 28px; height:100%; }
.tm-case h4{ color:#fff; font-size:20px; margin:0 0 10px; }
.tm-case p{ color:#cfe6f7; font-size:14.5px; line-height:1.6; margin:0 0 10px; }
.tm-case .tm-pending{ background:rgba(255,255,255,.15); color:#ffe9a8; border-color:#ffd56b; }
.tm-case a{ color:#fff; font-weight:700; }

/* 5 paket kartı (K14, K17) */
.tm-pricing{ display:grid; grid-template-columns:repeat(5,1fr); gap:14px; align-items:stretch; margin-top:14px; }
.tm-pricing .tm-pcard{ padding:28px 20px 22px; }
.tm-pricing .tm-pcard-name{ font-size:21px; }
.tm-pricing .tm-pcard-monthly b{ font-size:29px; }
.tm-pcard-tgt{ font-size:13px; color:#6b7488; line-height:1.45; margin:0 0 14px; min-height:38px; }
.tm-pcard-users{ display:inline-block; background:#eef4f8; color:#0b6aa8; font-size:12px; font-weight:700; border-radius:8px; padding:5px 11px; margin:10px 0 0; }
.tm-pricing .tm-pcard-feats li{ font-size:13.5px; }
.tm-pcard-enter{ margin:0; color:#10151f; line-height:1.15; }
.tm-pcard-enter b{ font-size:22px; font-weight:800; display:block; }
.tm-pcard-enter span{ font-size:13px; color:#8a93a6; font-weight:600; }
.tm-pcard-cta.alt{ background:#10151f; }
.tm-pcard-cta.alt:hover{ background:#2a3147; }
.tm-pcard .tm-pcard-yr{ display:none; }
.tm-pricing[data-billing="yearly"] .tm-pcard .tm-pcard-mo{ display:none; }
.tm-pricing[data-billing="yearly"] .tm-pcard .tm-pcard-yr{ display:block; }
.tm-price-note{ text-align:center; font-size:13.5px; color:#6b7488; margin-top:24px; line-height:1.7; }
@media(max-width:1199px){ .tm-pricing{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:767px){ .tm-pricing{ grid-template-columns:1fr; } }

/* Teklif modalı alanları */
.tm-field textarea,.tm-field select{ width:100%; padding:11px 15px; border:1.5px solid #e0e6ef; border-radius:10px; font-size:15px; color:#10151f; background:#fff; font-family:inherit; }
.tm-field textarea{ min-height:92px; resize:vertical; }
.tm-field select{ height:48px; }
.tm-field textarea:focus,.tm-field select:focus{ outline:none; border-color:#11a3f4; box-shadow:0 0 0 3px rgba(17,163,244,.15); }
.tm-modal-card.wide{ max-width:520px; }

/* SSS: 2 sütun (8 soru) */
@media(min-width:992px){ .tm-faq-cols{ columns:2; column-gap:22px; } .tm-faq-cols .tm-faq{ break-inside:avoid; } }

/* Güncellemeler rozeti (footer üstü) */
.tm-release{ background:#f4f7fb; border-top:1px solid #e6eaf1; padding:22px 0; }
.tm-release-in{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:14px; font-size:14.5px; color:#46506a; }
.tm-release .ver{ display:inline-flex; align-items:center; gap:8px; background:#10151f; color:#fff; border-radius:30px; padding:7px 14px; font-weight:700; font-size:13.5px; }
.tm-release .ver i{ width:8px; height:8px; border-radius:50%; background:#1faa54; display:inline-block; box-shadow:0 0 0 3px rgba(31,170,84,.25); }
.tm-release a{ color:#11a3f4; font-weight:700; text-decoration:none; }
.tm-release a:hover{ text-decoration:underline; }

/* =====================================================================
   v2.1 (19 Eki 2026 akşam): hero canlılık, rozet ve sekme ayrımı, inline SVG ikonlar,
   ikon hizası, çerez butonu, dashboard alt başlıkları, fiyat özeti, SSS iki sütun,
   fiyatlandırma sayfası bileşenleri
   ===================================================================== */

/* Hero: koyu lacivert taban + parlak cyan ve mavi ışık lekeleri */
#hero-14{ background:
	radial-gradient(900px 540px at 15% 10%, rgba(0,220,255,.55) 0%, rgba(0,220,255,0) 60%),
	radial-gradient(820px 620px at 88% 30%, rgba(96,170,255,.55) 0%, rgba(96,170,255,0) 62%),
	radial-gradient(760px 520px at 50% 100%, rgba(17,163,244,.5) 0%, rgba(17,163,244,0) 60%),
	linear-gradient(170deg,#051a36 0%,#083a6c 48%,#0a5fb0 100%) !important; }
.tm-orbit .ring{ border-color:rgba(255,255,255,.16); }
#hero-14 .hero-14-txt p.s-21{ color:#e6f2ff; }
#hero-14 .hero-eyebrow{ color:#8fe3ff; }
.tm-hl{ background:linear-gradient(90deg,#7fe3ff 0%,#ffd166 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }
#hero-14 .quick-form .btn{ background:linear-gradient(135deg,#ffc94d 0%,#ff9e2c 100%) !important; color:#1b1200 !important; font-weight:700; box-shadow:0 16px 36px -12px rgba(255,160,40,.75); }
#hero-14 .quick-form .btn:hover{ box-shadow:0 20px 44px -12px rgba(255,160,40,.9); color:#1b1200 !important; }
#hero-14 .quick-form .btn::before{ background:conic-gradient(from var(--tm-beam,0deg), transparent 0deg 285deg, rgba(255,255,255,.75) 320deg, #fff 338deg, rgba(255,255,255,.75) 356deg, transparent 360deg); }
.tm-hero-cta2{ color:#dcebff; }
.tm-hero-cta2 a{ color:#fff; }
.tm-hero-cta2 a:hover{ color:#ffd166; }
/* rozetler: beyaz pill + renkli ikon dairesi (sekmelerden ayrışır) */
.tm-hero-badges{ margin-top:22px; gap:12px; }
.tm-hero-badges span{ background:#fff; border:none; color:#0f2a44; font-weight:700; padding:7px 16px 7px 7px; box-shadow:0 14px 30px -14px rgba(0,20,50,.6); -webkit-backdrop-filter:none; backdrop-filter:none; }
.tm-hero-badges i{ width:28px; height:28px; border-radius:50%; display:grid; place-items:center; color:#fff; flex:none; }
.tm-hero-badges i svg{ width:15px; height:15px; display:block; }
.tm-hero-badges i.b1{ background:#1faa54; }
.tm-hero-badges i.b2{ background:#11a3f4; }
.tm-hero-badges i.b3{ background:#25d366; }
.tm-hero-badges i.b3 svg{ width:16px; height:16px; }
/* ekran çerçevesi: tarayıcı çubuğu içinde sekmeler */
.tm-hero-bar{ display:flex; align-items:center; gap:12px; background:#0b1524; border:1px solid rgba(255,255,255,.14); border-bottom:none; border-radius:16px 16px 0 0; padding:9px 14px; }
.tm-hero-bar .dots{ display:inline-flex; gap:6px; flex:none; }
.tm-hero-bar .dots i{ width:10px; height:10px; border-radius:50%; display:block; }
.tm-hero-bar .dots i:nth-child(1){ background:#ff5f57; }
.tm-hero-bar .dots i:nth-child(2){ background:#febc2e; }
.tm-hero-bar .dots i:nth-child(3){ background:#28c840; }
.tm-hero-tabs{ margin:0; flex:1; justify-content:flex-start; gap:4px; }
.tm-hero-tabs button{ background:transparent; border:none; color:#a7b8cc; border-radius:8px; padding:8px 12px; font-size:13px; }
.tm-hero-tabs button:hover{ background:rgba(255,255,255,.08); color:#fff; }
.tm-hero-tabs button.active{ background:rgba(255,255,255,.1); color:#fff; }
.tm-hero-tabs button .bar{ background:#ffb01f; height:2px; }
.tm-hero-note{ flex:none; font-size:11.5px; color:#7f93ad; font-weight:600; letter-spacing:.3px; }
.tm-hero-frame{ border-radius:0; border-top:none; box-shadow:0 0 0 1px rgba(255,255,255,.12), 0 46px 90px -34px rgba(0,0,0,.75), 0 0 150px -30px rgba(0,210,255,.6); }
@media(max-width:991px){ .tm-hero-note{ display:none; } .tm-hero-tabs button{ padding:7px 9px; font-size:12px; } }
@media(max-width:767px){ .tm-hero-bar{ display:none; } .tm-hero-frame{ border-radius:14px; border-top:1px solid rgba(255,255,255,.2); } }

/* Sticky WhatsApp ve telefon: inline SVG, tam ortalı */
.tm-sticky a{ display:grid; place-items:center; }
.tm-sticky a svg{ width:26px; height:26px; display:block; }
.tm-sticky .wa svg{ width:28px; height:28px; }
.tm-inline-ico{ display:inline-block; width:16px; height:16px; vertical-align:-3px; margin-right:2px; }

/* Çerez bildirimi: ikinci buton koyu zeminde okunur */
.tm-cookie .btn--tra-grey{ color:#e7ecf5 !important; border-color:#5a6680 !important; }
.tm-cookie .btn--tra-grey:hover{ background:#fff !important; color:#10151f !important; border-color:#fff !important; }

/* Flaticon ikonları kutularında tam ortalı (font satır yüksekliği kaymasını kaldırır) */
.tm-trust-item .ico [class^="flaticon-"], .tm-mod .ico [class^="flaticon-"], .tm-rep .ico [class^="flaticon-"], .tm-pain-ico [class^="flaticon-"], .tm-wcard .ico [class^="flaticon-"], .tm-risk-item .ico [class^="flaticon-"], .tm-dash-chip .ico [class^="flaticon-"], .tm-feature-ico [class^="flaticon-"]{ display:block; line-height:1; }
.tm-trust-item .ico [class^="flaticon-"]::before, .tm-mod .ico [class^="flaticon-"]::before, .tm-rep .ico [class^="flaticon-"]::before, .tm-pain-ico [class^="flaticon-"]::before, .tm-wcard .ico [class^="flaticon-"]::before, .tm-risk-item .ico [class^="flaticon-"]::before, .tm-dash-chip .ico [class^="flaticon-"]::before, .tm-feature-ico [class^="flaticon-"]::before{ display:block; line-height:1; font-size:inherit; }

/* Dashboard bölümü alt başlıkları */
.tm-sub{ max-width:760px; margin:46px auto 22px; text-align:center; }
.tm-sub h3{ font-size:26px; font-weight:700; color:#10151f; margin:0 0 10px; line-height:1.25; }
.tm-sub p{ color:#46506a; font-size:16px; line-height:1.6; margin:0; }
@media(max-width:767px){ .tm-sub h3{ font-size:22px; } }

/* Ana sayfa fiyat özeti: 5 mini kart */
.tm-plans{ display:grid; grid-template-columns:repeat(5,1fr); gap:14px; }
.tm-plan{ position:relative; display:flex; flex-direction:column; background:#fff; border:1px solid #e6eaf1; border-radius:16px; padding:26px 20px 20px; text-decoration:none; color:inherit; box-shadow:0 16px 36px -30px rgba(20,40,80,.45); transition:transform .18s, border-color .18s, box-shadow .18s; }
.tm-plan:hover{ transform:translateY(-4px); border-color:#11a3f4; color:inherit; box-shadow:0 22px 44px -26px rgba(17,163,244,.45); }
.tm-plan.pop{ border:2px solid #11a3f4; background:#f7fbff; }
.tm-plan .rb{ position:absolute; top:-12px; left:50%; transform:translateX(-50%); background:linear-gradient(90deg,#11a3f4,#0b6aa8); color:#fff; font-size:11.5px; font-weight:700; padding:5px 14px; border-radius:30px; white-space:nowrap; }
.tm-plan .nm{ font-size:18px; font-weight:800; color:#10151f; }
.tm-plan .pr{ font-size:28px; font-weight:800; color:#10151f; margin:10px 0 2px; line-height:1; white-space:nowrap; }
.tm-plan .pr small{ font-size:13px; color:#8a93a6; font-weight:600; margin-left:3px; }
.tm-plan .pr.q{ font-size:22px; }
.tm-plan .tg{ font-size:13px; color:#46506a; line-height:1.45; margin:8px 0 12px; flex:1; }
.tm-plan .us{ font-size:12px; font-weight:700; color:#0b6aa8; background:#e9f6fe; border-radius:8px; padding:4px 9px; align-self:flex-start; }
.tm-plan .go{ margin-top:16px; font-size:13.5px; font-weight:700; color:#11a3f4; }
.tm-plans-note{ font-size:14px; color:#46506a; margin:22px 0 0; line-height:1.65; }
.tm-plans-note small{ display:block; font-size:11.5px; color:#aab2c2; margin-top:6px; }
@media(max-width:1199px){ .tm-plans{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:767px){ .tm-plans{ grid-template-columns:1fr 1fr; gap:10px; } .tm-plan{ padding:22px 16px 16px; } .tm-plan .pr{ font-size:24px; } }
@media(max-width:479px){ .tm-plans{ grid-template-columns:1fr; } }

/* SSS: iki bağımsız sütun (biri açılınca diğeri kaymaz) */
.tm-faq-grid{ display:grid; grid-template-columns:1fr 1fr; gap:0 22px; align-items:start; }
@media(max-width:991px){ .tm-faq-grid{ grid-template-columns:1fr; } }

/* ===== Fiyatlandırma sayfası ===== */
.tm-pricing-page{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; align-items:stretch; }
.tm-pricing-page .tm-pcard{ padding:30px 26px 26px; }
.tm-pricing-page .tm-pcard-feats li{ font-size:14px; }
.tm-pricing-page .tm-pcard .tm-pcard-yr{ display:none; }
.tm-pricing-page[data-billing="yearly"] .tm-pcard .tm-pcard-mo{ display:none; }
.tm-pricing-page[data-billing="yearly"] .tm-pcard .tm-pcard-yr{ display:block; }
.tm-pcard-save{ display:inline-block; font-size:12px; color:#1faa54; font-weight:700; margin-top:6px; }
@media(max-width:991px){ .tm-pricing-page{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:600px){ .tm-pricing-page{ grid-template-columns:1fr; } }
.tm-vat{ text-align:center; font-size:12px; color:#aab2c2; margin-top:18px; }

/* karşılaştırma matrisi: 5 paket */
.tm-matrix.five .tm-mx-head,.tm-matrix.five .tm-mx-row{ grid-template-columns:minmax(230px,2.4fr) repeat(5,minmax(0,1fr)); }
.tm-matrix.five .tm-mx-feat{ flex-direction:column; align-items:flex-start; gap:2px; }
.tm-mx-feat small{ display:block; font-weight:400; color:#8a93a6; font-size:12px; line-height:1.35; }
.tm-mx-cell .v{ font-size:12.5px; font-weight:600; color:#39425a; line-height:1.3; }
.tm-mx-cell .e{ font-size:11.5px; font-weight:700; color:#7a5200; background:#fff1cc; border-radius:20px; padding:3px 9px; }
@media(max-width:767px){
  .tm-matrix.five .tm-mx-head,.tm-matrix.five .tm-mx-row{ grid-template-columns:1.4fr 1fr; }
  .tm-matrix.five .tm-mx-tabs button{ flex:1 1 calc(33.33% - 6px); }
  .tm-matrix[data-active="baslangic"] .tm-mx-cell[data-col="baslangic"],
  .tm-matrix[data-active="profesyonel"] .tm-mx-cell[data-col="profesyonel"]{ display:flex; }
}

/* eklentiler */
.tm-addons{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.tm-addon{ background:#fff; border:1px solid var(--tm-line,#e6eaf1); border-radius:16px; padding:26px 24px; box-shadow:0 16px 36px -30px rgba(20,40,80,.45); display:flex; flex-direction:column; }
.tm-addon .for{ font-size:11.5px; font-weight:700; letter-spacing:.4px; text-transform:uppercase; color:#0b6aa8; margin-bottom:8px; }
.tm-addon h3{ font-size:19px; font-weight:700; color:#10151f; margin:0 0 6px; }
.tm-addon .pr{ font-size:26px; font-weight:800; color:#10151f; margin:8px 0 12px; line-height:1; }
.tm-addon .pr small{ font-size:13px; color:#8a93a6; font-weight:600; }
.tm-addon ul{ list-style:none; margin:0; padding:0; flex:1; }
.tm-addon li{ position:relative; padding-left:22px; font-size:14px; color:#46506a; line-height:1.5; margin-bottom:7px; }
.tm-addon li::before{ content:""; position:absolute; left:0; top:7px; width:8px; height:8px; border-radius:50%; background:#11a3f4; }
.tm-addon .note{ font-size:12.5px; color:#8a93a6; margin:12px 0 0; line-height:1.5; }
@media(max-width:991px){ .tm-addons{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:600px){ .tm-addons{ grid-template-columns:1fr; } }

/* bilgi kutusu (Meta ücretleri, ek hizmetler) */
.tm-infobox{ background:#f4f7fb; border-left:4px solid #11a3f4; border-radius:0 14px 14px 0; padding:24px 28px; }
.tm-infobox h3{ font-size:19px; font-weight:700; color:#10151f; margin:0 0 10px; }
.tm-infobox p, .tm-infobox li{ color:#46506a; font-size:14.5px; line-height:1.6; }
.tm-infobox p{ margin:0 0 10px; }
.tm-infobox ul{ margin:0; padding-left:20px; }
.tm-infobox table{ width:100%; border-collapse:collapse; font-size:14px; }
.tm-infobox th,.tm-infobox td{ padding:8px 10px; border-bottom:1px solid #e3e8f0; text-align:left; color:#39425a; }
.tm-infobox th{ font-weight:700; color:#10151f; }

/* İç sayfa hero v2: ana sayfa hero ile aynı canlı zemin; rozetler beyaz pill */
.tm-inner-hero-v2{ background:
	radial-gradient(900px 540px at 15% 10%, rgba(0,220,255,.55) 0%, rgba(0,220,255,0) 60%),
	radial-gradient(820px 620px at 88% 30%, rgba(96,170,255,.55) 0%, rgba(96,170,255,0) 62%),
	linear-gradient(170deg,#051a36 0%,#083a6c 48%,#0a5fb0 100%); padding-bottom:140px; }
.tm-inner-hero-v2 .hero-eyebrow{ color:#8fe3ff; }
.tm-inner-hero-v2 p.s-21{ color:#e6f2ff; }
.tm-inner-hero-v2 .tm-hero-badges{ margin-top:26px; }

/* Mega menü (Modüller): masaüstünde daha geniş, satır kırılmasız */
@media(min-width:992px){
  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu{ width:620px; min-width:620px; padding:22px 26px; }
  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a{ white-space:nowrap; }
}

/* v2.2 (19 Eki gece): hero zemini dengeli (sol üst cyan lekesi kaldırıldı), info ikonu "sizi arayalım" satırında, çerçeve çubuğunda nokta yok */
#hero-14{ background:
	radial-gradient(1100px 620px at 50% -25%, rgba(90,190,255,.42) 0%, rgba(90,190,255,0) 60%),
	radial-gradient(900px 700px at 88% 85%, rgba(17,163,244,.42) 0%, rgba(17,163,244,0) 60%),
	linear-gradient(172deg,#061c3a 0%,#083a6c 55%,#0a5fb0 100%) !important; }
.tm-hero-cta2 .tm-info{ position:relative; display:inline-flex; align-items:center; justify-content:center; margin-left:7px; vertical-align:middle; line-height:0; color:rgba(255,255,255,.85); cursor:pointer; outline:none; }
.tm-hero-cta2 .tm-info:hover,.tm-hero-cta2 .tm-info:focus-visible,.tm-hero-cta2 .tm-info.open{ color:#fff; }
.tm-hero-bar{ padding:8px 10px; }

/* ===== Header v2 (19 Eki gece): üst bilgi şeridi + geniş header, ortalı menü, sağda iki buton ===== */
.tm-topbar{ display:none; background:rgba(4,18,38,.72); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); color:#cfe2f5; font-size:13px; border-bottom:1px solid rgba(255,255,255,.08); transition:opacity .3s, max-height .3s; }
.tm-topbar-in{ max-width:1400px; margin:0 auto; padding:0 28px; height:36px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.tm-topbar-msg{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tm-topbar-msg b{ color:#ffd166; font-weight:700; }
.tm-topbar-right{ display:flex; align-items:center; gap:22px; flex:none; }
.tm-topbar-right a{ color:#e6f2ff; text-decoration:none; font-weight:600; display:inline-flex; align-items:center; gap:6px; }
.tm-topbar-right a:hover{ color:#ffd166; }
.tm-topbar-right svg{ width:14px; height:14px; }
.header-wrapper.scroll .tm-topbar{ display:none; }
@media(min-width:992px){
  .tm-topbar{ display:block; }
  .wsmainwp{ max-width:1400px; padding:0 28px; display:flex; align-items:center; }
  .desktoplogo{ float:none; flex:none; margin:0 36px 0 0; }
  .desktoplogo img{ max-height:28px; }
  .wsmenu{ float:none; flex:1; }
  .wsmenu > .wsmenu-list{ float:none; display:flex; align-items:center; justify-content:center; }
  .wsmenu > .wsmenu-list > li{ float:none; }
  .wsmenu > .wsmenu-list > li > a{ font-size:14.5px; padding-left:13px; padding-right:13px; }
  .wsmenu > .wsmenu-list > li.tm-nav-spacer{ margin-left:auto; }
  #header .tm-nav-cta{ min-width:0; padding-left:20px; padding-right:20px; margin-right:8px; }
  #hero-14{ padding-top:205px; }
  .tm-inner-hero{ padding-top:170px; }
}
#header .tm-nav-cta2{ background:linear-gradient(135deg,#ffc94d 0%,#ff9e2c 100%) !important; border:2px solid transparent !important; color:#1b1200 !important; font-weight:700; box-shadow:0 12px 26px -12px rgba(255,160,40,.7); }
#header .tm-nav-cta2:hover{ filter:brightness(1.05); color:#1b1200 !important; }
@media(max-width:991px){ .tm-nav-cta{ margin-bottom:8px; } }

/* Header v2.1 (19 Eki gece): buton hizası ve hover, demo butonu hero formu geçilince belirir, topbar hover ve dönüşümlü mesaj */
@media(min-width:992px){
  #header .wsmenu > .wsmenu-list > li > a.btn{ margin:0 !important; line-height:1.2 !important; padding:11px 20px !important; height:auto !important; display:inline-flex; align-items:center; justify-content:center; }
  #header .wsmenu > .wsmenu-list > li.tm-nav-spacer{ margin-left:auto; }
  #header .tm-nav-cta{ margin-right:10px !important; }
}
#header .tm-nav-cta{ border-radius:10px !important; }
#header .tm-nav-cta2{ max-width:240px; white-space:nowrap; border-radius:10px !important; background:linear-gradient(135deg,#ffc94d 0%,#ff9e2c 100%) !important; border:2px solid transparent !important; color:#1b1200 !important; font-weight:700; box-shadow:0 10px 22px -10px rgba(255,160,40,.7); transition:transform .18s, box-shadow .18s, background-color .18s, color .18s, opacity .3s, max-width .35s, padding .35s, margin .35s; }
#header .tm-nav-cta2:hover{ background:#10151f !important; color:#fff !important; transform:translateY(-1px); box-shadow:0 14px 28px -12px rgba(16,21,31,.6); }
#header .wsmainfull:not(.scroll) .tm-nav-cta2:hover{ background:#fff !important; color:#0b4f85 !important; }
.header-wrapper.tm-demo-off .tm-nav-cta2{ max-width:0; padding-left:0 !important; padding-right:0 !important; margin:0 !important; border-width:0 !important; opacity:0; overflow:hidden; pointer-events:none; transform:translateY(-6px); }
.header-wrapper.tm-demo-off .tm-nav-cta{ margin-right:0 !important; }
.tm-topbar-msg{ position:relative; flex:1; height:36px; min-width:0; }
.tm-topbar-msg > span{ position:absolute; left:0; top:0; right:0; line-height:36px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; opacity:0; transition:opacity .5s ease; }
.tm-topbar-msg > span.on{ opacity:1; }
.tm-topbar-msg a{ color:#ffd166; text-decoration:underline; }
.tm-topbar-right a{ padding:4px 9px; border-radius:6px; transition:background-color .15s, color .15s; }
.tm-topbar-right a:hover{ color:#fff !important; background:rgba(255,255,255,.14); }
.tm-topbar-right svg{ width:14px; height:14px; flex:none; }

/* Header v2.2: butonlar arası boşluk li üzerinde (a.btn margin:0 kuralı sağ boşluğu siliyordu), yumuşak hover, topbar ayraçları */
@media(min-width:992px){
  #header .wsmenu > .wsmenu-list > li.tm-nav-spacer{ margin-right:12px; transition:margin .35s ease; }
  .header-wrapper.tm-demo-off .wsmenu > .wsmenu-list > li.tm-nav-spacer{ margin-right:0; }
}
#header .tm-nav-cta{ transition:background-color .3s ease, color .3s ease, border-color .3s ease, transform .3s ease, box-shadow .3s ease !important; }
#header .tm-nav-cta:hover{ transform:translateY(-1px); }
#header .tm-nav-cta2{ position:relative; z-index:0; overflow:hidden; transition:transform .3s ease, box-shadow .3s ease, color .3s ease, opacity .3s ease, max-width .35s ease, padding .35s ease !important; }
#header .tm-nav-cta2::before{ content:""; position:absolute; inset:0; z-index:-1; border-radius:inherit; background:#10151f; opacity:0; transition:opacity .3s ease; }
#header .wsmainfull:not(.scroll) .tm-nav-cta2::before{ background:#fff; }
#header .tm-nav-cta2:hover{ background:linear-gradient(135deg,#ffc94d 0%,#ff9e2c 100%) !important; }
#header .tm-nav-cta2:hover::before{ opacity:1; }
.tm-topbar-right{ gap:0; }
.tm-topbar-right a{ padding:4px 12px; }
.tm-topbar-right a + a{ position:relative; margin-left:1px; }
.tm-topbar-right a + a::before{ content:""; position:absolute; left:-1px; top:50%; height:14px; margin-top:-7px; width:1px; background:rgba(255,255,255,.22); }

/* Header v2.3: demo hover katmanı kenarlık dahil tüm butonu kaplar (sarı halka kalmaz); topbar link hover'ı ince çerçeve */
#header .tm-nav-cta2::before{ inset:-2px; }
.tm-topbar-right a{ border:1px solid transparent; background:transparent !important; transition:border-color .25s ease, color .25s ease; }
.tm-topbar-right a:hover{ background:transparent !important; border-color:rgba(255,255,255,.4); color:#fff !important; }

/* Header v2.4: sarı halkanın asıl sebebi overflow:hidden'ın katmanı kenarlık alanında kırpmasıydı; demo butonunda kenarlık tamamen kaldırıldı, boşluk padding'e eklendi */
#header .tm-nav-cta2{ border:0 !important; }
@media(min-width:992px){ #header .wsmenu > .wsmenu-list > li > a.tm-nav-cta2{ padding:13px 22px !important; } }
#header .tm-nav-cta2::before{ inset:0; }

/* Header v2.5: topbar scroll'da display:none ile "çat" diye kaybolmuyor; tüm header 36 px yukarı kayar, topbar solar */
@media(min-width:992px){
  .header-wrapper{ transition:transform .4s cubic-bezier(.4,0,.2,1); will-change:transform; }
  .header-wrapper.scroll{ transform:translateY(-37px); }
  .header-wrapper.scroll .tm-topbar{ display:block; opacity:0; pointer-events:none; }
  .tm-topbar{ transition:opacity .3s ease; }
}

/* =====================================================================
   MENÜ v3 (20 Eki 2026): masaüstü kompakt açılır menü (C), mobil katmanlı çekmece (2)
   ===================================================================== */
.tmi{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex:none; display:block; }
.tm-nav,.tm-ctas{ display:none; }
@media(min-width:992px){
  .tm-nav{ display:flex; align-items:center; justify-content:center; flex:1; gap:2px; }
  .tm-ctas{ display:flex; align-items:center; flex:none; }
  .tm-nav .it{ position:relative; }
  .tm-nav .top{ display:inline-flex; align-items:center; gap:5px; padding:9px 13px; border-radius:9px; font-size:14.5px; font-weight:600; color:#fff; text-decoration:none; transition:background-color .2s, color .2s; }
  .tm-nav .top .chev{ width:14px; height:14px; transition:transform .25s; }
  .tm-nav .top:hover,.tm-nav .it.open .top{ background:rgba(255,255,255,.12); color:#fff; }
  .tm-nav .it.open .top .chev{ transform:rotate(180deg); }
  .wsmainfull.scroll .tm-nav .top{ color:#10151f; }
  .wsmainfull.scroll .tm-nav .top:hover,.wsmainfull.scroll .tm-nav .it.open .top{ background:rgba(16,21,31,.06); color:#10151f; }
  /* panel */
  .tm-mpanel{ position:absolute; top:calc(100% + 14px); left:-10px; z-index:40; opacity:0; visibility:hidden; transform:translateY(8px); transition:opacity .22s ease, transform .22s ease, visibility .22s; }
  .tm-mpanel::before{ content:""; position:absolute; left:0; right:0; top:-16px; height:16px; }
  .tm-nav .it.open .tm-mpanel{ opacity:1; visibility:visible; transform:none; }
  .tm-mcard{ position:relative; display:flex; background:#fff; border-radius:18px; box-shadow:0 30px 70px -26px rgba(3,20,40,.55), 0 0 0 1px rgba(16,21,31,.05); overflow:hidden; }
  .tm-mpanel > .tm-mcard::after{ content:""; position:absolute; top:-6px; left:38px; width:14px; height:14px; background:#fff; transform:rotate(45deg); border-radius:3px; }
  .tm-mpanel.wide{ left:50%; transform:translate(-50%,8px); }
  .tm-nav .it.open .tm-mpanel.wide{ transform:translate(-50%,0); }
  .tm-mpanel.wide > .tm-mcard::after{ left:50%; margin-left:-7px; }
  .tm-mlist{ width:360px; padding:12px; }
  .tm-mlist.two{ width:680px; display:grid; grid-template-columns:1fr 1fr; gap:2px 6px; }
  .tm-mlist .grp .lbl{ display:block; font-size:10.5px; font-weight:800; letter-spacing:1px; text-transform:uppercase; color:#8a93a6; padding:10px 12px 4px; }
  .tm-mfoot{ display:flex; justify-content:space-between; align-items:center; margin-top:-14px; padding:26px 22px 14px; background:#f4f7fb; border-radius:0 0 18px 18px; font-size:13px; color:#46506a; box-shadow:0 30px 70px -26px rgba(3,20,40,.55); }
  .tm-mfoot a{ color:#11a3f4; font-weight:700; text-decoration:none; }
  .tm-mfoot a:hover{ color:#0b6aa8; }
}
/* satır (masaüstü + mobil ortak) */
.tm-mrow{ display:flex; gap:12px; align-items:flex-start; padding:10px 12px; border-radius:12px; text-decoration:none; color:inherit; transition:background-color .18s; }
.tm-mrow:hover{ background:#f2f7fc; color:inherit; }
.tm-mrow .ic{ width:38px; height:38px; border-radius:11px; background:#e9f6fe; color:#11a3f4; display:grid; place-items:center; flex:none; transition:background-color .18s, color .18s; }
.tm-mrow:hover .ic{ background:#11a3f4; color:#fff; }
.tm-mrow .tx b{ display:block; font-size:14.5px; font-weight:700; color:#10151f; line-height:1.3; }
.tm-mrow .tx small{ display:block; font-size:12.5px; color:#6b7488; line-height:1.45; margin-top:2px; }
.tm-badge-new{ display:inline-block; font-size:10px; font-weight:800; color:#7a5200; background:#fff1cc; border-radius:20px; padding:2px 7px; margin-left:6px; vertical-align:2px; }
/* öne çıkan kart */
.tm-mfeat{ width:236px; flex:none; background:linear-gradient(160deg,#0a3a61 0%,#0b6aa8 100%); color:#fff; padding:20px; display:flex; flex-direction:column; }
.tm-mfeat .k{ font-size:10.5px; font-weight:800; letter-spacing:1px; text-transform:uppercase; color:#ffd166; }
.tm-mfeat b{ font-size:17px; line-height:1.3; margin:8px 0 6px; }
.tm-mfeat p{ margin:0; font-size:13px; color:#cfe6f7; line-height:1.5; }
.tm-mfeat .shot{ display:block; margin:14px 0; height:84px; border-radius:10px; background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.06)); border:1px solid rgba(255,255,255,.2); position:relative; }
.tm-mfeat .shot::before{ content:""; position:absolute; left:10px; right:10px; top:10px; height:7px; border-radius:4px; background:rgba(255,255,255,.25); }
.tm-mfeat .shot::after{ content:""; position:absolute; left:10px; right:40%; top:24px; bottom:10px; border-radius:6px; background:repeating-linear-gradient(90deg,rgba(255,209,102,.55) 0 16px,transparent 16px 22px); opacity:.6; }
.tm-mfeat a{ margin-top:auto; font-weight:700; font-size:13.5px; color:#fff; text-decoration:none; }
.tm-mfeat a:hover{ color:#ffd166; }
/* header düzeni: logo | menü | butonlar */
@media(min-width:992px){
  #header .tm-ctas .tm-nav-cta{ padding:11px 20px !important; font-size:15px; line-height:1.2 !important; margin:0 !important; display:inline-flex; align-items:center; }
  #header .tm-ctas .tm-nav-cta2{ padding:13px 22px !important; font-size:15px; line-height:1.2 !important; margin:0 0 0 12px !important; display:inline-flex; align-items:center; }
  .header-wrapper.tm-demo-off .tm-ctas .tm-nav-cta2{ margin-left:0 !important; }
  #header .wsmainfull:not(.scroll) .tm-nav-cta{ background:transparent !important; border-color:rgba(255,255,255,.9) !important; color:#fff !important; }
  #header .wsmainfull:not(.scroll) .tm-nav-cta:hover{ background:#fff !important; border-color:#fff !important; color:#0b4f85 !important; }
}
/* MOBİL: burger + katmanlı çekmece */
.tm-burger{ display:none; }
@media(max-width:991px){
  .tm-burger{ display:grid; place-items:center; position:absolute; right:14px; top:7px; width:40px; height:40px; border-radius:10px; border:1px solid #e3e8f0; background:#fff; color:#10151f; cursor:pointer; }
}
.tm-drawer{ position:fixed; inset:0; z-index:10050; pointer-events:none; visibility:hidden; transition:visibility .35s; }
.tm-drawer.open{ pointer-events:auto; visibility:visible; }
.tm-drawer-scrim{ position:absolute; inset:0; background:rgba(4,14,30,.55); opacity:0; transition:opacity .3s; }
.tm-drawer.open .tm-drawer-scrim{ opacity:1; }
.tm-drawer-sheet{ position:absolute; top:0; right:0; bottom:0; width:min(420px,100%); background:#fff; transform:translateX(100%); transition:transform .35s cubic-bezier(.4,0,.2,1); display:flex; flex-direction:column; }
.tm-drawer.open .tm-drawer-sheet{ transform:none; }
.tm-dh{ height:64px; display:flex; align-items:center; justify-content:space-between; padding:0 16px 0 18px; border-bottom:1px solid #e6eaf1; flex:none; }
.tm-dh img{ height:24px; width:auto; display:block; }
.tm-dclose{ width:40px; height:40px; border-radius:10px; border:1px solid #e6eaf1; background:#fff; color:#10151f; display:grid; place-items:center; cursor:pointer; }
.tm-db{ flex:1; position:relative; overflow:hidden; }
.tm-lvl{ position:absolute; inset:0; overflow:auto; background:#fff; transition:transform .32s cubic-bezier(.4,0,.2,1); -webkit-overflow-scrolling:touch; }
.tm-lvl.sub{ transform:translateX(100%); }
.tm-lvl.sub.on{ transform:none; }
.tm-lvl.root.away{ transform:translateX(-30%); }
.tm-big{ width:100%; border:0; background:#fff; font:inherit; text-align:left; display:flex; align-items:center; gap:14px; padding:14px 18px; border-bottom:1px solid #eef2f7; color:#10151f; text-decoration:none; cursor:pointer; }
.tm-big:hover{ background:#f7fafd; color:#10151f; }
.tm-big .ic{ width:42px; height:42px; border-radius:12px; background:#e9f6fe; color:#11a3f4; display:grid; place-items:center; flex:none; }
.tm-big b{ display:block; font-size:16px; font-weight:700; }
.tm-big small{ display:block; font-size:12.5px; color:#6b7488; margin-top:2px; }
.tm-big .go{ margin-left:auto; color:#aab2c2; }
.tm-back{ width:100%; border:0; background:#fff; font:inherit; display:flex; align-items:center; gap:8px; padding:15px 18px; font-size:16px; font-weight:700; color:#11a3f4; border-bottom:1px solid #eef2f7; position:sticky; top:0; z-index:2; cursor:pointer; text-align:left; }
.tm-lvl-in{ padding:6px 8px 20px; }
.tm-lvl-in .lbl{ display:block; font-size:10.5px; font-weight:800; letter-spacing:1px; text-transform:uppercase; color:#8a93a6; padding:14px 12px 4px; }
.tm-all{ display:block; margin:12px 12px 0; padding:12px; border-radius:12px; background:#f4f7fb; color:#11a3f4; font-weight:700; text-align:center; text-decoration:none; }
.tm-df{ padding:14px 18px 20px; border-top:1px solid #e6eaf1; display:grid; gap:10px; flex:none; }
.tm-dbtn{ display:block; text-align:center; padding:14px; border-radius:12px; font-weight:700; font-size:15px; text-decoration:none; }
.tm-dbtn.o{ border:1.5px solid #d8dfea; color:#10151f; }
.tm-dbtn.p{ background:linear-gradient(135deg,#ffc94d 0%,#ff9e2c 100%); color:#1b1200; }
.tm-dmeta{ display:flex; justify-content:center; gap:18px; font-size:13px; }
.tm-dmeta a{ color:#46506a; text-decoration:none; display:inline-flex; align-items:center; gap:5px; }
.tm-dmeta .tmi{ width:14px; height:14px; }
@media(prefers-reduced-motion:reduce){ .tm-mpanel,.tm-drawer-sheet,.tm-lvl{ transition:none; } }
@media(min-width:992px){
  .tm-mpanel.wide .tm-mcard{ flex-direction:column; }
  .tm-mfoot{ margin:0; padding:14px 24px; border-radius:0; box-shadow:none; border-top:1px solid #e6eaf1; }
}
@media(max-width:991px){ .tm-burger{ top:50%; transform:translateY(-50%); } }

/* MENÜ v3.1: şablonun a:hover{color:#353f4f!important} kuralı menü yazılarını koyulaştırıyordu; renkler !important ile sabitlendi.
   Menüler arası geçişte eski panel solarken yenisi açılıyordu (göz kırpma); geçiş anında yapılır. */
@media(min-width:992px){
  .tm-nav .top{ transition:background-color .2s ease; }
  .tm-nav .top, .tm-nav .top:hover, .tm-nav .it.open .top{ color:#fff !important; }
  .wsmainfull.scroll .tm-nav .top, .wsmainfull.scroll .tm-nav .top:hover, .wsmainfull.scroll .tm-nav .it.open .top{ color:#10151f !important; }
  .tm-nav.switching .tm-mpanel, .tm-nav.switching .top, .tm-nav.switching .top .chev{ transition:none !important; }
}
.tm-mrow:hover, .tm-mrow:hover .tx b{ color:#10151f !important; }
.tm-mfeat a:hover{ color:#ffd166 !important; }
.tm-mfoot a:hover{ color:#0b6aa8 !important; }
.tm-big:hover{ color:#10151f !important; }
.tm-all:hover{ color:#0b6aa8 !important; }
.tm-dbtn.o:hover{ color:#10151f !important; }
.tm-dbtn.p:hover{ color:#1b1200 !important; }
.tm-dmeta a:hover{ color:#11a3f4 !important; }

/* Widget şeridi: owl kenarlarında kart çerçevesi ve gölgesi kırpılmasın */
.tm-wcarousel .owl-item{ padding:2px 2px 22px; }
.tm-wcarousel .owl-stage-outer{ margin-bottom:-20px; }

/* Güven bandı: yedekleme maddeleri yatay kayan şerit (hover'da durur, kenarlarda solar) */
.tm-ticker{ position:relative; overflow:hidden; margin-top:28px; padding:12px 0; border-top:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.14);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%); }
.tm-ticker-track{ display:flex; width:max-content; animation:tm-ticker 28s linear infinite; }
.tm-ticker:hover .tm-ticker-track{ animation-play-state:paused; }
.tm-tick{ display:inline-flex; align-items:center; gap:9px; padding:0 26px; font-size:14.5px; font-weight:600; color:#e6f2ff; white-space:nowrap; position:relative; }
.tm-tick::after{ content:""; position:absolute; right:-2px; top:50%; width:4px; height:4px; margin-top:-2px; border-radius:50%; background:rgba(159,216,255,.5); }
.tm-tick svg{ width:16px; height:16px; fill:none; stroke:#5fe0a0; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.tm-ticker-sr{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); margin:0; padding:0; }
@keyframes tm-ticker{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
@media(prefers-reduced-motion:reduce){ .tm-ticker-track{ animation:none; flex-wrap:wrap; width:auto; } .tm-ticker{ -webkit-mask-image:none; mask-image:none; } }

/* Hero ekran çerçevesi: alt kısım hero zeminine yumuşakça erir (dalga çizgisinde bıçakla kesilmiş görünmez).
   Maske gölgeyi de kestiği için dış parlama, çerçevenin arkasındaki ayrı bir katmana taşındı. */
.tm-hero-screens{ position:relative; }
.tm-hero-screens::before{ content:""; position:absolute; left:8%; right:8%; top:18%; height:55%; z-index:-1; border-radius:50%; background:radial-gradient(closest-side, rgba(0,210,255,.45), rgba(0,210,255,0)); filter:blur(30px); pointer-events:none; }
.tm-hero-bar, .tm-hero-frame{ box-shadow:none; }
.tm-hero-frame{ border-bottom:0; }
.tm-hero-mask{ -webkit-mask-image:linear-gradient(to bottom, #000 0%, #000 52%, rgba(0,0,0,.55) 72%, transparent 92%); mask-image:linear-gradient(to bottom, #000 0%, #000 52%, rgba(0,0,0,.55) 72%, transparent 92%); }
@media(max-width:767px){ .tm-hero-mask{ -webkit-mask-image:linear-gradient(to bottom, #000 60%, transparent 96%); mask-image:linear-gradient(to bottom, #000 60%, transparent 96%); } }
/* Çerçevenin tamamı hero içinde kalır; erime beyaz dalganın üzerinde tamamlanır (kesik çizgi oluşmaz) */
.tm-hero-mask{ -webkit-mask-image:linear-gradient(to bottom, #000 0%, #000 50%, rgba(0,0,0,.5) 74%, transparent 94%); mask-image:linear-gradient(to bottom, #000 0%, #000 50%, rgba(0,0,0,.5) 74%, transparent 94%); }
@media(min-width:768px){ .tm-hero-screens{ margin-bottom:105px; } }
@media(max-width:767px){ .tm-hero-screens{ margin-bottom:40px; } }

/* Demo butonu gizliyken yer kaplamasın: "#header .tm-ctas .tm-nav-cta2" kuralı (padding ve margin !important) gizleme kuralını eziyordu.
   Gizli halde genişlik, padding ve boşluk sıfır; görünürken 0,35 sn'de açılır, menü bloğu da aynı sürede yumuşakça yeniden ortalanır. */
@media(min-width:992px){
  #header .tm-ctas .tm-nav-cta2{ transition:max-width .4s cubic-bezier(.4,0,.2,1), padding .4s cubic-bezier(.4,0,.2,1), margin .4s cubic-bezier(.4,0,.2,1), opacity .3s ease, transform .3s ease, box-shadow .3s ease, color .3s ease !important; }
  #header .header-wrapper.tm-demo-off .tm-ctas .tm-nav-cta2{ max-width:0; padding-left:0 !important; padding-right:0 !important; margin-left:0 !important; opacity:0; pointer-events:none; box-shadow:none; }
}
/* Logo boşluğu: iki logo kapsayıcısı (beyaz ve koyu) vardı; gizli olanın sağ boşluğu da yer kaplıyordu, menü bloğu 36 px sağa kayıyordu.
   Boşluk artık yalnız görünen logo bağlantısında. */
@media(min-width:992px){
  .desktoplogo{ margin:0 !important; }
  .desktoplogo > a{ display:block; margin-right:36px; }
}
@media(min-width:992px){
  .desktoplogo > a{ margin-right:0; }
  .tm-nav{ margin:0 24px; }
}

/* Ana sayfa entegrasyon duvarı: daha az ve daha büyük kutu, sınırlı yükseklik, altta erime; tamamı entegrasyonlar sayfasında */
.tm-int-clip{ position:relative; max-width:1080px; margin:0 auto; max-height:318px; overflow:hidden;
  -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 58%,transparent 100%); mask-image:linear-gradient(to bottom,#000 0,#000 58%,transparent 100%); }
.tm-int-clip.fits{ max-height:none; -webkit-mask-image:none; mask-image:none; }
.tm-int-clip .tm-int-wall{ grid-template-columns:repeat(6,1fr); gap:14px; }
.tm-int-clip .tm-int-tile{ height:88px; border-radius:14px; }
.tm-int-clip .tm-int-tile img{ max-height:42px; max-width:140px; }
@media(max-width:991px){ .tm-int-clip .tm-int-wall{ grid-template-columns:repeat(4,1fr); } }
@media(max-width:575px){ .tm-int-clip{ max-height:290px; } .tm-int-clip .tm-int-wall{ grid-template-columns:repeat(3,1fr); gap:10px; } .tm-int-clip .tm-int-tile{ height:72px; } }

/* =====================================================================
   ENTEGRASYONLAR v2 (20 Eki 2026): gerçek logolar, katalog kartları, detay modalı
   ===================================================================== */
img.inv{ filter:brightness(0) saturate(100%); opacity:.85; }
.tm-lg-txt{ font-weight:800; font-size:15px; color:#46506a; text-align:center; line-height:1.2; }
/* ana sayfa duvarı: gerçek logolar, sakin gri tonda; üzerine gelince renkli */
.tm-int-clip .tm-int-tile{ flex-direction:column; gap:4px; text-decoration:none; }
.tm-int-clip .tm-int-tile img{ max-height:38px; max-width:130px; filter:grayscale(1); opacity:.75; transition:filter .25s, opacity .25s; }
.tm-int-clip .tm-int-tile img.inv{ filter:brightness(0); opacity:.6; }
.tm-int-clip .tm-int-tile:hover img{ filter:none; opacity:1; }
.tm-int-clip .tm-int-tile:hover img.inv{ filter:brightness(0); opacity:.9; }
.tm-int-tile .nm{ font-size:11.5px; font-weight:700; color:#6b7488; line-height:1.1; text-align:center; }
/* katalog araç çubuğu */
.tm-int-bar{ display:flex; align-items:center; gap:16px; max-width:760px; margin:0 auto 18px; }
.tm-int-search{ flex:1; position:relative; margin:0; }
.tm-int-search svg{ position:absolute; left:16px; top:50%; width:18px; height:18px; margin-top:-9px; fill:none; stroke:#8a93a6; stroke-width:2; stroke-linecap:round; }
.tm-int-search input{ width:100%; height:52px; padding:0 18px 0 46px; border:1.5px solid #e0e6ef; border-radius:14px; font-size:15px; color:#10151f; background:#fff; transition:border-color .2s, box-shadow .2s; }
.tm-int-search input:focus{ outline:none; border-color:#11a3f4; box-shadow:0 0 0 4px rgba(17,163,244,.12); }
.tm-int-count{ flex:none; font-size:13.5px; font-weight:700; color:#6b7488; }
.tm-int-chips{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:0 auto 34px; max-width:1100px; }
.tm-int-chips button{ border:1.5px solid #e0e6ef; background:#fff; color:#46506a; border-radius:30px; padding:8px 15px; font-size:13.5px; font-weight:600; cursor:pointer; transition:border-color .2s, background-color .2s, color .2s; }
.tm-int-chips button small{ font-size:11.5px; color:#8a93a6; margin-left:3px; }
.tm-int-chips button:hover{ border-color:#11a3f4; color:#0b6aa8; }
.tm-int-chips button.on{ background:#10151f; border-color:#10151f; color:#fff; }
.tm-int-chips button.on small{ color:#aab2c2; }
/* kartlar */
.tm-ic-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.tm-ic[hidden]{ display:none; }
.tm-ic-open{ width:100%; height:100%; border:1px solid #e6eaf1; background:#fff; border-radius:16px; padding:18px 18px 16px; text-align:left; cursor:pointer; display:flex; flex-direction:column; transition:transform .2s, border-color .2s, box-shadow .2s; font:inherit; }
.tm-ic-open:hover{ transform:translateY(-3px); border-color:#11a3f4; box-shadow:0 20px 40px -26px rgba(17,163,244,.5); }
.tm-ic-logo{ height:76px; border-radius:12px; background:#f7f9fc; display:grid; place-items:center; padding:12px; margin-bottom:14px; }
.tm-ic-logo img{ max-height:46px; max-width:150px; width:auto; object-fit:contain; }
.tm-ic-name{ font-size:16px; font-weight:700; color:#10151f; line-height:1.3; }
.tm-ic-cat{ font-size:12.5px; color:#8a93a6; margin-top:3px; }
.tm-ic-badge{ align-self:flex-start; margin-top:8px; font-size:11px; font-weight:700; color:#7a5200; background:#fff1cc; border-radius:20px; padding:3px 9px; }
.tm-ic-more{ margin-top:auto; padding-top:14px; display:inline-flex; align-items:center; gap:6px; font-size:13.5px; font-weight:700; color:#11a3f4; }
.tm-ic-more svg{ width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; transition:transform .2s; }
.tm-ic-open:hover .tm-ic-more svg{ transform:translateX(3px); }
.tm-ic-empty{ text-align:center; color:#46506a; font-size:15px; margin-top:24px; }
@media(max-width:1199px){ .tm-ic-grid{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:767px){ .tm-ic-grid{ grid-template-columns:repeat(2,1fr); gap:10px; } .tm-ic-open{ padding:14px; } .tm-ic-logo{ height:64px; } .tm-int-bar{ flex-direction:column; align-items:stretch; gap:8px; } .tm-int-count{ text-align:center; } }
/* detay modalı */
.tm-int-modal{ max-width:560px; padding:30px 30px 26px; }
.tm-im-head{ display:flex; align-items:center; gap:16px; margin-bottom:14px; padding-right:30px; }
.tm-im-logo{ width:110px; height:64px; flex:none; border-radius:12px; background:#f7f9fc; border:1px solid #eef2f7; display:grid; place-items:center; padding:8px; }
.tm-im-logo img{ max-width:96px; max-height:44px; }
.tm-im-cat{ display:block; font-size:12px; font-weight:700; letter-spacing:.4px; text-transform:uppercase; color:#11a3f4; margin-bottom:2px; }
.tm-int-modal .tm-modal-title{ margin:0; }
.tm-im-st{ display:inline-block; margin-top:6px; font-size:11px; font-weight:700; color:#7a5200; background:#fff1cc; border-radius:20px; padding:3px 9px; }
.tm-im-desc{ font-size:15px; color:#2a3147; line-height:1.6; margin:0 0 16px; }
.tm-int-modal h4{ font-size:14px; font-weight:800; color:#10151f; margin:0 0 8px; }
.tm-im-list{ list-style:none; margin:0 0 18px; padding:0; }
.tm-im-list li{ position:relative; padding-left:26px; margin-bottom:8px; font-size:14.5px; color:#46506a; line-height:1.5; }
.tm-im-list li::before{ content:""; position:absolute; left:0; top:3px; width:16px; height:16px; border-radius:50%; background:#e9f9ef; border:1.5px solid #1faa54; }
.tm-im-list li::after{ content:""; position:absolute; left:5.5px; top:6px; width:4px; height:8px; border-right:2px solid #1faa54; border-bottom:2px solid #1faa54; transform:rotate(45deg); }
.tm-im-meta{ display:grid; grid-template-columns:1fr 1.6fr; gap:12px; background:#f4f7fb; border-radius:12px; padding:14px 16px; margin-bottom:18px; }
.tm-im-meta span{ display:block; font-size:11.5px; font-weight:700; letter-spacing:.3px; text-transform:uppercase; color:#8a93a6; margin-bottom:4px; }
.tm-im-meta b{ font-size:14px; color:#10151f; }
.tm-im-meta p{ margin:0; font-size:13.5px; color:#46506a; line-height:1.5; }
.tm-im-cta{ display:flex; gap:10px; }
.tm-im-cta .btn{ flex:1; }
@media(max-width:600px){ .tm-im-meta{ grid-template-columns:1fr; } .tm-im-cta{ flex-direction:column; } .tm-int-modal{ padding:26px 20px 20px; } }
/* katalog dışı bandı */
.tm-int-cta{ display:flex; align-items:center; justify-content:space-between; gap:24px; background:linear-gradient(135deg,#0f2a44 0%,#0b4f85 100%); color:#fff; border-radius:22px; padding:36px 40px; }
.tm-int-cta h2{ color:#fff; font-size:28px; font-weight:700; margin:0 0 8px; }
.tm-int-cta p{ color:#cfe6f7; margin:0; font-size:15.5px; line-height:1.6; max-width:640px; }
.tm-int-cta .btn{ flex:none; }
@media(max-width:767px){ .tm-int-cta{ flex-direction:column; align-items:flex-start; padding:28px 24px; } }
/* Ana sayfa vitrini 18 logo (3 satır): üçüncü satır eriyerek biter, sekmeler kaldırıldı */
.tm-int-clip{ max-height:256px; margin-top:6px; }
@media(max-width:991px){ .tm-int-clip{ max-height:256px; } }
/* 18 logonun hepsi görünsün; yalnız son satırın alt kenarı hafifçe erisin */
.tm-int-clip, .tm-int-clip.fits{ max-height:none; -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 78%,rgba(0,0,0,.25) 100%); mask-image:linear-gradient(to bottom,#000 0,#000 78%,rgba(0,0,0,.25) 100%); }
/* Entegrasyonlar hero rozetleri: anlamına uygun ikon renkleri */
.tm-hero-badges i.bi-green{ background:#1faa54; }
.tm-hero-badges i.bi-amber{ background:#ff9e2c; }
.tm-hero-badges i.bi-blue{ background:#11a3f4; }

/* ===== DEMO SAYFASI v2 (20 Ekim 2026): hero'da form kartı, akış, ajanda, segment, söz, SSS ===== */
.tm-demo-hero{ padding-bottom:120px; }
.tm-demo-hero .tm-demo-grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:52px; align-items:center; }
.tm-demo-hero .tm-demo-copy{ text-align:left; }
.tm-demo-hero .tm-demo-copy .tm-bc{ justify-content:flex-start; }
.tm-demo-hero .tm-demo-copy h1{ margin-bottom:14px; }
.tm-demo-hero .tm-demo-copy .tm-hero-badges{ justify-content:flex-start; }
.tm-demo-hero .tm-demo-proof{ display:flex; gap:26px; margin-top:30px; padding-top:22px; border-top:1px solid rgba(255,255,255,.18); }
.tm-demo-hero .tm-demo-proof div b{ display:block; color:#fff; font-size:24px; font-weight:800; line-height:1.1; }
.tm-demo-hero .tm-demo-proof div span{ color:#bcd7f2; font-size:13px; }
.tm-demo-card{ background:#fff; border-radius:22px; padding:30px 30px 24px; box-shadow:0 36px 80px -30px rgba(2,20,50,.6); color:#10151f; }
.tm-demo-card h2{ font-size:22px; font-weight:800; margin:0 0 4px; color:#10151f; }
.tm-demo-card .lead{ font-size:14px; color:#5b6579; margin:0 0 18px; line-height:1.5; }
.tm-demo-card .tm-field{ margin-bottom:12px; }
.tm-demo-card .tm-field > span{ font-size:12.5px; }
.tm-demo-card .tm-field input, .tm-demo-card .tm-field select{ height:46px; }
.tm-demo-card .tm-field textarea{ min-height:72px; }
.tm-demo-card .tm-modal-btn{ width:100%; margin-top:4px; }
.tm-demo-card .tm-modal-note{ margin-top:12px; font-size:12.5px; color:#7a8497; text-align:center; }
.tm-demo-card .tm-modal-note a{ color:#0a5fb0; }
.tm-demo-card .tm-demo-alt{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-top:14px; padding-top:14px; border-top:1px dashed #e0e6ef; font-size:13.5px; color:#46506a; }
.tm-demo-card .tm-demo-alt a{ color:#0a5fb0; font-weight:600; }
.tm-demo-card .tm-modal-done{ padding:18px 0 6px; }
@media(max-width:991px){ .tm-demo-hero .tm-demo-grid{ grid-template-columns:1fr; gap:34px; } .tm-demo-hero .tm-demo-copy{ text-align:center; } .tm-demo-hero .tm-demo-copy .tm-bc, .tm-demo-hero .tm-demo-copy .tm-hero-badges, .tm-demo-hero .tm-demo-proof{ justify-content:center; } }
@media(max-width:600px){ .tm-demo-card{ padding:24px 20px 20px; } .tm-demo-card .tm-field-row{ flex-direction:column; gap:0; } .tm-demo-hero .tm-demo-proof{ gap:18px; flex-wrap:wrap; } }

/* Demo akışı: 4 adım, aralarında ince bağlantı çizgisi */
.tm-flow{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; counter-reset:tmflow; }
.tm-flow .tm-flow-step{ position:relative; background:#fff; border:1px solid var(--tm-line,#e6eaf1); border-radius:18px; padding:26px 22px 22px; box-shadow:0 16px 36px -28px rgba(20,40,80,.4); }
.tm-flow .tm-flow-step::before{ counter-increment:tmflow; content:"0" counter(tmflow); display:inline-block; font-size:12px; font-weight:800; letter-spacing:.08em; color:#11a3f4; margin-bottom:10px; }
.tm-flow .tm-flow-step .when{ position:absolute; top:22px; right:20px; font-size:11.5px; font-weight:700; color:#fff; background:#10151f; border-radius:20px; padding:4px 10px; }
.tm-flow .tm-flow-step b{ display:block; font-size:17px; color:#10151f; margin:0 0 8px; }
.tm-flow .tm-flow-step p{ margin:0; font-size:14.5px; color:#46506a; line-height:1.55; }
@media(max-width:991px){ .tm-flow{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ .tm-flow{ grid-template-columns:1fr; } }

/* 30 dakikalık ajanda: solda zaman dilimleri (tıklanabilir), sağda ekran */
.tm-agenda{ display:grid; grid-template-columns:.9fr 1.1fr; gap:40px; align-items:center; }
.tm-agenda-list{ display:flex; flex-direction:column; gap:8px; }
.tm-agenda-item{ display:grid; grid-template-columns:72px 1fr; gap:14px; text-align:left; background:transparent; border:1px solid transparent; border-radius:14px; padding:14px 16px; cursor:pointer; transition:background .15s, border-color .15s; width:100%; font-family:inherit; }
.tm-agenda-item .t{ font-size:12.5px; font-weight:800; color:#11a3f4; letter-spacing:.02em; padding-top:3px; }
.tm-agenda-item b{ display:block; font-size:16px; color:#10151f; margin-bottom:3px; }
.tm-agenda-item p{ margin:0; font-size:14px; color:#5b6579; line-height:1.5; }
.tm-agenda-item:hover{ background:#f4f7fb; }
.tm-agenda-item.on{ background:#fff; border-color:#dbe3ee; box-shadow:0 14px 30px -24px rgba(20,40,80,.45); }
.tm-agenda-item.on .t{ color:#0a5fb0; }
.tm-agenda-shot{ position:relative; border-radius:18px; overflow:hidden; background:#0f1a2b; box-shadow:0 40px 80px -36px rgba(2,20,50,.55); border:1px solid #1d2a40; }
.tm-agenda-shot img{ display:block; width:100%; height:auto; }
.tm-agenda-shot .cap{ position:absolute; left:14px; bottom:12px; background:rgba(16,21,31,.78); color:#fff; font-size:12.5px; font-weight:600; padding:6px 12px; border-radius:20px; backdrop-filter:blur(4px); }
.tm-agenda-shot .tag{ position:absolute; right:14px; top:12px; background:rgba(255,255,255,.9); color:#10151f; font-size:11.5px; font-weight:700; padding:4px 10px; border-radius:20px; }
@media(max-width:991px){ .tm-agenda{ grid-template-columns:1fr; gap:26px; } .tm-agenda-shot{ order:-1; } }

/* Segmentlere göre demo odağı */
.tm-seg-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.tm-seg{ background:#fff; border:1px solid var(--tm-line,#e6eaf1); border-radius:18px; padding:24px 22px; }
.tm-seg .ic{ width:42px; height:42px; border-radius:12px; background:#e8f6fe; color:#0a5fb0; display:flex; align-items:center; justify-content:center; margin-bottom:14px; }
.tm-seg .ic svg{ width:22px; height:22px; }
.tm-seg b{ display:block; font-size:16.5px; color:#10151f; margin-bottom:8px; }
.tm-seg ul{ margin:0; padding:0; list-style:none; }
.tm-seg li{ position:relative; padding-left:16px; font-size:14px; color:#46506a; line-height:1.5; margin-bottom:5px; }
.tm-seg li::before{ content:''; position:absolute; left:0; top:9px; width:6px; height:6px; border-radius:50%; background:#11a3f4; }
@media(max-width:991px){ .tm-seg-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ .tm-seg-grid{ grid-template-columns:1fr; } }

/* Demo sözleri (güven) */
.tm-promise-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.tm-promise{ display:flex; gap:16px; align-items:flex-start; background:#fff; border:1px solid var(--tm-line,#e6eaf1); border-radius:16px; padding:20px 22px; }
.tm-promise .ic{ flex:none; width:38px; height:38px; border-radius:50%; background:#e6f7ec; color:#1faa54; display:flex; align-items:center; justify-content:center; }
.tm-promise .ic svg{ width:20px; height:20px; }
.tm-promise b{ display:block; font-size:15.5px; color:#10151f; margin-bottom:4px; }
.tm-promise p{ margin:0; font-size:14px; color:#46506a; line-height:1.55; }
@media(max-width:767px){ .tm-promise-grid{ grid-template-columns:1fr; } }

/* Form yerine telefon bandı */
.tm-call-band{ display:flex; align-items:center; justify-content:space-between; gap:24px; background:#f4f7fb; border:1px solid var(--tm-line,#e6eaf1); border-radius:22px; padding:30px 36px; }
.tm-call-band h3{ font-size:22px; font-weight:800; color:#10151f; margin:0 0 6px; }
.tm-call-band p{ margin:0; color:#46506a; font-size:15px; }
.tm-call-band .acts{ display:flex; gap:10px; flex:none; flex-wrap:wrap; }
.tm-call-band .acts .btn svg{ width:16px; height:16px; vertical-align:-3px; margin-right:6px; }
@media(max-width:767px){ .tm-call-band{ flex-direction:column; align-items:flex-start; padding:26px 22px; } }
/* Demo sayfası düzeltmeleri (20 Eki): iki sütunlu hero'da başlık ölçüsü, telefon bandı, mobil rakamlar */
.tm-demo-hero .tm-demo-copy h1{ font-size:46px !important; line-height:1.15; }
@media(max-width:1199px){ .tm-demo-hero .tm-demo-copy h1{ font-size:40px !important; } }
@media(max-width:991px){ .tm-demo-hero .tm-demo-copy h1{ font-size:36px !important; } .tm-call-band{ flex-direction:column; align-items:flex-start; } }
@media(max-width:600px){ .tm-demo-hero .tm-demo-copy h1{ font-size:30px !important; } .tm-demo-hero .tm-demo-proof{ gap:12px 22px; } .tm-demo-hero .tm-demo-proof div b{ font-size:20px; } }
.tm-call-band p{ max-width:560px; }
/* Header: 992-1399 px arasında (1280 laptop) menü ve butonlar sığsın diye boşluklar daraltıldı */
@media(min-width:992px) and (max-width:1399px){
  .tm-nav{ margin:0 12px; }
  .tm-nav .top{ padding:9px 9px; font-size:14px; }
  #header .tm-nav-cta{ min-width:0; padding:11px 16px !important; }
  #header .tm-ctas .tm-nav-cta2{ padding:11px 16px !important; }
  .header-wrapper.tm-demo-off .tm-ctas .tm-nav-cta2{ padding:0 !important; }
}

/* ===== GÜNCELLEMELER SAYFASI (23 Ekim 2026): sürüm kartları, tip rozetleri, sağda sürüm dizini ===== */
.tm-rel-stats{ display:flex; flex-wrap:wrap; gap:14px; justify-content:center; margin-top:-70px; position:relative; z-index:2; }
.tm-rel-stats div{ background:#fff; border:1px solid var(--tm-line,#e6eaf1); border-radius:16px; padding:18px 26px; min-width:170px; text-align:center; box-shadow:0 20px 40px -30px rgba(20,40,80,.5); }
.tm-rel-stats b{ display:block; font-size:28px; font-weight:800; color:#10151f; line-height:1.1; }
.tm-rel-stats span{ font-size:13px; color:#5b6579; }
.tm-rel-tools{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; margin:40px 0 26px; }
.tm-rel-tools .tm-int-search{ flex:1 1 320px; max-width:460px; margin:0; }
.tm-rel-tools .tm-int-chips{ margin:0; }
.tm-rel-layout{ display:grid; grid-template-columns:1fr 230px; gap:40px; align-items:start; }
.tm-rel-index{ position:sticky; top:110px; max-height:calc(100vh - 140px); overflow:auto; border-left:2px solid #e6eaf1; padding-left:16px; }
.tm-rel-index .lbl{ display:block; font-size:10.5px; font-weight:800; letter-spacing:1px; text-transform:uppercase; color:#8a93a6; margin-bottom:8px; }
.tm-rel-index a{ display:flex; justify-content:space-between; gap:8px; font-size:13px; color:#46506a; text-decoration:none; padding:5px 0; border-radius:6px; }
.tm-rel-index a b{ color:#10151f; font-weight:700; }
.tm-rel-index a small{ color:#8a93a6; white-space:nowrap; }
.tm-rel-index a:hover b{ color:#11a3f4; }
.tm-rel-index a.on{ position:relative; }
.tm-rel-index a.on::before{ content:''; position:absolute; left:-18px; top:6px; bottom:6px; width:2px; background:#11a3f4; }
.tm-rel{ background:#fff; border:1px solid var(--tm-line,#e6eaf1); border-radius:18px; padding:28px 30px; margin-bottom:22px; box-shadow:0 16px 36px -30px rgba(20,40,80,.4); scroll-margin-top:110px; }
.tm-rel-head{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; margin-bottom:10px; }
.tm-rel-head .ver{ display:inline-flex; align-items:center; gap:8px; background:#10151f; color:#fff; border-radius:30px; padding:6px 14px; font-weight:800; font-size:13.5px; letter-spacing:.02em; }
.tm-rel-head .ver.major{ background:linear-gradient(135deg,#ffc94d 0%,#ff9e2c 100%); color:#1b1200; }
.tm-rel-head time{ font-size:13.5px; color:#5b6579; font-weight:600; }
.tm-rel-head .cnt{ font-size:12.5px; color:#8a93a6; margin-left:auto; }
.tm-rel h2{ font-size:22px; font-weight:800; color:#10151f; margin:0 0 8px; line-height:1.3; }
.tm-rel > p.desc{ color:#46506a; font-size:15px; line-height:1.6; margin:0 0 16px; }
.tm-rel ul{ list-style:none; margin:0; padding:0; }
.tm-rel li{ display:grid; grid-template-columns:92px 1fr; gap:12px; padding:10px 0; border-top:1px solid #eef1f6; align-items:start; }
.tm-rel li.more-hidden{ display:none; }
.tm-rel li .tx{ font-size:15px; color:#10151f; line-height:1.5; }
.tm-rel li details{ margin-top:4px; }
.tm-rel li summary{ font-size:12.5px; color:#11a3f4; font-weight:700; cursor:pointer; list-style:none; display:inline-block; }
.tm-rel li summary::-webkit-details-marker{ display:none; }
.tm-rel li summary::after{ content:' ›'; }
.tm-rel li details[open] summary::after{ content:' ˅'; }
.tm-rel li details p{ font-size:13.5px; color:#5b6579; line-height:1.55; margin:6px 0 0; white-space:pre-line; }
.tm-tag{ display:inline-flex; align-items:center; justify-content:center; font-size:11px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; border-radius:20px; padding:4px 10px; margin-top:2px; }
.tm-tag.feature{ background:#e6f7ec; color:#167a3c; }
.tm-tag.improvement{ background:#e8f6fe; color:#0a5fb0; }
.tm-tag.fix{ background:#fff1cc; color:#7a5200; }
.tm-tag.security{ background:#fde8e8; color:#a12626; }
.tm-rel-more{ margin-top:10px; background:#f4f7fb; border:1px solid #e6eaf1; border-radius:10px; padding:9px 16px; font-size:13.5px; font-weight:700; color:#0a5fb0; cursor:pointer; font-family:inherit; }
.tm-rel-more:hover{ background:#e8f0f9; }
.tm-rel-empty{ text-align:center; color:#5b6579; padding:40px 0; }
.tm-roadmap{ background:linear-gradient(135deg,#0f2a44 0%,#0b4f85 100%); color:#fff; border-radius:22px; padding:36px 40px; display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.tm-roadmap h2{ color:#fff; font-size:26px; font-weight:800; margin:0 0 8px; grid-column:1/-1; }
.tm-roadmap p{ color:#cfe6f7; margin:0; font-size:15px; line-height:1.6; }
.tm-roadmap .it{ background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); border-radius:14px; padding:18px 20px; }
.tm-roadmap .it b{ display:block; color:#fff; font-size:16px; margin-bottom:4px; }
.tm-roadmap .it small{ display:inline-block; font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#ffd166; margin-bottom:8px; }
.tm-roadmap .it p{ font-size:14px; }
@media(max-width:991px){ .tm-rel-layout{ grid-template-columns:1fr; } .tm-rel-index{ display:none; } .tm-roadmap{ grid-template-columns:1fr; padding:28px 24px; } }
@media(max-width:600px){ .tm-rel{ padding:22px 18px; } .tm-rel li{ grid-template-columns:1fr; gap:6px; } .tm-rel-stats div{ min-width:130px; padding:14px 16px; } .tm-rel-stats b{ font-size:22px; } }
.tm-rel li.dim{ opacity:.35; }

/* ===== MODÜL SAYFALARI + MODÜLLER HUB (23 Ekim 2026) ===== */
.tm-mod-hero{ padding-bottom:230px; }
.tm-mod-hero .tm-hero-badges{ margin-top:22px; }
.tm-mod-shotwrap{ margin-top:-190px; position:relative; z-index:2; }
.tm-mod-shot{ max-width:1080px; margin:0 auto; border-radius:18px; overflow:hidden; background:#0f1a2b; border:1px solid #1d2a40; box-shadow:0 50px 100px -40px rgba(2,20,50,.65); position:relative; }
.tm-mod-shot img{ display:block; width:100%; height:auto; }
.tm-mod-shot .cap{ position:absolute; left:16px; bottom:14px; background:rgba(16,21,31,.8); color:#fff; font-size:12.5px; font-weight:600; padding:6px 12px; border-radius:20px; }
.tm-mod-shot .tag{ position:absolute; right:16px; top:14px; background:rgba(255,255,255,.92); color:#10151f; font-size:11.5px; font-weight:700; padding:4px 10px; border-radius:20px; }
.tm-feat-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.tm-feat{ background:#fff; border:1px solid var(--tm-line,#e6eaf1); border-radius:18px; padding:24px 22px; box-shadow:0 16px 36px -30px rgba(20,40,80,.4); }
.tm-feat .n{ display:inline-block; font-size:11.5px; font-weight:800; letter-spacing:.08em; color:#11a3f4; margin-bottom:10px; }
.tm-feat b{ display:block; font-size:16px; color:#10151f; margin-bottom:8px; line-height:1.35; }
.tm-feat p{ margin:0; font-size:14px; color:#46506a; line-height:1.55; }
@media(max-width:1199px){ .tm-feat-grid{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:991px){ .tm-feat-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ .tm-feat-grid{ grid-template-columns:1fr; } }
.tm-shots{ display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.tm-shots figure{ margin:0; }
.tm-shots .fr{ border-radius:16px; overflow:hidden; border:1px solid #dbe3ee; background:#0f1a2b; box-shadow:0 30px 60px -36px rgba(2,20,50,.5); }
.tm-shots img{ display:block; width:100%; height:auto; }
.tm-shots figcaption{ font-size:13.5px; color:#5b6579; margin-top:10px; line-height:1.5; }
@media(max-width:767px){ .tm-shots{ grid-template-columns:1fr; } }
.tm-pkg{ display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }
.tm-pkg div{ background:#fff; border:1px solid var(--tm-line,#e6eaf1); border-radius:14px; padding:16px 16px 14px; text-align:center; }
.tm-pkg div.pop{ border-color:#11a3f4; box-shadow:0 0 0 3px rgba(17,163,244,.12); }
.tm-pkg div.off{ background:#f7f9fc; color:#aab2c2; }
.tm-pkg b{ display:block; font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#8a93a6; margin-bottom:8px; }
.tm-pkg div.pop b{ color:#0a5fb0; }
.tm-pkg span{ display:block; font-size:14.5px; font-weight:700; color:#10151f; line-height:1.35; }
.tm-pkg div.off span{ color:#aab2c2; font-weight:600; }
.tm-pkg span.ek{ color:#7a5200; }
@media(max-width:991px){ .tm-pkg{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:560px){ .tm-pkg{ grid-template-columns:1fr 1fr; } }
.tm-pkg-note{ margin-top:16px; font-size:13.5px; color:#5b6579; }
.tm-intchips{ display:flex; flex-wrap:wrap; gap:10px; }
.tm-intchips a{ display:inline-flex; align-items:center; gap:10px; background:#fff; border:1px solid var(--tm-line,#e6eaf1); border-radius:30px; padding:8px 16px 8px 10px; font-size:13.5px; font-weight:600; color:#2a3147; text-decoration:none; transition:border-color .15s, transform .15s; }
.tm-intchips a:hover{ border-color:#11a3f4; transform:translateY(-1px); color:#10151f; }
.tm-intchips img{ height:22px; width:auto; max-width:80px; object-fit:contain; }
.tm-intchips a .tm-lg-txt{ font-size:12px; font-weight:800; color:#0a5fb0; }
.tm-mods.three{ grid-template-columns:repeat(3,1fr); }
.tm-mods.four{ grid-template-columns:repeat(4,1fr); gap:18px; }
.tm-mods.four .tm-mod{ padding:24px 22px 20px; }
.tm-mods.four .tm-mod h3{ font-size:17px; }
.tm-mods.four .tm-mod p{ font-size:13.5px; }
.tm-mod .ico svg{ width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.tm-mod[hidden]{ display:none; }
@media(max-width:1199px){ .tm-mods.four{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:991px){ .tm-mods.three, .tm-mods.four{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ .tm-mods.three, .tm-mods.four{ grid-template-columns:1fr; } }
.tm-core{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.tm-core div{ background:linear-gradient(160deg,#0a3a61 0%,#0b6aa8 100%); color:#fff; border-radius:16px; padding:22px 22px; }
.tm-core b{ display:block; font-size:16px; margin-bottom:6px; }
.tm-core p{ margin:0; font-size:13.5px; color:#cfe6f7; line-height:1.5; }
@media(max-width:991px){ .tm-core{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ .tm-core{ grid-template-columns:1fr; } }
.tm-mod-cta{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin-top:30px; }
/* Modüller hub: 31 sistem modülü kategori başlıklarıyla */
.tm-sys-cat{ margin-bottom:44px; }
.tm-sys-cat h2{ font-size:22px; color:#10151f; margin:0 0 18px; display:flex; align-items:baseline; gap:10px; }
.tm-sys-cat h2 small{ font-size:12.5px; font-weight:700; color:#8a93a6; letter-spacing:.04em; text-transform:uppercase; }
.tm-sys-cat[hidden]{ display:none; }
.tm-mod .go{ margin-top:10px; font-size:12.5px; font-weight:700; color:#11a3f4; }
/* Çözüm sayfaları (23 Eki): bugün / TourMAX ile kartları, önerilen paket bandı */
.tm-pain2-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.tm-pain2{ background:#fff; border:1px solid var(--tm-line,#e6eaf1); border-radius:18px; padding:24px 22px; box-shadow:0 16px 36px -30px rgba(20,40,80,.4); display:flex; flex-direction:column; gap:12px; }
.tm-pain2 > b{ font-size:17px; color:#10151f; line-height:1.3; }
.tm-pain2 .now, .tm-pain2 .then{ border-radius:12px; padding:12px 14px; }
.tm-pain2 .now{ background:#fff4f2; }
.tm-pain2 .then{ background:#e9f6fe; flex:1; }
.tm-pain2 span{ display:block; font-size:10.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; margin-bottom:4px; }
.tm-pain2 .now span{ color:#a12626; } .tm-pain2 .then span{ color:#0a5fb0; }
.tm-pain2 p{ margin:0; font-size:14px; color:#46506a; line-height:1.55; }
@media(max-width:991px){ .tm-pain2-grid{ grid-template-columns:1fr; } }
.tm-pkg-reco{ display:flex; align-items:center; gap:28px; background:linear-gradient(135deg,#0f2a44 0%,#0b4f85 100%); color:#fff; border-radius:22px; padding:32px 40px; }
.tm-pkg-reco .k{ display:block; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#ffd166; }
.tm-pkg-reco b{ font-size:30px; font-weight:800; color:#fff; white-space:nowrap; }
.tm-pkg-reco p{ margin:0; color:#cfe6f7; font-size:15px; line-height:1.6; flex:1; }
.tm-pkg-reco .btn{ flex:none; }
@media(max-width:767px){ .tm-pkg-reco{ flex-direction:column; align-items:flex-start; padding:26px 22px; } }
/* Hakkımızda (23 Eki): hikaye, zaman çizelgesi, ilkeler, kimlik kartı */
.tm-story{ display:grid; grid-template-columns:1.1fr .9fr; gap:48px; align-items:start; }
.tm-story h2{ font-size:34px; font-weight:800; color:#10151f; line-height:1.2; margin:0 0 18px; }
.tm-story p{ font-size:16px; color:#46506a; line-height:1.7; margin:0 0 14px; }
.tm-story blockquote{ margin:22px 0 0; padding:20px 24px; border-left:4px solid #ff9e2c; background:#fff8ec; border-radius:0 14px 14px 0; font-size:17px; color:#10151f; font-weight:600; line-height:1.5; }
.tm-tl-item b{ display:block; font-size:16px; color:#10151f; }
.tm-tl-item b small{ display:inline-block; font-size:11.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#11a3f4; margin-right:8px; }
.tm-tl-item p{ margin:4px 0 0; font-size:14px; color:#5b6579; line-height:1.55; }
@media(max-width:991px){ .tm-story{ grid-template-columns:1fr; gap:30px; } .tm-story h2{ font-size:28px; } }
.tm-principles{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.tm-principle{ background:#fff; border:1px solid var(--tm-line,#e6eaf1); border-radius:18px; padding:26px 22px; box-shadow:0 16px 36px -30px rgba(20,40,80,.4); }
.tm-principle .ic{ width:44px; height:44px; border-radius:12px; background:#e9f6fe; color:#0a5fb0; display:flex; align-items:center; justify-content:center; margin-bottom:14px; }
.tm-principle .ic svg{ width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.tm-principle b{ display:block; font-size:16.5px; color:#10151f; margin-bottom:8px; }
.tm-principle p{ margin:0; font-size:14px; color:#46506a; line-height:1.55; }
@media(max-width:991px){ .tm-principles{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ .tm-principles{ grid-template-columns:1fr; } }
.tm-identity{ display:grid; grid-template-columns:1fr 1fr; gap:30px; background:#fff; border:1px solid var(--tm-line,#e6eaf1); border-radius:22px; padding:34px 38px; box-shadow:0 20px 44px -34px rgba(20,40,80,.5); }
.tm-identity h3{ font-size:20px; font-weight:800; color:#10151f; margin:0 0 14px; }
.tm-identity dl{ margin:0; display:grid; grid-template-columns:150px 1fr; gap:8px 14px; font-size:14.5px; }
.tm-identity dt{ color:#8a93a6; font-weight:600; }
.tm-identity dd{ margin:0; color:#10151f; }
.tm-identity dd a{ color:#0a5fb0; }
.tm-identity .map{ border-radius:14px; overflow:hidden; min-height:220px; background:#e9eef5; }
.tm-identity .map iframe{ width:100%; height:100%; min-height:260px; border:0; display:block; }
@media(max-width:767px){ .tm-identity{ grid-template-columns:1fr; padding:26px 22px; } .tm-identity dl{ grid-template-columns:1fr; gap:2px; } .tm-identity dt{ margin-top:8px; } }
.tm-support-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.tm-support{ background:#f4f7fb; border-radius:16px; padding:22px 22px; }
.tm-support b{ display:block; font-size:22px; font-weight:800; color:#10151f; }
.tm-support span{ display:block; font-size:13.5px; color:#5b6579; margin-top:4px; line-height:1.5; }
@media(max-width:767px){ .tm-support-grid{ grid-template-columns:1fr; } }
/* Hakkımızda: destekçi logoları şeridi */
.tm-supporters{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:18px 44px; }
.tm-supporters a, .tm-supporters span{ display:flex; align-items:center; justify-content:center; height:64px; }
.tm-supporters img{ max-height:56px; max-width:170px; width:auto; height:auto; object-fit:contain; filter:grayscale(1); opacity:.75; transition:filter .2s, opacity .2s; }
.tm-supporters a:hover img{ filter:none; opacity:1; }
@media(max-width:600px){ .tm-supporters{ gap:14px 26px; } .tm-supporters img{ max-height:40px; max-width:120px; } }
/* Hangi paket? sihirbazı (23 Eki) */
.tm-wiz{ max-width:820px; margin:-120px auto 0; position:relative; z-index:2; background:#fff; border-radius:22px; padding:34px 38px; box-shadow:0 40px 90px -40px rgba(2,20,50,.55); border:1px solid #e6eaf1; }
.tm-wiz-top{ display:flex; justify-content:space-between; align-items:center; font-size:12.5px; font-weight:700; color:#8a93a6; letter-spacing:.06em; text-transform:uppercase; margin-bottom:14px; }
.tm-wiz-bar{ height:6px; background:#eef1f6; border-radius:6px; overflow:hidden; margin-bottom:26px; }
.tm-wiz-bar i{ display:block; height:100%; width:20%; background:linear-gradient(90deg,#11a3f4,#0a5fb0); border-radius:6px; transition:width .25s; }
.tm-wiz h2{ font-size:26px; font-weight:800; color:#10151f; margin:0 0 6px; }
.tm-wiz .hint{ color:#5b6579; font-size:14.5px; margin:0 0 20px; }
.tm-wiz-opts{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.tm-wiz-opt{ text-align:left; background:#fff; border:1.5px solid #e0e6ef; border-radius:14px; padding:16px 18px; cursor:pointer; font-family:inherit; transition:border-color .15s, background .15s, transform .15s; }
.tm-wiz-opt b{ display:block; font-size:15.5px; color:#10151f; margin-bottom:3px; }
.tm-wiz-opt small{ display:block; font-size:13px; color:#5b6579; line-height:1.45; }
.tm-wiz-opt:hover{ border-color:#11a3f4; background:#f4fbff; transform:translateY(-1px); }
.tm-wiz-nav{ display:flex; justify-content:space-between; align-items:center; margin-top:22px; }
.tm-wiz-back{ background:none; border:0; color:#0a5fb0; font-weight:700; font-size:14px; cursor:pointer; font-family:inherit; padding:6px 0; }
.tm-wiz-back[hidden]{ display:none; }
.tm-wiz-result{ text-align:center; }
.tm-wiz-result .k{ display:inline-block; font-size:11.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#0a5fb0; background:#e9f6fe; border-radius:20px; padding:5px 12px; margin-bottom:12px; }
.tm-wiz-result h2{ font-size:40px; margin:0 0 4px; }
.tm-wiz-result .price{ font-size:18px; color:#46506a; margin:0 0 18px; }
.tm-wiz-result .price b{ color:#10151f; font-size:24px; }
.tm-wiz-why{ text-align:left; margin:0 auto 18px; padding:0; list-style:none; max-width:560px; }
.tm-wiz-why li{ position:relative; padding:8px 0 8px 28px; border-top:1px solid #eef1f6; font-size:14.5px; color:#2a3147; line-height:1.5; }
.tm-wiz-why li::before{ content:'✓'; position:absolute; left:4px; top:8px; color:#1faa54; font-weight:800; }
.tm-wiz-alt{ background:#fff8ec; border:1px solid #ffe2a8; border-radius:12px; padding:12px 16px; font-size:14px; color:#5a3d00; margin:0 auto 20px; max-width:560px; }
.tm-wiz-alt[hidden]{ display:none; }
.tm-wiz-acts{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
.tm-wiz-note{ font-size:12.5px; color:#8a93a6; margin-top:16px; }
@media(max-width:600px){ .tm-wiz{ padding:24px 20px; margin-top:-90px; } .tm-wiz-opts{ grid-template-columns:1fr; } .tm-wiz-result h2{ font-size:30px; } }
/* Blog E-E-A-T kutusu (23 Eki): kim yazdı, kim inceledi, kaynaklar, nasıl hazırlandı */
.tm-eeat{ margin-top:40px; background:#f4f7fb; border:1px solid #e6eaf1; border-radius:18px; padding:26px 28px; }
.tm-eeat h3{ font-size:17px; font-weight:800; color:#10151f; margin:0 0 14px; }
.tm-eeat .grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px 24px; }
.tm-eeat .it b{ display:block; font-size:11.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#8a93a6; margin-bottom:4px; }
.tm-eeat .it p, .tm-eeat .it li{ font-size:14px; color:#2a3147; line-height:1.55; margin:0; }
.tm-eeat .it ul{ margin:0; padding-left:18px; }
.tm-eeat .it a{ color:#0a5fb0; }
.tm-eeat .how{ grid-column:1/-1; border-top:1px solid #e3e8f0; padding-top:12px; }
@media(max-width:600px){ .tm-eeat{ padding:20px 18px; } .tm-eeat .grid{ grid-template-columns:1fr; } }
/* Form gönderim hatası ve Turnstile kapsayıcısı (23 Eki) */
.tm-form-err{ margin:10px 0 0; font-size:13.5px; color:#a12626; background:#fde8e8; border:1px solid #f5c2c2; border-radius:10px; padding:9px 12px; line-height:1.5; }
.tm-form-err a{ color:#a12626; font-weight:700; white-space:nowrap; }
.tm-ts{ min-height:0; }
.tm-ts iframe{ max-width:100%; }
/* Güncellemeler: sağ sürüm dizini yapışkan kalsın (#page overflow:hidden sticky'yi bozuyordu) */
#page.tm-sticky-page{ overflow:visible; overflow-x:clip; } /* clip kaydırma kapsayıcısı yaratmaz, sticky çalışır */

/* Satın alma modalı: eklenti seçimi (23 Eki 2026) */
.tm-addons-pick{ margin:2px 0 14px; padding:12px 14px 10px; border:1.5px dashed #e0e6ef; border-radius:12px; }
.tm-addons-title{ display:block; font-size:13px; font-weight:600; color:#2a3147; margin-bottom:6px; }
.tm-addons-title small{ font-weight:500; color:#8a93a6; margin-left:6px; }
.tm-addon-opt{ display:flex; align-items:center; gap:10px; padding:7px 0; border-top:1px solid #eef1f6; font-size:14px; color:#2a3147; }
.tm-addon-opt:first-of-type{ border-top:0; }
.tm-addon-opt label{ display:flex; align-items:center; gap:8px; margin:0; cursor:pointer; flex:1; font-weight:500; }
.tm-addon-opt input[type=checkbox]{ width:18px; height:18px; margin:0; accent-color:#11a3f4; cursor:pointer; }
.tm-addon-opt .qty{ display:flex; align-items:center; gap:6px; font-size:13px; color:#8a93a6; }
.tm-addon-opt .qty input{ width:60px; height:34px; padding:0 8px; border:1.5px solid #e0e6ef; border-radius:8px; font-size:14px; color:#10151f; }
.tm-addon-opt .pr{ font-weight:700; color:#10151f; white-space:nowrap; min-width:92px; text-align:right; }
.tm-addon-opt.on .pr{ color:#11a3f4; }
.tm-addons-total{ margin:10px 0 0; padding-top:8px; border-top:1px solid #eef1f6; font-size:13.5px; color:#2a3147; }
.tm-addons-total small{ color:#8a93a6; }
@media (max-width:480px){ .tm-addon-opt{ flex-wrap:wrap; } .tm-addon-opt .pr{ min-width:0; } }

/* Dil seçici (üst şerit + mobil çekmece) ve RTL temel kuralları (23 Eki 2026, K32) */
.tm-lang{ position:relative; display:inline-flex; align-items:center; margin-right:14px; }
.tm-lang-btn{ display:inline-flex; align-items:center; gap:4px; background:transparent; border:1px solid rgba(255,255,255,.35); color:inherit; font:inherit; font-size:12px; font-weight:700; letter-spacing:.04em; padding:3px 8px; border-radius:7px; cursor:pointer; line-height:1; }
.tm-lang-btn:hover,.tm-lang-btn[aria-expanded="true"]{ background:rgba(255,255,255,.14); }
.tm-lang-list{ position:absolute; top:calc(100% + 6px); right:0; min-width:150px; margin:0; padding:6px 0; list-style:none; background:#fff; color:#10151f; border-radius:10px; box-shadow:0 12px 32px rgba(16,21,31,.18); z-index:1200; display:none; }
.tm-lang.open .tm-lang-list{ display:block; }
.tm-lang-list a{ display:block; padding:7px 14px; font-size:13.5px; color:#2a3147 !important; text-decoration:none; white-space:nowrap; }
.tm-lang-list a:hover{ background:#f3f6fb; }
.tm-lang-list a.on{ font-weight:700; color:#11a3f4 !important; }
.tm-lang-m{ margin:14px 16px 20px; padding-top:14px; border-top:1px solid #e9edf3; display:flex; flex-wrap:wrap; gap:8px; }
.tm-lang-m a{ font-size:13px; font-weight:600; padding:6px 11px; border:1px solid #e0e6ef; border-radius:8px; color:#2a3147; text-decoration:none; }
.tm-lang-m a.on{ background:#11a3f4; border-color:#11a3f4; color:#fff; }
html[dir="rtl"] body{ text-align:right; }
html[dir="rtl"] .tm-lang{ margin-right:0; margin-left:14px; }
html[dir="rtl"] .tm-lang-list{ right:auto; left:0; }
html[dir="rtl"] .tm-burger{ right:auto !important; left:14px !important; }
html[dir="rtl"] .tm-dclose{ margin-left:0; margin-right:auto; }
html[dir="rtl"] .text-start{ text-align:right !important; }
html[dir="rtl"] .text-end{ text-align:left !important; }
html[dir="rtl"] ul,html[dir="rtl"] ol{ padding-right:1.25rem; padding-left:0; }
html[dir="rtl"] .list-unstyled{ padding-right:0; }
html[dir="rtl"] .me-1,html[dir="rtl"] .me-2,html[dir="rtl"] .me-3{ margin-right:0 !important; }
html[dir="rtl"] .me-1{ margin-left:.25rem !important; } html[dir="rtl"] .me-2{ margin-left:.5rem !important; } html[dir="rtl"] .me-3{ margin-left:1rem !important; }
html[dir="rtl"] .ms-1,html[dir="rtl"] .ms-2,html[dir="rtl"] .ms-3{ margin-left:0 !important; }
html[dir="rtl"] .ms-1{ margin-right:.25rem !important; } html[dir="rtl"] .ms-2{ margin-right:.5rem !important; } html[dir="rtl"] .ms-3{ margin-right:1rem !important; }

/* Kiril ve Arap yazı tipi (23 Eki 2026): Plus Jakarta Sans temel Kiril ve Arap harflerini içermez.
   Rusça sayfalarda Inter (Kiril var), Arapça sayfalarda Rubik (Arap harfi var); ikisi de sayfada zaten yüklü.
   ::before ikon fontları (Flaticon) etkilenmez. */
html[lang="ru"] body, html[lang="ru"] body *{ font-family:'Inter','Rubik','Helvetica Neue',Arial,sans-serif !important; }
html[lang="ar"] body, html[lang="ar"] body *{ font-family:'Rubik','Helvetica Neue',Arial,sans-serif !important; }