/* MyFileKit 30 US Business Card Templates (c1..c30, b1..b30) */
@import url('card-fonts.css');

/* === FRONT TEMPLATES & SHARED BASE === */
.card{aspect-ratio:7/4;container-type:inline-size;position:relative;overflow:hidden;border-radius:6px;font-family:'DM Sans',sans-serif;box-shadow:0 1px 2px rgba(0,0,0,.12),0 8px 24px rgba(0,0,0,.08)}
.card *{margin:0;padding:0;box-sizing:border-box}
.card .in{position:absolute;inset:0;padding:6cqw}
.in>*{position:relative}
.card .nm{font-size:6.2cqw;line-height:1.05;font-weight:700}
.card .rl{font-size:2.5cqw;margin-top:1.2cqw}
.card .co{font-size:2.6cqw;font-weight:600}
.card .ct{list-style:none;font-size:2.35cqw;line-height:1.55}
.card .ct b{display:inline-block;width:3.4cqw;font-weight:700}
.card .mono{display:grid;place-items:center;font-weight:700}

/* 1. Executive Navy & Gold: finance, advisory */
.c1{--p:#0c1c36;--on-p:#f3eee2;background:var(--p);color:var(--on-p)}
.c1 .in::before{content:"";position:absolute;left:0;right:0;top:0;height:1.1cqw;background:#c9a24a}
.c1 .in{padding-top:9cqw}
.c1 .nm{font:600 6.6cqw/1.05 Fraunces,serif}
.c1 .rl{color:#c9a24a;letter-spacing:.05em}
.c1 .rl::after{content:"";display:block;width:9cqw;height:.35cqw;background:#c9a24a;margin-top:2.2cqw}
.c1 .mono{position:absolute;right:6cqw;top:9cqw;width:11cqw;height:11cqw;border:.4cqw solid #c9a24a;color:#c9a24a;font:600 4.4cqw Fraunces,serif}
.c1 .co{position:absolute;right:6cqw;bottom:6cqw;text-align:right;color:#c9a24a;font-size:2.4cqw;letter-spacing:.05em}
.c1 .ct{position:absolute;left:6cqw;bottom:6cqw}
.c1 .ct b{color:#c9a24a}

/* 2. Clean Tech White: software, SaaS */
.c2{--p:#1f6feb;--on-p:#ffffff;background:#fff;color:#12161c}
.c2 .in::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1.8cqw;background:var(--p)}
.c2 .in{padding-left:10cqw}
.c2 .nm{font-size:6cqw;letter-spacing:-.02em}
.c2 .rl{color:#5a6573}
.c2 .mono{display:none}
.c2 .co{position:absolute;right:6cqw;top:6.2cqw;color:var(--p);font-weight:700}
.c2 .ct{position:absolute;left:10cqw;bottom:6cqw;color:#2b333d}
.c2 .ct b{color:var(--p)}

/* 3. Slate & Coral: consulting, agency */
.c3{--p:#2b3038;--on-p:#f1f1ef;background:var(--p);color:var(--on-p)}
.c3 .in::before{content:"";position:absolute;left:0;top:0;bottom:0;width:34cqw;background:#1f2329}
.c3 .in{padding-left:40cqw}
.c3 .mono{position:absolute;left:6cqw;top:6cqw;width:12cqw;height:12cqw;border-radius:50%;background:#ff7a59;color:#1f2329;font-size:4.6cqw}
.c3 .co{position:absolute;left:6cqw;bottom:6cqw;width:24cqw;line-height:1.3}
.c3 .nm{font-size:5.4cqw}
.c3 .rl{color:#ff7a59}
.c3 .ct{position:absolute;left:40cqw;bottom:6cqw}
.c3 .ct b{color:#ff7a59}

/* 4. Legal Classic: attorneys, law firms */
.c4{--p:#6b1e2b;--on-p:#ffffff;background:#f9f5ea;color:#2b1b1f;font-family:'Libre Baskerville',serif;text-align:center}
.c4 .in::before{content:"";position:absolute;inset:3cqw;border:.3cqw solid var(--p);outline:.15cqw solid var(--p);outline-offset:.7cqw}
.c4 .in{padding-top:11cqw}
.c4 .mono{display:none}
.c4 .nm{font:700 5.4cqw/1.1 'Libre Baskerville',serif;color:var(--p)}
.c4 .rl{font-style:italic;color:#4a3a3e}
.c4 .co{margin-top:2cqw;letter-spacing:.12em;font-size:2.2cqw;font-weight:700}
.c4 .ct{position:absolute;left:0;right:0;bottom:8.5cqw;display:grid;grid-template-columns:1fr 1fr;gap:.6cqw 3cqw;padding:0 11cqw;text-align:left;font-size:1.95cqw;line-height:1.4}
.c4 .ct b{color:var(--p);width:2.6cqw}

/* 5. Real Estate Blue: realtors, brokerages */
.c5{--p:#0a4fa3;--on-p:#ffffff;background:#fff;color:#0f2540}
.c5 .in::before{content:"";position:absolute;right:0;top:0;bottom:0;width:34cqw;background:var(--p)}
.c5 .mono{position:absolute;right:9cqw;top:8cqw;width:16cqw;height:16cqw;border-radius:50%;background:#fff;color:var(--p);font-size:6cqw}
.c5 .co{position:absolute;right:3cqw;width:28cqw;top:28cqw;text-align:center;color:#fff;line-height:1.3}
.c5 .nm{font-size:6cqw;color:var(--p);font-weight:800}
.c5 .rl{color:#5b6b80}
.c5 .ct{position:absolute;left:6cqw;bottom:6cqw}
.c5 .ct b{color:var(--p)}

/* 6. Medical Teal: clinics, wellness */
.c6{--p:#0f766e;--on-p:#ffffff;background:#f4fbfa;color:#12332f}
.c6 .in::before{content:"";position:absolute;left:0;right:0;top:0;height:16cqw;background:var(--p)}
.c6 .in{padding-top:21cqw}
.c6 .co{position:absolute;left:6cqw;top:5.4cqw;color:#fff;font-size:3cqw}
.c6 .mono{position:absolute;right:6cqw;top:3.2cqw;width:9.6cqw;height:9.6cqw;border-radius:50%;background:#fff;color:var(--p);font-size:3.6cqw}
.c6 .nm{font-size:5.6cqw;color:var(--p)}
.c6 .rl{color:#4b6b66}
.c6 .ct{position:absolute;left:6cqw;bottom:6cqw}
.c6 .ct b{color:var(--p)}

/* 7. Blueprint Grid: architects, designers */
.c7{--p:#2d6a4f;--on-p:#ffffff;background:#e9eef2;color:#16212b}
.c7 .in::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(22,33,43,.07) .2cqw,transparent .2cqw),linear-gradient(90deg,rgba(22,33,43,.07) .2cqw,transparent .2cqw);background-size:5cqw 5cqw}
.c7 .nm{font:600 6.4cqw/1.05 Fraunces,serif}
.c7 .rl{color:var(--p);font-weight:600}
.c7 .co{position:absolute;right:6cqw;top:6.4cqw;font-weight:600}
.c7 .mono{position:absolute;left:6cqw;bottom:6cqw;width:11cqw;height:11cqw;border:.4cqw solid var(--p);color:var(--p);font:600 4cqw Fraunces,serif}
.c7 .ct{position:absolute;right:6cqw;bottom:6cqw;text-align:right}
.c7 .ct b{display:none}

/* 8. Founder Indigo: startups, tech */
.c8{--p:#141a2e;--on-p:#eaf0fb;background:var(--p);color:var(--on-p)}
.c8 .in::before{content:"";position:absolute;right:-12cqw;top:-20cqw;width:46cqw;height:46cqw;border-radius:50%;border:.35cqw solid rgba(125,211,252,.35)}
.c8 .co{position:absolute;left:6cqw;top:6cqw;color:#7dd3fc;font-weight:700}
.c8 .nm{margin-top:9cqw;font-size:6.4cqw}
.c8 .rl{color:#a7b3c9}
.c8 .mono{position:absolute;right:6cqw;bottom:6cqw;width:12cqw;height:12cqw;border-radius:2.4cqw;background:#7dd3fc;color:#141a2e;font-size:4.6cqw}
.c8 .ct{position:absolute;left:6cqw;bottom:6cqw}
.c8 .ct b{color:#7dd3fc}

/* 9. Luxury Black & Gold: hospitality, private client */
.c9{--p:#1a1614;--on-p:#d8c08a;background:var(--p);color:var(--on-p);text-align:center}
.c9 .in::before{content:"";position:absolute;inset:3cqw;border:.25cqw solid rgba(216,192,138,.6)}
.c9 .in{padding-top:9cqw}
.c9 .mono{position:absolute;left:50%;top:7cqw;transform:translateX(-50%);width:8cqw;height:8cqw;border-radius:50%;border:.3cqw solid #d8c08a;font:500 3cqw Fraunces,serif}
.c9 .nm{margin-top:9cqw;font:500 5.4cqw/1.1 Fraunces,serif;letter-spacing:.14em;text-transform:uppercase}
.c9 .rl{font-size:2.1cqw;color:#a99668}
.c9 .co{margin-top:1.4cqw;font-size:2.3cqw;color:#f1e6c8;letter-spacing:.2em;text-transform:uppercase}
.c9 .ct{position:absolute;left:0;right:0;bottom:7cqw;display:flex;justify-content:center;flex-wrap:wrap;gap:0 3cqw;padding:0 8cqw;font-size:1.9cqw}
.c9 .ct b{display:none}

/* 10. Contractor Bold: trades, construction */
.c10{--p:#ffc700;--on-p:#1d1d1b;background:var(--p);color:var(--on-p);font-family:Oswald,sans-serif}
.c10 .in::before{content:"";position:absolute;right:0;top:0;bottom:0;width:36cqw;background:#1d1d1b;clip-path:polygon(22% 0,100% 0,100% 100%,0 100%)}
.c10 .mono{position:absolute;right:7cqw;top:7cqw;width:13cqw;height:13cqw;background:var(--p);color:var(--on-p);font:700 5.4cqw Oswald,sans-serif}
.c10 .co{position:absolute;right:3cqw;width:27cqw;top:26cqw;text-align:center;color:#fff;font-size:2.8cqw;letter-spacing:.1em;text-transform:uppercase;line-height:1.25}
.c10 .nm{font:700 7cqw/1.05 Oswald,sans-serif;text-transform:uppercase}
.c10 .rl{font-weight:500;font-size:2.8cqw;letter-spacing:.1em}
.c10 .ct{position:absolute;left:6cqw;bottom:6cqw;font-family:'DM Sans',sans-serif;font-weight:600;font-size:2.3cqw}
.c10 .ct b{background:#1d1d1b;color:var(--p);padding:0 .8cqw;margin-right:1.4cqw;width:auto;font-size:1.9cqw}
/* 11. Evergreen Outdoor: landscaping, outdoor services */
.c11{--p:#1e4636;--on-p:#f1f6f2;background:var(--p);color:var(--on-p)}
.c11 .in::before{content:"";position:absolute;right:-14cqw;bottom:-22cqw;width:62cqw;height:62cqw;border-radius:50%;background:#2d6a4f}
.c11 .mono{position:absolute;right:8cqw;bottom:8cqw;width:16cqw;height:16cqw;border-radius:50%;background:#f1f6f2;color:#1e4636;font-size:6cqw}
.c11 .co{position:absolute;left:6cqw;top:6.2cqw;color:#a9d6bd;font-weight:700}
.c11 .nm{margin-top:9cqw;font-size:6.2cqw}
.c11 .rl{color:#cfe7d8}
.c11 .ct{position:absolute;left:6cqw;bottom:6cqw}
.c11 .ct b{color:#a9d6bd}

/* 12. Monogram Classic: photographers, designers */
.c12{--p:#111111;--on-p:#ffffff;background:#fff;color:var(--p);text-align:center}
.c12 .in::before{content:"";position:absolute;inset:3.5cqw;border:.25cqw solid var(--p)}
.c12 .in{padding-top:12cqw}
.c12 .mono{position:absolute;inset:0;font:600 36cqw Fraunces,serif;color:rgba(0,0,0,.055)}
.c12 .nm{font:600 6.4cqw/1.05 Fraunces,serif}
.c12 .rl{color:#555;letter-spacing:.04em}
.c12 .co{margin-top:2cqw;font-size:2.4cqw}
.c12 .ct{position:absolute;left:0;right:0;bottom:8cqw;display:grid;grid-template-columns:1fr 1fr;gap:.5cqw 3cqw;padding:0 11cqw;text-align:left;font-size:2cqw}
.c12 .ct b{display:none}

/* 13. Fitness Red: gyms, personal trainers */
.c13{--p:#23272b;--on-p:#ffffff;background:var(--p);color:var(--on-p);font-family:Oswald,sans-serif}
.c13 .in::before{content:"";position:absolute;left:0;top:0;bottom:0;width:30cqw;background:#d62839;clip-path:polygon(0 0,100% 0,72% 100%,0 100%)}
.c13 .in{padding-left:38cqw}
.c13 .mono{position:absolute;left:5cqw;top:6cqw;width:15cqw;height:15cqw;border:.6cqw solid #fff;color:#fff;font:700 6cqw Oswald,sans-serif}
.c13 .co{position:absolute;left:4cqw;bottom:6cqw;width:17cqw;font-size:2.8cqw;font-weight:500;letter-spacing:.08em;text-transform:uppercase;line-height:1.25}
.c13 .nm{font:700 6.6cqw/1.05 Oswald,sans-serif;text-transform:uppercase}
.c13 .rl{font-weight:500;font-size:2.8cqw;letter-spacing:.1em;color:#ff6b76}
.c13 .ct{position:absolute;left:38cqw;bottom:6cqw;font-family:'DM Sans',sans-serif;font-size:2.3cqw}
.c13 .ct b{color:#ff6b76}

/* 14. Wealth Green: financial planning, insurance */
.c14{--p:#14532d;--on-p:#ffffff;background:#fff;color:#14231b}
.c14 .in::before{content:"";position:absolute;left:0;right:0;bottom:0;height:15cqw;background:var(--p)}
.c14 .in{padding-top:12cqw}
.c14 .mono{display:none}
.c14 .co{position:absolute;right:6cqw;top:6.2cqw;color:var(--p);font-weight:700}
.c14 .nm{font:600 6.4cqw/1.05 Fraunces,serif;color:var(--p)}
.c14 .rl{color:#4a5a50;margin-top:1.8cqw}
.c14 .ct{position:absolute;left:6cqw;right:6cqw;bottom:4.4cqw;display:grid;grid-template-columns:1fr 1fr;gap:.6cqw 3cqw;color:#fff;font-size:2.1cqw}
.c14 .ct b{color:#9be7b5}

/* 15. Insurance Corner: insurance, banking */
.c15{--p:#0b3d91;--on-p:#ffffff;background:#fff;color:#0f1f3d}
.c15 .in::before{content:"";position:absolute;left:0;top:0;width:32cqw;height:32cqw;background:var(--p);clip-path:polygon(0 0,100% 0,0 100%)}
.c15 .in{padding-left:36cqw}
.c15 .mono{position:absolute;left:4.5cqw;top:4cqw;color:#fff;font-size:5cqw}
.c15 .nm{font-size:5.8cqw;color:var(--p)}
.c15 .rl{color:#51607a}
.c15 .co{position:absolute;right:6cqw;bottom:6cqw;text-align:right;font-weight:700;color:var(--p);font-size:2.5cqw}
.c15 .ct{position:absolute;left:6cqw;bottom:6cqw}
.c15 .ct b{color:var(--p)}

/* 16. Lavender Studio: social media, creators */
.c16{--p:#7c4dff;--on-p:#ffffff;background:#e8e0fb;color:#2a1b5e}
.c16 .in::before{content:"";position:absolute;right:-8cqw;top:-8cqw;width:40cqw;height:40cqw;border-radius:50%;background:var(--p)}
.c16 .mono{position:absolute;right:6cqw;top:6cqw;width:18cqw;height:18cqw;color:#fff;font-size:7cqw}
.c16 .co{position:absolute;left:6cqw;top:6.2cqw;font-weight:700;color:var(--p)}
.c16 .nm{margin-top:14cqw;font:600 6.2cqw/1.05 Fraunces,serif}
.c16 .rl{color:#5b4a94}
.c16 .ct{position:absolute;left:6cqw;bottom:6cqw}
.c16 .ct b{color:var(--p)}

/* 17. Beauty Arch: salons, estheticians */
.c17{--p:#4a1f3d;--on-p:#f7e1e3;background:#f7e1e3;color:var(--p)}
.c17 .mono{position:absolute;right:7cqw;bottom:0;width:24cqw;height:34cqw;border-radius:12cqw 12cqw 0 0;background:var(--p);color:var(--on-p);font:500 8cqw Fraunces,serif;place-items:start center;padding-top:9cqw}
.c17 .nm{font:500 6.2cqw/1.05 Fraunces,serif}
.c17 .rl{color:#7a3d66}
.c17 .co{margin-top:3cqw;font-weight:700}
.c17 .ct{position:absolute;left:6cqw;bottom:6cqw}
.c17 .ct b{color:#9b3d7c}

/* 18. Kraft Coffee: cafes, bakeries */
.c18{--p:#c9a97c;--on-p:#2a1d12;background:var(--p);color:var(--on-p)}
.c18 .in::before{content:"";position:absolute;inset:3cqw;border:.3cqw dashed rgba(42,29,18,.55)}
.c18 .nm{font:600 6.2cqw/1.05 Fraunces,serif}
.c18 .rl{font-weight:600}
.c18 .co{margin-top:3cqw;font-weight:700}
.c18 .mono{position:absolute;right:8cqw;top:8cqw;width:16cqw;height:16cqw;border-radius:50%;border:.9cqw double #2a1d12;transform:rotate(-8deg);font:700 4.6cqw Fraunces,serif}
.c18 .ct{position:absolute;left:6cqw;bottom:6cqw}

/* 19. Navy Header: corporate, sales, logistics */
.c19{--p:#12294a;--on-p:#ffffff;background:#fff;color:#12294a}
.c19 .in::before{content:"";position:absolute;left:0;right:0;top:0;height:26cqw;background:var(--p)}
.c19 .mono{display:none}
.c19 .nm{color:#fff;font-size:6cqw}
.c19 .rl{color:#b8c6e0}
.c19 .co{position:absolute;right:6cqw;top:6.4cqw;color:#fff;font-weight:700}
.c19 .ct{position:absolute;left:6cqw;right:6cqw;bottom:6cqw;display:grid;grid-template-columns:1fr 1fr;gap:1.2cqw 3cqw;font-size:2.2cqw}
.c19 .ct li{border-top:.2cqw solid #cfd8e6;padding-top:1.2cqw}
.c19 .ct b{color:var(--p)}

/* 20. Editorial Black & White: creative directors */
.c20{--p:#000000;--on-p:#ffffff;background:var(--p);color:var(--on-p)}
.c20 .mono{position:absolute;right:-3cqw;bottom:-12cqw;font:700 52cqw/1 'DM Sans',sans-serif;color:transparent;-webkit-text-stroke:.35cqw rgba(255,255,255,.28)}
.c20 .co{position:absolute;left:6cqw;top:6.2cqw;font-weight:600}
.c20 .nm{margin-top:10cqw;font:600 7cqw/1 'DM Sans',sans-serif;letter-spacing:-.03em}
.c20 .rl{color:#c9c9c9;margin-top:1.8cqw}
.c20 .ct{position:absolute;left:6cqw;bottom:6cqw;color:#e9e9e9}
.c20 .ct b{color:#9a9a9a}
/* 21. Clinic Cross [medical] */
.c21{--p:#0a7bab;--on-p:#ffffff;background:#f2f9fd;color:#0b3a5b}
.c21 .in::before{content:"";position:absolute;right:13cqw;top:7cqw;width:5cqw;height:15cqw;background:var(--p);border-radius:1cqw}
.c21 .in::after{content:"";position:absolute;right:8cqw;top:12cqw;width:15cqw;height:5cqw;background:var(--p);border-radius:1cqw}
.c21 .mono{display:none}
.c21 .nm{font-size:6cqw}
.c21 .rl{color:#3f6682}
.c21 .co{margin-top:2.4cqw;color:var(--p);font-weight:700}
.c21 .ct{position:absolute;left:6cqw;bottom:6cqw}
.c21 .ct b{color:var(--p)}

/* 22. Care Duo [medical] */
.c22{--p:#0f766e;--on-p:#ffffff;background:#fff;color:#0e3b34}
.c22 .in::before{content:"";position:absolute;right:0;top:0;bottom:0;width:36cqw;background:#d8f0ea}
.c22 .mono{position:absolute;right:8cqw;top:9cqw;width:20cqw;height:20cqw;border-radius:50%;background:var(--p);color:var(--on-p);font-size:7.4cqw}
.c22 .co{position:absolute;right:3cqw;width:30cqw;top:33cqw;text-align:center;font-weight:700;line-height:1.3}
.c22 .nm{font-size:5.8cqw;color:var(--p)}
.c22 .rl{color:#4b6b66}
.c22 .ct{position:absolute;left:6cqw;bottom:6cqw}
.c22 .ct b{color:var(--p)}

/* 23. Cardio Line [medical] */
.c23{--p:#0a2540;--on-p:#eaf4fb;background:var(--p);color:var(--on-p)}
.c23 .in::before{content:"";position:absolute;left:0;right:0;top:24cqw;height:8cqw;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpolyline points='0,10 28,10 33,3 39,17 45,10 100,10' fill='none' stroke='%237dd3fc' stroke-width='.8'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.c23 .mono{position:absolute;right:6cqw;top:6cqw;width:11cqw;height:11cqw;border-radius:50%;border:.4cqw solid #7dd3fc;color:#7dd3fc;font-size:4cqw}
.c23 .nm{font:600 6cqw/1.05 Fraunces,serif}
.c23 .rl{color:#9fc2da}
.c23 .co{margin-top:2.2cqw;color:#7dd3fc;font-weight:700}
.c23 .ct{position:absolute;left:6cqw;bottom:6cqw}
.c23 .ct b{color:#7dd3fc}

/* 24. Tomato Bistro [food-retail] */
.c24{--p:#b3261e;--on-p:#fff6f0;background:var(--p);color:var(--on-p)}
.c24 .in::before{content:"";position:absolute;right:-10cqw;top:50%;width:58cqw;height:58cqw;transform:translateY(-50%);border-radius:50%;border:.6cqw solid rgba(255,246,240,.55);background:rgba(255,255,255,.08)}
.c24 .mono{position:absolute;right:9cqw;top:50%;transform:translateY(-50%);width:20cqw;height:20cqw;border-radius:50%;background:var(--on-p);color:var(--p);font:600 7.4cqw Fraunces,serif}
.c24 .nm{font:600 6.2cqw/1.05 Fraunces,serif}
.c24 .rl{color:#ffd9cc}
.c24 .co{margin-top:2.4cqw;font-weight:700}
.c24 .ct{position:absolute;left:6cqw;bottom:6cqw}
.c24 .ct b{color:#ffd9cc}

/* 25. Fresh Market [food-retail] */
.c25{--p:#1b5e20;--on-p:#ffffff;background:#ffd23f;color:#17391c;font-family:Oswald,sans-serif}
.c25 .in::before{content:"";position:absolute;left:0;right:0;top:0;height:17cqw;background:var(--p)}
.c25 .in{padding-top:22cqw}
.c25 .co{position:absolute;left:6cqw;top:5.2cqw;color:#fff;font-size:3.6cqw;font-weight:500;letter-spacing:.06em;text-transform:uppercase}
.c25 .mono{position:absolute;right:6cqw;top:2.6cqw;width:11.8cqw;height:11.8cqw;border-radius:50%;background:#ffd23f;color:#17391c;font:700 4.4cqw Oswald,sans-serif}
.c25 .nm{font:700 6.6cqw/1.05 Oswald,sans-serif;text-transform:uppercase}
.c25 .rl{font-weight:500;font-size:2.8cqw;letter-spacing:.1em}
.c25 .ct{position:absolute;left:6cqw;bottom:6cqw;font-family:'DM Sans',sans-serif;font-weight:600;font-size:2.3cqw}
.c25 .ct b{color:var(--p)}

/* 26. Florist Sage [food-retail] */
.c26{--p:#263a2b;--on-p:#dbe7d3;background:#dbe7d3;color:var(--p)}
.c26 .in::before{content:"";position:absolute;right:-6cqw;bottom:-14cqw;width:44cqw;height:44cqw;border-radius:50%;background:#b9d1ae}
.c26 .in::after{content:"";position:absolute;right:14cqw;bottom:-18cqw;width:30cqw;height:30cqw;border-radius:50%;background:#8fb583}
.c26 .mono{position:absolute;right:7cqw;top:7cqw;width:13cqw;height:13cqw;border-radius:50% 50% 50% 0;background:var(--p);color:var(--on-p);font:600 4.8cqw Fraunces,serif}
.c26 .nm{font:600 6.2cqw/1.05 Fraunces,serif}
.c26 .rl{color:#3f5a46}
.c26 .co{margin-top:2.4cqw;font-weight:700}
.c26 .ct{position:absolute;left:6cqw;bottom:6cqw}

/* 27. Emerald & Gold [luxury] */
.c27{--p:#0f3d32;--on-p:#f2ead3;background:var(--p);color:var(--on-p);text-align:center}
.c27 .in::before{content:"";position:absolute;inset:3cqw;border:.3cqw solid #d4af37}
.c27 .in::after{content:"";position:absolute;inset:4.6cqw;border:.15cqw solid rgba(212,175,55,.55)}
.c27 .in{padding-top:12cqw}
.c27 .mono{display:none}
.c27 .nm{font:500 6cqw/1.1 Fraunces,serif;color:#d4af37;letter-spacing:.04em}
.c27 .rl{color:#e6dcc0;letter-spacing:.08em}
.c27 .co{margin-top:2cqw;font-weight:700;color:#d4af37}
.c27 .ct{position:absolute;left:0;right:0;bottom:8.5cqw;display:flex;flex-wrap:wrap;justify-content:center;gap:0 3cqw;padding:0 10cqw;font-size:2cqw}
.c27 .ct b{display:none}

/* 28. Rose Noir [luxury] */
.c28{--p:#2b1d2b;--on-p:#f3e3dc;background:var(--p);color:var(--on-p)}
.c28 .in::before{content:"";position:absolute;left:50%;top:-12cqw;width:24cqw;height:24cqw;border:.3cqw solid #e0b09a;transform:translateX(-50%) rotate(45deg)}
.c28 .in{padding-top:20cqw;text-align:center}
.c28 .mono{position:absolute;left:50%;top:4cqw;transform:translateX(-50%);color:#e0b09a;font:500 4.4cqw Fraunces,serif}
.c28 .nm{font:500 6cqw/1.1 Fraunces,serif;color:#e0b09a}
.c28 .rl{color:#d9c3ba;letter-spacing:.06em}
.c28 .co{margin-top:2cqw;font-size:2.2cqw;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.c28 .ct{position:absolute;left:0;right:0;bottom:7cqw;display:flex;flex-wrap:wrap;justify-content:center;gap:0 3cqw;padding:0 9cqw;font-size:2cqw}
.c28 .ct b{display:none}

/* 29. Dev Terminal [tech] */
.c29{--p:#161b22;--on-p:#c9d1d9;background:var(--p);color:var(--on-p);font-family:ui-monospace,Menlo,Consolas,monospace}
.c29 .in::before{content:"";position:absolute;left:0;right:0;top:0;height:7cqw;background:#21262d;border-bottom:.2cqw solid #30363d}
.c29 .in::after{content:"";position:absolute;left:3cqw;top:2.4cqw;width:2.2cqw;height:2.2cqw;border-radius:50%;background:#ff5f56;box-shadow:3.6cqw 0 #ffbd2e,7.2cqw 0 #27c93f}
.c29 .in{padding-top:11cqw}
.c29 .mono{position:absolute;right:6cqw;bottom:6cqw;width:12cqw;height:12cqw;border:.4cqw solid #ffb454;border-radius:2cqw;color:#ffb454;font:700 4.4cqw ui-monospace,Menlo,monospace}
.c29 .nm{font:700 5.6cqw/1.1 ui-monospace,Menlo,Consolas,monospace;color:#fff}
.c29 .nm::before{content:"$ ";color:#ffb454}
.c29 .rl{color:#8b949e}
.c29 .co{margin-top:2cqw;color:#ffb454;font-weight:700}
.c29 .ct{position:absolute;left:6cqw;bottom:6cqw;font-size:2.1cqw}
.c29 .ct b{color:#ffb454}

/* 30. Open Source Dots [tech, minimalist] */
.c30{--p:#5b3df5;--on-p:#ffffff;background:#fff;color:#1c1633}
.c30 .in::before{content:"";position:absolute;right:0;top:0;bottom:0;width:46cqw;background-image:radial-gradient(#5b3df5 .5cqw,transparent .6cqw);background-size:3.6cqw 3.6cqw;-webkit-mask-image:linear-gradient(to left,#000,transparent);mask-image:linear-gradient(to left,#000,transparent)}
.c30 .mono{position:absolute;left:6cqw;top:6cqw;width:9cqw;height:9cqw;border-radius:2cqw;background:var(--p);color:var(--on-p);font-size:3.4cqw}
.c30 .co{position:absolute;left:17cqw;top:8.4cqw;font-weight:700}
.c30 .nm{margin-top:14cqw;font-size:6cqw;letter-spacing:-.02em}
.c30 .rl{color:#5d5679}
.c30 .ct{position:absolute;left:6cqw;bottom:6cqw}
.c30 .ct b{color:var(--p)}

/* === BACK TEMPLATES (b1..b30) === */
:root{
--qr:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 21' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M0 0h7v7H0zM14 0h7v7h-7zM0 14h7v7H0z'/%3E%3Cpath fill='%23fff' d='M1 1h5v5H1zM15 1h5v5h-5zM1 15h5v5H1z'/%3E%3Cpath fill='%23000' d='M2 2h3v3H2zM16 2h3v3h-3zM2 16h3v3H2zM9 1h2v2H9zM8 4h2v1H8zM11 5h1v2h-1zM9 8h3v1H9zM0 9h2v1H0zM3 9h1v2H3zM6 9h2v2H6zM13 9h2v2h-2zM16 9h3v1h-3zM19 10h2v2h-2zM9 11h2v2H9zM12 12h2v1h-2zM15 12h2v2h-2zM18 13h1v2h-1zM9 15h1v3H9zM11 14h2v2h-2zM12 17h3v1h-3zM16 16h2v2h-2zM19 17h2v3h-2zM10 19h2v2h-2z'/%3E%3C/svg%3E");
--ecg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpolyline points='0,10 28,10 33,3 39,17 45,10 100,10' fill='none' stroke='%237dd3fc' stroke-width='.8'/%3E%3C/svg%3E")}


.card:is(.b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8,.b9,.b10,.b11,.b12,.b13,.b14,.b15,.b16,.b17,.b18,.b19,.b20,.b21,.b22,.b23,.b24,.b25,.b26,.b27,.b28,.b29,.b30) .in{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.6cqw}
.in>*{position:relative}
.card:is(.b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8,.b9,.b10,.b11,.b12,.b13,.b14,.b15,.b16,.b17,.b18,.b19,.b20,.b21,.b22,.b23,.b24,.b25,.b26,.b27,.b28,.b29,.b30) .mono{width:14cqw;height:14cqw;font-size:5cqw;display:grid;place-items:center;font-weight:700}
.card:is(.b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8,.b9,.b10,.b11,.b12,.b13,.b14,.b15,.b16,.b17,.b18,.b19,.b20,.b21,.b22,.b23,.b24,.b25,.b26,.b27,.b28,.b29,.b30) .co{font-size:3cqw;font-weight:700}
.card .tg{font-size:2.3cqw}
.card .web{font-size:2.4cqw;font-weight:600}
.card .qr{display:none;position:absolute;right:6cqw;bottom:6cqw;width:15cqw;height:15cqw;background:#fff var(--qr) center/84% no-repeat;border-radius:1cqw;overflow:hidden;box-sizing:border-box}
.card .qr canvas,.card .qr img,.card .qr svg{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;display:block!important;object-fit:contain!important;border-radius:inherit}

/* b1 Executive Navy & Gold */
.b1{--p:#0c1c36;--on-p:#f3eee2;background:var(--p);color:var(--on-p)}
.b1 .in::before{content:"";position:absolute;left:0;right:0;top:0;height:1.1cqw;background:#c9a24a}
.b1 .mono{border:.4cqw solid #c9a24a;color:#c9a24a;font:600 5cqw Fraunces,serif}
.b1 .co,.b1 .web{color:#c9a24a}
.b1 .co{letter-spacing:.06em}
/* b2 Clean Tech White */
.b2{--p:#1f6feb;--on-p:#ffffff;background:#fff;color:#12161c}
.b2 .in::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1.8cqw;background:var(--p)}
.b2 .mono{background:var(--p);color:var(--on-p);border-radius:2cqw}
.b2 .tg{color:#5a6573}
.b2 .web{color:var(--p)}
.b2 .qr{display:block;border:.2cqw solid #e3e6ea}
/* b3 Slate & Coral */
.b3{--p:#2b3038;--on-p:#f1f1ef;background:var(--p);color:var(--on-p)}
.b3 .in::before{content:"";position:absolute;right:0;top:0;bottom:0;width:3cqw;background:#ff7a59}
.b3 .mono{border-radius:50%;background:#ff7a59;color:#1f2329}
.b3 .tg{color:#c8ccd2}
.b3 .web{color:#ff7a59}
/* b4 Legal Classic */
.b4{--p:#6b1e2b;--on-p:#ffffff;background:#f9f5ea;color:#2b1b1f;font-family:'Libre Baskerville',serif}
.b4 .in::before{content:"";position:absolute;inset:3cqw;border:.3cqw solid var(--p);outline:.15cqw solid var(--p);outline-offset:.7cqw}
.b4 .mono{border:.3cqw solid var(--p);border-radius:50%;color:var(--p);font:700 4.4cqw 'Libre Baskerville',serif}
.b4 .co{color:var(--p);letter-spacing:.1em;font-size:2.6cqw}
.b4 .tg{font-style:italic;color:#4a3a3e}
/* b5 Real Estate Blue */
.b5{--p:#0a4fa3;--on-p:#ffffff;background:var(--p);color:var(--on-p)}
.b5 .mono{border-radius:50%;background:#fff;color:var(--p);width:16cqw;height:16cqw;font-size:6cqw}
.b5 .tg{color:#d0e2f7}
.b5 .qr{display:block}
/* b6 Medical Teal */
.b6{--p:#0f766e;--on-p:#ffffff;background:var(--p);color:var(--on-p)}
.b6 .mono{border-radius:50%;background:#fff;color:var(--p)}
.b6 .tg{color:#d3efe9}
/* b7 Blueprint Grid */
.b7{--p:#2d6a4f;--on-p:#ffffff;background:#e9eef2;color:#16212b}
.b7 .in::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(22,33,43,.07) .2cqw,transparent .2cqw),linear-gradient(90deg,rgba(22,33,43,.07) .2cqw,transparent .2cqw);background-size:5cqw 5cqw}
.b7 .mono{border:.4cqw solid var(--p);color:var(--p);font:600 5cqw Fraunces,serif}
.b7 .tg{color:var(--p);font-weight:600}
/* b8 Founder Indigo */
.b8{--p:#141a2e;--on-p:#eaf0fb;background:var(--p);color:var(--on-p)}
.b8 .in::before{content:"";position:absolute;right:-12cqw;top:-20cqw;width:46cqw;height:46cqw;border-radius:50%;border:.35cqw solid rgba(125,211,252,.35)}
.b8 .mono{border-radius:2.4cqw;background:#7dd3fc;color:#141a2e}
.b8 .tg{color:#a7b3c9}
.b8 .web{color:#7dd3fc}
.b8 .qr{display:block}
/* b9 Luxury Black & Gold */
.b9{--p:#1a1614;--on-p:#d8c08a;background:var(--p);color:var(--on-p)}
.b9 .in::before{content:"";position:absolute;inset:3cqw;border:.25cqw solid rgba(216,192,138,.6)}
.b9 .mono{border:.3cqw solid #d8c08a;border-radius:50%;font:500 4.4cqw Fraunces,serif}
.b9 .co{letter-spacing:.2em;text-transform:uppercase;color:#f1e6c8;font-size:2.6cqw}
.b9 .tg{color:#a99668}
/* b10 Contractor Bold */
.b10{--p:#ffc700;--on-p:#1d1d1b;background:var(--p);color:var(--on-p);font-family:Oswald,sans-serif}
.b10 .in::before{content:"";position:absolute;left:0;right:0;bottom:0;height:11cqw;background:#1d1d1b}
.b10 .mono{background:#1d1d1b;color:var(--p);font:700 5.4cqw Oswald,sans-serif}
.b10 .co{text-transform:uppercase;letter-spacing:.1em;font-size:3.4cqw}
.b10 .web{position:absolute;left:0;right:0;bottom:3.4cqw;color:var(--p);letter-spacing:.1em}
/* b11 Evergreen Outdoor */
.b11{--p:#1e4636;--on-p:#f1f6f2;background:var(--p);color:var(--on-p)}
.b11 .in::before{content:"";position:absolute;right:-14cqw;bottom:-22cqw;width:62cqw;height:62cqw;border-radius:50%;background:#2d6a4f}
.b11 .mono{border-radius:50%;background:#f1f6f2;color:#1e4636}
.b11 .co{color:#a9d6bd}
.b11 .tg{color:#cfe7d8}
/* b12 Monogram Classic */
.b12{--p:#111111;--on-p:#ffffff;background:#fff;color:var(--p)}
.b12 .in::before{content:"";position:absolute;inset:3.5cqw;border:.25cqw solid var(--p)}
.b12 .mono{width:auto;height:auto;font:600 12cqw Fraunces,serif}
.b12 .tg{color:#555}
/* b13 Fitness Red */
.b13{--p:#23272b;--on-p:#ffffff;background:var(--p);color:var(--on-p);font-family:Oswald,sans-serif}
.b13 .in::before{content:"";position:absolute;left:0;right:0;top:0;height:11cqw;background:#d62839;clip-path:polygon(0 0,100% 0,100% 35%,0 100%)}
.b13 .mono{border:.6cqw solid #fff;font:700 5.4cqw Oswald,sans-serif}
.b13 .co{text-transform:uppercase;letter-spacing:.08em}
.b13 .tg{color:#ff6b76;font-family:'DM Sans',sans-serif}
.b13 .qr{display:block}
/* b14 Wealth Green */
.b14{--p:#14532d;--on-p:#ffffff;background:#fff;color:#14231b}
.b14 .in::before{content:"";position:absolute;left:0;right:0;bottom:0;height:13cqw;background:#14532d}
.b14 .mono{border-radius:50%;background:var(--p);color:var(--on-p)}
.b14 .co{color:var(--p)}
.b14 .tg{color:#4a5a50}
.b14 .web{position:absolute;left:0;right:0;bottom:4.2cqw;color:#fff}
/* b15 Insurance Corner */
.b15{--p:#0b3d91;--on-p:#ffffff;background:#fff;color:#0f1f3d}
.b15 .in::before{content:"";position:absolute;left:0;top:0;width:26cqw;height:26cqw;background:var(--p);clip-path:polygon(0 0,100% 0,0 100%)}
.b15 .mono{border-radius:50%;background:var(--p);color:var(--on-p)}
.b15 .co{color:var(--p)}
.b15 .tg{color:#51607a}
.b15 .qr{display:block;border:.2cqw solid #cfd8e6}
/* b16 Lavender Studio */
.b16{--p:#7c4dff;--on-p:#ffffff;background:#e8e0fb;color:#2a1b5e}
.b16 .in::before{content:"";position:absolute;right:-8cqw;top:-8cqw;width:34cqw;height:34cqw;border-radius:50%;background:var(--p)}
.b16 .mono{border-radius:50%;background:var(--p);color:var(--on-p)}
.b16 .tg{color:#5b4a94}
.b16 .web,.b16 .sc{color:var(--p)}
.b16 .sc{display:block;font-weight:600}
/* b17 Beauty Arch */
.b17{--p:#4a1f3d;--on-p:#f7e1e3;background:#f7e1e3;color:var(--p)}
.b17 .mono{width:15cqw;height:21cqw;border-radius:7.5cqw 7.5cqw 0 0;background:var(--p);color:var(--on-p);font:500 6cqw Fraunces,serif}
.b17 .tg{color:#7a3d66}
.b17 .sc{display:block;color:#9b3d7c;font-weight:600}
/* b18 Kraft Coffee */
.b18{--p:#c9a97c;--on-p:#2a1d12;background:var(--p);color:var(--on-p)}
.b18 .in::before{content:"";position:absolute;inset:3cqw;border:.3cqw dashed rgba(42,29,18,.55)}
.b18 .mono{border:.9cqw double #2a1d12;border-radius:50%;transform:rotate(-8deg);font:700 4.4cqw Fraunces,serif}
.b18 .sc{display:block;font-weight:600}
/* b19 Navy Header */
.b19{--p:#12294a;--on-p:#ffffff;background:var(--p);color:var(--on-p)}
.b19 .mono{border-radius:50%;background:#fff;color:var(--p)}
.b19 .tg{color:#b8c6e0}
.b19 .qr{display:block}
/* b20 Editorial Black & White */
.b20{--p:#000000;--on-p:#ffffff;background:var(--p);color:var(--on-p)}
.b20 .mono{position:absolute;right:-3cqw;bottom:-12cqw;width:auto;height:auto;font:700 52cqw/1 'DM Sans',sans-serif;color:transparent;-webkit-text-stroke:.35cqw rgba(255,255,255,.28)}
.b20 .tg{color:#c9c9c9}
/* b21 Clinic Cross */
.b21{--p:#0a7bab;--on-p:#ffffff;background:#f2f9fd;color:#0b3a5b}
.b21 .in::before{content:"";position:absolute;right:13cqw;top:7cqw;width:5cqw;height:15cqw;background:var(--p);border-radius:1cqw}
.b21 .in::after{content:"";position:absolute;right:8cqw;top:12cqw;width:15cqw;height:5cqw;background:var(--p);border-radius:1cqw}
.b21 .mono{border-radius:2cqw;background:var(--p);color:var(--on-p)}
.b21 .tg{color:#3f6682}
.b21 .web{color:var(--p)}
.b21 .qr{display:block;border:.2cqw solid #cfe6f2}
/* b22 Care Duo */
.b22{--p:#0f766e;--on-p:#ffffff;background:#d8f0ea;color:#0e3b34}
.b22 .mono{border-radius:50%;background:var(--p);color:var(--on-p);width:18cqw;height:18cqw;font-size:6.4cqw}
.b22 .tg{color:#2f5b53}
.b22 .web{color:var(--p)}
/* b23 Cardio Line */
.b23{--p:#0a2540;--on-p:#eaf4fb;background:var(--p);color:var(--on-p)}
.b23 .in::before{content:"";position:absolute;left:0;right:0;bottom:7cqw;height:8cqw;opacity:.5;background:var(--ecg) center/100% 100% no-repeat}
.b23 .mono{border-radius:50%;border:.4cqw solid #7dd3fc;color:#7dd3fc}
.b23 .tg{color:#9fc2da}
.b23 .web{color:#7dd3fc}
/* b24 Tomato Bistro (QR = menu) */
.b24{--p:#b3261e;--on-p:#fff6f0;background:var(--p);color:var(--on-p)}
.b24 .in::before{content:"";position:absolute;left:50%;top:50%;width:54cqw;height:54cqw;transform:translate(-50%,-50%);border-radius:50%;border:.6cqw solid rgba(255,246,240,.4)}
.b24 .mono{border-radius:50%;background:var(--on-p);color:var(--p);font:600 5.4cqw Fraunces,serif}
.b24 .tg{color:#ffd9cc}
.b24 .qr{display:block}
/* b25 Fresh Market */
.b25{--p:#1b5e20;--on-p:#ffffff;background:var(--p);color:var(--on-p);font-family:Oswald,sans-serif}
.b25 .mono{border-radius:50%;background:#ffd23f;color:#17391c;font:700 5.2cqw Oswald,sans-serif}
.b25 .co{color:#ffd23f;text-transform:uppercase;letter-spacing:.08em;font-size:3.4cqw}
.b25 .tg{font-family:'DM Sans',sans-serif}
.b25 .qr{display:block}
/* b26 Florist Sage */
.b26{--p:#263a2b;--on-p:#dbe7d3;background:#dbe7d3;color:var(--p)}
.b26 .in::before{content:"";position:absolute;right:-6cqw;bottom:-14cqw;width:44cqw;height:44cqw;border-radius:50%;background:#b9d1ae}
.b26 .in::after{content:"";position:absolute;right:14cqw;bottom:-18cqw;width:30cqw;height:30cqw;border-radius:50%;background:#8fb583}
.b26 .mono{border-radius:50% 50% 50% 0;background:var(--p);color:var(--on-p);font:600 5cqw Fraunces,serif}
.b26 .tg{color:#3f5a46}
.b26 .sc{display:block;font-weight:600}
/* b27 Emerald & Gold */
.b27{--p:#0f3d32;--on-p:#f2ead3;background:var(--p);color:var(--on-p)}
.b27 .in::before{content:"";position:absolute;inset:3cqw;border:.3cqw solid #d4af37}
.b27 .in::after{content:"";position:absolute;inset:4.6cqw;border:.15cqw solid rgba(212,175,55,.55)}
.b27 .mono{border:.3cqw solid #d4af37;border-radius:50%;color:#d4af37;font:500 4.4cqw Fraunces,serif}
.b27 .co,.b27 .web{color:#d4af37}
.b27 .tg{color:#e6dcc0}
/* b28 Rose Noir */
.b28{--p:#2b1d2b;--on-p:#f3e3dc;background:var(--p);color:var(--on-p)}
.b28 .in::before{content:"";position:absolute;left:50%;top:-16cqw;width:24cqw;height:24cqw;border:.3cqw solid #e0b09a;transform:translateX(-50%) rotate(45deg)}
.b28 .mono{border:.3cqw solid #e0b09a;border-radius:50%;color:#e0b09a;font:500 4.4cqw Fraunces,serif}
.b28 .co{letter-spacing:.14em;text-transform:uppercase;font-size:2.6cqw;color:#e0b09a}
.b28 .tg{color:#d9c3ba}
.b28 .web{color:#e0b09a}
/* b29 Dev Terminal */
.b29{--p:#161b22;--on-p:#c9d1d9;background:var(--p);color:var(--on-p);font-family:ui-monospace,Menlo,Consolas,monospace}
.b29 .in::before{content:"";position:absolute;left:0;right:0;top:0;height:7cqw;background:#21262d;border-bottom:.2cqw solid #30363d}
.b29 .in::after{content:"";position:absolute;left:3cqw;top:2.4cqw;width:2.2cqw;height:2.2cqw;border-radius:50%;background:#ff5f56;box-shadow:3.6cqw 0 #ffbd2e,7.2cqw 0 #27c93f}
.b29 .in{padding-top:11cqw}
.b29 .mono{border:.4cqw solid #ffb454;border-radius:2cqw;color:#ffb454;font:700 4.4cqw ui-monospace,Menlo,monospace}
.b29 .co{color:#fff}
.b29 .co::before{content:"$ ";color:#ffb454}
.b29 .tg{color:#8b949e}
.b29 .web{color:#ffb454}
.b29 .qr{display:block}
/* b30 Open Source Dots */
.b30{--p:#5b3df5;--on-p:#ffffff;background:#fff;color:#1c1633}
.b30 .in::before{content:"";position:absolute;right:0;top:0;bottom:0;width:46cqw;background-image:radial-gradient(#5b3df5 .5cqw,transparent .6cqw);background-size:3.6cqw 3.6cqw;-webkit-mask-image:linear-gradient(to left,#000,transparent);mask-image:linear-gradient(to left,#000,transparent)}
.b30 .mono{border-radius:2cqw;background:var(--p);color:var(--on-p)}
.b30 .tg{color:#5d5679}
.b30 .web{color:var(--p)}
.b30 .qr{display:block;border:.2cqw solid #e3e0f5}

/* Phase 2 CSS Helpers */
.card.show-qr .qr{display:flex !important;align-items:center;justify-content:center;background:#fff !important}
.card.hide-qr .qr{display:none !important}
.card.show-sc .sc{display:block !important}
.card.hide-sc .sc{display:none !important}