/* Photo-led archive. Desktop and reusable card templates remain unchanged. */
@media (max-width: 767px) {
  body.family-field .tpi-mobile-projects { display:flex !important; flex-direction:column; gap:0; }
  body.family-field .tpi-mobile-projects > .field-page-hero { order:0; padding:0; margin:0; }
  body.family-field .tpi-mobile-projects > .field-stories { order:1; }
  body.family-field .tpi-mobile-projects > .field-application-row { order:2; }
  body.family-field .tpi-mobile-projects > .field-route-cta { order:3; }
  body.family-field .tpi-mobile-projects .field-page-hero__grid { display:grid !important; grid-template-columns:minmax(0,1fr) !important; width:100%; max-width:none; padding:0; gap:0; isolation:isolate; }
  body.family-field .tpi-mobile-projects .field-page-hero__grid > .tpi-native-container:first-child { grid-area:1/1; align-self:end; position:relative; z-index:2; padding:76px 20px 28px; background:linear-gradient(transparent,rgba(10,15,15,.88)); }
  body.family-field .tpi-mobile-projects .field-archive-hero__visual { grid-area:1/1; margin:0; }
  body.family-field .tpi-mobile-projects .field-archive-hero__media { height:390px; min-height:0; margin:0; }
  body.family-field .tpi-mobile-projects .field-archive-hero__media .elementor-widget-image,
  body.family-field .tpi-mobile-projects .field-archive-hero__media .elementor-widget-container { height:100%; }
  body.family-field .tpi-mobile-projects .field-archive-hero__media img { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 45%; filter:none; opacity:1; }
  body.family-field .tpi-mobile-projects .field-page-hero h1 { font-size:clamp(30px,8.2vw,44px) !important; line-height:1.06; letter-spacing:-.035em; color:#fff; margin:0; max-width:16ch; text-transform:none; overflow-wrap:normal; }
  body.family-field .tpi-mobile-projects .section { padding:28px 0; }
  body.family-field .tpi-mobile-projects .shell:not(.field-page-hero__grid) { width:calc(100% - 32px); max-width:none; margin-inline:auto; padding:0; }
  body.family-field .tpi-mobile-projects .field-section-heading { margin-bottom:20px; }
  body.family-field .tpi-mobile-projects h2 { font-size:26px !important; line-height:1.15; margin:0; text-transform:none; }
  body.family-field .tpi-mobile-projects .field-story-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:20px; border:0; background:transparent; }
  body.family-field .tpi-mobile-projects .field-project-card { margin:0; min-width:0; border:1px solid var(--line); border-radius:5px; overflow:hidden; background:var(--paper-deep); }
  body.family-field .tpi-mobile-projects .field-project-card :is(figure,.tpi-native-tag-figure) { height:auto; aspect-ratio:1.65; margin:0; }
  body.family-field .tpi-mobile-projects .field-project-card :is(figure,.tpi-native-tag-figure) .elementor-widget-image,
  body.family-field .tpi-mobile-projects .field-project-card :is(figure,.tpi-native-tag-figure) .elementor-widget-container { height:100%; }
  body.family-field .tpi-mobile-projects .field-project-card :is(figure,.tpi-native-tag-figure) img { display:block; width:100%; height:100%; object-fit:cover; filter:none; opacity:1; }
  body.family-field .tpi-mobile-projects .field-project-card > div:not(.tpi-native-tag-figure) { padding:16px; }
  body.family-field .tpi-mobile-projects .field-project-card h3 { font-size:23px !important; line-height:1.15; margin:8px 0; text-transform:none; }
  body.family-field .tpi-mobile-projects .field-project-card .tpi-project-card__link { min-height:44px; display:flex; align-items:center; }
  body.family-field .tpi-mobile-projects .field-project-card .elementor-widget-button .elementor-button { min-height:44px; display:inline-flex; align-items:center; }
  body.family-field .tpi-mobile-projects .field-project-archive__categories { display:grid; grid-template-columns:minmax(0,1fr); gap:0; margin-top:20px; }
  body.family-field .tpi-mobile-projects .field-project-archive__categories > .tpi-native-tag-li { padding:12px 0; font-size:16px; line-height:1.4; }
  body.family-field .tpi-mobile-projects .field-route-cta { background:#222624; color:#fff; }
  body.family-field .tpi-mobile-projects .field-route-cta h2 { color:#fff; margin-bottom:20px; }
  body.family-field .tpi-mobile-projects .field-route-cta .button { width:100%; justify-content:center; min-height:48px; }
}

/* Native project details (EN/TR). Typography and section gutters are stored in
   each widget's responsive Elementor controls, keeping them editable. These
   shared rules handle wrapping, media and touch targets only on small screens. */
@media (max-width: 767px) {
  body.family-field.single-tpi_project .site-main .e-con,
  body.family-field.single-tpi_project .site-main .elementor-widget { min-width:0; }
  body.family-field.single-tpi_project .site-main .elementor-heading-title {
    overflow-wrap:break-word; word-break:normal; hyphens:none;
  }
  body.family-field.single-tpi_project .site-main .elementor-widget-text-editor p {
    overflow-wrap:break-word;
  }
  body.family-field.single-tpi_project .site-main .tpi-hero img {
    aspect-ratio:4/3; width:100%; height:auto; object-fit:cover;
  }
  body.family-field.single-tpi_project .site-main .tpi-meta-grid .elementor-icon-list-items { gap:0; }
  body.family-field.single-tpi_project .site-main .tpi-meta-grid .elementor-icon-list-item {
    padding:12px 0!important; margin:0!important; min-height:0; align-items:flex-start;
  }
  body.family-field.single-tpi_project .site-main .tpi-meta-grid .elementor-icon-list-text {
    min-width:0; white-space:normal; overflow-wrap:break-word;
  }
  body.family-field.single-tpi_project .site-main .elementor-widget-button { width:100%; }
  body.family-field.single-tpi_project .site-main .elementor-button {
    display:flex; align-items:center; justify-content:center; min-height:50px; white-space:normal;
  }
  body.family-field.single-tpi_project .tpi-gal__cap { opacity:1; transform:none; }
  body.family-field.single-tpi_project .tpi-gal__cap-m { font-size:14px; line-height:1.4; }
  body.family-field.single-tpi_project .tpi-gal-lb__t { font-size:16px; line-height:1.4; }
  body.family-field.single-tpi_project .tpi-gal-lb__n { font-size:14px; white-space:nowrap; }
  body.family-field.single-tpi_project .tpi-gal-lb__bar { align-items:center; gap:12px; }
  body.family-field.single-tpi_project .tpi-gal-lb__close { width:48px; height:48px; }
  body.family-field.single-tpi_project .tpi-ba__description { font-size:17px!important; line-height:1.65; }
  body.family-field.single-tpi_project .tpi-ba__disclosure { font-size:14px!important; line-height:1.5; }
  body.family-field.single-tpi_project :is(.tpi-ba__label,.tpi-ba__hint) { font-size:14px; line-height:1.4; }
  body.family-field.single-tpi_project .tpi-ba__tabs { gap:8px; flex-wrap:wrap; }
  body.family-field.single-tpi_project .tpi-ba :is(.tpi-ba__tabs button,.tpi-ba__expand,.tpi-ba__close) {
    font-size:16px; min-height:48px;
  }
}