/* NIK: 888starzbahis.com -> seopanell project 67.
   1) panel defaults neutralised  2) donor stylesheet (style_8d19…/style_4a91….css) 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.
   The donor has no box-sizing reset: everything is content-box, as in the panel. */

/* ---------- 1. base ---------- */
/* the panel sets box-sizing:border-box on everything; the donor relies on the browser default (tables stay border-box as in the UA stylesheet) */
header,header *,main,main *,footer,footer *{box-sizing:content-box}
main table{box-sizing:border-box}
html body{display:block!important;min-height:0!important;margin:0;padding:0;font-family:sans-serif!important;font-size:16px!important;line-height:normal!important;font-weight:400!important;color:#000!important;background:#981b1f!important}
/* the EN stylesheet of the donor has no "html, body {overflow-x:hidden}" (the TR one has it) */
html[lang="en"],html[lang="en"] body{overflow-x:visible!important}
main,main h1,main h2,main h3,main h4,main a.btn,main .subtitle1,header,header a,header a.btn,footer,footer a{font-family:sans-serif!important}
main{display:block!important;margin-top:10px!important}
main>section{display:block;margin:0!important;padding:0!important;max-width:none!important}
main>section.breadcrumbs-section{display:none!important}
main img,header img,footer img{max-width:100%;border-radius:0!important}

/* browser default block margins and heading sizes (the panel resets them with *{margin:0} and its own h1–h3 rules) */
main section h1{font-size:2em;line-height:inherit;font-weight:700;margin:.67em 0}
main section h2{font-size:1.5em;line-height:inherit;font-weight:700;margin:.83em 0}
main section h3{font-size:1.17em;line-height:inherit;font-weight:700;margin:1em 0}
main section h4{font-size:1em;line-height:inherit;font-weight:700;margin:1.33em 0}
main section p{margin:1em 0}
main section ul{margin:1em 0;padding-left:40px;list-style-type:disc}
main section ol{margin:1em 0;padding-left:40px;list-style-type:decimal}
main section li{margin:0}
main section table{border-collapse:separate;border:0}
main section td,main section th{border:0;padding:1px}
main section th{font-weight:700;text-align:center}

/* ---------- 2. donor stylesheet: breadcrumb, banner, content ---------- */
main .container:not(.card){max-width:1400px;margin:0 auto}
main .breadcrumb ul{display:flex;padding:8px 15px;margin-bottom:20px;list-style:none;border-radius:4px;color:#ffffff}
main .breadcrumb ul li{margin-right:5px}
main .breadcrumb ul li a{color:#fff}
main .banner{position:relative;margin:0!important;padding:0!important}
main .banner__link{display:block}
main .banner__link img{width:100%;max-width:100%}
main .content{color:#ffffff;padding:0 10px}
main .content img{max-width:100%;height:auto}
main .popular__button{display:flex;justify-content:center}
main .content__text p img{margin-bottom:10px}
main .content__text a{color:#ff7070}
main .content__text table{width:1060px;border:1px solid #fff;padding:10px}
main .content__text table th,main .content__text table td{border:1px solid #fff;padding:10px}
/* donor .btn + .login__btn + .popular__button .btn (the last one wins for background) */
main .popular__button a.btn,main>section.faq a.btn{background:green!important;color:#fff!important;font-size:28px;line-height:normal;font-weight:700;padding:15px 45px;text-align:center;text-decoration:none;border:0!important;border-radius:5px;letter-spacing:normal;text-transform:none;min-width:0!important;transition:none}
main .popular__button a.btn{display:block;width:100%;margin:0 10px 0 0}

/* ---------- 3a. header (donor .header/.logo/.nav/.registration on header.tsx markup) ---------- */
header{position:static;background:#eaeaea!important;font-size:16px;line-height:normal;color:#000}
header .header-container{display:flex!important;flex-direction:row;flex-wrap:nowrap;justify-content:space-between!important;align-items:center!important;max-width:none!important;height:auto!important;margin:0!important;padding:15px 10px!important}
header .header-container .logo{display:block!important;margin:0!important}
header .header-container .logo img{display:inline;width:150px!important;height:54px!important;max-width:none!important;object-fit:fill}
header .header-container .menu{display:block!important;position:static;align-self:auto!important;margin:0 10px;z-index:auto}
header .header-container .menu .close-nav{display:none!important}
header .header-container .menu nav{display:block!important;margin:0!important;padding:0}
header nav>ul.nav-menu{display:flex!important;flex-direction:row;gap:0!important;text-transform:uppercase;list-style:none;margin:0;padding:0}
header nav>ul.nav-menu>li.nav-item{display:list-item!important;padding:15px 20px;position:relative}
header nav>ul.nav-menu>li.nav-item:last-child{width:50px;height:auto;margin-left:35px}
header .header-container .menu a{display:inline!important;padding:0!important;border:0!important;background:transparent!important;font-size:16px!important;font-weight:400!important;line-height:normal!important;letter-spacing:normal!important;text-transform:inherit!important;text-decoration:none!important;white-space:normal!important;color:#000!important}
header .dropdown-arrow{display:none!important}
/* submenu = pages whose parent is the menu item's page (donor .nav__submenu) */
header nav>ul.nav-menu>li.nav-item>ul.nav-menu.submenu{display:none!important;position:absolute!important;top:45px!important;left:0!important;width:200px;min-width:0!important;margin:0;padding:10px!important;list-style:none;background:#eaeaea!important;border-top:1px solid #da0000;border-radius:0!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important;z-index:1!important}
header nav>ul.nav-menu>li.nav-item:hover>ul.nav-menu.submenu{display:block!important}
header ul.nav-menu.submenu>li.nav-item{display:list-item!important;position:static;width:auto!important;padding:5px 10px;border-bottom:1px solid #cccccc}
header ul.nav-menu.submenu>li.nav-item:last-child{border-bottom:0}
header .languages,header .burger{display:none!important}
header .header-container .buttons{display:flex!important;flex-direction:row;column-gap:0!important;align-items:stretch;margin:0!important;padding:0!important}
header .buttons a.btn{display:block!important;width:auto;min-width:auto!important;font-size:16px!important;line-height:normal!important;letter-spacing:normal!important;text-transform:none!important;transition:none}
/* donor a.btn.registration__btn */
header .buttons a.btn.btn-2{margin:0 10px 0 0!important;padding:10px 5px!important;border:0!important;border-radius:5px!important;background:linear-gradient(#da0000,#810000)!important;color:#fff!important;font-weight:700!important;text-align:center;text-decoration:none}
/* donor: the second link has no class — a plain browser-default link */
header .buttons a.btn:not(.btn-2){margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#0000ee!important;font-weight:400!important;text-align:start;text-decoration:underline!important}

/* ---------- 3b. FAQ (donor: h2 + h3/p pairs inside .content__text; faq.tsx markup keeps the accordion) ---------- */
main>section.faq{box-sizing:border-box;max-width:1400px!important;margin:0 auto!important;padding:0 10px!important;color:#fff}
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:#fff}
main>section.faq h2{color:#fff!important}
main>section.faq .accordion-body a{color:#ff7070}
main>section.faq .accordion{display:block!important;margin:0 0 1em!important}
main>section.faq .accordion-item .accordion-header{display:flex!important;flex-direction:row-reverse;justify-content:space-between;align-items:center;column-gap:16px;margin:1.17em 0 0;padding:0!important;border-radius:0!important;background:transparent!important}
main>section.faq .accordion-item .accordion-header svg{flex:0 0 auto;fill:#fff}
main>section.faq .accordion-item .accordion-header h3.subtitle1{margin:0!important;font-size:1.17em!important;line-height:normal!important;font-weight:700!important;color:#fff!important}
main>section.faq .accordion-item .accordion-body{color:#fff}
main>section.faq .accordion-item .accordion-body>div{padding:0!important}
main>section.faq .accordion-item .accordion-body p{margin:1em 0 0}
main>section.faq .accordion-item .accordion-body>div>p:first-child{margin-top:1.17em}
/* button after the FAQ = donor div.popular__button after the article */
main>section.faq a.btn{display:block!important;width:auto;margin:0 10px 0 0!important}

/* ---------- 3c. footer (donor .footer/.logo/.social/.copy/.nav__item on footer.tsx markup; content.text is flat p / p / p) ---------- */
footer{width:auto!important;margin-top:15px!important;background:#eaeaea!important;font-size:16px;line-height:normal;color:#000000}
footer .footer-container{display:flex!important;flex-direction:row;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;gap:0!important;max-width:none!important;margin:0!important;padding:15px 10px!important;color:#000000!important}
footer .footer-container>div:first-child{display:block!important}
footer .footer-container .logo{display:inline!important;margin:0!important}
footer .footer-container .logo img{display:inline;width:150px!important;height:54px!important;max-width:none!important;object-fit:fill}
footer .footer-container .footer-text{display:contents;font-size:inherit!important;line-height:inherit!important}
footer .footer-text>p{margin:0}
footer .footer-text>p:nth-of-type(1) a{color:#000}
footer .footer-text>p:nth-of-type(3){position:relative;width:50px;height:auto;margin-left:35px;padding:15px 20px}
footer .footer-text>p:nth-of-type(3) a{text-decoration:none;color:#000}
footer .footer-text>p:nth-of-type(3) img{width:100%;height:auto}

/* ---------- 4. responsive (donor breakpoints) ---------- */
@media only screen and (max-width:1085px){
  header{position:relative}
  /* donor a.btn.btn-burger: three bars 30/25/20 x 4px inside .registration */
  header .burger{display:block!important;order:9;margin:0 10px 0 0!important;padding:10px 5px;cursor:pointer}
  header .burger svg{display:none!important}
  header .burger::before{content:"";display:block;width:30px;height:24px;background:linear-gradient(#626262,#626262) 0 0/30px 4px no-repeat,linear-gradient(#626262,#626262) 0 8px/25px 4px no-repeat,linear-gradient(#626262,#626262) 0 16px/20px 4px no-repeat}
  /* donor: the burger (44px) lives inside .registration and stretches both links to its height */
  header .header-container .buttons{margin-left:auto!important;min-height:44px}
  /* donor .nav: fixed panel under the header, opened by the burger (script.js) */
  header .header-container .menu{position:fixed!important;top:85px!important;left:0!important;width:100%!important;height:0!important;opacity:0;margin:0!important;padding:0!important;background:#eaeaea!important;z-index:1!important;transition:height 1s!important;overflow:visible!important}
  header .header-container .menu nav{display:none!important;overflow:visible!important}
  header .header-container .menu.open{height:100%!important;opacity:1}
  header .header-container .menu.open nav{display:block!important}
  header nav>ul.nav-menu{display:block!important;width:auto!important}
  header nav>ul.nav-menu>li.nav-item>ul.nav-menu.submenu{display:block!important;position:static!important;border-top:none}
  header nav>ul.nav-menu>li.nav-item:nth-child(2){padding-top:0}
}
@media (max-width:1060px){
  main .table{overflow-x:scroll}
}
@media only screen and (max-width:725px){
  footer .footer-container{flex-direction:column}
  footer .footer-text>p:nth-of-type(1){margin:15px 0}
}
@media only screen and (max-width:430px){
  main .content img{float:none;width:100%;max-width:100%}
  header .header-container .logo img,footer .footer-container .logo img{width:110px!important}
}