/* ==========================================================================
   Halısaha web — responsive katman
   fw.css/fl.css handoff dosyaları olduğu gibi bırakıldı; mobil/tablet
   uyarlamaları bu ek katmanda. Yeni renk/token YOK, yalnız layout.
   ========================================================================== */

/* ---------- LANDING: tablet ve altı ---------- */
@media (max-width: 980px) {
  .fw-wrap { padding: 0 24px; }
  .fw-hero-grid { grid-template-columns: 1fr; gap: 36px; }
  .fw-hero h1 { font-size: 52px; }
  .fw-stage { max-width: 360px; margin: 0 auto; width: 100%; }
  .fw-navlinks { display: none; }
  .fw-steps { grid-template-columns: repeat(2, 1fr); }
  .fw-showcase { grid-template-columns: 1fr; gap: 40px; }
  .fw-split { grid-template-columns: 1fr; }
  .fw-price { grid-template-columns: 1fr; max-width: 460px; }
  .fw-bento { grid-template-columns: repeat(2, 1fr); grid-auto-rows: auto; }
  .fw-feat.big, .fw-feat.tall, .fw-feat.sm, .fw-feat.wide { grid-column: auto; grid-row: auto; }
  /* panel tanıtım bandı: yatay → dikey */
  .fw-sec > a.fw-split-card.owners { flex-direction: column; align-items: flex-start !important; }
  .fw-sec > a.fw-split-card.owners > div:last-child { flex: 1 1 auto !important; width: 100%; }
}

/* ---------- LANDING: telefon ---------- */
@media (max-width: 620px) {
  .fw-wrap { padding: 0 18px; }
  .fw-nav { height: 62px; gap: 14px; }
  .fw-nav-right .fw-btn-ghost { display: none; }        /* "Giriş yap"ı gizle, "Başla" kalsın */
  .fw-hero h1 { font-size: 40px; }
  .fw-sec-head h2, .fw-cta h2 { font-size: 30px; }
  .fw-showcase h2 { font-size: 32px !important; }
  .fw-steps { grid-template-columns: 1fr; }
  .fw-bento { grid-template-columns: 1fr; }
  .fw-trust { flex-wrap: wrap; gap: 12px 22px; }
  .fwb-scoreband { flex-wrap: wrap; gap: 22px 32px; }
  .fw-hero-cta, .fw-cta-btns, .fw-hero-proof { flex-wrap: wrap; }
  .fw-foot { gap: 26px; }
  .fw-foot-cols { gap: 32px; }
  /* dar ekranda uçuşan kartlar telefonu kapatıyor — gizle */
  .fw-float { display: none; }
  /* kart yelpazesini dar ekrana sığdır ve ortala */
  .fw-cards-fan { height: 320px; }
  .fw-bigcard { width: 188px; padding: 18px; }
  .fw-bigcard.c1 { transform: rotate(-10deg) translateX(-46px); }
  .fw-bigcard.c3 { transform: rotate(10deg) translateX(46px); }
}

/* ---------- PANEL: dar masaüstü / tablet ---------- */
@media (max-width: 1180px) {
  .sp-kpis { grid-template-columns: repeat(2, 1fr); }
}

/* ---------- PANEL: telefon ---------- */
@media (max-width: 760px) {
  .sp { flex-direction: column; min-height: 100vh; }
  .sp-side {
    width: 100%; flex: 0 0 auto; flex-direction: row; align-items: center;
    gap: 6px; overflow-x: auto; padding: 12px 14px;
    border-right: none; border-bottom: 1px solid var(--line);
  }
  .sp-navlbl, .sp-side-foot { display: none; }
  .sp-brand { padding: 0 10px 0 2px; white-space: nowrap; flex: 0 0 auto; }
  .sp-nav { white-space: nowrap; flex: 0 0 auto; }
  .sp-top { padding: 16px 18px; }
  .sp-body { padding: 18px !important; }
  .sp-kpis { grid-template-columns: 1fr 1fr; }
  /* takvim ızgarası dar ekranda yatay kaydırılır */
  .sp-cal { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .sp-cal-head, .sp-cal-row { min-width: 480px; }
}