/* WCI Core layout - enforce 3-column grid desktop (consistent previous size) */
.wci-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:30px 0}
.wci-item{box-sizing:border-box} /* 3 columns with gap */
.wci-card{display:block;border-radius:12px;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,0.06);transition:transform .16s ease,box-shadow .16s ease;background:#fff;border:1px solid rgba(0,0,0,0.04)}
.wci-card:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(0,0,0,0.10)}

/* Thumbnail sizing */
.wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}
.wci-thumb img.wci-img{max-width:100% !important;max-height:100% !important;width:auto !important;height:auto !important;object-fit:contain !important;object-position:center center !important;display:block !important}

/* Card body */
.wci-body{padding:14px}
.wci-title{font-size:1.05rem;margin:0 0 8px;color:#111827;font-weight:700}
.wci-desc{margin:0 0 10px;color:#575b62;font-size:0.92rem;line-height:1.3}
.wci-code{display:block;margin-top:8px;font-size:0.82rem;color:#9ca3af}

/* Meta row */
.wci-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}
.wci-price{font-weight:800;color:#111827}

/* Responsive: tablet 2 columns, mobile 1 column */
@media (max-width:1000px){ .wci-item{box-sizing:border-box} }
@media (max-width:600px){ .wci-item{box-sizing:border-box} .wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative} }


/* ================= Themes (12 polished) ================= */

/* Theme A - Minimal White (default) */
.wci-theme-1 .wci-card{background:#ffffff;border:1px solid #eef2f7}
.wci-theme-1 .wci-title{color:#0f1724}

/* Theme B - Dark Modern */
.wci-theme-2 .wci-card{background:#0f1724;color:#e6eef8;border:1px solid rgba(255,255,255,0.04)}
.wci-theme-2 .wci-desc,.wci-theme-2 .wci-code{color:#cbd5ff}

/* Theme C - Left Media (horizontal) */
.wci-theme-3 .wci-item{box-sizing:border-box}
.wci-theme-3 .wci-card{display:flex;gap:12px;align-items:stretch}
.wci-theme-3 .wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}
.wci-theme-3 .wci-body{padding:16px}

/* Theme D - Accent Border */
.wci-theme-4 .wci-card{border-left:6px solid #ef4444}

/* Theme E - Circular Media */
.wci-theme-5 .wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}
.wci-theme-5 .wci-thumb img.wci-img{max-width:100% !important;max-height:100% !important;width:auto !important;height:auto !important;object-fit:contain !important;object-position:center center !important;display:block !important}

/* Theme F - Overlay Title */
.wci-theme-6 .wci-card{position:relative;overflow:visible}
.wci-theme-6 .wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}
.wci-theme-6 .wci-body{background:linear-gradient(0deg, rgba(255,255,255,0.95), rgba(255,255,255,0.85));margin-top:-60px;border-radius:0 0 12px 12px;padding-top:72px}

/* Theme G - Clean List Compact */
.wci-theme-7 .wci-item{box-sizing:border-box}
.wci-theme-7 .wci-card{display:flex;gap:12px;align-items:center;padding:10px}
.wci-theme-7 .wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}

/* Theme H - Big Image Hero */
.wci-theme-8 .wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}
.wci-theme-8 .wci-card{border-radius:16px}

/* Theme I - Shadow Elevated */
.wci-theme-9 .wci-card{box-shadow:0 20px 40px rgba(2,6,23,0.12);transform:none}
.wci-theme-9 .wci-card:hover{transform:translateY(-8px)}

/* Theme J - Gradient Header Title */
.wci-theme-10 .wci-title{background:linear-gradient(90deg,#7c3aed,#06b6d4);-webkit-background-clip:text;color:transparent;font-weight:800}

/* Theme K - Ribbon Accent */
.wci-theme-11 .wci-card{position:relative}
.wci-theme-11 .wci-card::before{content:'جدید';position:absolute;left:12px;top:12px;background:#ef4444;color:#fff;padding:6px 10px;border-radius:6px;font-size:0.78rem}

/* Theme L - Monochrome Minimal */
.wci-theme-12 .wci-card{background:#f8fafc;border:1px solid #e6eef5}
.wci-theme-12 .wci-title{color:#0b1220}

/* ====================================================== */


/* --- WCI 1.2.2: Dark theme readability fixes --- */
.wci-theme-2 .wci-title,
.wci-theme-13 .wci-title,
.wci-theme-19 .wci-title{color:#ffffff !important;font-weight:800;letter-spacing:.2px}
.wci-theme-2 .wci-desc,.wci-theme-13 .wci-desc,.wci-theme-19 .wci-desc{color:#cbd5e1 !important}
.wci-theme-2 .wci-code,.wci-theme-13 .wci-code,.wci-theme-19 .wci-code{color:#94a3b8 !important}
/* Overlay style: ensure title pops on image */
.wci-theme-8 .wci-title{color:#ffffff !important;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.65)}
.wci-theme-8 .wci-desc{color:#e5e7eb !important;text-shadow:0 1px 2px rgba(0,0,0,.45)}
/* optional: small accent bar under title for dark themes */
.wci-theme-2 .wci-title::after,
.wci-theme-13 .wci-title::after,
.wci-theme-19 .wci-title::after{content:'';display:block;width:38px;height:3px;border-radius:3px;background:#38bdf8;margin-top:6px}

/* ===== Additional Themes 21-40 ===== */

/* Theme 21 */
.wci-theme-21 .wci-card{background:#ffffff;border:1px solid rgba(0,0,0,0.06);}
.wci-theme-21 .wci-title{color:#111827;font-weight:800}
.wci-theme-21 .wci-desc{color:rgba(0,0,0,0.66)}
.wci-theme-21 .wci-code{color:rgba(0,0,0,0.5)}
.wci-theme-21 .wci-badge{background:#2563eb;color:#fff}
.wci-theme-21 .wci-price{color:#2563eb}


/* Theme 22 */
.wci-theme-22 .wci-card{background:#ffffff;border:1px solid rgba(0,0,0,0.06);}
.wci-theme-22 .wci-title{color:#111827;font-weight:800}
.wci-theme-22 .wci-desc{color:rgba(0,0,0,0.66)}
.wci-theme-22 .wci-code{color:rgba(0,0,0,0.5)}
.wci-theme-22 .wci-badge{background:#dc2626;color:#fff}
.wci-theme-22 .wci-price{color:#dc2626}


/* Theme 23 */
.wci-theme-23 .wci-card{background:#ffffff;border:1px solid rgba(0,0,0,0.06);}
.wci-theme-23 .wci-title{color:#111827;font-weight:800}
.wci-theme-23 .wci-desc{color:rgba(0,0,0,0.66)}
.wci-theme-23 .wci-code{color:rgba(0,0,0,0.5)}
.wci-theme-23 .wci-badge{background:#16a34a;color:#fff}
.wci-theme-23 .wci-price{color:#16a34a}


/* Theme 24 */
.wci-theme-24 .wci-card{background:#ffffff;border:1px solid rgba(0,0,0,0.06);}
.wci-theme-24 .wci-title{color:#111827;font-weight:800}
.wci-theme-24 .wci-desc{color:rgba(0,0,0,0.66)}
.wci-theme-24 .wci-code{color:rgba(0,0,0,0.5)}
.wci-theme-24 .wci-badge{background:#d97706;color:#fff}
.wci-theme-24 .wci-price{color:#d97706}


/* Theme 25 */
.wci-theme-25 .wci-card{background:#ffffff;border:1px solid rgba(0,0,0,0.06);}
.wci-theme-25 .wci-title{color:#111827;font-weight:800}
.wci-theme-25 .wci-desc{color:rgba(0,0,0,0.66)}
.wci-theme-25 .wci-code{color:rgba(0,0,0,0.5)}
.wci-theme-25 .wci-badge{background:#7c3aed;color:#fff}
.wci-theme-25 .wci-price{color:#7c3aed}


/* Theme 26 (dark) */
.wci-theme-26 .wci-card{background:#0f172a;border:1px solid rgba(255,255,255,0.06);}
.wci-theme-26 .wci-title{color:#fff;font-weight:800;letter-spacing:.2px}
.wci-theme-26 .wci-desc{color:#cbd5e1}
.wci-theme-26 .wci-code{color:#94a3b8}
.wci-theme-26 .wci-badge{background:#38bdf8;color:#0b1220}
.wci-theme-26 .wci-price{color:#38bdf8}


/* Theme 27 (dark) */
.wci-theme-27 .wci-card{background:#111827;border:1px solid rgba(255,255,255,0.06);}
.wci-theme-27 .wci-title{color:#fff;font-weight:800;letter-spacing:.2px}
.wci-theme-27 .wci-desc{color:#cbd5e1}
.wci-theme-27 .wci-code{color:#94a3b8}
.wci-theme-27 .wci-badge{background:#22c55e;color:#0b1220}
.wci-theme-27 .wci-price{color:#22c55e}


/* Theme 28 (dark) */
.wci-theme-28 .wci-card{background:#111827;border:1px solid rgba(255,255,255,0.06);}
.wci-theme-28 .wci-title{color:#fff;font-weight:800;letter-spacing:.2px}
.wci-theme-28 .wci-desc{color:#cbd5e1}
.wci-theme-28 .wci-code{color:#94a3b8}
.wci-theme-28 .wci-badge{background:#f97316;color:#0b1220}
.wci-theme-28 .wci-price{color:#f97316}


/* Theme 29 (dark) */
.wci-theme-29 .wci-card{background:#0b1220;border:1px solid rgba(255,255,255,0.06);}
.wci-theme-29 .wci-title{color:#fff;font-weight:800;letter-spacing:.2px}
.wci-theme-29 .wci-desc{color:#cbd5e1}
.wci-theme-29 .wci-code{color:#94a3b8}
.wci-theme-29 .wci-badge{background:#a78bfa;color:#0b1220}
.wci-theme-29 .wci-price{color:#a78bfa}


/* Theme 30 (dark) */
.wci-theme-30 .wci-card{background:#0b1220;border:1px solid rgba(255,255,255,0.06);}
.wci-theme-30 .wci-title{color:#fff;font-weight:800;letter-spacing:.2px}
.wci-theme-30 .wci-desc{color:#cbd5e1}
.wci-theme-30 .wci-code{color:#94a3b8}
.wci-theme-30 .wci-badge{background:#f43f5e;color:#0b1220}
.wci-theme-30 .wci-price{color:#f43f5e}


/* Theme 31 (overlay image) */
.wci-theme-31 .wci-card{position:relative;color:#fff}
.wci-theme-31 .wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}
.wci-theme-31 .wci-body{background:linear-gradient(transparent, rgba(0,0,0,.45));margin-top:-36px;border-radius:12px}
.wci-theme-31 .wci-title{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.65)}
.wci-theme-31 .wci-desc{color:#e5e7eb;text-shadow:0 1px 2px rgba(0,0,0,.45)}
.wci-theme-31 .wci-price{color:#fff;border:1px solid rgba(255,255,255,.3);padding:2px 6px;border-radius:6px}


/* Theme 32 (overlay image) */
.wci-theme-32 .wci-card{position:relative;color:#fff}
.wci-theme-32 .wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}
.wci-theme-32 .wci-body{background:linear-gradient(transparent, rgba(0,0,0,.45));margin-top:-36px;border-radius:12px}
.wci-theme-32 .wci-title{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.65)}
.wci-theme-32 .wci-desc{color:#e5e7eb;text-shadow:0 1px 2px rgba(0,0,0,.45)}
.wci-theme-32 .wci-price{color:#fff;border:1px solid rgba(255,255,255,.3);padding:2px 6px;border-radius:6px}


/* Theme 33 (overlay image) */
.wci-theme-33 .wci-card{position:relative;color:#fff}
.wci-theme-33 .wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}
.wci-theme-33 .wci-body{background:linear-gradient(transparent, rgba(0,0,0,.45));margin-top:-36px;border-radius:12px}
.wci-theme-33 .wci-title{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.65)}
.wci-theme-33 .wci-desc{color:#e5e7eb;text-shadow:0 1px 2px rgba(0,0,0,.45)}
.wci-theme-33 .wci-price{color:#fff;border:1px solid rgba(255,255,255,.3);padding:2px 6px;border-radius:6px}


/* Theme 34 (overlay image) */
.wci-theme-34 .wci-card{position:relative;color:#fff}
.wci-theme-34 .wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}
.wci-theme-34 .wci-body{background:linear-gradient(transparent, rgba(0,0,0,.45));margin-top:-36px;border-radius:12px}
.wci-theme-34 .wci-title{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.65)}
.wci-theme-34 .wci-desc{color:#e5e7eb;text-shadow:0 1px 2px rgba(0,0,0,.45)}
.wci-theme-34 .wci-price{color:#fff;border:1px solid rgba(255,255,255,.3);padding:2px 6px;border-radius:6px}


/* Theme 35 (overlay image) */
.wci-theme-35 .wci-card{position:relative;color:#fff}
.wci-theme-35 .wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}
.wci-theme-35 .wci-body{background:linear-gradient(transparent, rgba(0,0,0,.45));margin-top:-36px;border-radius:12px}
.wci-theme-35 .wci-title{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.65)}
.wci-theme-35 .wci-desc{color:#e5e7eb;text-shadow:0 1px 2px rgba(0,0,0,.45)}
.wci-theme-35 .wci-price{color:#fff;border:1px solid rgba(255,255,255,.3);padding:2px 6px;border-radius:6px}


/* Theme 36 (overlay image) */
.wci-theme-36 .wci-card{position:relative;color:#fff}
.wci-theme-36 .wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}
.wci-theme-36 .wci-body{background:linear-gradient(transparent, rgba(0,0,0,.45));margin-top:-36px;border-radius:12px}
.wci-theme-36 .wci-title{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.65)}
.wci-theme-36 .wci-desc{color:#e5e7eb;text-shadow:0 1px 2px rgba(0,0,0,.45)}
.wci-theme-36 .wci-price{color:#fff;border:1px solid rgba(255,255,255,.3);padding:2px 6px;border-radius:6px}


/* Theme 37 (dark) */
.wci-theme-37 .wci-card{background:rgba(17,24,39,.6);border:1px solid rgba(255,255,255,0.06);}
.wci-theme-37 .wci-title{color:#fff;font-weight:800;letter-spacing:.2px}
.wci-theme-37 .wci-desc{color:#cbd5e1}
.wci-theme-37 .wci-code{color:#94a3b8}
.wci-theme-37 .wci-badge{background:#60a5fa;color:#0b1220}
.wci-theme-37 .wci-price{color:#60a5fa}


/* Theme 38 */
.wci-theme-38 .wci-card{background:#f8fafc;border:1px solid rgba(0,0,0,0.06);}
.wci-theme-38 .wci-title{color:#0f172a;font-weight:800}
.wci-theme-38 .wci-desc{color:rgba(0,0,0,0.66)}
.wci-theme-38 .wci-code{color:rgba(0,0,0,0.5)}
.wci-theme-38 .wci-badge{background:#64748b;color:#fff}
.wci-theme-38 .wci-price{color:#64748b}


/* Theme 39 */
.wci-theme-39 .wci-card{background:#faf5ff;border:1px solid rgba(0,0,0,0.06);}
.wci-theme-39 .wci-title{color:#3b0764;font-weight:800}
.wci-theme-39 .wci-desc{color:rgba(0,0,0,0.66)}
.wci-theme-39 .wci-code{color:rgba(0,0,0,0.5)}
.wci-theme-39 .wci-badge{background:#a855f7;color:#fff}
.wci-theme-39 .wci-price{color:#a855f7}


/* Theme 40 */
.wci-theme-40 .wci-card{background:#f0fdf4;border:1px solid rgba(0,0,0,0.06);}
.wci-theme-40 .wci-title{color:#052e16;font-weight:800}
.wci-theme-40 .wci-desc{color:rgba(0,0,0,0.66)}
.wci-theme-40 .wci-code{color:rgba(0,0,0,0.5)}
.wci-theme-40 .wci-badge{background:#22c55e;color:#fff}
.wci-theme-40 .wci-price{color:#22c55e}

/* ===== End Additional Themes ===== */

/* ===== WCI Theme Rework (v1.3.2): Style-4-like unified layouts ===== */
[class*="wci-theme-"] .wci-card{background:#fff;border:1px solid rgba(0,0,0,0.06);border-radius:12px;overflow:hidden}
[class*="wci-theme-"] .wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}
[class*="wci-theme-"] .wci-body{margin-top:0 !important;background:transparent !important;border-radius:0 !important;padding:14px}
[class*="wci-theme-"] .wci-title{color:#111827 !important;font-weight:800 !important;letter-spacing:.1px !important;text-shadow:none !important}
[class*="wci-theme-"] .wci-desc{color:#4b5563 !important;text-shadow:none !important}
[class*="wci-theme-"] .wci-code{color:#6b7280 !important}
[class*="wci-theme-"] .wci-price{font-weight:700;border-radius:6px;padding:2px 8px;display:inline-block}


/* Theme 1 — Style 4 variant */
.wci-theme-1 .wci-card{border-left:6px solid #ef4444;}
.wci-theme-1 .wci-badge{background:#ef4444;color:#fff}
.wci-theme-1 .wci-price{color:#ef4444;background:#ef44441F;border:1px solid #ef444466}

/* Theme 2 — Style 4 variant */
.wci-theme-2 .wci-card{border-left:6px solid #f97316;}
.wci-theme-2 .wci-badge{background:#f97316;color:#fff}
.wci-theme-2 .wci-price{color:#f97316;background:#f973161F;border:1px solid #f9731666}

/* Theme 3 — Style 4 variant */
.wci-theme-3 .wci-card{border-left:6px solid #f59e0b;}
.wci-theme-3 .wci-badge{background:#f59e0b;color:#fff}
.wci-theme-3 .wci-price{color:#f59e0b;background:#f59e0b1F;border:1px solid #f59e0b66}

/* Theme 4 — Style 4 variant */
.wci-theme-4 .wci-card{border-left:6px solid #eab308;}
.wci-theme-4 .wci-badge{background:#eab308;color:#fff}
.wci-theme-4 .wci-price{color:#eab308;background:#eab3081F;border:1px solid #eab30866}

/* Theme 5 — Style 4 variant */
.wci-theme-5 .wci-card{border-left:6px solid #84cc16;}
.wci-theme-5 .wci-badge{background:#84cc16;color:#fff}
.wci-theme-5 .wci-price{color:#84cc16;background:#84cc161F;border:1px solid #84cc1666}

/* Theme 6 — Style 4 variant */
.wci-theme-6 .wci-card{border-left:6px solid #22c55e;}
.wci-theme-6 .wci-badge{background:#22c55e;color:#fff}
.wci-theme-6 .wci-price{color:#22c55e;background:#22c55e1F;border:1px solid #22c55e66}

/* Theme 7 — Style 4 variant */
.wci-theme-7 .wci-card{border-left:6px solid #10b981;}
.wci-theme-7 .wci-badge{background:#10b981;color:#fff}
.wci-theme-7 .wci-price{color:#10b981;background:#10b9811F;border:1px solid #10b98166}

/* Theme 8 — Style 4 variant */
.wci-theme-8 .wci-card{border-left:6px solid #14b8a6;}
.wci-theme-8 .wci-badge{background:#14b8a6;color:#fff}
.wci-theme-8 .wci-price{color:#14b8a6;background:#14b8a61F;border:1px solid #14b8a666}

/* Theme 9 — Style 4 variant */
.wci-theme-9 .wci-card{border-left:6px solid #06b6d4;}
.wci-theme-9 .wci-badge{background:#06b6d4;color:#fff}
.wci-theme-9 .wci-price{color:#06b6d4;background:#06b6d41F;border:1px solid #06b6d466}

/* Theme 10 — Style 4 variant */
.wci-theme-10 .wci-card{border-left:6px solid #0ea5e9;}
.wci-theme-10 .wci-badge{background:#0ea5e9;color:#fff}
.wci-theme-10 .wci-price{color:#0ea5e9;background:#0ea5e91F;border:1px solid #0ea5e966}

/* Theme 11 — Style 4 variant */
.wci-theme-11 .wci-card{border-left:6px solid #3b82f6;}
.wci-theme-11 .wci-badge{background:#3b82f6;color:#fff}
.wci-theme-11 .wci-price{color:#3b82f6;background:#3b82f61F;border:1px solid #3b82f666}

/* Theme 12 — Style 4 variant */
.wci-theme-12 .wci-card{border-left:6px solid #6366f1;}
.wci-theme-12 .wci-badge{background:#6366f1;color:#fff}
.wci-theme-12 .wci-price{color:#6366f1;background:#6366f11F;border:1px solid #6366f166}

/* Theme 13 — Style 4 variant */
.wci-theme-13 .wci-card{border-left:6px solid #8b5cf6;}
.wci-theme-13 .wci-badge{background:#8b5cf6;color:#fff}
.wci-theme-13 .wci-price{color:#8b5cf6;background:#8b5cf61F;border:1px solid #8b5cf666}

/* Theme 14 — Style 4 variant */
.wci-theme-14 .wci-card{border-left:6px solid #a855f7;}
.wci-theme-14 .wci-badge{background:#a855f7;color:#fff}
.wci-theme-14 .wci-price{color:#a855f7;background:#a855f71F;border:1px solid #a855f766}

/* Theme 15 — Style 4 variant */
.wci-theme-15 .wci-card{border-left:6px solid #d946ef;}
.wci-theme-15 .wci-badge{background:#d946ef;color:#fff}
.wci-theme-15 .wci-price{color:#d946ef;background:#d946ef1F;border:1px solid #d946ef66}

/* Theme 16 — Style 4 variant */
.wci-theme-16 .wci-card{border-left:6px solid #ec4899;}
.wci-theme-16 .wci-badge{background:#ec4899;color:#fff}
.wci-theme-16 .wci-price{color:#ec4899;background:#ec48991F;border:1px solid #ec489966}

/* Theme 17 — Style 4 variant */
.wci-theme-17 .wci-card{border-left:6px solid #f43f5e;}
.wci-theme-17 .wci-badge{background:#f43f5e;color:#fff}
.wci-theme-17 .wci-price{color:#f43f5e;background:#f43f5e1F;border:1px solid #f43f5e66}

/* Theme 18 — Style 4 variant */
.wci-theme-18 .wci-card{border-left:6px solid #fb7185;}
.wci-theme-18 .wci-badge{background:#fb7185;color:#fff}
.wci-theme-18 .wci-price{color:#fb7185;background:#fb71851F;border:1px solid #fb718566}

/* Theme 19 — Style 4 variant */
.wci-theme-19 .wci-card{border-left:6px solid #fda4af;}
.wci-theme-19 .wci-badge{background:#fda4af;color:#fff}
.wci-theme-19 .wci-price{color:#fda4af;background:#fda4af1F;border:1px solid #fda4af66}

/* Theme 20 — Style 4 variant */
.wci-theme-20 .wci-card{border-left:6px solid #7c3aed;}
.wci-theme-20 .wci-badge{background:#7c3aed;color:#fff}
.wci-theme-20 .wci-price{color:#7c3aed;background:#7c3aed1F;border:1px solid #7c3aed66}

/* Theme 21 — Style 4 variant */
.wci-theme-21 .wci-card{border-left:6px solid #34d399;}
.wci-theme-21 .wci-badge{background:#34d399;color:#fff}
.wci-theme-21 .wci-price{color:#34d399;background:#34d3991F;border:1px solid #34d39966}

/* Theme 22 — Style 4 variant */
.wci-theme-22 .wci-card{border-left:6px solid #67e8f9;}
.wci-theme-22 .wci-badge{background:#67e8f9;color:#fff}
.wci-theme-22 .wci-price{color:#67e8f9;background:#67e8f91F;border:1px solid #67e8f966}

/* Theme 23 — Style 4 variant */
.wci-theme-23 .wci-card{border-left:6px solid #60a5fa;}
.wci-theme-23 .wci-badge{background:#60a5fa;color:#fff}
.wci-theme-23 .wci-price{color:#60a5fa;background:#60a5fa1F;border:1px solid #60a5fa66}

/* Theme 24 — Style 4 variant */
.wci-theme-24 .wci-card{border-left:6px solid #a78bfa;}
.wci-theme-24 .wci-badge{background:#a78bfa;color:#fff}
.wci-theme-24 .wci-price{color:#a78bfa;background:#a78bfa1F;border:1px solid #a78bfa66}

/* Theme 25 — Style 4 variant */
.wci-theme-25 .wci-card{border-left:6px solid #f472b6;}
.wci-theme-25 .wci-badge{background:#f472b6;color:#fff}
.wci-theme-25 .wci-price{color:#f472b6;background:#f472b61F;border:1px solid #f472b666}

/* Theme 26 — Style 4 variant */
.wci-theme-26 .wci-card{border-left:6px solid #22d3ee;}
.wci-theme-26 .wci-badge{background:#22d3ee;color:#fff}
.wci-theme-26 .wci-price{color:#22d3ee;background:#22d3ee1F;border:1px solid #22d3ee66}

/* Theme 27 — Style 4 variant */
.wci-theme-27 .wci-card{border-left:6px solid #06b6d4;}
.wci-theme-27 .wci-badge{background:#06b6d4;color:#fff}
.wci-theme-27 .wci-price{color:#06b6d4;background:#06b6d41F;border:1px solid #06b6d466}

/* Theme 28 — Style 4 variant */
.wci-theme-28 .wci-card{border-left:6px solid #0ea5e9;}
.wci-theme-28 .wci-badge{background:#0ea5e9;color:#fff}
.wci-theme-28 .wci-price{color:#0ea5e9;background:#0ea5e91F;border:1px solid #0ea5e966}

/* Theme 29 — Style 4 variant */
.wci-theme-29 .wci-card{border-left:6px solid #38bdf8;}
.wci-theme-29 .wci-badge{background:#38bdf8;color:#fff}
.wci-theme-29 .wci-price{color:#38bdf8;background:#38bdf81F;border:1px solid #38bdf866}

/* Theme 30 — Style 4 variant */
.wci-theme-30 .wci-card{border-left:6px solid #22c55e;}
.wci-theme-30 .wci-badge{background:#22c55e;color:#fff}
.wci-theme-30 .wci-price{color:#22c55e;background:#22c55e1F;border:1px solid #22c55e66}

/* Theme 31 — Style 4 variant */
.wci-theme-31 .wci-card{border-left:6px solid #84cc16;}
.wci-theme-31 .wci-badge{background:#84cc16;color:#fff}
.wci-theme-31 .wci-price{color:#84cc16;background:#84cc161F;border:1px solid #84cc1666}

/* Theme 32 — Style 4 variant */
.wci-theme-32 .wci-card{border-left:6px solid #a3e635;}
.wci-theme-32 .wci-badge{background:#a3e635;color:#fff}
.wci-theme-32 .wci-price{color:#a3e635;background:#a3e6351F;border:1px solid #a3e63566}

/* Theme 33 — Style 4 variant */
.wci-theme-33 .wci-card{border-left:6px solid #facc15;}
.wci-theme-33 .wci-badge{background:#facc15;color:#fff}
.wci-theme-33 .wci-price{color:#facc15;background:#facc151F;border:1px solid #facc1566}

/* Theme 34 — Style 4 variant */
.wci-theme-34 .wci-card{border-left:6px solid #f59e0b;}
.wci-theme-34 .wci-badge{background:#f59e0b;color:#fff}
.wci-theme-34 .wci-price{color:#f59e0b;background:#f59e0b1F;border:1px solid #f59e0b66}

/* Theme 35 — Style 4 variant */
.wci-theme-35 .wci-card{border-left:6px solid #eab308;}
.wci-theme-35 .wci-badge{background:#eab308;color:#fff}
.wci-theme-35 .wci-price{color:#eab308;background:#eab3081F;border:1px solid #eab30866}

/* Theme 36 — Style 4 variant */
.wci-theme-36 .wci-card{border-left:6px solid #ef4444;}
.wci-theme-36 .wci-badge{background:#ef4444;color:#fff}
.wci-theme-36 .wci-price{color:#ef4444;background:#ef44441F;border:1px solid #ef444466}

/* Theme 37 — Style 4 variant */
.wci-theme-37 .wci-card{border-left:6px solid #f97316;}
.wci-theme-37 .wci-badge{background:#f97316;color:#fff}
.wci-theme-37 .wci-price{color:#f97316;background:#f973161F;border:1px solid #f9731666}

/* Theme 38 — Style 4 variant */
.wci-theme-38 .wci-card{border-left:6px solid #fb923c;}
.wci-theme-38 .wci-badge{background:#fb923c;color:#fff}
.wci-theme-38 .wci-price{color:#fb923c;background:#fb923c1F;border:1px solid #fb923c66}

/* Theme 39 — Style 4 variant */
.wci-theme-39 .wci-card{border-left:6px solid #f43f5e;}
.wci-theme-39 .wci-badge{background:#f43f5e;color:#fff}
.wci-theme-39 .wci-price{color:#f43f5e;background:#f43f5e1F;border:1px solid #f43f5e66}

/* Theme 40 — Style 4 variant */
.wci-theme-40 .wci-card{border-left:6px solid #64748b;}
.wci-theme-40 .wci-badge{background:#64748b;color:#fff}
.wci-theme-40 .wci-price{color:#64748b;background:#64748b1F;border:1px solid #64748b66}

/* v1.3.3 - image fit fix (no zoom/crop) */
.wci-thumb img.wci-img{max-width:100% !important;max-height:100% !important;width:auto !important;height:auto !important;object-fit:contain !important;object-position:center center !important;display:block !important}
.wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}


/* v1.3.3 - distinct layout variants */
.wci-variant-leftbar .wci-card{border-left-width:6px !important}
.wci-variant-topbar .wci-card{border-top-width:6px !important;border-left-width:0 !important}
.wci-variant-outline .wci-card{border-width:2px !important;border-left-width:2px !important}
.wci-variant-soft   .wci-card{background:var(--wci-soft-bg,#fff) !important}
.wci-variant-shadow .wci-card{box-shadow:0 10px 30px rgba(0,0,0,.08) !important}

/* ensure base border style exists even if variant changes positions */
[class*="wci-variant-"] .wci-card{border-style:solid}
/* v1.3.3 - per-theme accent + variant mapping */

/* Theme 1: variant leftbar, accent #ef4444 */
.wci-theme-1 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #ef4444}
.wci-theme-1 .wci-badge{background:#ef4444;color:#fff}
.wci-theme-1 .wci-price{color:#ef4444;background:#ef44441F;border:1px solid #ef444466}
.wci-theme-1 .wci-card{}
.wci-theme-1 .wci-card{}
.wci-theme-1 .wci-card{} /* reserved for future tweaks */
.wci-theme-1 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-1 .wci-card{}
.wci-theme-1 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-1 :where(.wci-grid){}
.wci-theme-1.wci-variant-leftbar .wci-card{}
.wci-theme-1.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#ef4444 !important;border-top-width:6px}
.wci-theme-1.wci-variant-outline .wci-card{border:2px solid #ef444466 !important;border-left-width:2px !important}
.wci-theme-1.wci-variant-soft .wci-card{background:#ef444414 !important;border-color:#ef444433 !important}
.wci-theme-1.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #ef444433 !important;border-left-color:#ef4444}


/* Theme 2: variant topbar, accent #f97316 */
.wci-theme-2 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #f97316}
.wci-theme-2 .wci-badge{background:#f97316;color:#fff}
.wci-theme-2 .wci-price{color:#f97316;background:#f973161F;border:1px solid #f9731666}
.wci-theme-2 .wci-card{}
.wci-theme-2 .wci-card{}
.wci-theme-2 .wci-card{} /* reserved for future tweaks */
.wci-theme-2 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-2 .wci-card{}
.wci-theme-2 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-2 :where(.wci-grid){}
.wci-theme-2.wci-variant-leftbar .wci-card{}
.wci-theme-2.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#f97316 !important;border-top-width:6px}
.wci-theme-2.wci-variant-outline .wci-card{border:2px solid #f9731666 !important;border-left-width:2px !important}
.wci-theme-2.wci-variant-soft .wci-card{background:#f9731614 !important;border-color:#f9731633 !important}
.wci-theme-2.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #f9731633 !important;border-left-color:#f97316}


/* Theme 3: variant outline, accent #f59e0b */
.wci-theme-3 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #f59e0b}
.wci-theme-3 .wci-badge{background:#f59e0b;color:#fff}
.wci-theme-3 .wci-price{color:#f59e0b;background:#f59e0b1F;border:1px solid #f59e0b66}
.wci-theme-3 .wci-card{}
.wci-theme-3 .wci-card{}
.wci-theme-3 .wci-card{} /* reserved for future tweaks */
.wci-theme-3 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-3 .wci-card{}
.wci-theme-3 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-3 :where(.wci-grid){}
.wci-theme-3.wci-variant-leftbar .wci-card{}
.wci-theme-3.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#f59e0b !important;border-top-width:6px}
.wci-theme-3.wci-variant-outline .wci-card{border:2px solid #f59e0b66 !important;border-left-width:2px !important}
.wci-theme-3.wci-variant-soft .wci-card{background:#f59e0b14 !important;border-color:#f59e0b33 !important}
.wci-theme-3.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #f59e0b33 !important;border-left-color:#f59e0b}


/* Theme 4: variant soft, accent #eab308 */
.wci-theme-4 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #eab308}
.wci-theme-4 .wci-badge{background:#eab308;color:#fff}
.wci-theme-4 .wci-price{color:#eab308;background:#eab3081F;border:1px solid #eab30866}
.wci-theme-4 .wci-card{background:#eab30814;}
.wci-theme-4 .wci-card{}
.wci-theme-4 .wci-card{} /* reserved for future tweaks */
.wci-theme-4 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-4 .wci-card{}
.wci-theme-4 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-4 :where(.wci-grid){}
.wci-theme-4.wci-variant-leftbar .wci-card{}
.wci-theme-4.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#eab308 !important;border-top-width:6px}
.wci-theme-4.wci-variant-outline .wci-card{border:2px solid #eab30866 !important;border-left-width:2px !important}
.wci-theme-4.wci-variant-soft .wci-card{background:#eab30814 !important;border-color:#eab30833 !important}
.wci-theme-4.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #eab30833 !important;border-left-color:#eab308}


/* Theme 5: variant shadow, accent #84cc16 */
.wci-theme-5 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #84cc16}
.wci-theme-5 .wci-badge{background:#84cc16;color:#fff}
.wci-theme-5 .wci-price{color:#84cc16;background:#84cc161F;border:1px solid #84cc1666}
.wci-theme-5 .wci-card{}
.wci-theme-5 .wci-card{}
.wci-theme-5 .wci-card{} /* reserved for future tweaks */
.wci-theme-5 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-5 .wci-card{}
.wci-theme-5 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-5 :where(.wci-grid){}
.wci-theme-5.wci-variant-leftbar .wci-card{}
.wci-theme-5.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#84cc16 !important;border-top-width:6px}
.wci-theme-5.wci-variant-outline .wci-card{border:2px solid #84cc1666 !important;border-left-width:2px !important}
.wci-theme-5.wci-variant-soft .wci-card{background:#84cc1614 !important;border-color:#84cc1633 !important}
.wci-theme-5.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #84cc1633 !important;border-left-color:#84cc16}


/* Theme 6: variant leftbar, accent #22c55e */
.wci-theme-6 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #22c55e}
.wci-theme-6 .wci-badge{background:#22c55e;color:#fff}
.wci-theme-6 .wci-price{color:#22c55e;background:#22c55e1F;border:1px solid #22c55e66}
.wci-theme-6 .wci-card{}
.wci-theme-6 .wci-card{}
.wci-theme-6 .wci-card{} /* reserved for future tweaks */
.wci-theme-6 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-6 .wci-card{}
.wci-theme-6 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-6 :where(.wci-grid){}
.wci-theme-6.wci-variant-leftbar .wci-card{}
.wci-theme-6.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#22c55e !important;border-top-width:6px}
.wci-theme-6.wci-variant-outline .wci-card{border:2px solid #22c55e66 !important;border-left-width:2px !important}
.wci-theme-6.wci-variant-soft .wci-card{background:#22c55e14 !important;border-color:#22c55e33 !important}
.wci-theme-6.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #22c55e33 !important;border-left-color:#22c55e}


/* Theme 7: variant topbar, accent #10b981 */
.wci-theme-7 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #10b981}
.wci-theme-7 .wci-badge{background:#10b981;color:#fff}
.wci-theme-7 .wci-price{color:#10b981;background:#10b9811F;border:1px solid #10b98166}
.wci-theme-7 .wci-card{}
.wci-theme-7 .wci-card{}
.wci-theme-7 .wci-card{} /* reserved for future tweaks */
.wci-theme-7 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-7 .wci-card{}
.wci-theme-7 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-7 :where(.wci-grid){}
.wci-theme-7.wci-variant-leftbar .wci-card{}
.wci-theme-7.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#10b981 !important;border-top-width:6px}
.wci-theme-7.wci-variant-outline .wci-card{border:2px solid #10b98166 !important;border-left-width:2px !important}
.wci-theme-7.wci-variant-soft .wci-card{background:#10b98114 !important;border-color:#10b98133 !important}
.wci-theme-7.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #10b98133 !important;border-left-color:#10b981}


/* Theme 8: variant outline, accent #14b8a6 */
.wci-theme-8 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #14b8a6}
.wci-theme-8 .wci-badge{background:#14b8a6;color:#fff}
.wci-theme-8 .wci-price{color:#14b8a6;background:#14b8a61F;border:1px solid #14b8a666}
.wci-theme-8 .wci-card{}
.wci-theme-8 .wci-card{}
.wci-theme-8 .wci-card{} /* reserved for future tweaks */
.wci-theme-8 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-8 .wci-card{}
.wci-theme-8 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-8 :where(.wci-grid){}
.wci-theme-8.wci-variant-leftbar .wci-card{}
.wci-theme-8.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#14b8a6 !important;border-top-width:6px}
.wci-theme-8.wci-variant-outline .wci-card{border:2px solid #14b8a666 !important;border-left-width:2px !important}
.wci-theme-8.wci-variant-soft .wci-card{background:#14b8a614 !important;border-color:#14b8a633 !important}
.wci-theme-8.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #14b8a633 !important;border-left-color:#14b8a6}


/* Theme 9: variant soft, accent #06b6d4 */
.wci-theme-9 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #06b6d4}
.wci-theme-9 .wci-badge{background:#06b6d4;color:#fff}
.wci-theme-9 .wci-price{color:#06b6d4;background:#06b6d41F;border:1px solid #06b6d466}
.wci-theme-9 .wci-card{background:#06b6d414;}
.wci-theme-9 .wci-card{}
.wci-theme-9 .wci-card{} /* reserved for future tweaks */
.wci-theme-9 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-9 .wci-card{}
.wci-theme-9 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-9 :where(.wci-grid){}
.wci-theme-9.wci-variant-leftbar .wci-card{}
.wci-theme-9.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#06b6d4 !important;border-top-width:6px}
.wci-theme-9.wci-variant-outline .wci-card{border:2px solid #06b6d466 !important;border-left-width:2px !important}
.wci-theme-9.wci-variant-soft .wci-card{background:#06b6d414 !important;border-color:#06b6d433 !important}
.wci-theme-9.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #06b6d433 !important;border-left-color:#06b6d4}


/* Theme 10: variant shadow, accent #0ea5e9 */
.wci-theme-10 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #0ea5e9}
.wci-theme-10 .wci-badge{background:#0ea5e9;color:#fff}
.wci-theme-10 .wci-price{color:#0ea5e9;background:#0ea5e91F;border:1px solid #0ea5e966}
.wci-theme-10 .wci-card{}
.wci-theme-10 .wci-card{}
.wci-theme-10 .wci-card{} /* reserved for future tweaks */
.wci-theme-10 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-10 .wci-card{}
.wci-theme-10 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-10 :where(.wci-grid){}
.wci-theme-10.wci-variant-leftbar .wci-card{}
.wci-theme-10.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#0ea5e9 !important;border-top-width:6px}
.wci-theme-10.wci-variant-outline .wci-card{border:2px solid #0ea5e966 !important;border-left-width:2px !important}
.wci-theme-10.wci-variant-soft .wci-card{background:#0ea5e914 !important;border-color:#0ea5e933 !important}
.wci-theme-10.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #0ea5e933 !important;border-left-color:#0ea5e9}


/* Theme 11: variant leftbar, accent #3b82f6 */
.wci-theme-11 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #3b82f6}
.wci-theme-11 .wci-badge{background:#3b82f6;color:#fff}
.wci-theme-11 .wci-price{color:#3b82f6;background:#3b82f61F;border:1px solid #3b82f666}
.wci-theme-11 .wci-card{}
.wci-theme-11 .wci-card{}
.wci-theme-11 .wci-card{} /* reserved for future tweaks */
.wci-theme-11 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-11 .wci-card{}
.wci-theme-11 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-11 :where(.wci-grid){}
.wci-theme-11.wci-variant-leftbar .wci-card{}
.wci-theme-11.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#3b82f6 !important;border-top-width:6px}
.wci-theme-11.wci-variant-outline .wci-card{border:2px solid #3b82f666 !important;border-left-width:2px !important}
.wci-theme-11.wci-variant-soft .wci-card{background:#3b82f614 !important;border-color:#3b82f633 !important}
.wci-theme-11.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #3b82f633 !important;border-left-color:#3b82f6}


/* Theme 12: variant topbar, accent #6366f1 */
.wci-theme-12 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #6366f1}
.wci-theme-12 .wci-badge{background:#6366f1;color:#fff}
.wci-theme-12 .wci-price{color:#6366f1;background:#6366f11F;border:1px solid #6366f166}
.wci-theme-12 .wci-card{}
.wci-theme-12 .wci-card{}
.wci-theme-12 .wci-card{} /* reserved for future tweaks */
.wci-theme-12 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-12 .wci-card{}
.wci-theme-12 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-12 :where(.wci-grid){}
.wci-theme-12.wci-variant-leftbar .wci-card{}
.wci-theme-12.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#6366f1 !important;border-top-width:6px}
.wci-theme-12.wci-variant-outline .wci-card{border:2px solid #6366f166 !important;border-left-width:2px !important}
.wci-theme-12.wci-variant-soft .wci-card{background:#6366f114 !important;border-color:#6366f133 !important}
.wci-theme-12.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #6366f133 !important;border-left-color:#6366f1}


/* Theme 13: variant outline, accent #8b5cf6 */
.wci-theme-13 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #8b5cf6}
.wci-theme-13 .wci-badge{background:#8b5cf6;color:#fff}
.wci-theme-13 .wci-price{color:#8b5cf6;background:#8b5cf61F;border:1px solid #8b5cf666}
.wci-theme-13 .wci-card{}
.wci-theme-13 .wci-card{}
.wci-theme-13 .wci-card{} /* reserved for future tweaks */
.wci-theme-13 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-13 .wci-card{}
.wci-theme-13 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-13 :where(.wci-grid){}
.wci-theme-13.wci-variant-leftbar .wci-card{}
.wci-theme-13.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#8b5cf6 !important;border-top-width:6px}
.wci-theme-13.wci-variant-outline .wci-card{border:2px solid #8b5cf666 !important;border-left-width:2px !important}
.wci-theme-13.wci-variant-soft .wci-card{background:#8b5cf614 !important;border-color:#8b5cf633 !important}
.wci-theme-13.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #8b5cf633 !important;border-left-color:#8b5cf6}


/* Theme 14: variant soft, accent #a855f7 */
.wci-theme-14 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #a855f7}
.wci-theme-14 .wci-badge{background:#a855f7;color:#fff}
.wci-theme-14 .wci-price{color:#a855f7;background:#a855f71F;border:1px solid #a855f766}
.wci-theme-14 .wci-card{background:#a855f714;}
.wci-theme-14 .wci-card{}
.wci-theme-14 .wci-card{} /* reserved for future tweaks */
.wci-theme-14 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-14 .wci-card{}
.wci-theme-14 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-14 :where(.wci-grid){}
.wci-theme-14.wci-variant-leftbar .wci-card{}
.wci-theme-14.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#a855f7 !important;border-top-width:6px}
.wci-theme-14.wci-variant-outline .wci-card{border:2px solid #a855f766 !important;border-left-width:2px !important}
.wci-theme-14.wci-variant-soft .wci-card{background:#a855f714 !important;border-color:#a855f733 !important}
.wci-theme-14.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #a855f733 !important;border-left-color:#a855f7}


/* Theme 15: variant shadow, accent #d946ef */
.wci-theme-15 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #d946ef}
.wci-theme-15 .wci-badge{background:#d946ef;color:#fff}
.wci-theme-15 .wci-price{color:#d946ef;background:#d946ef1F;border:1px solid #d946ef66}
.wci-theme-15 .wci-card{}
.wci-theme-15 .wci-card{}
.wci-theme-15 .wci-card{} /* reserved for future tweaks */
.wci-theme-15 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-15 .wci-card{}
.wci-theme-15 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-15 :where(.wci-grid){}
.wci-theme-15.wci-variant-leftbar .wci-card{}
.wci-theme-15.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#d946ef !important;border-top-width:6px}
.wci-theme-15.wci-variant-outline .wci-card{border:2px solid #d946ef66 !important;border-left-width:2px !important}
.wci-theme-15.wci-variant-soft .wci-card{background:#d946ef14 !important;border-color:#d946ef33 !important}
.wci-theme-15.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #d946ef33 !important;border-left-color:#d946ef}


/* Theme 16: variant leftbar, accent #ec4899 */
.wci-theme-16 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #ec4899}
.wci-theme-16 .wci-badge{background:#ec4899;color:#fff}
.wci-theme-16 .wci-price{color:#ec4899;background:#ec48991F;border:1px solid #ec489966}
.wci-theme-16 .wci-card{}
.wci-theme-16 .wci-card{}
.wci-theme-16 .wci-card{} /* reserved for future tweaks */
.wci-theme-16 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-16 .wci-card{}
.wci-theme-16 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-16 :where(.wci-grid){}
.wci-theme-16.wci-variant-leftbar .wci-card{}
.wci-theme-16.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#ec4899 !important;border-top-width:6px}
.wci-theme-16.wci-variant-outline .wci-card{border:2px solid #ec489966 !important;border-left-width:2px !important}
.wci-theme-16.wci-variant-soft .wci-card{background:#ec489914 !important;border-color:#ec489933 !important}
.wci-theme-16.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #ec489933 !important;border-left-color:#ec4899}


/* Theme 17: variant topbar, accent #f43f5e */
.wci-theme-17 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #f43f5e}
.wci-theme-17 .wci-badge{background:#f43f5e;color:#fff}
.wci-theme-17 .wci-price{color:#f43f5e;background:#f43f5e1F;border:1px solid #f43f5e66}
.wci-theme-17 .wci-card{}
.wci-theme-17 .wci-card{}
.wci-theme-17 .wci-card{} /* reserved for future tweaks */
.wci-theme-17 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-17 .wci-card{}
.wci-theme-17 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-17 :where(.wci-grid){}
.wci-theme-17.wci-variant-leftbar .wci-card{}
.wci-theme-17.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#f43f5e !important;border-top-width:6px}
.wci-theme-17.wci-variant-outline .wci-card{border:2px solid #f43f5e66 !important;border-left-width:2px !important}
.wci-theme-17.wci-variant-soft .wci-card{background:#f43f5e14 !important;border-color:#f43f5e33 !important}
.wci-theme-17.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #f43f5e33 !important;border-left-color:#f43f5e}


/* Theme 18: variant outline, accent #fb7185 */
.wci-theme-18 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #fb7185}
.wci-theme-18 .wci-badge{background:#fb7185;color:#fff}
.wci-theme-18 .wci-price{color:#fb7185;background:#fb71851F;border:1px solid #fb718566}
.wci-theme-18 .wci-card{}
.wci-theme-18 .wci-card{}
.wci-theme-18 .wci-card{} /* reserved for future tweaks */
.wci-theme-18 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-18 .wci-card{}
.wci-theme-18 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-18 :where(.wci-grid){}
.wci-theme-18.wci-variant-leftbar .wci-card{}
.wci-theme-18.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#fb7185 !important;border-top-width:6px}
.wci-theme-18.wci-variant-outline .wci-card{border:2px solid #fb718566 !important;border-left-width:2px !important}
.wci-theme-18.wci-variant-soft .wci-card{background:#fb718514 !important;border-color:#fb718533 !important}
.wci-theme-18.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #fb718533 !important;border-left-color:#fb7185}


/* Theme 19: variant soft, accent #fda4af */
.wci-theme-19 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #fda4af}
.wci-theme-19 .wci-badge{background:#fda4af;color:#fff}
.wci-theme-19 .wci-price{color:#fda4af;background:#fda4af1F;border:1px solid #fda4af66}
.wci-theme-19 .wci-card{background:#fda4af14;}
.wci-theme-19 .wci-card{}
.wci-theme-19 .wci-card{} /* reserved for future tweaks */
.wci-theme-19 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-19 .wci-card{}
.wci-theme-19 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-19 :where(.wci-grid){}
.wci-theme-19.wci-variant-leftbar .wci-card{}
.wci-theme-19.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#fda4af !important;border-top-width:6px}
.wci-theme-19.wci-variant-outline .wci-card{border:2px solid #fda4af66 !important;border-left-width:2px !important}
.wci-theme-19.wci-variant-soft .wci-card{background:#fda4af14 !important;border-color:#fda4af33 !important}
.wci-theme-19.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #fda4af33 !important;border-left-color:#fda4af}


/* Theme 20: variant shadow, accent #7c3aed */
.wci-theme-20 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #7c3aed}
.wci-theme-20 .wci-badge{background:#7c3aed;color:#fff}
.wci-theme-20 .wci-price{color:#7c3aed;background:#7c3aed1F;border:1px solid #7c3aed66}
.wci-theme-20 .wci-card{}
.wci-theme-20 .wci-card{}
.wci-theme-20 .wci-card{} /* reserved for future tweaks */
.wci-theme-20 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-20 .wci-card{}
.wci-theme-20 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-20 :where(.wci-grid){}
.wci-theme-20.wci-variant-leftbar .wci-card{}
.wci-theme-20.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#7c3aed !important;border-top-width:6px}
.wci-theme-20.wci-variant-outline .wci-card{border:2px solid #7c3aed66 !important;border-left-width:2px !important}
.wci-theme-20.wci-variant-soft .wci-card{background:#7c3aed14 !important;border-color:#7c3aed33 !important}
.wci-theme-20.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #7c3aed33 !important;border-left-color:#7c3aed}


/* Theme 21: variant leftbar, accent #34d399 */
.wci-theme-21 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #34d399}
.wci-theme-21 .wci-badge{background:#34d399;color:#fff}
.wci-theme-21 .wci-price{color:#34d399;background:#34d3991F;border:1px solid #34d39966}
.wci-theme-21 .wci-card{}
.wci-theme-21 .wci-card{}
.wci-theme-21 .wci-card{} /* reserved for future tweaks */
.wci-theme-21 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-21 .wci-card{}
.wci-theme-21 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-21 :where(.wci-grid){}
.wci-theme-21.wci-variant-leftbar .wci-card{}
.wci-theme-21.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#34d399 !important;border-top-width:6px}
.wci-theme-21.wci-variant-outline .wci-card{border:2px solid #34d39966 !important;border-left-width:2px !important}
.wci-theme-21.wci-variant-soft .wci-card{background:#34d39914 !important;border-color:#34d39933 !important}
.wci-theme-21.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #34d39933 !important;border-left-color:#34d399}


/* Theme 22: variant topbar, accent #67e8f9 */
.wci-theme-22 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #67e8f9}
.wci-theme-22 .wci-badge{background:#67e8f9;color:#fff}
.wci-theme-22 .wci-price{color:#67e8f9;background:#67e8f91F;border:1px solid #67e8f966}
.wci-theme-22 .wci-card{}
.wci-theme-22 .wci-card{}
.wci-theme-22 .wci-card{} /* reserved for future tweaks */
.wci-theme-22 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-22 .wci-card{}
.wci-theme-22 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-22 :where(.wci-grid){}
.wci-theme-22.wci-variant-leftbar .wci-card{}
.wci-theme-22.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#67e8f9 !important;border-top-width:6px}
.wci-theme-22.wci-variant-outline .wci-card{border:2px solid #67e8f966 !important;border-left-width:2px !important}
.wci-theme-22.wci-variant-soft .wci-card{background:#67e8f914 !important;border-color:#67e8f933 !important}
.wci-theme-22.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #67e8f933 !important;border-left-color:#67e8f9}


/* Theme 23: variant outline, accent #60a5fa */
.wci-theme-23 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #60a5fa}
.wci-theme-23 .wci-badge{background:#60a5fa;color:#fff}
.wci-theme-23 .wci-price{color:#60a5fa;background:#60a5fa1F;border:1px solid #60a5fa66}
.wci-theme-23 .wci-card{}
.wci-theme-23 .wci-card{}
.wci-theme-23 .wci-card{} /* reserved for future tweaks */
.wci-theme-23 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-23 .wci-card{}
.wci-theme-23 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-23 :where(.wci-grid){}
.wci-theme-23.wci-variant-leftbar .wci-card{}
.wci-theme-23.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#60a5fa !important;border-top-width:6px}
.wci-theme-23.wci-variant-outline .wci-card{border:2px solid #60a5fa66 !important;border-left-width:2px !important}
.wci-theme-23.wci-variant-soft .wci-card{background:#60a5fa14 !important;border-color:#60a5fa33 !important}
.wci-theme-23.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #60a5fa33 !important;border-left-color:#60a5fa}


/* Theme 24: variant soft, accent #a78bfa */
.wci-theme-24 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #a78bfa}
.wci-theme-24 .wci-badge{background:#a78bfa;color:#fff}
.wci-theme-24 .wci-price{color:#a78bfa;background:#a78bfa1F;border:1px solid #a78bfa66}
.wci-theme-24 .wci-card{background:#a78bfa14;}
.wci-theme-24 .wci-card{}
.wci-theme-24 .wci-card{} /* reserved for future tweaks */
.wci-theme-24 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-24 .wci-card{}
.wci-theme-24 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-24 :where(.wci-grid){}
.wci-theme-24.wci-variant-leftbar .wci-card{}
.wci-theme-24.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#a78bfa !important;border-top-width:6px}
.wci-theme-24.wci-variant-outline .wci-card{border:2px solid #a78bfa66 !important;border-left-width:2px !important}
.wci-theme-24.wci-variant-soft .wci-card{background:#a78bfa14 !important;border-color:#a78bfa33 !important}
.wci-theme-24.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #a78bfa33 !important;border-left-color:#a78bfa}


/* Theme 25: variant shadow, accent #f472b6 */
.wci-theme-25 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #f472b6}
.wci-theme-25 .wci-badge{background:#f472b6;color:#fff}
.wci-theme-25 .wci-price{color:#f472b6;background:#f472b61F;border:1px solid #f472b666}
.wci-theme-25 .wci-card{}
.wci-theme-25 .wci-card{}
.wci-theme-25 .wci-card{} /* reserved for future tweaks */
.wci-theme-25 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-25 .wci-card{}
.wci-theme-25 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-25 :where(.wci-grid){}
.wci-theme-25.wci-variant-leftbar .wci-card{}
.wci-theme-25.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#f472b6 !important;border-top-width:6px}
.wci-theme-25.wci-variant-outline .wci-card{border:2px solid #f472b666 !important;border-left-width:2px !important}
.wci-theme-25.wci-variant-soft .wci-card{background:#f472b614 !important;border-color:#f472b633 !important}
.wci-theme-25.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #f472b633 !important;border-left-color:#f472b6}


/* Theme 26: variant leftbar, accent #22d3ee */
.wci-theme-26 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #22d3ee}
.wci-theme-26 .wci-badge{background:#22d3ee;color:#fff}
.wci-theme-26 .wci-price{color:#22d3ee;background:#22d3ee1F;border:1px solid #22d3ee66}
.wci-theme-26 .wci-card{}
.wci-theme-26 .wci-card{}
.wci-theme-26 .wci-card{} /* reserved for future tweaks */
.wci-theme-26 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-26 .wci-card{}
.wci-theme-26 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-26 :where(.wci-grid){}
.wci-theme-26.wci-variant-leftbar .wci-card{}
.wci-theme-26.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#22d3ee !important;border-top-width:6px}
.wci-theme-26.wci-variant-outline .wci-card{border:2px solid #22d3ee66 !important;border-left-width:2px !important}
.wci-theme-26.wci-variant-soft .wci-card{background:#22d3ee14 !important;border-color:#22d3ee33 !important}
.wci-theme-26.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #22d3ee33 !important;border-left-color:#22d3ee}


/* Theme 27: variant topbar, accent #06b6d4 */
.wci-theme-27 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #06b6d4}
.wci-theme-27 .wci-badge{background:#06b6d4;color:#fff}
.wci-theme-27 .wci-price{color:#06b6d4;background:#06b6d41F;border:1px solid #06b6d466}
.wci-theme-27 .wci-card{}
.wci-theme-27 .wci-card{}
.wci-theme-27 .wci-card{} /* reserved for future tweaks */
.wci-theme-27 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-27 .wci-card{}
.wci-theme-27 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-27 :where(.wci-grid){}
.wci-theme-27.wci-variant-leftbar .wci-card{}
.wci-theme-27.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#06b6d4 !important;border-top-width:6px}
.wci-theme-27.wci-variant-outline .wci-card{border:2px solid #06b6d466 !important;border-left-width:2px !important}
.wci-theme-27.wci-variant-soft .wci-card{background:#06b6d414 !important;border-color:#06b6d433 !important}
.wci-theme-27.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #06b6d433 !important;border-left-color:#06b6d4}


/* Theme 28: variant outline, accent #0ea5e9 */
.wci-theme-28 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #0ea5e9}
.wci-theme-28 .wci-badge{background:#0ea5e9;color:#fff}
.wci-theme-28 .wci-price{color:#0ea5e9;background:#0ea5e91F;border:1px solid #0ea5e966}
.wci-theme-28 .wci-card{}
.wci-theme-28 .wci-card{}
.wci-theme-28 .wci-card{} /* reserved for future tweaks */
.wci-theme-28 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-28 .wci-card{}
.wci-theme-28 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-28 :where(.wci-grid){}
.wci-theme-28.wci-variant-leftbar .wci-card{}
.wci-theme-28.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#0ea5e9 !important;border-top-width:6px}
.wci-theme-28.wci-variant-outline .wci-card{border:2px solid #0ea5e966 !important;border-left-width:2px !important}
.wci-theme-28.wci-variant-soft .wci-card{background:#0ea5e914 !important;border-color:#0ea5e933 !important}
.wci-theme-28.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #0ea5e933 !important;border-left-color:#0ea5e9}


/* Theme 29: variant soft, accent #38bdf8 */
.wci-theme-29 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #38bdf8}
.wci-theme-29 .wci-badge{background:#38bdf8;color:#fff}
.wci-theme-29 .wci-price{color:#38bdf8;background:#38bdf81F;border:1px solid #38bdf866}
.wci-theme-29 .wci-card{background:#38bdf814;}
.wci-theme-29 .wci-card{}
.wci-theme-29 .wci-card{} /* reserved for future tweaks */
.wci-theme-29 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-29 .wci-card{}
.wci-theme-29 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-29 :where(.wci-grid){}
.wci-theme-29.wci-variant-leftbar .wci-card{}
.wci-theme-29.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#38bdf8 !important;border-top-width:6px}
.wci-theme-29.wci-variant-outline .wci-card{border:2px solid #38bdf866 !important;border-left-width:2px !important}
.wci-theme-29.wci-variant-soft .wci-card{background:#38bdf814 !important;border-color:#38bdf833 !important}
.wci-theme-29.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #38bdf833 !important;border-left-color:#38bdf8}


/* Theme 30: variant shadow, accent #22c55e */
.wci-theme-30 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #22c55e}
.wci-theme-30 .wci-badge{background:#22c55e;color:#fff}
.wci-theme-30 .wci-price{color:#22c55e;background:#22c55e1F;border:1px solid #22c55e66}
.wci-theme-30 .wci-card{}
.wci-theme-30 .wci-card{}
.wci-theme-30 .wci-card{} /* reserved for future tweaks */
.wci-theme-30 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-30 .wci-card{}
.wci-theme-30 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-30 :where(.wci-grid){}
.wci-theme-30.wci-variant-leftbar .wci-card{}
.wci-theme-30.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#22c55e !important;border-top-width:6px}
.wci-theme-30.wci-variant-outline .wci-card{border:2px solid #22c55e66 !important;border-left-width:2px !important}
.wci-theme-30.wci-variant-soft .wci-card{background:#22c55e14 !important;border-color:#22c55e33 !important}
.wci-theme-30.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #22c55e33 !important;border-left-color:#22c55e}


/* Theme 31: variant leftbar, accent #84cc16 */
.wci-theme-31 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #84cc16}
.wci-theme-31 .wci-badge{background:#84cc16;color:#fff}
.wci-theme-31 .wci-price{color:#84cc16;background:#84cc161F;border:1px solid #84cc1666}
.wci-theme-31 .wci-card{}
.wci-theme-31 .wci-card{}
.wci-theme-31 .wci-card{} /* reserved for future tweaks */
.wci-theme-31 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-31 .wci-card{}
.wci-theme-31 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-31 :where(.wci-grid){}
.wci-theme-31.wci-variant-leftbar .wci-card{}
.wci-theme-31.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#84cc16 !important;border-top-width:6px}
.wci-theme-31.wci-variant-outline .wci-card{border:2px solid #84cc1666 !important;border-left-width:2px !important}
.wci-theme-31.wci-variant-soft .wci-card{background:#84cc1614 !important;border-color:#84cc1633 !important}
.wci-theme-31.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #84cc1633 !important;border-left-color:#84cc16}


/* Theme 32: variant topbar, accent #a3e635 */
.wci-theme-32 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #a3e635}
.wci-theme-32 .wci-badge{background:#a3e635;color:#fff}
.wci-theme-32 .wci-price{color:#a3e635;background:#a3e6351F;border:1px solid #a3e63566}
.wci-theme-32 .wci-card{}
.wci-theme-32 .wci-card{}
.wci-theme-32 .wci-card{} /* reserved for future tweaks */
.wci-theme-32 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-32 .wci-card{}
.wci-theme-32 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-32 :where(.wci-grid){}
.wci-theme-32.wci-variant-leftbar .wci-card{}
.wci-theme-32.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#a3e635 !important;border-top-width:6px}
.wci-theme-32.wci-variant-outline .wci-card{border:2px solid #a3e63566 !important;border-left-width:2px !important}
.wci-theme-32.wci-variant-soft .wci-card{background:#a3e63514 !important;border-color:#a3e63533 !important}
.wci-theme-32.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #a3e63533 !important;border-left-color:#a3e635}


/* Theme 33: variant outline, accent #facc15 */
.wci-theme-33 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #facc15}
.wci-theme-33 .wci-badge{background:#facc15;color:#fff}
.wci-theme-33 .wci-price{color:#facc15;background:#facc151F;border:1px solid #facc1566}
.wci-theme-33 .wci-card{}
.wci-theme-33 .wci-card{}
.wci-theme-33 .wci-card{} /* reserved for future tweaks */
.wci-theme-33 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-33 .wci-card{}
.wci-theme-33 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-33 :where(.wci-grid){}
.wci-theme-33.wci-variant-leftbar .wci-card{}
.wci-theme-33.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#facc15 !important;border-top-width:6px}
.wci-theme-33.wci-variant-outline .wci-card{border:2px solid #facc1566 !important;border-left-width:2px !important}
.wci-theme-33.wci-variant-soft .wci-card{background:#facc1514 !important;border-color:#facc1533 !important}
.wci-theme-33.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #facc1533 !important;border-left-color:#facc15}


/* Theme 34: variant soft, accent #f59e0b */
.wci-theme-34 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #f59e0b}
.wci-theme-34 .wci-badge{background:#f59e0b;color:#fff}
.wci-theme-34 .wci-price{color:#f59e0b;background:#f59e0b1F;border:1px solid #f59e0b66}
.wci-theme-34 .wci-card{background:#f59e0b14;}
.wci-theme-34 .wci-card{}
.wci-theme-34 .wci-card{} /* reserved for future tweaks */
.wci-theme-34 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-34 .wci-card{}
.wci-theme-34 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-34 :where(.wci-grid){}
.wci-theme-34.wci-variant-leftbar .wci-card{}
.wci-theme-34.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#f59e0b !important;border-top-width:6px}
.wci-theme-34.wci-variant-outline .wci-card{border:2px solid #f59e0b66 !important;border-left-width:2px !important}
.wci-theme-34.wci-variant-soft .wci-card{background:#f59e0b14 !important;border-color:#f59e0b33 !important}
.wci-theme-34.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #f59e0b33 !important;border-left-color:#f59e0b}


/* Theme 35: variant shadow, accent #eab308 */
.wci-theme-35 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #eab308}
.wci-theme-35 .wci-badge{background:#eab308;color:#fff}
.wci-theme-35 .wci-price{color:#eab308;background:#eab3081F;border:1px solid #eab30866}
.wci-theme-35 .wci-card{}
.wci-theme-35 .wci-card{}
.wci-theme-35 .wci-card{} /* reserved for future tweaks */
.wci-theme-35 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-35 .wci-card{}
.wci-theme-35 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-35 :where(.wci-grid){}
.wci-theme-35.wci-variant-leftbar .wci-card{}
.wci-theme-35.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#eab308 !important;border-top-width:6px}
.wci-theme-35.wci-variant-outline .wci-card{border:2px solid #eab30866 !important;border-left-width:2px !important}
.wci-theme-35.wci-variant-soft .wci-card{background:#eab30814 !important;border-color:#eab30833 !important}
.wci-theme-35.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #eab30833 !important;border-left-color:#eab308}


/* Theme 36: variant leftbar, accent #ef4444 */
.wci-theme-36 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #ef4444}
.wci-theme-36 .wci-badge{background:#ef4444;color:#fff}
.wci-theme-36 .wci-price{color:#ef4444;background:#ef44441F;border:1px solid #ef444466}
.wci-theme-36 .wci-card{}
.wci-theme-36 .wci-card{}
.wci-theme-36 .wci-card{} /* reserved for future tweaks */
.wci-theme-36 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-36 .wci-card{}
.wci-theme-36 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-36 :where(.wci-grid){}
.wci-theme-36.wci-variant-leftbar .wci-card{}
.wci-theme-36.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#ef4444 !important;border-top-width:6px}
.wci-theme-36.wci-variant-outline .wci-card{border:2px solid #ef444466 !important;border-left-width:2px !important}
.wci-theme-36.wci-variant-soft .wci-card{background:#ef444414 !important;border-color:#ef444433 !important}
.wci-theme-36.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #ef444433 !important;border-left-color:#ef4444}


/* Theme 37: variant topbar, accent #f97316 */
.wci-theme-37 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #f97316}
.wci-theme-37 .wci-badge{background:#f97316;color:#fff}
.wci-theme-37 .wci-price{color:#f97316;background:#f973161F;border:1px solid #f9731666}
.wci-theme-37 .wci-card{}
.wci-theme-37 .wci-card{}
.wci-theme-37 .wci-card{} /* reserved for future tweaks */
.wci-theme-37 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-37 .wci-card{}
.wci-theme-37 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-37 :where(.wci-grid){}
.wci-theme-37.wci-variant-leftbar .wci-card{}
.wci-theme-37.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#f97316 !important;border-top-width:6px}
.wci-theme-37.wci-variant-outline .wci-card{border:2px solid #f9731666 !important;border-left-width:2px !important}
.wci-theme-37.wci-variant-soft .wci-card{background:#f9731614 !important;border-color:#f9731633 !important}
.wci-theme-37.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #f9731633 !important;border-left-color:#f97316}


/* Theme 38: variant outline, accent #fb923c */
.wci-theme-38 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #fb923c}
.wci-theme-38 .wci-badge{background:#fb923c;color:#fff}
.wci-theme-38 .wci-price{color:#fb923c;background:#fb923c1F;border:1px solid #fb923c66}
.wci-theme-38 .wci-card{}
.wci-theme-38 .wci-card{}
.wci-theme-38 .wci-card{} /* reserved for future tweaks */
.wci-theme-38 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-38 .wci-card{}
.wci-theme-38 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-38 :where(.wci-grid){}
.wci-theme-38.wci-variant-leftbar .wci-card{}
.wci-theme-38.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#fb923c !important;border-top-width:6px}
.wci-theme-38.wci-variant-outline .wci-card{border:2px solid #fb923c66 !important;border-left-width:2px !important}
.wci-theme-38.wci-variant-soft .wci-card{background:#fb923c14 !important;border-color:#fb923c33 !important}
.wci-theme-38.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #fb923c33 !important;border-left-color:#fb923c}


/* Theme 39: variant soft, accent #f43f5e */
.wci-theme-39 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #f43f5e}
.wci-theme-39 .wci-badge{background:#f43f5e;color:#fff}
.wci-theme-39 .wci-price{color:#f43f5e;background:#f43f5e1F;border:1px solid #f43f5e66}
.wci-theme-39 .wci-card{background:#f43f5e14;}
.wci-theme-39 .wci-card{}
.wci-theme-39 .wci-card{} /* reserved for future tweaks */
.wci-theme-39 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-39 .wci-card{}
.wci-theme-39 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-39 :where(.wci-grid){}
.wci-theme-39.wci-variant-leftbar .wci-card{}
.wci-theme-39.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#f43f5e !important;border-top-width:6px}
.wci-theme-39.wci-variant-outline .wci-card{border:2px solid #f43f5e66 !important;border-left-width:2px !important}
.wci-theme-39.wci-variant-soft .wci-card{background:#f43f5e14 !important;border-color:#f43f5e33 !important}
.wci-theme-39.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #f43f5e33 !important;border-left-color:#f43f5e}


/* Theme 40: variant shadow, accent #64748b */
.wci-theme-40 .wci-card{border-color:rgba(0,0,0,0.06);border-left:6px solid #64748b}
.wci-theme-40 .wci-badge{background:#64748b;color:#fff}
.wci-theme-40 .wci-price{color:#64748b;background:#64748b1F;border:1px solid #64748b66}
.wci-theme-40 .wci-card{}
.wci-theme-40 .wci-card{}
.wci-theme-40 .wci-card{} /* reserved for future tweaks */
.wci-theme-40 .wci-card{} /* reserved */

/* apply variant class effect */
.wci-theme-40 .wci-card{}
.wci-theme-40 .wci-card{}
/* decorate container with variant via :where to avoid markup changes */
.wci-theme-40 :where(.wci-grid){}
.wci-theme-40.wci-variant-leftbar .wci-card{}
.wci-theme-40.wci-variant-topbar .wci-card{border-left-width:0 !important;border-top-color:#64748b !important;border-top-width:6px}
.wci-theme-40.wci-variant-outline .wci-card{border:2px solid #64748b66 !important;border-left-width:2px !important}
.wci-theme-40.wci-variant-soft .wci-card{background:#64748b14 !important;border-color:#64748b33 !important}
.wci-theme-40.wci-variant-shadow .wci-card{box-shadow:0 12px 34px #64748b33 !important;border-left-color:#64748b}


/* v1.3.3 - automatic variant assignment (no markup change) */
.wci-theme-1, .wci-theme-6, .wci-theme-11, .wci-theme-16, .wci-theme-21, .wci-theme-26, .wci-theme-31, .wci-theme-36 { --wci-variant: leftbar; }
.wci-theme-2, .wci-theme-7, .wci-theme-12, .wci-theme-17, .wci-theme-22, .wci-theme-27, .wci-theme-32, .wci-theme-37 { --wci-variant: topbar; }
.wci-theme-3, .wci-theme-8, .wci-theme-13, .wci-theme-18, .wci-theme-23, .wci-theme-28, .wci-theme-33, .wci-theme-38 { --wci-variant: outline; }
.wci-theme-4, .wci-theme-9, .wci-theme-14, .wci-theme-19, .wci-theme-24, .wci-theme-29, .wci-theme-34, .wci-theme-39 { --wci-variant: soft; }
.wci-theme-5, .wci-theme-10, .wci-theme-15, .wci-theme-20, .wci-theme-25, .wci-theme-30, .wci-theme-35, .wci-theme-40 { --wci-variant: shadow; }

/* map CSS var back into classes effect */
.wci-theme-1.wci-grid, .wci-theme-6.wci-grid, .wci-theme-11.wci-grid, .wci-theme-16.wci-grid, .wci-theme-21.wci-grid, .wci-theme-26.wci-grid, .wci-theme-31.wci-grid, .wci-theme-36.wci-grid { /* leftbar default */ }
.wci-theme-2.wci-grid, .wci-theme-7.wci-grid, .wci-theme-12.wci-grid, .wci-theme-17.wci-grid, .wci-theme-22.wci-grid, .wci-theme-27.wci-grid, .wci-theme-32.wci-grid, .wci-theme-37.wci-grid { }

/* v1.3.5 image contain hard */
.wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}
.wci-thumb img.wci-img{max-width:100% !important;max-height:100% !important;width:auto !important;height:auto !important;object-fit:contain !important;object-position:center center !important;display:block !important}

/* v1.3.5 override cover anywhere */
.wci-thumb img{object-fit:contain !important}


/* v1.3.5 distinct layout variants */

/* Base card */
.wci-card{transition:transform .15s ease, box-shadow .2s ease}
.wci-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.08)}

/* Variant A: Leftbar (Style 4) */
.wci-variant-leftbar .wci-card{border-left-width:6px !important}

/* Variant B: Topbar */
.wci-variant-topbar .wci-card{border-top-width:6px !important;border-left-width:0 !important}

/* Variant C: Outline */
.wci-variant-outline .wci-card{border-width:2px !important;border-left-width:2px !important}

/* Variant D: Soft (tinted bg) */
.wci-variant-soft .wci-card{background:var(--wci-soft,#fff) !important}

/* Variant E: Shadow emphasis */
.wci-variant-shadow .wci-card{box-shadow:0 14px 36px rgba(0,0,0,.10) !important}

/* Variant F: Horizontal media (thumb left) */
.wci-variant-hmedia .wci-card{display:grid;grid-template-columns:180px 1fr;gap:0}
.wci-variant-hmedia .wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}
@media (max-width:640px){
  .wci-variant-hmedia .wci-card{grid-template-columns:1fr}
  .wci-variant-hmedia .wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}
}

/* Variant G: Circle media */
.wci-variant-circle .wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}
.wci-variant-circle .wci-thumb img{width:140px !important;height:140px !important;border-radius:999px;object-fit:contain !important;background:#fff;border:4px solid #fff;box-shadow:0 8px 22px rgba(0,0,0,.06)}

/* Variant H: Compact (no image) */
.wci-variant-compact .wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}
.wci-variant-compact .wci-body{padding-top:16px !important}

/* v1.3.5 per-theme accent + variant application */

/* Theme 1: leftbar, #ef4444 */
.wci-theme-1 .wci-card{border-left:6px solid #ef4444;}
.wci-theme-1 .wci-badge{background:#ef4444;color:#fff}
.wci-theme-1 .wci-price{color:#ef4444;background:#ef44441F;border:1px solid #ef444466}
.wci-theme-1 .wci-body{}
.wci-theme-1 .wci-grid{}
.wci-theme-1 .wci-card{}
.wci-theme-1 .wci-card{}

/* Theme 2: leftbar, #f97316 */
.wci-theme-2 .wci-card{border-left:6px solid #f97316;}
.wci-theme-2 .wci-badge{background:#f97316;color:#fff}
.wci-theme-2 .wci-price{color:#f97316;background:#f973161F;border:1px solid #f9731666}
.wci-theme-2 .wci-body{}
.wci-theme-2 .wci-grid{}
.wci-theme-2 .wci-card{}
.wci-theme-2 .wci-card{}

/* Theme 3: leftbar, #f59e0b */
.wci-theme-3 .wci-card{border-left:6px solid #f59e0b;}
.wci-theme-3 .wci-badge{background:#f59e0b;color:#fff}
.wci-theme-3 .wci-price{color:#f59e0b;background:#f59e0b1F;border:1px solid #f59e0b66}
.wci-theme-3 .wci-body{}
.wci-theme-3 .wci-grid{}
.wci-theme-3 .wci-card{}
.wci-theme-3 .wci-card{}

/* Theme 4: leftbar, #eab308 */
.wci-theme-4 .wci-card{border-left:6px solid #eab308;}
.wci-theme-4 .wci-badge{background:#eab308;color:#fff}
.wci-theme-4 .wci-price{color:#eab308;background:#eab3081F;border:1px solid #eab30866}
.wci-theme-4 .wci-body{}
.wci-theme-4 .wci-grid{}
.wci-theme-4 .wci-card{}
.wci-theme-4 .wci-card{}

/* Theme 5: leftbar, #84cc16 */
.wci-theme-5 .wci-card{border-left:6px solid #84cc16;}
.wci-theme-5 .wci-badge{background:#84cc16;color:#fff}
.wci-theme-5 .wci-price{color:#84cc16;background:#84cc161F;border:1px solid #84cc1666}
.wci-theme-5 .wci-body{}
.wci-theme-5 .wci-grid{}
.wci-theme-5 .wci-card{}
.wci-theme-5 .wci-card{}

/* Theme 6: topbar, #22c55e */
.wci-theme-6 .wci-card{border-left:6px solid #22c55e;}
.wci-theme-6 .wci-badge{background:#22c55e;color:#fff}
.wci-theme-6 .wci-price{color:#22c55e;background:#22c55e1F;border:1px solid #22c55e66}
.wci-theme-6 .wci-body{}
.wci-theme-6 .wci-grid{}
.wci-theme-6 .wci-card{}
.wci-theme-6 .wci-card{}

/* Theme 7: topbar, #10b981 */
.wci-theme-7 .wci-card{border-left:6px solid #10b981;}
.wci-theme-7 .wci-badge{background:#10b981;color:#fff}
.wci-theme-7 .wci-price{color:#10b981;background:#10b9811F;border:1px solid #10b98166}
.wci-theme-7 .wci-body{}
.wci-theme-7 .wci-grid{}
.wci-theme-7 .wci-card{}
.wci-theme-7 .wci-card{}

/* Theme 8: topbar, #14b8a6 */
.wci-theme-8 .wci-card{border-left:6px solid #14b8a6;}
.wci-theme-8 .wci-badge{background:#14b8a6;color:#fff}
.wci-theme-8 .wci-price{color:#14b8a6;background:#14b8a61F;border:1px solid #14b8a666}
.wci-theme-8 .wci-body{}
.wci-theme-8 .wci-grid{}
.wci-theme-8 .wci-card{}
.wci-theme-8 .wci-card{}

/* Theme 9: topbar, #06b6d4 */
.wci-theme-9 .wci-card{border-left:6px solid #06b6d4;}
.wci-theme-9 .wci-badge{background:#06b6d4;color:#fff}
.wci-theme-9 .wci-price{color:#06b6d4;background:#06b6d41F;border:1px solid #06b6d466}
.wci-theme-9 .wci-body{}
.wci-theme-9 .wci-grid{}
.wci-theme-9 .wci-card{}
.wci-theme-9 .wci-card{}

/* Theme 10: topbar, #0ea5e9 */
.wci-theme-10 .wci-card{border-left:6px solid #0ea5e9;}
.wci-theme-10 .wci-badge{background:#0ea5e9;color:#fff}
.wci-theme-10 .wci-price{color:#0ea5e9;background:#0ea5e91F;border:1px solid #0ea5e966}
.wci-theme-10 .wci-body{}
.wci-theme-10 .wci-grid{}
.wci-theme-10 .wci-card{}
.wci-theme-10 .wci-card{}

/* Theme 11: outline, #3b82f6 */
.wci-theme-11 .wci-card{border-left:6px solid #3b82f6;}
.wci-theme-11 .wci-badge{background:#3b82f6;color:#fff}
.wci-theme-11 .wci-price{color:#3b82f6;background:#3b82f61F;border:1px solid #3b82f666}
.wci-theme-11 .wci-body{}
.wci-theme-11 .wci-grid{}
.wci-theme-11 .wci-card{}
.wci-theme-11 .wci-card{}

/* Theme 12: outline, #6366f1 */
.wci-theme-12 .wci-card{border-left:6px solid #6366f1;}
.wci-theme-12 .wci-badge{background:#6366f1;color:#fff}
.wci-theme-12 .wci-price{color:#6366f1;background:#6366f11F;border:1px solid #6366f166}
.wci-theme-12 .wci-body{}
.wci-theme-12 .wci-grid{}
.wci-theme-12 .wci-card{}
.wci-theme-12 .wci-card{}

/* Theme 13: outline, #8b5cf6 */
.wci-theme-13 .wci-card{border-left:6px solid #8b5cf6;}
.wci-theme-13 .wci-badge{background:#8b5cf6;color:#fff}
.wci-theme-13 .wci-price{color:#8b5cf6;background:#8b5cf61F;border:1px solid #8b5cf666}
.wci-theme-13 .wci-body{}
.wci-theme-13 .wci-grid{}
.wci-theme-13 .wci-card{}
.wci-theme-13 .wci-card{}

/* Theme 14: outline, #a855f7 */
.wci-theme-14 .wci-card{border-left:6px solid #a855f7;}
.wci-theme-14 .wci-badge{background:#a855f7;color:#fff}
.wci-theme-14 .wci-price{color:#a855f7;background:#a855f71F;border:1px solid #a855f766}
.wci-theme-14 .wci-body{}
.wci-theme-14 .wci-grid{}
.wci-theme-14 .wci-card{}
.wci-theme-14 .wci-card{}

/* Theme 15: outline, #d946ef */
.wci-theme-15 .wci-card{border-left:6px solid #d946ef;}
.wci-theme-15 .wci-badge{background:#d946ef;color:#fff}
.wci-theme-15 .wci-price{color:#d946ef;background:#d946ef1F;border:1px solid #d946ef66}
.wci-theme-15 .wci-body{}
.wci-theme-15 .wci-grid{}
.wci-theme-15 .wci-card{}
.wci-theme-15 .wci-card{}

/* Theme 16: soft, #ec4899 */
.wci-theme-16 .wci-card{border-left:6px solid #ec4899;}
.wci-theme-16 .wci-badge{background:#ec4899;color:#fff}
.wci-theme-16 .wci-price{color:#ec4899;background:#ec48991F;border:1px solid #ec489966}
.wci-theme-16 .wci-body{}
.wci-theme-16 .wci-grid{}
.wci-theme-16 .wci-card{}
.wci-theme-16 .wci-card{}

/* Theme 17: soft, #f43f5e */
.wci-theme-17 .wci-card{border-left:6px solid #f43f5e;}
.wci-theme-17 .wci-badge{background:#f43f5e;color:#fff}
.wci-theme-17 .wci-price{color:#f43f5e;background:#f43f5e1F;border:1px solid #f43f5e66}
.wci-theme-17 .wci-body{}
.wci-theme-17 .wci-grid{}
.wci-theme-17 .wci-card{}
.wci-theme-17 .wci-card{}

/* Theme 18: soft, #fb7185 */
.wci-theme-18 .wci-card{border-left:6px solid #fb7185;}
.wci-theme-18 .wci-badge{background:#fb7185;color:#fff}
.wci-theme-18 .wci-price{color:#fb7185;background:#fb71851F;border:1px solid #fb718566}
.wci-theme-18 .wci-body{}
.wci-theme-18 .wci-grid{}
.wci-theme-18 .wci-card{}
.wci-theme-18 .wci-card{}

/* Theme 19: soft, #fda4af */
.wci-theme-19 .wci-card{border-left:6px solid #fda4af;}
.wci-theme-19 .wci-badge{background:#fda4af;color:#fff}
.wci-theme-19 .wci-price{color:#fda4af;background:#fda4af1F;border:1px solid #fda4af66}
.wci-theme-19 .wci-body{}
.wci-theme-19 .wci-grid{}
.wci-theme-19 .wci-card{}
.wci-theme-19 .wci-card{}

/* Theme 20: soft, #7c3aed */
.wci-theme-20 .wci-card{border-left:6px solid #7c3aed;}
.wci-theme-20 .wci-badge{background:#7c3aed;color:#fff}
.wci-theme-20 .wci-price{color:#7c3aed;background:#7c3aed1F;border:1px solid #7c3aed66}
.wci-theme-20 .wci-body{}
.wci-theme-20 .wci-grid{}
.wci-theme-20 .wci-card{}
.wci-theme-20 .wci-card{}

/* Theme 21: shadow, #34d399 */
.wci-theme-21 .wci-card{border-left:6px solid #34d399;}
.wci-theme-21 .wci-badge{background:#34d399;color:#fff}
.wci-theme-21 .wci-price{color:#34d399;background:#34d3991F;border:1px solid #34d39966}
.wci-theme-21 .wci-body{}
.wci-theme-21 .wci-grid{}
.wci-theme-21 .wci-card{}
.wci-theme-21 .wci-card{}

/* Theme 22: shadow, #67e8f9 */
.wci-theme-22 .wci-card{border-left:6px solid #67e8f9;}
.wci-theme-22 .wci-badge{background:#67e8f9;color:#fff}
.wci-theme-22 .wci-price{color:#67e8f9;background:#67e8f91F;border:1px solid #67e8f966}
.wci-theme-22 .wci-body{}
.wci-theme-22 .wci-grid{}
.wci-theme-22 .wci-card{}
.wci-theme-22 .wci-card{}

/* Theme 23: shadow, #60a5fa */
.wci-theme-23 .wci-card{border-left:6px solid #60a5fa;}
.wci-theme-23 .wci-badge{background:#60a5fa;color:#fff}
.wci-theme-23 .wci-price{color:#60a5fa;background:#60a5fa1F;border:1px solid #60a5fa66}
.wci-theme-23 .wci-body{}
.wci-theme-23 .wci-grid{}
.wci-theme-23 .wci-card{}
.wci-theme-23 .wci-card{}

/* Theme 24: shadow, #a78bfa */
.wci-theme-24 .wci-card{border-left:6px solid #a78bfa;}
.wci-theme-24 .wci-badge{background:#a78bfa;color:#fff}
.wci-theme-24 .wci-price{color:#a78bfa;background:#a78bfa1F;border:1px solid #a78bfa66}
.wci-theme-24 .wci-body{}
.wci-theme-24 .wci-grid{}
.wci-theme-24 .wci-card{}
.wci-theme-24 .wci-card{}

/* Theme 25: shadow, #f472b6 */
.wci-theme-25 .wci-card{border-left:6px solid #f472b6;}
.wci-theme-25 .wci-badge{background:#f472b6;color:#fff}
.wci-theme-25 .wci-price{color:#f472b6;background:#f472b61F;border:1px solid #f472b666}
.wci-theme-25 .wci-body{}
.wci-theme-25 .wci-grid{}
.wci-theme-25 .wci-card{}
.wci-theme-25 .wci-card{}

/* Theme 26: hmedia, #22d3ee */
.wci-theme-26 .wci-card{border-left:6px solid #22d3ee;}
.wci-theme-26 .wci-badge{background:#22d3ee;color:#fff}
.wci-theme-26 .wci-price{color:#22d3ee;background:#22d3ee1F;border:1px solid #22d3ee66}
.wci-theme-26 .wci-body{}
.wci-theme-26 .wci-grid{}
.wci-theme-26 .wci-card{}
.wci-theme-26 .wci-card{}

/* Theme 27: hmedia, #06b6d4 */
.wci-theme-27 .wci-card{border-left:6px solid #06b6d4;}
.wci-theme-27 .wci-badge{background:#06b6d4;color:#fff}
.wci-theme-27 .wci-price{color:#06b6d4;background:#06b6d41F;border:1px solid #06b6d466}
.wci-theme-27 .wci-body{}
.wci-theme-27 .wci-grid{}
.wci-theme-27 .wci-card{}
.wci-theme-27 .wci-card{}

/* Theme 28: hmedia, #0ea5e9 */
.wci-theme-28 .wci-card{border-left:6px solid #0ea5e9;}
.wci-theme-28 .wci-badge{background:#0ea5e9;color:#fff}
.wci-theme-28 .wci-price{color:#0ea5e9;background:#0ea5e91F;border:1px solid #0ea5e966}
.wci-theme-28 .wci-body{}
.wci-theme-28 .wci-grid{}
.wci-theme-28 .wci-card{}
.wci-theme-28 .wci-card{}

/* Theme 29: hmedia, #38bdf8 */
.wci-theme-29 .wci-card{border-left:6px solid #38bdf8;}
.wci-theme-29 .wci-badge{background:#38bdf8;color:#fff}
.wci-theme-29 .wci-price{color:#38bdf8;background:#38bdf81F;border:1px solid #38bdf866}
.wci-theme-29 .wci-body{}
.wci-theme-29 .wci-grid{}
.wci-theme-29 .wci-card{}
.wci-theme-29 .wci-card{}

/* Theme 30: hmedia, #22c55e */
.wci-theme-30 .wci-card{border-left:6px solid #22c55e;}
.wci-theme-30 .wci-badge{background:#22c55e;color:#fff}
.wci-theme-30 .wci-price{color:#22c55e;background:#22c55e1F;border:1px solid #22c55e66}
.wci-theme-30 .wci-body{}
.wci-theme-30 .wci-grid{}
.wci-theme-30 .wci-card{}
.wci-theme-30 .wci-card{}

/* Theme 31: circle, #84cc16 */
.wci-theme-31 .wci-card{border-left:6px solid #84cc16;}
.wci-theme-31 .wci-badge{background:#84cc16;color:#fff}
.wci-theme-31 .wci-price{color:#84cc16;background:#84cc161F;border:1px solid #84cc1666}
.wci-theme-31 .wci-body{}
.wci-theme-31 .wci-grid{}
.wci-theme-31 .wci-card{}
.wci-theme-31 .wci-card{}

/* Theme 32: circle, #a3e635 */
.wci-theme-32 .wci-card{border-left:6px solid #a3e635;}
.wci-theme-32 .wci-badge{background:#a3e635;color:#fff}
.wci-theme-32 .wci-price{color:#a3e635;background:#a3e6351F;border:1px solid #a3e63566}
.wci-theme-32 .wci-body{}
.wci-theme-32 .wci-grid{}
.wci-theme-32 .wci-card{}
.wci-theme-32 .wci-card{}

/* Theme 33: circle, #facc15 */
.wci-theme-33 .wci-card{border-left:6px solid #facc15;}
.wci-theme-33 .wci-badge{background:#facc15;color:#fff}
.wci-theme-33 .wci-price{color:#facc15;background:#facc151F;border:1px solid #facc1566}
.wci-theme-33 .wci-body{}
.wci-theme-33 .wci-grid{}
.wci-theme-33 .wci-card{}
.wci-theme-33 .wci-card{}

/* Theme 34: circle, #f59e0b */
.wci-theme-34 .wci-card{border-left:6px solid #f59e0b;}
.wci-theme-34 .wci-badge{background:#f59e0b;color:#fff}
.wci-theme-34 .wci-price{color:#f59e0b;background:#f59e0b1F;border:1px solid #f59e0b66}
.wci-theme-34 .wci-body{}
.wci-theme-34 .wci-grid{}
.wci-theme-34 .wci-card{}
.wci-theme-34 .wci-card{}

/* Theme 35: circle, #eab308 */
.wci-theme-35 .wci-card{border-left:6px solid #eab308;}
.wci-theme-35 .wci-badge{background:#eab308;color:#fff}
.wci-theme-35 .wci-price{color:#eab308;background:#eab3081F;border:1px solid #eab30866}
.wci-theme-35 .wci-body{}
.wci-theme-35 .wci-grid{}
.wci-theme-35 .wci-card{}
.wci-theme-35 .wci-card{}

/* Theme 36: compact, #ef4444 */
.wci-theme-36 .wci-card{border-left:6px solid #ef4444;}
.wci-theme-36 .wci-badge{background:#ef4444;color:#fff}
.wci-theme-36 .wci-price{color:#ef4444;background:#ef44441F;border:1px solid #ef444466}
.wci-theme-36 .wci-body{}
.wci-theme-36 .wci-grid{}
.wci-theme-36 .wci-card{}
.wci-theme-36 .wci-card{}

/* Theme 37: compact, #f97316 */
.wci-theme-37 .wci-card{border-left:6px solid #f97316;}
.wci-theme-37 .wci-badge{background:#f97316;color:#fff}
.wci-theme-37 .wci-price{color:#f97316;background:#f973161F;border:1px solid #f9731666}
.wci-theme-37 .wci-body{}
.wci-theme-37 .wci-grid{}
.wci-theme-37 .wci-card{}
.wci-theme-37 .wci-card{}

/* Theme 38: compact, #fb923c */
.wci-theme-38 .wci-card{border-left:6px solid #fb923c;}
.wci-theme-38 .wci-badge{background:#fb923c;color:#fff}
.wci-theme-38 .wci-price{color:#fb923c;background:#fb923c1F;border:1px solid #fb923c66}
.wci-theme-38 .wci-body{}
.wci-theme-38 .wci-grid{}
.wci-theme-38 .wci-card{}
.wci-theme-38 .wci-card{}

/* Theme 39: compact, #f43f5e */
.wci-theme-39 .wci-card{border-left:6px solid #f43f5e;}
.wci-theme-39 .wci-badge{background:#f43f5e;color:#fff}
.wci-theme-39 .wci-price{color:#f43f5e;background:#f43f5e1F;border:1px solid #f43f5e66}
.wci-theme-39 .wci-body{}
.wci-theme-39 .wci-grid{}
.wci-theme-39 .wci-card{}
.wci-theme-39 .wci-card{}

/* Theme 40: compact, #64748b */
.wci-theme-40 .wci-card{border-left:6px solid #64748b;}
.wci-theme-40 .wci-badge{background:#64748b;color:#fff}
.wci-theme-40 .wci-price{color:#64748b;background:#64748b1F;border:1px solid #64748b66}
.wci-theme-40 .wci-body{}
.wci-theme-40 .wci-grid{}
.wci-theme-40 .wci-card{}
.wci-theme-40 .wci-card{}
/* v1.3.5 attach variant classes to theme containers */
.wci-theme-1,.wci-theme-2,.wci-theme-3,.wci-theme-4,.wci-theme-5{}
.wci-theme-1 .wci-grid,.wci-theme-2 .wci-grid,.wci-theme-3 .wci-grid,.wci-theme-4 .wci-grid,.wci-theme-5 .wci-grid{}
/* We can't add classes server-side here; but we can scope styles using theme numbers */
.wci-theme-1 .wci-card,.wci-theme-2 .wci-card,.wci-theme-3 .wci-card,.wci-theme-4 .wci-card,.wci-theme-5 .wci-card{}

/* v1.3.5 scoped variant rules */
.wci-theme-1 .wci-card{border-left-width:6px !important}
.wci-theme-2 .wci-card{border-left-width:6px !important}
.wci-theme-3 .wci-card{border-left-width:6px !important}
.wci-theme-4 .wci-card{border-left-width:6px !important}
.wci-theme-5 .wci-card{border-left-width:6px !important}
.wci-theme-6 .wci-card{border-left-width:0 !important;border-top-width:6px !important}
.wci-theme-7 .wci-card{border-left-width:0 !important;border-top-width:6px !important}
.wci-theme-8 .wci-card{border-left-width:0 !important;border-top-width:6px !important}
.wci-theme-9 .wci-card{border-left-width:0 !important;border-top-width:6px !important}
.wci-theme-10 .wci-card{border-left-width:0 !important;border-top-width:6px !important}
.wci-theme-11 .wci-card{border-width:2px !important;border-left-width:2px !important}
.wci-theme-12 .wci-card{border-width:2px !important;border-left-width:2px !important}
.wci-theme-13 .wci-card{border-width:2px !important;border-left-width:2px !important}
.wci-theme-14 .wci-card{border-width:2px !important;border-left-width:2px !important}
.wci-theme-15 .wci-card{border-width:2px !important;border-left-width:2px !important}
.wci-theme-16 .wci-card{background:var(--wci-soft,#fff) !important}
.wci-theme-17 .wci-card{background:var(--wci-soft,#fff) !important}
.wci-theme-18 .wci-card{background:var(--wci-soft,#fff) !important}
.wci-theme-19 .wci-card{background:var(--wci-soft,#fff) !important}
.wci-theme-20 .wci-card{background:var(--wci-soft,#fff) !important}
.wci-theme-21 .wci-card{box-shadow:0 14px 36px rgba(0,0,0,.10) !important}
.wci-theme-22 .wci-card{box-shadow:0 14px 36px rgba(0,0,0,.10) !important}
.wci-theme-23 .wci-card{box-shadow:0 14px 36px rgba(0,0,0,.10) !important}
.wci-theme-24 .wci-card{box-shadow:0 14px 36px rgba(0,0,0,.10) !important}
.wci-theme-25 .wci-card{box-shadow:0 14px 36px rgba(0,0,0,.10) !important}
.wci-theme-26 .wci-card{display:grid;grid-template-columns:180px 1fr;gap:0}
.wci-theme-27 .wci-card{display:grid;grid-template-columns:180px 1fr;gap:0}
.wci-theme-28 .wci-card{display:grid;grid-template-columns:180px 1fr;gap:0}
.wci-theme-29 .wci-card{display:grid;grid-template-columns:180px 1fr;gap:0}
.wci-theme-30 .wci-card{display:grid;grid-template-columns:180px 1fr;gap:0}
.wci-theme-31 .wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}.wci-thumb img{width:140px !important;height:140px !important;border-radius:999px;border:4px solid #fff;box-shadow:0 8px 22px rgba(0,0,0,.06)}
.wci-theme-32 .wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}.wci-thumb img{width:140px !important;height:140px !important;border-radius:999px;border:4px solid #fff;box-shadow:0 8px 22px rgba(0,0,0,.06)}
.wci-theme-33 .wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}.wci-thumb img{width:140px !important;height:140px !important;border-radius:999px;border:4px solid #fff;box-shadow:0 8px 22px rgba(0,0,0,.06)}
.wci-theme-34 .wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}.wci-thumb img{width:140px !important;height:140px !important;border-radius:999px;border:4px solid #fff;box-shadow:0 8px 22px rgba(0,0,0,.06)}
.wci-theme-35 .wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}.wci-thumb img{width:140px !important;height:140px !important;border-radius:999px;border:4px solid #fff;box-shadow:0 8px 22px rgba(0,0,0,.06)}
.wci-theme-36 .wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}.wci-body{padding-top:16px !important}
.wci-theme-37 .wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}.wci-body{padding-top:16px !important}
.wci-theme-38 .wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}.wci-body{padding-top:16px !important}
.wci-theme-39 .wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}.wci-body{padding-top:16px !important}
.wci-theme-40 .wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}.wci-body{padding-top:16px !important}
.wci-theme-16 .wci-card{--wci-soft: #ec489914 !important; border-color:#ec489933 !important}
.wci-theme-17 .wci-card{--wci-soft: #f43f5e14 !important; border-color:#f43f5e33 !important}
.wci-theme-18 .wci-card{--wci-soft: #fb718514 !important; border-color:#fb718533 !important}
.wci-theme-19 .wci-card{--wci-soft: #fda4af14 !important; border-color:#fda4af33 !important}
.wci-theme-20 .wci-card{--wci-soft: #7c3aed14 !important; border-color:#7c3aed33 !important}
@media (max-width:640px){
  .wci-theme-26 .wci-card, .wci-theme-27 .wci-card, .wci-theme-28 .wci-card, .wci-theme-29 .wci-card, .wci-theme-30 .wci-card{grid-template-columns:1fr}
  .wci-theme-26 .wci-thumb, .wci-theme-27 .wci-thumb, .wci-theme-28 .wci-thumb, .wci-theme-29 .wci-thumb, .wci-theme-30 .wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}
}


/* v1.3.6 – vertical stack enforcement: image top, text below (for ALL themes) */
[class*="wci-theme-"] .wci-card{display:block !important}
[class*="wci-theme-"] .wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}
[class*="wci-theme-"] .wci-body{display:block !important;margin-top:0 !important}
/* neutralize circle/compact/hmedia leftovers */
[class*="wci-theme-"] .wci-thumb img{border-radius:8px !important;object-fit:contain !important;max-width:100% !important;max-height:100% !important;width:auto !important;height:auto !important}
.wci-theme-26 .wci-card,.wci-theme-27 .wci-card,.wci-theme-28 .wci-card,.wci-theme-29 .wci-card,.wci-theme-30 .wci-card{display:block !important}
.wci-theme-36 .wci-thumb,.wci-theme-37 .wci-thumb,.wci-theme-38 .wci-thumb,.wci-theme-39 .wci-thumb,.wci-theme-40 .wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}
.wci-theme-31 .wci-thumb img,.wci-theme-32 .wci-thumb img,.wci-theme-33 .wci-thumb img,.wci-theme-34 .wci-thumb img,.wci-theme-35 .wci-thumb img{border-radius:8px !important}

/* v1.3.6 – vertical-safe variants only */
:root{--wci-border: rgba(0,0,0,.06)}
[class*="wci-theme-"] .wci-card{border:1px solid var(--wci-border);border-radius:12px}
/* 5-way cycle by theme number */
.wci-theme-1 .wci-card{border-left:6px solid #ef4444 !important}
.wci-theme-1 .wci-badge{background:#ef4444;color:#fff}
.wci-theme-1 .wci-price{color:#ef4444;background:#ef44441F;border:1px solid #ef444466;border-radius:6px;padding:2px 8px}
.wci-theme-2 .wci-card{border-top:6px solid #f97316 !important}
.wci-theme-2 .wci-badge{background:#f97316;color:#fff}
.wci-theme-2 .wci-price{color:#f97316;background:#f973161F;border:1px solid #f9731666;border-radius:6px;padding:2px 8px}
.wci-theme-3 .wci-card{border:2px solid #f59e0b66 !important}
.wci-theme-3 .wci-badge{background:#f59e0b;color:#fff}
.wci-theme-3 .wci-price{color:#f59e0b;background:#f59e0b1F;border:1px solid #f59e0b66;border-radius:6px;padding:2px 8px}
.wci-theme-4 .wci-card{background:#eab30814 !important;border-color:#eab30833 !important}
.wci-theme-4 .wci-badge{background:#eab308;color:#fff}
.wci-theme-4 .wci-price{color:#eab308;background:#eab3081F;border:1px solid #eab30866;border-radius:6px;padding:2px 8px}
.wci-theme-5 .wci-card{box-shadow:0 14px 36px #84cc1633 !important;border-left:6px solid #84cc16 !important}
.wci-theme-5 .wci-badge{background:#84cc16;color:#fff}
.wci-theme-5 .wci-price{color:#84cc16;background:#84cc161F;border:1px solid #84cc1666;border-radius:6px;padding:2px 8px}
.wci-theme-6 .wci-card{border-left:6px solid #22c55e !important}
.wci-theme-6 .wci-badge{background:#22c55e;color:#fff}
.wci-theme-6 .wci-price{color:#22c55e;background:#22c55e1F;border:1px solid #22c55e66;border-radius:6px;padding:2px 8px}
.wci-theme-7 .wci-card{border-top:6px solid #10b981 !important}
.wci-theme-7 .wci-badge{background:#10b981;color:#fff}
.wci-theme-7 .wci-price{color:#10b981;background:#10b9811F;border:1px solid #10b98166;border-radius:6px;padding:2px 8px}
.wci-theme-8 .wci-card{border:2px solid #14b8a666 !important}
.wci-theme-8 .wci-badge{background:#14b8a6;color:#fff}
.wci-theme-8 .wci-price{color:#14b8a6;background:#14b8a61F;border:1px solid #14b8a666;border-radius:6px;padding:2px 8px}
.wci-theme-9 .wci-card{background:#06b6d414 !important;border-color:#06b6d433 !important}
.wci-theme-9 .wci-badge{background:#06b6d4;color:#fff}
.wci-theme-9 .wci-price{color:#06b6d4;background:#06b6d41F;border:1px solid #06b6d466;border-radius:6px;padding:2px 8px}
.wci-theme-10 .wci-card{box-shadow:0 14px 36px #0ea5e933 !important;border-left:6px solid #0ea5e9 !important}
.wci-theme-10 .wci-badge{background:#0ea5e9;color:#fff}
.wci-theme-10 .wci-price{color:#0ea5e9;background:#0ea5e91F;border:1px solid #0ea5e966;border-radius:6px;padding:2px 8px}
.wci-theme-11 .wci-card{border-left:6px solid #3b82f6 !important}
.wci-theme-11 .wci-badge{background:#3b82f6;color:#fff}
.wci-theme-11 .wci-price{color:#3b82f6;background:#3b82f61F;border:1px solid #3b82f666;border-radius:6px;padding:2px 8px}
.wci-theme-12 .wci-card{border-top:6px solid #6366f1 !important}
.wci-theme-12 .wci-badge{background:#6366f1;color:#fff}
.wci-theme-12 .wci-price{color:#6366f1;background:#6366f11F;border:1px solid #6366f166;border-radius:6px;padding:2px 8px}
.wci-theme-13 .wci-card{border:2px solid #8b5cf666 !important}
.wci-theme-13 .wci-badge{background:#8b5cf6;color:#fff}
.wci-theme-13 .wci-price{color:#8b5cf6;background:#8b5cf61F;border:1px solid #8b5cf666;border-radius:6px;padding:2px 8px}
.wci-theme-14 .wci-card{background:#a855f714 !important;border-color:#a855f733 !important}
.wci-theme-14 .wci-badge{background:#a855f7;color:#fff}
.wci-theme-14 .wci-price{color:#a855f7;background:#a855f71F;border:1px solid #a855f766;border-radius:6px;padding:2px 8px}
.wci-theme-15 .wci-card{box-shadow:0 14px 36px #d946ef33 !important;border-left:6px solid #d946ef !important}
.wci-theme-15 .wci-badge{background:#d946ef;color:#fff}
.wci-theme-15 .wci-price{color:#d946ef;background:#d946ef1F;border:1px solid #d946ef66;border-radius:6px;padding:2px 8px}
.wci-theme-16 .wci-card{border-left:6px solid #ec4899 !important}
.wci-theme-16 .wci-badge{background:#ec4899;color:#fff}
.wci-theme-16 .wci-price{color:#ec4899;background:#ec48991F;border:1px solid #ec489966;border-radius:6px;padding:2px 8px}
.wci-theme-17 .wci-card{border-top:6px solid #f43f5e !important}
.wci-theme-17 .wci-badge{background:#f43f5e;color:#fff}
.wci-theme-17 .wci-price{color:#f43f5e;background:#f43f5e1F;border:1px solid #f43f5e66;border-radius:6px;padding:2px 8px}
.wci-theme-18 .wci-card{border:2px solid #fb718566 !important}
.wci-theme-18 .wci-badge{background:#fb7185;color:#fff}
.wci-theme-18 .wci-price{color:#fb7185;background:#fb71851F;border:1px solid #fb718566;border-radius:6px;padding:2px 8px}
.wci-theme-19 .wci-card{background:#fda4af14 !important;border-color:#fda4af33 !important}
.wci-theme-19 .wci-badge{background:#fda4af;color:#fff}
.wci-theme-19 .wci-price{color:#fda4af;background:#fda4af1F;border:1px solid #fda4af66;border-radius:6px;padding:2px 8px}
.wci-theme-20 .wci-card{box-shadow:0 14px 36px #7c3aed33 !important;border-left:6px solid #7c3aed !important}
.wci-theme-20 .wci-badge{background:#7c3aed;color:#fff}
.wci-theme-20 .wci-price{color:#7c3aed;background:#7c3aed1F;border:1px solid #7c3aed66;border-radius:6px;padding:2px 8px}
.wci-theme-21 .wci-card{border-left:6px solid #34d399 !important}
.wci-theme-21 .wci-badge{background:#34d399;color:#fff}
.wci-theme-21 .wci-price{color:#34d399;background:#34d3991F;border:1px solid #34d39966;border-radius:6px;padding:2px 8px}
.wci-theme-22 .wci-card{border-top:6px solid #67e8f9 !important}
.wci-theme-22 .wci-badge{background:#67e8f9;color:#fff}
.wci-theme-22 .wci-price{color:#67e8f9;background:#67e8f91F;border:1px solid #67e8f966;border-radius:6px;padding:2px 8px}
.wci-theme-23 .wci-card{border:2px solid #60a5fa66 !important}
.wci-theme-23 .wci-badge{background:#60a5fa;color:#fff}
.wci-theme-23 .wci-price{color:#60a5fa;background:#60a5fa1F;border:1px solid #60a5fa66;border-radius:6px;padding:2px 8px}
.wci-theme-24 .wci-card{background:#a78bfa14 !important;border-color:#a78bfa33 !important}
.wci-theme-24 .wci-badge{background:#a78bfa;color:#fff}
.wci-theme-24 .wci-price{color:#a78bfa;background:#a78bfa1F;border:1px solid #a78bfa66;border-radius:6px;padding:2px 8px}
.wci-theme-25 .wci-card{box-shadow:0 14px 36px #f472b633 !important;border-left:6px solid #f472b6 !important}
.wci-theme-25 .wci-badge{background:#f472b6;color:#fff}
.wci-theme-25 .wci-price{color:#f472b6;background:#f472b61F;border:1px solid #f472b666;border-radius:6px;padding:2px 8px}
.wci-theme-26 .wci-card{border-left:6px solid #22d3ee !important}
.wci-theme-26 .wci-badge{background:#22d3ee;color:#fff}
.wci-theme-26 .wci-price{color:#22d3ee;background:#22d3ee1F;border:1px solid #22d3ee66;border-radius:6px;padding:2px 8px}
.wci-theme-27 .wci-card{border-top:6px solid #06b6d4 !important}
.wci-theme-27 .wci-badge{background:#06b6d4;color:#fff}
.wci-theme-27 .wci-price{color:#06b6d4;background:#06b6d41F;border:1px solid #06b6d466;border-radius:6px;padding:2px 8px}
.wci-theme-28 .wci-card{border:2px solid #0ea5e966 !important}
.wci-theme-28 .wci-badge{background:#0ea5e9;color:#fff}
.wci-theme-28 .wci-price{color:#0ea5e9;background:#0ea5e91F;border:1px solid #0ea5e966;border-radius:6px;padding:2px 8px}
.wci-theme-29 .wci-card{background:#38bdf814 !important;border-color:#38bdf833 !important}
.wci-theme-29 .wci-badge{background:#38bdf8;color:#fff}
.wci-theme-29 .wci-price{color:#38bdf8;background:#38bdf81F;border:1px solid #38bdf866;border-radius:6px;padding:2px 8px}
.wci-theme-30 .wci-card{box-shadow:0 14px 36px #22c55e33 !important;border-left:6px solid #22c55e !important}
.wci-theme-30 .wci-badge{background:#22c55e;color:#fff}
.wci-theme-30 .wci-price{color:#22c55e;background:#22c55e1F;border:1px solid #22c55e66;border-radius:6px;padding:2px 8px}
.wci-theme-31 .wci-card{border-left:6px solid #84cc16 !important}
.wci-theme-31 .wci-badge{background:#84cc16;color:#fff}
.wci-theme-31 .wci-price{color:#84cc16;background:#84cc161F;border:1px solid #84cc1666;border-radius:6px;padding:2px 8px}
.wci-theme-32 .wci-card{border-top:6px solid #a3e635 !important}
.wci-theme-32 .wci-badge{background:#a3e635;color:#fff}
.wci-theme-32 .wci-price{color:#a3e635;background:#a3e6351F;border:1px solid #a3e63566;border-radius:6px;padding:2px 8px}
.wci-theme-33 .wci-card{border:2px solid #facc1566 !important}
.wci-theme-33 .wci-badge{background:#facc15;color:#fff}
.wci-theme-33 .wci-price{color:#facc15;background:#facc151F;border:1px solid #facc1566;border-radius:6px;padding:2px 8px}
.wci-theme-34 .wci-card{background:#f59e0b14 !important;border-color:#f59e0b33 !important}
.wci-theme-34 .wci-badge{background:#f59e0b;color:#fff}
.wci-theme-34 .wci-price{color:#f59e0b;background:#f59e0b1F;border:1px solid #f59e0b66;border-radius:6px;padding:2px 8px}
.wci-theme-35 .wci-card{box-shadow:0 14px 36px #eab30833 !important;border-left:6px solid #eab308 !important}
.wci-theme-35 .wci-badge{background:#eab308;color:#fff}
.wci-theme-35 .wci-price{color:#eab308;background:#eab3081F;border:1px solid #eab30866;border-radius:6px;padding:2px 8px}
.wci-theme-36 .wci-card{border-left:6px solid #ef4444 !important}
.wci-theme-36 .wci-badge{background:#ef4444;color:#fff}
.wci-theme-36 .wci-price{color:#ef4444;background:#ef44441F;border:1px solid #ef444466;border-radius:6px;padding:2px 8px}
.wci-theme-37 .wci-card{border-top:6px solid #f97316 !important}
.wci-theme-37 .wci-badge{background:#f97316;color:#fff}
.wci-theme-37 .wci-price{color:#f97316;background:#f973161F;border:1px solid #f9731666;border-radius:6px;padding:2px 8px}
.wci-theme-38 .wci-card{border:2px solid #fb923c66 !important}
.wci-theme-38 .wci-badge{background:#fb923c;color:#fff}
.wci-theme-38 .wci-price{color:#fb923c;background:#fb923c1F;border:1px solid #fb923c66;border-radius:6px;padding:2px 8px}
.wci-theme-39 .wci-card{background:#f43f5e14 !important;border-color:#f43f5e33 !important}
.wci-theme-39 .wci-badge{background:#f43f5e;color:#fff}
.wci-theme-39 .wci-price{color:#f43f5e;background:#f43f5e1F;border:1px solid #f43f5e66;border-radius:6px;padding:2px 8px}
.wci-theme-40 .wci-card{box-shadow:0 14px 36px #64748b33 !important;border-left:6px solid #64748b !important}
.wci-theme-40 .wci-badge{background:#64748b;color:#fff}
.wci-theme-40 .wci-price{color:#64748b;background:#64748b1F;border:1px solid #64748b66;border-radius:6px;padding:2px 8px}
/* WCI fix 2025-10-26: prevent image cropping in cards */
.wci-thumb{width:100%;height:auto !important;overflow:visible !important;background:#f4f6f8;display:block;position:relative}
.wci-thumb img.wci-img{max-width:100% !important;max-height:100% !important;width:auto !important;height:auto !important;object-fit:contain !important;object-position:center center !important;display:block !important}

/* WCI fix3: force full image visibility and stacking */
.wci-thumb img.wci-img{display:block !important;max-width:100% !important;width:100% !important;height:auto !important;object-fit:contain !important;object-position:center center !important;position:relative !important;z-index:1 !important}