header button[aria-label="button"] {
    display: none;
}
.form-partners,
.form-feedback
 {
    display: none;
}
.form-partners.active,
.form-feedback.active {
    display: flex;
}
header .lang-block {
    text-transform: uppercase;
}
header .phone-block .phone-block-absolute,
header .lang-block .lang-block-absolute {
    display: none;
}
header .phone-block:hover .phone-block-absolute,
header .lang-block:hover .lang-block-absolute {
    display: block;
}
@media (min-width: 1420px) {
    header button[aria-label="phone-button"] {
        display: none;
    }
    header button[aria-label="button"] {
        display: block;
    }
}
@media (max-width: 600px) {
    header .lang-block .lang-block-absolute {
		display: none;
	}
	header .phone-block:hover .phone-block-absolute,
	header .lang-block:hover .lang-block-absolute {
		display: none;
	}
	header .lang-block .lang-block-absolute.active {
		display: block;
	}
}


/*==================== PAGE ====================*/
.business-registration-page{position:relative;background:#F7F8FC;color:#1A1A1A;overflow:hidden}
.business-registration-page *{box-sizing:border-box}
.business-registration-page::before{content:"";position:absolute;top:-260px;right:-260px;width:760px;height:760px;border-radius:50%;background:radial-gradient(circle,#8D5CF61A 0%,transparent 70%);pointer-events:none}
.business-registration-page::after{content:"";position:absolute;left:-220px;bottom:-180px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,#5F85FF14 0%,transparent 70%);pointer-events:none}
.business-registration-page h1,.business-registration-page h2,.business-registration-page h3{font-family:"TT Norms";font-weight:500;color:#17181C;margin:0}
.business-registration-page h1{font-size:72px;line-height:1.05;letter-spacing:-2px}
.business-registration-page h2{font-size:52px;line-height:1.08;letter-spacing:-1px}
.business-registration-page h3{font-size:28px;line-height:1.2}
.business-registration-page p{font-family:"Stolzl";font-size:18px;line-height:1.8;color:#727583;margin:0}
.business-registration-page a{text-decoration:none;transition:.3s}

/*==================================================
HERO
==================================================*/

.business-registration-page{
    position:relative;
    background:#F6F7FB;
    overflow:hidden;
}

.business-registration-page .registration-hero{
    position:relative;
    padding:0px 0 60px;
    z-index:1;
}

.business-registration-page .registration-hero:before{
    content:"";
    position:absolute;
    right:-180px;
    top:-120px;
    width:760px;
    height:760px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(109,83,255,.12) 0%,transparent 72%);
    pointer-events:none;
}

.business-registration-page .registration-hero:after{
    content:"";
    position:absolute;
    left:-260px;
    bottom:-260px;
    width:700px;
    height:700px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(82,130,255,.08) 0%,transparent 70%);
    pointer-events:none;
}

.business-registration-page .hero-layout{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
    align-items:center;
    gap:80px;
    min-height:760px;
    position:relative;
    z-index:2;
}

/*==================================================
LEFT
==================================================*/

.business-registration-page .hero-content{
    max-width:650px;
}

.business-registration-page .hero-badge{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:14px 22px;
    border-radius:100px;
    background:#fff;
    border:1px solid #ECECF2;
    box-shadow:0 12px 40px rgba(0,0,0,.05);
}

.business-registration-page .hero-badge-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#2ED573;
}

.business-registration-page .hero-badge-text{
    font:500 12px/1 "TT Norms";
    letter-spacing:.22em;
    color:#717483;
    text-transform:uppercase;
}

.business-registration-page .hero-title{
    margin-top:34px;
    font:500 56px/1.03 "TT Norms";
    color:#17181C;
    letter-spacing:-2px;
}

.business-registration-page .hero-description{
    margin-top:30px;
    max-width:540px;
    font:400 20px/1.8 Stolzl;
    color:#6E7180;
}

.business-registration-page .hero-downloads{
    display:flex;
    gap:18px;
    margin-top:48px;
    flex-wrap:wrap;
}

.business-registration-page .store-button{
    display:flex;
    align-items:center;
    justify-content:center;
    width:190px;
    height:66px;
    border-radius:22px;
    background:#fff;
    border:1px solid #ECECF2;
    box-shadow:0 16px 50px rgba(0,0,0,.06);
    transition:.35s;
}

.business-registration-page .store-button:hover{
    transform:translateY(-6px);
    border-color:#6F57FF;
    box-shadow:0 28px 70px rgba(111,87,255,.16);
}

.business-registration-page .store-button img{
    width:145px;
    display:block;
}

/*==================================================
STATS
==================================================*/

.business-registration-page .hero-stats{
    display:flex;
    gap:20px;
    margin-top:60px;
    flex-wrap:wrap;
}

.business-registration-page .hero-stat{
    flex:1;
    min-width:170px;
    max-width:210px;
    background:#fff;
    border:1px solid #ECECF2;
    border-radius:26px;
    padding:28px;
    box-shadow:0 15px 40px rgba(0,0,0,.06);
}

.business-registration-page .hero-stat:hover{
    transform:translateY(-8px);
    box-shadow:0 35px 80px rgba(93,82,255,.15);
}

.business-registration-page .hero-stat-number{
    font-family:"TT Norms";
    font-size:54px;
    font-weight:500;
    color:#5E55FF;
    margin-bottom:18px;
    letter-spacing:-1px;
}

.business-registration-page .hero-stat-text{
    margin:0;
    font-family:Stolzl;
    font-size:16px;
    line-height:1.7;
    color:#737685;
}

/*==================================================
RIGHT
==================================================*/

.business-registration-page .hero-visual{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:flex-end;
    min-height:600px;
	top: 125px;

}

.business-registration-page .hero-circle{
    position:absolute;
    width:500px;
    height:500px;
    border-radius:50%;
    left:50%;
    top:75%;
    transform:translate(-50%,-50%);
    background:linear-gradient(145deg,#7C4EFF,#9C73FF);
    box-shadow:0 45px 130px rgba(108,84,255,.35);
}

.business-registration-page .hero-circle:before{
    content:"";
    position:absolute;
    inset:34px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.18);
}

.business-registration-page .hero-circle:after{
    content:"";
    position:absolute;
    inset:78px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.08);
}

.business-registration-page .hero-phone{
    position:relative;
    z-index:3;
    width:100%;
    max-width:220px;
    filter:drop-shadow(0 45px 80px rgba(0,0,0,.22));
    transition:.45s;
}

.business-registration-page .hero-phone:hover{
    transform:translateY(-8px);
}

/*==================================================
FLOATING CARDS
==================================================*/

.business-registration-page .hero-card{
    position:absolute;
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(20px);
    border:1px solid rgba(255,255,255,.7);
    border-radius:24px;
    padding:22px;
    box-shadow:0 25px 70px rgba(0,0,0,.12);
    z-index:5;
}

.business-registration-page .hero-card-charge{
    left:20px;
    bottom:90px;
    width:230px;
}

.business-registration-page .hero-card-session{
    right:70px;
    top:350px;
    width:190px;
}

.business-registration-page .hero-card-row{
    display:flex;
    align-items:center;
    gap:14px;
}

.business-registration-page .hero-card-icon{
    width:46px;
    height:46px;
    border-radius:50%;
    background:linear-gradient(135deg,#6F57FF,#8F67FF);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:20px;
}

.business-registration-page .hero-card div{
    font-family:"TT Norms";
}

.business-registration-page .hero-card div div:first-child{
    font-size:13px;
    color:#7A7D89;
    margin-bottom:5px;
}

.business-registration-page .hero-card div div:last-child{
    font-size:24px;
    color:#17181C;
    font-weight:500;
}

/*==================================================
SECTION
==================================================*/

.business-registration-page .registration-video,
.business-registration-page .business-benefits{
position:relative;
padding:60px 0;
}

.business-registration-page .section-label{
display:inline-flex;
align-items:center;
gap:10px;
padding:12px 18px;
background:#fff;
border:1px solid #ECECF2;
border-radius:100px;
font:500 12px/1 "TT Norms";
letter-spacing:.18em;
text-transform:uppercase;
color:#727482;
box-shadow:0 10px 35px rgba(0,0,0,.05);
}

.business-registration-page .registration-video h2,
.business-registration-page .business-benefits h2,
.business-registration-page .business-registration-form h2{
margin:28px 0 0;
font:500 56px/1.05 "TT Norms";
color:#17181C;
letter-spacing:-1.5px;
}

.business-registration-page .registration-video>div>div:first-child p,
.business-registration-page .business-benefits>div>div:first-child p,
.business-registration-page .business-registration-form>div>div:first-child p{
margin-top:24px;
max-width:1440px;
font:400 19px/1.8 Stolzl;
color:#70737F;
}

/*==================================================
VIDEO
==================================================*/

.business-registration-page .video-card{
position:relative;
padding:18px;
border-radius:34px;
background:#fff;
border:1px solid #ECECF2;
box-shadow:0 25px 70px rgba(0,0,0,.08);
}

.business-registration-page .video-wrapper{
position:relative;
overflow:hidden;
border-radius:26px;
aspect-ratio:16/9;
background:linear-gradient(135deg,#0F1016,#262C40);
display:flex;
align-items:center;
justify-content:center;
	width: 100%;
    height: 100%;
}

.business-registration-page .video-wrapper video{
display:block;
height:100%;
width:auto;
max-width:100%;
object-fit:contain;
border-radius:22px;
background:#000;
z-index:2;
position:relative;
}

.business-registration-page .video-wrapper:before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.35) 100%);
}


/*==================================================
STEPS
==================================================*/

.business-registration-page .registration-steps{
display:flex;
flex-direction:column;
gap:18px;
}

.business-registration-page .step-card{
display:flex;
gap:18px;
align-items:flex-start;
padding:26px;
background:#fff;
border-radius:24px;
border:1px solid #ECECF2;
box-shadow:0 15px 40px rgba(0,0,0,.05);
transition:.35s;
}

.business-registration-page .step-card:hover{
transform:translateX(8px);
box-shadow:0 25px 55px rgba(111,87,255,.12);
}

.business-registration-page .step-card span{
width:52px;
height:52px;
flex:0 0 52px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:linear-gradient(135deg,#6F57FF,#8F67FF);
color:#fff;
font:500 16px "TT Norms";
}

.business-registration-page .step-card h3{
margin:0 0 8px;
font:500 22px/1.2 "TT Norms";
color:#17181C;
}

.business-registration-page .step-card p{
font:400 16px/1.7 Stolzl;
color:#70737F;
}

/*==================================================
BENEFITS
==================================================*/

.business-registration-page .business-benefits{
background:linear-gradient(180deg,#F7F8FC,#FFFFFF);
}

.business-registration-page .benefit-card{
padding:42px;
background:#fff;
border-radius:30px;
border:1px solid #ECECF2;
box-shadow:0 18px 45px rgba(0,0,0,.06);
transition:.35s;
height:100%;
}

.business-registration-page .benefit-card:hover{
transform:translateY(-10px);
box-shadow:0 30px 70px rgba(111,87,255,.14);
}

.business-registration-page .benefit-icon{
width:74px;
height:74px;
display:flex;
align-items:center;
justify-content:center;
border-radius:22px;
background:linear-gradient(135deg,#6F57FF,#8F67FF);
color:#fff;
font-size:30px;
margin-bottom:28px;
}

.business-registration-page .benefit-card h3{
margin-bottom:18px;
font:500 28px/1.2 "TT Norms";
color:#17181C;
}

.business-registration-page .benefit-card p{
font:400 17px/1.8 Stolzl;
color:#70737F;
}

/*==================================================
GRID
==================================================*/

/*==================================================
BENEFITS GRID
==================================================*/

.business-registration-page .benefits-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:28px;
    margin-top:70px;
}

.business-registration-page .benefit-card{
    display:flex;
    flex-direction:column;
    height:100%;
}

.business-registration-page .business-benefits .grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:28px;
margin-top:70px;
}

.video-layout{
display:grid;
grid-template-columns:1.6fr .9fr;
gap:60px;
align-items:center;
margin-top:70px;
}

/*==================================================
FORM SECTION
==================================================*/

.business-registration-page .business-registration-form{
position:relative;
padding:60px 0 40px;
}

.business-registration-page .registration-form{
max-width:1200px;
margin:80px auto 0;
}

.business-registration-page .form-card{
background:#fff;
border:1px solid #ECECF2;
border-radius:34px;
padding:50px;
box-shadow:0 20px 60px rgba(0,0,0,.06);
margin-bottom:35px;
transition:.35s;
}

.business-registration-page .form-card:hover{
box-shadow:0 30px 70px rgba(0,0,0,.08);
transform:translateY(-2px);
}

.business-registration-page .form-card h3{
margin:0;
padding-bottom:18px;
border-bottom:1px solid #ECECF2;
font:500 34px/1.1 "TT Norms";
color:#17181C;
}

.business-registration-page .form-card .grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:28px;
margin-top:35px;
}

.business-registration-page label{
display:block;
margin-bottom:10px;
font:500 16px/1.4 "TT Norms";
color:#454754;
letter-spacing:.02em;
	margin-top: 12px;
}

/*==================================================
INPUTS
==================================================*/

.business-registration-page .form-input,
.business-registration-page .form-select,
.business-registration-page .form-textarea{
width:100%;
height:62px;
padding:0 22px;
border:1px solid #D9DCE7;
border-radius:18px;
background:#FAFBFD;
font:400 14px "TT Norms";
color:#17181C;
transition:.3s;
outline:none;
}

.business-registration-page .form-textarea{
height:180px;
padding:18px 22px;
resize:vertical;
}

.business-registration-page .form-input:hover,
.business-registration-page .form-select:hover,
.business-registration-page .form-textarea:hover{
border-color:#B7BCCD;
background:#fff;
}

.business-registration-page .form-input:focus,
.business-registration-page .form-select:focus,
.business-registration-page .form-textarea:focus{
border-color:#6F57FF;
background:#fff;
box-shadow:0 0 0 4px rgba(111,87,255,.12);
}

.business-registration-page .form-select{
appearance:none;
cursor:pointer;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%237A7D89' stroke-width='2'%3E%3Cpath d='M4 7l5 5 5-5'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:right 18px center;
padding-right:56px;
}

/*==================================================
FULL WIDTH FIELD
==================================================*/

.business-registration-page .form-card>.mt-\[25px\]{
margin-top:28px;
}

/*==================================================
CHECKBOXES
==================================================*/

.business-registration-page .registration-agreements{
margin-top:45px;
padding:40px;
background:#fff;
border-radius:28px;
border:1px solid #ECECF2;
box-shadow:0 15px 45px rgba(0,0,0,.05);
}

.business-registration-page .agreement-item{
display:flex;
align-items:flex-start;
gap:16px;
margin-bottom:18px;
cursor:pointer;
}

.business-registration-page .agreement-item:last-child{
margin-bottom:0;
}

.business-registration-page .agreement-item input{
margin-top:4px;
width:20px;
height:20px;
accent-color:#6F57FF;
cursor:pointer;
}

.business-registration-page .agreement-item span{
font:400 16px/1.7 Stolzl;
color:#5D606D;
}

.business-registration-page .agreement-item a{
color:#6F57FF;
font-weight:500;
text-decoration:none;
}

.business-registration-page .agreement-item a:hover{
text-decoration:underline;
}

/*==================================================
SUBMIT
==================================================*/

.business-registration-page .registration-submit{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:280px;
height:68px;
padding:0 40px;
border:none;
border-radius:22px;
background:linear-gradient(135deg,#6F57FF,#8F67FF);
color:#fff;
font:500 18px "TT Norms";
cursor:pointer;
transition:.35s;
box-shadow:0 20px 50px rgba(111,87,255,.25);
}

.business-registration-page .registration-submit:hover{
transform:translateY(-4px);
box-shadow:0 28px 70px rgba(111,87,255,.35);
}

.business-registration-page .registration-submit:active{
transform:translateY(-1px);
}

/*==================================================
SPACING
==================================================*/

.business-registration-page .form-card+.form-card{
margin-top:35px;
}

.business-registration-page .registration-form>div:last-child{
margin-top: 40px;
}

/*==================================================
ANIMATIONS
==================================================*/

.business-registration-page .hero-content>*,
.business-registration-page .hero-visual,
.business-registration-page .video-card,
.business-registration-page .step-card,
.business-registration-page .benefit-card,
.business-registration-page .form-card{
transition:all .35s ease;
}

.business-registration-page .hero-card,
.business-registration-page .store-button,
.business-registration-page .registration-submit{
transition:all .3s ease;
}

/*==================================================
HOVER
==================================================*/

.business-registration-page .form-input,
.business-registration-page .form-select,
.business-registration-page .form-textarea{
transition:border-color .25s,box-shadow .25s,background .25s;
}

.business-registration-page .benefit-card:hover .benefit-icon{
transform:rotate(-6deg) scale(1.05);
}

.business-registration-page .hero-phone{
transition:transform .45s ease,filter .45s ease;
}

.business-registration-page .hero-visual:hover .hero-phone{
transform:translateY(-10px);
filter:drop-shadow(0 55px 90px rgba(0,0,0,.28));
}

.business-registration-page .hero-visual:hover .hero-card-charge{
transform:translate(-8px,-8px);
}

.business-registration-page .hero-visual:hover .hero-card-session{
transform:translate(8px,-8px);
}

.business-registration-page .hero-card{
transition:all .35s ease;
}

/*==================================================
TABLET
==================================================*/

@media(max-width:1200px){

.business-registration-page .hero-layout{
grid-template-columns:1fr;
gap:80px;
}

.business-registration-page .hero-content{
max-width:760px;
margin:0 auto;
text-align:center;
}

.business-registration-page .hero-downloads{
justify-content:center;
}

.business-registration-page .hero-stats{
max-width:760px;
margin:70px auto 0;
}

.business-registration-page .hero-visual{
min-height:620px;
}

.business-registration-page .hero-circle{
width:480px;
height:480px;
}

.business-registration-page .hero-phone{
max-width:320px;
}

.business-registration-page .registration-video .grid{
grid-template-columns:1fr;
}

.business-registration-page .business-benefits .grid{
grid-template-columns:repeat(2,1fr);
}

.business-registration-page .form-card .grid{
grid-template-columns:1fr;
}

}

/*==================================================
MOBILE
==================================================*/

@media(max-width:768px){

.business-registration-page .registration-hero,
.business-registration-page .registration-video,
.business-registration-page .business-benefits,
.business-registration-page .business-registration-form{
padding:90px 0;
}

.business-registration-page .hero-title{
font-size:42px;
line-height:1.08;
letter-spacing:-1px;
}

.business-registration-page .hero-description{
font-size:17px;
line-height:1.7;
}

.business-registration-page .hero-downloads{
flex-direction:column;
align-items:center;
}

.business-registration-page .store-button{
width:100%;
max-width:320px;
}

.business-registration-page .hero-stats{
grid-template-columns:1fr;
gap:18px;
}

.business-registration-page .hero-circle{
width:340px;
height:340px;
}

.business-registration-page .hero-phone{
max-width:240px;
}

.business-registration-page .hero-card{
position:relative;
left:auto;
right:auto;
top:auto;
bottom:auto;
margin-top:18px;
width:100%;
}

.business-registration-page .hero-visual{
display:flex;
flex-direction:column;
min-height:auto;
padding-top:30px;
}

.business-registration-page .registration-video h2,
.business-registration-page .business-benefits h2,
.business-registration-page .business-registration-form h2{
font-size:36px;
line-height:1.1;
}

.business-registration-page .benefit-card{
padding:30px;
}

.business-registration-page .business-benefits .grid{
grid-template-columns:1fr;
}

.business-registration-page .registration-agreements{
padding:24px;
}

.business-registration-page .form-card{
padding:28px;
border-radius:24px;
}

.business-registration-page .form-card h3{
font-size:28px;
}

.business-registration-page .registration-submit{
width:100%;
}
.business-registration-page .hero-layout{
    display:flex;
    flex-direction:column;
    gap:0px;
}
.business-registration-page .hero-content{
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
    text-align:center;
}
.business-registration-page .hero-app-card {
    display: flex;
    justify-content: center !important;
    align-items: center;
    flex-wrap: wrap;
}
.business-registration-page .hero-stat {
    max-width: 100%;

}
.business-registration-page .hero-app-buttons .store-button img {
    width: 38px !important;
    height: 38px !important;
    object-fit: cover !important;
}

}

/*==================================================
SMALL MOBILE
==================================================*/

@media(max-width:480px){

.business-registration-page .hero-title{
font-size:34px;
}

.business-registration-page .hero-circle{
width:280px;
height:280px;
}

.business-registration-page .hero-phone{
max-width:200px;
}

.business-registration-page .hero-badge{
padding:12px 18px;
}

.business-registration-page .hero-badge-text{
font-size:11px;
letter-spacing:.15em;
}

.business-registration-page .hero-stat-number{
font-size:34px;
}

.business-registration-page .registration-video h2,
.business-registration-page .business-benefits h2,
.business-registration-page .business-registration-form h2{
font-size:30px;
}

.business-registration-page .section-label{
font-size:11px;
}

}
.business-registration-page .business-container{
width:100%;
max-width:1440px;
margin:0 auto;
padding:0 40px;
position:relative;
}

.business-container > p {
	font-size: 14px;
}

.business-registration-page .benefits-grid {
display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:32px;
    margin-top:70px;
    align-items:stretch;
}
@media(max-width:992px){

.video-layout{
display:flex;
flex-direction:column;
gap:40px;
}

.registration-steps{
display:flex;
flex-direction:column;
}

}
@media(max-width:768px){

.hero-stats{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
}

.hero-stat{
padding:18px;
min-width:0;
}

.hero-stat-number{
font-size:28px;
}

.hero-stat-text{
font-size:13px;
}

.business-header .phone-block, .business-header .lang-block {
    display: none !important;

}

.business-header .header_burger_menu__q4KjR span {
    background-color: black !important;
}
.business-header .header_navbar__jwMUC>a img {
    height: 36px;
    width: auto;
}
.business-header .phone-buttons {
    display: none !important;

}

}
/*==================================================
APPLICATIONS
==================================================*/

/*==================================================
HERO APPS
==================================================*/

.business-registration-page .hero-apps{
    position:absolute;
    top:0px;
    left:50%;
    transform:translateX(-50%);
    width:430px;
    display:flex;
    flex-direction:column-reverse;
    gap:18px;
    z-index:30;
}

.business-registration-page .hero-app-card{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:24px;
    background:#fff;
    border:1px solid #ECECF2;
    border-radius:24px;
    padding:22px 24px;
    box-shadow:0 15px 40px rgba(0,0,0,.06);
    transition:.3s;
}

.business-registration-page .hero-app-card::before{
    display:none;
}

.business-registration-page .hero-app-card:hover{
    transform:translateY(-4px);
    box-shadow:0 25px 60px rgba(44,100,212,.12);
    border-color:#D9DCE8;
}

.business-registration-page .hero-app-card:hover::before{
    opacity:1;
}
.business-registration-page .hero-app-info{
    display:flex;
    align-items:center;
    gap:18px;
    position:relative;
    z-index:2;
}

.business-registration-page .hero-app-logo{
    width:62px;
    height:62px;
    border-radius:18px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.business-registration-page .hero-app-logo img{
    width:36px;
    height:36px;
    object-fit:contain;
}

.business-registration-page .hero-app-title{
    font-family:"TT Norms";
    font-size:22px;
    font-weight:500;
    color:#1E2430;
    margin-bottom:6px;
}

.business-registration-page .hero-app-text{
    font-family:Stolzl;
    font-size:15px;
    line-height:1.5;
    color:#70737F;
}
.business-registration-page .hero-app-buttons{
    display:flex;
    gap:12px;
    flex-shrink:0;
    position:relative;
    z-index:2;
}

.business-registration-page .hero-app-buttons .store-button{
    width:56px;
    height:56px;
    border-radius:16px;
    background:#F5F7FB;
    border:1px solid #E6EAF2;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.25s;
}

.business-registration-page .hero-app-buttons .store-button:hover{
    background:#fff;
    border-color:#2C64D4;
    transform:translateY(-2px);
}

.business-registration-page .hero-app-buttons .store-button img{
    width:38px;
    height:38px;
    object-fit:cover;
}
.business-registration-page .hero-app-card{
    position:relative;
    overflow:hidden;
}

.business-registration-page .hero-app-card::after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:4px;
    height:100%;
    background:linear-gradient(135deg,#6F57FF,#8F67FF);
}
/*==================================================
BUSINESS HEADER
==================================================*/

.business-header{
    top:18px;
    left:0;
    right:0;
    padding:0;
    z-index:9999;
    transition:.35s;
}

.business-header>.container{
    max-width:1460px;
    padding:0 24px;
}

.business-header .header_navbar__jwMUC{
    height:54px;
    padding:0 34px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-radius:50px;
    background:rgba(255,255,255,.88);
    backdrop-filter:blur(30px);
    -webkit-backdrop-filter:blur(30px);
    border:1px solid rgba(255,255,255,.65);
    box-shadow:
        0 20px 60px rgba(16,28,60,.10),
        inset 0 1px rgba(255,255,255,.65);
}

.business-header .header_navbar__jwMUC>a{
    display:flex;
    align-items:center;
    flex-shrink:0;
}

.business-header .header_navbar__jwMUC>a img{
    height:46px;
    width:auto;
}

.business-header .header_navItem___rIT_{
    margin:0 auto;
}

.business-header .header_navItem___rIT_ li{
    gap:38px;
}

.business-header .header_navLink__mO3BF{
    color:#16223A;
    font-family:"TT Norms";
    font-size:15px;
    font-weight:500;
    transition:.3s;
}

.business-header .header_navLink__mO3BF:hover{
    color:#5E67FF;
}

.business-header .phone-buttons{
    gap:14px;
}

/*==================================================
HEADER BUTTONS
==================================================*/

.business-header .phone-buttons{
    display:flex;
    align-items:center;
    gap:14px;
}

.business-header .button_button__KG0M2{
    height:54px;
    min-width:auto;
    padding:0 26px;
    border-radius:50px;
    border:none;
    background:linear-gradient(135deg,#6F57FF,#8F67FF);
    box-shadow:0 12px 35px rgba(47,95,255,.28);
    transition:.3s;
}

.business-header .button_button__KG0M2:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 40px rgba(47,95,255,.35);
}

.business-header .header_buttonText__6MYwc{
    color:#fff;
    font-family:"TT Norms";
    font-size:15px;
    font-weight:600;
    letter-spacing:.02em;
}

.business-header .header_contact_us_svg__yaPNu{
    width:54px;
    min-width:54px;
    padding:0;
    justify-content:center;
}

.business-header .header_contact_us_svg__yaPNu svg{
    width:24px;
    height:24px;
}

.business-header .header_contact_us_svg__yaPNu path{
    fill:#fff;
}


/*==================================================
PHONE / LANGUAGE
==================================================*/

.business-header .phone-block,
.business-header .lang-block{
    height:100%;
    display:flex;
    align-items:center;
}

.business-header .phone-block>div:first-child,
.business-header .lang-block>div{
    height:auto;
    display:flex;
    align-items:center;
    padding-right: 10px;
}

.business-header .phone-block svg,
.business-header .lang-block svg{
    color:#7A8397;
    transition:.3s;
}

.business-header .phone-block:hover svg,
.business-header .lang-block:hover svg{
    color:#4D6BFF;
}

.business-header .phone-block:hover .header_navLink__mO3BF,
.business-header .lang-block:hover .header_navLink__mO3BF{
    color:#4D6BFF;
}


/*==================================================
DROPDOWN
==================================================*/

.business-header .phone-block-absolute,
.business-header .lang-block-absolute{
    padding-top:18px;
}

.business-header .phone-block-absolute>div,
.business-header .lang-block-absolute>div{
    background:rgba(255,255,255,.94)!important;
    backdrop-filter:blur(24px);
    -webkit-backdrop-filter:blur(24px);
    border:1px solid rgba(225,230,240,.9);
    border-radius:18px;
    padding:14px;
    box-shadow:0 18px 50px rgba(18,30,60,.10);
}

.business-header .phone-block-absolute a,
.business-header .lang-block-absolute a{
    border-radius:12px;
    transition:.25s;
}

.business-header .phone-block-absolute a:hover,
.business-header .lang-block-absolute a:hover{
    background:#F5F8FF;
}

.business-header .phone-block-absolute .p4{
    color:#8A90A2;
    font-size:13px;
}

.business-header .phone-block-absolute .header_navLink__mO3BF,
.business-header .lang-block-absolute .header_navLink__mO3BF{
    color:#16223A;
}


/*==================================================
HEADER SHADOW ON SCROLL
==================================================*/

.business-header::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:24px;
    pointer-events:none;
}

/*==================================================
BUSINESS HEADER - FIXED STYLE
==================================================*/

.business-header{
    background:transparent !important;
}

.business-header,
.business-header *{
    transition:
        color .3s,
        border-color .3s,
        transform .3s,
        opacity .3s !important;
}

/* Не даем менять фон */
.business-header::before,
.business-header::after{
    display:none !important;
}

/* Всегда одинаковая стеклянная капсула */
.business-header .header_navbar__jwMUC{
    background:rgba(255,255,255,.88) !important;
    backdrop-filter:blur(28px) !important;
    -webkit-backdrop-filter:blur(28px) !important;
    border:1px solid rgba(255,255,255,.65) !important;
    box-shadow:
        0 18px 60px rgba(15,25,50,.08),
        inset 0 1px rgba(255,255,255,.7) !important;
}
.business-header .header_navbar__jwMUC>a img{
    filter:brightness(1);
}
.business-header .header_navbar__jwMUC>a img {
    display: none;
}

.business-header .header_navbar__jwMUC>a {
    display: block;
    width: 150px;
    height: 50px;
    background-image: url("https://forevo.by/wp-content/uploads/2026/08/forlogopurpl.png");
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
}
/*==================================================
HEADER DROPDOWNS POSITION
==================================================*/

.business-header .phone-block-absolute{
    top:calc(100%) !important;
    left:0;
    padding-top:0 !important;
}

.business-header .lang-block-absolute{
    top:calc(100% + 15px) !important;
    left:-8px;
    padding-top:0 !important;
}
@media (max-width:991px){

.business-registration-page .benefits-grid{
    grid-template-columns:1fr;
    gap:22px;
}

}

.business-registration-page .registration-result{
margin-top:30px;
text-align:center;
}

.business-registration-page .result-success{
display:inline-block;
padding:18px 28px;
background:#EEFDF4;
border:1px solid #ACE4C3;
border-radius:16px;
color:#1F7A45;
font:500 15px/1.6 Stolzl;
}

.business-registration-page .result-error{
display:inline-block;
padding:18px 28px;
background:#FFF3F3;
border:1px solid #F3C1C1;
border-radius:16px;
color:#C33;
font:500 15px/1.6 Stolzl;
}

.business-registration-page .registration-submit.loading{
opacity:.7;
pointer-events:none;
cursor:wait;
}
.business-registration-page .form-submit{
    display:flex !important;
    justify-content:center !important;
    margin-top:64px !important;
    padding-top:10px;
    width:100%;
    clear:both;
}
@media (max-width:991px){

.business-registration-page .hero-visual{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:28px;
	top: 45px;
}

.business-registration-page .hero-apps{
    position:relative;
    top:auto;
    left:auto;
    transform:none;
    width:100%;
    max-width:420px;
    margin-bottom:15px;
    z-index:30;
}

.business-registration-page .hero-circle{
    width:320px;
    height:320px;
}

.business-registration-page .hero-phone{
    width:240px;
}
.business-registration-page .registration-hero, .business-registration-page 
	.registration-video, .business-registration-page .business-benefits, 
	.business-registration-page .business-registration-form {
		padding: 30px 0;
	}
	.business-registration-page .registration-video {
		padding: 50px 0;
	}
	.business-registration-page .registration-form {
    margin: 60px auto 0;
}
	.business-registration-page .hero-app-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    background: #fff;
    border: 1px solid #ECECF2;
    border-radius: 24px;
    padding: 22px 14px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .06);
    transition: .3s;
    flex-direction: row;
    flex-wrap: nowrap;
}
}
/*==================================================
REGISTRATION BUTTON
==================================================*/

