/* MXonnowell v0.3.07 — Referans omurga sadakati / içerik ayrıştırma.
   Önceki katmanları bozmadan Hikâyeler, ONNOWELL ve Keşfet'teki ayırt edici referans bloklarını tamamlar. */

:root{
  --mx307-navy:#0b2f69;
  --mx307-blue:#0872d8;
  --mx307-green:#43a313;
  --mx307-line:#dfe8f1;
  --mx307-muted:#617185;
  --mx307-soft:#f7fafc;
}

/* Hikâyeler — referanstaki hero altına binen öne çıkan içerik kartı. */
.mx307-story-featured{position:relative;z-index:3;margin-top:-72px;padding:0 0 14px;pointer-events:none}
.mx307-story-featured .mx-wrap{display:flex;justify-content:center}
.mx307-story-featured__card{pointer-events:auto;display:grid;grid-template-columns:150px minmax(0,1fr);width:min(690px,74%);overflow:hidden;border:1px solid var(--mx307-line);border-radius:18px;background:#fff;box-shadow:0 18px 46px rgba(14,45,82,.14)}
.mx307-story-featured__card figure{margin:0;min-height:205px;background:#eef6fa;overflow:hidden}
.mx307-story-featured__card figure img{width:100%;height:100%;object-fit:cover;object-position:center 24%}
.mx307-story-featured__copy{padding:20px 22px}
.mx307-tag{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef8e9;color:#3a8c18;font-size:9px;line-height:1;font-weight:800;letter-spacing:.06em}
.mx307-story-featured__copy h2{margin:10px 0 8px;color:var(--mx307-navy);font-size:clamp(20px,1.8vw,27px);line-height:1.18;letter-spacing:-.025em}
.mx307-story-featured__copy p{margin:0;color:var(--mx307-muted);font-size:11px;line-height:1.55}
.mx307-story-featured__copy small{display:block;margin:8px 0 13px;color:#8190a2;font-size:9.4px;line-height:1.45}
.mx307-story-featured__copy .mx302-btn{min-height:36px;padding:0 15px;font-size:10px}
[data-mx-builder-key="stories-list"]{padding-top:30px}

/* ONNOWELL — referanstaki SSS + bilgi talebi paneli. */
.mx307-products-help{padding-top:30px;padding-bottom:38px}
.mx307-products-help .mx302-heading{margin-bottom:18px}
.mx307-products-help__grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.72fr);gap:18px;align-items:stretch}
.mx307-products-help__faq{display:grid;align-content:start;border:1px solid var(--mx307-line);border-radius:16px;background:#fff;overflow:hidden}
.mx307-products-help__faq details{padding:0 18px;border-bottom:1px solid #e9eff5}
.mx307-products-help__faq details:last-child{border-bottom:0}
.mx307-products-help__faq summary{cursor:pointer;list-style:none;padding:15px 28px 15px 0;color:var(--mx307-navy);font-size:11.5px;font-weight:700;position:relative}
.mx307-products-help__faq summary::-webkit-details-marker{display:none}
.mx307-products-help__faq summary:after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:22px;height:22px;border:1px solid #dce6ef;border-radius:50%;color:var(--mx307-blue);font-size:14px}
.mx307-products-help__faq details[open] summary:after{content:"−"}
.mx307-products-help__faq p{margin:-2px 0 15px;color:var(--mx307-muted);font-size:10.4px;line-height:1.55}
.mx307-products-help__advisor{display:grid;grid-template-columns:minmax(0,1fr) 122px;overflow:hidden;border:1px solid #dfebd8;border-radius:16px;background:linear-gradient(120deg,#f7fbf2 0%,#edf7e5 100%)}
.mx307-products-help__advisor-copy{padding:23px 18px 22px 22px;align-self:center}
.mx307-products-help__advisor h3{margin:6px 0 8px;color:#317e18;font-size:19px;line-height:1.2;letter-spacing:-.02em}
.mx307-products-help__advisor p{margin:0 0 15px;color:#5d705e;font-size:10.4px;line-height:1.55}
.mx307-products-help__advisor .mx302-btn{min-height:38px;padding:0 15px;font-size:10px}
.mx307-products-help__advisor figure{margin:0;align-self:end;height:100%;min-height:210px;display:grid;place-items:end center;overflow:hidden}
.mx307-products-help__advisor figure img{width:100%;height:100%;object-fit:contain;object-position:center bottom;padding:12px 8px 0}

/* Keşfet — referanstaki kategori etiketli 3 içerik kartı. */
.mx307-explore-featured{padding-top:30px;padding-bottom:34px}
.mx307-explore-featured__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mx307-explore-featured__card{min-width:0;overflow:hidden;border:1px solid var(--mx307-line);border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(20,53,89,.035)}
.mx307-explore-featured__card figure{position:relative;margin:0;aspect-ratio:1.72/1;overflow:hidden;background:#f1f7f8}
.mx307-explore-featured__card figure img{width:100%;height:100%;object-fit:cover;object-position:center 38%}
.mx307-explore-featured__card:first-child figure img{object-fit:contain;padding:9px;background:#f8fbf5}
.mx307-explore-featured__card figure span{position:absolute;left:10px;top:10px;padding:5px 8px;border-radius:6px;background:#0e66bf;color:#fff;font-size:8.5px;font-weight:800;letter-spacing:.05em}
.mx307-explore-featured__card:first-child figure span{background:#479e1c}
.mx307-explore-featured__card:nth-child(3) figure span{background:#0c4f9a}
.mx307-explore-featured__card>div{padding:13px 14px 15px}
.mx307-explore-featured__card h3{margin:0;color:var(--mx307-navy);font-size:13px;line-height:1.3}
.mx307-explore-featured__card p{margin:6px 0 11px;color:var(--mx307-muted);font-size:9.8px;line-height:1.48}
.mx307-explore-featured__card a{color:#096ed0;font-size:9.8px;font-weight:750;text-decoration:none}

/* Kurumsal yoğunluk: referanslardaki bölümler arası ritmi koru. */
[data-mx-builder-key="stories-featured"] + [data-mx-builder-key="stories-list"]{border-top:0}
[data-mx-builder-key="products-help"] + .mx302-cta{margin-top:0}
[data-mx-builder-key="explore-featured"] + [data-mx-builder-key="explore-journey"]{padding-top:24px}

@media (max-width:1000px){
  .mx307-products-help__grid{grid-template-columns:1fr}
  .mx307-products-help__advisor{grid-template-columns:minmax(0,1fr) 180px}
}

@media (max-width:767px){
  .mx307-story-featured{margin-top:-28px;padding-bottom:8px}
  .mx307-story-featured__card{grid-template-columns:96px minmax(0,1fr);width:calc(100% - 22px);border-radius:14px}
  .mx307-story-featured__card figure{min-height:190px}
  .mx307-story-featured__copy{padding:15px 14px}
  .mx307-story-featured__copy h2{font-size:17px}
  .mx307-story-featured__copy p{font-size:9.8px}
  .mx307-story-featured__copy small{font-size:8.7px}
  [data-mx-builder-key="stories-list"]{padding-top:24px}
  .mx307-products-help{padding-top:22px;padding-bottom:28px}
  .mx307-products-help__grid{gap:12px}
  .mx307-products-help__advisor{grid-template-columns:minmax(0,1fr) 112px}
  .mx307-products-help__advisor-copy{padding:18px 13px 18px 16px}
  .mx307-products-help__advisor h3{font-size:16px}
  .mx307-products-help__advisor figure{min-height:190px}
  .mx307-explore-featured{padding-top:22px;padding-bottom:27px}
  .mx307-explore-featured__grid{grid-template-columns:1fr;gap:11px}
  .mx307-explore-featured__card{display:grid;grid-template-columns:42% minmax(0,1fr)}
  .mx307-explore-featured__card figure{height:100%;aspect-ratio:auto;min-height:145px}
}

@media (max-width:390px){
  .mx307-story-featured__card{grid-template-columns:1fr;width:calc(100% - 18px)}
  .mx307-story-featured__card figure{min-height:155px;max-height:180px}
  .mx307-products-help__advisor{grid-template-columns:1fr}
  .mx307-products-help__advisor figure{min-height:140px;max-height:170px}
  .mx307-explore-featured__card{grid-template-columns:1fr}
  .mx307-explore-featured__card figure{min-height:155px}
}