@media (max-width:1023.98px){.jb-d{display:none!important}}@media (min-width:1024px){.jb-m{display:none!important}}.jb-clickable{cursor:pointer}#welpopup_overlay{display:none!important}.jb-seo{margin:22px 0;padding:0;box-sizing:border-box}.jb-seo__card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.12)}.jb-seo__head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;background:0 0;border:0;cursor:pointer;color:#1a1a1a;font-size:16px;font-weight:700;text-align:left;line-height:1.35;font-family:inherit}.jb-seo__head:hover{background:rgba(0,0,0,.03)}.jb-seo__chevron{flex:0 0 auto;width:20px;height:20px;position:relative;transition:transform .3s ease}.jb-seo__chevron::before{content:"";position:absolute;top:4px;left:5px;width:9px;height:9px;border-right:2px solid #666;border-bottom:2px solid #666;transform:rotate(45deg)}.jb-seo.open .jb-seo__chevron{transform:rotate(-180deg)}.jb-seo__body{max-height:0;overflow:hidden;transition:max-height .35s ease}.jb-seo.open .jb-seo__body{max-height:360px;overflow-y:auto}.jb-seo__text{padding:4px 20px 20px;color:#555;font-size:14px;line-height:1.65}.jb-seo__text p{margin:0 0 12px}.jb-seo__text h3{color:#1a1a1a;font-size:15px;font-weight:700;margin:16px 0 8px}.jb-seo__text ul{margin:0 0 12px;padding-left:20px}.jb-seo__text li{margin:0 0 6px}.jb-seo__text table{width:100%;border-collapse:collapse;margin:6px 0 14px;font-size:13px}.jb-seo__text td,.jb-seo__text th{border:1px solid #e4e4e4;padding:8px 10px;text-align:left}.jb-seo__text th{background:#f5f5f5;color:#1a1a1a;font-weight:600}.jb-seo__body::-webkit-scrollbar{width:8px}.jb-seo__body::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:4px}.jb-seo__body::-webkit-scrollbar-track{background:0 0}@media (max-width:640px){.jb-seo__head{font-size:15px;padding:14px 16px}.jb-seo__text{padding:4px 16px 16px}.jb-seo.open .jb-seo__body{max-height:320px}}.jb-seo--casino .jb-seo__card{background:#221f1b;box-shadow:0 1px 4px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.07)}.jb-seo--casino .jb-seo__head{color:#f2ede4}.jb-seo--casino .jb-seo__head:hover{background:rgba(255,255,255,.045)}.jb-seo--casino .jb-seo__chevron::before{border-right-color:#b9b2a6;border-bottom-color:#b9b2a6}.jb-seo--casino .jb-seo__text{color:#a9a298}.jb-seo--casino .jb-seo__text h3{color:#f2ede4}.jb-seo--casino .jb-seo__text td,.jb-seo--casino .jb-seo__text th{border-color:rgba(255,255,255,.09)}.jb-seo--casino .jb-seo__text th{background:#322e28;color:#f2ede4}.jb-seo--casino .jb-seo__body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18)}.jb-seo--billing .jb-seo__card{background:#2b1b38;box-shadow:0 1px 4px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.08)}.jb-seo--billing .jb-seo__head{color:#f3eefa}.jb-seo--billing .jb-seo__head:hover{background:rgba(255,255,255,.05)}.jb-seo--billing .jb-seo__chevron::before{border-right-color:#c3b6d6;border-bottom-color:#c3b6d6}.jb-seo--billing .jb-seo__text{color:#b3a7c4}.jb-seo--billing .jb-seo__text h3{color:#f3eefa}.jb-seo--billing .jb-seo__text td,.jb-seo--billing .jb-seo__text th{border-color:rgba(255,255,255,.1)}.jb-seo--billing .jb-seo__text th{background:#3a2b4d;color:#f3eefa}.jb-seo--billing .jb-seo__body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2)}.modulor_carousel__slides-wrapper__1_112_2,.modulor_carousel__slides-wrapper__1_112_2>*,[data-testid=modulor-carousel]{pointer-events:auto!important}.modulor_carousel__slides-wrapper__1_112_2{overflow-x:auto;-webkit-overflow-scrolling:touch}.B6LmxWRoPHdMgoFuTEd3{position:relative}.yy3XvGyGvg1m1g0qWxRw{display:flex;flex-direction:column;max-width:100%;overflow:auto hidden;scrollbar-width:none;gap:var(--size-8)}.yy3XvGyGvg1m1g0qWxRw::-webkit-scrollbar{display:none}.BiZEAyF0eCVGy04qlqME{display:flex;gap:var(--size-8);min-width:fit-content}.yy3XvGyGvg1m1g0qWxRw .Eob79tj1kaWy3lsohEf_{position:absolute;background:var(--control-tertiary);z-index:22;width:40px;height:40px;border-radius:50%;cursor:pointer;border:none;display:none;align-items:center;justify-content:center;top:calc(50% - 23px);box-shadow:0 0 32px 0 var(--shadow-toasts)}.yy3XvGyGvg1m1g0qWxRw .hxwLy6VkFk4nFHBG8yw7{inset-inline-start:var(--size-16)}.yy3XvGyGvg1m1g0qWxRw .T4ehKZ5VrQA38qYrX1gI{inset-inline-end:var(--size-16)}.yy3XvGyGvg1m1g0qWxRw:hover .T4ehKZ5VrQA38qYrX1gI,.yy3XvGyGvg1m1g0qWxRw:hover .hxwLy6VkFk4nFHBG8yw7{display:flex}._1MVgljnXo4BCZo4xpG1Jg-{position:relative;padding-inline-end:var(--size-8)}._2iAY7FN-DaYQG53QI4oNP3{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.LDZPWRtBfxpq4l7kiZSc8{position:absolute;inset-inline-end:calc(var(--size-2,2px) * -1);top:calc(var(--size-6,6px) * -1);display:flex;align-items:center;justify-content:center;border-radius:50%;width:var(--size-22,22px);height:var(--size-22,22px);border:var(--size-1,1px) solid var(--header-background,var(--background-header));background:var(--background-counter);z-index:2;--icon-fill:var(--text-counter)}.jbp-live{display:block;margin:8px 0 0}.jbp-live [data-testid^=bonus-card-]{cursor:pointer}main[class*=MainComponent-promo]{max-width:1200px}.jbp-live .page-wrapper_Page__core{height:auto!important;overflow:visible!important;padding-top:0!important}.jbp-page [class*=footer_FooterV2-styles_wrapper]{max-width:1200px;margin-inline:auto}.jbp-page .jb-seo{max-width:1200px;margin:0 auto 22px}.jbp-page [class*=PageLayout-promo]{min-height:0!important}.jbp-page main[class*=MainComponent-promo]{flex:0 0 auto!important;align-self:flex-start!important;min-height:0!important;height:auto!important;margin-bottom:0!important}.jbp-page [class*=wTezhzd]{min-height:0!important}.jbp-page [class*=L9dVogz]{overflow:visible!important}.jbp-cards{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:16px;width:100%}[class*=Collapse-module__header] svg{transition:transform .3s ease}[class*=Collapse-module__header].jb-acc-open svg{transform:rotate(180deg)}
/* ---- johnbit-ua.com.ua: верстка вставленого SEO-контенту (build_site.py) ---- */
.jb-seo.open .jb-seo__body{max-height:none;overflow:visible}
@media (max-width:640px){.jb-seo.open .jb-seo__body{max-height:none}}
.jb-seo__text h1.jb-seo__h1{font-size:20px;line-height:1.3;font-weight:800;margin:6px 0 14px;color:#1a1a1a}
.jb-seo--casino .jb-seo__text h1.jb-seo__h1,.jb-seo--billing .jb-seo__text h1.jb-seo__h1{color:#f2ede4}
.jb-seo__text h2{font-size:17px;font-weight:700;margin:20px 0 8px;color:#1a1a1a;line-height:1.35}
.jb-seo--casino .jb-seo__text h2,.jb-seo--billing .jb-seo__text h2{color:#f2ede4}
.jb-seo__text ol{margin:0 0 12px;padding-left:20px}
.jb-seo__text ol li{margin:0 0 6px}
.jb-seo__text a{color:#0a58ca;text-decoration:underline}
.jb-seo--casino .jb-seo__text a,.jb-seo--billing .jb-seo__text a{color:#f2f740}
.jb-seo__text .jb-fig,.jb-fig{margin:16px 0;padding:0}
.jb-seo__text .jb-fig img,.jb-fig img{display:block;width:100%;height:auto;border-radius:10px}
.jb-seo__text .jb-eeat,article[data-id=rich-text-content] .jb-eeat{margin:22px 0 0;padding:14px 16px;border-radius:10px;background:rgba(0,0,0,.05);font-size:13px;line-height:1.6}
.jb-seo--casino .jb-eeat,.jb-seo--billing .jb-eeat{background:rgba(255,255,255,.06)}
.jb-eeat__by{font-weight:700;margin:0 0 6px}
.jb-eeat__note{opacity:.8;margin:8px 0 0}
article[data-id=rich-text-content] h1{font-size:22px;font-weight:800;margin:0 0 14px}
article[data-id=rich-text-content] h2{font-size:18px;font-weight:700;margin:20px 0 8px}
article[data-id=rich-text-content] h3{font-size:16px;font-weight:600;margin:16px 0 6px}
article[data-id=rich-text-content] table{width:100%;border-collapse:collapse;margin:8px 0 16px;font-size:13px}
article[data-id=rich-text-content] td,article[data-id=rich-text-content] th{border:1px solid rgba(128,128,128,.35);padding:8px 10px;text-align:left}
article[data-id=rich-text-content] ul,article[data-id=rich-text-content] ol{margin:0 0 12px;padding-left:20px}
article[data-id=rich-text-content] li{margin:0 0 6px}
article[data-id=rich-text-content] a{text-decoration:underline}
/* Мобільна копія контентної обгортки вирізана (був подвоєний текст і два H1),
   тож десктопна тепер працює і на вузьких екранах — прибираємо її фіксовані
   відступи, інакше рядки вилазять за край вікна. */
@media (max-width:1023.98px){
  /* контентна сітка шаблону тримає ФІКСОВАНУ колонку по max-content дитини,
     тож без minmax(0,1fr) блок росте ширшим за екран і текст іде за край */
  .eY5RKCoZlIBKT970SJ-sR,._2Xxc3vS-olQL8SJmDxcmcK{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding-inline:0!important;margin-inline:0!important}
  ._2HaG4y1pNTy4M55l9CQ0YP{grid-template-columns:minmax(0,1fr)!important}
  .eY5RKCoZlIBKT970SJ-sR{min-width:0!important}
  ._13Au6skMHaQH5RzH4D1GlT{grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;padding-inline:0!important;margin-inline:0!important}
  ._3wq5KRe1wY-ndwzKQ1Urs4,._3ul2Us0H6ydgXgJzUPOr1J,article[data-id=rich-text-content]{min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin-inline:0!important}
  ._3wq5KRe1wY-ndwzKQ1Urs4,._3ul2Us0H6ydgXgJzUPOr1J{padding-inline:16px!important}
  article[data-id=rich-text-content]{padding-inline:0!important}
  article[data-id=rich-text-content] table{display:block;overflow-x:auto}
}
}
.jb-seo-solo{max-width:1200px;margin:0 auto;box-sizing:border-box}
/* Підписи пунктів меню й футера ми обгорнули в <a>, щоб перелінковка була
   видима краулеру. Без цього правила вони беруть дефолтний синьо-фіолетовий
   колір посилання замість білого кольору шаблону. */
.modulor_typography__tag__1_112_2 a,
a[data-id="seo-links-item"],
[class*="footer_LinkItem-styles_link"]{color:inherit!important;text-decoration:none!important}
.modulor_typography__tag__1_112_2 a:visited,
a[data-id="seo-links-item"]:visited{color:inherit!important}
/* Декоративна обкладинка в слоті шаблону (ліва колонка контентних сторінок) */
.jb-cover img{display:block;width:100%;max-width:320px;height:auto;margin:0 auto}
@media (max-width:1023.98px){.jb-cover img{max-width:200px}}
/* Кластерна навігація: мобільне меню (темна підкладка #101013) і сайдбар
   головної (СВІТЛА підкладка #f5f4f1) — кольори задані окремо під кожен
   контекст, інакше блок виходить світлим по світлому. */
.jb-cluster{margin:12px 16px 16px;padding:12px 14px;border-radius:12px;box-sizing:border-box}
.jb-cluster__t{margin:0 0 8px;font:700 13px/1.2 Onest,Arial,sans-serif;text-transform:uppercase;letter-spacing:.03em}
.jb-cluster ul{list-style:none;margin:0 0 8px;padding:0}
.jb-cluster li{margin:0}
.jb-cluster a{display:block;padding:7px 0;text-decoration:none;font:500 14px/1.25 Onest,Arial,sans-serif}
.jb-cluster--menu{background:rgba(255,255,255,.05)}
.jb-cluster--menu .jb-cluster__t{color:#f2ede4}
.jb-cluster--menu a{color:#e6e2da}
.jb-cluster--menu a:hover{color:#f2f740}
.jb-cluster--menu ul+ul{border-top:1px solid rgba(255,255,255,.1);padding-top:8px}
.jb-cluster--side{max-width:280px;background:#fff;border:1px solid rgba(0,0,0,.08)}
.jb-cluster--side .jb-cluster__t{color:#292621}
.jb-cluster--side a{color:#292621}
.jb-cluster--side a:hover{color:#7b756b}
.jb-cluster--side ul+ul{border-top:1px solid rgba(0,0,0,.08);padding-top:8px}
@media (max-width:1023.98px){.jb-cluster--side{display:none}}