/* Live 10-theme Digital Business Card showcase */
.pqr-dcard-theme-showcase{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);gap:clamp(34px,5vw,78px);align-items:center;margin:34px 0;padding:clamp(30px,5vw,72px);overflow:hidden;border:1px solid rgba(99,102,241,.14);border-radius:38px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(239,244,255,.76));box-shadow:0 30px 80px rgba(43,55,98,.12)}
.pqr-dcard-theme-showcase:before,.pqr-dcard-theme-showcase:after{content:"";position:absolute;border-radius:50%;filter:blur(3px);pointer-events:none}.pqr-dcard-theme-showcase:before{width:330px;height:330px;right:-100px;top:-150px;background:rgba(99,102,241,.12)}.pqr-dcard-theme-showcase:after{width:240px;height:240px;left:-120px;bottom:-130px;background:rgba(45,212,191,.12)}
.pqr-dcard-theme-copy,.pqr-dcard-demo-browser{position:relative;z-index:1}.pqr-dcard-showcase-badge{display:inline-flex;align-items:center;gap:9px;padding:10px 15px;border:1px solid rgba(79,70,229,.18);border-radius:999px;background:rgba(255,255,255,.72);color:#4f46e5;font-size:12px;font-weight:900;letter-spacing:.14em}.pqr-dcard-theme-copy h2{max-width:650px;margin:22px 0 18px;color:#0b1224;font-size:clamp(38px,4.5vw,70px);line-height:.96;letter-spacing:-.055em}.pqr-dcard-theme-copy>p{max-width:650px;color:#5d6880;font-size:clamp(17px,1.35vw,21px);line-height:1.7}
.pqr-dcard-showcase-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0}.pqr-dcard-showcase-features>div{display:flex;gap:13px;align-items:flex-start;padding:17px;border:1px solid rgba(112,124,151,.18);border-radius:18px;background:rgba(255,255,255,.72);box-shadow:0 12px 30px rgba(36,47,82,.05);transition:transform .25s ease,border-color .25s ease}.pqr-dcard-showcase-features>div:hover{transform:translateY(-4px);border-color:rgba(99,102,241,.32)}.pqr-dcard-showcase-features i{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:#eef2ff;color:#5b55ef}.pqr-dcard-showcase-features span{display:grid;gap:4px}.pqr-dcard-showcase-features b{color:#111827;font-size:14px}.pqr-dcard-showcase-features small{color:#748096;font-size:12px;line-height:1.45}.pqr-dcard-showcase-note{display:flex!important;align-items:center;gap:8px;margin:18px 0 0!important;color:#707b91!important;font-size:13px!important;font-weight:700}.pqr-dcard-showcase-note i{color:#16b981}
.pqr-dcard-demo-browser{overflow:hidden;border:1px solid rgba(112,124,151,.18);border-radius:28px;background:rgba(255,255,255,.82);box-shadow:0 28px 65px rgba(27,38,75,.17);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.pqr-dcard-browser-bar{display:flex;align-items:center;gap:8px;padding:14px 17px;border-bottom:1px solid rgba(112,124,151,.15);background:rgba(255,255,255,.7)}.pqr-dcard-browser-bar>i{width:10px;height:10px;border-radius:50%;background:#d2d9e6}.pqr-dcard-browser-bar>span{min-width:0;flex:1;margin-left:7px;padding:9px 13px;overflow:hidden;border:1px solid #dce3ee;border-radius:10px;background:rgba(255,255,255,.76);color:#768197;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.pqr-dcard-demo-wrap{display:grid;place-items:center;min-height:600px;padding:34px;background:radial-gradient(circle at 80% 80%,rgba(45,212,191,.14),transparent 35%),linear-gradient(145deg,#f2f4fb,#edf5f7)}
.pqr-dcard-demo{position:relative;width:min(100%,370px);min-height:520px;overflow:hidden;border-radius:40px;background:#fff;color:#101728;box-shadow:0 26px 60px rgba(26,34,65,.2);transition:opacity .35s ease,transform .35s ease,background .35s ease,color .35s ease}.pqr-dcard-demo.is-changing{opacity:.2;transform:translateY(7px) scale(.985)}.pqr-dcard-demo-hero{height:145px;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.pqr-dcard-demo-avatar{position:absolute;top:92px;left:50%;display:grid;place-items:center;width:106px;height:106px;transform:translateX(-50%);border:7px solid #fff;border-radius:50%;background:#eef0ff;color:#5f5cf4;font-size:36px;font-weight:900}.pqr-dcard-demo-body{padding:70px 28px 34px;text-align:center}.pqr-dcard-demo-body h3{margin:0 0 5px;color:inherit;font-size:29px;letter-spacing:-.04em}.pqr-dcard-demo-body>strong{color:#70778d}.pqr-dcard-demo-body>p{min-height:50px;margin:24px 0;color:#71798e;line-height:1.55}.pqr-dcard-demo-body>a{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:19px;padding:15px;border-radius:16px;background:#625cf4;color:#fff!important;font-weight:900;text-decoration:none;pointer-events:none}.pqr-dcard-demo-body>div{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.pqr-dcard-demo-body>div span{display:flex;align-items:center;justify-content:center;gap:7px;padding:13px 8px;border:1px solid #e2e6ef;border-radius:14px;background:rgba(255,255,255,.76);font-size:13px;font-weight:800}.pqr-dcard-demo-body>div i{color:#5f5cf4}
.pqr-dcard-browser-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:14px 17px;border-top:1px solid rgba(112,124,151,.15);background:rgba(255,255,255,.84)}.pqr-dcard-theme-dots{display:flex;flex-wrap:wrap;gap:6px}.pqr-dcard-theme-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#ccd4e2;cursor:pointer;transition:width .25s ease,background .25s ease}.pqr-dcard-theme-dots button.is-active{width:25px;border-radius:99px;background:#655ff5}.pqr-dcard-browser-controls>strong{color:#677187;font-size:12px;white-space:nowrap}.pqr-dcard-browser-controls>div:last-child{display:flex;justify-content:flex-end;gap:7px}.pqr-dcard-browser-controls>div:last-child button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #dae1ec;border-radius:12px;background:#fff;color:#3c465a;cursor:pointer;transition:transform .2s ease,background .2s ease}.pqr-dcard-browser-controls>div:last-child button:hover{transform:translateY(-2px);background:#f2f4ff}
/* Theme designs */
.pqr-dcard-demo[data-demo-theme=minimal] .pqr-dcard-demo-hero{height:24px;background:#6366f1}.pqr-dcard-demo[data-demo-theme=minimal] .pqr-dcard-demo-avatar{top:58px;background:#f8fafc;border-color:#f1f5f9}.pqr-dcard-demo[data-demo-theme=minimal] .pqr-dcard-demo-body{padding-top:160px}.pqr-dcard-demo[data-demo-theme=dark]{background:#080d17;color:#fff}.pqr-dcard-demo[data-demo-theme=dark] .pqr-dcard-demo-hero{background:linear-gradient(135deg,#121a29,#293147)}.pqr-dcard-demo[data-demo-theme=dark] .pqr-dcard-demo-avatar{background:#151d2b;border-color:#515866}.pqr-dcard-demo[data-demo-theme=dark] .pqr-dcard-demo-body>strong,.pqr-dcard-demo[data-demo-theme=dark] .pqr-dcard-demo-body>p{color:#aeb8ca}.pqr-dcard-demo[data-demo-theme=dark] .pqr-dcard-demo-body>div span{border-color:#303744;background:#171c27;color:#fff}.pqr-dcard-demo[data-demo-theme=gradient]{background:linear-gradient(180deg,#fff 31%,#f6f2ff)}.pqr-dcard-demo[data-demo-theme=gradient] .pqr-dcard-demo-hero{background:linear-gradient(135deg,#665cf6,#d946ef,#fb7185)}
.pqr-dcard-demo[data-demo-theme=corporate] .pqr-dcard-demo-hero{background:linear-gradient(135deg,#075985,#2563eb)}.pqr-dcard-demo[data-demo-theme=corporate] .pqr-dcard-demo-body>a{background:#155eef}.pqr-dcard-demo[data-demo-theme=creator] .pqr-dcard-demo-hero{background:linear-gradient(135deg,#fb923c,#f43f5e)}.pqr-dcard-demo[data-demo-theme=creator] .pqr-dcard-demo-body>a{background:#f97316}.pqr-dcard-demo[data-demo-theme=luxury]{background:#0b0a07;color:#fff;box-shadow:inset 0 0 0 2px #b99a41,0 26px 60px rgba(26,34,65,.25)}.pqr-dcard-demo[data-demo-theme=luxury] .pqr-dcard-demo-hero{background:linear-gradient(135deg,#17140d,#373326)}.pqr-dcard-demo[data-demo-theme=luxury] .pqr-dcard-demo-avatar{border-color:#aa8d3c;background:#19160f;color:#f3d264}.pqr-dcard-demo[data-demo-theme=luxury] .pqr-dcard-demo-body>strong{color:#e7c64f}.pqr-dcard-demo[data-demo-theme=luxury] .pqr-dcard-demo-body>p{color:#c9c3b5}.pqr-dcard-demo[data-demo-theme=luxury] .pqr-dcard-demo-body>a{background:linear-gradient(135deg,#f4dc78,#d7aa2f);color:#171109!important}.pqr-dcard-demo[data-demo-theme=luxury] .pqr-dcard-demo-body>div span{border-color:#4a4020;background:#13110b;color:#fff}
.pqr-dcard-demo[data-demo-theme=transparent]{background:rgba(255,255,255,.5);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.pqr-dcard-demo[data-demo-theme=transparent] .pqr-dcard-demo-hero{height:28px;background:linear-gradient(90deg,#6366f1,#a78bfa)}.pqr-dcard-demo[data-demo-theme=transparent] .pqr-dcard-demo-avatar{top:58px;background:rgba(255,255,255,.48)}.pqr-dcard-demo[data-demo-theme=transparent] .pqr-dcard-demo-body{padding-top:160px}.pqr-dcard-demo[data-demo-theme=liquid_glass]{background:linear-gradient(145deg,rgba(255,255,255,.75),rgba(221,214,254,.62));box-shadow:inset 0 1px 0 #fff,0 30px 70px rgba(76,29,149,.25);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.pqr-dcard-demo[data-demo-theme=liquid_glass] .pqr-dcard-demo-hero{background:linear-gradient(135deg,#5b5cf6,#a855f7,#ec4899)}.pqr-dcard-demo[data-demo-theme=liquid_glass] .pqr-dcard-demo-body>a{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.pqr-dcard-demo[data-demo-theme=ocean]{background:linear-gradient(180deg,#effcff,#fff);color:#073b4c}.pqr-dcard-demo[data-demo-theme=ocean] .pqr-dcard-demo-hero{background:linear-gradient(135deg,#0891b2,#2dd4bf)}.pqr-dcard-demo[data-demo-theme=ocean] .pqr-dcard-demo-body>a{background:linear-gradient(135deg,#0284c7,#14b8a6)}
[data-theme=dark] .pqr-dcard-theme-showcase,.dark .pqr-dcard-theme-showcase{border-color:rgba(148,163,184,.16);background:linear-gradient(135deg,rgba(12,18,30,.92),rgba(20,27,45,.84))}[data-theme=dark] .pqr-dcard-theme-copy h2,.dark .pqr-dcard-theme-copy h2,[data-theme=dark] .pqr-dcard-showcase-features b,.dark .pqr-dcard-showcase-features b{color:#f8fafc}[data-theme=dark] .pqr-dcard-theme-copy>p,.dark .pqr-dcard-theme-copy>p{color:#b4bfd2}[data-theme=dark] .pqr-dcard-showcase-badge,.dark .pqr-dcard-showcase-badge,[data-theme=dark] .pqr-dcard-showcase-features>div,.dark .pqr-dcard-showcase-features>div{border-color:rgba(148,163,184,.16);background:rgba(15,23,42,.58)}
@media(max-width:1050px){.pqr-dcard-theme-showcase{grid-template-columns:1fr}.pqr-dcard-demo-browser{width:min(100%,700px);margin:auto}.pqr-dcard-demo-wrap{min-height:580px}.pqr-dcard-theme-copy{text-align:center}.pqr-dcard-theme-copy h2,.pqr-dcard-theme-copy>p{margin-left:auto;margin-right:auto}.pqr-dcard-showcase-note{justify-content:center}}
@media(max-width:575px){.pqr-dcard-theme-showcase{margin:22px -4px;padding:24px 14px;border-radius:25px}.pqr-dcard-theme-copy h2{font-size:39px}.pqr-dcard-showcase-features{grid-template-columns:1fr}.pqr-dcard-demo-wrap{min-height:auto;padding:18px 10px}.pqr-dcard-demo{min-height:490px;border-radius:30px}.pqr-dcard-browser-controls{grid-template-columns:1fr auto}.pqr-dcard-browser-controls>strong{display:none}.pqr-dcard-theme-dots{max-width:120px}.pqr-dcard-browser-bar>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.pqr-dcard-demo,.pqr-dcard-showcase-features>div{transition:none}.pqr-dcard-demo.is-changing{opacity:1;transform:none}}

/* 20260901-4 — preview left, content right */
@media (min-width: 1051px) {
    .pqr-dcard-theme-showcase {
        grid-template-columns: minmax(440px, 1.08fr) minmax(0, .92fr) !important;
        align-items: center !important;
    }

    .pqr-dcard-demo-browser {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 100% !important;
        margin: 0 !important;
        align-self: center !important;
    }

    .pqr-dcard-theme-copy {
        grid-column: 2 !important;
        grid-row: 1 !important;
        align-self: center !important;
    }
}

/* Keep the mobile order clean: text first, preview underneath */
@media (max-width: 1050px) {
    .pqr-dcard-theme-showcase {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .pqr-dcard-theme-copy {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    .pqr-dcard-demo-browser {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }
}

/* Force live preview into the empty left column */
@media screen and (min-width: 1051px) {
  .pqr-dcard-theme-showcase {
    display: grid !important;
    grid-template-columns: minmax(440px, 1.08fr) minmax(0, .92fr) !important;
    grid-template-rows: auto !important;
    align-items: center !important;
  }

  .pqr-dcard-theme-showcase > .pqr-dcard-demo-browser {
    grid-column: 1 / 2 !important;
    grid-row: 1 / 2 !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .pqr-dcard-theme-showcase > .pqr-dcard-theme-copy {
    grid-column: 2 / 3 !important;
    grid-row: 1 / 2 !important;
    width: auto !important;
    margin: 0 !important;
  }
}

@media screen and (max-width: 1050px) {
  .pqr-dcard-theme-showcase > .pqr-dcard-theme-copy {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  .pqr-dcard-theme-showcase > .pqr-dcard-demo-browser {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }
}