.business-registration-page .hero-registration{
position:absolute;
top:-90px;
left:50%;
transform:translateX(-50%);
z-index:30;
width:max-content;
}

.business-registration-page .hero-registration-btn{
display:flex;
align-items:center;
gap:14px;
padding:18px 30px;
border-radius:999px;
background: linear-gradient(135deg, #6F57FF, #8F67FF);
color:#fff;
font:500 16px/1 "TT Norms";
text-decoration:none;
box-shadow: 0 12px 35px rgba(47, 95, 255, .28);
transition:.35s;
white-space:nowrap;
}

.business-registration-page .hero-registration-btn svg{
transition:.35s;
}

.business-registration-page .hero-registration-btn:hover{
transform:translateY(-3px);
box-shadow:0 28px 60px rgba(32,71,155,.38);
}

.business-registration-page .hero-registration-btn:hover svg{
transform:translateY(3px);
}
@media(max-width:991px){

.business-registration-page .hero-registration{
position:relative;
top:auto;
left:auto;
transform:none;
margin:0 auto 24px;
display:flex;
justify-content:center;
}

.business-registration-page .hero-registration-btn{
padding:16px 24px;
font-size:15px;
}

}

.phone-field{
display:flex;
align-items:center;
height:64px;
border:1px solid #D8DEE8;
border-radius:18px;
background:#fff;
overflow:hidden;
transition:.3s;
}

.phone-field:focus-within{
border-color:#2058D8;
box-shadow:0 0 0 4px rgba(32,88,216,.08);
}

.phone-country{
padding:0 18px;
font-weight:600;
color:#17181C;
white-space:nowrap;
}

.phone-prefix{
width:72px;
border:none;
background:transparent;
outline:none;
font-size:16px;
font-weight:600;
cursor:pointer;
}

.phone-input{
flex:1;
height:100%;
border:none;
outline:none;
padding:0 22px;
font-size:16px;
background:none;
}
.business-registration-page .form-group{
position:relative;
}

.business-registration-page .form-group>label{
display:block;
margin-bottom: 12px;
    font: 500 16px / 1.4 "TT Norms";
    color: #454754;
    letter-spacing: .02em;
}
.business-registration-page .phone-field,
.business-registration-page .phone-field *{
font:300 14px/1.4 Stolzl;
color:#17181C;
}
/* Видео */
.business-registration-page .video-card{
height:660px;
border-radius:32px;
overflow:hidden;
box-shadow:0 20px 60px rgba(0,0,0,.08);
}

.business-registration-page .video-card iframe,
.business-registration-page .video-card video{
width:100%;
height:100%;
display:block;
object-fit:cover;
}
/*==================================================
VIDEO MOBILE
==================================================*/

@media (max-width:767px){

.business-registration-page .video-card{
height:380px;
border-radius:22px;
	width: 100%;
}

.business-registration-page .video-card iframe,
.business-registration-page .video-card video,
.business-registration-page .video-card img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

}
/*==================================================
VIDEO
==================================================*/

.business-registration-page .video-card{
display:flex;
align-items:center;
justify-content:center;
background:linear-gradient(135deg,#EEF4FF,#F7F9FC);
border-radius:36px;
padding:40px;
overflow:hidden;
}

.business-registration-page .video-player{
width:100%;
display:flex;
justify-content:center;
align-items:center;
}

.business-registration-page .video-player video{
width:auto;
height:620px;
max-width:100%;
border-radius:28px;
box-shadow:0 30px 80px rgba(0,0,0,.18);
background:#000;
}
@media(max-width:767px){

.business-registration-page .video-card{
padding:18px;
border-radius:22px;
}

.business-registration-page .video-player video{
height:340px;
border-radius:18px;
}

}
.business-header .lang-block{
		display: none !important;
	}
.required-note {
    margin-top: 20px !important;
   font: 500 16px / 1.4 "TT Norms" !important;
    color: #454754;
    letter-spacing: .02em;
   
}
/*==================================================
COOKIE NOTICE
==================================================*/

.business-registration-page .forevo-cookie{
    position:fixed;
    left:30px;
    right:30px;
    bottom:30px;

    width:calc(100% - 48px);
    max-width:1450px;
    margin:0 auto;

    padding:22px 24px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;

    background:rgba(255,255,255,.97);

    border:1px solid #ECECF2;
    border-radius:24px;

    box-shadow:0 20px 70px rgba(0,0,0,.14);

    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);

    z-index:99999;

    transition:
        opacity .35s ease,
        transform .35s ease,
        visibility .35s ease;
}

.business-registration-page .forevo-cookie.is-hidden{
    opacity:0;
    visibility:hidden;
    transform:translateY(30px);
    pointer-events:none;
}


/* CONTENT */

.business-registration-page .forevo-cookie__content{
    display:flex;
    align-items:center;
    gap:18px;
    min-width:0;
}

.business-registration-page .forevo-cookie__icon{
    flex:0 0 52px;

    width:52px;
    height:52px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:16px;

    background:linear-gradient(
        135deg,
        #6F57FF,
        #8F67FF
    );

    font-size:24px;
}

.business-registration-page .forevo-cookie__title{
    margin-bottom:6px;

    font:500 18px/1.2 "TT Norms";
    color:#17181C;
}

.business-registration-page .forevo-cookie__description{
    max-width:760px;

    font:400 14px/1.6 Stolzl;
    color:#70737F;
}

.business-registration-page .forevo-cookie__description a{
    color:#6F57FF;
    text-decoration:none;
    font-weight:500;
}

.business-registration-page .forevo-cookie__description a:hover{
    text-decoration:underline;
}


/* BUTTONS */

.business-registration-page .forevo-cookie__actions{
    display:flex;
    align-items:center;
    gap:10px;
    flex-shrink:0;
}

.business-registration-page .forevo-cookie__btn{
    height:48px;
    padding:0 24px;

    border-radius:14px;

    font:500 14px/1 "TT Norms";

    cursor:pointer;

    transition:
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}

.business-registration-page .forevo-cookie__btn:hover{
    transform:translateY(-2px);
}


/* ОТКЛОНИТЬ */

.business-registration-page .forevo-cookie__btn--secondary{
    background:#F5F5F8;
    border:1px solid #E7E7ED;
    color:#292A30;
}

.business-registration-page .forevo-cookie__btn--secondary:hover{
    background:#ECECF2;
}


/* ПРИНЯТЬ */

.business-registration-page .forevo-cookie__btn--primary{
    border:0;

    background:linear-gradient(
        135deg,
        #6F57FF,
        #8F67FF
    );

    color:#fff;

    box-shadow:0 10px 30px rgba(111,87,255,.22);
}

.business-registration-page .forevo-cookie__btn--primary:hover{
    box-shadow:0 15px 35px rgba(111,87,255,.32);
}


/*==================================================
MOBILE
==================================================*/

@media(max-width:767px){

    .business-registration-page .forevo-cookie{
        left:15px;
        right:15px;
        bottom:15px;

        padding:18px;

        display:block;
        border-radius:20px;
    }

    .business-registration-page .forevo-cookie__content{
        align-items:flex-start;
        gap:14px;
    }

    .business-registration-page .forevo-cookie__icon{
        flex:0 0 42px;

        width:42px;
        height:42px;

        border-radius:13px;

        font-size:19px;
    }

    .business-registration-page .forevo-cookie__title{
        font-size:17px;
    }

    .business-registration-page .forevo-cookie__description{
        font-size:12px;
        line-height:1.55;
    }

    .business-registration-page .forevo-cookie__actions{
        margin-top:18px;

        display:grid;
        grid-template-columns:1fr 1fr;
        gap:8px;
    }

    .business-registration-page .forevo-cookie__btn{
        width:100%;
        height:46px;
        padding:0 12px;
    }

}
.business-registration-page .hero-app-card {

    gap: 14px;
    border-radius: 24px;
    padding: 22px 14px;

}
/*==================================================
HERO APP BUTTONS
==================================================*/

.business-registration-page .hero-apps{
    display:flex;
    flex-direction:column-reverse;
    align-items:stretch;
    gap:12px;

    width:280px;
}


/*==================================================
APP BUTTON
==================================================*/

.business-registration-page .hero-app-store{
    width:100%;
    min-height:70px;

    display:flex;
    align-items:center;

    padding:10px 20px;

    box-sizing:border-box;

    border-radius:18px;

    background:#fff;

    border:1px solid rgba(255,255,255,.7);

    box-shadow:
        0 12px 35px rgba(0,0,0,.10);

    color:#17181C;

    text-decoration:none;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        background .3s ease;
}


/* ICON */

.business-registration-page .hero-app-store-icon{
    width:44px;
    height:44px;

    flex:0 0 44px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-right:14px;

    color:#17181C;
}


/* TEXT */

.business-registration-page .hero-app-store-text{
    display:flex;
    flex-direction:column;

    justify-content:center;

    line-height:1.05;
}

.business-registration-page .hero-app-store-text span{
    margin:0 0 4px;

    font:400 12px/1.1 "TT Norms";

    color:#70737F;
}

.business-registration-page .hero-app-store-text strong{
    margin:0;

    font:500 22px/1.05 "TT Norms";

    color:#17181C;
}


/* HOVER */

.business-registration-page .hero-app-store:hover{
    transform:translateY(-3px);

    box-shadow:
        0 18px 45px rgba(111,87,255,.18);

    background:#fff;

    color:#17181C;
}


/*==================================================
WEB APP
==================================================*/

.business-registration-page .hero-app-web{
    background:#fff
    );

    border-color:transparent;

    color:#17181C;

    box-shadow:
        0 14px 40px rgba(111,87,255,.25);
}

