:root{
  --primary:#1E88E5;
  --light:#EAF4FF;
  --text:#1F2937;
  --border:#D6E6F7;
  --wa:#25D366;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,system-ui,-apple-system,Segoe UI,Roboto;color:var(--text);background:#fff}
.container{max-width:1100px;margin:0 auto;padding:18px}
.header{border-bottom:1px solid var(--border);position:sticky;top:0;background:#fff;z-index:5}
.header .bar{display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{font-weight:700}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;text-decoration:none;border:1px solid var(--border);color:var(--text);background:#fff}
.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}
.btn-wa{background:var(--wa);border-color:var(--wa);color:#fff}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media (max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.grid{grid-template-columns:1fr}}
.card{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#fff;text-decoration:none;color:inherit}
.card .img{height:140px;background:var(--light);display:flex;align-items:center;justify-content:center}
.card img{max-width:100%;max-height:100%;object-fit:cover}
.card .title{padding:12px;font-weight:700}
.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:14px 0}
.search{flex:1;max-width:420px}
.search input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:12px}
.list{border:1px solid var(--border);border-radius:16px;overflow:hidden}
.row{display:grid;grid-template-columns:60px 1fr 1.2fr 160px 180px;gap:12px;align-items:center;padding:12px;border-bottom:1px solid var(--border)}
.desc-col{min-width:220px}
.desc-text{
  font-size:12px;
  opacity:.85;
  display:-webkit-box;
  -webkit-line-clamp:2;     /* 2 satır */
  -webkit-box-orient:vertical;
  overflow:hidden;
  line-height:1.35;
}
.readmore-btn{
  all:unset;
  cursor:pointer;
  color:var(--primary);
  font-weight:700;
  font-size:12px;
  margin-top:4px;
  display:inline-block;
}
.readmore-btn:hover{text-decoration:underline;}

.row:last-child{border-bottom:0}
.thumb{width:48px;height:48px;border-radius:10px;background:var(--light);display:flex;align-items:center;justify-content:center;overflow:hidden}
.thumb img{width:100%;height:100%;object-fit:cover}
.meta .brand{font-size:12px;opacity:.7;font-weight:700}
.meta .name{font-size:14px;font-weight:700;line-height:1.2}
.meta .stock{font-size:12px;opacity:.7;margin-top:4px}
.price{font-weight:800;color:var(--primary);text-align:right}
@media (max-width:720px){
  .row{
    grid-template-columns:60px 1fr;
    grid-template-rows:auto auto auto;
  }
  .desc-col{grid-column:1 / -1}
  .price{text-align:left}
}