/* WCI Core layout - fixed columns so a single item doesn't stretch full-width on desktop */
.wci-grid{display:grid;grid-template-columns:repeat(3,minmax(0,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-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:600px){ .wci-grid{grid-template-columns:1fr;} }


/* ================= 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}


/* WCI Pagination - top centered pill style */
.wci-pagination{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:10px 0 24px;
  font-size:.94rem;
  direction:rtl;
}
.wci-pagination .page-numbers{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:32px;
  height:32px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid #e5e7eb;
  background:#ffffff;
  color:#374151;
  text-decoration:none;
  box-shadow:0 3px 10px rgba(15,23,42,0.08);
  transition:all .18s ease;
}
.wci-pagination .page-numbers:hover{
  transform:translateY(-1px);
  box-shadow:0 5px 16px rgba(15,23,42,0.12);
  border-color:#0ea5e9;
  color:#0ea5e9;
}
.wci-pagination .page-numbers.current{
  background:#0ea5e9;
  color:#ffffff;
  border-color:#0ea5e9;
  box-shadow:0 6px 18px rgba(14,165,233,0.45);
}
.wci-pagination .page-numbers.dots{
  box-shadow:none;
  border-color:transparent;
  background:transparent;
}

/* Hint above pagination */
.wci-pagination-hint{
  direction:rtl;
  text-align:center;
  margin:20px 0 4px;
  font-size:.9rem;
  color:#4b5563;
  padding:8px 12px;
  background:#f9fafb;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.wci-pagination-hint::before{
  content:'⟳';
  font-size:1.05rem;
  opacity:.8;
}

/* Loading overlay while fetching next page */
.wci-loading{
  position:relative;
}
.wci-loading::after{
  content:'در حال بارگذاری مدل‌های بیشتر...';
  position:absolute;
  inset:0;
  background:rgba(255,255,255,0.82);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:.95rem;
  color:#0f172a;
  z-index:5;
}


/* Equal-height cards in each row */
.wci-grid{
  align-items:stretch;
}
.wci-item{
  display:flex;
}
.wci-card{
  display:flex;
  flex-direction:column;
  height:100%;
}
.wci-body{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
}


/* Mobile: make 2 cards side by side when space allows */



/* Responsive grid + typography re-tuned for mobile */
/* Small phones: single column, normal right-aligned text */
@media (max-width: 480px){
  .wci-grid{
    grid-template-columns:repeat(1,minmax(0,1fr));
  }
  .wci-card{
    padding:10px 10px;
  }
  .wci-body{
    text-align:right;
  }
  .wci-title{
    font-size:0.95rem;
    line-height:1.5;
  }
  .wci-desc{
    font-size:0.85rem;
    line-height:1.7;
  }
  .wci-code,
  .wci-meta,
  .wci-price{
    font-size:0.8rem;
  }
}

/* Larger phones / small tablets: two columns, slightly compact text */
@media (min-width: 481px) and (max-width: 768px){
  .wci-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .wci-card{
    padding:10px 8px;
  }
  .wci-body{
    text-align:right;
  }
  .wci-title{
    font-size:0.9rem;
    line-height:1.5;
  }
  .wci-desc{
    font-size:0.8rem;
    line-height:1.6;
  }
  .wci-code,
  .wci-meta,
  .wci-price{
    font-size:0.78rem;
  }
}




/* WCI Smart filters */
.wci-filters-wrap{margin:8px 0 14px}
.wci-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.wci-filter{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(0,0,0,0.12);background:#fff;text-decoration:none;font-size:14px;line-height:1;transition:transform .12s ease, box-shadow .12s ease}
.wci-filter:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(0,0,0,0.08)}
.wci-filter.is-active{background:#111;color:#fff;border-color:#111}
.wci-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:rgba(0,0,0,0.08);font-size:12px}
.wci-filter.is-active .wci-filter-count{background:rgba(255,255,255,0.18)}

/* --- v1.3.7-smart2: Tree/Sidebar filter menu + readability fixes --- */
.wci-album-wrap{display:flex;gap:14px;align-items:flex-start;margin:8px 0 14px}
.wci-album-sidebar{flex:0 0 270px;max-width:320px}
.wci-album-main{flex:1 1 auto;min-width:0}

@media (max-width: 900px){
  /* Mobile layout: stack filters above items (avoid sidebar beside content) */
  .wci-album-wrap{flex-direction:column}
  .wci-album-sidebar{flex:0 0 auto;max-width:100%;width:100%}
  .wci-album-main{width:100%}

  .wci-filter-menu-details{position:relative;top:auto;margin:10px 0 12px;border-radius:18px}
  .wci-filter-menu-title{padding:10px 12px;font-size:14px}
  .wci-filter-menu-body{padding:8px}

  /* Compact, 2-column chip-like layout on mobile */
  .wci-filters.wci-filter-tree{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;list-style:none;margin:0;padding:0}
  .wci-filter-leaf{margin:0;list-style:none}

  /* Mobile: make the "همه" button bigger & centered on top */
  .wci-filter-leaf.wci-filter-leaf-all{grid-column:1 / -1}
  .wci-filter-tree .wci-filter{padding:7px 9px;border-radius:12px;position:relative;padding-right:22px}
  .wci-filter-tree .wci-filter.wci-filter-all{width:100%;justify-content:center;font-size:15px;font-weight:800;padding:11px 14px;border-radius:16px;padding-right:26px}

  /* Mobile: add a consistent "dot" inside each chip (fixes missing dot on the right column when theme clips list markers) */
  .wci-filter-tree .wci-filter:before{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:999px;background:rgba(17,24,39,0.55)}
  .wci-filter-tree .wci-filter.is-active:before{background:rgba(255,255,255,0.9)}
  .wci-filter-count{min-width:18px;height:18px;font-size:11px}

  .wci-filter-branch{margin:0;grid-column:1 / -1;list-style:none}
  .wci-branch-details{border-radius:14px;padding:6px}
  .wci-branch-summary{padding:6px 8px;font-size:13px}
  .wci-branch-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:6px 0 0;padding:0;list-style:none}
  .wci-branch-list .wci-filter-leaf{margin:0;list-style:none}
}

.wci-filter-menu-details{position:sticky;top:var(--wci-sticky-top, 12px);background:#fff;border:1px solid rgba(0,0,0,0.08);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,0.04);overflow:hidden}
.wci-filter-menu-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;font-weight:800;color:#111827;margin:0;cursor:pointer;user-select:none;list-style:none}
.wci-filter-menu-title::-webkit-details-marker{display:none}
.wci-filter-menu-title:after{content:"▾";opacity:.65}
.wci-filter-menu-details[open] .wci-filter-menu-title:after{content:"▴"}
.wci-filter-menu-current{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,0.06);font-size:12px;font-weight:700;color:#111827;white-space:nowrap;max-width:55vw;overflow:hidden;text-overflow:ellipsis}
.wci-filter-menu-details[open] .wci-filter-menu-title{border-bottom:1px solid rgba(0,0,0,0.06)}
.wci-filter-menu-body{padding:12px}

@media (max-width: 900px){
  .wci-filter-menu-details{top:8px;border-radius:18px}
  .wci-filter-menu-title{padding:10px 12px;font-size:14px}
  .wci-filter-menu-body{padding:8px}

  /* Compact, 2-column chip-like layout on mobile */
  .wci-filters.wci-filter-tree{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;list-style:none;margin:0;padding:0}
  .wci-filter-leaf{margin:0;list-style:none}

  /* Mobile: make the "همه" button bigger & centered on top */
  .wci-filter-leaf.wci-filter-leaf-all{grid-column:1 / -1}
  .wci-filter-tree .wci-filter{padding:7px 9px;border-radius:12px;position:relative;padding-right:22px}
  .wci-filter-tree .wci-filter.wci-filter-all{width:100%;justify-content:center;font-size:15px;font-weight:800;padding:11px 14px;border-radius:16px;padding-right:26px}

  /* Mobile: add a consistent "dot" inside each chip */
  .wci-filter-tree .wci-filter:before{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:999px;background:rgba(17,24,39,0.55)}
  .wci-filter-tree .wci-filter.is-active:before{background:rgba(255,255,255,0.9)}
  .wci-filter-count{min-width:18px;height:18px;font-size:11px}

  .wci-filter-branch{margin:0;grid-column:1 / -1;list-style:none}
  .wci-branch-details{border-radius:14px;padding:6px}
  .wci-branch-summary{padding:6px 8px;font-size:13px}
  .wci-branch-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:6px 0 0;padding:0;list-style:none}
  .wci-branch-list .wci-filter-leaf{margin:0;list-style:none}
}

/* Make sure filters (incl. «همه») stay readable even if the theme overrides link colors */
.wci-filters .wci-filter{color:#111827 !important;text-shadow:none !important}
.wci-filters .wci-filter.is-active{background:#111 !important;border-color:#111 !important;color:#fff !important;text-shadow:none !important;box-shadow:none !important;filter:none !important}

/* v11: remove decorative dots/markers on mobile filter chips (requested) */
.wci-filters.wci-filter-tree,
.wci-filters.wci-filter-tree li{list-style:none !important}
.wci-filters.wci-filter-tree li::marker{content:'' !important}
.wci-filter-tree .wci-filter:before{display:none !important;content:none !important}
@media (max-width: 900px){
  .wci-filter-tree .wci-filter{padding-right:12px !important}
  .wci-filter-tree .wci-filter.wci-filter-all{padding-right:14px !important}
}


/* Force readable active filter text on all themes */
.wci-filter.is-active, .wci-filter.is-active *{text-shadow:none !important;}
/* Tree style overrides (desktop) */
@media (min-width: 901px){
  .wci-filters.wci-filter-tree{display:block;list-style:none;margin:0;padding:0;gap:0}
  .wci-filter-leaf{margin:0 0 8px}
  .wci-filter-tree .wci-filter{width:100%;justify-content:space-between;border-radius:12px;padding:10px 12px}
  .wci-filter-tree .wci-filter:hover{transform:none;box-shadow:0 8px 18px rgba(0,0,0,0.06)}

  .wci-filter-branch{margin:0 0 10px}
  .wci-branch-details{border:1px solid rgba(0,0,0,0.06);border-radius:14px;background:#fafafa;padding:6px}
  .wci-branch-summary{cursor:pointer;user-select:none;font-weight:800;color:#111827;list-style:none;padding:6px 8px;border-radius:10px}
  .wci-branch-summary::-webkit-details-marker{display:none}
  .wci-branch-summary:after{content:"▾";float:left;opacity:.65}
  .wci-branch-details[open] .wci-branch-summary:after{content:"▴"}

  .wci-branch-list{list-style:none;margin:8px 0 0;padding:0}
  .wci-branch-list .wci-filter-leaf{margin:0 0 8px}
}

/* Empty state */
.wci-empty{
  grid-column: 1 / -1;
  padding: 18px 14px;
  text-align: center;
  border: 1px dashed rgba(0,0,0,0.14);
  border-radius: 14px;
  background: #fff;
  color: rgba(17,24,39,0.75);
  font-weight: 800;
}

/* --- v1.3.7-smart2 patch: sticky filter sidebar on desktop + mobile jump-to-filters button --- */
@media (min-width: 901px){
  /* Sidebar behavior is handled by JS (keeps it centered and prevents overlap with fixed headers). */
  .wci-album-sidebar{position:relative;top:auto;align-self:flex-start}
  /* Avoid nested sticky edge-cases on some themes/browsers */
  .wci-album-sidebar .wci-filter-menu-details{position:relative;top:auto}
  /* If filters list is tall, keep it usable within viewport */
  .wci-album-sidebar .wci-filter-menu-body{max-height:calc(100vh - 84px);overflow:auto;overscroll-behavior:contain}
}

.wci-back-to-filters{
  position:fixed;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,0.12);
  background:#fff;
  color:#111827;
  font-weight:800;
  font-size:13px;
  line-height:1;
  box-shadow:0 10px 30px rgba(0,0,0,0.10);
  cursor:pointer;
  user-select:none;
}
.wci-back-to-filters:active{transform:translateY(-50%) scale(0.98)}

/* JS-sticky helper (desktop fallback when CSS sticky is blocked by theme containers) */
.wci-sidebar-placeholder{display:none;visibility:hidden;pointer-events:none}


@media (max-width: 900px){
  .wci-back-to-filters{
    /* v11: keep the button in the middle-right on mobile so it doesn't sit under floating widgets */
    top:50%;
    bottom:auto;
    right:14px;
    left:auto;
    transform:translateY(-50%);
    padding:10px 12px;
    font-size:13px;
    border-radius:999px;
  }
  .wci-back-to-filters:active{transform:translateY(-50%) scale(0.98)}
  .wci-back-to-filters.is-visible{display:inline-flex}
}

/* === Compact boxed layout (v9) === */
.wci-album-outer{
  width:100%;
  max-width:100%;
  display:block;
  box-sizing:border-box;
  clear:both;
  /* v14: ensure the album sits in its own full row, separated from content above */
  margin:30px 0;
  padding-top:18px;
  border-top:1px solid rgba(0,0,0,0.10);
}
.wci-album-outer .wci-album-box{
  margin:0;
}
.wci-album-header{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin:0 2px 12px;
}
.wci-album-head-title{
  font-weight:900;
  font-size:1.05rem;
  line-height:1.35;
  color:#0f172a;
}
.wci-album-head-sub{
  font-size:.9rem;
  line-height:1.6;
  color:#475569;
}


.wci-album-box{
  width:100%;
  max-width:100%;
  min-width:0;
  display:block;
  float:none;
  flex:0 0 100%;
  align-self:stretch;
  box-sizing:border-box;
  /* v12: keep a clear gap from surrounding content (don't stick to the first paragraph) */
  margin:0;
  padding:12px 12px 10px;
  background:#ffffff;
  border:1px solid rgba(0,0,0,0.08);
  border-radius:18px;
  box-shadow:0 12px 28px rgba(0,0,0,0.05);
  clear:both;
  isolation:isolate;
}
.wci-album-box .wci-album-wrap{margin:0;gap:14px;align-items:flex-start}
.wci-album-box .wci-album-sidebar{flex:0 0 270px;max-width:320px}
.wci-album-box .wci-pagination-hint{margin:12px auto 4px;font-size:.86rem;display:flex}
.wci-album-box .wci-grid{gap:10px;margin:10px 0}
.wci-album-box .wci-card{border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,0.06)}
.wci-album-box .wci-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,0,0,0.09)}
.wci-album-box .wci-body{padding:10px}
.wci-album-box .wci-title{font-size:1rem;margin:0 0 6px}
.wci-album-box .wci-desc{margin:0 0 8px;font-size:.88rem;line-height:1.45}
.wci-album-box .wci-code{margin-top:6px}
.wci-album-box .wci-filter{padding:7px 10px;font-size:13px}

/* Keep vertical sidebar on desktop, but stack on mobile like the original layout */
@media (max-width:900px){
  .wci-album-box .wci-album-sidebar{flex:0 0 auto;max-width:100%;width:100%}
}

@media (max-width:1000px){
  .wci-album-box .wci-grid{gap:12px}
}
@media (max-width:600px){
  /* v14: keep margin controlled by .wci-album-outer */
  .wci-album-box{padding:12px 12px 10px;margin:0}
  .wci-album-box .wci-grid{gap:8px;margin:10px 0}
}

/* Mobile compact grid for boxed album */
@media (max-width:600px){
  .wci-album-box .wci-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:420px){
  .wci-album-box .wci-grid{grid-template-columns:1fr;}
}


/* v14: filter chips + bullet-proof list reset */
.wci-album-box .wci-filter-menu-details{border:0;background:transparent;padding:0}
.wci-album-box .wci-filter-menu-title{justify-content:space-between;padding:10px 12px;border:1px solid rgba(0,0,0,0.08);border-radius:14px;background:#fff}
.wci-album-box .wci-filter-menu-body{padding:10px 4px 2px;max-height:none;overflow:visible}
.wci-album-box .wci-filters,
.wci-album-box .wci-filter-tree,
.wci-album-box .wci-filter-tree li,
.wci-album-box .wci-branch-list,
.wci-album-box .wci-branch-list li{list-style:none !important;margin:0;padding:0}
.wci-album-box .wci-filters{display:flex;flex-wrap:wrap;gap:8px}
.wci-album-box .wci-filter{border-radius:999px}
.wci-album-box .wci-filter-count{margin-right:6px}

@media (max-width:600px){
  .wci-album-outer{margin:24px 0;padding-top:14px}
  .wci-album-box .wci-filter-menu-title{padding:9px 10px}
  .wci-album-box .wci-filters{gap:6px}
}


/* --- v17: force vertical sidebar filters on desktop (requested) --- */
.wci-album-box .wci-filters{display:block !important;flex-wrap:initial !important;gap:0 !important;}
.wci-album-box .wci-filter-tree,
.wci-album-box .wci-branch-list{display:block !important;}
.wci-album-box .wci-filter-leaf{margin:0 0 8px !important;list-style:none !important;}
.wci-album-box .wci-filter{width:100% !important;justify-content:space-between !important;border-radius:12px !important;}
.wci-album-box .wci-filter.wci-filter-all{width:100% !important;justify-content:center !important;font-weight:800 !important;border-radius:16px !important;}

/* Remove any list bullets/markers completely */
.wci-album-box .wci-filters,
.wci-album-box .wci-filters *{list-style:none !important;}
.wci-album-box .wci-filters li::marker{content:'' !important;}

/* Keep sidebar sticky usable */
@media (min-width: 901px){
  .wci-album-box .wci-filter-menu-details{position:sticky !important;top:var(--wci-sticky-top, 12px) !important;}
}


/* =============================================
   v20: Modern filter search + 10 layout styles
   ============================================= */

/* Filter search */
.wci-filter-search{margin:0 0 10px}
.wci-filter-search-inner{display:flex;align-items:center;gap:8px;padding:10px 10px;border:1px solid rgba(0,0,0,0.08);border-radius:14px;background:#f8fafc}
.wci-filter-search-input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-size:13px;color:#0f172a;padding:0;line-height:1.4}
.wci-filter-search-input::placeholder{color:#94a3b8}
.wci-filter-search-clear{border:0;background:rgba(0,0,0,0.08);width:32px;height:32px;border-radius:10px;display:none;align-items:center;justify-content:center;font-size:18px;line-height:1;cursor:pointer;color:#0f172a}
.wci-filter-search-clear:hover{background:rgba(0,0,0,0.12)}
.wci-filter-search-status{font-size:12px;color:#64748b;padding:4px 2px 0;min-height:18px}

/* Image fallback */
.wci-img--fallback,.wci-img--placeholder{filter:saturate(0.92)}

/* Small perf hint */
.wci-item{contain:content}

/* ---- Layout 1: Clean grid (default) ---- */
.wci-album-box.wci-layout-1 .wci-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

/* ---- Layout 2: Split media cards ---- */
.wci-album-box.wci-layout-2 .wci-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.wci-album-box.wci-layout-2 .wci-card{display:flex;gap:12px;align-items:stretch}
.wci-album-box.wci-layout-2 .wci-thumb{flex:0 0 44%;max-width:44%;border-left:1px solid rgba(0,0,0,0.06)}
.wci-album-box.wci-layout-2 .wci-body{padding:14px}

/* ---- Layout 3: Image overlay caption ---- */
.wci-album-box.wci-layout-3 .wci-card{position:relative;overflow:hidden;border-radius:18px}
.wci-album-box.wci-layout-3 .wci-thumb{background:#0b1220}
.wci-album-box.wci-layout-3 .wci-thumb img.wci-img{width:100% !important;max-width:100% !important}
.wci-album-box.wci-layout-3 .wci-body{position:absolute;left:0;right:0;bottom:0;padding:14px 14px 12px;background:linear-gradient(0deg,rgba(0,0,0,.65),rgba(0,0,0,0))}
.wci-album-box.wci-layout-3 .wci-title{color:#fff !important;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.wci-album-box.wci-layout-3 .wci-desc,.wci-album-box.wci-layout-3 .wci-code{color:rgba(255,255,255,.82) !important}
.wci-album-box.wci-layout-3 .wci-price{color:#fff !important;border:1px solid rgba(255,255,255,.25);padding:2px 8px;border-radius:999px;display:inline-flex}

/* ---- Layout 4: Single-column modern list ---- */
.wci-album-box.wci-layout-4 .wci-grid{grid-template-columns:1fr}
.wci-album-box.wci-layout-4 .wci-card{display:flex;gap:14px;align-items:center;padding:10px;border-radius:16px}
.wci-album-box.wci-layout-4 .wci-thumb{flex:0 0 140px;max-width:140px;background:#f1f5f9;border-radius:14px;overflow:hidden}
.wci-album-box.wci-layout-4 .wci-body{padding:0 6px 0 0}
.wci-album-box.wci-layout-4 .wci-desc{margin:0 0 8px}

/* ---- Layout 5: Compact 4-col grid ---- */
.wci-album-box.wci-layout-5 .wci-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.wci-album-box.wci-layout-5 .wci-body{padding:10px}
.wci-album-box.wci-layout-5 .wci-title{font-size:.98rem}
@media (max-width:1100px){.wci-album-box.wci-layout-5 .wci-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.wci-album-box.wci-layout-5 .wci-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---- Layout 6: Soft badges ---- */
.wci-album-box.wci-layout-6 .wci-code{display:inline-flex;margin-top:8px;background:rgba(0,0,0,0.05);padding:2px 8px;border-radius:999px}
.wci-album-box.wci-layout-6 .wci-price{display:inline-flex;margin-top:8px;background:#111827;color:#fff;padding:4px 10px;border-radius:999px}
.wci-album-box.wci-layout-6 .wci-card{border:1px solid rgba(15,23,42,0.07)}

/* ---- Layout 7: Glass cards ---- */
.wci-album-box.wci-layout-7{background:linear-gradient(180deg,rgba(248,250,252,0.9),rgba(255,255,255,0.96))}
.wci-album-box.wci-layout-7 .wci-card{background:rgba(255,255,255,0.72);backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,0.06)}

/* ---- Layout 8: Hero first card ---- */
.wci-album-box.wci-layout-8 .wci-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.wci-album-box.wci-layout-8 .wci-item:first-child{grid-column:span 2;grid-row:span 2}
.wci-album-box.wci-layout-8 .wci-item:first-child .wci-title{font-size:1.18rem}
@media (max-width:1000px){.wci-album-box.wci-layout-8 .wci-item:first-child{grid-column:span 2;grid-row:span 1}}
@media (max-width:600px){.wci-album-box.wci-layout-8 .wci-item:first-child{grid-column:span 1}}

/* ---- Layout 9: Dark premium ---- */
.wci-album-box.wci-layout-9{background:#0b1220;border-color:rgba(255,255,255,0.08)}
.wci-album-box.wci-layout-9 .wci-album-head-title{color:#fff}
.wci-album-box.wci-layout-9 .wci-album-head-sub{color:rgba(255,255,255,0.75)}
.wci-album-box.wci-layout-9 .wci-filter-menu-title{background:rgba(255,255,255,0.06) !important;border-color:rgba(255,255,255,0.10) !important;color:#fff}
.wci-album-box.wci-layout-9 .wci-filter-menu-current{background:rgba(255,255,255,0.12) !important;color:#fff}
.wci-album-box.wci-layout-9 .wci-filter{border-color:rgba(255,255,255,0.10) !important;color:#e2e8f0 !important}
.wci-album-box.wci-layout-9 .wci-filter.is-active{background:#fff !important;color:#0b1220 !important;border-color:#fff !important}
.wci-album-box.wci-layout-9 .wci-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.10)}
.wci-album-box.wci-layout-9 .wci-title{color:#fff}
.wci-album-box.wci-layout-9 .wci-desc,.wci-album-box.wci-layout-9 .wci-code{color:rgba(255,255,255,0.72)}
.wci-album-box.wci-layout-9 .wci-price{color:#fff}
.wci-album-box.wci-layout-9 .wci-filter-search-inner{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.10)}
.wci-album-box.wci-layout-9 .wci-filter-search-input{color:#fff}
.wci-album-box.wci-layout-9 .wci-filter-search-input::placeholder{color:rgba(255,255,255,0.6)}
.wci-album-box.wci-layout-9 .wci-filter-search-clear{background:rgba(255,255,255,0.14);color:#fff}

/* ---- Layout 10: Door/Villa ultra premium ---- */
.wci-album-box.wci-layout-10{border-radius:22px;box-shadow:0 18px 40px rgba(2,6,23,0.10);border:1px solid rgba(2,6,23,0.10)}
.wci-album-box.wci-layout-10 .wci-album-head-title{font-size:1.16rem;font-weight:950;background:linear-gradient(90deg,#0f172a,#2563eb,#06b6d4);-webkit-background-clip:text;color:transparent}
.wci-album-box.wci-layout-10 .wci-filter-menu-title{border-radius:16px}
.wci-album-box.wci-layout-10 .wci-card{border-radius:18px;border:1px solid rgba(2,6,23,0.08)}
.wci-album-box.wci-layout-10 .wci-thumb{background:linear-gradient(180deg,#f8fafc,#eef2f7)}
.wci-album-box.wci-layout-10 .wci-code{background:rgba(37,99,235,0.10);color:#1e40af;padding:2px 10px;border-radius:999px;display:inline-flex}
.wci-album-box.wci-layout-10 .wci-price{color:#1e40af}

@media (max-width:900px){
  /* Keep layouts readable on mobile */
  .wci-album-box.wci-layout-2 .wci-grid{grid-template-columns:1fr}
  .wci-album-box.wci-layout-2 .wci-thumb{flex:0 0 40%;max-width:40%}
  .wci-album-box.wci-layout-4 .wci-thumb{flex:0 0 120px;max-width:120px}
}


/* =============================================
   v21: Premium filter box + dark-theme safety
   ============================================= */

/* Make sure cards and the sidebar panel never become transparent on dark site themes */
.wci-album-box:not(.wci-layout-9) .wci-card{
  background:#ffffff !important;
}

/* Premium sidebar panel */
.wci-album-box:not(.wci-layout-9) .wci-filter-menu-details{
  border:1px solid rgba(15,23,42,0.10) !important;
  background:rgba(255,255,255,0.90) !important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border-radius:18px !important;
  box-shadow:0 14px 40px rgba(2,6,23,0.08) !important;
}

/* Header */
.wci-album-box:not(.wci-layout-9) .wci-filter-menu-title{
  border:0 !important;
  background:transparent !important;
  padding:12px 14px !important;
}

/* Current chip */
.wci-album-box:not(.wci-layout-9) .wci-filter-menu-current{
  background:rgba(15,23,42,0.06) !important;
  color:#0f172a !important;
}

/* Search */
.wci-album-box:not(.wci-layout-9) .wci-filter-search-inner{
  background:rgba(15,23,42,0.04) !important;
  border-color:rgba(15,23,42,0.10) !important;
}
.wci-album-box:not(.wci-layout-9) .wci-filter-search-input{color:#0f172a !important;}
.wci-album-box:not(.wci-layout-9) .wci-filter-search-clear{background:rgba(15,23,42,0.08) !important;color:#0f172a !important;}

/* Filter items */
.wci-album-box:not(.wci-layout-9) .wci-filter{
  background:rgba(255,255,255,0.84) !important;
  border-color:rgba(15,23,42,0.10) !important;
}
.wci-album-box:not(.wci-layout-9) .wci-filter:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(2,6,23,0.08);
}
.wci-album-box:not(.wci-layout-9) .wci-filter.is-active{
  background:#111827 !important;
  border-color:#111827 !important;
  color:#ffffff !important;
}
.wci-album-box:not(.wci-layout-9) .wci-filter:focus-visible{
  outline:3px solid rgba(37,99,235,0.35);
  outline-offset:2px;
}

/* Keep layout-10 accents even when the site has aggressive global styles */
.wci-album-box.wci-layout-10 .wci-code{
  color:#1e40af !important;
}
.wci-album-box.wci-layout-10 .wci-price{
  color:#1e40af !important;
}

/* Dark OS/theme hint: keep the panel readable without turning the whole album dark */
@media (prefers-color-scheme: dark){
  .wci-album-box:not(.wci-layout-9) .wci-filter-menu-details{
    background:rgba(255,255,255,0.92) !important;
  }
}