/* jokercasino-romania.ro — dyr (bands) */
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:#121216;color:#ffffff;font-family:DM Sans,system-ui,Segoe UI,Arial,sans-serif;font-size:16px;line-height:1.55}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}h1,h2,h3{margin:0 0 .6em;line-height:1.2}p{margin:0 0 1em}
.dyr-main{background:#121216;color:#ffffff}
.dyr-intro-in,.dyr-sec,.dyr-band-in,.dyr-tech .dyr-sec{max-width:820px;margin:0 auto;padding:28px 16px}
.dyr-intro-in p:first-child{font-size:1.12em}
.dyr-sec h2,.dyr-band-in h2{font-size:clamp(1.35rem,2.4vw,1.9rem);font-weight:800}
.dyr-img{border-radius:8px;margin:0 0 18px}
.dyr-list{padding:0;margin:0 0 1em;list-style:none}.dyr-list li{padding:8px 0 8px 26px;position:relative;border-bottom:1px solid rgba(255,255,255,.08)}.dyr-list li::before{content:"";position:absolute;left:4px;top:15px;width:9px;height:9px;border-radius:50%;background:#ffc105}
.dyr-steps{counter-reset:s;padding:0;margin:0 0 1em;list-style:none;display:grid;gap:10px}.dyr-steps li{counter-increment:s;display:flex;gap:14px;align-items:flex-start;background:#1c1c21;border-radius:8px;padding:14px 16px}.dyr-steps li::before{content:counter(s);flex:0 0 34px;height:34px;border-radius:50%;background:#ffc105;color:#111;font-weight:800;display:grid;place-items:center}
.dyr-tw{overflow:auto;margin:0 0 1em}.dyr-table{width:100%;border-collapse:collapse;font-size:.95em}.dyr-table th{background:#ffc105;color:#111;text-align:left;padding:10px 12px;font-weight:800}.dyr-table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top}
.dyr-faq{display:grid;gap:8px;margin:0 0 1em}.dyr-faq-i{background:#1c1c21;border-radius:8px;padding:14px 16px 4px}.dyr-faq-q{font-size:1.02em;font-weight:700;margin:0 0 8px;padding-left:26px;position:relative}.dyr-faq-q::before{content:"?";position:absolute;left:0;top:-1px;width:20px;height:20px;border-radius:50%;background:#ffc105;color:#111;font-size:.85em;display:grid;place-items:center}.dyr-faq-a p{margin:0 0 10px}
.dyr-cta{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;justify-content:space-between;max-width:848px;margin:8px auto;padding:18px 22px;border-radius:8px;background:linear-gradient(90deg,#ffc105,#fa832e);color:#111}.dyr-cta span{font-weight:900;font-size:1.15em;text-transform:uppercase}.dyr-cta em{font-style:normal;font-weight:600}
.dyr-cta-sm{display:inline-block;background:#ffc105;color:#111;font-weight:800;padding:12px 22px;border-radius:999px}
.dyr-foot{background:#000;color:rgba(255,255,255,.72);padding:36px 16px 20px;border-top:1px solid rgba(255,255,255,.08)}.dyr-foot-grid{max-width:1120px;margin:0 auto;display:grid;gap:24px;grid-template-columns:1fr}.dyr-foot a{display:block;padding:3px 0}.dyr-foot-logo{font-weight:900;font-size:1.3em;color:#fff}.dyr-foot-h{font-weight:800;color:#fff;margin:0 0 6px}
.dyr-rg{max-width:1120px;margin:24px auto 0;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.dyr-rg a{padding:0}.dyr-rg img{height:36px;width:auto}.dyr-18 img{height:36px}
.dyr-upd{max-width:1120px;margin:16px auto 0;font-size:.9em}.dyr-copy{max-width:1120px;margin:4px auto 0;font-size:.85em;color:rgba(255,255,255,.5)}
.dyr-tech h1{font-size:2rem;font-weight:900}
.nij-logo-img{height:34px;width:auto;display:block}
@media(min-width:900px){.dyr-foot-grid{grid-template-columns:2fr 1fr 1fr}}

.dyr-band:nth-of-type(odd){background:#1c1c21}.dyr-num{display:block;color:#ffc105;font-weight:900;letter-spacing:.2em;font-size:.9em;margin-bottom:6px}.dyr-band-in h2{position:relative;padding-left:0}.dyr-band-in h2::after{content:"";display:block;width:64px;height:4px;background:#ffc105;margin-top:10px;border-radius:2px}
/* первый экран — шаблон Joker Casino (как у jokercasino.ro), serp-brief/hero-templates/joker.mjs */
@font-face{font-family:"DM Sans";font-weight:100 1000;font-display:swap;src:url(/assets/fonts/dm-sans-latin.woff2) format("woff2")}
@font-face{font-family:Baloo;font-weight:800;font-display:swap;src:url(/assets/fonts/baloo-latin.woff2) format("woff2")}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:#121216}
body{margin:0;background:#121216;color:#fff;font:400 14px/1.5 "DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.nij-x img{display:block;max-width:none}
.nij-in{max-width:1920px;margin:0 auto;padding:0 120px}
.nij-i{display:inline-block;flex:none;width:20px;height:20px;background:var(--i) center/contain no-repeat}
.nij-i--burger{--i:url(/assets/img/joker-ui-burger.svg)}.nij-i--search{--i:url(/assets/img/joker-ui-search.svg)}.nij-i--casino{--i:url(/assets/img/joker-ui-casino.svg)}.nij-i--live{--i:url(/assets/img/joker-ui-live.svg)}.nij-i--promo{--i:url(/assets/img/joker-ui-promo.svg)}.nij-i--dot{--i:url(/assets/img/joker-ui-dot.svg)}.nij-i--chev-l{--i:url(/assets/img/joker-ui-chev-l.svg)}.nij-i--chev-r{--i:url(/assets/img/joker-ui-chev-r.svg)}.nij-i--play{--i:url(/assets/img/joker-ui-play.svg)}
.nij-hd{position:sticky;top:0;z-index:40;height:64px;background:#1c1c20}
.nij-hd__in{display:flex;align-items:center;justify-content:space-between;gap:12px;height:64px}
.nij-hd__l{display:flex;align-items:center;gap:8px;flex-shrink:0;height:100%}
.nij-burger{display:flex;align-items:center;justify-content:center;width:36px;height:38px;padding:8px;border-radius:8px;background:#272930}
.nij-logo{display:flex;margin:2px 2px 0 0}
.nij-logo img{width:auto;height:40px}
.nij-tabs{display:flex;height:38px;padding:2px;border-radius:8px;background:#26262b;font-size:12px;font-weight:700;line-height:18px}
.nij-tabs a{display:flex;align-items:center;height:34px;padding:0 16px;border-radius:8px;color:#fff;white-space:nowrap}
.nij-tabs a.nij-on{background:linear-gradient(270deg,rgba(255,193,5,0),rgba(255,193,5,.1)),rgba(39,41,48,.4)}
.nij-tabs a:hover{color:#ffc105}
.nij-hd__r{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:290px;flex-shrink:0}
.nij-b3{flex:1;min-width:108px;display:flex;border-radius:8px}
.nij-b3 span{display:flex;align-items:center;justify-content:center;width:100%;border-radius:8px;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;transition:transform .2s}
.nij-b3:hover span{transform:translateY(-2px)}
.nij-b3--gray{height:40px;background:#17171c;transform:translateY(1px)}
.nij-b3--gray span{height:37px;padding:0 16px;background:#26262b;color:#fff}
.nij-b3--yel{height:38px;background:linear-gradient(90deg,#8e721d,#a74500)}
.nij-b3--yel span{height:35px;background:linear-gradient(90deg,#ffc105,#fa832e);box-shadow:0 0 20px #ffc10580;color:#121216}
.nij-pr{position:relative;height:427px;padding:20px 0 16px}
.nij-pr__row{display:flex;gap:16px;height:336px;padding:0 5px 0 120px;overflow-x:auto;scrollbar-width:none}
.nij-pr__row::-webkit-scrollbar,.nij-wg__row::-webkit-scrollbar,.nij-ct__bar::-webkit-scrollbar,.nij-gm__g::-webkit-scrollbar{display:none}
.nij-pr__c{position:relative;flex:none;width:230px;height:336px;border-radius:16px;overflow:hidden;background:#1e1e23}
.nij-pr__c img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.nij-pr__c:hover img{transform:scale(1.03)}
.nij-pr__tx{position:absolute;left:8px;right:8px;bottom:20px;display:flex;flex-direction:column;align-items:center;text-align:center}
.nij-pr__t{font-family:Baloo,"DM Sans",sans-serif;font-size:27px;font-weight:800;line-height:.95;text-transform:uppercase;background:linear-gradient(180deg,#fff1a6 0%,#ffc105 48%,#f59a1c 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.5))}
.nij-pr__s{margin-top:7px;font-size:12px;font-weight:600;line-height:15px;color:#fff}
.nij-pr__pg{position:absolute;left:120px;right:5px;bottom:25px;display:flex;justify-content:center;gap:8px}
.nij-pr__pg i{position:relative;width:16px;height:6px;border-radius:10px;background:#41444f;overflow:hidden}
.nij-pr__pg i.nij-on{width:48px}
.nij-pr__pg i.nij-on::after{content:"";position:absolute;inset:0;border-radius:40px;background:#f79009;transform-origin:0;animation:nij-fill 7s linear forwards}
@keyframes nij-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.nij-wg{margin:20px 0}
.nij-wg__row{display:flex;gap:16px;width:max-content;max-width:100%;margin:0 auto;overflow-x:auto;scrollbar-width:none}
.nij-wg__a{flex:none;display:flex;align-items:center;gap:16px;min-width:180px;height:72px;padding:12px 20px 12px 16px;border-radius:8px;font-size:14px;line-height:20px;color:#fff;white-space:nowrap;transition:filter .3s}
.nij-wg__a:hover,.nij-ct__a:hover,.nij-gm__all:hover,.nij-burger:hover{filter:brightness(1.2)}
.nij-wg__a img{width:40px;height:40px}
.nij-bn{padding:20px 0}
.nij-bn__a{position:relative;display:block;aspect-ratio:1400/242;border-radius:16px;overflow:hidden;background:#1e1e23}
.nij-bn__a picture,.nij-bn__a img{display:block;width:100%;height:100%}
.nij-bn__a img{object-fit:cover;transition:transform .3s}
.nij-bn__a:hover img{transform:scale(1.03)}
.nij-bn__tx{position:absolute;top:50%;right:5%;width:38%;display:flex;flex-direction:column;align-items:center;text-align:center;transform:translateY(-50%)}
.nij-bn__t{font-family:Baloo,"DM Sans",sans-serif;font-size:clamp(30px,3.6vw,52px);font-weight:800;line-height:1;text-transform:uppercase;background:linear-gradient(180deg,#fff1a6 0%,#ffc105 48%,#f59a1c 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(0,0,0,.55))}
.nij-bn__s{margin-top:8px;font-size:clamp(14px,1.35vw,19px);font-weight:600;line-height:1.3;color:#fff}
.nij-ct__bar{display:flex;align-items:center;width:max-content;max-width:100%;height:70px;margin:0 auto;border-radius:8px;background:rgba(33,33,35,.7);overflow-x:auto;scrollbar-width:none}
.nij-ct__s{flex:none;display:flex;align-items:center;height:100%;margin:0 4px;padding:12px 4px}
.nij-ct__s:first-child{padding-left:12px}
.nij-ct__s:last-child{padding-right:12px}
.nij-ct__a{display:flex;align-items:center;gap:8px;height:46px;padding:0 12px;border-radius:8px;background:rgba(39,41,48,.4);font-size:14px;font-weight:700;line-height:21px;color:#b3bec1;white-space:nowrap;transition:filter .3s}
.nij-ct__a img{width:40px;height:40px}
.nij-gm{padding:20px 0}
.nij-gm__h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.nij-gm__t{margin:0;font-size:18px;font-weight:700;line-height:27px;color:#fff}
.nij-gm__nav{display:flex;align-items:center;gap:8px;flex-shrink:0}
.nij-gm__all{display:flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:8px;background:#272930;font-size:12px;font-weight:500;line-height:18px;color:#fff;white-space:nowrap}
.nij-gm__all .nij-i,.nij-gm__arr .nij-i{width:16px;height:24px}
.nij-gm__arr{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#272930}
.nij-gm__arr--off{opacity:.5}
.nij-gm__g{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:162px;gap:16px;padding:15px 0;overflow-x:auto;scrollbar-width:none}
.nij-gm__a{position:relative;display:block;width:162px;border-radius:8px;overflow:hidden}
.nij-gm__m{position:relative;display:block;aspect-ratio:3/4;background:#1c1c21}
.nij-gm__m img{width:100%;height:100%;object-fit:cover}
.nij-gm__p{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .3s}
.nij-gm__pb{display:flex;width:50px;height:50px;border-radius:50%;background:linear-gradient(90deg,#8e721d,#a74500)}
.nij-gm__pb span{display:flex;align-items:center;justify-content:center;width:50px;height:47px;border-radius:50%;background:linear-gradient(90deg,#ffc105,#fa832e)}
.nij-gm__pb .nij-i{width:26px;height:26px}
.nij-gm__f{display:block;height:44px;margin-top:-1px;padding:4px 8px;border:1px solid rgba(255,255,255,.05);border-top:0;border-radius:0 0 8px 8px;background:#1c1c21}
.nij-gm__n,.nij-gm__v{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff;font-weight:500}
.nij-gm__n{font-size:12px;line-height:18px}
.nij-gm__v{font-size:10px;line-height:15px}
.nij-bb{display:none}
@media (min-width:1280px){.nij-gm__a:hover .nij-gm__p{opacity:1}}
@media (max-width:1536px){.nij-in{padding:0 60px}.nij-pr__row{padding-left:60px}.nij-pr__pg{left:60px}}
@media (max-width:1279px){.nij-pr{height:411px;padding-bottom:0}.nij-pr__pg{bottom:9px}}
@media (max-width:1024px){.nij-in{padding:0 32px}.nij-pr__row{padding-left:32px}.nij-pr__pg{left:32px}}
@media (max-width:1023px){
  .nij-logo img{height:30px}
  .nij-pr__row{gap:12px}
  .nij-wg__row{gap:12px}
  .nij-wg__a{gap:8px;min-width:140px;height:56px;padding:8px 16px 8px 12px;font-size:12px;line-height:16px}
  .nij-wg__a img{width:36px;height:36px}
}
@media (max-width:768px){.nij-in{padding:0 16px}.nij-pr__row{padding-left:16px}.nij-pr__pg{left:16px}}
@media (max-width:767px){
  body{padding-bottom:86px}
  .nij-burger,.nij-tabs{display:none}
  .nij-hd__in{gap:8px}
  .nij-logo img{height:40px}
  .nij-pr{height:407px;padding:16px 0 0}
  .nij-bn{padding:16px 0}
  .nij-bn__a{aspect-ratio:360/242;border-radius:8px}
  .nij-bn__tx{top:auto;right:0;left:0;bottom:8%;width:auto;transform:none}
  .nij-bn__t{font-size:clamp(26px,8vw,40px)}
  .nij-bn__s{margin-top:6px;font-size:13px}
  .nij-gm{padding:16px 0}
  .nij-gm__t{font-size:16px;line-height:24px}
  .nij-gm__arr{display:none}
  .nij-gm__g{column-gap:12px}
  .nij-bb{position:fixed;left:0;right:0;bottom:0;z-index:50;display:block;padding-bottom:max(8px,env(safe-area-inset-bottom));background:#121216}
  .nij-bb::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px;border-radius:16px 16px 0 0;background:#121216}
  .nij-bb__in{position:relative;display:flex;align-items:flex-end;justify-content:center;height:78px;padding-top:4px;background:#16171c}
  .nij-bb__a{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:3px 4px 6px;font-size:10px;line-height:15px;color:#b3bec1;text-align:center;white-space:nowrap}
  .nij-bb__i{display:flex;align-items:center;justify-content:center;height:36px}
  .nij-bb__a--on{color:#fff}
  .nij-bb__y{display:flex;width:36px;height:36px;border-radius:8px;background:linear-gradient(90deg,#8e721d,#a74500)}
  .nij-bb__y>span{display:flex;align-items:center;justify-content:center;width:100%;height:33px;border-radius:8px;background:linear-gradient(90deg,#ffc105,#fa832e)}
  .nij-bb__dot{position:absolute;top:-32px;left:50%;display:flex;padding:10px;border-radius:50%;background:linear-gradient(to bottom,transparent 50%,#121216 50%);transform:translateX(-50%)}
  .nij-bb__dot .nij-i{width:10px;height:10px}
}
@media (max-width:639px){.nij-in{padding:0 8px}.nij-pr__row{padding-left:8px}.nij-pr__pg{left:8px}.nij-logo img{height:30px}}
@media (min-width:400px) and (max-width:767px){.nij-bb__a{font-size:11px}}

.dyr-h1{max-width:820px;margin:28px auto 0;padding:0 16px;font-size:2.1rem;line-height:1.15}
@media(max-width:419px){.nij-acts .nij-btn:not(.nij-btn-up){display:none}}
@font-face{font-family:"DM Sans";font-weight:100 1000;font-display:swap;src:url(/assets/fonts/dm-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Baloo;font-weight:800;font-display:swap;src:url(/assets/fonts/baloo-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20C0,U+2C60-2C7F,U+A720-A7FF}
