/* ===== МЕДИЦИНСКИ ТРАНСПОРТ – CSS ===== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700;800;900&family=Open+Sans:wght@400;600&display=swap');

.mt{
  --red:#e11d2e; --red-dark:#b3101f; --navy:#0b2447; --blue:#1e5aa8;
  --sky:#e8f0fb; --light:#f5f7fb; --text:#1d2939; --muted:#5b6b80; --white:#fff;
  font-family:'Open Sans',Arial,sans-serif; color:var(--text); background:var(--white);
  overflow:hidden; line-height:1.6;
}
.mt *{box-sizing:border-box;margin:0;padding:0}
.mt-wrap{max-width:1160px;margin:0 auto;padding:0 16px;position:relative}
.mt h1,.mt h2,.mt h3,.mt h4{font-family:'Montserrat',sans-serif;line-height:1.15;color:var(--navy)}
.mt-ico{width:100%;height:100%;display:block}

/* reveal */
.mt-r{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}
.mt-r.mt-in{opacity:1;transform:none}

/* labels */
.mt-tag{
  display:inline-flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;font-weight:800;
  font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin-bottom:14px;
}
.mt-tag::before{content:"";width:28px;height:3px;background:var(--red);border-radius:2px}
.mt-h2{font-size:clamp(28px,4.4vw,44px);font-weight:900;margin-bottom:18px}
.mt-h2 span{color:var(--red)}
.mt-lead{font-size:18px;color:var(--muted);max-width:720px}

/* ---------- HERO ---------- */
.mt-hero{
  position:relative;background:var(--navy);color:var(--white);
  padding:90px 0 150px;clip-path:polygon(0 0,100% 0,100% 86%,0 100%);
}
.mt-hero::before{
  content:"";position:absolute;right:-10%;top:-30%;width:70%;height:160%;
  background:var(--red);transform:skewX(-14deg);opacity:.95;
}
.mt-hero::after{
  content:"";position:absolute;inset:0;
  background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:22px 22px;
}
.mt-hero .mt-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;z-index:2}
.mt-hero-tag{
  display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);
  padding:8px 16px;border-radius:40px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;
  letter-spacing:.14em;text-transform:uppercase;margin-bottom:22px;
}
.mt-dot{width:10px;height:10px;border-radius:50%;background:var(--red);position:relative}
.mt-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--red);animation:mtPing 1.6s ease-out infinite}
.mt-hero h1{color:var(--white);font-size:clamp(32px,5.4vw,58px);font-weight:900;margin-bottom:20px}
.mt-hero h1 em{font-style:normal;color:#ffd5d9;display:block}
.mt-hero p{font-size:18px;color:rgba(255,255,255,.85);max-width:560px}
.mt-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.mt-badge{
  display:flex;align-items:center;gap:8px;background:var(--white);color:var(--navy);padding:10px 16px;border-radius:8px;
  font-family:'Montserrat',sans-serif;font-weight:700;font-size:13px;box-shadow:0 8px 24px rgba(0,0,0,.18);
}
.mt-badge svg{width:20px;height:20px;color:var(--red)}

.mt-hero-art{position:relative}
.mt-ecg{width:100%;height:auto;display:block}
.mt-ecg path{stroke-dasharray:900;stroke-dashoffset:900;animation:mtEcg 3s linear infinite}
.mt-amb{width:100%;max-width:470px;display:block;margin:-30px auto 0;animation:mtBob 1.2s ease-in-out infinite}
.mt-amb .mt-wheel{transform-box:fill-box;transform-origin:center;animation:mtSpin .8s linear infinite}
.mt-amb .mt-siren-r{animation:mtSiren 1s steps(1) infinite}
.mt-amb .mt-siren-b{animation:mtSiren 1s steps(1) infinite .5s}
.mt-road{height:4px;margin:6px auto 0;max-width:470px;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.8) 0 30px,transparent 30px 55px);
  background-size:55px 4px;animation:mtRoad .5s linear infinite}

