/* ◆coi:coix — витрина «Tabellone» (casinoonlineit.it, шаблон №362) */
body .coix-wrap{--x-carbone:#15171E;--x-ciliegia:#B3122E;--x-oro:#F2B632;--x-carta:#fff;--x-inserto:#F8F5EF;--x-linea:#E4DED3;--x-grigio:#4E5360;
  margin:28px 0 30px;padding:22px 22px 18px;background:var(--x-inserto);border-radius:14px;font-family:"Roboto",system-ui,Arial,sans-serif;color:#1C1E25;grid-column:1/-1;flex:1 1 100%;width:100%}
body .coix-wrap .coix-testa{display:flex;align-items:flex-start;gap:12px;margin:0 0 12px}
body .coix-wrap .coix-testa svg{flex:none;color:var(--x-ciliegia);margin-top:4px}
body .coix-wrap .coix-testa h2{margin:0;font-size:24px;line-height:1.25;font-weight:900;letter-spacing:-.015em}
body .coix-wrap .coix-testa h2::before{content:none}
body .coix-wrap .coix-testa p{margin:4px 0 0;font-size:14px;line-height:1.5;color:var(--x-grigio)}
body .coix-wrap .coix-in{position:absolute;opacity:0;pointer-events:none}
body .coix-wrap .coix-filtri{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;font-size:13.5px}
body .coix-wrap .coix-filtri>span{color:var(--x-grigio);margin-right:4px}
body .coix-wrap .coix-filtri label{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;background:var(--x-carta);border-radius:6px;box-shadow:inset 0 0 0 1px var(--x-linea);cursor:pointer;font-weight:500;color:#1C1E25}
body .coix-wrap .coix-filtri label svg{color:var(--x-ciliegia)}
body .coix-wrap .coix-list{list-style:none;margin:0;padding:0;counter-reset:coix}
body .coix-wrap .coix-list>li{display:grid;grid-template-columns:48px 128px minmax(0,1fr) 168px;grid-template-areas:"f l n a" "f l c a";gap:2px 14px;align-items:center;margin:0 0 10px;padding:12px 14px 12px 10px;background:var(--x-carta);border-radius:12px;box-shadow:0 1px 0 var(--x-linea),0 6px 16px rgba(21,23,30,.05);font-size:14px;line-height:1.45}
body .coix-wrap .coix-list>li.coix-hid{display:none}
body .coix-wrap .coix-finestra{grid-area:f;display:grid;place-items:center;width:46px;height:58px;border-radius:9px;background:var(--x-carbone);color:#fff;font-family:"Roboto Mono",ui-monospace,monospace;font-size:24px;font-weight:500;position:relative;box-shadow:inset 0 10px 0 rgba(255,255,255,.06),inset 0 -10px 0 rgba(0,0,0,.25)}
body .coix-wrap .coix-finestra::after{content:"";position:absolute;left:4px;right:4px;top:50%;height:2px;background:rgba(242,182,50,.55)}
body .coix-wrap .coix-list>li:first-child{box-shadow:0 0 0 2px var(--x-ciliegia),0 10px 22px rgba(179,18,46,.12)}
body .coix-wrap .coix-list>li:first-child .coix-finestra{background:var(--x-ciliegia)}
body .coix-wrap .coix-logo{grid-area:l;display:grid;place-items:center;width:128px;height:76px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px var(--x-linea);padding:8px}
body .coix-wrap .coix-logo img{max-width:112px;max-height:56px;width:auto;height:auto}
body .coix-wrap .coix-nome{grid-area:n;align-self:end;display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;margin:0}
body .coix-wrap .coix-corpo{grid-area:c;align-self:start;min-width:0}
body .coix-wrap .coix-nome strong{font-size:17px;font-weight:900}
body .coix-wrap .coix-nome small{font-family:"Roboto Mono",ui-monospace,monospace;font-size:11.5px;color:var(--x-grigio)}
body .coix-wrap .coix-scelta{display:inline-block;margin:0;padding:2px 8px;background:var(--x-ciliegia);color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:3px}
body .coix-wrap .coix-offerta{margin:0 0 5px;font-size:16px;line-height:1.3;font-weight:900;color:#1C1E25}
body .coix-wrap .coix-fatti{display:flex;flex-wrap:wrap;gap:2px 12px;margin:0;padding:0;list-style:none;font-size:13px;color:var(--x-grigio)}
body .coix-wrap .coix-fatti li{display:inline-flex;align-items:center;gap:5px;margin:0}
body .coix-wrap .coix-fatti svg{color:var(--x-ciliegia)}
body .coix-wrap .coix-fatti b{color:#1C1E25;font-weight:700}
body .coix-wrap .coix-azioni{grid-area:a;display:flex;flex-direction:column;gap:6px;align-items:stretch}
body .coix-wrap .coix-vai{display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 14px;border-radius:8px;background:var(--x-oro);color:#1A1406;font-weight:700;font-size:15px;text-decoration:none;text-align:center;line-height:1.2}
body .coix-wrap .coix-vai:hover{background:#FFC94D;color:#1A1406}
body .coix-wrap .coix-rec{display:flex;align-items:center;justify-content:center;min-height:34px;color:#1C1E25;font-size:13.5px;text-decoration:underline;text-underline-offset:3px}
body .coix-wrap .coix-rec:hover{color:var(--x-ciliegia)}
body .coix-wrap .coix-term{margin:2px 0 0;font-size:12.5px;color:var(--x-grigio)}
body .coix-wrap .coix-term summary{cursor:pointer;display:inline-flex;align-items:center;min-height:26px;color:#1C1E25;text-decoration:underline dotted;text-underline-offset:3px}
body .coix-wrap .coix-term p{margin:4px 0 0;line-height:1.5}
body .coix-wrap .coix-more{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;margin:4px 0 0;border-radius:8px;background:var(--x-carbone);color:#fff;font-weight:700;font-size:14.5px;cursor:pointer}
body .coix-wrap .coix-more .coix-meno{display:none}
body .coix-wrap .coix-nota{margin:12px 0 0;font-size:12px;line-height:1.5;color:var(--x-grigio)}
/* mostra tutti */
body .coix-wrap:has(.coix-tutti:checked) .coix-list>li.coix-hid{display:grid}
body .coix-wrap:has(.coix-tutti:checked) .coix-more .coix-piu{display:none}
body .coix-wrap:has(.coix-tutti:checked) .coix-more .coix-meno{display:inline}
/* фильтры: при активном фильтре хвост не раскрываем, режем открытые строки */
body .coix-wrap:has(.coix-f-senzadep:checked) .coix-list>li:not([data-senzadep]),
body .coix-wrap:has(.coix-f-giri:checked) .coix-list>li:not([data-giri]),
body .coix-wrap:has(.coix-f-requisito:checked) .coix-list>li:not([data-requisito]),
body .coix-wrap:has(.coix-f-deposito:checked) .coix-list>li:not([data-deposito]){display:none}
body .coix-wrap:has(.coix-f-senzadep:checked) .coix-filtri label[for$="senzadep"],
body .coix-wrap:has(.coix-f-giri:checked) .coix-filtri label[for$="giri"],
body .coix-wrap:has(.coix-f-requisito:checked) .coix-filtri label[for$="requisito"],
body .coix-wrap:has(.coix-f-deposito:checked) .coix-filtri label[for$="deposito"]{background:var(--x-carbone);color:#fff;box-shadow:none}
body .coix-wrap:has(.coix-f-senzadep:checked) .coix-filtri label[for$="senzadep"] svg,
body .coix-wrap:has(.coix-f-giri:checked) .coix-filtri label[for$="giri"] svg,
body .coix-wrap:has(.coix-f-requisito:checked) .coix-filtri label[for$="requisito"] svg,
body .coix-wrap:has(.coix-f-deposito:checked) .coix-filtri label[for$="deposito"] svg{color:var(--x-oro)}
body .coix-wrap .coix-in:focus-visible+label{outline:2px solid var(--x-ciliegia)}
@media (max-width:860px){
  body .coix-wrap{padding:16px 12px 14px}
  body .coix-wrap .coix-list>li{grid-template-columns:42px 112px minmax(0,1fr);grid-template-areas:"f l n" "c c c" "a a a";gap:8px 12px;padding:12px}
  body .coix-wrap .coix-nome{align-self:center}
  body .coix-wrap .coix-nome small{flex-basis:100%}
  body .coix-wrap .coix-fatti{font-size:12.5px}
  body .coix-wrap .coix-finestra{width:42px;height:52px;font-size:20px}
  body .coix-wrap .coix-logo{width:112px;height:60px}
  body .coix-wrap .coix-logo img{max-width:98px;max-height:44px}
  body .coix-wrap .coix-azioni{flex-direction:row}
  body .coix-wrap .coix-vai{flex:1 1 auto}
  body .coix-wrap .coix-rec{padding:0 10px;min-height:46px}
  body .coix-wrap .coix-list>li:first-child .coix-nome .coix-scelta{order:3}
  body .coix-wrap .coix-testa h2{font-size:20px}
}
/* ◇coi:coix */