.ok-gsd-wrap{max-width:1200px;margin:0 auto;padding:10px 0}
.ok-gsd-header{margin-bottom:16px}
.ok-gsd-title{margin:0 0 6px;font-size:28px;line-height:1.2}
.ok-gsd-subtitle{margin:0 0 12px;opacity:.8}
.ok-gsd-search input{width:100%;max-width:720px;padding:12px 14px;border:1px solid rgba(0,0,0,.15);border-radius:12px;outline:none}

.ok-gsd-grid{display:grid;gap:14px}
.ok-gsd-grid[data-cols="1"], .ok-gsd-wrap[data-cols="1"] .ok-gsd-grid{grid-template-columns:1fr}
.ok-gsd-wrap[data-cols="2"] .ok-gsd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ok-gsd-wrap[data-cols="3"] .ok-gsd-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ok-gsd-wrap[data-cols="4"] .ok-gsd-grid{grid-template-columns:repeat(4,minmax(0,1fr))}

@media (max-width: 980px){
  .ok-gsd-wrap[data-cols="3"] .ok-gsd-grid,.ok-gsd-wrap[data-cols="4"] .ok-gsd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 620px){
  .ok-gsd-grid{grid-template-columns:1fr !important}
}

.ok-gsd-card{border:1px solid rgba(0,0,0,.12);border-radius:16px;overflow:hidden;background:#fff;transition:transform .12s ease, box-shadow .12s ease}
.ok-gsd-card:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(0,0,0,.08)}
.ok-gsd-card-link{display:block;color:inherit;text-decoration:none}

.ok-gsd-card-img{width:100%;height:150px;object-fit:cover;display:block;background-color:rgba(0,0,0,.04)}
.ok-gsd-card-body{padding:14px 14px 12px}
.ok-gsd-card-top{display:flex;justify-content:flex-start;margin-bottom:10px}
.ok-gsd-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid rgba(0,0,0,.12);background:rgba(0,0,0,.03);white-space:nowrap}
.ok-gsd-card-title{margin:0 0 8px;font-size:18px;line-height:1.25}
.ok-gsd-card-address{margin:0 0 14px;opacity:.85}
.ok-gsd-card-actions{display:flex;justify-content:flex-start}
.ok-gsd-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:12px;text-decoration:none;font-weight:700;border:1px solid rgba(0,0,0,.15)}


/* Force readable text on any theme */
.ok-gsd-wrap, .ok-gsd-wrap .ok-gsd-title, .ok-gsd-wrap .ok-gsd-subtitle,
.ok-gsd-wrap .ok-gsd-card-title, .ok-gsd-wrap .ok-gsd-card-address,
.ok-gsd-wrap .ok-gsd-badge, .ok-gsd-wrap .ok-gsd-btn {
  color: #000 !important;
}
.ok-gsd-wrap .ok-gsd-btn { text-decoration: none !important; }