/* ============================================================
   Витрина №152 `cenv` «Marquee» — casinoentertainer.com
   Палитра от шапки: сливовая ночь + латунь + рубин.
   ============================================================ */
.cenv-wrap{margin:26px 0 30px;font-family:'Inter',system-ui,Arial,sans-serif;color:var(--cen-text,#241d33)}
.cenv-wrap *{box-sizing:border-box}
.cenv-h2{font-family:'Oswald',Arial,sans-serif!important;font-size:26px!important;font-weight:500!important;
  color:#1e1730!important;margin:0 0 8px!important;letter-spacing:.2px;line-height:1.2}
.cenv-lead{margin:0 0 14px!important;color:#5d5570!important;font-size:15px!important;line-height:1.55}

/* полоса фильтров */
.cenv-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;align-items:center}
.cenv-filters input{position:absolute;opacity:0;pointer-events:none}
.cenv-f{display:inline-flex;align-items:center;gap:7px;border:1px solid #ddd5c4;background:#fff;
  border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:600;color:#2b2340;cursor:pointer;
  line-height:1.2;white-space:nowrap}
.cenv-f:hover{border-color:#e8b04b}
.cenv-f::before{content:"";width:9px;height:9px;border-radius:50%;background:#ded6c6}
.cenv-wrap input[id^="cenv-f"]:checked + label.cenv-f{background:#1e1730;color:#fff!important;border-color:#1e1730}
.cenv-wrap input[id^="cenv-f"]:checked + label.cenv-f::before{background:#e8b04b}

/* список */
.cenv-list{list-style:none!important;margin:0!important;padding:0!important;counter-reset:none}
.cenv-list > li{list-style:none!important;margin:0 0 9px!important;padding:10px 12px!important;
  background:#fff;border:1px solid #e3dccd;border-radius:12px;display:grid!important;
  grid-template-columns:38px 168px minmax(0,1.1fr) minmax(0,1.2fr) 164px;
  grid-template-areas:"rank logo id offer cta" "facts facts facts more more";
  gap:7px 12px;align-items:center}
.cenv-list > li::before,.cenv-list > li::after{content:none!important;display:none!important}

/* ранг — «корешок билета» в тон фавикона */
.cenv-rank{grid-area:rank;align-self:stretch;display:flex;align-items:center;justify-content:center;
  background:#1e1730;color:#fff;border-radius:8px;font-family:'Oswald',Arial,sans-serif;font-size:17px;
  font-weight:600;position:relative;min-height:54px}
.cenv-rank::before,.cenv-rank::after{content:"";position:absolute;left:50%;transform:translateX(-50%);
  width:16px;height:6px;background:#fff;border-radius:0 0 8px 8px}
.cenv-rank::before{top:-1px}
.cenv-rank::after{bottom:-1px;border-radius:8px 8px 0 0}
.cenv-row--top .cenv-rank{background:#e8b04b;color:#1e1730}

/* логотип — ОДНА светлая плашка на все бренды */
.cenv-logo{grid-area:logo;background:#fff!important;border:1px solid #ece5d8;border-radius:10px;
  height:66px;display:flex;align-items:center;justify-content:center;padding:5px;overflow:hidden}
.cenv-logo img{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;
  object-fit:contain;float:none!important;margin:0!important;position:static!important;border:0!important}

.cenv-id{grid-area:id;min-width:0}
.cenv-name{font-family:'Oswald',Arial,sans-serif;font-size:18px;font-weight:500;color:#1e1730!important;
  text-decoration:none!important;line-height:1.2;display:block;margin:0 0 4px}
a.cenv-name:hover{color:#cf3a34!important}
.cenv-score{display:inline-block;background:#1e1730;color:#fff!important;border-radius:6px;padding:1px 7px;
  font-size:12.5px;font-weight:700;margin-right:6px;vertical-align:1px}
.cenv-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.cenv-chip{font-size:11.5px;font-weight:600;border-radius:6px;padding:3px 8px;background:#f4efe4;
  color:#4a4162!important;border:1px solid #e6ddc9;line-height:1.35;white-space:nowrap}
.cenv-chip--on{background:#eaf6ee;border-color:#bfe3cb;color:#1c6b3a!important}
.cenv-chip--no{background:#fdeeec;border-color:#f3c9c5;color:#a92c27!important}

/* оффер */
.cenv-offer{grid-area:offer;background:#faf7f1;border-left:4px solid #e8b04b;border-radius:8px;
  padding:8px 11px;min-width:0}
.cenv-offer-l{display:block;font-size:11px;letter-spacing:1.1px;text-transform:uppercase;color:#655c80!important;
  font-weight:700;margin-bottom:3px}
.cenv-offer-v{font-size:15px;font-weight:700;color:#1e1730!important;line-height:1.35;word-break:break-word}

/* CTA */
.cenv-cta{grid-area:cta;display:flex;flex-direction:column;gap:6px;padding:0 4px}
.cenv-go{display:block;background:#cf3a34;color:#fff!important;text-decoration:none!important;font-weight:700;
  font-size:14px;padding:10px 10px;border-radius:999px;text-align:center;border:1px solid #a92c27;line-height:1.2}
.cenv-go:hover{background:#a92c27;color:#fff!important}
.cenv-rev{display:block;text-align:center;font-size:12.5px;font-weight:600;color:#5d5570!important;
  text-decoration:none!important;padding:2px}
.cenv-rev:hover{color:#cf3a34!important}

/* факты и развороты */
.cenv-facts{grid-area:facts;font-size:12px;color:#5d5570!important;border-top:1px dashed #e6ded0;
  padding-top:6px;line-height:1.45;align-self:center}
.cenv-facts b{color:#2b2340!important;font-weight:600}
.cenv-more{grid-area:more;display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end;border-top:1px dashed #e6ded0;padding-top:6px}
.cenv-more details{flex:0 0 auto;border:1px solid #e3dccd;border-radius:999px;background:#fbf9f4}
.cenv-more details[open]{flex:1 1 100%;border-radius:12px}
.cenv-more summary{cursor:pointer;list-style:none;padding:5px 11px;font-size:12px;font-weight:600;
  color:#2b2340!important}
.cenv-more summary::-webkit-details-marker{display:none}
.cenv-more summary::after{content:" +";color:#cf3a34;font-weight:700}
.cenv-more details[open] summary::after{content:" –"}
.cenv-more .cenv-dd{padding:2px 14px 12px;font-size:13px;color:#4a4162!important;line-height:1.55}
.cenv-more .cenv-dd b{color:#1e1730!important}

/* show-more */
.cenv-list > li.cenv-hid{display:none!important}
.cenv-wrap:has(input[id^="cenv-all"]:checked) .cenv-list > li.cenv-hid{display:grid!important}
.cenv-all{display:block;margin:4px 0 0;text-align:center}
.cenv-all input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.cenv-all label{display:inline-block;border:1px solid #1e1730;color:#1e1730;background:#fff;border-radius:999px;
  padding:9px 22px;font-size:14px;font-weight:700;cursor:pointer}
.cenv-all label:hover{background:#1e1730;color:#fff}
.cenv-wrap:has(input[id^="cenv-all"]:checked) .cenv-all__s{display:none}
.cenv-all__h{display:none}
.cenv-wrap:has(input[id^="cenv-all"]:checked) .cenv-all__h{display:inline}

/* фильтры реально режут */
.cenv-wrap:has(input[id^="cenv-f1"]:checked) .cenv-list > li:not(.cenv-m1),
.cenv-wrap:has(input[id^="cenv-f2"]:checked) .cenv-list > li:not(.cenv-m2),
.cenv-wrap:has(input[id^="cenv-f3"]:checked) .cenv-list > li:not(.cenv-m3),
.cenv-wrap:has(input[id^="cenv-f4"]:checked) .cenv-list > li:not(.cenv-m4){display:none!important}

.cenv-note{margin:10px 0 0;font-size:12px;color:#6d6485!important;line-height:1.5}

@media (max-width:900px){
  .cenv-list > li{grid-template-columns:34px 104px minmax(0,1fr);
    grid-template-areas:"rank logo id" "offer offer offer" "cta cta cta" "facts facts facts" "more more more";
    padding:9px 11px!important;gap:7px 9px}
  .cenv-logo{height:48px}
  .cenv-more{justify-content:flex-start}
  .cenv-chips .cenv-chip:nth-child(n+3){display:none}
  .cenv-facts{font-size:11.5px;padding-top:5px}
  .cenv-more summary{padding:4px 9px;font-size:11.5px}
  .cenv-offer{padding:7px 10px}
  .cenv-offer-l{font-size:10px;margin-bottom:2px}
  .cenv-offer-v{font-size:14px}
  .cenv-go{padding:9px 8px;font-size:13.5px}
  .cenv-name{font-size:16px;margin-bottom:2px}
  /* строка обязана уложиться в ~290 px (R9): ранг не тянется, развороты в один ряд со скроллом */
  .cenv-rank{min-height:0;align-self:start;padding:6px 0;font-size:15px}
  .cenv-list > li{align-items:start}
  .cenv-more{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-top:5px}
  .cenv-more::-webkit-scrollbar{display:none}
  .cenv-more details{flex:0 0 auto}
  .cenv-more details[open]{flex:0 0 auto}
  .cenv-chips{margin-top:4px;gap:4px}
  .cenv-chip{font-size:11px;padding:2px 7px}
  .cenv-facts{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;
    font-size:11px;padding-top:4px}
  .cenv-list > li{gap:4px 8px;padding:7px 10px!important;margin-bottom:8px!important}
  .cenv-more details:nth-of-type(3){display:none}
  .cenv-cta{gap:4px}
  .cenv-rev{font-size:12px;padding:0 6px}
  .cenv-offer{padding:6px 9px}
  .cenv-name{font-size:17px}
  .cenv-offer{padding:9px 11px}
  .cenv-offer-v{font-size:15px}
  .cenv-cta{flex-direction:row;padding:0}
  .cenv-go{flex:1 1 auto}
  .cenv-rev{flex:0 0 auto;align-self:center;padding:0 8px}
  .cenv-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .cenv-filters::-webkit-scrollbar{display:none}
  .cenv-f{flex:0 0 auto}
  .cenv-chip--hid-m{display:none}
}

/* страховка ширины: витрина не должна сжиматься колонкой донора */
.cenv-wrap{width:100%!important;max-width:100%!important;min-width:0!important;flex:1 1 100%!important;
  float:none!important;clear:both}
body :is(.about__content,.row,.wp-block-columns,.d-flex,.flex):has(> .cenv-wrap),
body :is(.about__content,.row,.wp-block-columns,.d-flex,.flex):has(> * > .cenv-wrap){display:block!important}
body :is(.about__text,.about__cards,[class*="col-"]):has(.cenv-wrap){width:100%!important;max-width:100%!important;
  flex:1 1 100%!important}