/* Text fitting for localized content; original design and density rules remain. */
.hero h1.hero-slogan {
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.08;
  text-wrap: balance;
  overflow-wrap: break-word;
}

html:lang(de), html:lang(az) {
  hyphens: auto;
  overflow-wrap: break-word;
}
html:lang(de) #fiyatlar .fy-bl {
  overflow-wrap: anywhere;
}
@media (max-width: 360px) {
  #ogretmenler .t-name { overflow-wrap: anywhere; }
  .mbar .btn { white-space: normal; text-align: center; line-height: 1.2; }
  html:lang(de) #son .kap-u { max-width: 100%; white-space: normal; }
}

@media (max-width: 720px) {
  html:lang(de) .hero .who-o:last-child b,
  html:lang(az) .hero .who-o:last-child b { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
  html:lang(de) #baslangic .bs-opt,
  html:lang(az) #baslangic .bs-opt { flex-wrap: wrap; min-width: 0; }
  html:lang(de) #baslangic .bs-opt em,
  html:lang(az) #baslangic .bs-opt em { margin-left: 26px; }
}
html:lang(de) #neden .nd-panel-txt,
html:lang(az) #neden .nd-panel-txt,
html:lang(de) #fiyatlar .plan,
html:lang(az) #fiyatlar .plan,
html:lang(de) #fiyatlar .calc-in,
html:lang(az) #fiyatlar .calc-in,
html:lang(de) #fiyatlar .calc-out,
html:lang(az) #fiyatlar .calc-out { min-width: 0; }
html:lang(de) #fiyatlar .plan-cta .btn,
html:lang(az) #fiyatlar .plan-cta .btn { white-space: normal; text-align: center; }
html:lang(de) #fiyatlar .fy-seg button,
html:lang(az) #fiyatlar .fy-seg button { min-width: 0; padding-inline: 8px; }
@media (max-width: 720px) {
  html:lang(de) #fiyatlar .calc,
  html:lang(az) #fiyatlar .calc { grid-template-columns: minmax(0, 1fr); }
}
@media (min-width: 721px) and (max-width: 960px) {
  html:lang(de) .header .login,
  html:lang(az) .header .login { display: none; }
}
html:lang(de) #neden .nd-panel-txt,
html:lang(az) #neden .nd-panel-txt { width: 100%; }
html:lang(de) #fiyatlar .plan,
html:lang(az) #fiyatlar .plan { grid-template-columns: minmax(0, 1fr); }
html:lang(de) #neden .nd-panel-txt,
html:lang(az) #neden .nd-panel-txt { grid-template-columns: minmax(0, 1fr); }
@media (max-width: 360px) {
  #fiyatlar .plan { min-width: 0; grid-template-columns: minmax(0, 1fr); }
  #fiyatlar .plan-cta .btn { white-space: normal; text-align: center; }
}
@media (min-width: 721px) and (max-width: 800px) {
  html:lang(en) .header .brand img { height: 44px; }
}

@media (max-width: 720px) {
  html:lang(de) .hero .who-grid { grid-template-columns: repeat(3, minmax(0, .8fr)) minmax(0, 1.6fr); }
}
@media (max-width: 360px) {
  html:lang(de) .hero .who-o:last-child b,
  html:lang(az) .hero .who-o:last-child b { font-size: 14px; }
}
@media (max-width: 360px) {
  #ogretmenler .t-roll { height: 3.42em; }
}

@media (max-width: 360px) { html:lang(de) .hero .who-o:last-child b { font-size: 13px; white-space: nowrap; } }
.footer .kap-logo-badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;padding:14px 20px;background:#fff;border-radius:999px;box-shadow:0 5px 18px rgb(0 0 0 / .08);box-sizing:border-box}
.footer .kap-logo-badge img{display:block;min-width:0;max-width:100%;object-fit:contain}
.header a.brand img{width:300px;height:50px;object-fit:cover;object-position:center;max-width:100%}
.footer span.kap-logo-badge img{width:300px;height:auto;aspect-ratio:6 / 1;object-fit:cover;object-position:center}
@media(max-width:1024px){.header a.brand img{width:250px;height:42px}}
@media(max-width:360px){.header a.brand img{width:210px;height:35px}}
.proof p.pf-t{white-space:normal;overflow-wrap:normal;line-height:1.12}

/* Mobile navigation starts with a language dropdown. */
#drawer .dr-language-select{margin:0 0 20px;padding:0 0 16px;border-bottom:1px solid var(--line)}
#drawer .dr-language-select summary{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:48px;padding:10px 16px;border:1.5px solid var(--line-2,var(--line));border-radius:12px;background:#fff;color:var(--ink);font:700 16px/1.4 var(--body);cursor:pointer;list-style:none}
#drawer .dr-language-select summary::-webkit-details-marker{display:none}
#drawer .dr-language-select summary svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;flex:none}
#drawer .dr-language-select[open] summary svg{transform:rotate(180deg)}
#drawer .dr-language-select .dr-langs{display:grid;gap:4px;padding:8px 0 0}
#drawer .dr-language-select .dr-langs a{justify-content:start;min-height:44px;height:auto;padding:10px 16px;border-radius:8px;box-shadow:none;font-size:15px;letter-spacing:0}
#drawer .dr-language-select .dr-langs a[aria-current]{background:var(--ink);color:#fff}
#drawer .dr-language-select :is(summary,a):focus-visible{outline:2px solid var(--ink);outline-offset:3px}