/* Layout matches the provided screenshot: simple cards grid with centered orange buttons */

.sspdl{max-width:1200px;margin:0 auto;padding:16px;}

.sspdl-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:18px;
}

@media (max-width: 1100px){
  .sspdl-grid{grid-template-columns:repeat(3, minmax(0, 1fr));}
}

@media (max-width: 820px){
  .sspdl-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
}

@media (max-width: 520px){
  .sspdl-grid{grid-template-columns:1fr;}
}

.sspdl-card{
  border:1px solid rgba(0,0,0,.18);
  background:#fff;
  min-height:150px;
  padding:18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:18px;
  transition:box-shadow .15s ease, transform .15s ease;
}

.sspdl-card:hover{
  box-shadow:0 14px 30px rgba(0,0,0,.12);
  transform:translateY(-1px);
}

.sspdl-title{
  font-size:22px;
  font-weight:700;
  text-align:center;
  line-height:1.2;
  color:#222;
}

.sspdl-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:180px;
  padding:12px 18px;
  border-radius:6px;
  text-decoration:none;
  background:#f28c28;
  border:1px solid #f28c28;
  color:#fff;
  font-weight:700;
  box-shadow:0 8px 18px rgba(0,0,0,.18);
  cursor:pointer;
  user-select:none;
}

.sspdl-btn:hover{
  background:#e67f1a;
  border-color:#e67f1a;
  color:#000;
}

.sspdl-btn--disabled{
  opacity:.55;
  cursor:not-allowed;
  box-shadow:none;
}