.sdk-widget{font-family:Inter,system-ui,sans-serif; max-width:1200px; margin:20px auto;}
.sdk-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px;}
.sdk-card{background:#fff; border:1px solid #e5e5e5; text-decoration:none; color:#000; display:block; overflow:hidden; border-radius:4px; transition:0.2s;}
.sdk-card:hover{transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,0.12);}
.sdk-img-wrap{position:relative; height:165px; overflow:hidden; background:#ddd;}
.sdk-img-wrap img{width:100%; height:100%; object-fit:cover;}
.sdk-badge{position:absolute; bottom:-10px; left:12px; background:#000; color:#fff; font-weight:800; font-size:11px; padding:5px 10px; letter-spacing:0.5px; text-transform:uppercase;}
.sdk-title{padding:22px 12px 12px; font-weight:700; font-size:15px; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:44px;}
/* Dark */
.sdk-dark .sdk-card{background:#1e1e1e; border-color:#2a2a2a; color:#fff;}
.sdk-dark .sdk-badge{background:#e30613;}
.sdk-dark .sdk-title{color:#fff;}
/* Red */
.sdk-red .sdk-badge{background:#e30613;}