/* ============ витрина cxmv (шаблон №288, casinoexaminers.com) ============ */
body .cxmv-wrap{--cxmv-ink:#101a2b;--cxmv-line:#ddd3c3;--cxmv-paper:#f7f2ea;
  --cxmv-accent:#8c1d3f;--cxmv-check:#146b54;
  /* витрина лежит ВНУТРИ листа контента: врезка на втором тоне, без второй рамки вокруг */
  margin:30px 0 34px;background:var(--cxmv-paper);border:0;border-top:4px solid var(--cxmv-ink);
  border-bottom:1px solid var(--cxmv-line);box-sizing:border-box;
  grid-column:1/-1;flex:1 1 100%;width:100%!important;max-width:none!important;padding:0}
/* ⚠️ у донора на `.entry-content section` висит max-width:660px — витрина садилась
   в 660 px при колонке 848 (08.17). Ширину снимаем только у САМОЙ витрины. */
body .cxmv-wrap .cxmv-head{padding:16px 18px 12px!important;border-bottom:1px solid var(--cxmv-line)}
body .cxmv-h{margin:0;font-family:'PT Sans','Source Sans Pro',sans-serif;font-size:21px;
  line-height:1.25;font-weight:700;color:var(--cxmv-ink);border-top:0;padding-top:0}