.business-registration-page .hero-app-web .hero-app-store-icon{
    color:#17181C;
}

.business-registration-page .hero-app-web .hero-app-store-text span{
    color:#70737F;
}

.business-registration-page .hero-app-web .hero-app-store-text strong{
    color:#17181C;
}

.business-registration-page .hero-app-web:hover{
    background:#fff
    );

    color:#17181C;

    box-shadow:
        0 20px 50px rgba(111,87,255,.32);

}


/*==================================================
MOBILE
==================================================*/

@media(max-width:767px){

    .business-registration-page .hero-apps{
        width:100%;
        max-width:280px;

        gap:10px;
    }

    .business-registration-page .hero-app-store{
        min-height:62px;

        padding:8px 16px;

        border-radius:16px;
    }

    .business-registration-page .hero-app-store-icon{
        width:38px;
        height:38px;

        flex-basis:38px;

        margin-right:12px;
    }

    .business-registration-page .hero-app-store-icon svg{
        width:30px;
        height:30px;
    }

    .business-registration-page .hero-app-store-text span{
        font-size:11px;
    }

    .business-registration-page .hero-app-store-text strong{
        font-size:19px;
    }

}
.business-registration-page .hero-apps-mobile{
    display:none;
}

@media(max-width:767px){

    .business-registration-page .hero-apps-mobile{
        display:flex;
        flex-direction:column;
        gap:10px;
align-items:center;
        width:100%;
        max-width:320px;

        margin: 25px auto 0;
    }
.business-registration-page .hero-visual .hero-apps{
        display:none;
    }
}
/*==================================================
COOKIE SETTINGS
==================================================*/

