/* NIK: 888starzzyulduz.ru -> seopanell project 68.
   1) panel defaults neutralised  2) donor stylesheet (style_a5b9….css = home, style_ca78….css = inner pages: same rules, four class names differ)
      for the blocks that keep donor markup  3) header / FAQ / footer: donor rules mapped onto the panel markup.
   Values come from the donor CSS, not estimated. */

/* ---------- 1. base ---------- */
/* the panel sets box-sizing:border-box on everything; the donor uses the browser default and names border-box where it wants it */
header,header *,main,main *,footer,footer *{box-sizing:content-box}
html body{display:block!important;position:static!important;min-height:0!important;margin:0;padding:0;font-family:'PT Sans',sans-serif!important;font-size:15px!important;line-height:1.3em!important;font-weight:400!important;color:#4c4c4c!important;background:#fff!important}
main,main h1,main h2,main h3,main .subtitle1,header,header a,footer,footer a{font-family:'PT Sans',sans-serif!important}
/* donor: section.container (margin-top 30) > div (max-width 1200, padding 0 10, border-box) */
main{display:flow-root!important;box-sizing:border-box;max-width:1200px;margin:30px auto 0!important;padding:0 10px;flex:none!important}
main>section{display:block;margin:0!important;padding:0!important;max-width:none!important}
/* code blocks carry donor markup: their wrapper must not create a box */
main>section:not([class]),main>section[class=""]{display:contents}
main>section.breadcrumbs-section{display:none!important}
main img{max-width:none;border-radius:0!important}

/* donor reset + element rules (the panel resets with *{margin:0} and has its own h1–h3 / p / ul rules) */
main h1{font:inherit;position:relative;margin:0;font-size:35px;line-height:1em;color:#000}
main h2{font:inherit;margin:25px 0 0;font-weight:700;font-size:20px;line-height:1em;color:#0ca3ff}
main h3{font:inherit;margin:25px 0 0;font-weight:700;font-size:16px;color:inherit}
main p{margin:0;padding:10px 0 0}
main ul{margin:15px 0;padding:0 0 0 40px;list-style:disc}
main ol{margin:15px 0;padding:0 0 0 40px;list-style:decimal}
main li{margin:0;padding:0}
main strong{font-weight:700}
main a{color:#6898cd;text-decoration:none}
main a:hover{text-decoration:none}

/* ---------- 2. donor stylesheet: mobile menu, banner, sidebar, article column ---------- */
main .mob-menu{display:none;position:absolute;top:80px;left:0;z-index:100;width:100%;margin:0 auto;background:#000}
main .mob-menu menu{list-style:none;margin:0;padding:0}
main .mob-menu menu li a{display:block;border-top:1px solid #303030;position:relative;text-align:center;width:100%;padding:10px;font-size:14px;box-sizing:border-box;color:#fff;text-decoration:none}

main .ryoubludsutz_croamtyeusl_dluizncko,main .ryoubludsutz_rruaytuelsd_ulzirnuky{margin-bottom:30px}
main .ryoubludsutz_croamtyeusl_dluizncko a,main .ryoubludsutz_rruaytuelsd_ulzirnuky a{display:flex;justify-content:space-between;align-items:center;width:100%;height:102px;background:url(https://mediafiles.seopanell.com/seo-image/c5be1456623d7dd171524a673091a507-1780008251_1791294250.webp) no-repeat center center;background-size:cover;padding:10px}
main .ryoubludsutz_croamtyeusl_dluizncko a img,main .ryoubludsutz_rruaytuelsd_ulzirnuky a img{width:20%}
main .byuutltdounz{background:#056500;margin:0;padding:10px 25px;color:#fff;border-radius:10px;text-align:center;font-size:32px;width:20%}
main .byuutltdounz-ctoemxytu,main .byuutltdounz-rtueyxutl{color:#fff;font-size:32px;width:20%;padding:10px;box-shadow:0 7px 10px #292929}

main aside.left{display:block;float:left;width:25%;padding-right:20px;box-sizing:border-box}
main aside.left .myeunlud{border:1px solid #e6e6e6;box-shadow:0 0 5px #e3e3e3;padding:5px 0;background:#fafafa}
main aside.left .myeunlud .byluolcdku{padding:0 15px 5px 15px;border-bottom:1px solid #ebebeb}
main aside.left .myeunlud .byluolcdku:last-child{border:none}
main aside.left .tyiutlldeu{position:relative;font-size:35px;line-height:1em;color:#000}
main aside.left .tyiutlldeu span{display:inline-block;border-bottom:3px solid #6898cd;padding:10px 0}
main aside.left .tyiutlldeu:after{display:block;content:'';height:1px;background:#f6f6f6;margin-top:-2px}
main aside.left .myeunlud .tyiutlldeu{font-size:25px}
main aside.left .myeunlud .tyiutlldeu span{padding:15px 0 10px}
main aside.left .myeunlud ul{margin:0;padding:0;list-style:none}
main aside.left .myeunlud ul li{position:relative;font-size:16px;padding:15px 0 15px 20px;border-top:1px dashed #ebebeb;line-height:1em}
main aside.left .myeunlud ul li:first-child{border:none}

/* donor div.right (75 %, beside the sidebar) > div.syeuol (margin-top 10, gray) = the article, the FAQ and the closing paragraph: one column, one flow.
   The 10px are a padding here: the donor column is a float, so its inner margin does not collapse with the banner's bottom margin */
main>section.nik-article,main>section.faq{margin-left:25%!important;color:gray}
main>section.nik-article:not(.nik-tail){padding-top:10px!important}

/* ---------- 3a. header (donor #header/.lyouglod/.myeunlud/menu on header.tsx markup) ---------- */
header{position:relative;height:80px;color:#fff;background:#292929!important;z-index:100;font-size:15px;line-height:19.5px}
header .header-container{display:block!important;position:relative;box-sizing:border-box;max-width:1200px!important;height:auto!important;margin:0 auto!important;padding:0 10px!important}
header .header-container::after{clear:both;content:" ";display:block;height:0;visibility:hidden}
header .header-container .logo{display:block!important;position:absolute;left:10px;width:233px;margin:0!important;padding-top:13px}
header .header-container .logo img{display:inline;width:100%!important;height:auto!important;max-width:none!important;object-fit:fill;border-radius:0!important}
header .header-container .menu{display:block!important;float:left;position:static!important;box-sizing:border-box;width:100%!important;height:auto!important;margin:0!important;padding:30px 30px 0 245px!important;text-align:center;line-height:15px;background:transparent!important;z-index:auto!important;align-self:auto!important;transition:none!important}
header .header-container .menu .close-nav{display:none!important}
header .header-container .menu nav{display:block!important;margin:0!important;padding:0!important;overflow:visible!important}
header nav>ul.nav-menu{display:block!important;width:auto!important;margin:0;padding:0;list-style:none}
/* donor: li inline-block 16px, margin 0 0 5px 15px, items separated by the whitespace of the source (15px font) */
header nav>ul.nav-menu>li.nav-item{display:inline!important;position:static;width:auto;margin:0 0 0 15px;font-size:16px;color:#00a2ff}
header nav>ul.nav-menu>li.nav-item:first-child{margin-left:0}
header nav>ul.nav-menu>li.nav-item:not(:last-child)::after{content:" ";font-size:15px}
header .header-container .menu nav>ul.nav-menu>li.nav-item>a{display:inline-block!important;margin:0 0 5px;padding:0!important;border:0!important;background:transparent!important;font-size:16px!important;font-weight:400!important;line-height:15px!important;letter-spacing:normal!important;text-transform:none!important;text-decoration:none!important;white-space:normal;color:#fff!important}
header .header-container .menu nav>ul.nav-menu>li.nav-item>a:hover{color:#cb2028!important}
/* the donor menu is flat: no dropdown under «Casino» (its child page «Bonuslar» is a menu item of its own), no buttons */
header .dropdown-arrow,header ul.nav-menu.submenu,header .header-container .buttons,header .burger{display:none!important}

/* ---------- 3b. FAQ (donor: heading + question/answer pairs as plain text; faq.tsx markup keeps the accordion) ---------- */
main>section.faq>.container.card{width:auto;max-width:none;margin:0;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit}
main>section.faq>.container.card h2{color:#0ca3ff}
main>section.faq .accordion{display:block!important;margin:0!important;counter-reset:nikq}
main>section.faq .accordion-item{counter-increment:nikq}
main>section.faq .accordion-item .accordion-header{display:flex!important;flex-direction:row-reverse;justify-content:space-between;align-items:center;column-gap:16px;padding:0!important;border-radius:0!important;background:transparent!important}
main>section.faq .accordion-item .accordion-header svg{flex:0 0 auto;fill:gray}
main>section.faq .accordion-item .accordion-header h3.subtitle1{flex:1 1 auto;margin:0;font-size:15px!important;line-height:19.5px!important;font-weight:700!important;color:gray!important}
main>section.faq .accordion-item .accordion-body{color:inherit}
main>section.faq .accordion-item .accordion-body>div{padding:0!important}
/* question = donor <ul><li><strong> */
main>section.faq.nik-faq-ul .accordion-header h3.subtitle1{display:list-item;list-style:disc outside;margin:15px 0 15px 40px}
/* question = donor <ol start="n"><li><strong>: the number is the list marker (regular weight), counted per accordion item */
main>section.faq.nik-faq-ol .accordion-header h3.subtitle1{display:list-item;list-style:decimal outside;margin:15px 0 15px 40px}
main>section.faq.nik-faq-ol .accordion-header h3.subtitle1::marker{content:counter(nikq) ". ";font-weight:400}
/* question = donor <p>n. <strong> */
main>section.faq.nik-faq-p .accordion-header h3.subtitle1{padding-top:10px}
/* question = donor <h3> */
main>section.faq.nik-faq-h3 .accordion-header h3.subtitle1{margin-top:25px;font-size:16px!important}

/* ---------- 3c. footer (donor #fyouoltdeurz/.lyouglod/.tyeuxltd/.myeunlud on footer.tsx markup) ---------- */
footer{width:auto!important;min-height:80px;margin-top:40px!important;padding:30px 0 25px;background:#000!important;font-size:15px;line-height:19.5px;color:#ccc}
footer .footer-container{display:block!important;position:relative;box-sizing:border-box;max-width:1200px!important;margin:0 auto!important;padding:0 10px!important;color:#ccc!important}
footer .footer-container::after{clear:both;content:" ";display:block;height:0;visibility:hidden}
/* donor .lyouglod: absolute column 270px = logo + copyright under it */
footer .footer-container>div:first-child{display:block!important;position:absolute;width:270px}
footer .footer-container .logo{display:inline!important;margin:0!important}
footer .footer-container .logo img{display:inline;width:100%!important;height:auto!important;max-width:none!important;object-fit:fill;border-radius:0!important}
/* footer.tsx puts the text after the menus: it is laid over the same column, below a spacer of the logo's height (3638x624 at 270px) */
footer .footer-container .footer-text{position:absolute;top:0;left:10px;width:270px;flex:none!important;font-size:15px!important;line-height:19.5px!important;pointer-events:none}
footer .footer-container .footer-text::before{content:"";display:inline-block;width:270px;height:calc(270px * 624 / 3638)}
footer .footer-container .footer-text p{margin:0;padding:0;pointer-events:auto}
/* donor .myeunlud: padding 0 350px, two columns of 50 % */
footer .footer-container .menu{display:block;float:left;flex:none!important;width:calc((100% - 700px) / 2)!important;margin:0;padding:0;line-height:15px}
footer .footer-container>div:first-child+.menu{margin-left:350px}
footer .footer-container .menu ul{margin:0;padding:0;list-style:none}
footer .footer-container .menu ul li{margin:0;padding:0}
footer .footer-container .menu a{display:block;position:relative;padding:0 0 15px 20px;font-size:15px!important;line-height:15px!important;text-decoration:none!important;color:#fff!important}
footer .footer-container .menu a::before{display:block;content:'';position:absolute;left:0;top:5px;background:url(https://mediafiles.seopanell.com/seo-image/xmenu-footer-1547228246_1791294253.webp) no-repeat;width:7px;height:6px}

/* ---------- 4. responsive (donor breakpoints) ---------- */
@media only screen and (max-width:959px){
  header .header-container .menu{display:none!important}
  /* donor a.icon-menu */
  header .burger{display:block!important;position:absolute;top:44px;right:10px;width:21px;height:15px;margin:0!important;background:url(https://mediafiles.seopanell.com/seo-image/xmob-menu-1780749578_1791294249.webp) no-repeat;cursor:pointer}
  header .burger svg{display:none!important}
  main aside.left,footer .footer-container .menu{display:none!important}
  main>section.nik-article,main>section.faq{margin-left:0!important}
}
@media only screen and (max-width:639px){
  main h1,main aside.left .tyiutlldeu{font-size:25px}
  main aside.left .tyiutlldeu span{display:inline-block;border:none;padding-bottom:0}
  main aside.left .tyiutlldeu:after{display:none}
  main h2{font-size:20px}
  footer .footer-container>div:first-child{position:relative;width:100%}
  footer .footer-container .footer-text{position:static;width:auto;pointer-events:auto}
  footer .footer-container .footer-text::before{display:none}
}
@media only screen and (max-width:960px){
  main p img{width:100%;height:100%}
  main .ryoubludsutz_croamtyeusl_dluizncko a,main .ryoubludsutz_rruaytuelsd_ulzirnuky a{flex-direction:column;height:300px}
  main .byuutltdounz-ctoemxytu,main .byuutltdounz-rtueyxutl{width:90%;text-align:center}
  main .byuutltdounz{padding:25px 25px;width:90%}
  main .ryoubludsutz_croamtyeusl_dluizncko a img,main .ryoubludsutz_rruaytuelsd_ulzirnuky a img{width:50%}
}