/* assets/css/pages/tsoft-subpage.css — T-Soft Alt Sayfa Ortak Stili */
:root {
    --tm: #c2410c;
    --tm-l: #ea580c;
    --tm-d: #7c2d12;
    --tm-a: #fb923c;
    --tm-s: #10b981;
    --tm-txt: #475569;
    --tm-dk: #1e293b;
    --tm-bd: #e2e8f0;
    --tm-bg: #f8fafc;
    --tm-bg2: #f1f5f9;
}
body { background: #fff; overflow-x: hidden; }
body.ticimax-page,
body.ideasoft-page,
body.tsoft-page,
body.ikas-page {
    font-family: 'Cabin', Arial, sans-serif;
}

/* HERO — dark navy gradient */
.tm-sub-hero {
    position: relative; padding: 175px 0 110px; overflow: hidden; color: #fff;
    background: url('/assets/img/bg/inner-hero-bg.webp') no-repeat center/cover;
}
.tm-sub-hero::before { content:''; position:absolute; inset:0; background:linear-gradient(160deg,rgba(194,65,12,.97),rgba(124,45,18,.96) 60%,rgba(234,88,12,.92)); z-index:1; }
.tm-sub-hero::after { content:''; position:absolute; inset:0; background:radial-gradient(circle at 15% 85%,rgba(251,146,60,.1),transparent 55%),radial-gradient(circle at 85% 15%,rgba(251,146,60,.06),transparent 50%); z-index:1; }
.tm-sub-hero .container { position:relative; z-index:2; text-align:center; }
.tm-sub-hero .badge-line { display:inline-flex; align-items:center; gap:10px; padding:8px 22px; background:rgba(251,146,60,.15); border:1px solid rgba(251,146,60,.35); border-radius:50px; margin-bottom:20px; font-size:.82rem; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:#fed7aa; backdrop-filter:blur(6px); }
.tm-sub-hero .badge-line img { height:22px; filter:brightness(0) invert(1); }
.tm-sub-hero h1 { font-size:clamp(2.2rem,5vw,3.6rem); font-weight:900; margin-bottom:18px; letter-spacing:-.03em; line-height:1.12; }
.tm-sub-hero h1 .hl { color:#fed7aa; font-size:1em; font-weight:inherit; line-height:inherit; display:inline; white-space:normal; }
.tm-sub-hero .hero-p { font-size:1.15rem; max-width:720px; opacity:.92; line-height:1.75; margin:0 auto 32px; }
.tm-sub-hero .hero-stats { display:flex; gap:40px; margin:45px auto 0; flex-wrap:wrap; justify-content:center; }
.tm-sub-hero .stat-item { text-align:center; }
.tm-sub-hero .stat-item .n { display:block; font-size:2.2rem; font-weight:800; }
.tm-sub-hero .stat-item .l { font-size:.82rem; color:rgba(255,255,255,.7); margin-top:4px; }

body.tsoft-page .tm-sub-hero,
body.tsoft-page .tm-sub-hero .container {
    text-align: center !important;
}
body.tsoft-page .tm-sub-hero .hero-p {
    margin-left: auto !important;
    margin-right: auto !important;
}
body.tsoft-page .tm-sub-hero .tm-btn-grp,
body.tsoft-page .tm-sub-hero .hero-stats {
    justify-content: center !important;
}

/* TRUST */
.tm-sub-trust { padding:26px 0; background:#fff; border-bottom:1px solid var(--tm-bd); }
.tm-sub-trust .items { display:flex; justify-content:center; gap:45px; flex-wrap:wrap; }
.tm-sub-trust .t-item { display:flex; align-items:center; gap:10px; font-size:.9rem; font-weight:600; color:var(--tm-txt); }
.tm-sub-trust .t-item i { font-size:1.2rem; color:var(--tm); }

/* SECTION SPACING */
.tm-sec { padding:100px 0; }
.tm-sec.bg-w { background:#fff; }
.tm-sec.bg-l { background:var(--tm-bg); }
.tm-sec.bg-d { background:var(--tm-bg2); }

/* PRICING CARDS */
.tm-pkg-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; margin-top:45px; }
.tm-pkg {
    background:#fff; border-radius:20px; border:1px solid var(--tm-bd);
    display:flex; flex-direction:column; position:relative; overflow:hidden;
    transition:all .4s cubic-bezier(.4,0,.2,1);
}
.tm-pkg:hover { transform:translateY(-8px); box-shadow:0 28px 56px rgba(194,65,12,.11); border-color:var(--tm); }
.tm-pkg.pop { border:2px solid var(--tm); transform:scale(1.02); z-index:1; box-shadow:0 22px 55px rgba(194,65,12,.10); }
.tm-pkg-tag { position:absolute; top:0; left:0; right:0; background:var(--tm); color:#fff; text-align:center; padding:8px; font-size:11px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; }
.tm-pkg-head { text-align:center; padding:42px 28px 28px; border-bottom:1px solid var(--tm-bd); }
.tm-pkg.pop .tm-pkg-head { padding-top:58px; }
.tm-pkg-head h3 { font-weight:800; color:var(--tm-dk); font-size:1.3rem; margin-bottom:3px; }
.tm-pkg-head .sub { font-size:.85rem; color:var(--tm-txt); display:block; margin-bottom:18px; }
.tm-pkg-price { font-size:2.6rem; font-weight:900; color:var(--tm); line-height:1; margin:8px 0; }
.tm-pkg-price small { font-size:1rem; color:var(--tm-txt); font-weight:500; }
.tm-pkg-meta { display:flex; justify-content:center; gap:18px; margin-top:14px; }
.tm-pkg-meta span { font-size:.8rem; color:var(--tm-txt); display:flex; align-items:center; gap:5px; }
.tm-pkg-meta i { color:var(--tm); font-size:.82rem; }
.tm-pkg-body { padding:28px; flex:1; }
.tm-pkg-list { list-style:none; padding:0; margin:0; }
.tm-pkg-list li { padding:8px 0; font-size:.88rem; color:var(--tm-txt); display:flex; align-items:flex-start; gap:9px; border-bottom:1px solid rgba(0,0,0,.03); word-break:break-word; }
.tm-pkg-list li:last-child { border:none; }
.tm-pkg-list li i { color:var(--tm-s); font-size:.82rem; margin-top:3px; flex-shrink:0; }
.tm-pkg-list li.hl { color:var(--tm); font-weight:700; }
.tm-pkg-list li.hl i { color:var(--tm); }
.tm-pkg-foot { padding:0 28px 32px; }

/* BTN */
.tm-btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:15px 34px; border-radius:50px; font-weight:700; font-size:14px; transition:all .3s; text-decoration:none!important; width:auto; }
.tm-btn-p { background:var(--tm); color:#fff; box-shadow:0 8px 24px rgba(194,65,12,.22); }
.tm-btn-p:hover { background:#7c2d12; transform:translateY(-2px); box-shadow:0 12px 32px rgba(194,65,12,.32); color:#fff; }
.tm-btn-o { background:#fff; border:2px solid var(--tm-bd); color:var(--tm-dk); }
.tm-btn-o:hover { border-color:var(--tm); color:var(--tm); }
.tm-btn-wa { background:#25D366; color:#fff; box-shadow:0 8px 24px rgba(37,211,102,.25); }
.tm-btn-wa:hover { background:#20bd5a; transform:translateY(-2px); color:#fff; }
.tm-btn-grp { display:flex; gap:14px; flex-wrap:wrap; justify-content:center; }
.tm-pkg-foot .tm-btn { width:100%; }

/* FEATURES GRID */
.tm-feat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; margin-top:45px; }
.tm-feat {
    padding:32px 28px; border-radius:16px; background:var(--tm-bg); border:1px solid var(--tm-bd); transition:all .3s;
}
.tm-feat:hover { border-color:var(--tm); background:rgba(194,65,12,.02); }
.tm-feat .ic { width:48px; height:48px; background:var(--tm); color:#fff; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:20px; margin-bottom:18px; }
.tm-feat h4 { font-size:1.1rem; font-weight:700; color:var(--tm-dk); margin-bottom:8px; }
.tm-feat p { font-size:.88rem; color:var(--tm-txt); line-height:1.6; margin:0; }

/* NOTES BOX */
.tm-notes { background:var(--tm-bg); border:1px solid var(--tm-bd); border-radius:14px; padding:26px 32px; margin-top:45px; }
.tm-notes p { font-size:.86rem; color:var(--tm-txt); margin:0; line-height:1.7; }

/* CTA */
.tm-cta { padding:75px 0; background:linear-gradient(135deg,#c2410c,#ea580c 50%,#7c2d12); color:#fff; text-align:center; position:relative; overflow:hidden; }
.tm-cta::before { content:''; position:absolute; inset:0; background:radial-gradient(circle at 30% 50%,rgba(251,146,60,.12),transparent 60%); pointer-events:none; }
.tm-cta .container { position:relative; z-index:1; }
.tm-cta h2 { font-size:2rem; font-weight:800; margin-bottom:14px; position:relative; }
.tm-cta p { font-size:1.05rem; opacity:.9; margin-bottom:28px; position:relative; }

/* FAQ */
.tm-faq-sec { padding:100px 0; }

/* SEO BLOCK */
.tm-seo-block { padding:75px 0; }
.tm-seo-block h2 { font-size:1.65rem; font-weight:800; color:var(--tm-dk); margin-bottom:16px; }
.tm-seo-block p { color:var(--tm-txt); line-height:1.8; margin-bottom:13px; font-size:.95rem; }
.tm-seo-block a { color:var(--tm-a); font-weight:600; }

/* CHECKLIST */
.tm-ck { list-style:none!important; padding:0!important; margin:20px 0!important; }
.tm-ck li { display:flex; align-items:center; gap:10px; padding:7px 0; font-size:.93rem; color:var(--tm-txt); }
.tm-ck li i { color:var(--tm-s); flex-shrink:0; }

/* RESPONSIVE */
@media(max-width:991px){
    .tm-sub-hero { padding:140px 0 85px; }
    .tm-pkg-grid, .tm-feat-grid { grid-template-columns:1fr; }
    .tm-pkg.pop { transform:none; }
    .tm-btn-grp { flex-direction:row; justify-content:center; }
    .tm-btn-grp .tm-btn { width:auto; }
    .tm-sub-trust .items { gap:18px; }
    .tm-sub-hero .hero-stats { gap:22px; }
    .tm-pkg-meta { flex-wrap:wrap; }
}
@media(max-width:576px){
    .tm-btn-grp { flex-direction:column; align-items:stretch; }
    .tm-btn-grp .tm-btn { width:100%; }
    .tm-sub-hero .badge-line { font-size:.72rem; letter-spacing:1px; padding:7px 14px; gap:8px; flex-wrap:wrap; justify-content:center; }
    .tm-sub-hero .hero-p { font-size:1rem; max-width:100%; }
    .tm-sub-hero .hero-stats { display:grid; grid-template-columns:repeat(2,minmax(120px,1fr)); align-items:stretch; gap:16px 12px; width:100%; max-width:340px; margin:30px auto 0; }
    .tm-sub-hero .hero-stats .stat-item:last-child { grid-column:1 / -1; }
    .tm-sub-hero .stat-item .n { font-size:1.8rem; }
    .tm-pkg-head { padding:34px 20px 24px; }
    .tm-pkg.pop .tm-pkg-head { padding-top:48px; }
    .tm-pkg-body { padding:22px 20px; }
    .tm-pkg-foot { padding:0 20px 24px; }
    .tm-pkg-price { font-size:2.15rem; }
    .tm-notes { padding:18px 16px; }
    .tm-sub-trust .items { display:grid; grid-template-columns:repeat(2,minmax(140px,1fr)); gap:12px 14px; align-items:start; }
    .tm-sub-trust .t-item { font-size:.84rem; line-height:1.35; align-items:flex-start; }
    .tm-sub-trust .t-item i { margin-top:2px; }
}