.forevo-cookie{
    position:fixed;
    left:24px;
    right:24px;
    bottom:24px;

    z-index:999999;

    max-width:1180px;
    margin:0 auto;

    background:#fff;

    border:1px solid #ECECF2;
    border-radius:24px;

    box-shadow:
        0 25px 80px rgba(0,0,0,.16);

    overflow:hidden;

    font-family:"TT Norms",sans-serif;
}


/* MAIN */

.forevo-cookie__main{
    padding:24px 28px;

    display:block;
}

.forevo-cookie__content{
    display:flex;
    align-items:flex-start;
    gap:16px;
}

.forevo-cookie__icon{
    width:48px;
    height:48px;

    flex:0 0 48px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:15px;

    background:#F2F0FF;

    font-size:24px;
}

.forevo-cookie__title{
    margin-bottom:7px;

    font-size:19px;
    font-weight:500;

    color:#17181C;
}

.forevo-cookie__description{
    max-width:100%;

    font-size:14px;
    line-height:1.6;

    color:#70737F;
}

.forevo-cookie__description a{
    color:#6F57FF;
    text-decoration:underline;
}


/* BUTTONS */

.forevo-cookie__actions{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;

    margin-top:18px;
}

.forevo-cookie__btn{
    min-height:46px;

    padding:0 20px;

    border-radius:13px;

    font:500 14px "TT Norms";

    cursor:pointer;

    transition:.25s;
}

