/* css/plugins.css */

.page-hero {
  background: linear-gradient(135deg, #12101e 0%, #2a1858 100%);
  padding: 4.5rem 0 3.5rem;
  position: relative; overflow: hidden;
}
.page-hero::before { content:''; position:absolute; inset:0; background:radial-gradient(circle at 70% 50%, rgba(127,84,179,.18) 0%, transparent 60%); }
.page-hero .container { position:relative; z-index:1; }
.page-hero h1 { color:#fff; margin-bottom:.75rem; }
.page-hero h1 em { font-style:normal; color:#c4a8e8; }
.page-hero p { color:rgba(255,255,255,.6); max-width:560px; font-size:1.05rem; }

.plugins-full-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.75rem; }

@media(max-width:860px) { .plugins-full-grid { grid-template-columns:1fr; } }

.plugin-full-card {
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius-xl);
  overflow:hidden;
  transition:all var(--transition);
  box-shadow:var(--shadow-sm);
}
.plugin-full-card:hover { box-shadow:var(--shadow-md); transform:translateY(-2px); }
.plugin-full-header {
  display:flex; align-items:center; gap:1.5rem;
  padding:1.5rem 2rem;
  flex-wrap:wrap;
}
.plugin-emoji {
  width:56px; height:56px;
  border-radius:14px;
  display:flex; align-items:center; justify-content:center;
  font-size:1.7rem;
  flex-shrink:0;
}
.plugin-full-header > div:nth-child(2) { flex:1; }
.plugin-full-name { font-size:1.2rem; margin-top:.3rem; }
.plugin-full-price { font-family:var(--font-head); font-size:2rem; font-weight:800; color:var(--woo); display:flex; align-items:baseline; gap:.25rem; }
.plugin-full-price small { font-size:.85rem; font-weight:400; color:var(--muted); }

.plugin-full-body { padding:1.75rem 2rem 2rem; display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; align-items:start; }
.plugin-full-desc { font-size:.95rem; line-height:1.7; color:var(--muted); grid-column:1/-1; margin-bottom:.25rem; }
.plugin-full-features { list-style:none; display:flex; flex-direction:column; gap:.45rem; }
.plugin-full-features li { font-size:.9rem; display:flex; align-items:flex-start; gap:.6rem; }
.plugin-full-features li::before { content:'✓'; color:var(--woo); font-weight:700; flex-shrink:0; margin-top:1px; }
.plugin-full-actions { display:flex; flex-direction:column; gap:.75rem; justify-content:flex-start; padding-top:.25rem; }

.custom-plugin-cta {
  margin-top:3rem;
  background:linear-gradient(135deg, var(--woo) 0%, var(--woo-deep) 100%);
  border-radius:var(--radius-xl);
  padding:2.5rem;
}
.custom-plugin-inner { display:flex; align-items:center; justify-content:space-between; gap:2rem; flex-wrap:wrap; }
.custom-plugin-cta h3 { color:#fff; font-size:1.3rem; margin-bottom:.5rem; }
.custom-plugin-cta p  { color:rgba(255,255,255,.72); font-size:.95rem; max-width:520px; }

@media(max-width:700px) {
  .plugin-full-body { grid-template-columns:1fr; }
  .plugin-full-header { flex-direction:column; align-items:flex-start; }
}