/* Hotline, сайт 2 (hotlinecasino-pl.pl). Первый экран — шаблон tw55--crazytower.com/pl (префикс htx-, общий у двух сайтов Hotline);
   ниже первого экрана — своя вёрстка сайта 2 (префикс hlr-). */
@font-face{font-family:Grenze;font-style:normal;font-weight:500 700;font-display:swap;src:url(/assets/fonts/grenze-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Grenze;font-style:normal;font-weight:500 700;font-display:swap;src:url(/assets/fonts/grenze-500-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}
@font-face{font-family:"EB Garamond";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/eb-garamond-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"EB Garamond";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/eb-garamond-700-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:#241717;--bar:#1e1313;--deep:#191010;--ink:#e4be89;--acc:#d49c65;--cream:#f5e7c2;--mute:#8b624f;--line:rgba(0,0,0,.8);--gold:#b28e56;--brown:#5c3f34}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font:500 16px/1.5 Grenze,Georgia,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}
.htx-ui{font-family:"EB Garamond",Georgia,serif;font-weight:700;text-transform:uppercase}
.htx-wrap{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}
.htx-top{grid-column:1/-1;display:flex;align-items:center;gap:10px;height:64px;padding:0 20px 0 20px;background:var(--bar);border-bottom:1px solid var(--line)}
.htx-ibtn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--acc);flex:none}
.htx-ibtn svg{width:26px;height:26px}
.htx-logo{display:flex;align-items:center;margin-left:10px}
.htx-logo img{width:150px;height:48px}
.htx-search{margin-left:auto;display:flex;align-items:center;gap:10px;width:300px;height:48px;padding:0 16px;border:1px solid var(--gold);border-radius:4px;background:var(--deep);box-shadow:inset 0 0 0 3px #2a1b1b,0 0 0 1px var(--line);color:var(--mute);font-size:18px;font-weight:400}
.htx-search svg{width:18px;height:18px;flex:none;color:var(--acc)}
.htx-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 23px;background:linear-gradient(#f0d9a8,#e4be89 45%,#c99a66);border:1px solid var(--cream);box-shadow:0 0 0 2px #3b2418,0 0 0 3px var(--gold);color:#3b2418;font-family:"EB Garamond",Georgia,serif;font-size:16px;font-weight:700;text-transform:uppercase;white-space:nowrap}
.htx-top .htx-btn+.htx-btn{margin-left:4px}
.htx-side{background:var(--bar);padding:12px 12px 0;align-self:start;position:sticky;top:0;max-height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--line)}
.htx-tiles2{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}
.htx-tiles2 a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:66px;background:var(--deep);border:1px solid var(--gold);box-shadow:inset 0 0 0 2px #2a1b1b;color:var(--ink);font-family:"EB Garamond",Georgia,serif;font-size:12px;font-weight:700;text-transform:uppercase;text-align:center;line-height:1.1}
.htx-tiles2 svg{width:22px;height:22px;color:var(--acc)}
.htx-nav{list-style:none;margin:0;padding:0}
.htx-nav li{margin:0}
.htx-nav a{display:flex;align-items:center;gap:12px;height:44px;padding:0 16px;color:var(--acc);font-family:"EB Garamond",Georgia,serif;font-size:14px;font-weight:700;text-transform:uppercase;line-height:1.1}
.htx-nav a.is-on{color:var(--cream)}
.htx-nav svg{width:22px;height:22px;flex:none;color:var(--acc)}
.htx-nav .htx-gap{height:1px;margin:6px 0;background:var(--line);box-shadow:0 1px 0 rgba(255,255,255,.05)}
.htx-side__foot{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px 0 12px}
.htx-side__foot a{display:flex;flex-direction:column;align-items:center;gap:6px;height:66px;justify-content:center;background:var(--deep);border:1px solid var(--gold);box-shadow:inset 0 0 0 2px #2a1b1b;font-family:"EB Garamond",Georgia,serif;font-size:12px;font-weight:700;text-transform:uppercase;color:var(--acc);text-align:center}
.htx-side__foot svg{width:18px;height:18px}
.htx-tabs{display:none}
.htx-main{min-width:0}
.htx-hero{position:relative;display:block;height:340px;overflow:hidden;background:var(--deep)}
.htx-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.htx-hero__txt{position:absolute;left:110px;top:50%;transform:translateY(-50%);max-width:480px}
.htx-ribbon{display:inline-block;padding:6px 26px;background:linear-gradient(#f5e7c2,#d9b98b);clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);color:#3b2418;font-size:18px;font-weight:500}
.htx-h1{margin:8px 0 4px;font-size:36px;line-height:1.1;font-weight:700;color:var(--cream);text-transform:uppercase;letter-spacing:.5px}
.htx-sub{display:block;margin:0 0 16px;font-size:20px;line-height:1.3;color:var(--ink)}
.htx-join{display:inline-block;position:relative;padding:4px}
.htx-join::before,.htx-join::after{content:"";position:absolute;top:50%;width:34px;height:34px;transform:translateY(-50%) rotate(45deg);border:3px solid var(--acc);border-radius:4px;background:var(--bg)}
.htx-join::before{left:-14px}.htx-join::after{right:-14px}
.htx-join__in{position:relative;z-index:1;display:block;height:56px;padding:0 44px;background:linear-gradient(#2a9d5c,#0f5a30);border:2px solid var(--acc);box-shadow:inset 0 0 0 2px #0a3d20,0 0 0 2px var(--brown);color:var(--cream);font-family:"EB Garamond",Georgia,serif;font-size:20px;font-weight:700;line-height:52px;text-transform:uppercase;letter-spacing:.5px;text-align:center}
.htx-arr{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--acc)}
.htx-arr--l{left:40px}.htx-arr--r{right:40px}
.htx-arr svg{width:22px;height:22px}
.htx-dots{display:none}
.htx-cats{display:flex;align-items:center;height:48px;margin:6px 0 0;padding:0 8px;background:var(--deep);border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);overflow-x:auto;scrollbar-width:none}
.htx-cats::-webkit-scrollbar{display:none}
.htx-cat{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 20px;border-right:1px solid var(--line);color:var(--cream);font-family:"EB Garamond",Georgia,serif;font-size:14px;font-weight:700;text-transform:uppercase;white-space:nowrap;flex:none}
.htx-cat:last-child{border-right:0}
.htx-cat svg{width:20px;height:20px;color:var(--acc)}
.htx-row{padding:14px 16px 0}
.htx-row__head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.htx-row__t{margin:0;font-size:18px;font-weight:700;color:var(--cream)}
.htx-seeall{margin-left:auto;font-size:16px;color:var(--ink)}
.htx-row__arr{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--acc)}
.htx-row__arr svg{width:16px;height:16px}
.htx-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;padding-left:36px}
.htx-tile{position:relative;display:block;max-width:170px;padding:4px;background:linear-gradient(#f0d9a8,#b28e56);box-shadow:0 0 0 1px var(--brown),0 6px 18px rgba(0,0,0,.5)}
.htx-tile img{width:100%;height:auto;border:2px solid var(--brown)}
.htx-tile__new{position:absolute;top:-6px;left:50%;transform:translateX(-50%);padding:2px 12px;background:linear-gradient(#2a9d5c,#0f5a30);border:1px solid var(--cream);color:var(--cream);font-family:"EB Garamond",Georgia,serif;font-size:12px;font-weight:700;text-transform:uppercase;white-space:nowrap}
.htx-tile__n{position:absolute;left:-38px;bottom:-8px;font-size:48px;font-weight:700;color:var(--cream);line-height:1}
@media (max-width:1023px){
  .htx-wrap{grid-template-columns:minmax(0,1fr)}
  .htx-side{display:none}
  .htx-top{height:60px;padding:0 12px;gap:8px}
  .htx-ibtn{width:30px;height:30px}
  .htx-logo{margin-left:0}
  .htx-logo img{width:100px;height:32px}
  .htx-search{display:none}
  .htx-btn{height:34px;padding:0 12px;font-size:13px}
  .htx-top .htx-btn:first-of-type{margin-left:auto}
  .htx-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px 10px;background:var(--bar)}
  .htx-tabs a{display:flex;align-items:center;justify-content:center;height:34px;background:linear-gradient(#f0d9a8,#c99a66);clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%);color:#3b2418;font-family:"EB Garamond",Georgia,serif;font-size:13px;font-weight:700;text-transform:uppercase;text-align:center;line-height:1}
  .htx-hero{height:400px}
  .htx-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(36,23,23,0) 35%,rgba(36,23,23,.95) 70%)}
  .htx-hero__txt{z-index:1;left:16px;right:16px;top:auto;bottom:24px;transform:none;max-width:none;text-align:center}
  .htx-h1{font-size:28px}
  .htx-sub{font-size:16px;margin-bottom:14px}
  .htx-join{display:inline-block;margin:0 20px}
  .htx-join__in{height:52px;line-height:48px;padding:0 36px}
  .htx-arr{display:none}
  .htx-dots{display:flex;justify-content:center;gap:8px;padding:10px 0 4px}
  .htx-dots span{width:8px;height:8px;border-radius:50%;background:#5c3f34}
  .htx-dots span.is-on{background:var(--cream)}
  .htx-cats{margin-top:0;height:52px}
  .htx-cat{padding:0 14px}
  .htx-row{padding:14px 16px 0}
  .htx-row__arr{display:none}
  .htx-tiles{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;padding:8px 0 10px 24px}
  .htx-tiles::-webkit-scrollbar{display:none}
  .htx-tile{flex:0 0 104px;padding:3px}
  .htx-tile__n{left:-24px;font-size:30px}
}


/* ---------- сайт 2, ниже первого экрана (hlr-) ---------- */
.hlr-body{max-width:900px;margin:0 auto;padding:40px 16px 0;counter-reset:hs}
.hlr-lead{margin:0 0 34px;padding:0 0 24px;border-bottom:2px dashed var(--gold);font-size:19px;line-height:1.55;color:var(--cream);text-align:center}
.hlr-lead p:last-child{margin:0}
.hlr-sec{margin:0 0 34px;padding:0 0 30px;border-bottom:2px dashed var(--gold)}
.hlr-sec:last-of-type{border-bottom:0}
.hlr-sec>:last-child{margin-bottom:0}
.hlr-h2{counter-increment:hs;display:flex;align-items:center;gap:14px;margin:0 0 18px;font:700 25px/1.2 Grenze,Georgia,serif;color:var(--cream)}
.hlr-h2::before{content:counter(hs);flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(#2a9d5c,#0f5a30);border:2px solid var(--cream);font:700 20px/1 "EB Garamond",Georgia,serif}
.hlr-sec:last-of-type .hlr-h2::before{content:"?"}
.hlr-img{display:block;height:260px;margin:0 0 18px;overflow:hidden;border:1px solid var(--gold)}
.hlr-img img{width:100%;height:100%;object-fit:cover}
.hlr-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}
.hlr-list li{position:relative;margin:0;padding-left:22px}
.hlr-list li::before{content:"";position:absolute;left:2px;top:8px;width:9px;height:9px;background:var(--acc);transform:rotate(45deg)}
.hlr-steps{list-style:none;counter-reset:st;padding:0}
.hlr-steps li{counter-increment:st;position:relative;padding:4px 0 10px 46px}
.hlr-steps li::before{content:counter(st);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:linear-gradient(#ff5a4a,#a3121c);color:var(--cream);font:700 16px/32px Georgia,serif;text-align:center}
.hlr-faq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hlr-faq__item{padding:14px;background:var(--deep);border:1px solid var(--gold);box-shadow:inset 0 0 0 3px #2a1b1b}
.hlr-faq__q{margin:0 0 6px;font-weight:700;color:var(--cream)}
.hlr-faq__a{margin:0;font-size:15px}
.hlr-foot{margin-top:10px;padding:26px 0 36px;text-align:center;font-size:13px;color:var(--mute)}
.hlr-foot__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 20px;margin:0 0 14px;padding:0;list-style:none;font-family:"EB Garamond",Georgia,serif;font-size:15px;text-transform:uppercase}
.hlr-foot__nav li{margin:0}
.hlr-foot__nav a{color:var(--ink)}
.hlr-rg{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 12px}
.hlr-rg a{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:15px;border:1px solid var(--acc);font-size:12px;color:var(--cream)}
.hlr-rg a.hlr-18{background:linear-gradient(#2a9d5c,#0f5a30);font-weight:700}
.hlr-foot__txt p{margin:0 0 4px}
.hlr-doc{max-width:820px;margin:0 auto;padding:12px 0 0}
.hlr-doc h1{margin:0 0 18px;text-align:center;font:700 32px/1.2 "EB Garamond",Georgia,serif;text-transform:uppercase;color:var(--cream)}
.hlr-doc h2{margin:24px 0 10px;font:700 21px/1.3 Grenze,Georgia,serif;color:var(--cream)}
.hlr-doc a{color:#3cc27a;text-decoration:underline}
@media (max-width:1023px){
  .hlr-body{padding:24px 12px 0}
  .hlr-lead{font-size:16px}
  .hlr-h2{font-size:21px}
  .hlr-h2::before{width:36px;height:36px;font-size:17px}
  .hlr-img{height:190px}
  .hlr-list,.hlr-faq{grid-template-columns:minmax(0,1fr)}
  .hlr-doc h1{font-size:26px}
}