.forevo-cookie__btn--primary{
    background:#6F57FF;
    color:#fff;
    border:1px solid #6F57FF;
}

.forevo-cookie__btn--primary:hover{
    background:#6049eb;
}

.forevo-cookie__btn--secondary{
    background:#F3F3F7;
    color:#17181C;
    border:1px solid #E5E5EB;
}

.forevo-cookie__btn--secondary:hover{
    background:#EAEAF0;
}

.forevo-cookie__btn--settings{
    background:#fff;
    color:#6F57FF;
    border:1px solid #DDD8FF;
}

.forevo-cookie__btn--settings:hover{
    background:#F6F4FF;
}


/*==================================================
COMPACT COOKIE SETTINGS
==================================================*/

.forevo-cookie__settings{
    display:none;
    padding:0 28px 20px;
}

.forevo-cookie__settings.is-open{
    display:block;
}


/* HEADER */

.forevo-cookie__settings-header{
    padding:14px 0;

    border-top:1px solid #ECECF2;
}

.forevo-cookie__settings-title{
    font-size:19px;
    font-weight:500;
    color:#17181C;
}

.forevo-cookie__settings-subtitle{
    margin-top:4px;

    font-size:13px;
    line-height:1.45;

    color:#70737F;
}


/* CATEGORY */

