/* ===== App store grid (mobile responsive) ===== */
.apps-store .app-card{
  display:flex; align-items:center; gap:16px;
  background:var(--surface-color, #ffffff);
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px; padding:18px; height:100%;
  text-decoration:none; color:inherit;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.apps-store .app-card:hover{
  transform:translateY(-6px);
  box-shadow:0 14px 32px rgba(0,0,0,.10);
  border-color:transparent;
}
.apps-store .app-icon{
  position:relative; flex:0 0 auto;
  width:64px; height:64px; border-radius:16px; overflow:hidden;
  display:flex; align-items:center; justify-content:center;
  font-size:30px; color:#fff;
  background:linear-gradient(135deg,#4154f1,#7b8cff);
}
.apps-store .app-icon img{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; border-radius:16px;
}
/* Different icon colours so the grid feels alive (edit freely) */
.apps-store .col-app:nth-child(6n+2) .app-icon{background:linear-gradient(135deg,#ff6a3d,#ff9a6a);}
.apps-store .col-app:nth-child(6n+3) .app-icon{background:linear-gradient(135deg,#1cc88a,#5fe0b0);}
.apps-store .col-app:nth-child(6n+4) .app-icon{background:linear-gradient(135deg,#e83e8c,#ff77b5);}
.apps-store .col-app:nth-child(6n+5) .app-icon{background:linear-gradient(135deg,#f6c23e,#ffd96b);}
.apps-store .col-app:nth-child(6n+6) .app-icon{background:linear-gradient(135deg,#36b9cc,#6fd9e6);}

.apps-store .app-meta{min-width:0;}
.apps-store .app-meta h3{
  font-size:1.05rem; font-weight:700; margin:0 0 4px;
  color:var(--heading-color, #212529);
}
.apps-store .app-meta p{
  font-size:.9rem; margin:0 0 8px; color:var(--default-color, #6c757d);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden;
}
.apps-store .app-cta{
  font-size:.85rem; font-weight:600; color:var(--accent-color, #4154f1);
}
.apps-store .app-cta i{vertical-align:middle;}

@media (max-width:575.98px){
  .apps-store .app-icon{width:56px; height:56px; font-size:26px;}
  .apps-store .app-card{padding:14px; gap:12px;}
}