/* ---------- INTRO cards ---------- */
.mt-intro{margin-top:-90px;position:relative;z-index:3}
.mt-intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mt-card{
  background:var(--white);border-radius:14px;padding:30px 26px;box-shadow:0 18px 50px rgba(11,36,71,.12);
  border-top:4px solid var(--red);position:relative;transition:transform .4s,box-shadow .4s;
}
.mt-card:nth-child(2){transform:translateY(26px);border-top-color:var(--blue)}
.mt-card:nth-child(2).mt-in{transform:translateY(26px)}
.mt-card:hover{box-shadow:0 26px 60px rgba(11,36,71,.18)}
.mt-card-ico{width:54px;height:54px;border-radius:12px;background:var(--sky);color:var(--blue);padding:12px;margin-bottom:16px}
.mt-card:nth-child(odd) .mt-card-ico{background:#fde8ea;color:var(--red)}
.mt-card p{font-size:16px;color:var(--muted)}

/* ---------- TEAM ---------- */
.mt-sec{padding:110px 0}
.mt-team{background:var(--light);clip-path:polygon(0 6%,100% 0,100% 94%,0 100%);padding:140px 0}
.mt-team-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:50px}
.mt-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
.mt-person{
  background:var(--white);border-radius:14px;padding:26px 18px;text-align:center;position:relative;overflow:hidden;
  border:1px solid #e3e9f2;transition:transform .35s,border-color .35s;
}
.mt-person::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background:var(--red);transform:scaleX(0);transition:transform .4s}
.mt-person:hover{transform:translateY(-6px);border-color:transparent}
.mt-person:hover::before{transform:scaleX(1)}
.mt-person .mt-p-ico{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;background:var(--navy);color:var(--white);padding:15px;transition:background .35s}
.mt-person:hover .mt-p-ico{background:var(--red)}
.mt-person h4{font-size:16px;font-weight:800}
.mt-note{
  margin-top:34px;display:flex;gap:16px;align-items:center;background:var(--navy);color:var(--white);
  padding:22px 26px;border-radius:14px;border-left:6px solid var(--red);
}
.mt-note svg{width:40px;height:40px;flex:none;color:#ffd5d9}

/* ---------- ROUTES ---------- */
.mt-routes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:44px}
.mt-route{
  display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 20px;border-radius:12px;
  background:var(--white);border:2px solid #e3e9f2;transition:.35s;
}
.mt-route:hover{border-color:var(--blue);box-shadow:0 12px 30px rgba(30,90,168,.14)}
.mt-pt{display:flex;flex-direction:column;align-items:center;gap:6px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:13px;color:var(--navy);text-align:center;min-width:76px}
.mt-pt svg{width:30px;height:30px;color:var(--blue)}
.mt-arrow{flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--red) 0 6px,transparent 6px 12px);position:relative;background-size:12px 2px;animation:mtDash 1s linear infinite}
.mt-arrow::after{content:"";position:absolute;right:-2px;top:-5px;border:6px solid transparent;border-left:8px solid var(--red);border-right:0}
.mt-route.mt-intl{background:var(--navy);border-color:var(--navy)}
.mt-route.mt-intl .mt-pt{color:var(--white)}
.mt-route.mt-intl .mt-pt svg{color:#ffd5d9}
.mt-route.mt-intl:hover{border-color:var(--red)}

/* ---------- BEDRIDDEN ---------- */
.mt-bed{background:linear-gradient(120deg,var(--red) 0%,var(--red-dark) 100%);color:var(--white);position:relative;
  clip-path:polygon(0 0,100% 7%,100% 100%,0 93%);padding:150px 0}
.mt-bed::before{content:"";position:absolute;inset:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M26 18h8v8h8v8h-8v8h-8v-8h-8v-8h8z' fill='%23ffffff' fill-opacity='.06'/%3E%3C/svg%3E")}
.mt-bed .mt-wrap{display:grid;grid-template-columns:1fr 1.15fr;gap:50px;align-items:center}
.mt-bed h2,.mt-bed .mt-tag{color:var(--white)}
.mt-bed .mt-tag::before{background:var(--white)}
.mt-bed p{color:rgba(255,255,255,.9);font-size:18px}
.mt-equip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mt-eq{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:22px 12px;text-align:center;
  transition:.35s;backdrop-filter:blur(4px)}
.mt-eq:hover{background:var(--white);color:var(--red)}
.mt-eq svg{width:44px;height:44px;margin:0 auto 10px}
.mt-eq span{font-family:'Montserrat',sans-serif;font-weight:700;font-size:14px;display:block}

/* ---------- CARRY ---------- */
.mt-carry .mt-wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.mt-stairs{position:relative;background:var(--sky);border-radius:20px;padding:30px;transform:rotate(-2deg)}
.mt-stairs svg{width:100%;height:auto;display:block}
.mt-stairs .mt-climb{animation:mtClimb 4s ease-in-out infinite}
.mt-steps{margin-top:26px;display:grid;gap:14px}
.mt-step{display:flex;gap:14px;align-items:flex-start}
.mt-step b{flex:none;width:38px;height:38px;border-radius:10px;background:var(--red);color:var(--white);
  font-family:'Montserrat',sans-serif;font-weight:900;display:flex;align-items:center;justify-content:center}
.mt-step p{color:var(--muted)}
.mt-places{margin-top:60px;background:var(--navy);border-radius:20px;padding:40px 34px;color:var(--white);position:relative;overflow:hidden}
.mt-places::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;border:30px solid rgba(225,29,46,.35)}
.mt-places h3{color:var(--white);font-size:24px;margin-bottom:22px;position:relative;z-index:1}
.mt-chips{display:flex;flex-wrap:wrap;gap:12px;position:relative;z-index:1}
.mt-chip{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.2);border-radius:40px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:14px;transition:.3s}
.mt-chip svg{width:20px;height:20px;color:#ffb3ba}
.mt-chip:hover{background:var(--red);border-color:var(--red)}
.mt-chip:hover svg{color:var(--white)}

/* ---------- SOCIAL + AD ---------- */
.mt-social{background:var(--light);padding:100px 0}
.mt-social-grid{display:grid;grid-template-columns:1fr auto;gap:34px;align-items:start;margin-top:36px}
.mt-fb{background:var(--white);border-radius:16px;padding:20px;box-shadow:0 14px 40px rgba(11,36,71,.1);
  display:flex;justify-content:center}
.mt-fb iframe{width:100%;max-width:500px;height:560px;border:none;overflow:hidden;display:block}
.mt-ad{width:336px;max-width:100%}
.mt-ad-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);text-align:center;margin-bottom:8px}
.mt-ad-slot{width:100%;min-height:300px;aspect-ratio:1/1;background:var(--white);border-radius:12px;overflow:hidden;
  display:flex;align-items:center;justify-content:center}