.forevo-cookie__category{
    padding:16px 0;

    border-top:1px solid #ECECF2;
}

.forevo-cookie__category-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:25px;
}

.forevo-cookie__category-title{
    margin-bottom:5px;

    font-size:16px;
    font-weight:500;

    color:#17181C;
}

.forevo-cookie__category-text{
    max-width:850px;

    font-size:13px;
    line-height:1.5;

    color:#70737F;
}


/* TECHNICAL COOKIE */

.forevo-cookie__fixed{
    display:flex;
    align-items:center;
    gap:9px;

    flex-shrink:0;

    font-size:13px;
    color:#17181C;
}


/* SWITCH */

.forevo-cookie__switch{
    position:relative;

    width:40px;
    height:22px;

    border-radius:20px;

    background:#6F57FF;
}

.forevo-cookie__switch span{
    position:absolute;

    width:16px;
    height:16px;

    top:3px;
    right:3px;

    border-radius:50%;

    background:#fff;

    box-shadow:0 2px 5px rgba(0,0,0,.15);
}


/* ANALYTICS */

.forevo-cookie__choice{
    display:flex;
    flex-direction:row;

    gap:6px;

    flex-shrink:0;
}

.forevo-cookie__choice-btn{
    min-width:85px;

    padding:7px 12px;

    border-radius:9px;

    background:#fff;

    border:1px solid #E1E1E8;

    color:#70737F;

    font:400 12px "TT Norms";

    cursor:pointer;

    transition:.2s;
}

