/* NIK: 888bonus-turkey.com -> seopanell project 66.
   1) panel defaults neutralised  2) donor stylesheet (style_ea65…/style_bf10….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. */

/* ---------- 1. base ---------- */
*{box-sizing:border-box}
html body{display:block!important;min-height:0!important;margin:0;padding:0;position:relative;font-family:'Roboto Mono',sans-serif!important;font-size:22.4px!important;line-height:1.42857143!important;font-weight:400!important;color:#000!important;background-color:#2e2e2e!important;text-align:center}
main,main h1,main h2,main h3,main h4,main a.btn,main .subtitle1,header a,header a.btn,footer,footer h4{font-family:'Roboto Mono',sans-serif!important}
main{display:block!important;margin-top:115px!important}
main>section{display:block;margin:0!important;padding:0!important;max-width:none!important}
main>section.breadcrumbs-section{display:none!important}
main img,footer img,header img{max-width:none;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 li{margin:0}

/* ---------- 2. donor stylesheet: hero, h1, cards, CTA, article ---------- */
main .banner{height:45vw;position:relative;margin:0!important;padding:0!important}
main .banner::before{content:'';display:block;position:absolute;top:0;left:0;background:rgba(0,0,0,.6);width:100%;height:100%}
main .banner__link{height:100%;display:block}
main .banner__link img{width:100%;height:100%}
main .banner h2{width:50%;position:absolute;top:5%;left:25%;color:#68dc13;font-size:65px}
main a.banner__link__ref{background-color:#68dc13;padding:25px 25px;position:absolute;top:60%;left:40%;right:40%;border:none;font-size:32px;font-weight:700;border-radius:10px;text-decoration:none;color:#000000;letter-spacing:normal;text-transform:none;min-width:0!important;transition:none}
main a.banner__link__ref:hover{background-color:#68dc13;color:#000000;border:none}
main .container:not(.card),main>section.content__description,main>section.faq{width:80vw!important;margin:0 auto!important}
main .item-group{display:flex;padding-top:50px;width:100%}
main .set{margin:auto}
main [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}
main [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}
main .items{position:relative;cursor:pointer;width:100%;height:320px;border-radius:0 0 10px 10px;margin:auto;overflow:hidden}
main .items .theme{overflow:hidden}
main .items .theme img{width:25vw;vertical-align:middle}
main .items .main-object{position:absolute;top:0;right:0px;height:225px;overflow:hidden;transform:translateY(0px);transition:.3s}
main .items .main-object img{vertical-align:middle;width:100%}
main .items .sub-object{display:none;position:absolute;top:0;left:10px;height:225px;overflow:hidden;transform:translateY(0px);transition:.3s}
main .items .sub-object img{vertical-align:middle;width:100%}
main .items .txt{position:absolute;bottom:0px;background-color:#4a2a75;border-radius:0 0 10px 10px;color:#fff;width:100%;padding-bottom:10px}
main .txt h3{font-size:20px;color:#cea9ff;padding:5px 0;margin:0;text-transform:uppercase}
main .txt a{padding:0px 10px 20px;color:#fff}
main .txt__info{font-size:14px}
main .title,main .content__description,main>section.faq{color:#fff}
main .title{color:#79ff16!important;font-size:3vw;padding-bottom:20px}
main a.btn{display:flex;justify-content:center;margin:0 auto;position:static;width:80%}
main section table{border:2px solid #fff!important;border-collapse:separate!important;border-spacing:2px}
main section td,main section th{border:1px solid #fff!important;padding:10px!important}
main section th{font-weight:700;text-align:center}

/* ---------- 3a. header (donor .header/.logo/.nav on header.tsx markup) ---------- */
header{position:fixed!important;top:0;left:0;width:100%;height:112px;z-index:2;background-color:#11131d!important;border-bottom:5px solid #ff4516;text-align:left;font-size:22.4px;line-height:1.42857143}
header .header-container{max-width:none!important;height:100%!important;margin:0!important;padding:0 15px!important;justify-content:space-between!important;align-items:center!important}
header .header-container .logo{display:block!important;width:150px;height:auto;margin:0!important}
header .header-container .logo img{width:100%!important;height:auto!important;max-width:none!important}
header .header-container .menu,header .languages{display:none!important}
header .header-container .buttons{margin:22.4px 0!important;padding:0!important;column-gap:0!important;align-items:stretch}
/* first button = donor "Üye Ol / Registration" text link */
header .buttons a.btn.btn-2{display:block!important;width:auto;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#ffffff!important;font-size:22px!important;line-height:1.42857143!important;font-weight:400!important;letter-spacing:normal!important;text-transform:none!important;text-decoration:none;text-align:left;transition:none;align-self:flex-start}
header .buttons a.btn.btn-2:hover{color:#68dc13!important}
/* second button = donor flag link to the other language: its text is the donor's img alt, the flag is drawn as an inline box on the baseline (same line box as the donor's <img>) */
header .buttons a.btn:not(.btn-2){display:block!important;width:50px;min-width:0!important;margin:0 0 0 35px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:transparent!important;font-size:22px!important;line-height:1.42857143!important;font-weight:400!important;letter-spacing:normal!important;text-transform:none!important;text-decoration:none;text-align:left;white-space:nowrap;overflow:hidden;transition:none}
header .buttons a.btn:not(.btn-2)::before{content:"";display:inline-block;width:100%;aspect-ratio:2560/1280;vertical-align:baseline;background:url(https://mediafiles.seopanell.com/seo-image/Flag_of_the_United_Kingdom-868413265_1791190442.webp) 0 0/100% 100% no-repeat}
html[lang="en"] header .buttons a.btn:not(.btn-2)::before{aspect-ratio:870/527;background-image:url(https://mediafiles.seopanell.com/seo-image/turkey-1008020729_1791190499.webp)}

/* ---------- 3b. FAQ (donor .wp-block-heading/.faq-block on faq.tsx markup) ---------- */
main>section.faq>.container.card{width:auto;margin:0;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fff}
main>section.faq h2{color:#79ff16!important;font-weight:700;font-size:3vw;padding-bottom:20px}
main>section.faq .accordion{display:block!important;margin:0 0 42px!important}
main>section.faq .accordion-item{background-color:rgba(51,51,51,.8);border:1px solid #0c0c0c;border-radius:6px;color:#fff;overflow:hidden;padding:20px;text-align:left}
main>section.faq .accordion-item:not(:last-of-type){margin-bottom:16px}
main>section.faq .accordion-item .accordion-header{display:block!important;position:relative;margin:-20px;padding:20px 60px 20px 20px!important;border:1px solid #0c0c0c;border-radius:6px!important;background:transparent!important;color:#fff;text-align:left}
main>section.faq .accordion-item .accordion-header svg{display:none!important}
main>section.faq .accordion-item .accordion-header h3.subtitle1{display:block;margin:0!important;font-size:20px!important;line-height:1.42857143!important;font-weight:500!important;color:#fff!important}
main>section.faq .accordion-item .accordion-header::after{background:#000000;border-radius:2px;color:#f7f7f7;content:"+";display:inline-block;font-size:15px;font-weight:500;height:32px;line-height:32px;position:absolute;right:12px;text-align:center;top:21px;width:32px}
main>section.faq .accordion-item.show .accordion-header{background:#272727!important;margin-bottom:20px}
main>section.faq .accordion-item.show .accordion-header::after{content:"-"}
main>section.faq .accordion-item .accordion-body{color:#fff;transition:none!important}
main>section.faq .accordion-item .accordion-body>div{padding:0!important}
/* donor: answer block has margin-top:24px that collapses with the header's 20px and the paragraph's own margin */
main>section.faq .accordion-item .accordion-body>div>p:first-child{margin-top:4px}
/* Telegram button after the FAQ = donor a.banner__link__ref.btn */
main>section.faq a.btn{margin:0 auto!important;background-color:#68dc13!important;padding:25px 25px;border:none!important;font-size:32px;line-height:inherit;font-weight:700;border-radius:10px;text-decoration:none;color:#000000!important;letter-spacing:normal;text-transform:none;min-width:0!important;transition:none}

/* ---------- 3c. footer (donor .footer/.item-group/.items/.copyright on footer.tsx markup; content.text is flat p/ul/h4/ul/p) ---------- */
footer{position:relative;margin-top:35px!important;background-color:rgb(17,17,17)!important;border-top:1px solid rgb(80,80,80);font-size:22.4px;line-height:1.42857143;color:#000;text-align:left}
footer .footer-container{display:flow-root!important;width:100%;max-width:none!important;margin:0!important;padding:50px 0 0!important;color:inherit!important}
footer .footer-container .footer-text{display:contents;font-size:inherit!important;line-height:inherit!important}
footer .footer-container>div:first-child{display:block!important}
footer .footer-container>div:first-child,footer .footer-text>p:first-of-type,footer .footer-text>ul:nth-of-type(1){float:left;clear:left;width:33vw;padding-right:2vw;margin-left:calc((100% - 80vw)/2 + 3.5vw)}
footer .footer-text>h4,footer .footer-text>ul:nth-of-type(2){width:33vw;padding-right:2vw;margin-left:calc((100% - 80vw)/2 + 43.5vw)}
footer .footer-container .logo{display:block!important;width:150px;height:auto;margin:0!important}
footer .footer-container .logo img{width:100%!important;height:auto!important;max-width:none!important}
footer .footer-text>p:first-of-type{margin-top:1em;margin-bottom:20px;color:rgb(170,170,170);font-size:14px}
footer .footer-text>ul{display:flow-root;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;padding-left:0;list-style:none}
footer .footer-text>ul>li{margin:0}
footer .footer-text>ul:nth-of-type(1)>li{float:left;padding-right:10px}
footer .footer-text>ul:nth-of-type(2)>li{float:left;padding:10px 10px 10px 0}
/* donor: the empty li.clear-fix of the payments list is itself floated with 10px top/bottom padding — a 20px row under the icons */
footer .footer-text>ul:nth-of-type(2){padding-bottom:20px}
footer .footer-text>h4{margin-top:1.33em;margin-bottom:1.33em;padding-bottom:20px;font-size:16px;font-weight:bold;color:rgb(170,170,170)}
footer .footer-text>p:last-of-type{clear:both;width:100%;margin:0;padding:10px 0;background-color:rgb(0,0,0);color:#ffffff;text-align:center;font-size:16px}

/* ---------- 4. responsive (donor breakpoints) ---------- */
@media (max-width:1680px){
  main .banner h2{width:60%;left:20%}
}
@media (max-width:1495px){
  main .container:not(.card),main>section.content__description,main>section.faq{width:95vw!important}
  main .items .theme img{width:30vw}
  main .banner h2{width:70%;top:0;left:15%}
  footer .footer-container>div:first-child,footer .footer-text>p:first-of-type,footer .footer-text>ul:nth-of-type(1){margin-left:calc((100% - 95vw)/2 + 7.25vw)}
  footer .footer-text>h4,footer .footer-text>ul:nth-of-type(2){margin-left:calc((100% - 95vw)/2 + 54.75vw)}
}
@media (max-width:1250px){
  main a.banner__link__ref{top:auto;bottom:30px}
  main .banner h2{font-size:56px}
}
@media (max-width:1060px){
  main a.banner__link__ref,main>section.faq a.btn{width:40%;padding:10px;left:30%}
  main .banner h2{width:100%;top:0;left:0;font-size:56px;margin:5px}
  footer .footer-text>ul:nth-of-type(1){display:flex;justify-content:flex-start;flex-wrap:wrap}
  footer .footer-text>ul:nth-of-type(1)>li{float:none;padding-right:10px}
  main .content .item-group{flex-wrap:wrap}
  main .content .items .theme img{width:100%}
}
/* the EN stylesheet of the donor differs from the TR one in a single value: 54px instead of 56px in this range */
@media (min-width:768px) and (max-width:1060px){
  html[lang="en"] main .banner h2{font-size:54px}
}
@media (max-width:767px){
  main .banner h2{font-size:38px}
  main a.banner__link__ref,main>section.faq a.btn{font-size:18px}
  main .title{font-size:36px;padding:0}
}
@media (max-width:530px){
  main .banner h2{font-size:21px;padding:0 10px}
  main .content .items .theme img{width:80vw}
  main .items .txt{padding:10px}
  main>section.faq .accordion-item .accordion-body{font-size:16px}
  main .item-group{flex-direction:column}
  footer .footer-container>div:first-child,footer .footer-text>p:first-of-type,footer .footer-text>ul:nth-of-type(1),footer .footer-text>h4,footer .footer-text>ul:nth-of-type(2){float:none;width:95vw;padding-right:0;margin-left:calc((100% - 95vw)/2)}
  main>section.faq h2{font-size:32px;margin-bottom:0}
  main .content__description h2{font-size:24px}
}
@media (max-width:414px){
  header .header-container .logo,footer .footer-container .logo{width:110px}
  header .buttons a.btn.btn-2,header .buttons a.btn:not(.btn-2){font-size:18px!important}
  header .buttons a.btn:not(.btn-2){width:35px;margin-left:15px!important}
}
@media (max-width:360px){
  main a.banner__link__ref,main>section.faq a.btn{font-size:14px;padding:5px;bottom:10px;border-radius:4px}
  main .title{font-size:28px}
  main .content__description{font-size:16px}
  main .content .items .theme img{width:95vw}
  main .txt a{font-size:16px}
  main>section.faq .accordion-item .accordion-header h3.subtitle1{font-size:16px!important}
}