/* casiniacasino-poland.com — первый экран по шаблону amunra-0804.com/pl/ (cih-, общий у сайтов Casinia), контент сайта 3 (cip-) */
: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}
/* ---------- первый экран: планшет и телефон ---------- */
@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}
}
/* ---------- контент сайта 3 (cip-): ряды «картинка / текст» с чередованием, без панелей ---------- */
.cip-body{max-width:1180px;padding:10px 16px 0}
.cip-lead{margin:24px auto 6px;max-width:900px;padding:20px 26px;border:1px solid var(--cia-copper);border-radius:999px;text-align:center;font-size:17px;background:rgba(65,26,9,.55)}
.cip-sec{display:flow-root;padding:38px 0 30px}
.cip-sec+.cip-sec{background:url(/assets/img/casinia-tlo.webp) 0 0/320px 16px repeat-x}
.cip-sec h2{display:flex;align-items:center;gap:16px;margin-bottom:20px;font:400 28px/1.2 var(--cia-f);color:var(--cia-text)}
.cip-sec h2::before{content:"";flex:none;width:14px;height:14px;transform:rotate(45deg);background:var(--cia-gold);box-shadow:0 0 0 4px rgba(255,172,43,.2)}
.cip-sec h2::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--cia-copper),transparent)}
.cip-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;align-items:center}
.cip-row--r .cip-pic{order:2}
.cip-pic img{width:100%;border-radius:14px;box-shadow:0 0 0 1px var(--cia-copper),0 16px 34px rgba(0,0,0,.45)}
.cip-wide{margin:6px 0 20px}
.cip-wide img{width:100%;aspect-ratio:3/1;object-fit:cover;border-radius:14px;box-shadow:0 0 0 1px var(--cia-copper)}
.cip-sec p{margin-bottom:14px}
.cip-tbl{width:100%;margin:6px 0 18px;border-collapse:collapse;font-size:15px}
.cip-tbl th{padding:10px 12px;border-bottom:2px solid var(--cia-gold);color:var(--cia-gold);font:400 15px var(--cia-f);text-align:left}
.cip-tbl td{padding:10px 12px;border-bottom:1px dashed var(--cia-line2)}
.cip-steps{list-style:none;counter-reset:n;margin:6px 0 18px;padding:0 0 0 8px;border-left:2px solid var(--cia-line2)}
.cip-steps li{counter-increment:n;position:relative;padding:4px 0 16px 34px}
.cip-steps li::before{content:counter(n);position:absolute;left:-17px;top:0;width:32px;height:32px;border-radius:50%;background:var(--cia-bg);border:2px solid var(--cia-gold);color:var(--cia-gold);font:400 16px/28px var(--cia-f);text-align:center}
.cip-list{list-style:none;margin:6px 0 16px;padding:0}
.cip-list li{position:relative;padding:5px 0 5px 24px}
.cip-list li::before{content:"✦";position:absolute;left:0;color:var(--cia-gold)}
.cip-go{margin-top:18px}
.cip-faq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cip-q{padding:18px;border-radius:14px;background:linear-gradient(160deg,#4a1f0b,#2d1206);border:1px solid var(--cia-line)}
.cip-q h3{margin-bottom:8px;font:400 17px/1.3 var(--cia-f);color:var(--cia-gold)}
.cip-q p{margin:0;font-size:15px;color:#e6cfaa}
.cip-foot{margin:30px 0 0;padding:30px 16px;background:#1a0b02;border-top:1px solid var(--cia-copper);text-align:center;color:var(--cia-muted);font-size:14px}
.cip-foot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;margin-bottom:18px}
.cip-foot nav a{color:var(--cia-gold);text-decoration:none;font-family:var(--cia-f)}
.cip-rg{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:16px}
.cip-rg img{height:32px;width:auto}
.cip-foot p{margin:0 0 6px}
.cip-doc{max-width:860px;margin:0 auto;padding:0 18px 30px}
.cip-doc-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;margin-bottom:26px;border-bottom:1px solid var(--cia-copper)}
.cip-doc h1{font:400 34px/1.2 var(--cia-f);color:var(--cia-text);margin-bottom:18px}
.cip-doc h2{font:400 22px/1.3 var(--cia-f);color:var(--cia-gold);margin:24px 0 10px}
.cip-doc p,.cip-doc li{margin-bottom:10px}
.cip-doc ul{padding-left:22px}
@media (max-width:860px){
  .cip-body{padding:0 14px}
  .cip-lead{border-radius:18px;padding:16px;font-size:16px;text-align:left}
  .cip-sec{padding:28px 0 22px}
  .cip-sec h2{font-size:22px;gap:12px}
  .cip-sec h2::after{display:none}
  .cip-row{grid-template-columns:1fr;gap:18px}
  .cip-row--r .cip-pic{order:0}
  .cip-wide img{aspect-ratio:16/9}
  .cip-faq{grid-template-columns:1fr}
  .cip-tbl{font-size:13.5px}
  .cip-tbl th,.cip-tbl td{padding:8px 6px}
}