.dbdm-section{
  --bg1:#0b1224; --bg2:#121a3a;
  --txt:#0b1020; --txt-invert:#fff;
  --chip-bg:#eef2ff; --card-border:rgba(17,24,39,.08);
  font-family:'Anek Bangla',ui-sans-serif,system-ui !important;

  /* ✅ Premium container (works nicely even inside Elementor/theme boxed layouts) */
  max-width:1200px;
  margin:20px auto;
  padding:32px 0;
  color:#fff;
  border-radius:28px !important;
  overflow:hidden !important;
  position:relative;
  isolation:isolate;

  /* ✅ TRUE luxury gradient border (always visible) */
  border:2px solid transparent;
  background:
    linear-gradient(135deg,var(--bg1),var(--bg2)) padding-box,
    conic-gradient(from 140deg,
      rgba(96,165,250,.85) 0deg,
      rgba(167,139,250,.85) 70deg,
      rgba(244,114,182,.80) 140deg,
      rgba(34,211,238,.80) 210deg,
      rgba(54,243,161,.78) 280deg,
      rgba(96,165,250,.85) 360deg
    ) border-box;

  box-shadow:
    0 24px 70px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,255,255,.06);
}


.dbdm-wrap{position:relative; z-index:1;}
.dbdm-section *{font-family:'Anek Bangla',ui-sans-serif,system-ui !important}
.dbdm-wrap{max-width:1200px;margin:0 auto;padding:0 18px}
.dbdm-head{text-align:center;margin-bottom:18px}
.dbdm-title{
  font-weight:900;font-size:clamp(44px,7vw,86px);
  background:linear-gradient(90deg,#fde68a,#d8b4fe,#93c5fd,#fbcfe8,#fde68a);
  -webkit-background-clip:text;background-clip:text;color:transparent!important;
  margin:0;
}
.dbdm-search-wrap{display:flex;justify-content:center;margin:12px 0 22px}
.dbdm-search{
  width:100%;max-width:620px;padding:12px 22px;font-size:17px;background:#fff;
  border:1px solid #d1d5db;border-radius:999px;color:#111;font-weight:700;
}
.dbdm-filter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}
.dbdm-chip{
  border:0;padding:10px 16px;border-radius:999px;font-weight:800;font-size:15px;
  color:#0b1020;background:var(--chip-bg);cursor:pointer
}
.dbdm-chip.active{color:#fff;background:linear-gradient(90deg,#3b82f6,#a855f7)}
.dbdm-grid{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:768px){.dbdm-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.dbdm-grid{grid-template-columns:repeat(4,1fr)}}

/* ✅ Premium demo card frame (luxury border + soft shadow) */
.dbdm-card{
  position:relative;
  border-radius:22px;
  padding:2px;
  overflow:hidden;
  background:
    radial-gradient(140px 110px at 10% 0%, rgba(99,102,241,.35), transparent 55%),
    radial-gradient(160px 120px at 95% 10%, rgba(236,72,153,.22), transparent 60%),
    linear-gradient(135deg, rgba(255,255,255,.20), rgba(34,211,238,.18), rgba(54,243,161,.14));
  box-shadow:
    0 22px 55px rgba(0,0,0,.40),
    0 6px 18px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.20);
}
.dbdm-inner{
  background:linear-gradient(180deg,#ffffff 0%, #f8fbff 100%);
  border:1px solid rgba(255,255,255,.70);
  border-radius:20px;
  padding:18px 12px;
  min-height:190px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
  text-align:center;
  position:relative;
  box-shadow:
    0 14px 30px rgba(2,6,23,.18),
    inset 0 1px 0 rgba(255,255,255,.65);
}
.dbdm-pop{
  position:absolute;top:10px;right:10px;
  background:linear-gradient(90deg,#f59e0b,#f97316);color:#111;
  font-weight:900;font-size:12px;padding:6px 10px;border-radius:999px;
}
.dbdm-name{
  font-size:19px;font-weight:900;color:#111827;min-height:54px;margin:0;
  display:flex;align-items:center;justify-content:center;text-wrap:balance
}
.dbdm-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:6px 0 10px}
.dbdm-tag{
  font-size:11px;font-weight:800;color:#0b1020;background:#eef2ff;
  padding:5px 8px;border-radius:999px;border:1px solid rgba(17,24,39,.08);
}

.dbdm-btn{
  width:100%;padding:12px 24px;border-radius:14px;font-weight:900;
  font-size:15.5px;color:#fff;text-decoration:none;display:flex;
  align-items:center;justify-content:center;gap:8px;
}
.dbdm-pink{background:linear-gradient(90deg,#ec4899,#a855f7)}
.dbdm-orange{background:linear-gradient(90deg,#f97316,#f59e0b)}
.dbdm-blue{background:linear-gradient(90deg,#3b82f6,#06b6d4)}
.dbdm-green{background:linear-gradient(90deg,#10b981,#14b8a6)}
.dbdm-purple{background:linear-gradient(90deg,#8b5cf6,#ec4899)}
.dbdm-yellow{background:linear-gradient(90deg,#facc15,#fb923c);color:#111}