.cc_IA0ia0UBwW_image_with_text .image-with-text { padding: var(--space-xl) 0; width: 100%; }
.cc_IA0ia0UBwW_image_with_text .image-with-text__container { margin: 0 auto; max-width: 1400px; padding: 0 clamp(16px, 5vw, 80px); }
.cc_IA0ia0UBwW_image_with_text .image-with-text__grid { display: grid; gap: var(--space-md); grid-template-columns: 1fr; }
.cc_IA0ia0UBwW_image_with_text .image-with-text__media { aspect-ratio: var(--iwt-image-aspect-ratio, 4 / 3); overflow: hidden; position: relative; width: 100%; }
.cc_IA0ia0UBwW_image_with_text .image-with-text__image, .cc_IA0ia0UBwW_image_with_text .image-with-text__image-placeholder { display: block; height: 100%; object-fit: cover; width: 100%; }
.cc_IA0ia0UBwW_image_with_text .image-with-text__image-placeholder { background: var(--color-surface-alt); }
.cc_IA0ia0UBwW_image_with_text .image-with-text__panel { align-items: center; display: flex; }

@media (min-width: 768px) {
  .cc_IA0ia0UBwW_image_with_text .image-with-text__grid { grid-template-columns: 1fr 1fr; }
  .cc_IA0ia0UBwW_image_with_text .image-with-text--image-right .image-with-text__media { order: 2; }
  .cc_IA0ia0UBwW_image_with_text .image-with-text--image-right .image-with-text__panel { order: 1; }
}

@media (min-width: 1024px) {
  .cc_IA0ia0UBwW_image_with_text .image-with-text { padding: var(--space-2xl) 0; }
  .cc_IA0ia0UBwW_image_with_text .image-with-text__grid { gap: var(--space-xl); }
}

.cc_IA0ia0UBwW_image_with_text .image-with-text--full-width .image-with-text__grid { gap: 0; grid-template-columns: 1fr; }
.cc_IA0ia0UBwW_image_with_text .image-with-text--full-width .image-with-text__panel { padding: var(--space-xl) clamp(16px, 5vw, 80px); }
@media (min-width: 768px) {
  .cc_IA0ia0UBwW_image_with_text .image-with-text--full-width { padding: 0; min-height: 500px; }
  .cc_IA0ia0UBwW_image_with_text .image-with-text--full-width .image-with-text__grid { grid-template-columns: 1fr 1fr; min-height: 500px; }
  .cc_IA0ia0UBwW_image_with_text .image-with-text--full-width .image-with-text__media { aspect-ratio: auto; height: 100%; min-height: 500px; }
  .cc_IA0ia0UBwW_image_with_text .image-with-text--full-width .image-with-text__panel { padding: var(--space-2xl) clamp(32px, 5vw, 80px); }
}

/* RESPIRO için: fanlardan ayrı, sakin ve premium taze hava bölümü */
.cc_IA0ia0UBwW_image_with_text .image-with-text--respiro {
  background: #f4f5f6;
  padding: clamp(28px, 4vw, 48px) 0;
}

.cc_IA0ia0UBwW_image_with_text .image-with-text--respiro .image-with-text__container {
  max-width: 1280px;
  padding: 0 24px;
}

.cc_IA0ia0UBwW_image_with_text .image-with-text--respiro .image-with-text__grid {
  background: #fff;
  border: 1px solid #e0e3e7;
  gap: 0;
  overflow: hidden;
}

.cc_IA0ia0UBwW_image_with_text .image-with-text--respiro .image-with-text__media {
  align-items: center;
  aspect-ratio: auto;
  background: linear-gradient(145deg, #eef1f4, #ffffff 66%);
  display: flex;
  min-height: 420px;
  position: relative;
}

.cc_IA0ia0UBwW_image_with_text .image-with-text--respiro .image-with-text__media::after {
  bottom: 30px;
  color: #0047ab;
  content: "RESPIRO · ODA TİPİ TAZE HAVA";
  font-family: var(--font-label, Arial, sans-serif);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .18em;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 2;
}

.cc_IA0ia0UBwW_image_with_text .image-with-text__respiro-gallery {
  box-sizing: border-box;
  display: grid;
  align-content: center;
  gap: clamp(14px, 2vw, 22px);
  grid-template-columns: minmax(0, 1fr);
  height: auto;
  justify-items: center;
  padding: clamp(18px, 3vw, 30px) clamp(20px, 3vw, 38px) 54px;
  position: relative;
  width: 100%;
  z-index: 1;
}

.cc_IA0ia0UBwW_image_with_text .image-with-text__respiro-gallery figure { margin: 0; }

.cc_IA0ia0UBwW_image_with_text .image-with-text__respiro-main, .cc_IA0ia0UBwW_image_with_text .image-with-text__respiro-detail {
  background: #fff;
  border: 1px solid #dde2e8;
  box-shadow: 0 14px 28px rgba(27, 39, 54, .08);
  min-width: 0;
  overflow: hidden;
}

.cc_IA0ia0UBwW_image_with_text .image-with-text__respiro-main {
  width: min(74%, 285px);
}

.cc_IA0ia0UBwW_image_with_text .image-with-text__respiro-detail {
  width: min(50%, 195px);
}

.cc_IA0ia0UBwW_image_with_text .image-with-text__respiro-main img, .cc_IA0ia0UBwW_image_with_text .image-with-text__respiro-detail img {
  display: block;
  height: auto;
  object-fit: contain;
  width: 100%;
}

.cc_IA0ia0UBwW_image_with_text .image-with-text__respiro-main img { padding: 8px; }
.cc_IA0ia0UBwW_image_with_text .image-with-text__respiro-detail img { padding: 12px; }

.cc_IA0ia0UBwW_image_with_text .image-with-text__respiro-gallery figcaption {
  border-top: 1px solid #eef0f3;
  color: #5a6470;
  font-family: var(--font-label, Arial, sans-serif);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .1em;
  padding: 9px 11px;
  text-transform: uppercase;
}

.cc_IA0ia0UBwW_image_with_text .image-with-text--respiro .image-with-text__panel {
  align-items: flex-start;
  box-sizing: border-box;
  justify-content: center;
  min-height: 420px;
  padding: 34px clamp(30px, 4vw, 56px);
}

@media (min-width: 768px) {
  .cc_IA0ia0UBwW_image_with_text .image-with-text--respiro .image-with-text__grid {
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  }

  .cc_IA0ia0UBwW_image_with_text .image-with-text--respiro .image-with-text__media, .cc_IA0ia0UBwW_image_with_text .image-with-text--respiro .image-with-text__panel {
    min-height: 0;
  }
}

@media (max-width: 767px) {
  .cc_IA0ia0UBwW_image_with_text .image-with-text--respiro .image-with-text__media { min-height: 300px; }
  .cc_IA0ia0UBwW_image_with_text .image-with-text--respiro .image-with-text__media::after { bottom: 10px; }
  .cc_IA0ia0UBwW_image_with_text .image-with-text--respiro .image-with-text__panel { min-height: auto; padding-top: 8px; }
  .cc_IA0ia0UBwW_image_with_text .image-with-text__respiro-gallery { gap: 12px; padding-bottom: 38px; }
  .cc_IA0ia0UBwW_image_with_text .image-with-text__respiro-main { width: min(78%, 270px); }
  .cc_IA0ia0UBwW_image_with_text .image-with-text__respiro-detail { width: min(56%, 185px); }
}