/* Витрина `xcbv` «Jacaranda Ticket» — xcasinobonuses.net (шаблон №193).
   Подпись раскладки: справа ОТРЫВНОЙ БИЛЕТ с суммой бонуса (перфорация — точечная граница),
   у соседей по AU строки-таблицы (grd/cst), плитки (atc), золотой рельс (oac), зелёная шапка (oas).
   Палитра каркаса «Jacaranda»: #5b3a8c, #f0b429, кремовый #f7f4fb. */

.xcbv-wrap{--xcbv-plum:#5b3a8c;--xcbv-plum2:#3d2463;--xcbv-gold:#f0b429;--xcbv-gold2:#7d5b06;
  --xcbv-cream:#f7f4fb;--xcbv-ink:#22202b;--xcbv-dim:#5f5a6b;--xcbv-line:#ddd6ea;
  display:block;margin:26px 0 34px;max-width:100%;box-sizing:border-box;color:var(--xcbv-ink);
  font:15px/1.55 Arial,Helvetica,sans-serif;text-align:left}
.xcbv-wrap *{box-sizing:border-box}
.xcbv-h2{margin:0 0 8px;font:700 25px/1.2 Arial,sans-serif;color:var(--xcbv-plum)}
.xcbv-lead{margin:0 0 16px;color:var(--xcbv-dim);font-size:14px;max-width:74ch}

