/* Özellik detay — mobil (≤980 / ≤767) */
@media (max-width: 980px) {
  .px-od-hero-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .px-od-hero-visual { max-width: 640px; margin: 0 auto; width: 100%; }
  .px-od-float.f-a,
  .px-od-float.f-b,
  .px-od-float.f-c,
  .px-od-float.f-d {
    left: auto;
    right: 0.5rem;
    top: auto;
    bottom: auto;
  }
  .px-od-float.f-a { top: -0.5rem; }
  .px-od-float.f-b { top: 22%; }
  .px-od-float.f-c { top: 48%; }
  .px-od-float.f-d { bottom: -0.75rem; top: auto; }
  .px-od-split .px-od-wrap {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .px-od-flip .px-od-s-visual { order: 0; }
  .px-od-lane-head,
  .px-od-lane-row {
    grid-template-columns: minmax(0, 1.4fr) repeat(4, minmax(48px, 1fr));
  }
  .px-od-lane-head span {
    font-size: 0.58rem;
    padding: 0.65rem 0.35rem;
  }
  .px-od-lane-what { padding: 0.7rem 0.55rem; }
  .px-od-lane-what b { font-size: 0.8rem; }
  .px-od-passport-steps { grid-template-columns: repeat(2, 1fr); }
  .px-od-subnav-brand { display: none; }
}

@media (max-width: 767px) {
  .px-od-sec { padding: 3.25rem 0; }
  .px-od-hero { padding: 1.75rem 0 2.25rem; }
  .px-od-kpis { grid-template-columns: 1fr; }
  .px-od-rfq { grid-template-columns: 1fr; }
  .px-od-chain-steps { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .px-od-cstep span { font-size: 0.52rem; }
  .px-od-float { min-width: 148px; padding: 0.55rem 0.65rem; }
  .px-od-float b { font-size: 0.8rem; }
  .px-od-mess-pile { height: 240px; }
  .px-od-mess-one-g { grid-template-columns: 1fr; }
  .px-od-akis { flex-direction: column; align-items: stretch; }
  .px-od-adim { max-width: none; }
  .px-od-akis-ok { transform: rotate(90deg); align-self: center; }
  .px-od-band {
    grid-template-columns: 1fr;
    gap: 0.25rem;
  }
  .px-od-ppanel-grid { grid-template-columns: 1fr; }
  .px-od-profiler-tabs { grid-template-columns: 1fr 1fr; }
  .px-od-btn { width: 100%; justify-content: center; }
  .px-od-cta-actions { flex-direction: column; }
  .px-od-lane {
    overflow-x: auto;
  }
  .px-od-lane-head,
  .px-od-lane-row {
    min-width: 560px;
  }
}
