/* === BELGELER — 3 sütun kart grid, gri kutular, turuncu buton === */
.docs-hub{
  --bg:#ffffff;
  --fg:#17131f;
  --muted:#6b7280;
  --accent:#f5a524;
  --accent-hover:#ec980f;
  --card:#f3f4f6;
  --card-border:#e5e7eb;
  padding:56px 16px;
  background:var(--bg);
  color:var(--fg);
  font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
.docs-hub .wrap{max-width:1140px;margin:0 auto}
.docs-hub .head{text-align:center;margin-bottom:28px}


.docs-hub .head h1{font-size:clamp(28px,3.6vw,40px);line-height:1.15;font-weight:900;letter-spacing:-.02em;margin:0 0 8px}
.docs-hub .head .intro{color:var(--muted);margin:0}

/* 1→2→3 sütun grid */
.docs-hub .grid{
  display:grid !important;
  gap:22px !important;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr)) !important;
  align-items:stretch !important;
  margin-top:18px !important;
}

/* Kart */
.docs-hub .card{
  background:var(--card);
  border:1px solid var(--card-border);
  border-radius:20px;
  box-shadow:0 6px 18px rgba(2,6,23,.06);
  padding:22px 18px;
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:170px;
  text-align:center;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.docs-hub .card:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(2,6,23,.10);
  border-color:#dfe3e8;
}
.docs-hub .title{
  font-size:clamp(18px,2.2vw,22px);
  font-weight:800;
  line-height:1.25;
  letter-spacing:-.01em;
  margin:0;
}
.docs-hub .desc{margin:4px 0 6px;color:var(--muted);font-size:14px}
.docs-hub .spacer{flex:1}

/* Turuncu buton */
.docs-hub .btn{
  align-self:center;
  display:inline-block;
  padding:12px 18px;
  border-radius:10px;
  background:var(--accent);
  color:#fff !important;
  text-decoration:none !important;
  font-weight:800;
  font-size:14px;
  box-shadow:0 8px 22px rgba(245,165,36,.35);
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.docs-hub .btn:hover{background:var(--accent-hover);box-shadow:0 10px 26px rgba(245,165,36,.45);transform:translateY(-1px)}

/* Grid'te boş ilk hücre sorununu düzelt */
.docs-hub .grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr)) !important;
  gap:22px !important;
  align-items:stretch !important;
  margin-top:18px !important;
  grid-auto-flow:dense;              /* boşlukları arkadan doldurur */
}

/* Grid içine yanlışlıkla düşen p, br, hr vb. öğeleri gizle */
.docs-hub .grid > :not(.card){ display:none !important; }

/* Gutenberg'in boş  üretmesi durumuna özel */
.docs-hub .grid > p:empty { display:none !important; }
.docs-hub .grid > p { margin:0 !important; }


 .policy-page{
      --bg:#ffffff;
      --fg:#0b1324;
      --muted:#55637a;
      --accent:#f5a524;         /* brand/orange */
      --border:#e5e7eb;
      --card:#f9fafb;
      background:var(--bg); color:var(--fg);
      font:16px/1.7 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      padding:40px 16px;
    }
    .policy-wrap{max-width:900px;margin:0 auto}
    .policy-head{margin-bottom:18px;text-align:center}
    .policy-head h1{font-size:clamp(28px,4vw,40px);line-height:1.15;margin:0 0 8px;font-weight:900;letter-spacing:-.02em}
    .policy-meta{color:var(--muted);font-size:14px;margin:0}

    .policy-section{margin:22px 0;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px 16px}
    .policy-section h2{margin:0 0 10px;font-size:20px;letter-spacing:-.01em}
    .policy-section p{margin:0 0 10px;color:var(--fg)}
    .policy-section ul{margin:8px 0 0 18px}
    .policy-section li{margin:6px 0}

    /* Cookie Table */
    .cookie-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:#fff}
    .cookie-table th,.cookie-table td{padding:12px 10px;border-bottom:1px solid var(--border);vertical-align:top;text-align:left}
    .cookie-table thead th{background:#f3f4f6;font-weight:700}
    .cookie-table tr:last-child td{border-bottom:none}
    .badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700;background:#eef2ff;color:#3730a3}

    .note{border-left:4px solid var(--accent);background:#fff8ea;padding:12px 14px;border-radius:10px;margin-top:10px;color:#5b4a1f}

    @media (max-width:640px){
      .cookie-table thead{display:none}
      .cookie-table tr{display:block;border-bottom:1px solid var(--border)}
      .cookie-table td{display:block;border:none;border-bottom:1px dashed var(--border)}
      .cookie-table td:last-child{border-bottom:none}
      .cookie-table td::before{content:attr(data-label);display:block;font-weight:700;color:#475569;margin-bottom:2px}
  
  
  

  
    © 2025 Suma Robotics. Web sitesi geliştirme: INVEKOR. |
    KVKK / Gizlilik ve Veri Koruma Politikası
  
    © 2025 Suma Robotics. Website development by INVEKOR. |
    KVKK / Privacy & Data Protection Policy