body, html {background: #021c19;}

.lang-switcher {
        position: relative;
        margin-left: 15px;
        z-index: 99;
    }
    .lang-switcher::after {
        content: '';
        display: block;
        height: 30px;
        width: 52px;
        background: transparent;
        position: absolute;
        top: -5px;
        left: -7px;
    }
    .lang-switcher__main {
        display: flex;
        cursor: pointer;
        align-items: center;
        justify-content: center;
    }
    .lang-switcher__main p {
        color: #fff;
        font-size: 14px;
        font-weight: 700;
    }
    .lang-switcher__main img {
        margin: 0 5px 0 0;
        height: 16px;
        width: 24px;
    }
    .lang-switcher__hide {
        padding: 8px;
        border-radius: 4px;
        display: flex;
        flex-direction: column;
        position: absolute;
        align-items: flex-start;
        top: 100%;
        right: 15px;
        width: 107px;
        box-sizing: border-box;
        opacity: 0;
        left: -6.5px;
        pointer-events: none;
    }
    .lang-switcher__hide::after{
        content: '';
        height: 100%;
        width: 100%;
        box-sizing: border-box;
        left: 0;
        top: 0;
        right: 0;
        position: absolute;
        bottom: 0;
        background: #054146;
        opacity: .9;
        display: block;
    }
    .lang-switcher__hide a {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        margin-bottom: 5px;
        white-space: nowrap;
        font-size: 14px;
        position: relative;
        z-index: 9;
        font-weight: 700;
    }
    .lang-switcher__hide a:last-child {
        margin: 0;
    }
    .lang-switcher__hide a img {
        margin: 0 5px 0 0;
        height: 16px;
        width: 24px;
    }
    .lang-switcher {
        cursor: pointer;
    }
    .lang-switcher svg {
        position: relative;
        left: -3px;
    }
    @media (max-width: 990px) {
        .lang-switcher__hide {
            top: 108%;
        }
        .lang-switcher {
            margin-left: auto;
            position: relative;
            left: 7px;
        }
        .header .call-menu {
            margin-left: 10px;
            display: flex;
            align-items: center;
        }
    }
    .header__sign {
        background: #f77305;
        color: #ffffff;
        border: 2px solid #f77305;
    }
    .header__sign:hover {
        background: transparent;
    }
    .header__log {
        background: #bc2ee2;
        color: #ffffff;
        border: 2px solid #bc2ee2;
    }
    .header__log:hover {
        background: transparent;
    }
    @media (max-width: 990px) {
        .header__btn {
            background: #042f25;
        }
    }
    nav a {
        color: #d3e509;
    }
    .info__wrap a {
        color: #ffffff;
    }
    .info__wrap table {
        border-collapse: collapse;
    }
    @media (max-width: 990px) {
        .info__wrap table {
            width: 100%;
            box-sizing: border-box;
        }
    }
    .info__wrap td {
        border: 1px solid #d3e509;
        padding: 5px;
    }
    .btn_output {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 15px 0;
    }
    .btn_output button, .btn_output a.btn-redirect {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        box-sizing: border-box;
        max-width: 180px;
        border-radius: 50px;
        font-weight: 700;
        padding: 15px;
        font-size: 13px;
        text-align: center;
        border: 1px solid transparent;
        text-transform: uppercase;
        cursor: pointer;
        text-decoration: none!important;
    }
    .btn-redirect {
        appearance: none;
        box-shadow: none;
        cursor: pointer;
    }
    .active-lang {
        opacity: 1;
        pointer-events: auto;
    }

    main .btn-redirect {
        color: #ffffff!important;
    }
    .promo__bottom-text {
        color: #ffffff!important;
    }

    .btn-redirect {
        font-size: 17px!important;
    }
    .bg {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100vh;
        width: 100vw;
        background: #000;
        opacity: .8;
        display: none;
        pointer-events: none;
        z-index: 999;
    }
    .bg-lang {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100vh;
        width: 100vw;
        background: #000;
        opacity: 0;
        display: none;
        z-index: 99;
        pointer-events: none;
    }
    .bg-lang-active {
        pointer-events: auto;
        display: block;
    }
    @media (max-width: 990px) {
        .bg-lang-active {
            opacity: .8;
        }
    }
    .bg-active {
        pointer-events: auto;
        display: block;
    }

.info__btn button, .info__btn a.btn-redirect {
        border: 2px solid #f77305;
        background: #f77305;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        max-width: 100%;
        box-sizing: border-box;
        padding: 15px 28px;
        border-radius: 50px;
        font-weight: 700;
        font-size: 13px;
        text-align: center;
        text-transform: uppercase;
        color: #ffffff;
        cursor: pointer;
        transition: 0.3s;
    }
    .info__btn button:hover, .info__btn a.btn-redirect:hover {
        background: transparent;
        color: #f77305;
    }
    @media (max-width: 576px) {
        .info__btn button, .info__btn a.btn-redirect {
            width: 100%;
        }
    }
    .info__block-title {
        background: ;
    }
    .info__block-text {
        background: ;
    }

.bonus__btn {
        border: 2px solid #f77305;
        background: #f77305;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        max-width: 100%;
        box-sizing: border-box;
        padding: 15px 28px;
        border-radius: 50px;
        font-weight: 700;
        font-size: 13px;
        text-align: center;
        text-transform: uppercase;
        color: #ffffff;
        cursor: pointer;
        margin-top: 12px;
        transition: 0.3s;
    }
    .bonus__btn:hover {
        background: transparent;
        color: #f77305;
    }
    @media (max-width: 576px) {
        .bonus__btn {
            width: 100%;
        }
    }

.benifest__info button, .benifest__info a.btn-redirect {
        border: 2px solid #f77305;
        background: #f77305;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        max-width: 100%;
        box-sizing: border-box;
        padding: 15px 28px;
        border-radius: 50px;
        font-weight: 700;
        font-size: 13px;
        text-align: center;
        text-transform: uppercase;
        color: #ffffff;
        cursor: pointer;
        margin-top: 12px;
        transition: 0.3s;
    }
    .benifest__info button:hover, .benifest__info a.btn-redirect:hover {
        background: transparent;
        color: #f77305;
    }
    @media (max-width: 576px) {
        .benifest__info button, .benifest__info a.btn-redirect {
            width: 100%;
        }
    }

.slider-section__btn {
        background: #f77305;
        border: 4px solid #f77305;
    }
    .slider-section__btn:hover{
        transform: translateY(-6px);
        background: transparent;
        box-shadow: 0 0 60px #f77305;
    }
    .slider-section__btn:hover::before {
        display: none;
    }

.acc-head {
        background: #042f25;
    }
    .acc-head:hover {
        background: #032625;
    }

/* base */
body, html {
	background: #021c19;
}

/* FAQ accordion */
.accordeon .acc-body {
	display: none;
	color: #ffffff;
}
.accordeon .acc-head.active + .acc-body {
	display: block;
}
.accordeon .acc-head svg {
	transition: transform .3s ease;
}
.accordeon .acc-head.active svg {
	transform: rotate(0deg);
}

/* main slider */
.swiperMain .swiper-wrapper {
	transition: transform .5s ease;
}
.swiperMain .swiper-slide {
	width: 100%;
}

a.btn-redirect{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}

/* ===== SpinBetter content blocks (quick-facts, proscons, verdict, author, links) ===== */
.article-link{color:#d3e509;text-decoration:underline;text-underline-offset:2px;font-weight:600}
.article-link:hover{color:#f77305}
.section-links{margin:6px 0 14px;font-size:14px;color:#bcd;opacity:.95}
.section-links .article-link{font-weight:600}
.table-note{font-size:13px;color:#9fb3ad;margin-top:12px;line-height:1.6}

/* quick facts */
.quickfacts-section{padding-top:26px;padding-bottom:6px}
.quick-facts{background:#042f25;border:1px solid #0a5347;border-radius:14px;padding:22px 22px 16px}
.quick-facts__title{font-size:20px;font-weight:800;color:#d3e509;margin:0 0 16px}
.quick-facts__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.quick-facts__item{display:flex;gap:10px;align-items:flex-start;background:#03231d;border:1px solid #0a5347;border-radius:10px;padding:11px 12px}
.quick-facts__icon{font-size:20px;line-height:1.2}
.quick-facts__label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:#8fb0a6}
.quick-facts__value{display:block;font-size:15px;font-weight:700;color:#fff;margin-top:2px}
.quick-facts__foot{margin:16px 0 0;font-size:13px;color:#9fb3ad}
@media(max-width:900px){.quick-facts__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.quick-facts__grid{grid-template-columns:1fr}}

/* key facts table */
.keyfacts-wrap{overflow-x:auto}
.keyfacts{width:100%;border-collapse:collapse;color:#fff}
.keyfacts td{border:1px solid #0a5347;padding:11px 14px;vertical-align:top;font-size:15px}
.keyfacts tr:nth-child(odd){background:#03231d}
.keyfacts tr:nth-child(even){background:#042f25}
.keyfacts td:first-child{width:42%;white-space:nowrap}
@media(max-width:560px){.keyfacts td{font-size:14px}.keyfacts td:first-child{white-space:normal}}

/* pros & cons */
.proscons{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}
.proscons__col{border-radius:14px;padding:18px 20px;border:1px solid #0a5347}
.proscons__col--pro{background:linear-gradient(180deg,#053a2a,#042f25)}
.proscons__col--con{background:linear-gradient(180deg,#3a1204,#2a0f05)}
.proscons__col h3{margin:0 0 12px;font-size:18px;font-weight:800}
.proscons__col--pro h3{color:#d3e509}
.proscons__col--con h3{color:#ffb27a}
.proscons__col ul{margin:0;padding:0;list-style:none}
.proscons__col li{position:relative;padding:6px 0 6px 26px;line-height:1.5;font-size:15px;color:#fff}
.proscons__col li:before{position:absolute;left:0;top:5px;font-weight:800}
.proscons__col--pro li:before{content:"✔";color:#d3e509}
.proscons__col--con li:before{content:"✕";color:#f77305}
@media(max-width:700px){.proscons{grid-template-columns:1fr}}

.inline-links{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;padding:0;margin:6px 0 0}
.inline-links li{position:relative}
.inline-links li:not(:last-child):after{content:"·";position:absolute;right:-13px;color:#0a5347}

/* verdict + author */
.verdict-section{padding-top:10px}
.verdict{background:#042f25;border:1px solid #0a5347;border-left:4px solid #d3e509;border-radius:12px;padding:20px 22px;color:#e8f0ec}
.verdict h2{margin:0 0 8px;color:#d3e509}
.verdict__score{font-size:18px;margin:0 0 12px;color:#fff}
.verdict__score b{color:#f77305;font-size:24px}
.verdict p{line-height:1.65}
.author-box{display:flex;gap:16px;align-items:flex-start;background:#03231d;border:1px solid #0a5347;border-radius:12px;padding:18px 20px;margin-top:16px}
.author-box__img{border-radius:50%;flex:0 0 auto;border:2px solid #d3e509;object-fit:cover}
.author-box__name{font-size:17px;font-weight:800;color:#fff;margin:0}
.author-box__role{font-size:13px;color:#d3e509;margin:2px 0 8px}
.author-box__body p{color:#cfe0d9;line-height:1.6;margin:0 0 8px;font-size:15px}
.author-box__link{color:#d3e509;font-weight:700;text-decoration:none;margin-right:16px}
.author-box__link:hover{color:#f77305}
@media(max-width:560px){.author-box{flex-direction:column}}

/* ===== small spacing fixes: header->hero, author-box->FAQ ===== */
.hero{margin-top:28px}
.faq{margin-top:36px}
@media(max-width:650px){.hero{margin-top:18px}.faq{margin-top:24px}}

/* ===== Table of contents (TOC) ===== */
.toc-section{padding-top:8px;padding-bottom:8px}
.toc{background:#042f25;border:1px solid #0a5347;border-radius:12px;overflow:hidden}
.toc__summary{
  cursor:pointer;list-style:none;padding:16px 20px;
  font-size:17px;font-weight:800;color:#d3e509;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  user-select:none;
}
.toc__summary::-webkit-details-marker{display:none}
.toc__summary::after{
  content:"▾";color:#f77305;font-size:16px;transition:transform .25s ease;
}
.toc[open] .toc__summary::after{transform:rotate(180deg)}
.toc__list{
  list-style:none;margin:0;padding:6px 20px 18px;
  display:grid;grid-template-columns:repeat(2,1fr);gap:8px 24px;
  border-top:1px solid #0a5347;
}
.toc__list li{counter-increment:toc}
.toc__list a{
  color:#e8f0ec;text-decoration:none;font-size:15px;line-height:1.5;
  display:inline-flex;gap:8px;
}
.toc__list a::before{content:counter(toc) ".";color:#f77305;font-weight:700}
.toc__list a:hover{color:#d3e509;text-decoration:underline}
.toc__list{counter-reset:toc}
@media(max-width:650px){.toc__list{grid-template-columns:1fr}}

/* ===== E-E-A-T pages content ===== */
.eeat{padding-top:36px;padding-bottom:36px}
.eeat-content{max-width:900px;margin:0 auto;color:#e8f0ec}
.eeat-content h1{font-size:34px;line-height:1.2;color:#fff;margin:0 0 8px}
.eeat-content .eeat-updated{font-size:14px;color:#9fb3ad;margin:0 0 24px}
.eeat-content h2{font-size:24px;color:#d3e509;margin:32px 0 12px;padding-bottom:8px;border-bottom:1px solid #0a5347}
.eeat-content h3{font-size:18px;color:#fff;margin:22px 0 10px}
.eeat-content p{line-height:1.72;margin:0 0 14px;font-size:16px}
.eeat-content ul,.eeat-content ol{margin:0 0 16px;padding-left:22px;line-height:1.7}
.eeat-content li{margin:7px 0}
.eeat-content a{color:#d3e509;text-decoration:underline;text-underline-offset:2px}
.eeat-content a:hover{color:#f77305}
.eeat-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
.eeat-content th,.eeat-content td{border:1px solid #0a5347;padding:9px 11px;text-align:left;vertical-align:top}
.eeat-content thead th{background:#042f25;color:#d3e509}
.eeat-content tbody tr:nth-child(odd){background:#03231d}
.eeat-content .lead{font-size:17px;color:#cfe0d9}
.eeat-content .note-box{background:#042f25;border:1px solid #0a5347;border-left:4px solid #f77305;border-radius:10px;padding:14px 18px;margin:18px 0}
.eeat-breadcrumb{font-size:13px;color:#8fb0a6;margin:0 0 18px}
.eeat-breadcrumb a{color:#8fb0a6}

/* contact form on E-E-A-T contact page */
.contact-form{max-width:560px;margin:8px 0 4px}
.contact-form label{display:block;margin:14px 0 6px;font-weight:600;color:#cfe0d9;font-size:14px}
.contact-form input,.contact-form select,.contact-form textarea{
  width:100%;box-sizing:border-box;padding:11px 13px;border-radius:8px;
  border:1px solid #0a5347;background:#03231d;color:#fff;font-size:15px;font-family:inherit}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:#d3e509}
.contact-form .form-note{font-size:13px;color:#9fb3ad;margin:14px 0}
.contact-form .btn-redirect{border:2px solid #f77305;background:#f77305;color:#fff;
  display:inline-flex;align-items:center;justify-content:center;padding:13px 30px;border-radius:50px;
  font-weight:700;text-transform:uppercase;font-size:13px;cursor:pointer;transition:.3s;margin-top:6px}
.contact-form .btn-redirect:hover{background:transparent;color:#f77305}

/* scrollable tables on E-E-A-T pages (prevent page-width overflow) */
.eeat-content .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:16px 0;border:1px solid #0a5347;border-radius:8px}
.eeat-content .table-scroll table{margin:0;border:0;min-width:560px}
.eeat-content .table-scroll td,.eeat-content .table-scroll th{border-left:0;border-right:0}