/* StoneVegas, сайт 1 (stonevegas-casinos.pl). Первый экран — по официалу stonevegas-7900.com (префикс svx-, общий у двух сайтов StoneVegas);
   ниже первого экрана — своя вёрстка сайта 1 (префикс svk-). Шрифт шаблона Boogaloo есть только в latin — польские буквы
   берутся из запасного шрифта, как на официале. */
@font-face{font-family:Boogaloo;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/boogaloo-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#433329;--bar:#33271f;--cream:#f5e2d6;--menu:#cead91;--yel:#ffcf33;--frame:#b38369;--sand:#d9baa0;--ph:#b38369;--ink:#f5e2d6}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:var(--bg) radial-gradient(900px 500px at 60% 0,#4f3c30 0,rgba(67,51,41,0) 70%) no-repeat;color:var(--cream);font:400 16px/1.6 Arial,Helvetica,sans-serif;-webkit-text-size-adjust:100%}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
p{margin:0 0 14px}
ul,ol{margin:0 0 14px;padding-left:22px}
li{margin:0 0 6px}
table{border-collapse:collapse;width:100%}
.svx-ui{font-family:Boogaloo,"Arial Narrow",Arial,sans-serif;text-transform:uppercase}
.svx-top{display:flex;align-items:center;gap:16px;height:60px;padding:0 20px;background:var(--bar);border-bottom:2px solid #2a1f18}
.svx-menu{display:flex;width:32px;height:32px;color:#c49a7a;flex:none}
.svx-menu svg{width:32px;height:32px}
.svx-logo{flex:none;margin-left:14px}
.svx-logo img{width:96px;height:46px}
.svx-search{margin-left:auto;display:flex;align-items:center;gap:10px;width:300px;height:46px;padding:0 14px;border-radius:16px;background:var(--cream);border:1px solid var(--sand);color:var(--ph);font:400 16px/1 Boogaloo,Arial,sans-serif}
.svx-search svg{width:18px;height:18px;flex:none}
.svx-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 22px;border-radius:4px;background:linear-gradient(#ead2bd,#c9a487);border:2px solid #7a5a46;box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 3px 0 #33271f;color:#000;font:400 16px/1 Boogaloo,Arial,sans-serif;text-transform:uppercase;white-space:nowrap}
.svx-wrap{display:grid;grid-template-columns:240px minmax(0,1fr)}
.svx-side{background:var(--bar);padding:8px 0 0;align-self:start;position:sticky;top:0;max-height:100vh;overflow:auto;display:flex;flex-direction:column}
.svx-nav{list-style:none;margin:0;padding:0}
.svx-nav li{margin:0;border-bottom:1px solid #2a1f18;box-shadow:0 1px 0 #3d2f26}
.svx-nav a{display:flex;align-items:center;gap:12px;height:48px;padding:0 22px;color:var(--menu);font:400 16px/1 Boogaloo,Arial,sans-serif;text-transform:uppercase}
.svx-nav a.is-on{color:var(--yel)}
.svx-nav svg{width:20px;height:20px;flex:none}
.svx-side__foot{display:grid;grid-template-columns:1fr 1fr;margin-top:24px}
.svx-side__foot a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 4px;font:400 14px/1 Boogaloo,Arial,sans-serif;text-transform:uppercase;color:var(--menu)}
.svx-side__foot svg{width:18px;height:18px}
.svx-main{min-width:0;padding:14px 18px 0 16px}
.svx-tabs{display:none}
.svx-banners{display:grid;grid-template-columns:280px minmax(0,1fr);gap:36px}
.svx-small{position:relative;display:block;height:350px;border-radius:12px;overflow:hidden;border:4px solid var(--frame)}
.svx-small img{width:100%;height:100%;object-fit:cover}
.svx-dots{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:8px}
.svx-dots span{width:12px;height:12px;border-radius:50%;border:2px solid #fff}
.svx-dots span.is-on{background:#fff}
.svx-hero{position:relative;display:block;height:350px;border-radius:12px;overflow:hidden;border:4px solid var(--frame)}
.svx-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.svx-hero__txt{position:absolute;left:80px;top:50%;transform:translateY(-50%);max-width:470px}
.svx-h1{margin:0 0 6px;font:400 18px/1.2 Boogaloo,Arial,sans-serif;text-transform:uppercase;color:var(--yel);text-shadow:0 2px 0 #33271f,0 0 8px rgba(0,0,0,.4)}
.svx-promo{display:block;margin:0 0 16px;font:400 30px/1.15 Boogaloo,Arial,sans-serif;text-transform:uppercase;color:var(--cream);text-shadow:0 3px 0 #33271f,0 0 10px rgba(0,0,0,.5)}
.svx-join{display:inline-flex;align-items:center;justify-content:center;width:274px;height:56px;border-radius:6px;background:linear-gradient(#9be84a,#5cb81a 55%,#3f9a0f);border:4px solid #1c1c1c;box-shadow:inset 0 2px 0 rgba(255,255,255,.45),0 4px 0 #33271f;color:#fff091;font:400 20px/1 Boogaloo,Arial,sans-serif;text-transform:uppercase;text-shadow:0 2px 0 #2c6b0a}
.svx-arr{position:absolute;right:18px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;background:#5a4537;border:2px solid var(--frame);color:var(--cream)}
.svx-arr svg{width:16px;height:16px}
.svx-cats{display:flex;gap:30px;overflow-x:auto;scrollbar-width:none;padding:22px 4px 14px;border-bottom:2px solid #2a1f18}
.svx-cats::-webkit-scrollbar{display:none}
.svx-cat{display:flex;flex-direction:column;align-items:center;gap:6px;flex:none;font:400 18px/1 Boogaloo,Arial,sans-serif;text-transform:uppercase;color:var(--cream);white-space:nowrap}
.svx-cat img{width:48px;height:48px}
.svx-row{padding:16px 0 0}
.svx-row__head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.svx-row__t{margin:0;font:400 22px/1.2 Boogaloo,Arial,sans-serif;text-transform:uppercase;color:var(--cream)}
.svx-all{margin-left:auto;font:400 16px/1 Boogaloo,Arial,sans-serif;color:var(--yel)}
.svx-row__arr{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;background:#5a4537;border:2px solid var(--frame);color:var(--cream)}
.svx-row__arr svg{width:14px;height:14px}
.svx-tiles{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.svx-tile{position:relative;display:block;border-radius:8px;overflow:hidden;border:3px solid var(--frame)}
.svx-tile img{width:100%;aspect-ratio:157/236;object-fit:cover}
.svx-new{position:absolute;left:6px;bottom:8px;padding:2px 8px;border-radius:4px;background:var(--yel);color:#33271f;font:400 14px/1.3 Boogaloo,Arial,sans-serif}
@media (max-width:1023px){
  .svx-top{height:54px;padding:0 10px;gap:8px}
  .svx-logo{margin-left:4px}
  .svx-logo img{width:84px;height:40px}
  .svx-search{display:none}
  .svx-btn{height:36px;padding:0 10px;font-size:14px}
  .svx-top .svx-btn:first-of-type{margin-left:auto}
  .svx-wrap{display:block}
  .svx-side{display:none}
  .svx-main{padding:0}
  .svx-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:var(--bar)}
  .svx-tabs a{display:flex;align-items:center;justify-content:center;height:52px;border-right:2px solid #2a1f18;box-shadow:inset 0 -3px 0 #2a1f18;font:400 18px/1 Boogaloo,Arial,sans-serif;text-transform:uppercase;color:var(--cream)}
  .svx-banners{display:block}
  .svx-small{display:none}
  .svx-hero{height:342px;border:0;border-radius:0}
  .svx-hero__txt{left:12px;right:12px;top:auto;bottom:34px;transform:none;max-width:none;text-align:center}
  .svx-promo{font-size:24px}
  .svx-join{width:220px}
  .svx-arr{display:none}
  .svx-cats{gap:22px;padding:16px 12px 12px}
  .svx-cat{flex-direction:row;font-size:16px}
  .svx-cat img{width:36px;height:36px}
  .svx-row{padding:14px 12px 0}
  .svx-row__t{font-size:20px}
  .svx-row__arr{display:none}
  .svx-tiles{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
  .svx-tiles::-webkit-scrollbar{display:none}
  .svx-tile{flex:0 0 96px}
}

/* ---------- сайт 1, ниже первого экрана (svk-) ---------- */
.svk-body{max-width:1120px;padding:28px 0 0}
.svk-lead{margin:0 0 26px;padding:20px 24px;border-radius:10px;background:var(--bar);border:3px solid var(--frame);font-size:18px}
.svk-lead p:last-child,.svk-txt>:last-child{margin-bottom:0}
.svk-sec{margin:0 0 24px;padding:26px 28px;border-radius:14px;background:linear-gradient(#f2dccb,#e2c4ad);border:4px solid var(--frame);box-shadow:inset 0 0 0 2px #f8ece2,0 6px 0 #2a1f18;color:#33271f}
.svk-sec>:last-child{margin-bottom:0}
.svk-h2{margin:0 0 16px;font:400 30px/1.15 Boogaloo,"Arial Narrow",Arial,sans-serif;text-transform:uppercase;color:#7a2a12}
.svk-split{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.svk-split--r{grid-template-columns:340px minmax(0,1fr)}
.svk-img{display:block;border-radius:10px;overflow:hidden;border:4px solid #7a5a46}
.svk-img--top{max-width:560px;margin:0 0 18px}
.svk-list{list-style:none;padding:0}
.svk-list li{position:relative;padding-left:28px}
.svk-list li::before{content:"";position:absolute;left:2px;top:6px;width:16px;height:12px;border-radius:40% 60% 50% 50%;background:#7a5a46}
.svk-tbl{overflow-x:auto;margin:0 0 16px}
.svk-tbl table{min-width:520px;font-size:15px}
.svk-tbl th{background:#7a2a12;color:#fff091;font:400 17px/1.2 Boogaloo,Arial,sans-serif;text-transform:uppercase;text-align:left}
.svk-tbl th,.svk-tbl td{padding:9px 12px;border:2px solid #c9a487}
.svk-tbl td{background:rgba(255,255,255,.35)}
.svk-faq{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.svk-faq__item{padding:14px 16px;border-radius:10px;background:#33271f;color:var(--cream)}
.svk-faq__q{margin:0 0 6px;font:400 19px/1.2 Boogaloo,Arial,sans-serif;text-transform:uppercase;color:var(--yel)}
.svk-faq__a{margin:0;font-size:15px}
.svk-foot{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px;margin-top:10px;padding:28px 0 36px;border-top:2px solid #2a1f18;font-size:14px;color:var(--menu)}
.svk-foot__nav{list-style:none;margin:0;padding:0}
.svk-foot__nav li{margin:0 0 8px}
.svk-foot__nav a{font:400 17px/1.2 Boogaloo,Arial,sans-serif;text-transform:uppercase;color:var(--cream)}
.svk-rg{display:flex;flex-wrap:wrap;gap:8px;align-content:start}
.svk-rg a{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:4px;background:linear-gradient(#ead2bd,#c9a487);color:#000;font-size:12px}
.svk-rg a.svk-18{background:#7a2a12;color:#fff091;font-weight:700}
.svk-foot__txt p{margin:0 0 6px}
.svk-doc{max-width:820px;margin:0 auto;padding:12px 0 0}
.svk-doc h1{margin:0 0 18px;font:400 36px/1.15 Boogaloo,Arial,sans-serif;text-transform:uppercase;color:var(--yel)}
.svk-doc h2{margin:24px 0 10px;font:400 24px/1.2 Boogaloo,Arial,sans-serif;text-transform:uppercase;color:var(--cream)}
.svk-doc a{color:var(--yel);text-decoration:underline}
@media (max-width:1023px){
  .svk-body{padding:20px 12px 0}
  .svk-lead{font-size:16px;padding:16px}
  .svk-sec{padding:20px 16px}
  .svk-h2{font-size:24px}
  .svk-split,.svk-split--r{grid-template-columns:minmax(0,1fr);gap:16px}
  .svk-split>.svk-img{order:-1;max-width:420px}
  .svk-faq,.svk-foot{grid-template-columns:minmax(0,1fr)}
  .svk-doc h1{font-size:28px}
}