.forevo-cookie__choice-btn.is-active{
    background:#6F57FF;
    border-color:#6F57FF;
    color:#fff;
}


/*==================================================
BROWSER INFO
==================================================*/

/*==================================================
BROWSER ACCORDION
==================================================*/

.forevo-cookie__browser{
    border-top:1px solid #ECECF2;
    padding-top:16px;
}

.forevo-cookie__browser-title{
    margin-bottom:10px;

    font-size:16px;
    font-weight:500;

    color:#17181C;
}


/* отдельный браузер */

.forevo-cookie__browser-item{
    margin:0;

    border-bottom:1px solid #ECECF2;
}


/* кнопка браузера */

.forevo-cookie__browser-toggle{
    width:100%;

    padding:13px 0;

    display:flex;
    align-items:center;
    justify-content:space-between;

    background:none;
    border:0;

    color:#17181C;

    font:500 14px "TT Norms";

    text-align:left;

    cursor:pointer;
}


/* плюс */

.forevo-cookie__browser-arrow{
    width:26px;
    height:26px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#F3F3F7;

    color:#6F57FF;

    font-size:18px;
    line-height:1;

    transition:.25s;
}


/* содержимое по умолчанию скрыто */

.forevo-cookie__browser-content{
    display:none;

    padding:0 0 15px;

    font-size:12px;
    line-height:1.5;

    color:#70737F;
}


