/* teknikservis.app — theme layer on top of the Fooyes template
   Palette: petrol #0B6377 · teal #14A38B · ink #0E2A33 · amber #F4A21E (call to action) */
:root {
  --td-pet: #0B6377;
  --td-pet-d: #084A59;
  --td-teal: #14A38B;
  --td-ink: #0E2A33;
  --td-amber: #F4A21E;
  --td-amber-d: #D98A0B;
  --td-paper: #F4F7F8;
  --td-line: #E1E8EA;
  --td-muted: #5B7077;
  --td-wa: #1FAF54;
  --td-radius: 14px;
}
body { font-family: "Plus Jakarta Sans", Helvetica, Arial, sans-serif; color: #2B3D43; background: #fff; }
body.lang-ar, body.lang-ar h1, body.lang-ar h2, body.lang-ar h3, body.lang-ar h4, body.lang-ar h5, body.lang-ar .btn_1, body.lang-ar input, body.lang-ar button {
  font-family: "IBM Plex Sans Arabic", "Plus Jakarta Sans", Arial, sans-serif;
}
h1, h2, h3, h4, h5 { color: var(--td-ink); font-weight: 700; letter-spacing: -0.01em; }
a { color: var(--td-pet); }
a:hover { color: var(--td-teal); }
.bg_gray { background: var(--td-paper); }

/* ---------------- header */
header.header_in { border-bottom: 1px solid var(--td-line); }
header.header_in .logo_normal { display: none; }
header.header_in .logo_sticky { display: inline-block; }
#logo img { height: 36px; width: auto; }
ul#top_menu li.td-lang { margin-right: 6px; }
.td-lang a { display: inline-block !important; font-size: 12px !important; font-weight: 700; padding: 4px 7px !important; border-radius: 6px; opacity: .75; text-indent: 0 !important; width: auto !important; height: auto !important; line-height: 1.2 !important; }
.td-lang a:before { display: none !important; }
.td-lang a.active { opacity: 1; background: rgba(255,255,255,.18); }
header.header_in .td-lang a.active, header.sticky .td-lang a.active { background: #E3F1F2; color: var(--td-pet) !important; }
ul#top_menu li a.td-top-login { text-indent: 0 !important; width: auto !important; height: auto !important; font-weight: 600; font-size: 14px; }
ul#top_menu li a.td-top-login:before { display: none !important; }
ul#top_menu li a.td-top-login i { font-size: 20px; vertical-align: -3px; }
.main-menu > ul > li > a.td-nav-cta { background: var(--td-amber); color: var(--td-ink) !important; border-radius: 30px; padding: 8px 16px !important; margin-left: 6px; }
.main-menu > ul > li > a.td-nav-cta:hover { background: var(--td-amber-d); }
@media (max-width: 991px) { .main-menu > ul > li > a.td-nav-cta { background: transparent; padding: 15px !important; margin: 0; } }

/* ---------------- buttons */
.btn_1, a.btn_1 { background-color: var(--td-pet); border-radius: 10px; font-weight: 700; }
.btn_1:hover, a.btn_1:hover { background-color: var(--td-ink); }
.btn_1.gradient, a.btn_1.gradient { background-image: linear-gradient(to right, var(--td-teal), var(--td-pet)); }
.td-btn-call, a.td-btn-call { display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: var(--td-amber); color: var(--td-ink) !important; font-weight: 800; border-radius: 12px; padding: 13px 18px; border: 0; transition: .2s; }
.td-btn-call:hover { background: var(--td-amber-d); }
.td-btn-wa, a.td-btn-wa { display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: var(--td-wa); color: #fff !important; font-weight: 700; border-radius: 12px; padding: 13px 18px; transition: .2s; }
.td-btn-wa:hover { filter: brightness(.92); }
.td-btn-ghost, a.td-btn-ghost { display: inline-flex; align-items: center; gap: 8px; border: 1.5px solid var(--td-line); color: var(--td-ink) !important; font-weight: 600; border-radius: 12px; padding: 11px 16px; background: #fff; }
.td-btn-ghost:hover { border-color: var(--td-pet); }

/* ---------------- LCD code chip (signature element) */
.td-lcd { display: inline-flex; align-items: center; justify-content: center; min-width: 74px; padding: 6px 12px; border-radius: 8px; background: #123B45; box-shadow: inset 0 0 0 3px #0F2B33; color: #7CF2C9; font-family: "DejaVu Sans Mono", Consolas, monospace; font-weight: 700; letter-spacing: 2px; font-size: 18px; line-height: 1.2; direction: ltr; }
.td-lcd.sm { min-width: 54px; font-size: 14px; padding: 4px 8px; }
.td-lcd.xl { font-size: 46px; min-width: 170px; padding: 14px 22px; border-radius: 14px; box-shadow: inset 0 0 0 5px #0F2B33, 0 18px 40px rgba(14,42,51,.25); }

/* ---------------- home hero (split, dark petrol) */
.td-hero { position: relative; background: radial-gradient(1200px 500px at 80% 20%, #127A85 0%, transparent 60%), linear-gradient(135deg, #0A3A47 0%, #0B6377 55%, #0E7C7B 100%); color: #fff; padding: 140px 0 110px; overflow: hidden; }
.td-hero:before { content: ""; position: absolute; inset: 0; background: url(../img/td-pattern.svg); opacity: 1; }
.td-hero .container { position: relative; z-index: 2; }
.td-hero h1 { color: #fff; font-size: 46px; line-height: 1.12; font-weight: 800; margin-bottom: 14px; }
.td-hero h1 em { font-style: normal; color: var(--td-amber); }
.td-hero p.lead { color: rgba(255,255,255,.85); font-size: 18px; max-width: 560px; }
.td-hero-art { max-width: 100%; height: auto; filter: drop-shadow(0 30px 50px rgba(0,0,0,.25)); }
@media (max-width: 991px) { .td-hero { padding: 110px 0 80px; } .td-hero h1 { font-size: 32px; } .td-hero-art { display: none; } }

.td-search { background: #fff; border-radius: 16px; padding: 8px; display: flex; gap: 8px; box-shadow: 0 20px 50px rgba(0,0,0,.18); margin-top: 26px; max-width: 620px; }
.td-search .td-search-code { flex: 1; display: flex; align-items: center; gap: 10px; padding: 0 12px; }
.td-search .td-search-code i { color: var(--td-pet); font-size: 20px; }
.td-search input { border: 0; outline: 0; width: 100%; font-size: 17px; font-weight: 600; color: var(--td-ink); background: transparent; padding: 12px 0; }
.td-search button { border: 0; background: var(--td-amber); color: var(--td-ink); font-weight: 800; border-radius: 11px; padding: 0 26px; }
.td-search button:hover { background: var(--td-amber-d); }
.td-suggest { position: absolute; z-index: 30; background: #fff; border-radius: 12px; box-shadow: 0 20px 40px rgba(0,0,0,.18); margin-top: 6px; width: 100%; max-width: 620px; overflow: hidden; display: none; }
.td-suggest a { display: flex; align-items: center; gap: 12px; padding: 10px 14px; color: var(--td-ink); border-bottom: 1px solid var(--td-line); }
.td-suggest a:hover, .td-suggest a.active { background: var(--td-paper); }
.td-suggest small { color: var(--td-muted); }
.td-trends { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.td-trends span { color: rgba(255,255,255,.7); font-size: 13px; margin-right: 4px; }
.td-trends a { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); color: #fff; border-radius: 30px; padding: 4px 12px 4px 5px; font-size: 13px; font-weight: 600; }
.td-trends a:hover { background: rgba(255,255,255,.2); }
.td-trends .td-lcd.sm { font-size: 11px; min-width: 0; padding: 2px 6px; }
.td-hero-stats { display: flex; gap: 32px; margin-top: 34px; flex-wrap: wrap; }
.td-hero-stats div strong { display: block; font-size: 26px; font-weight: 800; color: #fff; }
.td-hero-stats div small { color: rgba(255,255,255,.7); }
.td-hero-wave { position: absolute; left: 0; right: 0; bottom: -1px; height: 60px; background: #fff; clip-path: polygon(0 60%, 25% 35%, 55% 70%, 80% 30%, 100% 50%, 100% 100%, 0 100%); }

/* ---------------- section titles */
.td-title { margin-bottom: 30px; }
.td-title small { display: inline-block; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--td-teal); font-size: 12px; margin-bottom: 6px; }
.td-title h2 { font-size: 30px; font-weight: 800; margin: 0; }
.td-title p { color: var(--td-muted); margin: 8px 0 0; max-width: 640px; }
.td-title.center { text-align: center; } .td-title.center p { margin-left: auto; margin-right: auto; }

/* ---------------- category tiles */
.td-cat { display: flex; align-items: center; gap: 14px; background: #fff; border: 1px solid var(--td-line); border-radius: var(--td-radius); padding: 18px; height: 100%; transition: .2s; color: var(--td-ink); }
.td-cat:hover { border-color: var(--td-pet); box-shadow: 0 14px 30px rgba(11,99,119,.12); transform: translateY(-2px); color: var(--td-ink); }
.td-cat figure { margin: 0; width: 58px; height: 58px; border-radius: 14px; background: #E8F4F3; display: flex; align-items: center; justify-content: center; flex: 0 0 58px; }
.td-cat figure img { width: 40px; height: 40px; }
.td-cat h3 { font-size: 17px; margin: 0 0 2px; }
.td-cat small { color: var(--td-muted); }

/* ---------------- popular code cards */
.td-code-card { display: block; background: #fff; border: 1px solid var(--td-line); border-radius: var(--td-radius); padding: 16px; height: 100%; color: var(--td-ink); transition: .2s; }
.td-code-card:hover { border-color: var(--td-pet); color: var(--td-ink); box-shadow: 0 14px 30px rgba(11,99,119,.10); }
.td-code-card .td-cc-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.td-code-card .td-cc-brand { font-weight: 800; font-size: 13px; text-transform: uppercase; letter-spacing: .06em; color: var(--td-muted); }
.td-code-card h3 { font-size: 16px; margin: 0 0 6px; }
.td-code-card p { color: var(--td-muted); font-size: 13px; margin: 0; }
.td-level { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; border-radius: 30px; padding: 3px 10px; }
.td-level:before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.td-level.user { color: #11865F; background: #E1F5EC; }
.td-level.careful { color: #A86200; background: #FFF1D9; }
.td-level.pro { color: #B3261E; background: #FDE7E5; }

/* ---------------- brand chips */
.td-brand { display: flex; align-items: center; justify-content: space-between; gap: 10px; background: #fff; border: 1px solid var(--td-line); border-radius: 12px; padding: 14px 16px; color: var(--td-ink); font-weight: 700; height: 100%; }
.td-brand:hover { border-color: var(--td-pet); color: var(--td-pet); }
.td-brand i.dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; margin-right: 8px; }
.td-brand small { color: var(--td-muted); font-weight: 500; }

/* ---------------- how it works (horizontal track) */
.td-how { position: relative; }
.td-how .td-how-item { text-align: center; padding: 0 10px; }
.td-how .td-how-item img { margin-bottom: 14px; }
.td-how .td-how-item h3 { font-size: 17px; }
.td-how .td-how-item p { color: var(--td-muted); font-size: 14px; }
.td-how .td-how-num { display: inline-block; font-weight: 800; color: var(--td-teal); font-size: 12px; letter-spacing: .1em; margin-bottom: 6px; }

/* ---------------- business band */
.td-band { background: var(--td-ink); color: #fff; border-radius: 22px; padding: 46px; position: relative; overflow: hidden; }
.td-band:after { content: ""; position: absolute; right: -80px; top: -80px; width: 320px; height: 320px; border-radius: 50%; background: radial-gradient(circle, rgba(20,163,139,.45), transparent 70%); }
.td-band h2 { color: #fff; font-weight: 800; }
.td-band p { color: rgba(255,255,255,.78); }
.td-band ul { list-style: none; padding: 0; margin: 18px 0 0; }
.td-band ul li { padding: 6px 0 6px 28px; position: relative; color: rgba(255,255,255,.9); }
.td-band ul li:before { content: "\F26B"; font-family: bootstrap-icons; position: absolute; left: 0; color: var(--td-amber); }

/* ---------------- breadcrumb / page head */
.td-pagehead { background: var(--td-paper); border-bottom: 1px solid var(--td-line); padding: 26px 0 22px; }
.td-pagehead h1 { font-size: 30px; font-weight: 800; margin: 6px 0 4px; }
.td-pagehead p { color: var(--td-muted); margin: 0; }
.td-bc { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 6px; font-size: 13px; color: var(--td-muted); }
.td-bc li + li:before { content: "›"; margin: 0 6px 0 0; color: #9AAAB0; }
.td-bc a { color: var(--td-muted); }
.td-bc a:hover { color: var(--td-pet); }

/* ---------------- fault page */
.td-fault-hero { display: grid; grid-template-columns: 300px 1fr; gap: 26px; background: #fff; border: 1px solid var(--td-line); border-radius: 18px; padding: 22px; margin-bottom: 26px; }
.td-fault-hero figure { margin: 0; position: relative; }
.td-fault-hero figure img { width: 100%; height: auto; border-radius: 12px; background: var(--td-paper); }
.td-fault-hero figure figcaption { font-size: 12px; color: var(--td-muted); margin-top: 6px; }
.td-fault-hero .td-fh-meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
.td-fault-hero .td-fh-meta .tag { background: var(--td-paper); border-radius: 30px; padding: 3px 11px; font-size: 13px; font-weight: 600; color: var(--td-ink); }
.td-fault-hero .lead { font-size: 17px; color: #2B3D43; }
@media (max-width: 767px) { .td-fault-hero { grid-template-columns: 1fr; } }
.td-box { background: #fff; border: 1px solid var(--td-line); border-radius: 18px; padding: 24px; margin-bottom: 22px; }
.td-box h2 { font-size: 21px; font-weight: 800; margin: 0 0 14px; display: flex; align-items: center; gap: 10px; }
.td-box h2 i { color: var(--td-teal); }
.td-causes { list-style: none; margin: 0; padding: 0; }
.td-causes li { padding: 10px 0 10px 30px; border-bottom: 1px dashed var(--td-line); position: relative; }
.td-causes li:last-child { border-bottom: 0; }
.td-causes li:before { content: attr(data-n); position: absolute; left: 0; top: 10px; width: 20px; height: 20px; border-radius: 6px; background: #E8F4F3; color: var(--td-pet); font-size: 12px; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.td-steps { counter-reset: s; list-style: none; padding: 0; margin: 0; }
.td-steps li { counter-increment: s; position: relative; padding: 0 0 18px 50px; }
.td-steps li:before { content: counter(s); position: absolute; left: 0; top: -2px; width: 34px; height: 34px; border-radius: 50%; background: var(--td-pet); color: #fff; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.td-steps li:after { content: ""; position: absolute; left: 16px; top: 34px; bottom: 2px; width: 2px; background: var(--td-line); }
.td-steps li:last-child:after { display: none; }
.td-warn { display: flex; gap: 14px; background: #FFF6E6; border: 1px solid #FBD99A; border-radius: 14px; padding: 16px 18px; color: #6A4300; }
.td-warn i { font-size: 24px; color: var(--td-amber-d); }
.td-video { position: relative; border-radius: 14px; overflow: hidden; background: var(--td-ink); aspect-ratio: 16/9; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; padding: 20px; }
.td-video .td-play { width: 74px; height: 74px; border-radius: 50%; background: #FF0033; display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; font-size: 34px; color: #fff; }
.td-video p { color: rgba(255,255,255,.75); font-size: 14px; }
.td-faq details { border-bottom: 1px solid var(--td-line); padding: 12px 0; }
.td-faq summary { font-weight: 700; cursor: pointer; color: var(--td-ink); }
.td-faq details p { margin: 8px 0 0; color: var(--td-muted); }
.td-sources { font-size: 13px; color: var(--td-muted); }
.td-related a { display: flex; align-items: center; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--td-line); color: var(--td-ink); font-weight: 600; }

/* call-a-service box (sticky) */
.td-callbox { background: #fff; border: 2px solid var(--td-pet); border-radius: 18px; overflow: hidden; }
.td-callbox .td-cb-head { background: var(--td-pet); color: #fff; padding: 16px 18px; }
.td-callbox .td-cb-head h3 { color: #fff; font-size: 18px; margin: 0 0 4px; }
.td-callbox .td-cb-head p { margin: 0; color: rgba(255,255,255,.8); font-size: 13px; }
.td-callbox .td-cb-loc { display: flex; gap: 8px; padding: 12px 16px; border-bottom: 1px solid var(--td-line); }
.td-callbox .td-cb-loc select { flex: 1; border: 1px solid var(--td-line); border-radius: 10px; padding: 8px; font-size: 14px; background: #fff; }
.td-firm-mini { padding: 14px 16px; border-bottom: 1px solid var(--td-line); }
.td-firm-mini:last-child { border-bottom: 0; }
.td-firm-mini .fm-top { display: flex; justify-content: space-between; align-items: start; gap: 8px; }
.td-firm-mini h4 { font-size: 15px; margin: 0; }
.td-firm-mini h4 a { color: var(--td-ink); }
.td-firm-mini small { color: var(--td-muted); }
.td-firm-mini .fm-btns { display: flex; gap: 6px; margin-top: 10px; }
.td-firm-mini .fm-btns a { flex: 1; padding: 9px 8px; font-size: 13px; border-radius: 10px; }
.td-score { background: var(--td-teal); color: #fff; font-weight: 800; border-radius: 8px 8px 8px 0; padding: 3px 7px; font-size: 13px; }
.td-badge-feat { display: inline-block; background: #FFF1D9; color: #A86200; font-size: 11px; font-weight: 800; border-radius: 6px; padding: 2px 7px; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 4px; }
.td-open { font-size: 12px; font-weight: 700; color: #11865F; } .td-open.no { color: #B3261E; }
.td-mobile-call { display: none; }
@media (max-width: 991px) {
  .td-mobile-call { display: flex; gap: 8px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 999; background: #fff; padding: 10px 12px; box-shadow: 0 -8px 24px rgba(0,0,0,.12); }
  .td-mobile-call a { flex: 1; padding: 12px; }
  body.has-mobile-call footer { padding-bottom: 70px; }
}

/* ---------------- model / brand pages */
.td-model { display: block; background: #fff; border: 1px solid var(--td-line); border-radius: 16px; overflow: hidden; height: 100%; color: var(--td-ink); transition: .2s; }
.td-model:hover { border-color: var(--td-pet); color: var(--td-ink); box-shadow: 0 14px 30px rgba(11,99,119,.10); }
.td-model figure { margin: 0; background: var(--td-paper); }
.td-model figure img { width: 100%; height: auto; display: block; }
.td-model div { padding: 14px 16px; }
.td-model h3 { font-size: 16px; margin: 0 0 4px; }
.td-model small { color: var(--td-muted); }
.td-codetable { width: 100%; border-collapse: separate; border-spacing: 0; }
.td-codetable th { font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: var(--td-muted); padding: 10px 12px; border-bottom: 1px solid var(--td-line); text-align: start; }
.td-codetable td { padding: 12px; border-bottom: 1px solid var(--td-line); vertical-align: middle; }
.td-codetable tr:hover td { background: var(--td-paper); }
.td-codetable td a.td-row-link { font-weight: 700; color: var(--td-ink); }
.td-empty { background: var(--td-paper); border: 1px dashed #C5D0D3; border-radius: 14px; padding: 22px; color: var(--td-muted); text-align: center; }

/* ---------------- listing (services) */
.td-firm-card { background: #fff; border: 1px solid var(--td-line); border-radius: 16px; overflow: hidden; height: 100%; display: flex; flex-direction: column; }
.td-firm-card.featured { border-color: var(--td-amber); box-shadow: 0 0 0 1px var(--td-amber); }
.td-firm-card figure { margin: 0; position: relative; aspect-ratio: 3/2; overflow: hidden; }
.td-firm-card figure img { width: 100%; height: 100%; object-fit: cover; }
.td-firm-card figure .td-badge-feat { position: absolute; top: 12px; left: 12px; }
.td-firm-card figure .td-score { position: absolute; top: 12px; right: 12px; }
.td-firm-card .fc-body { padding: 14px 16px; flex: 1; }
.td-firm-card h3 { font-size: 17px; margin: 0 0 4px; }
.td-firm-card h3 a { color: var(--td-ink); }
.td-firm-card .fc-cats { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.td-firm-card .fc-cats span { background: var(--td-paper); font-size: 12px; border-radius: 6px; padding: 2px 8px; font-weight: 600; }
.td-firm-card .fc-btns { display: flex; gap: 6px; padding: 0 16px 16px; }
.td-firm-card .fc-btns a { flex: 1; padding: 10px; font-size: 14px; }
.filter_col .filter_type h4 a { color: var(--td-ink); }

/* firm detail */
.td-firmhead { background: linear-gradient(135deg, #0A3A47, #0B6377); color: #fff; padding: 120px 0 40px; position: relative; overflow: hidden; }
.td-firmhead:before { content: ""; position: absolute; inset: 0; background: url(../img/td-pattern.svg); }
.td-firmhead .container { position: relative; }
.td-firmhead h1 { color: #fff; font-weight: 800; font-size: 34px; margin: 6px 0; }
.td-firmhead p { color: rgba(255,255,255,.8); margin: 0; }
.td-firmhead .td-bc a, .td-firmhead .td-bc { color: rgba(255,255,255,.75); }
.td-stars { color: var(--td-amber); }
.td-review { border-bottom: 1px solid var(--td-line); padding: 14px 0; }
.td-review .td-verified { font-size: 12px; color: #11865F; font-weight: 700; }

/* ---------------- tracking page (cargo style) */
.td-track-wrap { max-width: 920px; margin: 0 auto; }
.td-track-head { display: flex; gap: 18px; align-items: center; background: #fff; border: 1px solid var(--td-line); border-radius: 18px; padding: 18px 20px; margin-bottom: 18px; }
.td-track-head .firm-logo { width: 56px; height: 56px; border-radius: 14px; background: linear-gradient(135deg, var(--td-teal), var(--td-pet)); color: #fff; font-weight: 800; display: flex; align-items: center; justify-content: center; font-size: 20px; flex: 0 0 56px; }
.td-track-head h1 { font-size: 20px; margin: 0; }
.td-track-head .ms-auto { display: flex; gap: 8px; }
.td-tracker { display: flex; justify-content: space-between; position: relative; padding: 10px 0 0; margin: 10px 0 6px; }
.td-tracker:before { content: ""; position: absolute; top: 27px; left: 7%; right: 7%; height: 5px; border-radius: 3px; background: var(--td-line); }
.td-tracker .td-tr-fill { position: absolute; top: 27px; height: 5px; border-radius: 3px; background: linear-gradient(to right, var(--td-teal), var(--td-pet)); }
html[dir=ltr] .td-tracker .td-tr-fill { left: 7%; } html[dir=rtl] .td-tracker .td-tr-fill { right: 7%; }
.td-tracker .st { position: relative; z-index: 2; flex: 1; text-align: center; font-size: 12.5px; font-weight: 600; color: var(--td-muted); }
.td-tracker .st .dot { width: 40px; height: 40px; border-radius: 50%; background: #fff; border: 2px solid var(--td-line); margin: 0 auto 8px; display: flex; align-items: center; justify-content: center; color: #9AAAB0; font-size: 17px; }
.td-tracker .st.done .dot { background: var(--td-teal); border-color: var(--td-teal); color: #fff; }
.td-tracker .st.now .dot { background: #fff; border: 3px solid var(--td-pet); color: var(--td-pet); box-shadow: 0 0 0 6px rgba(11,99,119,.15); animation: tdpulse 2s infinite; }
.td-tracker .st.now { color: var(--td-ink); font-weight: 800; }
.td-tracker .st.done { color: var(--td-ink); }
@keyframes tdpulse { 0%,100% { box-shadow: 0 0 0 6px rgba(11,99,119,.15); } 50% { box-shadow: 0 0 0 11px rgba(11,99,119,.05); } }
@media (max-width: 767px) {
  .td-tracker { flex-direction: column; gap: 4px; }
  .td-tracker:before, .td-tracker .td-tr-fill { display: none; }
  .td-tracker .st { display: flex; align-items: center; gap: 12px; text-align: start; }
  .td-tracker .st .dot { margin: 0; flex: 0 0 40px; }
}
.td-timeline { list-style: none; margin: 0; padding: 0; }
.td-timeline li { position: relative; padding: 0 0 20px 34px; }
html[dir=rtl] .td-timeline li { padding: 0 34px 20px 0; }
.td-timeline li:before { content: ""; position: absolute; left: 6px; top: 6px; bottom: -6px; width: 2px; background: var(--td-line); }
.td-timeline li:after { content: ""; position: absolute; left: 0; top: 4px; width: 14px; height: 14px; border-radius: 50%; background: #fff; border: 3px solid var(--td-teal); }
html[dir=rtl] .td-timeline li:before { left: auto; right: 6px; } html[dir=rtl] .td-timeline li:after { left: auto; right: 0; }
.td-timeline li:last-child:before { display: none; }
.td-timeline li.now:after { border-color: var(--td-pet); background: var(--td-pet); }
.td-timeline time { font-size: 12px; color: var(--td-muted); font-weight: 600; }
.td-timeline strong { display: block; color: var(--td-ink); }
.td-timeline p { margin: 2px 0 0; color: var(--td-muted); font-size: 14px; }
.td-kv { display: grid; grid-template-columns: 140px 1fr; gap: 6px 12px; font-size: 14px; }
.td-kv dt { color: var(--td-muted); font-weight: 500; } .td-kv dd { margin: 0; font-weight: 600; color: var(--td-ink); }
.td-approve { background: #FFF6E6; border: 1px solid #FBD99A; border-radius: 14px; padding: 16px; }
.td-wa-preview { background: #E7F7EC; border-radius: 14px; padding: 14px 16px; font-size: 14px; position: relative; }
.td-wa-preview:before { content: "WhatsApp"; display: block; font-size: 11px; font-weight: 800; color: var(--td-wa); letter-spacing: .06em; text-transform: uppercase; margin-bottom: 4px; }

/* ---------------- pricing / modules */
.td-mod { display: flex; gap: 12px; align-items: flex-start; background: #fff; border: 1.5px solid var(--td-line); border-radius: 14px; padding: 14px; cursor: pointer; height: 100%; transition: .15s; position: relative; }
.td-mod:hover { border-color: #9CC9CF; }
.td-mod.on { border-color: var(--td-pet); background: #F3FAFA; }
.td-mod.core { cursor: default; background: var(--td-paper); }
.td-mod input { margin-top: 4px; accent-color: var(--td-pet); width: 18px; height: 18px; }
.td-mod h4 { font-size: 15px; margin: 0 0 2px; }
.td-mod p { font-size: 13px; color: var(--td-muted); margin: 0; }
.td-mod .price { margin-inline-start: auto; font-weight: 800; color: var(--td-ink); white-space: nowrap; font-size: 14px; }
.td-mod .wv { font-size: 11px; color: #8A9CA2; display: block; margin-top: 3px; }
.td-total { position: sticky; top: 90px; background: var(--td-ink); color: #fff; border-radius: 18px; padding: 22px; }
.td-total h3 { color: #fff; font-size: 18px; }
.td-total .big { font-size: 38px; font-weight: 800; color: var(--td-amber); line-height: 1; }
.td-total ul { list-style: none; padding: 0; margin: 14px 0; font-size: 13px; color: rgba(255,255,255,.8); max-height: 220px; overflow: auto; }
.td-total ul li { display: flex; justify-content: space-between; padding: 3px 0; border-bottom: 1px solid rgba(255,255,255,.08); }
.td-bundle { border: 1.5px solid var(--td-line); border-radius: 14px; padding: 16px; text-align: center; cursor: pointer; background: #fff; height: 100%; }
.td-bundle.on { border-color: var(--td-pet); background: #F3FAFA; }
.td-bundle h4 { margin: 0 0 4px; font-size: 16px; }
.td-bundle small { color: var(--td-muted); }
.td-pkg { background: #fff; border: 1px solid var(--td-line); border-radius: 18px; padding: 22px; height: 100%; }
.td-pkg.hl { border: 2px solid var(--td-amber); }
.td-pkg .fee { font-size: 28px; font-weight: 800; color: var(--td-ink); }
.td-pkg ul { padding-left: 18px; color: var(--td-muted); font-size: 14px; }

/* ---------------- RTL basics for the LTR template */
html[dir=rtl] body { text-align: right; }
html[dir=rtl] #logo { float: right; }
html[dir=rtl] ul#top_menu { float: left; margin: 0 15px 0 0; }
html[dir=rtl] .main-menu { float: left; }
html[dir=rtl] .main-menu > ul > li { float: right; }
html[dir=rtl] .td-steps li { padding: 0 50px 18px 0; }
html[dir=rtl] .td-steps li:before { left: auto; right: 0; }
html[dir=rtl] .td-steps li:after { left: auto; right: 16px; }
html[dir=rtl] .td-causes li { padding: 10px 30px 10px 0; }
html[dir=rtl] .td-causes li:before { left: auto; right: 0; }
html[dir=rtl] .td-band ul li { padding: 6px 28px 6px 0; }
html[dir=rtl] .td-band ul li:before { left: auto; right: 0; }
html[dir=rtl] .td-brand i.dot { margin-right: 0; margin-left: 8px; }
html[dir=rtl] .td-bc li + li:before { content: "‹"; }
html[dir=rtl] footer ul.additional_links { float: left; }
html[dir=rtl] .td-firm-card figure .td-badge-feat { left: auto; right: 12px; }
html[dir=rtl] .td-firm-card figure .td-score { right: auto; left: 12px; }
html[dir=rtl] .td-pkg ul { padding-left: 0; padding-right: 18px; }
@media (max-width: 991px) { html[dir=rtl] .main-menu > ul > li { float: none; } }

.td-foot-about { color: #555; font-size: 14px; max-width: 320px; }
.td-foot-lang a { display: inline-block; padding: 4px 10px; border: 1px solid #ddd; border-radius: 8px; margin-inline-end: 6px; font-size: 13px; font-weight: 600; color: #555; }
.td-foot-lang a.active { border-color: var(--td-pet); color: var(--td-pet); }
footer { background: #fff; }
.td-note { font-size: 12.5px; color: var(--td-muted); }
.td-demo-tag { display: inline-block; font-size: 11px; font-weight: 800; color: #6B4FBB; background: #EFEAFD; border-radius: 6px; padding: 2px 7px; letter-spacing: .04em; text-transform: uppercase; }
.margin_detail { padding-top: 30px; padding-bottom: 40px; }

/* header hizası (masaüstü): logo · menü · dil/giriş tek eksende */
@media (min-width: 992px) {
  header.header .container { display: flex; align-items: center; }
  header.header #logo { float: none; flex: 0 0 auto; }
  header.header nav.main-menu { float: none; margin-left: auto; order: 2; top: 0; }
  header.header nav.main-menu > ul { display: flex; align-items: center; }
  header.header ul#top_menu { float: none; order: 3; display: flex; align-items: center; margin: 0 0 0 14px; }
  header.header ul#top_menu > li { float: none; margin-bottom: 0; }
  header.header nav.main-menu > ul > li > a { padding-top: 0; padding-bottom: 0; }
  html[dir=rtl] header.header nav.main-menu { margin-left: 0; margin-right: auto; }
  html[dir=rtl] header.header ul#top_menu { margin: 0 14px 0 0; }
}
.td-fault-hero .td-fh-meta a.tag { color: var(--td-pet); text-decoration: none; border: 1px solid #CFE3E5; }
.td-fh-meta a.tag:hover { background: #E3F1F2; }

/* mobil: logo sola (hamburger sonrası), dil+giriş sağa — üst üste binmesin */
@media (max-width: 991px) {
  header.header #logo { text-align: left; padding-left: 46px; }
  /* RTL'de de mobil başlık LTR düzeninde kalır: hamburger + logo solda, dil/giriş sağda */
  html[dir=rtl] header.header #logo { text-align: left; padding-left: 46px; padding-right: 0; }
  html[dir=rtl] ul#top_menu { float: none; right: 15px; left: auto; margin: 0; }
  ul#top_menu li.td-lang { margin-right: 2px; }
  .td-lang a { padding: 4px 5px !important; }
  #logo img { height: 28px; }
}
@media (max-width: 360px) { #logo img { height: 24px; } }

/* markalar */
.td-letters { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 8px; }
.td-letters a { display: inline-block; min-width: 30px; text-align: center; padding: 4px 6px; border-radius: 6px; background: var(--td-paper); color: var(--td-ink); font-weight: 700; font-size: 13px; text-decoration: none; }
.td-letters a:hover { background: #E3F1F2; color: var(--td-pet); }
.td-letter { font-size: 15px; font-weight: 800; color: var(--td-pet); margin: 18px 0 8px; scroll-margin-top: 90px; }
.td-group { border: 1px solid #E3E8EA; border-radius: 12px; padding: 14px 16px; height: 100%; }
.td-group h3 { font-size: 15px; font-weight: 700; margin: 0 0 6px; }
.td-group p { margin: 0; font-size: 14px; }
.td-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.td-chips a { border: 1px solid #CFE3E5; border-radius: 30px; padding: 4px 12px; font-size: 13px; font-weight: 600; color: var(--td-pet); text-decoration: none; background: #fff; }
.td-chips a:hover { background: #E3F1F2; }
.td-facts th { width: 38%; font-weight: 600; color: #5B6B70; }
.td-facts th, .td-facts td { padding: 8px 4px; font-size: 14px; }

/* bölgedeki diğer servisler (Google Haritalar) */
.td-places { border-top: 1px dashed var(--td-line); padding: 12px 16px 10px; background: #FAFCFC; }
.td-places-head h4 { font-size: 14px; margin: 0 0 2px; }
.td-places-head small { display: block; color: var(--td-muted); font-size: 11.5px; line-height: 1.35; margin-bottom: 8px; }
.td-place { padding: 9px 0; border-bottom: 1px solid #EEF2F3; }
.td-place:last-child { border-bottom: 0; }
.td-place .tp-top { display: flex; justify-content: space-between; gap: 8px; align-items: baseline; }
.td-place .tp-top b { font-size: 13.5px; color: var(--td-ink); }
.td-gstar { white-space: nowrap; font-size: 12px; color: #B26A00; font-weight: 600; }
.td-gstar em { font-style: normal; color: var(--td-muted); font-weight: 400; }
.td-place .tp-addr { display: block; color: var(--td-muted); font-size: 11.5px; margin-top: 2px; }
.td-place .tp-btns { display: flex; gap: 6px; margin-top: 6px; flex-wrap: wrap; }
.td-place .tp-btns a { font-size: 12px; padding: 4px 9px; border: 1px solid #D5E2E4; border-radius: 8px; color: var(--td-pet); text-decoration: none; background: #fff; }
.td-place .tp-btns a:hover { background: #E3F1F2; }
.td-places-foot { display: flex; justify-content: space-between; align-items: center; margin-top: 6px; font-size: 11.5px; }
.td-gattr { color: #5F6368; font-family: Roboto, Arial, sans-serif; font-size: 11px; }
.td-places-foot a { color: var(--td-teal); }