/* casiniacasinopl.pl — первый экран по шаблону amunra-0804.com/pl/ (cih-), контент — панели-свитки (cia-) */
:root{--cia-bg:#261104;--cia-panel:#411a09;--cia-line:#64340c;--cia-line2:#86511b;--cia-copper:#ca731b;--cia-text:#f4dfbd;--cia-muted:#c59e7c;--cia-btn:#571e1e;--cia-btn-t:#f3dab5;--cia-teal:#02c5b0;--cia-gold:#ffac2b;--cia-f:"Marcellus",Georgia,serif}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--cia-bg) radial-gradient(ellipse at 50% -10%,#4a2109 0,transparent 60%) no-repeat;color:var(--cia-text);font:16px/1.65 Arial,Helvetica,sans-serif;min-height:100vh}
img{max-width:100%;height:auto;display:block}
a{color:var(--cia-gold)}
/* ---------- шапка ---------- */
.cih-top{position:sticky;top:0;z-index:20;height:64px;display:flex;align-items:center;gap:14px;padding:0 20px 0 18px;background:linear-gradient(#2e1505,#261104);border-bottom:2px solid var(--cia-line)}
.cih-toggle{width:44px;height:44px;flex:0 0 44px;border:2px solid var(--cia-copper);border-radius:6px;display:grid;place-items:center;background:#3a1807}
.cih-toggle svg{width:24px;height:24px;stroke:var(--cia-muted);fill:none;stroke-width:2}
.cih-logo{width:140px;height:auto}
.cih-gap{flex:1}
.cih-search{width:300px;height:48px;border-radius:36px;border:4px solid var(--cia-copper);background:linear-gradient(#3b1a08,#2a1205);display:flex;align-items:center;gap:10px;padding:0 18px;color:var(--cia-muted);font:15px var(--cia-f);white-space:nowrap}
.cih-search svg{width:16px;height:16px;stroke:var(--cia-muted);fill:none;stroke-width:2.4}
.cih-btn{min-width:147px;height:48px;padding:5px 20px;border-radius:40px;background:var(--cia-btn);color:var(--cia-btn-t);border:2px solid #8c3a2a;box-shadow:inset 0 0 0 2px #2b0c0c;font:700 16px/1 var(--cia-f);text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.cih-btn:hover{background:#6c2626}
/* ---------- каркас ---------- */
.cih-frame{display:grid;grid-template-columns:230px minmax(0,1fr);gap:0 6px}
.cih-side{position:sticky;top:64px;align-self:start;height:calc(100vh - 64px);overflow-y:auto;padding:12px 6px 12px 12px;border-right:2px solid var(--cia-line);background:#2c1306;scrollbar-width:thin}
.cih-tiles{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}
.cih-tile{height:96px;border:2px solid var(--cia-line2);border-radius:6px;background:linear-gradient(#4a1f0a,#341506);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-decoration:none;color:var(--cia-text);font:700 11px/1.1 var(--cia-f);text-transform:uppercase;text-align:center}
.cih-tile svg{width:38px;height:38px;stroke:var(--cia-gold);fill:none;stroke-width:1.6}
.cih-group{padding:6px 0;border-top:1px solid var(--cia-line)}
.cih-item{display:flex;align-items:center;gap:12px;height:44px;margin:2px 0;padding:0 10px;border-radius:4px;background:#361607;color:var(--cia-muted);font:700 14px/1 var(--cia-f);text-transform:uppercase;text-decoration:none}
.cih-item svg{width:20px;height:20px;flex:0 0 20px;stroke:var(--cia-gold);fill:none;stroke-width:1.8}
.cih-item:hover,.cih-item--on{color:var(--cia-text);background:#4a1f0a}
.cih-side-foot{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
.cih-side-foot span{height:80px;border:1px solid var(--cia-line2);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--cia-text);font:13px/1.2 var(--cia-f);text-align:center}
.cih-flag{width:24px;height:16px;background:linear-gradient(#fff 50%,#dc143c 50%);border-radius:2px}
.cih-main{min-width:0}
.cih-tabs{display:none}
/* ---------- баннер ---------- */
.cih-hero{position:relative;height:358px;overflow:hidden;background:#3a1a08}
.cih-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.1) brightness(.78)}
.cih-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(38,17,4,.85) 0,rgba(38,17,4,.35) 45%,transparent 70%),linear-gradient(0deg,rgba(38,17,4,.9) 0,transparent 30%)}
.cih-king{position:absolute;right:9%;bottom:-24px;width:340px;height:auto;z-index:1}
.cih-hero-text{position:absolute;z-index:2;left:130px;top:96px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.cih-h1{font:400 18px/1 var(--cia-f);color:var(--cia-text);background:rgba(20,8,2,.82);padding:7px 18px;border-radius:20px}
.cih-sum{font:700 30px/1.15 var(--cia-f);text-transform:uppercase;color:var(--cia-btn-t);text-shadow:0 2px 6px #000}
.cih-sum small{display:block;font-size:20px;text-transform:none}
.cih-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:224px;height:56px;padding:0 30px;border-radius:40px;background:linear-gradient(#25e3cd,var(--cia-teal) 55%,#019d8c);border:3px solid #9af3e7;color:#fff;font:700 20px/1 var(--cia-f);text-transform:uppercase;text-decoration:none;text-shadow:0 1px 2px #01584f;box-shadow:0 3px 0 #017366,0 0 18px rgba(2,197,176,.45);margin:8px 34px 0;isolation:isolate}
.cih-cta::before,.cih-cta::after{content:"";position:absolute;top:-12px;width:46px;height:62px;background:linear-gradient(160deg,#ffe28a,#d39a1d 60%,#8a5a0c);z-index:-1}
.cih-cta::before{left:-38px;clip-path:polygon(100% 18%,0 0,22% 30%,6% 46%,30% 60%,18% 80%,100% 92%)}
.cih-cta::after{right:-38px;clip-path:polygon(0 18%,100% 0,78% 30%,94% 46%,70% 60%,82% 80%,0 92%)}
.cih-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:34px;height:34px;border:2px solid var(--cia-line2);background:rgba(40,16,4,.8);color:var(--cia-text);display:grid;place-items:center;text-decoration:none;font:22px/1 Arial}
.cih-arrow--l{left:40px}.cih-arrow--r{right:40px}
.cih-dots{position:absolute;z-index:2;bottom:34px;left:50%;transform:translateX(-50%);display:flex;gap:16px}
.cih-dots i{width:12px;height:12px;border-radius:50%;border:2px solid var(--cia-text)}
.cih-dots i:last-child{background:var(--cia-gold);border-color:var(--cia-gold)}
/* ---------- категории и топ ---------- */
.cih-chips{display:flex;gap:10px;padding:14px 16px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--cia-line)}
.cih-chip{flex:0 0 auto;display:flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 8px;border:2px solid var(--cia-line2);border-radius:4px;background:#3a1807;color:var(--cia-muted);font:500 15px/1 var(--cia-f);text-transform:uppercase;text-decoration:none}
.cih-chip svg{width:24px;height:24px;stroke:var(--cia-gold);fill:none;stroke-width:1.7}
.cih-toprow{display:flex;align-items:center;gap:14px;padding:16px 16px 8px}
.cih-toprow h2{font:400 24px/1.2 var(--cia-f);color:var(--cia-text);white-space:nowrap}
.cih-toprow::after{content:"";flex:1;order:1;height:1px;background:var(--cia-line2)}
.cih-toprow a{order:2;font:15px var(--cia-f);color:var(--cia-gold);text-decoration:none;white-space:nowrap}
.cih-games{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:54px;padding:6px 16px 24px 62px}
.cih-game{position:relative;display:block;border:3px solid #b98a3a;background:#1d0c03;text-decoration:none}
.cih-game img{width:100%;aspect-ratio:150/192;object-fit:cover}
.cih-game em{position:absolute;top:-3px;left:-3px;background:var(--cia-teal);color:#fff;font:700 12px/1 Arial;padding:4px 8px;font-style:normal;text-transform:uppercase}
.cih-game b{position:absolute;left:-46px;bottom:-3px;width:46px;height:58px;display:grid;place-items:center;background:linear-gradient(#f3d38a,#b88a35);color:#2b1404;font:400 44px/1 var(--cia-f);border:2px solid #6f4a14}
/* ---------- контент ---------- */
.cia-body{padding:8px 16px 0;max-width:1180px}
.cia-lead{margin:18px 0 26px;padding:22px 26px;background:var(--cia-panel);border:1px solid var(--cia-line2);border-radius:4px;font-size:17px}
.cia-sec{position:relative;margin:0 0 30px;padding:34px 30px 30px;background:linear-gradient(#3d1908,#341506);border:2px solid var(--cia-line);border-radius:4px}
.cia-sec::before{content:"";position:absolute;left:0;right:0;top:0;height:16px;background:url(/assets/img/casinia-tlo.webp) 0 0/320px 16px repeat-x;opacity:.16}
.cia-sec h2{font:400 30px/1.2 var(--cia-f);color:var(--cia-gold);text-align:center;margin-bottom:22px}
.cia-sec h2::after{content:"◆ ◆ ◆";display:block;font-size:10px;color:var(--cia-copper);margin-top:8px;letter-spacing:6px}
.cia-sec p{margin-bottom:14px}
.cia-sec p:last-child{margin-bottom:0}
.cia-split{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
.cia-split--l{grid-template-columns:300px minmax(0,1fr)}
.cia-split figure{border:2px solid var(--cia-line2);background:#2a1205;padding:8px;border-radius:4px}
.cia-split--l figure{order:-1}
.cia-wide{display:block;margin:6px 0 18px;border:2px solid var(--cia-line2);border-radius:4px;overflow:hidden}
.cia-chips{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 18px}
.cia-chips span{border:1px solid var(--cia-copper);border-radius:20px;padding:6px 14px;font:15px var(--cia-f);color:var(--cia-text);background:#2a1205}
.cia-chips b{color:var(--cia-gold);font-weight:400;margin-right:6px}
.cia-table{width:100%;border-collapse:collapse;margin:6px 0 18px;font-size:15px}
.cia-table th{font:400 15px var(--cia-f);text-transform:uppercase;color:var(--cia-gold);text-align:left;padding:10px 12px;border-bottom:2px solid var(--cia-copper)}
.cia-table td{padding:10px 12px;border-bottom:1px solid var(--cia-line)}
.cia-table td:last-child{white-space:nowrap;color:var(--cia-gold);font-family:var(--cia-f)}
.cia-table tr:nth-child(even) td{background:rgba(255,172,43,.04)}
.cia-cta-row{text-align:center;margin-top:22px}
.cia-faq{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cia-q{background:#2a1205;border:1px solid var(--cia-line2);border-left:4px solid var(--cia-copper);padding:16px 18px;border-radius:2px}
.cia-q h3{font:400 18px/1.3 var(--cia-f);color:var(--cia-text);margin-bottom:8px}
.cia-q p{color:#e6cfaa;font-size:15px}
.cia-foot{margin:10px 16px 0;padding:26px 0 30px;border-top:2px solid var(--cia-line);text-align:center;color:var(--cia-muted);font-size:14px}
.cia-foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-bottom:16px}
.cia-foot-links a{color:var(--cia-text);text-decoration:none;font-family:var(--cia-f)}
.cia-rg{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-bottom:16px}
.cia-rg img{height:32px;width:auto;opacity:.85}
.cia-foot p{margin-bottom:6px}
/* ---------- техничка ---------- */
.cia-tech{max-width:860px;margin:0 auto;padding:0 18px 30px}
.cia-tech-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:2px solid var(--cia-line);margin-bottom:26px}
.cia-tech h1{font:400 34px/1.2 var(--cia-f);color:var(--cia-gold);margin-bottom:18px}
.cia-tech h2{font:400 22px/1.3 var(--cia-f);color:var(--cia-text);margin:24px 0 10px}
.cia-tech p,.cia-tech li{margin-bottom:10px}
.cia-tech ul{padding-left:22px}
/* ---------- планшет и телефон ---------- */
@media (max-width:1100px){
  .cih-search{display:none}
  .cih-games{gap:50px;padding-left:56px}
  .cih-king{width:270px;right:4%}
  .cih-hero-text{left:70px}
}
@media (max-width:860px){
  .cih-top{height:auto;flex-wrap:wrap;gap:8px 10px;padding:8px 12px;justify-content:center}
  .cih-toggle{position:absolute;left:12px;top:9px;width:34px;height:34px;flex-basis:34px}
  .cih-toggle svg{width:20px;height:20px}
  .cih-logo{width:100px}
  .cih-gap{display:none}
  .cih-logo-link{flex:0 0 100%;display:flex;justify-content:center}
  .cih-btn{flex:1;min-width:0;height:36px;font-size:14px;padding:0 10px}
  .cih-frame{display:block}
  .cih-side{display:none}
  .cih-tabs{display:flex;justify-content:space-around;height:44px;align-items:center;border-bottom:2px solid var(--cia-line);background:#2c1306}
  .cih-tabs span{font:700 14px/1 var(--cia-f);text-transform:uppercase;color:var(--cia-gold);padding:0 6px;border-right:1px solid var(--cia-line2)}
  .cih-tabs span:last-child{border-right:0}
  .cih-hero{height:360px}
  .cih-hero::after{background:linear-gradient(0deg,rgba(38,17,4,.95) 0,rgba(38,17,4,.6) 40%,transparent 70%)}
  .cih-king{right:50%;transform:translateX(50%);bottom:auto;top:6px;width:230px}
  .cih-hero-text{left:0;right:0;top:auto;bottom:40px;gap:6px}
  .cih-h1{font-size:15px;padding:5px 14px}
  .cih-sum{font-size:21px}
  .cih-sum small{font-size:15px}
  .cih-cta{height:50px;min-width:200px;font-size:19px}
  .cih-arrow{display:none}
  .cih-dots{bottom:14px;gap:10px}
  .cih-dots i{width:9px;height:9px}
  .cih-chip{height:36px;font-size:14px}
  .cih-toprow{padding:12px 16px 6px}
  .cih-toprow h2{font-size:18px}
  .cih-toprow::after{display:none}
  .cih-toprow a{margin-left:auto}
  .cih-games{display:flex;overflow-x:auto;gap:10px;padding:6px 16px 18px;scrollbar-width:none}
  .cih-game{flex:0 0 112px}
  .cih-game b{display:none}
  .cia-body{padding:0 12px}
  .cia-lead{padding:16px;font-size:16px}
  .cia-sec{padding:28px 16px 20px}
  .cia-sec h2{font-size:23px}
  .cia-split,.cia-split--l{grid-template-columns:1fr}
  .cia-split figure{max-width:300px;margin:0 auto}
  .cia-split--l figure{order:0}
  .cia-faq{grid-template-columns:1fr}
  .cia-table{font-size:14px}
  .cia-table th,.cia-table td{padding:8px 6px}
  .cia-table td:last-child{font-size:13px}
}