:root {
  --brand:#2b6cff;
  --grad:linear-gradient(90deg,#2b6cff 0%,#7b61ff 50%,#ff6ec7 100%);
  --muted:#667085;
  --ring:#e7ecff;
}

/* Headings */
#fenizo-addons .addons-head {
  text-align:center;
  margin-bottom:28px;
}
#fenizo-addons .addons-head h2 {
  margin:0 0 10px;
  font-size:34px;
  font-weight:800;
}
#fenizo-addons .addons-head .accent {
  background:var(--grad);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
#fenizo-addons .muted { color:var(--muted); }

/* Tabs */
#fenizo-addons .tabs {
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  justify-content:center;
  margin:18px auto 20px;
  border-bottom:1px solid #e5e9ff;
}
#fenizo-addons .tab {
  background:none;
  border:none;
  font-weight:600;
  padding:10px 16px;
  cursor:pointer;
  color:#334155;
  position:relative;
}
#fenizo-addons .tab::after {
  content:"";
  position:absolute;
  left:50%;
  bottom:-2px;
  width:0;
  height:3px;
  background:var(--grad);
  border-radius:2px;
  transform:translateX(-50%);
  transition:width .3s ease;
}
#fenizo-addons .tab.is-active {
  color:#0f172a;
}
#fenizo-addons .tab.is-active::after {
  width:70%;
}

/* Cards grid */
#fenizo-addons .panes { margin-top:10px; }
#fenizo-addons .pane[hidden] { display:none; }
#fenizo-addons .cards {
  display:grid;
  gap:24px;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
@media (max-width:960px){ #fenizo-addons .cards { grid-template-columns:1fr 1fr; } }
@media (max-width:640px){ #fenizo-addons .cards { grid-template-columns:1fr; } }

/* Card style */
#fenizo-addons .card {
  background:rgba(255,255,255,0.85);
  backdrop-filter:blur(12px);
  border:1px solid #f0f2ff;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 18px 40px -20px rgba(43,108,255,.35);
  transition:all .3s ease;
  position:relative;
}
#fenizo-addons .card:hover {
  transform:translateY(-6px) scale(1.02);
  box-shadow:0 28px 60px -24px rgba(43,108,255,.55);
  border-color:#d6ddff;
}

/* Card top illustration area */
#fenizo-addons .card .thumb {
  height:160px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#eef2ff,#fafaff);
  font-size:42px;
  font-weight:700;
  color:#2b6cff;
}
#fenizo-addons .card:hover .thumb {
  background:var(--grad);
  color:#fff;
}

/* Content */
#fenizo-addons .card h3 {
  margin:14px 16px 8px;
  font-size:18px;
  font-weight:700;
}
#fenizo-addons .card p {
  margin:0 16px 18px;
  color:var(--muted);
  font-size:14.5px;
  line-height:1.5;
}