/* WP CTA Table v1.9.2 */
.wctatbl__h2{margin:16px 0 12px;font-size:24px;line-height:1.25;font-weight:800}
.wctatbl{--gap:14px;--radius:18px;--shadow:0 10px 28px rgba(10,12,16,.06);--border:#e6e8ef;--bg:#fff;--text:#15171a;--muted:#667085;--badge:#eef1f8;--pill-h:46px;--card-pad:22px;--fs-title:22px;--fs-body:15.5px;--fs-meta:14px}
.wctatbl{display:block;background:transparent;margin:18px 0;max-width:100%}
.wctatbl *{box-sizing:border-box}

/* Table */
.wctatbl__head,.wctatbl__row{display:grid;grid-template-columns:120px 1.7fr 1fr .9fr .9fr .7fr 1fr;gap:var(--gap);align-items:center}
.wctatbl__head{font-weight:700;color:#2b2f36;border-bottom:1px solid var(--border);padding:12px 14px}
.wctatbl__th[data-sort-key]{cursor:pointer;position:relative}
.wctatbl__th[data-sort-key]::after{content:"⇅";position:absolute;right:6px;opacity:.35}
.wctatbl__th[data-sort-key].is-asc::after{content:"▲";opacity:.85}
.wctatbl__th[data-sort-key].is-desc::after{content:"▼";opacity:.85}
.wctatbl__body{display:block}
.wctatbl__row{padding:14px;border-bottom:1px solid var(--border);transition:background .15s ease}
.wctatbl__row:hover{background:#fafbff}
.wctatbl__cell{color:var(--text);font-size:var(--fs-body);line-height:1.4}
.wctatbl__image img{width:100%;height:auto;border-radius:14px;box-shadow:var(--shadow)}
.wctatbl__title{font-weight:800;font-size:var(--fs-title);margin-bottom:2px;line-height:1.2}
.wctatbl__title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.wctatbl__handle{color:var(--muted);font-size:var(--fs-meta)}
.wctatbl__flag-inline{font-size:18px}
.wctatbl__price{font-weight:800}
.wctatbl__flag{font-size:22px}

/* Stars */
.wctatbl__stars{position:relative;display:inline-block;font-size:18px;line-height:1;letter-spacing:1px}
.wctatbl__stars-bg,.wctatbl__stars-fill{color:#d9dde7;user-select:none}
.wctatbl__stars-fill{position:absolute;top:0;left:0;white-space:nowrap;overflow:hidden;color:#ffb72c}

/* Badge */
.wctatbl-badge{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:999px;background:var(--badge);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.5px;height:var(--pill-h);box-shadow:0 8px 22px rgba(0,0,0,.18)}
.wctatbl-badge--verified{background:#e8fbef;color:#147a3e}
.wctatbl-badge--official{background:#eef5ff;color:#2952cc}
.wctatbl-badge--partner{background:#f5ecff;color:#6a2ecf}
.wctatbl-badge--bestseller{background:#fff3e6;color:#9a4a00}
.wctatbl-badge--new{background:#e6fbff;color:#006b88}

/* CTA pill */
.wctatbl__btn{width:100%;height:var(--pill-h);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--cta-pill-bg, #e8fbef);color:var(--cta-pill-color, #147a3e);border:1px solid rgba(0,0,0,.06);box-shadow:0 8px 22px rgba(0,0,0,.08);font-weight:900;letter-spacing:.4px;text-decoration:none;text-transform:uppercase;transition:filter .12s ease, transform .06s ease, box-shadow .12s ease}
.wctatbl__btn:hover{background:var(--cta-pill-bg-hover, var(--cta-pill-bg, #e8fbef));color:var(--cta-pill-color-hover, var(--cta-pill-color, #147a3e));filter:none;box-shadow:0 10px 26px rgba(0,0,0,.12)}
.wctatbl__btn:active{transform:translateY(1px)}

/* Cards */
.wctatbl--cards .wctatbl__head{display:none}
.wctatbl--cards .wctatbl__body{display:grid;grid-template-columns:repeat(auto-fit, minmax(680px, 1fr));gap:20px;width:100%}
.wctatbl--cards .wctatbl__row{
  display:grid;
  grid-template-columns:minmax(235px, 395px) 1fr;
  grid-template-areas:"image title" "image rating" "image desc" "image price" "image cta";
  align-items:start;
  border:1px solid var(--border);
  border-radius:24px;
  padding:var(--card-pad);
  background:#fff;
  box-shadow:var(--shadow);
  width:100%;
}
.wctatbl--cards .wctatbl__image{grid-area:image; position:relative}
.wctatbl--cards .wctatbl__image img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:18px}
.wctatbl--cards .wctatbl-badge{position:absolute; right:16px; bottom:16px}
.wctatbl--cards .wctatbl__image .wctatbl-active-dot{position:absolute;top:12px;right:12px;width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 2px #fff, 0 6px 14px rgba(0,0,0,.22)}
.wctatbl--cards .wctatbl__image .wctatbl-active-dot.is-online{background:#28c76f}
.wctatbl--cards .wctatbl__image .wctatbl-active-dot.is-offline{background:#ff4d4f}
.wctatbl--cards .wctatbl__name{grid-area:title}
.wctatbl--cards .wctatbl__rating{grid-area:rating; display:flex; align-items:center; gap:10px; margin-top:2px}
.wctatbl--cards .wctatbl__desc{grid-area:desc; max-width:70ch; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden; line-height:1.55}
.wctatbl--cards .wctatbl__price{grid-area:price; font-weight:800}
.wctatbl--cards .wctatbl__cta{grid-area:cta; justify-self:stretch; align-self:end; margin-top:auto}

/* Links */
.wctatbl__title a, .wctatbl__handle a{ color:inherit; text-decoration:none }
.wctatbl__title a:hover, .wctatbl__handle a:hover{ text-decoration:underline }

/* Mobile */
@media (max-width: 900px){
  .wctatbl__head{display:none}
  .wctatbl--cards .wctatbl__body{display:block}
  .wctatbl--cards .wctatbl__row{grid-template-columns:1fr; grid-template-areas:"image" "title" "rating" "desc" "price" "cta"; gap:12px; width:100%}
  .wctatbl--cards .wctatbl__btn{width:100%}
}