/* Offer block – TrustMedLabs SIBO (scoped) */
:root{
  --primary:#0ea5a3;   /* teal */
  --accent:#22c55e;    /* green */
  --ink:#0f172a;       /* slate-900 */
  --muted:#475569;     /* slate-600 */
  --line:#e2e8f0;      /* slate-200 */
  --surface:#ffffff;
  --bg:#f8fafc;        /* slate-50 */
  --radius:16px;
  --shadow:0 8px 24px rgba(2,6,23,.08);
}

.tml-offer{
  font-family:"Tajawal",system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue","Noto Sans Arabic",Arial,sans-serif;
  background:var(--bg);
  color:var(--ink);
  line-height:1.8;
  margin:0;
}

.tml-container{
  max-width:1100px;
  margin-inline:auto;
  padding:32px 20px 60px;
}

.tml-hero{
  background:linear-gradient(180deg,#f0fbfa,transparent);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:32px;
  box-shadow:var(--shadow);
  margin-bottom:24px;
}

.tml-title{
  font-size:clamp(28px,3.2vw,40px);
  margin:0 0 8px;
  color:var(--primary);
  font-weight:800;
  letter-spacing:.2px;
}

.tml-subtitle{
  margin:0 0 16px;
  color:var(--muted);
  font-size:clamp(16px,1.6vw,18px);
}

.tml-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:0;
  margin:0 0 18px;
  list-style:none;
}
.tml-badges li{
  background:var(--surface);
  border:1px dashed var(--line);
  border-radius:999px;
  padding:8px 14px;
  font-weight:500;
}

.tml-cta{display:flex;gap:10px;flex-wrap:wrap}
.btn{
  display:inline-block;
  padding:12px 18px;
  border-radius:12px;
  text-decoration:none;
  font-weight:700;
  border:1px solid transparent;
  transition:.2s ease;
}
.btn-primary{background:var(--primary);color:#fff}
.btn-outline{background:var(--surface);border-color:var(--primary);color:var(--primary)}
.btn-quiet{background:transparent;color:var(--muted)}
.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}

.tml-card{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:24px;
  box-shadow:var(--shadow);
  margin:18px 0;
}

.tml-card h2{
  font-size:clamp(20px,2.4vw,26px);
  margin:0 0 14px;
}

.tml-grid.two{display:grid;gap:18px;grid-template-columns:1fr}
.tml-grid.two.inner{gap:12px}
@media(min-width:900px){.tml-grid.two{grid-template-columns:1fr 1fr}}

.tml-list{padding:0 18px;margin:0 0 10px}
.tml-list.two-col{columns:1;column-gap:22px}
@media(min-width:900px){.tml-list.two-col{columns:2}}
.tml-list li{margin-bottom:8px}

.tml-note{
  font-size:.95rem;
  color:var(--muted);
  border-inline-start:4px solid var(--accent);
  padding-inline-start:12px;
  margin-top:8px;
}

.tml-cities{color:var(--muted);margin:10px 0 0}

.tml-steps{counter-reset:step;padding:0;margin:0;list-style:none;display:grid;gap:10px}
.tml-steps li{
  display:flex;align-items:center;gap:10px;
  border:1px solid var(--line);
  border-radius:12px;padding:10px 12px;background:#fcfeff;
}
.tml-steps li span{
  width:28px;height:28px;display:inline-grid;place-items:center;
  border-radius:50%;background:var(--primary);color:#fff;font-weight:700;
}

.tml-cta-final{
  display:flex;gap:10px;justify-content:center;flex-wrap:wrap;
  margin-top:22px;
}