/* открыто */

.forevo-cookie__browser-item.is-open
.forevo-cookie__browser-content{
    display:block;
}


/* поворачиваем плюс */

.forevo-cookie__browser-item.is-open
.forevo-cookie__browser-arrow{
    transform:rotate(45deg);
    background:#F2F0FF;
}


/* список */

.forevo-cookie__browser-content ol{
    margin:0 0 8px 18px;
    padding:0;
}

.forevo-cookie__browser-content li{
    margin-bottom:3px;
}


/* ссылка */

.forevo-cookie__browser-content a{
    color:#6F57FF;
    text-decoration:underline;
}


/*==================================================
SETTINGS BUTTONS
==================================================*/

.forevo-cookie__settings-actions{
    display:flex;
    justify-content:flex-end;

    gap:8px;

    padding-top:16px;

    border-top:1px solid #ECECF2;
}


/*==================================================
OPEN SETTINGS
==================================================*/

.forevo-cookie-open-settings{
    position:fixed;

    left:20px;
    bottom:20px;

    z-index:999990;

    display:none;

    padding:10px 15px;

    border:1px solid #E1E1E8;

    border-radius:10px;

    background:#fff;

    color:#6F57FF;

    font:500 13px "TT Norms";

    cursor:pointer;

    box-shadow:0 8px 25px rgba(0,0,0,.10);
}


/*==================================================
HIDDEN
==================================================*/

.forevo-cookie.is-hidden{
    display:none;
}


/*==================================================
MOBILE
==================================================*/

@media(max-width:767px){

    .forevo-cookie{
        left:12px;
        right:12px;
        bottom:12px;

        border-radius:20px;

        max-height:calc(100vh - 24px);

        overflow-y:auto;
    }

    .forevo-cookie__main{
        padding:20px;

        display:block;
    }

    .forevo-cookie__content{
        gap:12px;
    }

    .forevo-cookie__icon{
        width:40px;
        height:40px;
        flex-basis:40px;

        font-size:20px;
    }

    .forevo-cookie__title{
        font-size:17px;
    }

    .forevo-cookie__description{
        font-size:13px;
    }

    .forevo-cookie__actions{
        margin-top:18px;

        display:grid;
        grid-template-columns:1fr 1fr;

        gap:8px;
    }

    .forevo-cookie__btn--settings{
        grid-column:1 / -1;
    }

    .forevo-cookie__category-top{
        display:block;
    }

    .forevo-cookie__fixed,
    .forevo-cookie__choice{
        margin-top:15px;
    }

    .forevo-cookie__choice{
        display:flex;
        flex-direction:row;
        gap:6px;
    }

    .forevo-cookie__choice-btn{
        flex:1;
        min-width:0;
        padding:7px 10px;
    }

    .forevo-cookie__settings{
        padding:0 18px 18px;
    }

    .forevo-cookie__settings-title{
        font-size:18px;
    }

    .forevo-cookie__category-text{
        font-size:13px;
    }

}
/* Основной баннер скрыт, когда открыты настройки */
.forevo-cookie.is-settings .forevo-cookie__main {
    display: none !important;
}

/* Панель настроек */
.forevo-cookie__settings {
    display: none;
}

.forevo-cookie.is-settings .forevo-cookie__settings {
    display: block;
}


/* Кнопка возврата */
.forevo-cookie__back {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    margin-bottom: 20px;

    padding: 0;
    border: 0;
    background: transparent;

    font-size: 14px;
    line-height: 1.4;
    color: #333;

    cursor: pointer;
}

.forevo-cookie__back:hover {
    text-decoration: underline;
}
/* ========================================
   КНОПКА ВОЗВРАТА К ОСНОВНОМУ БАННЕРУ
======================================== */

.forevo-cookie__back {
    display: inline-flex;
    align-items: center;

    margin-bottom: 20px;
    padding: 0;

    border: 0;
    background: transparent;

    font-size: 14px;
    line-height: 1.4;

    cursor: pointer;
}


/* ========================================
   ОСНОВНОЙ БАННЕР
======================================== */

/* Если настройки открыты — основной баннер скрываем */
.forevo-cookie.is-settings-open .forevo-cookie__main {
    display: none !important;
}


/* ========================================
   ПАНЕЛЬ НАСТРОЕК
======================================== */

.forevo-cookie__settings {
    display: none;
}

.forevo-cookie__settings.is-open {
    display: block;
}


/* ========================================
   ВЕСЬ COOKIE-БЛОК СКРЫТ
======================================== */

.forevo-cookie.is-hidden {
    display: none !important;
}
.honeypot-field {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* =======================================================
   FOREVO SOCIAL WIDGET
======================================================= */

.forevo-social-widget {
    position: fixed;

    right: 0;
    top: 50%;

    transform: translateY(-50%);

    width: 48px;

    display: flex;
    flex-direction: column;
    align-items: center;

    padding: 10px 0;

    background: rgba(255, 255, 255, 0.96);

    border: 1px solid rgba(0, 0, 0, 0.07);
    border-right: none;

    border-radius: 12px 0 0 12px;

    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.07);

    z-index: 9998;

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}


/* =======================================================
   SOCIAL ITEM
======================================================= */

.forevo-social-widget__item {
    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    text-decoration: none;

    color: #6F57FF;

    border-radius: 8px;

    background: transparent;

    transition:
        color 0.25s ease,
        transform 0.25s ease;
}


/* =======================================================
   ICON
======================================================= */

.forevo-social-widget__item svg {
    width: 21px;
    height: 21px;

    display: block;

    fill: currentColor;
}


/* Instagram */

.forevo-social-widget__item:nth-child(2) svg {
    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;
}


/* =======================================================
   HOVER
======================================================= */

.forevo-social-widget__item:hover {
    color: #8F67FF;

    background: transparent;

    transform: translateX(-3px);
}


/* =======================================================
   MOBILE
======================================================= */

@media (max-width: 767px) {

    .forevo-social-widget {

        width: 43px;

        padding: 7px 0;

        border-radius: 10px 0 0 10px;
    }

    .forevo-social-widget__item {

        width: 36px;
        height: 36px;
    }

    .forevo-social-widget__item svg {

        width: 18px;
        height: 18px;
    }

}