.xcbv-fi,.xcbv-all{position:absolute;opacity:0;pointer-events:none}
.xcbv-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.xcbv-filters label{display:inline-block;padding:7px 14px;border:1px solid var(--xcbv-line);
  border-radius:999px;background:#fff;color:var(--xcbv-ink);font-size:13px;cursor:pointer;user-select:none}
.xcbv-filters label:hover{border-color:var(--xcbv-plum);color:var(--xcbv-plum)}
.xcbv-filters label b{color:#7d5b06;font-weight:700}   /* контраст на белом ≥4.5 */

.xcbv-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.xcbv-list>li{display:grid;grid-template-columns:44px 178px 1fr 232px;gap:10px 16px;align-items:center;
  background:#fff;border:1px solid var(--xcbv-line);border-radius:10px;padding:12px 14px}
.xcbv-list>li.xcbv-top{border-color:var(--xcbv-plum);box-shadow:0 3px 14px rgba(91,58,140,.16)}

.xcbv-rank{grid-column:1;justify-self:center;display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:9px;background:var(--xcbv-cream);border:1px solid var(--xcbv-line);
  color:var(--xcbv-plum);font-weight:700;font-size:16px}
.xcbv-list>li.xcbv-top .xcbv-rank{background:var(--xcbv-plum);border-color:var(--xcbv-plum);color:#fff}

.xcbv-plate{grid-column:2;display:flex;align-items:center;justify-content:center;width:168px;height:56px;
  background:#fff;border:1px solid var(--xcbv-line);border-radius:8px;padding:5px}
.xcbv-plate--dark{background:var(--xcbv-plum2);border-color:var(--xcbv-plum2)}
.xcbv-plate img{max-width:100%;max-height:100%;width:auto;height:auto;display:block}
.xcbv-noplate{color:var(--xcbv-plum);font-weight:700;font-size:15px;text-align:center}

.xcbv-mid{grid-column:3;min-width:0}
.xcbv-name{display:block;font:700 17px/1.25 Arial,sans-serif;color:var(--xcbv-ink)}
.xcbv-name a{color:var(--xcbv-plum);text-decoration:none;border-bottom:1px solid rgba(91,58,140,.35)}
.xcbv-name a:hover{color:var(--xcbv-gold2)}
.xcbv-score{margin-left:8px;font:700 12px/1 Arial,sans-serif;color:var(--xcbv-gold2)}
.xcbv-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.xcbv-chip,.xcbv-chips span{display:inline-block;padding:3px 9px;border:1px solid var(--xcbv-line);
  border-radius:999px;background:var(--xcbv-cream);color:var(--xcbv-dim);font-size:12px;line-height:1.5}
.xcbv-chip--aud{border-color:var(--xcbv-plum);color:var(--xcbv-plum)}

/* «билет» с суммой — подпись этой витрины */
.xcbv-act{grid-column:4;display:flex;flex-direction:column;gap:8px}
.xcbv-offer{position:relative;background:var(--xcbv-plum);color:#fff;border-radius:8px;padding:9px 12px 9px 16px}
.xcbv-offer:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:0;
  border-left:2px dotted rgba(255,255,255,.55)}
.xcbv-offer b{display:block;font:700 16px/1.25 Arial,sans-serif;color:#fff}
.xcbv-offer i{display:block;font-style:normal;font-size:11.5px;color:#e0d5f5;margin-top:3px}
.xcbv-cta{display:block;padding:11px 14px;border-radius:8px;background:var(--xcbv-gold);color:#22202b;
  font:700 15px/1.2 Arial,sans-serif;text-align:center;text-decoration:none}
.xcbv-cta:hover{background:#d99f14;color:#22202b}
.xcbv-rev{display:block;text-align:center;color:var(--xcbv-plum);font-size:12.5px;text-decoration:none;
  border-bottom:1px dotted rgba(91,58,140,.4);align-self:center}
.xcbv-rev:hover{color:var(--xcbv-gold2)}
.xcbv-norev{display:block;text-align:center;color:var(--xcbv-dim);font-size:12px}

.xcbv-more{grid-column:1 / -1;border-top:1px solid var(--xcbv-line);padding-top:8px;margin-top:4px}
.xcbv-more summary{cursor:pointer;color:var(--xcbv-plum);font-size:13px;list-style:none}
.xcbv-more summary::-webkit-details-marker{display:none}
.xcbv-more summary:before{content:"\25B8 ";color:var(--xcbv-gold2)}
.xcbv-more[open] summary:before{content:"\25BE "}
.xcbv-dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 18px;margin:10px 0}
.xcbv-dl div{min-width:0}
.xcbv-dl dt{color:var(--xcbv-plum);font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:700}
.xcbv-dl dd{margin:2px 0 0;color:var(--xcbv-ink);font-size:13px;word-break:break-word}

.xcbv-morebtn{display:inline-block;margin:14px 0 0;padding:11px 22px;border:2px solid var(--xcbv-plum);
  border-radius:8px;background:#fff;color:var(--xcbv-plum);font:700 14px/1.2 Arial,sans-serif;
  cursor:pointer;user-select:none}
.xcbv-morebtn:hover{background:var(--xcbv-plum);color:#fff}

.xcbv-note{margin:16px 0 0;color:var(--xcbv-dim);font-size:12px;line-height:1.65;max-width:92ch}
.xcbv-note a{color:var(--xcbv-plum)}
.xcbv-note b{color:var(--xcbv-ink)}
.xcbv-arch{margin:10px 0 0;color:var(--xcbv-dim);font-size:12px;line-height:1.7}
.xcbv-arch b{color:var(--xcbv-ink)}
.xcbv-arch a{color:var(--xcbv-plum);text-decoration:none;border-bottom:1px dotted rgba(91,58,140,.35)}
.xcbv-arch a:hover{color:var(--xcbv-gold2)}

.xcbv-list>li.xcbv-hid{display:none}
.xcbv-wrap input[id^="xcball"]:checked~.xcbv-list>li.xcbv-hid{display:grid}
.xcbv-wrap input[id^="xcball"]:checked~.xcbv-morebtn{display:none}

/* фильтры: отмеченный признак прячет карточки без него (селектор по ПРЕФИКСУ id) */
.xcbv-wrap input[id^="xcbv-aud"]:checked~.xcbv-list>li:not(.xcbv-f-aud),
.xcbv-wrap input[id^="xcbv-loc"]:checked~.xcbv-list>li:not(.xcbv-f-loc),
.xcbv-wrap input[id^="xcbv-cry"]:checked~.xcbv-list>li:not(.xcbv-f-cry),
.xcbv-wrap input[id^="xcbv-big"]:checked~.xcbv-list>li:not(.xcbv-f-big),
.xcbv-wrap input[id^="xcbv-wag"]:checked~.xcbv-list>li:not(.xcbv-f-wag){display:none}
.xcbv-wrap input[id^="xcbv-aud"]:checked~.xcbv-filters label[for^="xcbv-aud"],
.xcbv-wrap input[id^="xcbv-loc"]:checked~.xcbv-filters label[for^="xcbv-loc"],
.xcbv-wrap input[id^="xcbv-cry"]:checked~.xcbv-filters label[for^="xcbv-cry"],
.xcbv-wrap input[id^="xcbv-big"]:checked~.xcbv-filters label[for^="xcbv-big"],
.xcbv-wrap input[id^="xcbv-wag"]:checked~.xcbv-filters label[for^="xcbv-wag"]{
  background:var(--xcbv-plum);border-color:var(--xcbv-plum);color:#fff}
.xcbv-wrap input[id^="xcbv-aud"]:checked~.xcbv-filters label[for^="xcbv-aud"] b,
.xcbv-wrap input[id^="xcbv-loc"]:checked~.xcbv-filters label[for^="xcbv-loc"] b,
.xcbv-wrap input[id^="xcbv-cry"]:checked~.xcbv-filters label[for^="xcbv-cry"] b,
.xcbv-wrap input[id^="xcbv-big"]:checked~.xcbv-filters label[for^="xcbv-big"] b,
.xcbv-wrap input[id^="xcbv-wag"]:checked~.xcbv-filters label[for^="xcbv-wag"] b{color:var(--xcbv-gold)}

@media (max-width:900px){
  .xcbv-list>li{grid-template-columns:38px 1fr;gap:8px 10px;padding:10px}
  .xcbv-plate{grid-column:2;width:100%;max-width:150px;height:44px}
  .xcbv-mid,.xcbv-act{grid-column:1 / -1}
  .xcbv-act{flex-direction:row;align-items:center;gap:8px}
  .xcbv-offer{flex:1 1 auto;padding:7px 10px 7px 14px}
  .xcbv-offer b{font-size:14px}
  .xcbv-offer i{font-size:11px}
  .xcbv-cta{flex:0 0 auto;padding:9px 14px;font-size:14px}
  .xcbv-name{font-size:16px}
  .xcbv-chip,.xcbv-chips span{font-size:11px;padding:2px 8px}
  .xcbv-h2{font-size:20px}
}