body .cxmv-wrap p.cxmv-sub{margin:5px 0 0!important;padding:0;font-size:13.5px;
  color:#5b6675;line-height:1.5;max-width:100%}
body .cxmv-wrap .cxmv-filters{display:flex;flex-wrap:wrap;gap:8px;padding:12px 18px!important;
  border-bottom:1px solid var(--cxmv-line);background:#f4efe6}
body .cxmv-filters label{font-size:13px;font-weight:700;letter-spacing:.01em;color:#3d4a5d;
  padding:6px 12px;background:#fffdf9;border:1px solid var(--cxmv-line);cursor:pointer;
  border-radius:0;user-select:none}
body .cxmv-filters label:hover{border-color:var(--cxmv-accent);color:var(--cxmv-accent)}
/* ⛔ `left:-9999px` расширяет документ — gate_render честно пишет overflow.
   Прячем инпут клипом, а не выносом за экран. */
body .cxmv-fx{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;
  clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}
body .cxmv-list{list-style:none;margin:0;padding:0;counter-reset:cxmv}
body .cxmv-wrap .cxmv-list > li{display:grid;grid-template-columns:30px 150px 1fr 178px;gap:12px;
  align-items:center;padding:11px 18px!important;border-bottom:1px solid var(--cxmv-line);
  font-size:15px;line-height:1.4;margin:0}
body .cxmv-list > li:last-child{border-bottom:0}
body .cxmv-list > li.cxmv-hid{display:none}
body #cxmv-all:checked ~ .cxmv-list > li.cxmv-hid{display:grid}
body .cxmv-no{counter-increment:cxmv;font-family:'PT Sans',sans-serif;font-size:15px;
  font-weight:700;color:#8b94a1;text-align:center}
body .cxmv-no::before{content:counter(cxmv)}
body .cxmv-logo{display:block;width:150px;height:56px;object-fit:contain;background:#fffdf9;
  border:1px solid #e6ddcc}
body .cxmv-main{min-width:0}
body .cxmv-name{font-family:'PT Sans',sans-serif;font-size:16px;font-weight:700;
  color:var(--cxmv-ink);text-decoration:none;display:inline-block}
body .cxmv-name:hover{color:var(--cxmv-accent)}
body .cxmv-offer{font-size:15px;color:var(--cxmv-ink);margin:1px 0 3px;font-weight:600}
/* ⛔ правила каркаса и донора написаны по голому `li`/`ul` — без подъёма специфичности
   факты выстраиваются столбиком с маркерами «1. 2. 3.» и строка витрины разбухает вдвое */
body .cxmv-wrap ul.cxmv-facts{display:flex!important;flex-wrap:wrap;gap:2px 14px;font-size:12.5px;
  color:#5b6675;margin:0!important;padding:0!important;list-style:none!important}
body .cxmv-wrap ul.cxmv-facts > li{margin:0!important;padding:0!important;list-style:none!important;
  font-size:12.5px!important;line-height:1.45!important;display:inline-block;
  text-indent:0!important;max-width:100%}
body .cxmv-wrap ul.cxmv-facts > li::marker{content:''!important;color:transparent}
body .cxmv-wrap ul.cxmv-facts > li::before{content:none!important}
/* витрину не должна зажимать колонка донора: разжимаем ПРОМЕЖУТОЧНЫЕ обёртки,
   контейнер темы (его max-width и центрирование) не трогаем — 08.17a */
body div:not(.container):not(.content-wrapper):has(> .cxmv-wrap){display:block!important;
  width:100%!important;max-width:none!important;float:none!important}
body [class*="col-"]:has(.cxmv-wrap){max-width:none!important;width:100%!important;flex:1 1 100%!important}
body .cxmv-wrap .cxmv-list > li{font-size:15px!important;line-height:1.45!important}
body .cxmv-wrap .cxmv-offer{line-height:1.35}
body .cxmv-facts b{font-weight:700;color:#3d4a5d}
body .cxmv-tags{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:4px}
body .cxmv-tag{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#3d4a5d;
  border-left:3px solid var(--cxmv-check);padding:1px 0 1px 7px}
body .cxmv-tag--ont{border-left-color:var(--cxmv-accent)}
body .cxmv-cta{text-align:right}
body .cxmv-btn{display:inline-block;background:var(--cxmv-accent);color:#fff!important;
  font-family:'PT Sans',sans-serif;font-weight:700;font-size:15px;letter-spacing:.02em;
  padding:11px 20px;text-decoration:none;box-shadow:0 1px 0 rgba(16,26,43,.25)}
body .cxmv-btn:hover{background:#a8264c}
body .cxmv-rev{display:block;margin-top:6px;font-size:12.5px;color:#5b6675}
body .cxmv-rev:hover{color:var(--cxmv-accent)}
body .cxmv-more{display:block;text-align:center;padding:12px;font-size:14px;font-weight:700;
  color:var(--cxmv-accent);cursor:pointer;border-top:1px solid var(--cxmv-line);background:#efe8dc}
body #cxmv-all:checked ~ .cxmv-more{display:none}
/* ⚠️ у донора `.entry-content p{padding:0}` специфичнее — без !important дисклеймер
   прилипает к краю плашки, и gate_padding честно даёт «зазор 1» на 20 блоках */
body .cxmv-wrap p.cxmv-note{padding:12px 18px 14px!important;font-size:12.5px!important;
  color:#5b6675;line-height:1.55;border-top:1px solid var(--cxmv-line);background:#efe8dc;margin:0}

/* фильтры: :has() перед КАЖДЫМ селектором списка */
body .cxmv-wrap:has(#cxmv-f-ont:checked) .cxmv-list > li:not([data-ont="1"]){display:none}
body .cxmv-wrap:has(#cxmv-f-big:checked) .cxmv-list > li:not([data-big="1"]){display:none}
body .cxmv-wrap:has(#cxmv-f-fs:checked) .cxmv-list > li:not([data-fs="1"]){display:none}
body .cxmv-wrap:has(#cxmv-f-idb:checked) .cxmv-list > li:not([data-idb="1"]){display:none}
body .cxmv-wrap:has(#cxmv-f-cry:checked) .cxmv-list > li:not([data-cry="1"]){display:none}
/* ⛔ 08.16: при активном фильтре скрытый хвост НЕ раскрываем — иначе клик по чипу
   не сужает список, а расширяет его (6 → 10), и человек читает это как поломку. */
body .cxmv-fx:checked + label{background:var(--cxmv-ink);color:#fffdf9;border-color:var(--cxmv-ink)}

@media (max-width:780px){
  body .cxmv-list > li{grid-template-columns:28px 1fr;grid-template-areas:'no logo' 'main main' 'cta cta';
    gap:8px 10px;padding:14px}
  body .cxmv-no{grid-area:no}
  body .cxmv-logo{grid-area:logo;width:132px;height:50px}
  body .cxmv-wrap .cxmv-main{grid-area:main;min-width:0;max-width:100%}
  body .cxmv-wrap ul.cxmv-facts{max-width:100%}
  /* на узком экране показываем два ключевых факта: иначе строка витрины растёт до 312 px
     при эталоне 200 (R9), а перенос длинного списка касс ломает сетку */
  body .cxmv-wrap ul.cxmv-facts > li:nth-child(n+3){display:none}
  body .cxmv-wrap .cxmv-tags .cxmv-tag:nth-child(n+3){display:none}
  body .cxmv-cta{grid-area:cta;text-align:left}
  body .cxmv-btn{display:block;text-align:center}
  body .cxmv-wrap .cxmv-head,body .cxmv-wrap .cxmv-filters,body .cxmv-wrap p.cxmv-note{
    padding-left:14px!important;padding-right:14px!important}
  body .cxmv-wrap .cxmv-list > li{padding-left:14px!important;padding-right:14px!important}
}