/* ==========================================================================
   Витрина №277 `cipv` — «Payout League» (casinoinstantpay.com, CA), v2
   Манера: лиговая таблица финансового издания (FT) — волосяные линейки вместо
   коробок, колонки с малыми капителями, ранг латунными цифрами, единственная
   заливка у лидера. Никаких карточек-плашек и обводок-пилюль.
   ========================================================================== */
.cipv-wrap{margin:34px 0;font-family:'Open Sans',Arial,sans-serif;max-width:none}
.cipv-wrap h2{font-family:'Signika',sans-serif;font-size:23px;letter-spacing:-.012em;
  color:#171512;margin:0 0 7px;padding:0 0 7px;border:0;border-bottom:2px solid #171512;
  max-width:none}
.cipv-intro{font-size:14.5px;line-height:1.6;color:#6f665a;margin:0 0 16px;max-width:640px}

/* фильтры — строка на линейке, без панели-коробки */
.cipv-f{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%);
  pointer-events:none}
.cipv-fbar{display:flex;flex-wrap:wrap;gap:8px 26px;align-items:center;padding:0 0 12px;
  margin:0 0 4px}
.cipv-fbar>span{font:600 11px/1 'Open Sans',sans-serif;letter-spacing:.13em;
  text-transform:uppercase;color:#6f665a}
.cipv-fbar label{display:inline-flex;align-items:center;gap:9px;font-size:14px;color:#453e35;
  cursor:pointer;line-height:1.3}
.cipv-fbar label::before{content:'';width:15px;height:15px;border:1px solid #b9ac97;
  background:#fffdf9;flex:0 0 auto}
.cipv-f1:checked~.cipv-fbar label[for=cipv-f1]::before,
.cipv-f2:checked~.cipv-fbar label[for=cipv-f2]::before,
.cipv-f3:checked~.cipv-fbar label[for=cipv-f3]::before{background:#14563d url("data:image/svg+xml,\
%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.6l3 3 7-7'\
 fill='none' stroke='%23fff' stroke-width='2.6'/%3E%3C/svg%3E") center/12px no-repeat;
  border-color:#14563d}

/* шапка колонок */
.cipv-cols{display:grid;grid-template-columns:34px 118px minmax(0,1fr) 208px 120px;gap:0 14px;
  padding:0 18px 8px;border-bottom:2px solid #171512;
  font:600 10.5px/1.3 'Open Sans',sans-serif;letter-spacing:.13em;text-transform:uppercase;
  color:#6f665a}
.cipv-cols span:last-child{text-align:center}

.cipv-list{list-style:none;margin:0;padding:0;display:block;max-width:none}
.cipv-list>li{display:grid;grid-template-columns:34px 118px minmax(0,1fr) 208px 120px;
  grid-template-areas:'rank logo main offer cta' 'rank logo pay pay pay'
                      'rank logo det det det';
  gap:0 14px;align-items:start;padding:16px 18px;border-bottom:1px solid #eae2d3;
  background:none;margin:0}
.cipv-list>li::before{content:none!important;display:none}
.cipv-list>li:hover{background:#faf6ee}
.cipv-list>li.is-top{background:#f7ecd6}
.cipv-rank{grid-area:rank;font:700 22px/1.1 'Signika',sans-serif;color:#a97c2f;text-align:center;
  padding-top:2px}
.cipv-logo{grid-area:logo;display:flex;align-items:center;justify-content:flex-start;height:44px}
.cipv-logo img{max-width:112px;max-height:38px;width:auto;height:auto;display:block}
.cipv-main{grid-area:main;min-width:0}
.cipv-name{display:block;font:600 17px/1.25 'Signika',sans-serif;color:#171512}
.cipv-pick{display:inline-block;margin-left:10px;color:#8a6320;background:none;
  font:700 10.5px/1 'Open Sans',sans-serif;letter-spacing:.13em;text-transform:uppercase;
  vertical-align:2px}
.cipv-chips{display:block;font-size:13px;color:#6f665a;margin:4px 0 0;line-height:1.45}
.cipv-chips b{color:#14563d;font-weight:600}
.cipv-pay{grid-area:pay;display:flex;flex-wrap:wrap;gap:0;margin:9px 0 0;
  border-top:1px solid #eae2d3;padding-top:8px;font-size:12.5px;color:#453e35}
.cipv-pay>span{padding-right:22px;margin-right:22px;border-right:1px solid #eae2d3;
  min-width:0;max-width:100%}
.cipv-pay>span:last-child{border-right:0;margin-right:0;padding-right:0}
.cipv-pay i{font-style:normal;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
  color:#8b8172;margin-right:8px}
.cipv-offer{grid-area:offer;padding:0}
.cipv-offer b{display:block;font:600 15.5px/1.3 'Signika',sans-serif;color:#171512}
.cipv-offer i{display:block;font-style:normal;font-size:12.5px;color:#6f665a;margin-top:4px}
.cipv-cta{grid-area:cta;text-align:center}
.cipv-btn{display:block;background:#14563d;color:#fff!important;
  font:600 12px/1 'Open Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;
  padding:12px 8px;text-decoration:none!important;border:0!important}
.cipv-btn:hover{background:#0d3b2a}
.cipv-det{grid-area:det;margin:8px 0 0}
.cipv-det>summary{cursor:pointer;font:600 10.5px/1.4 'Open Sans',sans-serif;letter-spacing:.12em;
  text-transform:uppercase;color:#6f665a;list-style:none}
.cipv-det>summary::-webkit-details-marker{display:none}
.cipv-det>summary::after{content:' +';color:#a97c2f}
.cipv-det[open]>summary::after{content:' –'}
.cipv-det ul{margin:8px 0 2px;padding:0;list-style:none;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:3px 22px;font-size:13px;
  max-width:none}
.cipv-det li{padding-left:15px;position:relative;color:#453e35;margin:0}
.cipv-det li::before{content:'';position:absolute;left:0;top:.72em;width:7px;height:2px;
  background:#a97c2f}

.cipv-list>li.cipv-hid{display:none}
.cipv-more{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%);
  pointer-events:none}
.cipv-morebtn{display:block;text-align:center;padding:13px 18px;background:none;
  border-bottom:1px solid #eae2d3;font:600 11px/1 'Open Sans',sans-serif;letter-spacing:.13em;
  text-transform:uppercase;color:#14563d;cursor:pointer}
.cipv-morebtn:hover{background:#faf6ee}
.cipv-more:checked~.cipv-list>li.cipv-hid{display:grid}
.cipv-more:checked~.cipv-morebtn{display:none}
.cipv-f1:checked~.cipv-list>li:not(.is-f1),
.cipv-f2:checked~.cipv-list>li:not(.is-f2),
.cipv-f3:checked~.cipv-list>li:not(.is-f3){display:none}
.cipv-f1:checked~.cipv-list>li.cipv-hid.is-f1,
.cipv-f2:checked~.cipv-list>li.cipv-hid.is-f2,
.cipv-f3:checked~.cipv-list>li.cipv-hid.is-f3{display:grid}
.cipv-f1:checked~.cipv-morebtn,.cipv-f2:checked~.cipv-morebtn,
.cipv-f3:checked~.cipv-morebtn{display:none}
.cipv-disc{font-size:12.5px;color:#6f665a;line-height:1.65;margin:14px 0 0;max-width:760px}

@media (max-width:960px){
  .cipv-cols{display:none}
  .cipv-list>li{grid-template-columns:28px minmax(0,1fr) 108px;
    grid-template-areas:'rank main main' 'rank logo cta' 'rank offer offer'
                        'rank pay pay' 'rank det det';
    gap:0 10px;padding:12px 14px;align-items:center}
  .cipv-rank{font-size:18px;align-self:start}
  .cipv-logo{height:32px;margin:8px 0 0}
  .cipv-logo img{max-width:100px;max-height:28px}
  .cipv-name{font-size:16px}
  .cipv-chips{font-size:12.5px}
  .cipv-offer{margin:8px 0 0}
  .cipv-offer b{font-size:14.5px}
  .cipv-pay{margin-top:8px;padding-top:6px;font-size:12px}
  .cipv-pay>span{padding-right:12px;margin-right:12px}
  .cipv-pay>span:nth-child(4){display:none}
  .cipv-cta{margin:8px 0 0}
  .cipv-btn{padding:10px 6px;font-size:11.5px}
  .cipv-det{margin-top:6px}
}