/* Homepage-approved horizontal spacing, extended to the other routes.
   Font sizes and font families are deliberately inherited from each page. */
body[data-spacing-page] { --site-space: 8vw; }
body[data-spacing-page] :is(.site-shell,.page) { width:100%; max-width:none; margin-inline:0; }
body[data-spacing-page] :is(.wrap,.wide) { width:calc(100% - 2 * var(--site-space)); max-width:none; margin-inline:auto; }
body[data-spacing-page] #mfe-header.site-header.container { left:8%; width:84%; }
body[data-spacing-page] #mfe-footer.section-pad { --gutter:8%; padding-inline:8%; }
body[data-spacing-page] :is(.concept-caption,.concept) { right:var(--site-space); }
/* Film content already has a narrower readable frame; the outer frame is full width. */
body:is([data-spacing-page="film"],[data-spacing-page="film-en"]) { padding-inline:0; }
body:is([data-spacing-page="film"],[data-spacing-page="film-en"]) .film-content { width:calc(100% - 2 * var(--site-space)); }
@media (min-width:768px) and (max-width:1279px) {
  body[data-spacing-page] { --site-space:6vw; }
  body[data-spacing-page] #mfe-header.site-header.container { width:100%; left:0; padding-inline:6%; }
  body[data-spacing-page] #mfe-footer.section-pad { padding-inline:6%; }
}
@media (max-width:767px) {
  body[data-spacing-page] #mfe-header.site-header.container { width:100%; left:0; padding-inline:8%; }
  body[data-spacing-page] #mfe-footer.section-pad { padding-inline:8%; }
}
/* Services: fluid columns keep their text within the new content frame. */
@media (min-width:641px) {
  body[data-spacing-page="hizmetler"] .section-heading { grid-template-columns:60% minmax(0,1fr); gap:3%; }
  body[data-spacing-page="hizmetler"] .section-heading>p { width:auto; white-space:normal; }
  body[data-spacing-page="hizmetler"] .service-areas { height:auto; min-height:calc(378 * var(--u)); padding-bottom:calc(23 * var(--u)); }
  body[data-spacing-page="hizmetler"] .area-copy :is(h3,p) { width:auto; white-space:normal; }
  body[data-spacing-page="hizmetler"] .services { height:auto; min-height:calc(206 * var(--u)); grid-template-columns:30% minmax(0,1fr); gap:3%; padding-bottom:calc(20 * var(--u)); }
  body[data-spacing-page="hizmetler"] .services-intro :is(h2,p) { width:auto; white-space:normal; }
  body[data-spacing-page="hizmetler"] .service-grid { grid-template-rows:repeat(2,minmax(calc(86 * var(--u)),auto)); }
  body[data-spacing-page="hizmetler"] .service-tile-copy { width:auto; min-width:0; }
  body[data-spacing-page="hizmetler"] .service-tile { gap:calc(6 * var(--u)); padding-inline:calc(8 * var(--u)); }
  body[data-spacing-page="hizmetler"] .service-tile :is(h3,p) { white-space:normal; }
  body[data-spacing-page="hizmetler"] :is(.project--stand,.project--facade) .project-copy { padding-left:var(--site-space); }
  body[data-spacing-page="hizmetler"] .project--interior .project-copy { padding-right:var(--site-space); }
  body[data-spacing-page="hizmetler"] .project-copy :is(h2,p) { width:auto; white-space:normal; }
  body[data-spacing-page="hizmetler"] :is(.project--stand,.project--facade) { grid-template-columns:44% minmax(0,1fr); }
  body[data-spacing-page="hizmetler"] .project--interior { grid-template-columns:minmax(0,1fr) 44%; }
  body[data-spacing-page="hizmetler"] .project-tags { flex-wrap:wrap; }
}
/* Stand detail uses the homepage's split-image approach. */
body[data-spacing-page="stand-tasarimi"] .concept { width:calc(100% - 2 * var(--site-space)); }
@media (min-width:768px) {
  body[data-spacing-page="stand-tasarimi"] .stand-approach-copy { padding-left:var(--site-space); width:44.5%; max-width:none; }
  body[data-spacing-page="stand-tasarimi"] .feature-grid { padding-left:var(--site-space); width:80.5%; }
}
@media (max-width:767px) {
  body[data-spacing-page="stand-tasarimi"] :is(.stand-approach-copy,.feature-grid) { padding-inline:var(--site-space); }
}
/* Project listing and feature panels keep full-width backgrounds. */
body[data-spacing-page="projeler"] :is(.projects,.featured,.approach,.contact-banner) { padding-inline:var(--site-space); }
body[data-spacing-page="projeler"] .hero-copy { left:var(--site-space); }
@media (min-width:641px) {
  body[data-spacing-page="projeler"] .featured { grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); height:auto; min-height:calc(296 * var(--u)); }
  body[data-spacing-page="projeler"] .approach { grid-template-columns:1.4fr repeat(3,minmax(0,1fr)); height:auto; min-height:calc(204 * var(--u)); }
  body[data-spacing-page="projeler"] .contact-box { margin-right:0; }
}
/* Process: the copy moves inward while its photographic panels stay full bleed. */
body[data-spacing-page="surec"] :is(.hero-content,.contact-content) { margin-left:var(--site-space); }
@media (min-width:601px) {
  body[data-spacing-page="surec"] .step-kesif { --step-height:calc(170 * var(--u)); }
  body[data-spacing-page="surec"] .step-tasarim { --step-height:calc(164 * var(--u)); }
  body[data-spacing-page="surec"] .step-uretim { --step-height:calc(165 * var(--u)); }
  body[data-spacing-page="surec"] .step-kurulum { --step-height:calc(186 * var(--u)); }
  body[data-spacing-page="surec"] .step-teslim { --step-height:calc(170 * var(--u)); }
  body[data-spacing-page="surec"] .workflow-step { height:auto; min-height:var(--step-height); }
  body[data-spacing-page="surec"] .step-copy { padding-bottom:calc(18 * var(--u)); }
  body[data-spacing-page="surec"] .step-figure { height:var(--step-height); align-self:center; }
  body[data-spacing-page="surec"] :is(.step-kesif,.step-uretim,.step-teslim) .step-copy { padding-left:var(--site-space); }
  body[data-spacing-page="surec"] :is(.step-tasarim,.step-kurulum) .step-copy { padding-right:var(--site-space); }
  body[data-spacing-page="surec"] .step-description .step-output { white-space:normal; flex-wrap:wrap; }
  body[data-spacing-page="surec"] :is(.step-kurulum,.step-teslim) .step-description>p:not(.step-output) { width:auto; }
  body[data-spacing-page="surec"] .contact-card { left:auto; right:var(--site-space); }
}
@media (max-width:600px) {
  body[data-spacing-page="surec"] .hero-content { width:calc(100% - 2 * var(--site-space)); margin-right:var(--site-space); }
  body[data-spacing-page="surec"] .step-copy { padding-inline:var(--site-space); }
  body[data-spacing-page="surec"] .contact-content { margin-right:var(--site-space); }
  body[data-spacing-page="surec"] .contact-card { margin-inline:var(--site-space); width:calc(100% - 2 * var(--site-space)); }
}
/* About: inset native text and card/photo groups without scaling the atlas or type. */
@media (min-width:601px) {
  body[data-spacing-page="hakkimizda"] :is(.hero-copy,.breadcrumb,.intro-copy,.founder-copy,.journey-copy,.projects-copy,.contact-copy) { left:var(--site-space); }
  body[data-spacing-page="hakkimizda"] :is(.intro-figure,.founder-photo) { left:calc(332 * var(--u)); right:var(--site-space); }
  body[data-spacing-page="hakkimizda"] .intro-photo,body[data-spacing-page="hakkimizda"] .founder-photo { max-width:calc(431 * var(--u)); }
  body[data-spacing-page="hakkimizda"] .timeline { left:calc(240 * var(--u)); right:var(--site-space); }
  body[data-spacing-page="hakkimizda"] .project-grid { left:calc(286 * var(--u)); right:var(--site-space); }
  body[data-spacing-page="hakkimizda"] .approach { padding-inline:var(--site-space); }
  body[data-spacing-page="hakkimizda"] .value-card p { white-space:normal; }
}
@media (max-width:600px) {
  body[data-spacing-page="hakkimizda"] :is(.intro,.founder,.journey,.approach,.projects) { padding-inline:var(--site-space); }
  body[data-spacing-page="hakkimizda"] :is(.hero-copy,.breadcrumb) { left:var(--site-space); right:var(--site-space); }
  body[data-spacing-page="hakkimizda"] .contact-copy { left:var(--site-space); width:calc(100% - 2 * var(--site-space)); }
}
/* Contact: a centered form and fluid companion columns. */
body[data-spacing-page="iletisim"] .hero-copy { padding-inline:var(--site-space); }
body[data-spacing-page="iletisim"] .contact-card { width:calc(100% - 2 * var(--site-space)); max-width:1200px; margin-inline:auto; height:auto; min-height:0; border-radius:10px; }
body[data-spacing-page="iletisim"] :is(.process,.preparation,.banner-content) { padding-inline:var(--site-space); }
/* Requested compact form: readable native controls, a bounded card and natural height. */
body[data-spacing-page="iletisim"] .form-panel { padding:32px; }
body[data-spacing-page="iletisim"] .form-panel h2 { font-size:32px; line-height:1.2; }
body[data-spacing-page="iletisim"] .form-intro { font-size:16px; line-height:1.5; margin-top:10px; white-space:normal; }
body[data-spacing-page="iletisim"] .main-fields { gap:16px; margin-top:24px; }
body[data-spacing-page="iletisim"] form label { font-size:14px; line-height:1.5; }
body[data-spacing-page="iletisim"] :is(input,select,textarea) { font-size:16px; line-height:1.4; border-radius:5px; }
body[data-spacing-page="iletisim"] :is(input,select,.project-fields input) { height:48px; padding-inline:12px; margin-top:6px; }
body[data-spacing-page="iletisim"] select { padding-right:30px; }
body[data-spacing-page="iletisim"] .select-wrap:after { top:26px; right:13px; width:7px; height:7px; }
body[data-spacing-page="iletisim"] .optional-fields { margin-top:26px; }
body[data-spacing-page="iletisim"] .optional-fields legend { font-size:14px; line-height:1.5; gap:10px; }
body[data-spacing-page="iletisim"] .project-fields { gap:14px; padding-top:16px; }
body[data-spacing-page="iletisim"] .description-field { margin-top:20px; }
body[data-spacing-page="iletisim"] textarea { height:105px; min-height:105px; max-height:none; padding:12px; margin-top:6px; resize:vertical; }
body[data-spacing-page="iletisim"] .privacy-link { font-size:12px; line-height:1.5; margin-top:14px; }
body[data-spacing-page="iletisim"] .submit-button { height:50px; font-size:16px; margin-top:16px; gap:18px; }
body[data-spacing-page="iletisim"] .submit-button .icon { --size:20px; }
body[data-spacing-page="iletisim"] .direct-contact { padding:32px 28px; }
body[data-spacing-page="iletisim"] .direct-contact h2 { font-size:28px; line-height:1.2; }
body[data-spacing-page="iletisim"] .direct-contact>p { font-size:16px; line-height:1.5; margin-top:14px; }
body[data-spacing-page="iletisim"] .contact-list { gap:20px; margin-top:28px; }
body[data-spacing-page="iletisim"] .contact-list>a,body[data-spacing-page="iletisim"] .contact-list>div { grid-template-columns:28px minmax(0,1fr); gap:14px; }
body[data-spacing-page="iletisim"] .contact-list .icon { --size:26px; }
body[data-spacing-page="iletisim"] .contact-list :is(small,strong) { font-size:14px; line-height:1.5; }
body[data-spacing-page="iletisim"] .contact-list strong { font-size:16px; white-space:normal; overflow-wrap:anywhere; }
@media (min-width:601px) {
  body[data-spacing-page="iletisim"] .contact-hero { height:auto; min-height:0; padding-bottom:56px; }
  body[data-spacing-page="iletisim"] .contact-hero:before { height:100%; background-size:cover; }
  body[data-spacing-page="iletisim"] .hero-copy { height:auto; padding-bottom:48px; }
  body[data-spacing-page="iletisim"] .contact-card { grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); }
  body[data-spacing-page="iletisim"] .process { grid-template-columns:34% minmax(0,1fr); column-gap:4%; height:auto; min-height:calc(263 * var(--u)); }
  body[data-spacing-page="iletisim"] .process-steps { grid-template-columns:repeat(3,minmax(0,1fr)); margin-right:0; }
  body[data-spacing-page="iletisim"] .process-steps li:nth-child(n) { padding-inline:calc(12 * var(--u)); height:auto; }
  body[data-spacing-page="iletisim"] .preparation { height:auto; min-height:calc(306 * var(--u)); }
  body[data-spacing-page="iletisim"] .preparation-grid { grid-template-columns:30% minmax(0,1fr); gap:4%; }
  body[data-spacing-page="iletisim"] .preparation-items { grid-template-columns:repeat(3,minmax(0,1fr)); margin-right:0; }
  body[data-spacing-page="iletisim"] :is(.process-steps,.preparation-items) :is(h3,p) { white-space:normal; }
}
@media (max-width:600px) {
  body[data-spacing-page="iletisim"] .form-panel { padding:24px 20px; }
  body[data-spacing-page="iletisim"] .form-panel h2 { font-size:27px; }
  body[data-spacing-page="iletisim"] .direct-contact { padding:26px 20px; }
  body[data-spacing-page="iletisim"] .direct-contact h2 { font-size:26px; }
}
@media (min-width:601px) and (max-width:1000px) {
  body[data-spacing-page="iletisim"] .contact-card { grid-template-columns:minmax(0,1fr); }
  body[data-spacing-page="iletisim"] .direct-contact { border-left:0; border-top:1px solid #9d7a524f; }
  body[data-spacing-page="iletisim"] .contact-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
}