/* StoneVegas, сайт 2 (stonevegascasinoonline.pl). Первый экран — по официалу stonevegas-7900.com (префикс svx-, общий у двух сайтов StoneVegas);
   ниже первого экрана — своя вёрстка сайта 2 (префикс svr-). Шрифт шаблона 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}
}

/* ---------- сайт 2, ниже первого экрана (svr-) ---------- */
.svr-body{max-width:920px;margin:0 auto;padding:30px 0 0}
.svr-lead{margin:0 0 30px;padding:0 10px;font-size:19px;line-height:1.6;text-align:center;color:var(--cream)}
.svr-lead p:last-child{margin:0}
.svr-sec{position:relative;margin:0;padding:30px 0 34px}
.svr-sec+.svr-sec::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,transparent,#2a1f18 10%,#5a4537 30%,#2a1f18 50%,#5a4537 70%,#2a1f18 90%,transparent);clip-path:polygon(0 50%,8% 0,15% 100%,24% 20%,33% 90%,41% 10%,50% 80%,58% 0,67% 100%,76% 30%,85% 90%,93% 10%,100% 60%,100% 100%,0 100%)}
.svr-sec>:last-child{margin-bottom:0}
.svr-h2{margin:0 0 18px;text-align:center;font:400 32px/1.15 Boogaloo,"Arial Narrow",Arial,sans-serif;text-transform:uppercase;color:var(--yel);text-shadow:0 3px 0 #2a1f18}
.svr-img{display:block;height:260px;margin:0 0 20px;border-radius:12px;overflow:hidden;border:4px solid var(--frame);box-shadow:0 5px 0 #2a1f18}
.svr-img img{width:100%;height:100%;object-fit:cover}
.svr-list{list-style:none;padding:0;display:grid;gap:8px}
.svr-list li{margin:0;padding:10px 14px 10px 44px;position:relative;border-radius:8px;background:var(--bar)}
.svr-list li::before{content:"";position:absolute;left:14px;top:13px;width:18px;height:18px;border-radius:4px;background:linear-gradient(#9be84a,#3f9a0f);border:2px solid #1c1c1c}
.svr-steps{list-style:none;counter-reset:st;padding:0;display:grid;gap:10px}
.svr-steps li{counter-increment:st;margin:0;padding:12px 14px 12px 60px;position:relative;border-radius:8px;border:2px solid var(--frame)}
.svr-steps li::before{content:counter(st);position:absolute;left:12px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:6px;background:linear-gradient(#ead2bd,#c9a487);color:#33271f;font:400 22px/34px Boogaloo,Arial,sans-serif;text-align:center}
.svr-tbl{overflow-x:auto;margin:0 0 16px;border-radius:10px;border:3px solid var(--frame)}
.svr-tbl th{background:var(--bar);color:var(--yel);font:400 18px/1.2 Boogaloo,Arial,sans-serif;text-transform:uppercase;text-align:left}
.svr-tbl th,.svr-tbl td{padding:9px 14px}
.svr-tbl tr:nth-child(even) td{background:rgba(51,39,31,.6)}
.svr-faq{display:grid;gap:8px}
.svr-faq__item{padding:12px 16px 12px 18px;border-left:6px solid var(--yel);background:var(--bar);border-radius:0 8px 8px 0}
.svr-faq__q{margin:0 0 4px;font:400 20px/1.2 Boogaloo,Arial,sans-serif;text-transform:uppercase;color:var(--cream)}
.svr-faq__a{margin:0;color:var(--menu)}
.svr-foot{margin-top:20px;padding:28px 0 40px;text-align:center;font-size:13px;color:var(--menu);border-top:2px solid #2a1f18}
.svr-foot__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:0 0 14px;padding:0;list-style:none;font:400 18px/1.2 Boogaloo,Arial,sans-serif;text-transform:uppercase}
.svr-foot__nav li{margin:0}
.svr-foot__nav a{color:var(--cream)}
.svr-rg{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 12px}
.svr-rg a{display:inline-flex;align-items:center;height:30px;padding:0 14px;border-radius:15px;border:2px solid var(--frame);font-size:12px;color:var(--cream)}
.svr-rg a.svr-18{background:linear-gradient(#9be84a,#3f9a0f);border-color:#1c1c1c;color:#fff091;font-weight:700}
.svr-foot__txt p{margin:0 0 4px}
.svr-doc{max-width:820px;margin:0 auto;padding:12px 0 0}
.svr-doc h1{margin:0 0 18px;text-align:center;font:400 36px/1.15 Boogaloo,Arial,sans-serif;text-transform:uppercase;color:var(--yel)}
.svr-doc h2{margin:24px 0 10px;font:400 24px/1.2 Boogaloo,Arial,sans-serif;text-transform:uppercase;color:var(--cream)}
.svr-doc a{color:var(--yel);text-decoration:underline}
@media (max-width:1023px){
  .svr-body{padding:22px 12px 0}
  .svr-lead{font-size:16px;padding:0}
  .svr-h2{font-size:25px}
  .svr-img{height:180px}
  .svr-doc h1{font-size:28px}
}