/* ===== SHOWCASE — products & code for sale ===== */
.showcase-section{background:#0A0A0F;padding:90px 0;position:relative;overflow:hidden}
.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2.5rem}
.sc-card{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid rgba(217,172,85,.22);border-radius:20px;overflow:hidden;transition:.35s;display:flex;flex-direction:column}
.sc-card:hover{transform:translateY(-8px);border-color:rgba(217,172,85,.55);box-shadow:0 24px 60px rgba(0,0,0,.5)}
.sc-cover{position:relative;aspect-ratio:16/9;background:#121218;overflow:hidden;display:flex;align-items:center;justify-content:center}
.sc-cover .code{font-family:monospace;direction:ltr;text-align:left;font-size:.72rem;line-height:1.7;color:#E3C37E;background:#0B0B10;padding:1rem;width:100%;height:100%;overflow:hidden}
.sc-cover .code .k{color:#D9AC55}.sc-cover .code .s{color:#9AE6B4}.sc-cover .code .c{color:#6b7280}
.sc-badges{position:absolute;top:.8rem;right:.8rem;display:flex;gap:.4rem}
.sc-badge{font-size:.68rem;padding:.25rem .7rem;border-radius:999px;background:rgba(10,10,15,.8);border:1px solid rgba(217,172,85,.4);color:#F6EAD0;backdrop-filter:blur(8px)}
.sc-badge.hot{background:linear-gradient(135deg,#F6EAD0,#D9AC55 55%,#A87A24);color:#0A0A0F;font-weight:800;border:none}
.sc-body{padding:1.4rem;display:flex;flex-direction:column;gap:.7rem;flex:1}
.sc-body h3{color:#F4EFE4;font-size:1.05rem;font-weight:800;margin:0}
.sc-body p{color:#A8A29A;font-size:.85rem;line-height:1.8;margin:0;flex:1}
.sc-stack{display:flex;flex-wrap:wrap;gap:.35rem}
.sc-stack span{font-size:.68rem;padding:.2rem .6rem;border-radius:8px;background:rgba(217,172,85,.08);border:1px solid rgba(217,172,85,.2);color:#E3C37E}
.sc-foot{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}
.sc-price{color:#F6EAD0;font-weight:900;font-size:1.05rem}
.sc-price small{color:#A8A29A;font-weight:400;font-size:.72rem}
.sc-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.2rem;border-radius:12px;background:linear-gradient(135deg,#F6EAD0,#D9AC55 55%,#A87A24);color:#0A0A0F;font-weight:800;font-size:.82rem;text-decoration:none}
.sc-btn.ghost{background:rgba(255,255,255,.04);color:#F4EFE4;border:1px solid rgba(217,172,85,.3)}
.sc-filters{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-top:1.5rem}
.sc-chip{padding:.5rem 1.2rem;border-radius:999px;border:1px solid rgba(217,172,85,.3);background:transparent;color:#A8A29A;font-family:inherit;font-size:.82rem;cursor:pointer;transition:.25s}
.sc-chip.active,.sc-chip:hover{background:linear-gradient(135deg,#F6EAD0,#D9AC55 55%,#A87A24);color:#0A0A0F;font-weight:800;border-color:transparent}
@media(max-width:1024px){.showcase-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.showcase-grid{grid-template-columns:1fr}}