.mt-ad-slot:empty{border:2px dashed #c9d4e3}
.mt-ad-slot:empty::before{content:"Място за реклама";font-family:'Montserrat',sans-serif;font-weight:700;color:#9fb0c6}

/* ---------- Animations ---------- */
@keyframes mtPing{to{transform:scale(2.6);opacity:0}}
@keyframes mtEcg{0%{stroke-dashoffset:900}70%{stroke-dashoffset:0}100%{stroke-dashoffset:-900}}
@keyframes mtBob{50%{transform:translateY(-3px)}}
@keyframes mtSpin{to{transform:rotate(360deg)}}
@keyframes mtSiren{0%{opacity:1}50%{opacity:.15}}
@keyframes mtRoad{to{background-position:-55px 0}}
@keyframes mtDash{to{background-position:12px 0}}
@keyframes mtClimb{0%,100%{transform:translate(0,0)}50%{transform:translate(-90px,-70px)}}

/* ---------- Responsive ---------- */
@media (max-width:900px){
  .mt-hero .mt-wrap,.mt-team-head,.mt-bed .mt-wrap,.mt-carry .mt-wrap{grid-template-columns:1fr}
  .mt-hero{padding:60px 0 130px}
  .mt-intro-grid{grid-template-columns:1fr}
  .mt-card:nth-child(2),.mt-card:nth-child(2).mt-in{transform:none}
  .mt-social-grid{grid-template-columns:1fr;justify-items:center}
  .mt-fb{width:100%}
}
@media (max-width:560px){
  .mt-sec{padding:80px 0}
  .mt-team,.mt-bed{padding:110px 0}
  .mt-equip{grid-template-columns:repeat(2,1fr)}
  .mt-lead,.mt-bed p,.mt-hero p{font-size:16px}
  .mt-places{padding:30px 20px}
  .mt-fb{padding:10px}
}
@media (prefers-reduced-motion:reduce){
  .mt *{animation:none!important;transition:none!important}
  .mt-r{opacity:1;transform:none}
}
.mt-carry .mt-wrap {
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    width: 100%;
  }
  @media (max-width: 900px) {
    .mt-carry .mt-wrap { grid-template-columns: 1fr; }
  }