/* TimTicari ön site v3 tasarım katmanı (2026-11-08). site.css'in üstüne yüklenir; yalnız body.v3 sayfalarında etkili.
   Kaynak düzen: docs/mockuplar/onsite-v3 (Stitch kalıpları); içerik gerçek, Stitch metni kullanılmaz. */
body.v3{--n9:#111D33;--n7:#223D7F;--b5:#0092DD;--g5:#10B981;--mut:#5F7494;--line:#DCE4EC;--bg:#F5F8FC;--card:#fff;--r:16px;--sh:0 1px 2px rgba(17,29,51,.04),0 8px 24px rgba(17,29,51,.05);
 font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--n9)}

/* Üst menü: beyaz, ince çizgili, sade */
body.v3 header{height:72px;background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--line)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
body.v3 header nav a,body.v3 header nav .dd>a{color:#3A4A66!important;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none}
body.v3 header nav a:hover{color:var(--n7)!important}
body.v3 header .hdr-r a:not(.cta):not(.js-bayi){background:transparent;border:0;padding:10px 12px;font-weight:600;font-size:14px;color:var(--n9)!important}
body.v3 header .hdr-r a:not(.cta):not(.js-bayi):hover{background:var(--bg)}
body.v3 .cta,body.v3 header .hdr-r .cta{background:var(--n7)!important;color:#fff!important;border-radius:999px;font-weight:600;box-shadow:none}

/* Bölüm iskeleti */
.v3s{position:relative;z-index:2;padding:clamp(64px,8vw,112px) 16px;background:var(--bg)}
.v3s.w{background:#fff;border-block:1px solid var(--line)}
.v3in{max-width:1180px;margin:0 auto}
.v3h{text-align:center;max-width:720px;margin:0 auto 48px}
.v3h h2{font-size:clamp(28px,3.4vw,40px);line-height:1.15;letter-spacing:-.02em;font-weight:700;color:var(--n9);margin:0 0 12px}
.v3h p{font-size:17px;line-height:1.6;color:var(--mut);margin:0}
.v3more{display:flex;justify-content:center;margin-top:36px}
.v3more a{display:inline-flex;align-items:center;gap:8px;color:var(--n7);font-weight:600;text-decoration:none;font-size:15px}
.v3more a:hover{gap:12px}
.v3btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;transition:transform .15s,box-shadow .15s}
.v3btn.p{background:#fff;color:var(--n9)}.v3btn.o{border:1px solid rgba(255,255,255,.35);color:#fff}
.v3btn:hover{transform:translateY(-1px)}

/* Güven bandı */
.v3band{position:relative;z-index:2;background:#fff;border-block:1px solid var(--line);padding:36px 16px}
.v3band .v3in{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.v3band div>b{display:block;font-size:clamp(26px,3vw,36px);font-weight:700;color:var(--n7);letter-spacing:-.02em;line-height:1.1}
.v3band div>span{display:block;font-weight:600;margin-top:6px}.v3band div>small{display:block;color:var(--mut);font-size:13px;margin-top:2px}
.v3band .v3in>div+div{border-left:1px solid var(--line);padding-left:24px}

/* Sektör kartları */
.v3grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.v3card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--sh);transition:transform .2s,box-shadow .2s}
.v3card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(17,29,51,.09)}
.v3card .im{aspect-ratio:16/10;background:#EEF3F8;overflow:hidden}
.v3card .im img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.v3card .bd{padding:20px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.v3card h3{margin:0;font-size:17px;font-weight:650;color:var(--n9);display:flex;align-items:center;gap:10px}
.v3card h3 img{width:28px;height:28px;border-radius:8px}
.v3card p{margin:0;color:var(--mut);font-size:14px;line-height:1.55;flex:1}
.v3card .go{color:var(--b5);font-weight:600;font-size:14px}

/* Ekosistem */
.v3core{max-width:440px;margin:0 auto 28px;background:var(--n7);color:#fff;border-radius:20px;padding:22px 26px;display:flex;gap:16px;align-items:center;box-shadow:0 18px 40px rgba(34,61,127,.25)}
.v3core .ic{width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.12);display:grid;place-items:center;flex:none}
.v3core small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.75}
.v3core b{display:block;font-size:19px;margin:2px 0}.v3core span{font-size:13.5px;opacity:.85}
.v3apps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:980px;margin:0 auto}
.v3app{display:flex;flex-direction:column;gap:10px;padding:20px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r);text-decoration:none;color:inherit;transition:background .2s,border-color .2s}
.v3app:hover{background:#fff;border-color:#C5D3E3}
.v3app img{width:40px;height:40px;border-radius:11px}
.v3app b{font-size:15px;color:var(--n9)}.v3app small{color:var(--mut);font-size:13px;line-height:1.5}

/* Gerçek ekranlar */
.v3tabs{display:flex;justify-content:center;gap:4px;margin:0 auto 40px;padding:4px;background:#fff;border:1px solid var(--line);border-radius:999px;width:max-content;max-width:100%;overflow-x:auto}
.v3tabs button{border:0;background:none;padding:10px 20px;border-radius:999px;font:600 14px Inter,sans-serif;color:var(--mut);cursor:pointer;white-space:nowrap}
.v3tabs button[aria-selected=true]{background:var(--n7);color:#fff}
.v3show{display:grid;grid-template-columns:1fr 260px;gap:48px;align-items:center}
.v3win{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 24px 60px rgba(17,29,51,.12)}
.v3win .bar{height:36px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid var(--line);background:#F8FAFC}
.v3win .bar i{width:10px;height:10px;border-radius:50%;background:#D5DDE7}
.v3win img{display:block;width:100%;height:auto}
.v3win figcaption{padding:14px 18px;font-size:14px;color:var(--mut);border-top:1px solid var(--line)}
.v3phone{background:#111D33;border-radius:40px;padding:10px;box-shadow:0 24px 60px rgba(17,29,51,.22)}
.v3phone img{display:block;width:100%;border-radius:31px}
.v3phone+p{text-align:center;color:var(--mut);font-size:13.5px;margin:14px 0 0}

/* Modüller */
.v3mods{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.v3mod{display:flex;flex-direction:column;gap:10px;padding:26px;background:#fff;border:1px solid var(--line);border-radius:var(--r);text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s}
.v3mod:hover{border-color:#C5D3E3;box-shadow:var(--sh)}
.v3mod .ic{width:44px;height:44px;border-radius:12px;background:#EAF2FB;color:var(--n7);display:grid;place-items:center}
.v3mod b{font-size:17px;color:var(--n9);margin-top:6px}.v3mod small{color:var(--mut);font-size:14px;line-height:1.55}

/* Paketler: cms.js #paketler .pk-grid içine admin paketlerini basar */
body.v3 #paketler .pk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:0}
body.v3 #paketler .card.pk{background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--r);padding:28px;box-shadow:var(--sh);color:var(--n9)}
body.v3 #paketler .card.pk h3{color:var(--n9);font-size:18px;margin:0 0 4px}
body.v3 #paketler .card.pk .pk-d{color:var(--mut)!important;font-size:13.5px}
body.v3 #paketler .card.pk .pk-p b{color:var(--n9);font-size:34px;letter-spacing:-.02em}
body.v3 #paketler .card.pk .pk-p small{color:var(--mut)}
body.v3 #paketler .card.pk .checks li{color:#3A4A66;font-size:14px}
body.v3 #paketler .card.pk .cta{margin-top:auto;justify-content:center;background:var(--bg)!important;color:var(--n7)!important;border:1px solid var(--line)}
body.v3 #paketler .card.pk.ft{background:var(--n7)!important;border-color:var(--n7)!important;box-shadow:0 18px 44px rgba(34,61,127,.28)}
body.v3 #paketler .card.pk.ft *{color:#fff!important}
body.v3 #paketler .card.pk.ft .cta{background:#fff!important;color:var(--n7)!important}
body.v3 #paketler .pk-badge{background:var(--b5);color:#fff}

/* SSS */
.v3faq{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.v3faq details{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:0 22px}
.v3faq summary{list-style:none;cursor:pointer;padding:20px 0;font-weight:600;font-size:16px;display:flex;justify-content:space-between;gap:16px;color:var(--n9)}
.v3faq summary::-webkit-details-marker{display:none}
.v3faq summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--mut);border-bottom:2px solid var(--mut);transform:rotate(45deg);margin-top:4px;flex:none;transition:transform .2s}
.v3faq details[open] summary::after{transform:rotate(-135deg);margin-top:9px}
.v3faq details p{margin:0 0 20px;color:var(--mut);line-height:1.65;font-size:15px}

/* Son çağrı */
.v3cta{max-width:1180px;margin:0 auto;background:#0B1B3F;border-radius:24px;padding:clamp(48px,6vw,72px) 24px;text-align:center;color:#fff}
.v3cta h2{font-size:clamp(28px,3.6vw,42px);letter-spacing:-.02em;margin:0 0 12px;color:#fff}
.v3cta p{color:#B7C4DA;font-size:17px;margin:0 0 28px}
.v3cta .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.v3cta ul{list-style:none;display:flex;gap:22px;justify-content:center;flex-wrap:wrap;padding:0;margin:26px 0 0;color:#B7C4DA;font-size:14px}
.v3cta li::before{content:"✓ ";color:var(--g5)}

/* Footer: koyu lacivert, sütunlu */
body.v3 .ft{background:#0B1B3F!important;border-top:0!important;padding:64px 16px 32px}
body.v3 .ft .ft-in{max-width:1180px!important;padding:0!important;display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:32px}
body.v3 .ft .brand-logo{filter:brightness(0) invert(1);height:30px;width:auto}
body.v3 .ft p,body.v3 .ft .cinfo,body.v3 .ft .mono{color:#9FB0CC!important;font-size:13.5px;line-height:1.6}
body.v3 .ft .cinfo a{color:#C9D5E8!important}
body.v3 .ft .ft-c h4{color:#fff!important;font:700 12px Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase}
body.v3 .ft .ft-c a{color:#9FB0CC!important;font-size:14px}
body.v3 .ft .ft-c a:hover{color:#fff!important}
body.v3 .ft .ft-bot{max-width:1180px;margin:40px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);color:#7F91B0;font-size:13px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

@media(max-width:1024px){.v3grid,.v3apps{grid-template-columns:repeat(2,1fr)}.v3mods{grid-template-columns:repeat(2,1fr)}
 .v3show{grid-template-columns:1fr;justify-items:center}.v3show>.v3win{width:100%}.v3show>div:last-child{max-width:260px}
 body.v3 .ft .ft-in{grid-template-columns:1fr 1fr}body.v3 .ft .ft-b{grid-column:1/-1}}
@media(max-width:640px){.v3band .v3in{grid-template-columns:1fr 1fr}.v3band .v3in>div+div{border-left:0;padding-left:0}
 .v3grid,.v3mods{grid-template-columns:1fr}.v3apps{grid-template-columns:1fr 1fr}.v3app{padding:16px}
 .v3h{margin-bottom:32px}.v3tabs{justify-content:flex-start}}
/* site.css başlık kurallarını ez: v3 başlıkları Inter, koyu bantta beyaz */
body.v3 .v3s h2,body.v3 .v3s h3,body.v3 .v3band b{font-family:Inter,system-ui,sans-serif}
body.v3 .v3cta h2{color:#fff!important}
.v3phone img{height:auto;aspect-ratio:9/16;object-fit:cover;object-position:top}
body.v3 .ft .js-bayi{background:rgba(255,255,255,.08)!important;color:#C9D5E8!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:none!important}

/* ===== İç sayfalar (site.css sınıfları, body.v3 altında yeni görünüm) ===== */
body.v3 .pg{padding-top:72px;background:var(--bg)}
body.v3 .pg .sec{background:var(--bg)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important;padding:clamp(56px,7vw,96px) 16px!important;text-align:left}
body.v3 .pg .sec:nth-of-type(even){background:#fff!important;border-block:1px solid var(--line)!important}
body.v3 .pg .sec>*{max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
body.v3 .pg .sec>.grid,body.v3 .pg .sec>.minis,body.v3 .pg .sec>.shots,body.v3 .pg .sec>.pills{width:100%!important}
body.v3 .pg .eyebrow{font:600 13px Inter,sans-serif!important;letter-spacing:.02em!important;text-transform:none!important;color:var(--b5)!important;margin-bottom:10px}
body.v3 .pg h1,body.v3 .pg h2{font-family:Inter,system-ui,sans-serif!important;color:var(--n9)!important;letter-spacing:-.02em;font-weight:700}
body.v3 .pg h1{font-size:clamp(34px,4.4vw,52px)!important;line-height:1.08}
body.v3 .pg h2{font-size:clamp(26px,3.2vw,38px)!important;line-height:1.15;margin:0 0 14px}
body.v3 .pg h1 span,body.v3 .pg h2 span{color:var(--n7)!important;background:none!important;-webkit-text-fill-color:currentColor!important}
body.v3 .pg .lead{color:var(--mut)!important;font-size:17px!important;line-height:1.65!important;max-width:720px}
body.v3 .pg .lead b{color:var(--n9)!important}
/* kartlar */
body.v3 .pg .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:36px}
body.v3 .pg .card{background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:var(--sh)!important;padding:26px!important;color:var(--n9)!important;backdrop-filter:none!important}
body.v3 .pg .sec:nth-of-type(even) .card{background:var(--bg)!important;box-shadow:none!important}
body.v3 .pg .card h3{font:650 17px/1.35 Inter,sans-serif!important;color:var(--n9)!important;margin:0 0 8px;display:flex;align-items:center;gap:10px}
body.v3 .pg .card h3 img{width:30px;height:30px;border-radius:8px}
body.v3 .pg .card p,body.v3 .pg .card li,body.v3 .pg .card small,body.v3 .pg .card span:not(.n):not(.more){color:var(--mut)!important;font-size:14.5px;line-height:1.6}
body.v3 .pg .card ul{padding-left:0;list-style:none;margin:12px 0 0;display:flex;flex-direction:column;gap:8px}
body.v3 .pg .card ul li{padding-left:22px;position:relative}
body.v3 .pg .card ul li::before{content:"";position:absolute;left:2px;top:.55em;width:9px;height:5px;border-left:2px solid var(--g5);border-bottom:2px solid var(--g5);transform:rotate(-45deg)}
body.v3 .pg .card ul.st li{padding-left:0}body.v3 .pg .card ul.st li::before{display:none}
body.v3 .pg .card ul.st li b{display:block;color:var(--n9)!important;font-size:14.5px}
body.v3 .pg .card .more{color:var(--b5)!important;font-weight:600;font-size:14px;margin-top:14px;display:inline-block}
body.v3 .pg a.card{text-decoration:none;transition:transform .2s,box-shadow .2s}
body.v3 .pg a.card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(17,29,51,.09)!important}
body.v3 .pg .f-ic{background:#EAF2FB!important;border:0!important;border-radius:12px!important;color:var(--n7)!important}
body.v3 .pg .card .n{color:#9AA9BF!important;font:500 12px Inter,sans-serif;margin-left:auto}
body.v3 .pg .card.mod .mi{width:26px;height:26px;border-radius:0}
/* mini uygulama kartları */
body.v3 .pg .minis{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:32px}
body.v3 .pg .mini{background:#fff!important;border:1px solid var(--line)!important;border-radius:14px!important;padding:16px!important;display:flex;gap:14px;align-items:flex-start;text-decoration:none;color:var(--n9)!important}
body.v3 .pg .mini img{width:40px;height:40px;border-radius:10px;flex:none}
body.v3 .pg .mini b{color:var(--n9)!important;font-size:15px}body.v3 .pg .mini small{color:var(--mut)!important;font-weight:400;font-size:13.5px;line-height:1.5;display:block;margin-top:2px}
/* hap ve platform etiketleri */
body.v3 .pg .pills,body.v3 .pg .plat{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
body.v3 .pg .pills a,body.v3 .pg .pills span,body.v3 .pg .plat span{background:#fff!important;border:1px solid var(--line)!important;border-radius:999px!important;padding:7px 14px!important;color:#3A4A66!important;font:500 13px Inter,sans-serif!important;text-decoration:none;letter-spacing:0!important;text-transform:none!important}
body.v3 .pg .pills a:hover{border-color:var(--n7)!important;color:var(--n7)!important}
/* hero */
body.v3 .pg .ph{background:#fff!important;border-bottom:1px solid var(--line)!important;padding:clamp(48px,6vw,88px) 16px!important}
body.v3 .pg .ph-t{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;backdrop-filter:none!important;max-width:none}
body.v3 .pg .ph-ic{width:64px;height:64px;border-radius:16px;margin-bottom:16px}
body.v3 .pg .actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:26px}
body.v3 .pg .actions a:not(.cta){display:inline-flex;align-items:center;height:46px;padding:0 20px;border:1px solid var(--line);border-radius:999px;color:var(--n9)!important;font-weight:600;text-decoration:none;background:#fff}
body.v3 .pg .actions .cta{height:46px;padding:0 22px;display:inline-flex;align-items:center}
/* ekran çerçeveleri: oval köşe, sade */
body.v3 .pg .frame{border:1px solid var(--line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 24px 60px rgba(17,29,51,.12)!important}
body.v3 .pg .fbar{background:#F8FAFC!important;border-bottom:1px solid var(--line)!important}
body.v3 .pg .fbar i{background:#D5DDE7!important}
body.v3 .pg .phone{background:#111D33!important;border-radius:36px!important;padding:9px!important;border:0!important;box-shadow:0 24px 60px rgba(17,29,51,.2)!important}
body.v3 .pg .phone img{border-radius:28px!important}
body.v3 .pg .shots{gap:20px;margin-top:32px}
body.v3 .pg .shot{background:#fff!important;border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:var(--sh)}
body.v3 .pg .shot figcaption,body.v3 .pg .shot b{color:var(--n9)!important}
/* son çağrı bandı */
body.v3 .ct.ct-cta{background:var(--bg)!important;padding:clamp(48px,6vw,80px) 16px!important;border:0!important}
body.v3 .ct-card.ct-banner{max-width:1180px;margin:0 auto;background:#0B1B3F!important;border:0!important;border-radius:24px!important;box-shadow:none!important;padding:clamp(36px,5vw,56px)!important;color:#fff}
body.v3 .ct-banner h2{color:#fff!important;font-family:Inter,sans-serif!important;letter-spacing:-.02em}
body.v3 .ct-banner h2 em{color:#7CC8F2!important;font-style:normal}
body.v3 .ct-banner .ey{color:#9FB0CC!important}body.v3 .ct-banner .chips2 span{color:#B7C4DA!important;background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.12)!important}
body.v3 .ct-banner .btn-w{background:#fff!important;color:var(--n9)!important;border-radius:999px!important}
/* sektör kartları (sektorler.html) */
body.v3 .pg .sk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:28px}
body.v3 .pg .card.sk-card{padding:0!important;overflow:hidden;display:flex;flex-direction:column}
body.v3 .pg .sk-card .sk-img{aspect-ratio:16/10;background:#EEF3F8;overflow:hidden;border-radius:0!important;margin:0!important}
body.v3 .pg .sk-card .sk-img img{width:100%;height:100%;object-fit:cover;object-position:top left}
body.v3 .pg .sk-card h3,body.v3 .pg .sk-card p,body.v3 .pg .sk-card .more{margin-left:20px!important;margin-right:20px!important}
body.v3 .pg .sk-card h3{margin-top:18px!important}body.v3 .pg .sk-card .more{margin-bottom:20px!important;margin-top:auto!important;padding-top:10px}
.v3chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.v3chips button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 16px;font:500 14px Inter,sans-serif;color:#3A4A66;cursor:pointer}
.v3chips button[aria-pressed=true]{background:var(--n7);border-color:var(--n7);color:#fff}
@media(max-width:1024px){body.v3 .pg .sk-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){body.v3 .pg .sk-grid{grid-template-columns:1fr}body.v3 .pg .grid{grid-template-columns:1fr}.v3chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.v3chips button{flex:none}}
body.v3 .pg .ph-c .ph-t{text-align:center}body.v3 .pg .ph-c .lead{margin-inline:auto}body.v3 .pg .ph-c .plat{justify-content:center}
body.v3 .pg .card.mod .mi{width:28px;height:28px}
body.v3 .pg .card.mod .mi[src*="ikon-menu"]{width:36px;height:36px;padding:0;background:none;border-radius:0}   /* kutulu menü ikonu kendi kutusunu taşır */

/* ===== TimFlair tema galerisi + canlı önizleyici ===== */
.tfx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px;margin-top:36px}
.tfx-card{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--sh);transition:transform .2s,box-shadow .2s}
.tfx-card:hover,.tfx-card:focus-visible{transform:translateY(-4px);box-shadow:0 18px 40px rgba(17,29,51,.12)}
.tfx-card:focus-visible{outline:3px solid var(--b5);outline-offset:2px}
.tfx-sh{position:relative;display:block;background:#EEF3F8;padding:16px 16px 0;aspect-ratio:4/3;overflow:hidden}
.tfx-sh img{display:block;width:100%;height:auto;border-radius:10px 10px 0 0;box-shadow:0 6px 18px rgba(17,29,51,.12)}
.tfx-sh img.m{position:absolute;right:14px;bottom:-30px;width:26%;border-radius:12px;border:4px solid #111D33;box-shadow:0 10px 24px rgba(17,29,51,.25)}
.tfx-in{display:flex;flex-direction:column;gap:2px;padding:16px 18px 4px}
.tfx-in b{font-size:16px;color:var(--n9)}.tfx-in small{color:var(--mut);font-size:13.5px}
.tfx-sw{display:flex;gap:6px;margin-top:10px}.tfx-sw i{width:18px;height:18px;border-radius:50%;border:1px solid rgba(17,29,51,.12)}
.tfx-sw.lg i{width:28px;height:28px}
.tfx-go{padding:10px 18px 18px;color:var(--b5);font-weight:600;font-size:14px}
.tfx-modal{position:fixed;inset:0;z-index:1000;background:#EEF2F7;display:flex;flex-direction:column}
.tfx-modal[hidden]{display:none}
.tfx-top{display:flex;align-items:center;gap:16px;padding:10px 16px;background:#fff;border-bottom:1px solid var(--line)}
.tfx-tt{display:flex;flex-direction:column;min-width:0;flex:1}.tfx-tt b{font-size:16px;color:var(--n9)}.tfx-tt small{color:var(--mut);font-size:13px}
.tfx-dev{display:flex;gap:4px;padding:4px;background:var(--bg);border:1px solid var(--line);border-radius:999px}
.tfx-dev button{border:0;background:none;width:40px;height:34px;border-radius:999px;color:var(--mut);cursor:pointer;display:grid;place-items:center}
.tfx-dev button[aria-pressed=true]{background:#fff;color:var(--n7);box-shadow:0 1px 4px rgba(17,29,51,.12)}
.tfx-act{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:8px}
.tfx-act button{border:1px solid var(--line);background:#fff;width:38px;height:38px;border-radius:999px;font-size:20px;line-height:1;cursor:pointer;color:var(--n9)}
.tfx-act a{color:var(--n7);font-weight:600;font-size:14px;text-decoration:none;padding:0 8px}
.tfx-body{flex:1;display:grid;grid-template-columns:1fr 300px;min-height:0}
.tfx-stage{display:flex;justify-content:center;align-items:stretch;padding:18px;min-height:0}
.tfx-stage iframe{width:100%;height:100%;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 18px 50px rgba(17,29,51,.12)}
.tfx-stage.mob{align-items:center}
.tfx-stage.mob iframe{width:390px;height:min(100%,800px);border:10px solid #111D33;border-radius:40px}
.tfx-info{background:#fff;border-left:1px solid var(--line);padding:22px;overflow:auto}
.tfx-info h3{margin:0 0 14px;font-size:15px;color:var(--n9)}
.tfx-info dl{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;margin:0 0 16px;font-size:13.5px}
.tfx-info dt{color:var(--mut)}.tfx-info dd{margin:0;color:var(--n9);font-weight:500}
.tfx-info p{color:var(--mut);font-size:13px;line-height:1.55;margin:16px 0}
.tfx-info .cta{display:inline-flex;height:44px;align-items:center;padding:0 22px}
@media(max-width:900px){.tfx-body{grid-template-columns:1fr}.tfx-info{display:none}.tfx-act a{display:none}.tfx-stage{padding:10px}.tfx-stage.mob iframe{width:100%;max-width:390px;border-width:6px;border-radius:28px}}
.tfp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
.tfp{margin:0}.tfp .frame img{display:block;width:100%;height:auto;cursor:zoom-in}
.tfp figcaption{padding:14px 4px 0;display:flex;flex-direction:column;gap:4px}
.tfp figcaption b{color:var(--n9);font-size:15.5px}.tfp figcaption span{color:var(--mut);font-size:14px;line-height:1.55}
@media(max-width:1024px){.tfp-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.tfp-grid{grid-template-columns:1fr}}
/* bölüm içinde tek başına duran düğme: satır içi olduğu için ortalama boşluğu almaz → içerik hizasına */
body.v3 .pg .sec>a.cta{display:flex;align-items:center;width:fit-content;height:46px;padding:0 22px;margin-left:max(0px,calc((100% - 1180px)/2))!important;margin-top:24px}
/* telefon: açılış tek sütun (sayfa içi eski kural iki sütunu !important ile zorluyor) */
@media(max-width:760px){body.v3 .pg .ph-in{grid-template-columns:1fr!important;gap:28px!important}body.v3 .pg .ph-v{max-width:100%}}
/* sektör kartları gerçek fotoğrafla: ortadan kırp (ekran görüntüleri sol üstten kırpılıyordu) */
.v3card .im img[src*="assets/photos/"],body.v3 .pg .sk-card .sk-img img[src*="assets/photos/"]{object-position:center}

/* ===== TimFlair: 3D, AR, 360°, deneme aynası ===== */
.tf3-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:center;margin-top:clamp(40px,6vw,72px)}
.tf3-row.rev .tf3-v{order:2}
.tf3-v{display:flex;flex-direction:column;align-items:center;gap:12px}
.tf3-v .frame{max-width:380px;width:100%}.tf3-v .frame img{display:block;width:100%;height:auto;cursor:zoom-in}
.tf3-phone{width:min(300px,80%);background:#111D33;border-radius:40px;padding:10px;box-shadow:0 24px 60px rgba(17,29,51,.22)}
.tf3-phone img{display:block;width:100%;height:auto;border-radius:31px;cursor:zoom-in}
.tf3-cap{font-size:13px;color:var(--mut);text-align:center}
.tf3-k{display:inline-block;background:#EAF2FB;color:var(--n7);font:600 13px Inter,sans-serif;padding:6px 12px;border-radius:999px;margin-bottom:12px}
.tf3-t h3{font:700 clamp(22px,2.4vw,28px)/1.25 Inter,sans-serif;color:var(--n9);margin:0 0 12px;letter-spacing:-.01em}
.tf3-t>p{color:var(--mut);font-size:16px;line-height:1.65;margin:0 0 16px}
.tf3-l{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:10px}
.tf3-l li{display:flex;gap:10px;align-items:flex-start;color:#3A4A66;font-size:15px;line-height:1.5}
.tf3-l svg{flex:none;margin-top:3px;color:var(--g5)}
.tf3-ch{display:flex;flex-wrap:wrap;gap:8px}
.tf3-ch span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;color:#3A4A66}
.tf3-spin{position:relative;width:min(300px,80%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fff,#EAF2FB 70%);border:1px solid var(--line);display:grid;place-items:center;box-shadow:var(--sh)}
.tf3-spin span{font:800 54px Inter,sans-serif;color:var(--n7);letter-spacing:-.03em}
.tf3-spin i{position:absolute;inset:14px;border-radius:50%;border:2px dashed #9FC3E6;animation:tf3r 14s linear infinite}
.tf3-spin i::after{content:"";position:absolute;top:-7px;left:50%;width:12px;height:12px;border-radius:50%;background:var(--b5);transform:translateX(-50%)}
@keyframes tf3r{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.tf3-spin i{animation:none}}
@media(max-width:860px){.tf3-row{grid-template-columns:1fr}.tf3-row.rev .tf3-v{order:0}}
.tf3-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}
.tf3-m{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;box-shadow:var(--sh);transition:transform .2s}
.tf3-m:hover{transform:translateY(-3px)}
.tf3-m img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top;background:#EEF3F8}
.tf3-m>span:last-child{padding:16px 18px 20px;display:flex;flex-direction:column;gap:4px}
.tf3-m b{color:var(--n9);font-size:16px}.tf3-m small{color:var(--mut);font-size:14px;line-height:1.5}
.tf3-m360{display:grid;place-items:center;aspect-ratio:4/3;background:radial-gradient(circle at 50% 40%,#fff,#EAF2FB 70%);font:800 46px Inter,sans-serif;color:var(--n7)}
.tf3-more{margin-top:22px}.tf3-more a{color:var(--n7);font-weight:600;text-decoration:none}
body.v3 .dd-flair>a{color:var(--n7)!important;font-weight:600!important}
@media(max-width:860px){.tf3-mini{grid-template-columns:1fr}}
body.v3 .tf3-m img,body.v3 .tf3-m .tf3-m360{height:220px!important;aspect-ratio:auto;width:100%}
.tf3-3d,.tf3-360{position:relative;width:min(420px,100%);aspect-ratio:1;border-radius:24px;overflow:hidden;background:#F5F1EA;border:1px solid var(--line);box-shadow:var(--sh)}
.tf3-3d>img,.tf3-360>img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}
.tf3-3d model-viewer{position:absolute;inset:0;width:100%;height:100%;background:#F5F1EA;--poster-color:transparent}
.tf3-3d.on .tf3-load{display:none}
.tf3-load,.tf3-hint{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);background:rgba(17,29,51,.82);color:#fff;border:0;border-radius:999px;padding:9px 16px;font:600 13px Inter,sans-serif;white-space:nowrap;cursor:pointer}
.tf3-hint{pointer-events:none;background:rgba(17,29,51,.7)}
.tf3-360{cursor:grab;touch-action:pan-y}.tf3-360.drag{cursor:grabbing}.tf3-360:focus-visible{outline:3px solid var(--b5);outline-offset:3px}
.tf3-ar{position:absolute;right:14px;bottom:14px;background:var(--n7);color:#fff;border:0;border-radius:999px;padding:10px 16px;font:600 14px Inter,sans-serif}
/* uygulama ikonları kendi kare logoları: okunur boyutta */
body.v3 .pg .card.ac h3 img,body.v3 .pg .card h3 img[src*="assets/icons/"]{width:44px;height:44px;border-radius:11px}
body.v3 .pg .mini img[src*="assets/icons/"]{width:48px;height:48px;border-radius:12px}
body.v3 .pg .ph-ic[src*="assets/icons/"]{width:76px;height:76px;border-radius:18px}
.v3app img[src*="assets/icons/"]{width:52px;height:52px;border-radius:13px}