/* ═══ sfuv · рейтинг-табло slots-for-fun.com ═══
   порядок: обёртка · вкладки-фильтры · строка · плашка · оффер · кнопки · условия · показать все · мобильная */

/* ═══ sfuv обёртка ═══ */
body .sfu-leaf .sfuv-wrap{margin:26px calc(-1*var(--sf-leaf)) 30px;padding:26px var(--sf-leaf) 22px;background:var(--sf-tint);border-top:3px solid var(--sf-night);border-bottom:1px solid var(--sf-rule)}
body .sfu-leaf .sfuv-top{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px 18px;margin-bottom:14px}
body .sfu-leaf .sfuv-h{margin:0;font-size:24px;line-height:1.25;font-weight:800;color:var(--sf-ink)}
body .sfu-leaf .sfuv-h::before{content:none}
body .sfu-leaf .sfuv-meta{margin:0 0 0 auto;display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--sf-ink-2);line-height:1.4}
body .sfu-leaf .sfuv-meta .sfu-i{width:16px;height:16px}

/* ═══ sfuv вкладки-фильтры ═══ */
body .sfu-leaf .sfuv-r{position:absolute;opacity:0;pointer-events:none}
body .sfu-leaf .sfuv-tabs{display:flex;gap:2px;margin:0 0 14px;border-bottom:1px solid var(--sf-rule);overflow-x:auto;scrollbar-width:none}
body .sfu-leaf .sfuv-tabs::-webkit-scrollbar{display:none}
body .sfu-leaf .sfuv-tabs label{flex:0 0 auto;display:flex;align-items:center;gap:7px;min-height:44px;padding:0 14px;font-size:15px;font-weight:600;color:var(--sf-ink-2);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px;white-space:nowrap}
body .sfu-leaf .sfuv-tabs label .sfu-i{width:18px;height:18px}
body .sfu-leaf .sfuv-tabs label small{font-size:12px;font-weight:700;color:var(--sf-ink-2);background:#fff;border-radius:9px;padding:1px 7px}
body .sfu-leaf .sfuv-tabs label:hover{color:var(--sf-ink)}

/* ═══ sfuv строка ═══ */
body .sfu-leaf .sfuv-list{list-style:none;margin:0;padding:0;counter-reset:none}
body .sfu-leaf .sfuv-list>li{position:relative;display:grid;grid-template-columns:34px 128px minmax(0,1fr) 206px 158px;grid-template-areas:"rk pl id of ac" "rk pl tm tm tm";gap:4px 16px;align-items:center;min-height:152px;margin:0 0 8px;padding:20px 16px 12px 12px;background:#fff;border-radius:8px;box-shadow:0 1px 0 var(--sf-rule),0 0 0 1px var(--sf-rule) inset}
body .sfu-leaf .sfuv-list>li::before,body .sfu-leaf .sfuv-list>li::after{content:none;display:none}
body .sfu-leaf .sfuv-list>li.sfuv-hid{display:none}
body .sfu-leaf .sfuv-rk{grid-area:rk;align-self:start;margin-top:22px;font-size:20px;font-weight:900;color:var(--sf-ink-2);text-align:center}
body .sfu-leaf .sfuv-list>li:nth-child(-n+3) .sfuv-rk{color:var(--sf-sky)}

/* ═══ sfuv плашка ═══ */
body .sfu-leaf .sfuv-pl{grid-area:pl;align-self:start;height:76px;border-radius:8px;background:#F4F5F8;display:flex;align-items:center;justify-content:center;padding:8px 10px}
body .sfu-leaf .sfuv-pl img{max-width:100%;max-height:58px;width:auto;height:auto;object-fit:contain}
body .sfu-leaf .sfuv-id{grid-area:id;min-width:0}
body .sfu-leaf .sfuv-name{display:flex;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:800;line-height:1.25;color:var(--sf-ink)}
body .sfu-leaf .sfuv-tag{display:inline-block;background:var(--sf-ribbon);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:2px 8px 2px 6px;clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,0 100%);line-height:1.5}
body .sfu-leaf .sfuv-ticks{list-style:none;margin:5px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:2px 12px}
body .sfu-leaf .sfuv-ticks li{display:flex;align-items:center;gap:4px;margin:0;padding:0;font-size:13.5px;line-height:1.5;color:#34405A}
body .sfu-leaf .sfuv-ticks li::before{content:none}
body .sfu-leaf .sfuv-ticks .sfu-i{width:15px;height:15px;color:var(--sf-grass);stroke-width:2.4}
body .sfu-leaf .sfuv-ticks li.is-key{font-weight:700;color:var(--sf-ink)}

/* ═══ sfuv оффер ═══ */
body .sfu-leaf .sfuv-of{grid-area:of;border-left:1px dashed var(--sf-rule);padding-left:14px}
body .sfu-leaf .sfuv-of span{display:block;font-size:11.5px;letter-spacing:.7px;text-transform:uppercase;color:var(--sf-ink-2);font-weight:700}
body .sfu-leaf .sfuv-of strong{display:block;margin-top:2px;font-size:17px;line-height:1.3;font-weight:800;color:var(--sf-sky-ink)}

/* ═══ sfuv кнопки ═══ */
body .sfu-leaf .sfuv-ac{grid-area:ac;display:flex;flex-direction:column;align-items:stretch;gap:4px}
body .sfu-leaf .sfuv-ac a.sfuv-cta{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;background:var(--sf-wheat);color:#1C1300;border-radius:6px;font-weight:700;font-size:15px;text-decoration:none;box-shadow:inset 0 -3px 0 var(--sf-wheat-deep);white-space:nowrap}
body .sfu-leaf .sfuv-ac a.sfuv-cta:hover{background:#FFD24D}
body .sfu-leaf .sfuv-ac a.sfuv-rev{display:flex;align-items:center;justify-content:center;min-height:30px;font-size:14px;font-weight:600;color:var(--sf-sky);text-decoration:none}
body .sfu-leaf .sfuv-ac a.sfuv-rev:hover{text-decoration:underline}

/* ═══ sfuv условия ═══ */
body .sfu-leaf .sfuv-tm{grid-area:tm;display:flex;flex-wrap:wrap;align-items:center;gap:2px 14px;padding-top:7px;margin-top:4px;border-top:1px solid #EDF0F5;font-size:13px;color:var(--sf-ink-2);line-height:1.45}
body .sfu-leaf .sfuv-tm b{color:var(--sf-ink);font-weight:600}
body .sfu-leaf .sfuv-tm details{margin-left:auto}
body .sfu-leaf .sfuv-tm summary{cursor:pointer;color:var(--sf-sky);font-weight:600;list-style:none;min-height:24px;display:flex;align-items:center;gap:4px}
body .sfu-leaf .sfuv-tm summary::-webkit-details-marker{display:none}
body .sfu-leaf .sfuv-tm summary .sfu-i{width:14px;height:14px;transition:transform .2s}
body .sfu-leaf .sfuv-tm details[open]{flex:1 1 100%;margin-left:0}
body .sfu-leaf .sfuv-tm details[open] summary .sfu-i{transform:rotate(180deg)}
body .sfu-leaf .sfuv-tm details p{margin:6px 0 2px;font-size:13.5px;color:#34405A}

/* ═══ sfuv показать все ═══ */
body .sfu-leaf .sfuv-more-box{position:absolute;opacity:0;pointer-events:none}
body .sfu-leaf .sfuv-more{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;margin:4px 0 0;border:1px dashed #B9C4D8;border-radius:8px;color:var(--sf-sky-ink);font-weight:700;font-size:15px;cursor:pointer;background:#fff}
body .sfu-leaf .sfuv-more .sfu-i{width:18px;height:18px}
body .sfu-leaf .sfuv-more .sfuv-less{display:none}
body .sfu-leaf .sfuv-wrap:has(.sfuv-more-box:checked) .sfuv-list>li.sfuv-hid{display:grid}
body .sfu-leaf .sfuv-wrap:has(.sfuv-more-box:checked) .sfuv-more .sfuv-all{display:none}
body .sfu-leaf .sfuv-wrap:has(.sfuv-more-box:checked) .sfuv-more .sfuv-less{display:inline}
body .sfu-leaf .sfuv-disc{margin:12px 0 0;font-size:12.5px;line-height:1.5;color:var(--sf-ink-2)}

/* фильтры: активная вкладка, скрытие строк без признака; хвост при фильтре не раскрываем */
body .sfu-leaf .sfuv-wrap:has(.sfuv-r-all:checked) .sfuv-tabs label.sfuv-t-all,
body .sfu-leaf .sfuv-wrap:has(.sfuv-r-1:checked) .sfuv-tabs label.sfuv-t-1,
body .sfu-leaf .sfuv-wrap:has(.sfuv-r-2:checked) .sfuv-tabs label.sfuv-t-2,
body .sfu-leaf .sfuv-wrap:has(.sfuv-r-3:checked) .sfuv-tabs label.sfuv-t-3{color:var(--sf-ink);border-bottom-color:var(--sf-sky)}
body .sfu-leaf .sfuv-wrap:has(.sfuv-r-1:checked) .sfuv-list>li:not([data-f1]),
body .sfu-leaf .sfuv-wrap:has(.sfuv-r-2:checked) .sfuv-list>li:not([data-f2]),
body .sfu-leaf .sfuv-wrap:has(.sfuv-r-3:checked) .sfuv-list>li:not([data-f3]){display:none}
body .sfu-leaf .sfuv-wrap:has(.sfuv-r-1:checked) .sfuv-list>li[data-f1].sfuv-hid,
body .sfu-leaf .sfuv-wrap:has(.sfuv-r-2:checked) .sfuv-list>li[data-f2].sfuv-hid,
body .sfu-leaf .sfuv-wrap:has(.sfuv-r-3:checked) .sfuv-list>li[data-f3].sfuv-hid{display:grid}
body .sfu-leaf .sfuv-wrap:has(.sfuv-r-1:checked) .sfuv-more,
body .sfu-leaf .sfuv-wrap:has(.sfuv-r-2:checked) .sfuv-more,
body .sfu-leaf .sfuv-wrap:has(.sfuv-r-3:checked) .sfuv-more{display:none}

/* ═══ sfuv мобильная ═══ */
@media (max-width:860px){
  body .sfu-leaf .sfuv-list>li{grid-template-columns:26px 104px minmax(0,1fr);grid-template-areas:"rk pl id" "of of of" "ac ac ac" "tm tm tm";gap:8px 12px;padding:12px 12px 8px 10px}
  body .sfu-leaf .sfuv-wrap:has(.sfuv-more-box:checked) .sfuv-list>li.sfuv-hid{display:grid}
  body .sfu-leaf .sfuv-rk{margin-top:18px;font-size:17px}
  body .sfu-leaf .sfuv-pl{height:64px}
  body .sfu-leaf .sfuv-pl img{max-height:48px}
  body .sfu-leaf .sfuv-list>li{min-height:0}
  body .sfu-leaf .sfuv-ticks li:nth-child(n+3){display:none}
  body .sfu-leaf .sfuv-of strong{font-size:16px}
  body .sfu-leaf .sfuv-of{border-left:0;padding-left:0;border-top:1px dashed var(--sf-rule);padding-top:8px}
  body .sfu-leaf .sfuv-ac{flex-direction:row}
  body .sfu-leaf .sfuv-ac a.sfuv-cta{flex:1 1 auto}
  body .sfu-leaf .sfuv-ac a.sfuv-rev{min-height:44px;padding:0 10px}
  body .sfu-leaf .sfuv-meta{margin-left:0}
}
@media (max-width:760px){
  body .sfu-leaf .sfuv-wrap{padding:20px var(--sf-leaf) 16px}
  body .sfu-leaf .sfuv-h{font-size:20px}
  body .sfu-leaf .sfuv-name{font-size:17px;flex-wrap:wrap;gap:4px 8px}
}

/* ═══ sfuv витрина последним блоком листа ═══ */
body .sfu-leaf .sfuv-wrap:last-child{margin-bottom:-38px;border-bottom:0;border-radius:0 0 10px 10px}
@media (max-width:760px){body .sfu-leaf .sfuv-wrap:last-child{margin-bottom:-24px;border-radius:0 0 8px 8px}}