:root{--ink:#15222a;--muted:#64727b;--gold:#c7a04b;--gold-dark:#a47b29;--navy:#122b3a;--navy-2:#0b202c;--line:#dfe5e8;--surface:#f5f7f8;--white:#fff;--container:1180px;--radius:16px;--shadow:0 18px 50px rgba(12,34,47,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.65}body.modal-open{overflow:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-80px;z-index:9999;background:#fff;padding:10px 14px}.skip-link:focus{top:16px}.topbar{background:var(--navy-2);color:#dce5e9;font-size:13px}.topbar-inner{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar-contact{display:flex;align-items:center;gap:22px}.topbar-contact a:hover{color:#fff}.topbar-quote{height:42px;border:0;background:var(--gold);color:#172127;font-weight:800;padding:0 22px;text-transform:uppercase;letter-spacing:.08em;font-size:11px;cursor:pointer}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);border-bottom:1px solid rgba(18,43,58,.08);transition:.25s}.site-header.is-scrolled{box-shadow:0 8px 30px rgba(15,37,49,.09)}.header-inner{height:84px;display:flex;align-items:center;justify-content:space-between}.brand img{width:175px;height:auto}.primary-nav{display:flex;align-items:center;gap:28px}.primary-nav>a,.nav-dropdown-toggle{position:relative;padding:31px 0;border:0;background:none;color:#273840;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.045em;cursor:pointer}.primary-nav>a:after,.nav-dropdown-toggle:after{content:"";position:absolute;left:0;right:0;bottom:22px;height:2px;background:var(--gold);transform:scaleX(0);transition:.2s}.primary-nav>a:hover:after,.primary-nav>a.active:after,.nav-dropdown-toggle:hover:after,.nav-dropdown-toggle.active:after{transform:scaleX(1)}.nav-dropdown{position:relative}.nav-dropdown-toggle span{font-size:15px;margin-left:4px}.nav-dropdown-menu{position:absolute;top:calc(100% - 10px);left:-22px;width:245px;background:#fff;border:1px solid var(--line);padding:10px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.nav-dropdown-menu a{display:block;padding:10px 12px;font-size:13px;color:#3d4c54;border-bottom:1px solid #edf0f2}.nav-dropdown-menu a:last-child{border:0}.nav-dropdown-menu a:hover{background:var(--surface);color:var(--gold-dark)}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown.is-open .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-wide .nav-dropdown-menu{width:330px}.nav-quote{display:none}.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);background:#fff;padding:10px;cursor:pointer}.menu-toggle span{display:block;height:2px;background:var(--navy);margin:5px 0}.hero{position:relative;height:720px;overflow:hidden;background:var(--navy)}.hero-slide{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;visibility:hidden;transform:scale(1.03);transition:opacity .8s,transform 5.5s}.hero-slide.is-active{opacity:1;visibility:visible;transform:scale(1)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,23,34,.89) 0%,rgba(5,23,34,.64) 46%,rgba(5,23,34,.12) 100%)}.hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#fff;padding-top:18px}.hero-kicker,.eyebrow{display:inline-block;color:var(--gold);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.18em;margin-bottom:14px}.eyebrow.light{color:#e6c473}.hero h1,.hero h2{font-size:clamp(48px,6vw,82px);line-height:1.04;letter-spacing:-.035em;max-width:840px;margin:0 0 24px}.hero p{font-size:19px;line-height:1.7;max-width:700px;margin:0 0 34px;color:#e3eaed}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 25px;border:1px solid transparent;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.075em;cursor:pointer;transition:.2s}.button-primary{background:var(--gold);color:#12202a;border-color:var(--gold)}.button-primary:hover{background:#d6b460;border-color:#d6b460;transform:translateY(-2px)}.button-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.58)}.button-outline:hover{background:#fff;color:var(--navy)}.hero-controls{position:absolute;left:50%;bottom:35px;transform:translateX(-50%);z-index:4;display:flex;align-items:center;justify-content:flex-end;gap:14px}.hero-arrow{width:44px;height:44px;border:1px solid rgba(255,255,255,.45);background:rgba(12,32,44,.38);color:#fff;cursor:pointer}.hero-dots{display:flex;gap:8px}.hero-dots button{width:26px;height:3px;border:0;background:rgba(255,255,255,.35);padding:0;cursor:pointer}.hero-dots button.is-active{background:var(--gold)}.section{padding:105px 0}.section-heading h2,.content-main h2,.narrow-content h2,.contact-details h2{font-size:clamp(38px,4vw,58px);line-height:1.12;letter-spacing:-.03em;margin:0 0 20px}.section-heading p{max-width:650px;color:var(--muted);font-size:17px}.section-heading.centered{text-align:center;max-width:800px;margin:0 auto 50px}.section-heading.centered p{margin-inline:auto}.intro-section{background:#fff}.intro-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;align-items:start}.intro-points{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.intro-points div{background:#fff;padding:30px;display:grid;grid-template-columns:175px 1fr;gap:20px}.intro-points strong{font-size:18px}.intro-points span{color:var(--muted)}.services-section{background:var(--surface)}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.service-card{background:#fff;border:1px solid #e5eaed;min-width:0;transition:.25s}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.service-image{display:block;aspect-ratio:1/1;overflow:hidden;background:#dfe5e8}.service-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.service-card:hover .service-image img{transform:scale(1.035)}.service-card-body{padding:24px;position:relative}.service-number{position:absolute;right:22px;top:22px;color:#bdc5c9;font-size:12px;font-weight:900;letter-spacing:.1em}.service-card h3{font-size:21px;line-height:1.28;margin:0 35px 12px 0}.service-card p{color:var(--muted);font-size:14px;margin:0 0 18px}.text-link,.text-button{color:var(--gold-dark);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.text-link span{display:inline-block;transition:.2s}.text-link:hover span{transform:translateX(4px)}.text-button{border:0;background:none;padding:0;cursor:pointer}.numbers-section{background:var(--navy);color:#fff;padding:86px 0}.numbers-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);align-items:center;gap:40px}.numbers-copy h2{font-size:42px;line-height:1.15;margin:0 0 15px}.numbers-copy p{margin:0;color:#becbd1}.stat{border-left:1px solid rgba(255,255,255,.18);padding-left:35px}.stat strong{display:block;color:#fff;font-size:54px;line-height:1}.stat span{display:block;color:#cbd6db;margin-top:10px}.cta-section{padding:85px 0}.cta-card{display:flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid var(--line);padding:48px 54px;background:#fff}.cta-card h2{font-size:38px;line-height:1.18;margin:0 0 12px}.cta-card p{margin:0;color:var(--muted)}.page-hero{position:relative;min-height:360px;background-size:cover;background-position:center;display:flex;align-items:flex-end;color:#fff}.page-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,28,40,.92),rgba(8,28,40,.55),rgba(8,28,40,.35))}.page-hero-content{position:relative;z-index:1;padding-bottom:62px}.page-hero h1{font-size:clamp(42px,6vw,68px);line-height:1.08;margin:0 0 12px}.breadcrumbs{display:flex;align-items:center;gap:10px;color:#dce6ea;font-size:14px}.breadcrumbs a{color:#fff}.content-split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:70px}.content-main p,.narrow-content p,.service-detail p{color:#586973;font-size:17px}.content-main h3,.narrow-content h3{font-size:27px;margin-top:35px}.check-list{padding:0;margin:22px 0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:13px}.check-list li{padding-left:24px;position:relative}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--gold-dark);font-weight:900}.content-aside img{aspect-ratio:1/1;object-fit:cover}.aside-card{background:var(--navy);color:#fff;padding:32px}.aside-card h3{font-size:25px;margin:0 0 10px}.aside-card p{color:#cbd7dc}.narrow-content{max-width:940px}.lead{font-size:21px!important;color:#2b3c45!important}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.value-grid article{border:1px solid var(--line);padding:28px}.value-grid strong{color:var(--gold-dark);font-size:13px}.value-grid h3{margin:8px 0;font-size:24px}.value-grid p{font-size:15px;margin:0}.vision-banner{display:grid;grid-template-columns:1fr 1fr;margin-top:45px;background:var(--navy);color:#fff}.vision-banner div{padding:35px;border-right:1px solid rgba(255,255,255,.16)}.vision-banner h3{margin-top:0}.vision-banner p{color:#cbd6db;margin-bottom:0}.detail-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:65px}.service-sidebar{align-self:start;position:sticky;top:115px;border:1px solid var(--line)}.service-sidebar h3{background:var(--navy);color:#fff;margin:0;padding:22px 24px}.service-sidebar>a{display:block;padding:13px 20px;border-bottom:1px solid var(--line);font-size:14px}.service-sidebar>a:hover,.service-sidebar>a.active{background:#f2f5f6;color:var(--gold-dark);padding-left:25px}.sidebar-contact{background:var(--surface);padding:22px;display:grid;gap:7px}.sidebar-contact span{font-weight:900}.sidebar-contact a{font-size:14px;color:#4f6069}.detail-image{width:100%;max-height:560px;object-fit:cover;margin-bottom:38px}.service-detail h2{font-size:46px;line-height:1.13;margin:0 0 17px}.detail-features{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin:36px 0}.detail-features div{padding:25px;border-right:1px solid var(--line)}.detail-features div:last-child{border:0}.detail-features strong{display:block;margin-bottom:7px}.detail-features span{color:var(--muted);font-size:14px}.detail-cta{background:var(--surface);padding:32px;display:flex;align-items:center;justify-content:space-between;gap:25px}.detail-cta h3{margin:0 0 5px}.detail-cta p{margin:0;font-size:14px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.gallery-item{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--navy)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.45s}.gallery-item:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(6,22,32,.88))}.gallery-item span{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;color:#fff;font-weight:900;font-size:17px;line-height:1.3}.gallery-item:hover img{transform:scale(1.05)}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.contact-card{border-top:1px solid var(--line);padding:20px 0}.contact-card>span{display:block;color:var(--gold-dark);font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;margin-bottom:5px}.contact-card a,.contact-card p{font-size:17px;margin:0}.contact-form-wrap{background:var(--surface);padding:42px}.contact-form-wrap h3{font-size:30px;margin-top:0}.contact-form,.quote-form{display:grid;gap:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form label,.quote-form label{display:grid;gap:7px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.contact-form input,.contact-form select,.contact-form textarea,.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid #d7dfe3;background:#fff;min-height:50px;padding:11px 13px;color:var(--ink);outline:none;text-transform:none;letter-spacing:normal}.contact-form textarea,.quote-form textarea{resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus,.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--gold)}.form-message{font-size:14px;color:#287046;text-transform:none;letter-spacing:normal}.form-message.is-error{color:#b3261e}.contact-form button[disabled],.quote-form button[disabled]{opacity:.6;cursor:progress}.site-footer{background:#0a202c;color:#fff;padding-top:75px}.footer-grid{display:grid;grid-template-columns:1.25fr .65fr 1fr 1fr;gap:55px;padding-bottom:60px}.footer-logo{width:180px;filter:brightness(0) invert(1);margin-bottom:24px}.footer-about p,.footer-contact p{color:#bfcbd1;font-size:14px}.footer-column h3{font-size:15px;text-transform:uppercase;letter-spacing:.08em;margin:5px 0 21px;color:#e8ca7c}.footer-column>a{display:block;color:#bdc9ce;font-size:14px;margin:9px 0}.footer-column>a:hover,.footer-contact a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1)}.footer-bottom-inner{min-height:70px;display:flex;justify-content:space-between;align-items:center;color:#91a2aa;font-size:12px}.whatsapp-fab{position:fixed;right:22px;bottom:22px;z-index:90;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;font-weight:900;box-shadow:0 10px 28px rgba(0,0,0,.2)}.modal{position:fixed;inset:0;z-index:500;display:grid;place-items:center;opacity:0;visibility:hidden;transition:.2s}.modal.is-open{opacity:1;visibility:visible}.modal-backdrop{position:absolute;inset:0;background:rgba(4,19,27,.74)}.modal-panel{position:relative;z-index:1;width:min(620px,calc(100% - 30px));max-height:calc(100vh - 30px);overflow:auto;background:#fff;padding:42px}.modal-close{position:absolute;right:18px;top:14px;width:38px;height:38px;border:0;background:var(--surface);font-size:27px;cursor:pointer}.modal-panel h2{font-size:38px;margin:0 0 5px}.modal-panel>p{color:var(--muted);margin-top:0}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s,transform .65s}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:1080px){.topbar-contact span:first-child{display:none}.primary-nav{gap:18px}.services-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}.numbers-grid{grid-template-columns:1.5fr repeat(3,1fr);gap:24px}.stat{padding-left:22px}.stat strong{font-size:43px}.footer-grid{grid-template-columns:1fr 1fr}.detail-features{grid-template-columns:1fr}.detail-features div{border-right:0;border-bottom:1px solid var(--line)}.detail-features div:last-child{border-bottom:0}}
@media(max-width:820px){.topbar{display:none}.header-inner{height:72px}.brand img{width:150px}.menu-toggle{display:block}.primary-nav{position:fixed;left:0;right:0;top:72px;bottom:0;display:block;background:#fff;padding:15px 20px 100px;overflow:auto;transform:translateX(100%);transition:.25s}.primary-nav.is-open{transform:translateX(0)}.primary-nav>a,.nav-dropdown-toggle{display:block;width:100%;text-align:left;padding:15px 0;border-bottom:1px solid var(--line)}.primary-nav>a:after,.nav-dropdown-toggle:after{display:none}.nav-dropdown-menu{position:static;width:100%!important;box-shadow:none;border:0;padding:0 0 8px 15px;opacity:1;visibility:visible;transform:none;display:none}.nav-dropdown.is-open .nav-dropdown-menu{display:block}.nav-dropdown-menu a{padding:10px 0}.nav-quote{display:flex;width:100%;margin-top:20px;background:var(--gold);border:0;min-height:50px;align-items:center;justify-content:center;font-weight:900;text-transform:uppercase}.hero{height:650px}.hero-overlay{background:linear-gradient(90deg,rgba(5,23,34,.9),rgba(5,23,34,.6))}.hero h1,.hero h2{font-size:48px}.hero p{font-size:17px}.section{padding:75px 0}.intro-grid,.content-split,.contact-grid,.detail-layout{grid-template-columns:1fr;gap:45px}.numbers-grid{grid-template-columns:1fr 1fr}.numbers-copy{grid-column:1/-1}.service-sidebar{position:static}.cta-card{align-items:flex-start;flex-direction:column}.value-grid{grid-template-columns:1fr}.detail-features{grid-template-columns:1fr}.footer-grid{gap:35px}.service-detail h2{font-size:38px}}
@media(max-width:560px){.container{width:min(100% - 28px,var(--container))}.hero{height:620px}.hero-content{padding-top:0}.hero h1,.hero h2{font-size:39px}.hero p{font-size:16px}.hero-actions .button{width:100%}.hero-controls{justify-content:center}.section-heading h2,.content-main h2,.narrow-content h2,.contact-details h2{font-size:36px}.intro-points div{grid-template-columns:1fr;gap:5px;padding:23px}.services-grid,.gallery-grid{grid-template-columns:1fr}.numbers-grid{grid-template-columns:1fr}.stat{border-left:0;border-top:1px solid rgba(255,255,255,.16);padding:22px 0 0}.cta-card{padding:32px 25px}.cta-card h2{font-size:31px}.page-hero{min-height:310px}.page-hero-content{padding-bottom:45px}.page-hero h1{font-size:39px}.check-list{grid-template-columns:1fr}.vision-banner{grid-template-columns:1fr}.vision-banner div{border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.service-detail h2{font-size:34px}.detail-cta{align-items:flex-start;flex-direction:column}.form-row{grid-template-columns:1fr}.contact-form-wrap,.modal-panel{padding:28px 22px}.footer-grid{grid-template-columns:1fr}.footer-bottom-inner{padding:18px 0;align-items:flex-start;flex-direction:column;gap:6px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}

/* ══════════════════════════════════════════════════════════════════
   Smile Hair Health — tema üzerine eklenen stiller
   (dil değiştirici, süreç bandı, logo, sosyal medya)
   ══════════════════════════════════════════════════════════════════ */

/* ── Topbar / dil değiştirici ── */
.topbar-actions{display:flex;align-items:center;gap:16px}
.topbar-address{max-width:430px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lang-switch{display:flex;align-items:center;gap:2px}
.lang-switch a{display:inline-block;padding:4px 9px;border-radius:3px;font-size:11px;font-weight:800;letter-spacing:.09em;color:#9fb1ba;transition:.2s}
.lang-switch a:hover{color:#fff;background:rgba(255,255,255,.09)}
.lang-switch a.is-active{color:#172127;background:var(--gold)}
.lang-switch-mobile{display:none}

/* ── Süreç bandı (numbers-section yerine) ── */
.process-section{background:var(--navy);color:#fff;padding:86px 0}
.process-section .section-heading h2{color:#fff}
.process-section .section-heading p{color:#cbd6db}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.process-step{border-top:2px solid rgba(255,255,255,.18);padding-top:26px}
.process-step strong{display:block;margin-bottom:14px;color:var(--gold);font-size:15px;font-weight:900;letter-spacing:.14em}
.process-step h3{margin:0 0 10px;font-size:20px;line-height:1.3;letter-spacing:-.01em}
.process-step p{margin:0;color:#cbd6db;font-size:15px}

/* ── Footer ── */
.footer-logo{filter:none;width:auto;height:150px;padding:8px;background:#fff;border-radius:8px}
.footer-contact .lang-switch{margin-top:24px}
.footer-contact .lang-switch a{border:1px solid rgba(255,255,255,.2)}
.footer-social{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.footer-social a{padding:6px 15px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#bdc9ce;font-size:13px;transition:.2s}
.footer-social a:hover{color:#fff;border-color:var(--gold)}

/* ── Çeşitli ── */
.brand img{width:auto;height:76px}
.whatsapp-fab svg{display:block}
.service-image img{width:100%}

@media(max-width:1080px){
  .process-grid{grid-template-columns:repeat(2,1fr);gap:26px 30px}
  .topbar-address{max-width:240px}
}
@media(max-width:820px){
  .brand img{width:auto;height:64px}
  .process-section{padding:70px 0}
  .lang-switch-mobile{display:flex;justify-content:center;gap:8px;margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
  .lang-switch-mobile a{padding:10px 20px;border:1px solid var(--line);color:#3d4c54;font-size:12px}
  .lang-switch-mobile a:hover{background:var(--surface);color:var(--gold-dark)}
  .lang-switch-mobile a.is-active{background:var(--gold);border-color:var(--gold);color:#172127}
}
@media(max-width:560px){
  .process-grid{grid-template-columns:1fr;gap:0}
  .process-step{padding:24px 0 0}
}

/* ══════════════════════════════════════════════════════════════════
   Mobil yatay kayma (horizontal scroll) düzeltmeleri
   ══════════════════════════════════════════════════════════════════ */

/* 1) Kapalı mobil menü ekranın sağında transform ile bekliyor. Transform
      elemanı overflow alanından çıkarmaz; bu yüzden sayfa iki kat
      genişliyordu. Sabit konumlu katmanların taşmasını kökten engelliyoruz.
      Not: yalnızca html'e verilirse tarayıcı bunu viewport'a taşır ve
      etkisiz kalır; html ve body'nin ikisine birden verilmesi gerekiyor. */
html,body{overflow-x:hidden}

/* 2) Mobil menü genişliğini en uzun menü metni (DE) belirliyordu.
      Görünüm alanına sabitliyor, uzun kelimeleri kırdırıyoruz. */
@media(max-width:820px){
  .primary-nav{width:100vw;max-width:100vw;overscroll-behavior:contain}
  .primary-nav>a,.nav-dropdown-toggle,.nav-dropdown-menu a{overflow-wrap:break-word}
}

/* 3) Teklif modalı da position:fixed ve içeriğine göre genişliyordu. */
.modal{width:100vw;max-width:100vw}
.modal-panel{max-width:calc(100vw - 30px)}

/* 4) Grid kolonlarının varsayılan min-width:auto değeri, kolonun içindeki
      en uzun kelimeden küçülmesini engelliyor. minmax(0,1fr) bunu çözer. */
@media(max-width:820px){
  .intro-grid,.content-split,.contact-grid,.detail-layout{grid-template-columns:minmax(0,1fr)}
  .service-sidebar,.service-detail{min-width:0}
}
@media(max-width:560px){
  .services-grid,.gallery-grid,.value-grid,.numbers-grid,.footer-grid,
  .vision-banner,.check-list,.form-row,.process-grid{grid-template-columns:minmax(0,1fr)}
}

/* 5) Almanca birleşik kelimeler (Gesundheitstourismus-Dienstleistungen vb.)
      kutularını taşırıyordu. Başlıklarda kelimeyi ortadan kesmek yerine
      tarayıcının tireleme sözlüğünü kullanıyoruz; break-word yalnızca
      hiçbir tireleme noktası bulunamazsa devreye giren son çare.
      Tireleme yalnızca Almanca sayfalarda açık: İngilizcede "recovery"
      gibi normal kelimeleri "re-covery" şeklinde bölüyordu. */
h1,h2,h3,.service-sidebar>a,.footer-column>a,.gallery-item span,
.detail-features strong,.detail-features span,.sidebar-contact span{
  hyphens:manual;
  overflow-wrap:break-word;
}
:lang(de) h1,:lang(de) h2,:lang(de) h3,
:lang(de) .service-sidebar>a,:lang(de) .footer-column>a,
:lang(de) .gallery-item span,:lang(de) .detail-features strong,
:lang(de) .detail-features span,:lang(de) .sidebar-contact span{
  hyphens:auto;
}
/* Kısa metinlerin (telefon, e-posta, adres) ortadan bölünmesi gerekmez,
   yalnızca taşmamaları yeterli. */
.sidebar-contact a,.topbar-address,.breadcrumbs{overflow-wrap:break-word;hyphens:manual}

/* 6) Almancada "Zertifizierungsprogramme" gibi tek kelimeler dar ekranda
      başlık puntosuyla satıra sığmıyor ve kelime ortadan kırılıyordu.
      Tireleme sözlüğü olmayan tarayıcılarda da düzgün görünmesi için
      yalnızca DE sayfalarında başlık puntosunu bir tık küçültüyoruz. */
@media(max-width:560px){
  :lang(de) .service-detail h2{font-size:clamp(21px,6.4vw,30px)}
  :lang(de) .page-hero h1{font-size:clamp(21px,6.4vw,30px)}
  :lang(de) .section-heading h2,
  :lang(de) .content-main h2,
  :lang(de) .narrow-content h2,
  :lang(de) .contact-details h2{font-size:clamp(23px,7vw,32px)}
  /* Kart/kutu başlıkları dar kolonlarda uzun kelimeleri barındıramıyor. */
  :lang(de) .service-card h3{font-size:16px}
  :lang(de) .value-grid h3,:lang(de) .process-step h3,
  :lang(de) .vision-banner h3,:lang(de) .aside-card h3,
  :lang(de) .detail-cta h3,:lang(de) .contact-form-wrap h3{font-size:17px}
  :lang(de) .gallery-item span{font-size:15px}
  /* İngilizcede yalnızca "Accommodation" taşıyordu. */
  :lang(en) .page-hero h1{font-size:clamp(30px,9.4vw,39px)}
}

/* 6) Görsellerin ve tabloların kutudan taşmaması. */
img,svg,video,iframe{max-width:100%}
.detail-image{max-width:100%;height:auto}

/* Hero görselleri geniş ekranda cover ile kırpılırken yüzleri kesmesin. */
.hero-slide,.page-hero{background-position:center top}

/* Service cards use 760x630 crops. On desktop the cards are wider, while
   the image height stays steady so the original horizontal photos sit better. */
.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.service-image{aspect-ratio:auto;height:315px}
.service-image img{height:100%;object-fit:cover;object-position:center}
@media(max-width:1080px){
  .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .services-grid{grid-template-columns:minmax(0,1fr)}
  .service-image{height:260px}
}