/* ============ CityDealers Membership ============ */
.cdm-pkgs-wrap{--cdm-bg:#f3f6f4;--cdm-card:#fff;--cdm-line:#e8ece9;--cdm-ink:#16201a;--cdm-mut:#7a857d;font-family:inherit;margin:24px 0;color:var(--cdm-ink)}

/* Duration toggle */
.cdm-duration-toggle{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:22px}
.cdm-dur{background:#fff;border:1px solid var(--cdm-line);border-radius:999px;padding:9px 18px;font-weight:600;font-size:14px;cursor:pointer;color:var(--cdm-mut);transition:.18s}
.cdm-dur:hover{border-color:#bcd4c4}
.cdm-dur.active{background:#0a7d34;border-color:#0a7d34;color:#fff;box-shadow:0 4px 14px rgba(10,125,52,.25)}

/* Carousel shell */
.cdm-carousel{position:relative;display:flex;align-items:center;gap:8px}
.cdm-track-viewport{overflow:hidden;flex:1}
.cdm-track{display:flex;gap:18px;transition:transform .45s cubic-bezier(.22,.61,.36,1);will-change:transform}
.cdm-nav{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:1px solid var(--cdm-line);background:#fff;font-size:24px;line-height:1;cursor:pointer;color:#0a7d34;box-shadow:0 3px 10px rgba(0,0,0,.06);transition:.18s;display:flex;align-items:center;justify-content:center}
.cdm-nav:hover{background:#0a7d34;color:#fff;border-color:#0a7d34}
.cdm-nav:disabled{opacity:.35;cursor:not-allowed}

/* Card — 5 across on desktop (gap 18px) */
.cdm-card{flex:0 0 calc((100% - 4*18px)/5);box-sizing:border-box;background:var(--cdm-card);border:1px solid var(--cdm-line);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:0 6px 22px rgba(20,40,28,.05)}
.cdm-card.cdm-highlight{border-color:var(--accent);box-shadow:0 12px 34px rgba(10,125,52,.18);transform:translateY(-4px)}
.cdm-ribbon{position:absolute;top:14px;right:-34px;transform:rotate(45deg);background:var(--accent);color:#fff;font-size:11px;font-weight:700;padding:4px 40px;letter-spacing:.04em}
.cdm-card-head{padding:18px 18px 12px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,#fff),#fff);border-bottom:1px solid var(--cdm-line)}
.cdm-card-head h3{margin:0;font-size:18px;font-weight:800;letter-spacing:-.01em}
.cdm-badge{font-size:16px}

.cdm-card-body{padding:6px 16px;flex:1;overflow-y:auto;max-height:420px}
.cdm-row{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:9px 0;border-bottom:1px solid #f1f4f2;font-size:13px}
.cdm-row:last-child{border-bottom:0}
.cdm-row-label{color:var(--cdm-mut);line-height:1.3}
.cdm-row-val{font-weight:700;text-align:right;white-space:nowrap}
.cdm-perk .cdm-row-label{color:var(--cdm-ink)}
.cdm-check{color:var(--accent);font-weight:800}
.cdm-dots{display:inline-flex;gap:4px}
.cdm-dot{width:9px;height:9px;border-radius:50%;background:#dfe6e1;display:inline-block}

.cdm-card-foot{padding:16px;border-top:1px solid var(--cdm-line);background:#fafcfb}
.cdm-prices{min-height:56px;margin-bottom:10px;position:relative}
.cdm-price-block{display:none;align-items:baseline;gap:8px;flex-wrap:wrap}
.cdm-price-block.active{display:flex}
.cdm-price{font-size:21px;font-weight:800;color:var(--cdm-ink)}
.cdm-old{text-decoration:line-through;color:#aab3ac;font-size:13px}
.cdm-disc{background:#ffe3e3;color:#c2362f;font-weight:700;font-size:11px;padding:2px 7px;border-radius:999px}
.cdm-na{color:#aab3ac;font-style:italic;font-size:13px}
.cdm-qty{display:block;font-size:12px;margin-bottom:8px;color:var(--cdm-mut)}
.cdm-qty input{width:70px;margin-left:6px}
.cdm-buy{display:block;width:100%;text-align:center;box-sizing:border-box;background:var(--accent);color:#fff;border:0;border-radius:10px;padding:12px;font-weight:700;font-size:14px;cursor:pointer;text-decoration:none;transition:.18s}
.cdm-buy:hover{filter:brightness(.93)}

/* Dot nav */
.cdm-dots-nav{display:flex;gap:7px;justify-content:center;margin-top:18px}
.cdm-dots-nav .d{width:8px;height:8px;border-radius:50%;background:#cdd8d0;cursor:pointer;transition:.18s}
.cdm-dots-nav .d.active{background:#0a7d34;width:22px;border-radius:999px}

/* Responsive: 3 on tablet, 1 on mobile */
@media(max-width:1024px){.cdm-card{flex:0 0 calc((100% - 2*18px)/3)}}
@media(max-width:680px){.cdm-card{flex:0 0 100%}.cdm-nav{width:38px;height:38px;font-size:20px}}

/* ============ Dashboard ============ */
.cdm-dash{--accent:#0a7d34;font-family:inherit;margin:24px 0;color:#16201a}
.cdm-notice{padding:12px 14px;border-radius:10px;margin:0 0 18px;font-size:14px}
.cdm-notice.cdm-ok{background:#e7f6ec;border:1px solid #b6e0c2;color:#13662f}
.cdm-notice.cdm-err{background:#fdeaea;border:1px solid #f3c2c2;color:#9a2222}

.cdm-stat-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:22px}
.cdm-stat{background:#fff;border:1px solid #e8ece9;border-radius:14px;padding:18px;text-align:center;box-shadow:0 4px 16px rgba(20,40,28,.04)}
.cdm-stat-num{display:block;font-size:28px;font-weight:800;color:var(--accent);line-height:1.1}
.cdm-stat-lbl{display:block;font-size:12px;color:#7a857d;margin-top:6px}
@media(max-width:900px){.cdm-stat-cards{grid-template-columns:repeat(2,1fr)}}

.cdm-charts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:26px}
.cdm-chart-card{background:#fff;border:1px solid #e8ece9;border-radius:14px;padding:18px;overflow:hidden}
.cdm-chart-head{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 12px}
.cdm-chart-head h4{margin:0;font-size:15px;flex:1 0 auto}
/* CRITICAL: fixed-height box stops the canvas resize feedback loop (the "infinite scroll" growth). */
.cdm-chart-box{position:relative;height:240px;width:100%}
.cdm-chart-box canvas{position:absolute;inset:0;width:100%!important;height:100%!important}
@media(max-width:900px){.cdm-charts{grid-template-columns:1fr}.cdm-chart-box{height:220px}}

/* Toggle button groups */
.cdm-range-toggle,.cdm-chart-type-toggle{display:inline-flex;background:#f0f4f1;border-radius:999px;padding:3px}
.cdm-range,.cdm-ctype{border:0;background:transparent;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;color:#7a857d;cursor:pointer;transition:.15s}
.cdm-range.active,.cdm-ctype.active{background:#0a7d34;color:#fff}
.cdm-series-toggle{display:inline-flex;gap:6px}
.cdm-series{display:inline-flex;align-items:center;gap:6px;border:1px solid #e2e8e4;background:#fff;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;color:#9aa39c;cursor:pointer;transition:.15s}
.cdm-series.active{color:#16201a;border-color:#cfe0d5;background:#f4faf6}
.cdm-series .cdm-swatch{width:10px;height:10px;border-radius:3px;opacity:.35;transition:.15s}
.cdm-series.active .cdm-swatch{opacity:1}

/* Table filter bar */
.cdm-table-filter{display:inline-flex;gap:6px;margin:0 0 10px}
.cdm-table-filter button{border:1px solid #e2e8e4;background:#fff;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;color:#7a857d;cursor:pointer;transition:.15s}
.cdm-table-filter button.active{background:#0a7d34;border-color:#0a7d34;color:#fff}

.cdm-dash h3{margin:26px 0 12px;font-size:17px}
.cdm-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e8ece9;border-radius:12px;overflow:hidden}
.cdm-table th,.cdm-table td{text-align:left;padding:12px 14px;border-bottom:1px solid #f1f4f2;font-size:14px;vertical-align:middle}
.cdm-table th{background:linear-gradient(180deg,#0a7d34,#0c6e30);color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.cdm-table tbody tr:nth-child(odd){background:#fafdfb}
.cdm-table tbody tr:nth-child(even){background:#fff}
.cdm-table tbody tr:hover{background:#f0f8f3}
.cdm-table tr:last-child td{border-bottom:0}
.cdm-tag{display:inline-block;font-size:12px;padding:3px 10px;border-radius:999px;background:#eef1ef;color:#5a655d}
.cdm-tag.cdm-featured{background:#ffedcc;color:#8a5a00}
.cdm-pill{display:inline-block;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px}
.cdm-pill-ok{background:#e7f6ec;color:#13662f}
.cdm-pill-warn{background:#fff1d6;color:#9a6a00}
.cdm-mini-btn{display:inline-block;background:var(--accent);color:#fff;border:0;border-radius:8px;padding:7px 13px;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none}
.cdm-mini-btn[disabled]{opacity:.45;cursor:not-allowed}
.cdm-mini-btn.cdm-unpromote{background:#b23b34}

@media(max-width:680px){
	.cdm-table thead{display:none}
	.cdm-table tr{display:block;border-bottom:1px solid #e8ece9;padding:8px 0}
	.cdm-table td{display:flex;justify-content:space-between;border:0;padding:7px 14px}
	.cdm-table td:before{content:attr(data-label);font-weight:700;color:#7a857d;font-size:12px}
}

/* Currency selector in buy form */
.cdm-cur-field{display:block;font-size:12px;color:var(--cdm-mut);margin-bottom:10px}
.cdm-cur-field span{display:block;margin-bottom:4px}
.cdm-cur-select{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--cdm-line);border-radius:8px;background:#fff;font-size:13px}
.cdm-buy-free{display:inline}

/* Advert thumbnail in dashboard table */
.cdm-thumb-link{display:inline-block;line-height:0;border-radius:8px;overflow:hidden;border:1px solid #e2e8e4;transition:.15s}
.cdm-thumb-link:hover{border-color:#0a7d34;box-shadow:0 2px 8px rgba(10,125,52,.2)}
.cdm-thumb-img{width:64px;height:64px;object-fit:cover;display:block}
.cdm-thumb-ph{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:#eef3f0;color:#0a7d34;font-weight:800;font-size:22px}

/* Featured badge label (single page + listings) */
.cdm-badge-label{display:inline-block;background:linear-gradient(135deg,#ffce6a,#ffb02e);color:#5a3c00;font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;padding:3px 10px;border-radius:999px;vertical-align:middle;box-shadow:0 2px 6px rgba(255,176,46,.4)}
.cdm-badge-banner{margin:0 0 16px}
.cdm-badge-banner .cdm-badge-label{font-size:13px;padding:5px 14px}
.cdm-is-featured{position:relative}