/* Shared type scale, taken from hizmetlerimiz.html.
   Page-specific rem scales continue to control only the existing layout. */
:root{
  --type-unit:calc(100vw / 102.4);
  --type-body:calc(var(--type-unit) * 1.2);
  --type-nav:calc(var(--type-unit) * 1.1);
  --type-phone:calc(var(--type-unit) * 1.35);
  --type-hero:calc(var(--type-unit) * 5.4);
  --type-hero-line:calc(var(--type-unit) * 5.6);
  --type-hero-copy:calc(var(--type-unit) * 1.9);
  --type-hero-copy-line:calc(var(--type-unit) * 2.25);
  --type-heading:calc(var(--type-unit) * 3.3);
  --type-heading-line:calc(var(--type-unit) * 4.2);
  --type-copy:calc(var(--type-unit) * 1.4);
  --type-copy-line:calc(var(--type-unit) * 1.9);
  --type-card:calc(var(--type-unit) * 1.4);
  --type-card-line:calc(var(--type-unit) * 1.8);
  --type-detail:calc(var(--type-unit) * 1.15);
  --type-detail-line:calc(var(--type-unit) * 1.7);
  --type-cta:calc(var(--type-unit) * 2.4);
  --type-cta-line:calc(var(--type-unit) * 2.8);
  --type-cta-copy:calc(var(--type-unit) * 1.25);
  --type-cta-copy-line:calc(var(--type-unit) * 1.6);
  --type-button:calc(var(--type-unit) * 1.3);
  --type-cta-button:calc(var(--type-unit) * 1.2);
}
body{font-size:var(--type-body)}
header nav a,footer nav a{font-size:var(--type-nav)}
.tel{font-size:var(--type-phone)}
.hero h1{font-size:var(--type-hero);line-height:var(--type-hero-line)}
.hero p{font-size:var(--type-hero-copy);line-height:var(--type-hero-copy-line)}
.head h2,.about h2,.a1 h2,.a2 .hc h2,.a3 .hc h2,.a4 .hc h2,.b4 h2{
  font-size:var(--type-heading);line-height:var(--type-heading-line)
}
.about p,.a1 p,.a2 .hc p,.a4 .hc p,.b4 p,.sub{
  font-size:var(--type-copy);line-height:var(--type-copy-line)
}
.head small,.about small,.lab{
  font-size:var(--type-nav);line-height:calc(var(--type-unit) * 1.6)
}
.card .t,.c2 h3,.c3 .bd,.box h3,.x4 h3,.b1 h3,.feat div{
  font-size:var(--type-card);line-height:var(--type-card-line)
}
.c2 p,.b1 p,.feat span,.cap{
  font-size:var(--type-detail);line-height:var(--type-detail-line)
}
.box p,.box p.a,.x4 p,.x4 p.a,.m4 .bar{
  font-size:var(--type-copy);line-height:var(--type-copy-line)
}
.b2 h2,.b3 h2,.c1 h2{
  font-size:var(--type-cta);line-height:var(--type-cta-line)
}
.b2 p,.b3 p,.c1 p{
  font-size:var(--type-cta-copy);line-height:var(--type-cta-copy-line)
}
.btn,.btn.s,.box .btn,.x4 .bw,.m4 .bw,.pl{
  font-size:var(--type-button)
}
.b2 .bw,.b3 .bw,.c1 .bw{font-size:var(--type-cta-button)}
.cp,.cp>span:first-child{font-size:var(--type-nav)}
/* Let equal-sized labels wrap inside the existing cards. */
.card .t{white-space:normal;min-height:3.9rem;height:auto;padding-top:.8rem;padding-bottom:.8rem;gap:.5rem}
.c3 .bd{min-height:4.7rem;height:auto;padding-top:.8rem;padding-bottom:.8rem;gap:.6rem}
.x4 p.a{white-space:normal}
.a1 h2,.c1 h2,.b3 h2{white-space:normal}
@media(max-width:799px){
  :root{
    --type-unit:10px;
    --type-nav:14px;
    --type-hero:36px;
    --type-hero-line:42px;
    --type-hero-copy:16px;
    --type-hero-copy-line:22px;
    --type-card:13px;
    --type-card-line:18px;
  }
  footer nav a,.cp,.cp>span:first-child{font-size:11px}
  .head small,.about small,.lab{font-size:11px}
}