@font-face {
    font-family: 'Micado';
    src: url("fonts/mikado/Mikado-Black.c822709812cb.woff") format('woff'),
    url("fonts/mikado/Mikado-Black.cd23c67d8617.woff2") format('woff2');
    url("fonts/mikado/Mikado-Black.af569dcd095f.ttf") format('truetype');
    url("fonts/mikado/Mikado-Black.d359f978a340.otf") format('opentype');
    font-style: normal;
    font-weight: 900;
}

@font-face {
    font-family: 'Roboto';
    src: url("fonts/roboto/Roboto-Medium.6082383954c9.woff2") format('woff2'),
    url("fonts/roboto/Roboto-Medium.0c5c14ef1cb2.woff") format('woff'),
    url("fonts/roboto/Roboto-Medium.7d752fb726f5.ttf") format('truetype');
    url("fonts/roboto/Roboto-Medium.d7dbc8f97da0.otf") format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tildaScaansRegular';
    src: url("fonts/tildaScans/TildaSans-Regular.0e620daec2f6.woff2") format('woff2'),
    url("fonts/tildaScans/TildaSans-Regular.9e22b54f85ab.woff") format('woff'),
    url("fonts/tildaScans/TildaSans-Regular.279e2ab4ce64.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tildaScaansMedium';
    src: url("fonts/tildaScans/TildaSans-Medium.0d4d3b30ada5.woff2") format('woff2'),
    url("fonts/tildaScans/TildaSans-Medium.44d9c2ea4ea0.woff") format('woff'),
    url("fonts/tildaScans/TildaSans-Medium.065a2d909529.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tildaScaansSemibold';
    src: url("fonts/tildaScans/TildaSans-Semibold.fb83f889635f.woff2") format('woff2'),
    url("fonts/tildaScans/TildaSans-Semibold.39303c6ca59b.woff") format('woff'),
    url("fonts/tildaScans/TildaSans-Semibold.b8aa7037bb76.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tildaScaansBold';
    src: url("fonts/tildaScans/TildaSans-Bold.5afcc96dec53.woff2") format('woff2'),
    url("fonts/tildaScans/TildaSans-Bold.f2bc29bc2dab.woff") format('woff'),
    url("fonts/tildaScans/TildaSans-Bold.3b3b7d02957c.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

.popup-loader {
    position: absolute;
}

.youtube-slide {
    position: relative;
    top: -1.5px;
}


.tab {
    display: none !important;
}

.tab-active {
    display: flex !important;
}

.form-error {
    color:red;
    display: none;
}

.form-error-active {
    display: block !important;
}


.notificationWrapper {
  width: calc(100% - 30px);
  max-width: 607px;
  border-radius: 15px;
  background-color: #FFFDF5;
  padding: 18px 20px;
  display: none;
  justify-content: space-between;
  align-items: center;

  z-index: 15000;
  position: fixed;
  right: 20px;
  bottom: 20px;
}

.notificationWrapper.active {
  display: flex;
}

.notificationText {
  font-family: "tildaScaansRegular", sans-serif;
  font-size: 14px;
  line-height: 16.8px;
  font-weight: 400;
  color: #000000;
  text-align: start;
}

.notificationText a {
  display: inline;
  color: #6D0100;
}

.notificationButtonWrapper {
  width: 100%;
  max-width: 126px;
}

.notificationButtonLink {
  width: 100%;
  background-color: #DD7B00;
  padding: 9px 22px;
  border-radius: 15px;
}

.notificationButtonText {
  color: #FFFAE9;
  font-family: "tildaScaansBold", sans-serif;
  font-size: 16px;
  line-height: 19.14px;
}

@media(max-width: 570px) {
  .notificationWrapper {
    width: calc(100% - 30px);
    max-width: 570px;
    border-radius: 15px;
    background-color: #FFFDF5;
    padding: 18px 20px;
    display: none;
    justify-content: space-between;
    align-items: center;
  }

  .notificationText {
    font-family: "tildaScaansRegular", sans-serif;
    font-size: 12px;
    line-height: 14.4px;
    color: #000000;
  }

  .notificationText a {
    display: inline;
    color: #6D0100;
  }

  .notificationButtonWrapper {
    width: 100%;
    max-width: 119px;
  }

  .notificationButtonLink {
    width: 100%;
    background-color: #DD7B00;
    padding: 9px 22px;
    border-radius: 15px;
  }

  .notificationButtonText {
    color: #FFFAE9;
    font-family: "tildaScaansBold", sans-serif;
    font-size: 16px;
    line-height: 19.14px;
  }
}

.basket {
    width: 23px;
    height: 26.29px;
    display: block;
    background: url("img/svg/trash.edb9074473a0.svg");
    background-size: 23px 26.29px;
    cursor: pointer;
}

.no-cursor {
    cursor: default;
}

.gui-hidden {
    display: none !important;
}

.gui-inline {
    display: inline;
}

.preloader-white {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.preloader-white .preload-coin {
    display: none !important;
}

.margin-bottom-zero {
    margin-bottom: 0 !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.radio-error {
    margin-top: -13px !important;
    margin-bottom: 17px !important;
}

.bg-transparent {
    background-color: rgba(0,0,0,0.5) !important;
}

.find-user-container {
    margin-top: 10px;
}

.kassa-close-button-container {
    position: relative;
    top: -36px;
    right: -21px;
}
@media (max-width: 418px) {
    .kassa-close-button-container {
        top: -11px;
        right: 3px;
    }
}

.body-modal {
    touch-action: none;
    -webkit-overflow-scrolling: none;
    overflow: hidden;
    /* Other browsers */
    overscroll-behavior: none;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}

.kard-extra-margin {
    margin-right: 10px !important;
}

.extra-mobile-menu-margin {
    margin-top: 10px;
}

.extra-button-margin {
    margin-top: 10px;
}

.gui-force-autoheight {
    height: auto !important;
}

.coin-image-kind1 {
    position: relative;
    top: -13px;
}

.coin-image-kind2 {
    position: relative;
    top: -13px;
}

.coin-image-kind3 {
    position: relative;
    top: -10px;
}

.coin-image-kind4 {
    position: relative;
    top: -10px;
}

.coin-image-kind5 {
    position: relative;
    top: -5px;
}

.coin-image-kind6 {
    position: relative;
    top: -5px;
}

*{
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;
}

*,*:before,*:after{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
:focus,:active{outline: none;}
a:focus,a:active{outline: none;}

nav,footer,header,aside{display: block;}

html,body{
    height: 100%;
    width: 100%;
    font-size: 100%;
    background-color: #FFF8E0;
    line-height: 1;
    color: #923B09;
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    overflow-x: hidden;
}

input,button,textarea{font-family:inherit;}

input::-ms-clear{display: none;}
button{cursor: pointer;}
button::-moz-focus-inner {padding:0;border:0;}
a, a:visited{text-decoration: none; display: block;}
a:hover{text-decoration: none;}
ul, li{list-style: none; display: block;}
img{vertical-align: top;}

h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight: inherit;}


.modalTextBottom_mainPageModalBuyCard_alt {
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(162, 80, 40, 0.5);
    margin-bottom: 25px;
}


/* ==================== redirectStatus2 ======================*/


.popUpOverlay_redirectStatus4 {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.popUpOverlay_redirectStatus4.active{
    display: grid;
    place-items: center;
}

.popUpWrapper_redirectStatus4 {
    width: 100%;
    max-width: 358px;
    padding: 88px 95px 31px 95px;
    border: 1px solid #E0AF7D;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    box-shadow: 1px -4px 0 -1px rgba(224, 175, 125, 1);
}

.textBlock_redirectStatus4 {
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.modalText_redirectStatus4 {
    margin: 0;
    font-size: 15px;
    line-height: 15.75px;
    color: #A25028;
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;
}

.modalLogo_redirectStatus4 {
    position: absolute;
    top: -90px;
    right: 50px;
    z-index: 100;
}




.popUpOverlay_redirectStatus3 {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.popUpOverlay_redirectStatus3.active{
    display: grid;
    place-items: center;
}

.popUpWrapper_redirectStatus3 {
    width: 100%;
    max-width: 358px;
    padding: 88px 95px 31px 95px;
    border: 1px solid #E0AF7D;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    box-shadow: 1px -4px 0 -1px rgba(224, 175, 125, 1);
}

.textBlock_redirectStatus3 {
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.modalText_redirectStatus3 {
    margin: 0;
    font-size: 15px;
    line-height: 15.75px;
    color: #A25028;
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;
}

.modalLogo_redirectStatus3 {
    position: absolute;
    top: -90px;
    right: 50px;
    z-index: 100;
}





.popUpOverlay_redirectStatus2 {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.popUpOverlay_redirectStatus2.active{
    display: grid;
    place-items: center;
}

.popUpWrapper_redirectStatus2 {
    width: 100%;
    max-width: 358px;
    padding: 88px 95px 31px 95px;
    border: 1px solid #E0AF7D;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    box-shadow: 1px -4px 0 -1px rgba(224, 175, 125, 1);
}

.textBlock_redirectStatus2 {
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.modalText_redirectStatus2 {
    margin: 0;
    font-size: 15px;
    line-height: 15.75px;
    color: #A25028;
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;
}

.modalLogo_redirectStatus2 {
    position: absolute;
    top: -90px;
    right: 50px;
    z-index: 100;
}





.popUpOverlay_redirectStatus1 {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.popUpOverlay_redirectStatus1.active{
    display: grid;
    place-items: center;
}

.popUpWrapper_redirectStatus1 {
    width: 100%;
    max-width: 358px;
    padding: 88px 95px 31px 95px;
    border: 1px solid #E0AF7D;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    box-shadow: 1px -4px 0 -1px rgba(224, 175, 125, 1);
}

.textBlock_redirectStatus1 {
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.modalText_redirectStatus1 {
    margin: 0;
    font-size: 15px;
    line-height: 15.75px;
    color: #A25028;
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;
}

.modalLogo_redirectStatus1 {
    position: absolute;
    top: -90px;
    right: 50px;
    z-index: 100;
}





.popUpOverlay_modalError {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.popUpOverlay_modalError.active{
    display: grid;
    place-items: center;
}



.popUpWrapper_modalError {
    width: 100%;
    max-width: 358px;
    padding: 88px 35px 31px 35px;
    border: 1px solid #E0AF7D;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    box-shadow: 1px -4px 0 -1px rgba(224, 175, 125, 1);
}


.modalLogo_modalError {
    position: absolute;
    top: -90px;
    right: 50px;
    z-index: 100;
}

.textBlock_modalError {
    margin-bottom: 10px;
}

.modalText_modalError {
    margin: 0;
    font-size: 15px;
    line-height: 22px;
    color: #A25028;
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;
}

.buttonWrapper_modalError {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_modalError {
    width: 170px;
    height: 51px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_modalError {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_modalError {
    position: relative;
    z-index: 2;
    color: #F9EFB6;
    font-size: 24px;
    line-height: 25.2px;
    -webkit-text-stroke: 1px rgba(70, 99, 7, 1);
    text-stroke: 1px rgba(70, 99, 7, 1);
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;
}





.popUpOverlay_modalErrorNoMoney {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.popUpOverlay_modalErrorNoMoney.active{
    display: grid;
    place-items: center;
}



.popUpWrapper_modalErrorNoMoney {
    width: 100%;
    max-width: 358px;
    padding: 88px 95px 31px 95px;
    border: 1px solid #E0AF7D;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    box-shadow: 1px -4px 0 -1px rgba(224, 175, 125, 1);
}


.modalLogo_modalErrorNoMoney {
    position: absolute;
    top: -90px;
    right: 50px;
    z-index: 100;
}


.modalText_modalErrorNoMoney {

    width: 293px;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A25028;
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;
    margin-bottom: 10px;
}

.buttonWrapper_modalErrorNoMoney {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_modalErrorNoMoney {
    width: 170px;
    height: 51px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_modalErrorNoMoney {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_modalErrorNoMoney {
    position: relative;
    z-index: 2;
    color: #F9EFB6;
    font-size: 24px;
    line-height: 25.2px;
    -webkit-text-stroke: 1px rgba(70, 99, 7, 1);
    text-stroke: 1px rgba(70, 99, 7, 1);
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;
}






.popUpOverlay_friendsProfile {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.popUpOverlay_friendsProfile.active{
    display: grid;
    place-items: center;
}


.authButtonsWrapper_friendsProfile {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.logo_friendsProfile {
    position: absolute;
    top: -70px;
    left: 40px;
}

.modalBox_friendsProfile {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_friendsProfile{
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.inputWrapper_friendsProfile {
    background-color: #FFEAC9;
    border-radius: 20px;
    padding: 14px;
    margin-bottom: 10px;
}

.input_friendsProfile {
    resize: none;
    background-color: #F8D49D;
    border-radius: 15px;
    width: 100%;
    padding: 5px 0 5px 0;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);

    border: 1px solid rgba(224, 175, 125, 1);
    -webkit-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);

    -webkit-box-shadow: 0px 3px 0px 0px rgba(224, 175, 125, 1) inset;
    -moz-box-shadow: 0px 3px 0px 0px rgba(224, 175, 125, 1) inset;
    box-shadow: 0px 3px 0px 0px rgba(224, 175, 125, 1) inset;
}

.input_friendsProfile::placeholder {
    font-size: 16px;
    line-height: 16.8px;
    color: #923B09;
    text-align: center;
}

.checkboxWrapper_friendsProfile {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: 10px;
}

.checkboxLabel_friendsProfile {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.checkbox_friendsProfile {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    display: none;
}

.fakeCheckbox_friendsProfile {
    display: flex;
    width: 21.47px;
    height: 21.47px;
    justify-content: center;
    align-items: center;
    padding: 1px;
    border: 3px solid #DFAF7D;
    border-radius: 2px;
    position: relative;
}

.fakeCheckboxMark_friendsProfile {
    display:none;
    position: absolute;
    top: 8px;
    left:  9px;
    transform: translate(-50%, -50%);
    width: 14.86px;
    height: 11.74px;

    background-size: contain;
    background-repeat: no-repeat;
}

.checkbox_friendsProfile:checked + .fakeCheckbox_friendsProfile .fakeCheckboxMark_friendsProfile {
    display: block;
    transition: 0.2s ease-in-out;
}

.checkboxText_friendsProfile {
    margin-left: 18px;
    font-size: 10px;
    line-height: 10.4px;
    color: #A4735B;
}


.buttonWrapper_friendsProfile {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_friendsProfile {
    width: 174px;
    height: 51px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_friendsProfile {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_friendsProfile {
    position: relative;
    z-index: 2;
    color: #F9EFB6;
    font-size: 24px;
    line-height: 25.2px;
    -webkit-text-stroke: 1px rgba(70, 99, 7, 1);
    text-stroke: 1px rgba(70, 99, 7, 1);
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;
}







.popUpOverlay_findFriendById {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.popUpOverlay_findFriendById.active{
    display: grid;
    place-items: center;
}



.authButtonsWrapper_findFriendById {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.logo_findFriendById {
    position: absolute;
    top: -70px;
    left: 40px;
}

.modalBox_findFriendById {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_findFriendById {
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.inputWrapper_findFriendById {
    background-color: #FFEAC9;
    border-radius: 20px;
    padding: 14px;
    margin-bottom: 10px;
}

.input_findFriendById {
    background-color: #F8D49D;
    border-radius: 15px;
    width: 100%;
    padding: 17px 0 17px 25px;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);

    border: 1px solid rgba(224, 175, 125, 1);
    -webkit-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
}

.input_findFriendById::placeholder {
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);
}


.buttonWrapper_findFriendById {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
}

.buttonLink_findFriendById {
    width: 142.83px;
    height: 49px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_findFriendById {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_findFriendById {
    position: relative;
    z-index: 2;
    color: #F9EFB6;
    font-size: 24px;
    line-height: 25.2px;
    -webkit-text-stroke: 1px rgba(70, 99, 7, 1);
    text-stroke: 1px rgba(70, 99, 7, 1);
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;
}







.popUpOverlay_selectCustomer {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.popUpOverlay_selectCustomer.active{
    display: grid;
    place-items: center;
}



.popUpWrapper_selectCustomer {
    width: 100%;
    max-width: 358px;
    padding: 88px 95px 31px 95px;
    border: 1px solid #E0AF7D;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    box-shadow: 1px -4px 0 -1px rgba(224, 175, 125, 1);
}

.textBlock_selectCustomer {
    margin-bottom: 10px;
}

.modalLogo_selectCustomer {
    position: absolute;
    top: -90px;
    right: 50px;
    z-index: 100;
}

.modalText_selectCustomer {
    margin: 0;
    font-size: 15px;
    line-height: 15.75px;
    color: #A25028;
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;
}

.buttonWrapper_selectCustomer {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.buttonLink_selectCustomer {
    width: 136px;
    height: 53px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_selectCustomer {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_selectCustomer {
    position: relative;
    z-index: 2;
    color: #F9EFB6;
    font-size: 24px;
    line-height: 25.2px;

    -webkit-text-stroke: 1px rgba(70, 99, 7, 1);
    text-stroke: 1px rgba(70, 99, 7, 1);
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;
}






.popUpOverlay_modalLogOut {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(61, 0, 0, 1);
}

.popUpOverlay_modalLogOut.active, .popUpOverlay_modalLogOut.force-active{
    display: grid;
    place-items: center;
}



.authButtonsWrapper_modalLogOut {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.logo_modalLogOut {
    position: absolute;
    top: -70px;
    left: 40px;
}

.close-btn_modalLogOut {
    width: 39px;
    height: 39px;

    background-color: inherit;
    background-size: cover;
    background-repeat:  no-repeat;
    background-position: center center;
    cursor: pointer;
    border: 0;

    position: absolute;
    top: 15px;
    right: 15px;
    margin: 0;
}

.modalBox_modalLogOut{
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_modalLogOut {
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.buttonWrapper_modalLogOut {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_modalLogOut {
    width: 136px;
    height: 53px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_modalLogOut {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.redButtonText_modalLogOut {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    -webkit-text-stroke: 1px rgba(143, 4, 20, 1);
    text-stroke: 1px rgba(143, 4, 20, 1);
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;
}




.popUpOverlay_modalRedirect {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(61, 0, 0, 1);
}

.popUpOverlay_modalRedirect.active{
    display: grid;
    place-items: center;
}



.authButtonsWrapper_modalRedirect {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.logo_modalRedirect {
    position: absolute;
    top: -70px;
    left: 40px;
}

.close-btn_modalRedirect {
    width: 39px;
    height: 39px;

    background-color: inherit;
    background-size: cover;
    background-repeat:  no-repeat;
    background-position: center center;
    cursor: pointer;
    border: 0;

    position: absolute;
    top: 15px;
    right: 15px;
    margin: 0;
}

.modalBox_modalRedirect{
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_modalRedirect {
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.loaderWrapper_modalRedirect {
    width: 100%;
    max-width: 190px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
    margin-top: 25px;
    align-self: center;
}

.loader_modalRedirect {
    width: 6.5px;
    height: 7px;
    border-radius: 100%;
}

.color_1 {
    background-color: #FF8A07;
}

.color_2 {
    background-color: #FF6E1C;
}

.color_3 {
    background-color: #FF4B39;
}

.color_4 {
    background-color: #FF2358;
}

.color_5 {
    background-color: #FF0472;
}



.popUpOverlay_authByProfile {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.popUpOverlay_authByProfile.active{
    display: grid;
    place-items: center;
}



.authButtonsWrapper_authByProfile {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.logo_authByProfile {
    position: absolute;
    top: -70px;
    left: 40px;
}

.modalBox_authByProfile {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_authByProfile {
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.inputWrapper_authByProfile {
    background-color: #FFEAC9;
    border-radius: 20px;
    padding: 14px;
    margin-bottom: 10px;
}

.input_authByProfile {
    resize: none;
    background-color: #F8D49D;
    border-radius: 15px;
    width: 100%;
    padding: 5px 0 5px 0;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);

    border: 1px solid rgba(224, 175, 125, 1);
    -webkit-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
}

.input_authByProfile::placeholder {
    font-size: 16px;
    line-height: 16.8px;
    color: #923B09;
    text-align: center;
}

.checkboxWrapper_authByProfile {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: 10px;
}

.checkboxLabel_authByProfile {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.checkbox_authByProfile {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    display: none;
}

.fakeCheckbox_authByProfile {
    display: flex;
    width: 21.47px;
    height: 21.47px;
    justify-content: center;
    align-items: center;
    padding: 1px;
    border: 3px solid #DFAF7D;
    border-radius: 2px;
    position: relative;
}

.fakeCheckboxMark_authByProfile {
    display:none;
    position: absolute;
    top: 8px;
    left:  9px;
    transform: translate(-50%, -50%);
    width: 14.86px;
    height: 11.74px;

    background-size: contain;
    background-repeat: no-repeat;
}

.checkbox_authByProfile:checked + .fakeCheckbox_authByProfile .fakeCheckboxMark_authByProfile {
    display: block;
    transition: 0.2s ease-in-out;
}

.checkboxText_authByProfile {
    margin-left: 18px;
    font-size: 10px;
    line-height: 10.4px;
    color: #A4735B;
}


.buttonWrapper_authByProfile {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_authByProfile {
    width: 174px;
    height: 51px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_authByProfile {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_authByProfile {
    position: relative;
    z-index: 2;
    color: #F9EFB6;
    font-size: 24px;
    line-height: 25.2px;
    -webkit-text-stroke: 1px rgba(70, 99, 7, 1);
    text-stroke: 1px rgba(70, 99, 7, 1);
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;
}








.popUpOverlay_authByEmail {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.popUpOverlay_authByEmail.active{
    display: grid;
    place-items: center;
}



.authButtonsWrapper_authByEmail {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.logo_authByEmail {
    position: absolute;
    top: -70px;
    left: 40px;
}

.modalBox_authByEmail {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_authByEmail {
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.inputWrapper_authByEmail {
    background-color: #FFEAC9;
    border-radius: 20px;
    padding: 14px;
    margin-bottom: 10px;
}

.input_authByEmail {
    background-color: #F8D49D;
    border-radius: 15px;
    width: 100%;
    padding: 17px 0 17px 25px;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);

    border: 1px solid rgba(224, 175, 125, 1);
    -webkit-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
}

.input_authByEmail::placeholder {
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);
    text-align: center;
}

.checkboxWrapper_authByEmail {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: 10px;
}

.checkboxLabel_authByEmail {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.checkbox_authByEmail {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    display: none;
}

.fakeCheckbox_authByEmail {
    display: flex;
    width: 21.47px;
    height: 21.47px;
    justify-content: center;
    align-items: center;
    padding: 1px;
    border: 3px solid #DFAF7D;
    border-radius: 2px;
    position: relative;
}

.fakeCheckboxMark_authByEmail {
    display:none;
    position: absolute;
    top: 8px;
    left:  9px;
    transform: translate(-50%, -50%);
    width: 14.86px;
    height: 11.74px;

    background-size: contain;
    background-repeat: no-repeat;
}

.checkbox_authByEmail:checked + .fakeCheckbox_authByEmail .fakeCheckboxMark_authByEmail {
    display: block;
    transition: 0.2s ease-in-out;
}

.checkboxText_authByEmail {
    margin-left: 18px;
    font-size: 10px;
    line-height: 10.4px;
    color: #A4735B;
}


.buttonWrapper_authByEmail {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_authByEmail {
    width: 174px;
    height: 51px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_authByEmail{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_authByEmail {
    position: relative;
    z-index: 2;
    color: #F9EFB6;
    font-size: 24px;
    line-height: 25.2px;
    -webkit-text-stroke: 1px rgba(70, 99, 7, 1);
    text-stroke: 1px rgba(70, 99, 7, 1);
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;
}





.popUpOverlay_authRejected {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.popUpOverlay_authRejected.active{
    display: grid;
    place-items: center;
}



.authButtonsWrapper_authRejected {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.logo_authRejected {
    position: absolute;
    top: -70px;
    left: 40px;
}

.modalBox_authRejected {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_authRejected {
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.colorRed {
    color: #D92323;
}

.inputWrapper_authRejected {
    background-color: #FFEAC9;
    border-radius: 20px;
    padding: 14px;
    margin-bottom: 10px;
}

.input_authRejected {
    background-color: #F8D49D;
    border-radius: 15px;
    width: 100%;
    padding: 17px 0 17px 25px;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);

    border: 1px solid rgba(224, 175, 125, 1);
    -webkit-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
}

.input_authRejected::placeholder {
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);
}


.buttonWrapper_authRejected {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_authRejected {
    width: 142.83px;
    height: 49px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_authRejected {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_authRejected {
    position: relative;
    z-index: 2;
    color: #F9EFB6;
    font-size: 24px;
    line-height: 25.2px;
    -webkit-text-stroke: 1px rgba(70, 99, 7, 1);
    text-stroke: 1px rgba(70, 99, 7, 1);
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;
}



.popUpOverlay_modalRejected {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.popUpOverlay_modalRejected.active{
    display: grid;
    place-items: center;
}



.authButtonsWrapper_modalRejected {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.logo_modalRejected {
    position: absolute;
    top: -70px;
    left: 40px;
}

.modalBox_modalRejected {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_modalRejected {
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.buttonWrapper_modalRejected {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_modalRejected {
    width: 142.83px;
    height: 49px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_modalRejected {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_modalRejected {
    position: relative;
    z-index: 2;
    color: #F9EFB6;
    font-size: 24px;
    line-height: 25.2px;
    -webkit-text-stroke: 1px rgba(70, 99, 7, 1);
    text-stroke: 1px rgba(70, 99, 7, 1);
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;
}







.popUpOverlay_authModalBuyAuth {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.popUpOverlay_authModalBuyAuth.active{
    display: grid;
    place-items: center;
}



.authButtonsWrapper_authModalBuyAuth {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.logo_authModalBuyAuth {
    position: absolute;
    top: -70px;
    left: 40px;
}

.close-btn_authModalBuyAuth {
    width: 39px;
    height: 39px;

    background-color: inherit;
    background-size: cover;
    background-repeat:  no-repeat;
    background-position: center center;
    cursor: pointer;
    border: 0;

    position: absolute;
    top: 15px;
    right: 15px;
    margin: 0;
}

.modalBox_authModalBuyAuth {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_authModalBuyAuth {
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.inputWrapper_authModalBuyAuth {
    background-color: #FFEAC9;
    border-radius: 20px;
    padding: 14px;
    margin-bottom: 10px;
}

.input_authModalBuyAuth {
    background-color: #F8D49D;
    border-radius: 15px;
    width: 100%;
    padding: 17px 0 17px 25px;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);

    border: 1px solid rgba(224, 175, 125, 1);
    -webkit-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
}

.input_authModalBuyAuth::placeholder {
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);
}


.buttonWrapper_authModalBuyAuth {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_authModalBuyAuth {
    width: 142.83px;
    height: 49px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_authModalBuyAuth {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_authModalBuyAuth {
    position: relative;
    z-index: 2;
    color: #F9EFB6;
    font-size: 24px;
    line-height: 25.2px;
    -webkit-text-stroke: 1px rgba(70, 99, 7, 1);
    text-stroke: 1px rgba(70, 99, 7, 1);
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;
}






.popUpOverlay_authModalById {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.popUpOverlay_authModalById.active{
    display: grid;
    place-items: center;
}



.authButtonsWrapper_authModalById {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.logo_authModalById {
    position: absolute;
    top: -70px;
    left: 40px;
}

.modalBox_authModalById {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_authModalById {

    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.inputWrapper_authModalById {
    background-color: #FFEAC9;
    border-radius: 20px;
    padding: 14px;
    margin-bottom: 10px;
}

.input_authModalById {
    background-color: #F8D49D;
    border-radius: 15px;
    width: 100%;
    padding: 17px 0 17px 25px;

    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);

    border: 1px solid rgba(224, 175, 125, 1);
    -webkit-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
}

.input_authModalById::placeholder {

    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);
}


.buttonWrapper_authModalById {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_authModalById {
    width: 142.83px;
    height: 49px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_authModalById {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_authModalById {
    position: relative;
    z-index: 2;
    color: #F9EFB6;
    font-size: 24px;
    line-height: 25.2px;

    -webkit-text-stroke: 1px rgba(70, 99, 7, 1);
    text-stroke: 1px rgba(70, 99, 7, 1);
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;
}






.popUpOverlay_authModal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.popUpOverlay_authModal.active{
    display: grid;
    place-items: center;
}


.authButtonsWrapper_authModal {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.close-btn_authModal {
    width: 39px;
    height: 39px;

    background-color: inherit;
    background-size: cover;
    background-repeat:  no-repeat;
    background-position: center center;
    cursor: pointer;
    border: 0;

    position: absolute;
    top: 15px;
    right: 15px;
    margin: 0;
}


.modalText_authModal {

    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.logo_authModal {
    position: absolute;
    top: -70px;
    left: 50px;
}

.authButtonsList_authModal {
    padding: 31.5px 26px;
    background-color: #FFEAC9;
    border-radius: 20px;
    display: grid;
    align-items: center;
    gap: 19px;
    list-style: none;
    margin-bottom: 30px;
}

.authButton_authModal {
    width: 100%;
    height: 44px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    margin: 0;
}

.whiteButton {
    background-color: #FFFFFF;
    color: #1F1F1F;
}

.blackButton {
    background-color: #000000;
    color: #FFFFFF;
}

.blueButton {
    background-color: #0077FF;
    color: #FFFFFF;
}

.inputWrapper_authModal {
    background-color: #FFEAC9;
    border-radius: 20px;
    padding: 14px;
    margin-bottom: 10px;
}

.input_authModal {
    background-color: #F8D49D;
    border-radius: 15px;
    width: 100%;
    padding: 17px 0 17px 25px;

    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);

    border: 1px solid rgba(224, 175, 125, 1);
    -webkit-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
}

.input_authModal::placeholder {

    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);
}


.buttonWrapper_authModal {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_authModal {
    width: 142.83px;
    height: 49px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_authModal {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_authModal {
    position: relative;
    z-index: 2;
    color: #F9EFB6;
    font-size: 24px;
    line-height: 25.2px;

    -webkit-text-stroke: 1px rgba(70, 99, 7, 1);
    text-stroke: 1px rgba(70, 99, 7, 1);
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;
}


.popUpOverlay_PaymentPageCards {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: #FFF8DF;
}

.popUpOverlay_PaymentPageCards.active{
    display: grid;
}

.popUpWrapper_PaymentPageCards {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.modalLogo_PaymentPageCards {

}

.modalText_PaymentPageCards {
    display: none;
    font-size: 24px;

    line-height: 25.2px;
    color: #923B09;
    margin-bottom: 15px;
}

@media (max-width: 418px) {
    .modalText_PaymentPageCards {
        display: block;
    }
}

@media (max-width: 418px) {
    .modalLogo_PaymentPageCards {
        display: none;
    }
}

.blockWrapper_PaymentPageCards {
    max-width: 375px;
    width: 100%;
    background-color: #ffe096;
    border-radius: 7px;
    padding: 10px;

    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.block_PaymentPageCards {
    width: 100%;
    background-color: #FFF8DF;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 18px 24px 16.71px;

    font-size: 10px;
    line-height: 12px;
    color: #666359;
    font-family: 'tildaScaansRegilar', 'Verdana', sans-serif;
}

.block_TopPaymentPageCardsWrapper {
    text-align: start;
    border-bottom: 2px solid #666359;
    padding-bottom: 10px;
}

.block_PaymentPageCardsLogo {
    font-size: 16px;
    line-height: 19.2px;

    color: #000000;
    font-family: 'tildaScaansSemibold', 'Verdana', sans-serif;
    margin-bottom: 5px;
}

.block_BottomPaymentPageCardsWrapper {
    margin-top: 10px;
    text-align: start;
}

.block_PaymentPageCardsPriceTextTop {
    font-size: 16px;
    line-height: 19.2px;

    color: #000000;
    font-family: 'tildaScaansBold', 'Verdana', sans-serif;
    margin-bottom: 3px;
}

.block_PaymentPageCardsPriceTextBottom {
    font-size: 10px;
    line-height: 12px;

    color: #A7A7A7;
    font-family: 'tildaScaansMedium', 'Verdana', sans-serif;
}



.popUpOverlay_PaymentPageCardParams {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: #FFF8DF;
    padding: 20px 0;

    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.popUpOverlay_PaymentPageCardParams.active{
    display: grid;
}

.popUpWrapper_PaymentPageCardParams {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.modalLogo_PaymentPageCardParams {

}

.modalText_PaymentPageCardParams {
    display: none;
    font-size: 24px;

    line-height: 25.2px;
    color: #923B09;
    margin-bottom: 15px;
}

@media (max-width: 418px) {
    .modalText_PaymentPageCardParams {
        display: block;
    }
}

@media (max-width: 418px) {
    .modalLogo_PaymentPageCardParams {
        display: none;
    }
}

.blockWrapper_PaymentPageCardParams {
    max-width: 387px;
    width: 100%;

    height: 710px;

    background-color: #ffe096;
    border-radius: 7px;
    padding: 10px 0;
}

.block_PaymentPageCardParams {

    background-color: #FFF8DF;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 18px 24px 16.71px;

    font-size: 10px;
    line-height: 12px;
    color: #666359;
    font-family: 'tildaScaansRegilar', 'Verdana', sans-serif;
    margin: 0 16px;
}

.payServiceBox {
    margin-top: 8px;
}



.block_TopPaymentPageCardParamsWrapper {
    text-align: start;
    border-bottom: 2px solid #DBD4B8;
    padding-bottom: 10px;
    width: 100%;
}

.block_PaymentPageCardParamsLogo {
    font-size: 16px;
    line-height: 19.2px;

    color: #000000;
    font-family: 'tildaScaansSemibold', 'Verdana', sans-serif;
    margin-bottom: 5px;
}

.block_PaymentPageCardParamsText {

}

.block_BottomPaymentPageCardParamsWrapper {
    margin-top: 10px;
    text-align: start;
}

.block_PaymentPageCardParamsPriceTextTop {
    font-size: 16px;
    line-height: 19.2px;

    color: #000000;
    font-family: 'tildaScaansBold', 'Verdana', sans-serif;
    margin-bottom: 3px;
}

.block_PaymentPageCardParamsPriceTextBottom {
    font-size: 10px;
    line-height: 12px;

    color: #A7A7A7;
    font-family: 'tildaScaansMedium', 'Verdana', sans-serif;
}




.popUpOverlay_HenPage {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: #FFEBA9;
}

.popUpOverlay_HenPage.active{
    display: grid;
}

.popUpWrapper_HenPage {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

.textBlock_HenPage {
    margin-bottom: 23px;
}

.modalText_HenPage {
    margin: 0;
    font-size: 15px;
    line-height: 15.75px;

    color: #A25028;
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;
}

.modalLogo_HenPage {
    margin-bottom: 6px;
}

.modalCoin_HenPage {

}

.modalHen_HenPage {

}




.popUpOverlay_KuzyaError {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: #FFEBA9;
}

.popUpOverlay_KuzyaError.active{
    display: grid;
    place-items: center;
}


.popUpWrapper_KuzyaError {
    padding: 18px 167px 19px 17px;
    border: 1px solid #E0AF7D;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;
    text-align: left;

    -webkit-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    box-shadow: 1px -4px 0 -1px rgba(224, 175, 125, 1);
}


.successBlock_KuzyaError {
    margin-bottom: 20px;
}

.textBlock_KuzyaError {
    display: grid;
    gap: 15px;
    margin-bottom: 15px;
}

.modalText_KuzyaError {
    margin: 0;
    padding: 0 0 0 5px;
    font-size: 15px;
    line-height: 22px;

    color: #A25028;
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;
}

.kuzyaImage_KuzyaError {
    position: absolute;
    bottom: 10px;
    right: -60px;
    z-index: 100;
}


@media(max-width: 500px) {
    .kuzyaImage_KuzyaError, .kuzyaImage_KuzyaSuccess {
        right: -40px !important;
    }
}

.buttonWrapper_KuzyaError {
/*
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    */
}

.buttonLink_KuzyaError {
    width: 174px;
    height: 51px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_KuzyaError {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_KuzyaError {
    position: relative;
    z-index: 2;
    color: #F9EFB6;
    font-size: 24px;
    line-height: 25.2px;

    -webkit-text-stroke: 1px rgba(143, 4, 20, 1);
    text-stroke: 1px rgba(143, 4, 20, 1);
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;
}



.popUpOverlay_KuzyaSuccess {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: #FFEBA9;
}

.popUpOverlay_KuzyaSuccess.active{
    display: grid;
    place-items: center;
}



.popUpWrapper_KuzyaSuccess {
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;
    padding: 18px 167px 19px 17px;
    border: 1px solid #E0AF7D;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;
    text-align: left;

    -webkit-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    box-shadow: 1px -4px 0 -1px rgba(224, 175, 125, 1);
}


.successBlock_KuzyaSuccess {
    margin-bottom: 20px;
}

.textBlock_KuzyaSuccess {
    display: grid;
    gap: 15px;
    margin-bottom: 15px;
}

.modalText_KuzyaSuccess {
    margin: 0;
    padding: 0 0 0 5px;
    font-size: 18px;
    line-height: 22px;

    color: #A25028;

}

.buttonWrapper_KuzyaSuccess {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_KuzyaSuccess {
    width: 174px;
    height: 51px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 150;
}

.button_KuzyaSuccess {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_KuzyaSuccess {
    position: relative;
    z-index: 2;
    color: #F9EFB6;
    font-size: 24px;
    line-height: 25.2px;

    -webkit-text-stroke: 1px rgba(70, 99, 7, 1);
    text-stroke: 1px rgba(70, 99, 7, 1);
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;
}


.kuzyaImage_KuzyaSuccess {
    position: absolute;
    bottom: 10px;
    right: -60px;
    z-index: 100;
}

/* ==================== mainPageModalLogOut ======================*/

.modalWrapper_mainPageModalLogOut {
    display: none;
}


.modalWrapper_mainPageModalLogOut.active, .modalWrapper_mainPageModalLogOut.force-active {
    display: block;
    width: 100%;
    max-width: 358px;
    padding: 85px 13px 12px 9px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.logo_mainPageModalLogOut {
    position: absolute;
    top: -85px;
    left: 50px;
}

.close-btn_mainPageModalLogOut {
    width: 39px;
    height: 39px;
    background-image: url("img/btn_close.865f4ddac015.png") ;
    background-color: inherit;
    background-size: cover;
    background-repeat:  no-repeat;
    background-position: center center;
    cursor: pointer;
    border: 0;

    position: absolute;
    top: 11px;
    right: 15px;
    margin: 0;
}

.modalText_mainPageModalLogOut {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin: 18px 0 25px;
}

.buttonsWrapper_mainPageModalLogOut {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.redButtonWrapper_mainPageModalLogOut{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_mainPageModalLogOut {
    width: 163px;
    height: 48px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.redButton_mainPageModalLogOut {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.redButtonText_mainPageModalLogOut {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;

    -webkit-text-stroke: 1px rgba(91, 91, 91, 1);
    text-stroke: 1px rgba(91, 91, 91, 1);
}

.greenButtonWrapper_mainPageModalLogOut{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: -3px 0 0 0;
}

.buttonLink_mainPageModalLogOut {
    width: 163px;
    height: 48px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.greenButton_mainPageModalLogOut {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_mainPageModalLogOut {
    padding-left: 7px;
    position: relative;
    z-index: 2;
    color: #F9EFB6;
    font-size: 24px;
    line-height: 25.2px;
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;

    -webkit-text-stroke: 1px rgba(70, 99, 7, 1);
    text-stroke: 1px rgba(70, 99, 7, 1);

}


/* ==================== MainPageModalAuth ======================*/

.modalWrapper_mainPageModalAuth {
    display: none;
}


.modalWrapper_mainPageModalAuth.active, .modalWrapper_mainPageModalAuth.force-active {
    display: block;
    width: 100%;
    max-width: 358px;
    padding: 75px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);

    margin-bottom: 50px;
}

.logo_mainPageModalAuth {
    position: absolute;
    top: -85px;
    left: 50px;
}

.close-btn_mainPageModalAuth {
    width: 39px;
    height: 39px;
    background-image: url("img/btn_close.865f4ddac015.png") ;
    background-color: inherit;
    background-size: cover;
    background-repeat:  no-repeat;
    background-position: center center;
    cursor: pointer;
    border: 0;

    position: absolute;
    top: 7px;
    right: 8px;
    margin: 0;
}

.modalText_mainPageModalAuth {
    display: none;
}

.modalText_mainPageModalAuth.active {
    display: block;
    font-weight: 900;
    font-family: 'Micado', 'Verdana', sans-serif;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin: 10px 0;
}

.authBox_mainPageModalAuth {
    padding: 26px;
    background-color: rgba(255, 234, 201, 1);
    border-radius: 20px;
}

.buttonsList_mainPageModalAuth {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 19px;
}

.authButton_mainPageModalAuth {
    width: 255px;
    height: 44px;
    border-radius: 8px;

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

.googleButton {
    color: rgba(31, 31, 31, 1);
    background-color: #FFFFFF;
    font-weight: 500;
    font-size: 16px;
    line-height: 10px;
    font-family: 'Roboto', sans-serif;
    border: 1px solid rgba(0, 0, 0, 1);

    display: flex;
    align-items: center;
    gap: 5px;
}

.appleButton{
   color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 0, 0, 1);
    font-weight: 500;
    font-size: 16px;
    line-height: 10px;
    font-family: 'Roboto', sans-serif;
    display: flex;
    align-items: center;
    gap: 9px;
}

.yandexButton{
   color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 0, 0, 1);
    font-weight: 500;
    font-size: 16px;
    line-height: 10px;
    font-family: 'Roboto', sans-serif;
    display: flex;
    align-items: center;
    gap: 4px;
}

.appleWrapper {
    margin-top: -2px;
}

.vkButton {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 119, 255, 1);
    font-weight: 500;
    font-size: 16px;
    line-height: 10px;
    font-family: 'Roboto', sans-serif;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: -2px;

}

.vkIconWrapper_mainPageModalAuth {
    width: 22px;
    height: 22px;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 5px;
}

.goldButtonWrapper_mainPageModalAuth {
    display: none;
}

.goldButtonWrapper_mainPageModalAuth.active {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.goldButtonLink_mainPageModalAuth {
    width: 258px;
    height: 45px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.goldButton_mainPageModalAuth {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.goldButtonText_mainPageModalAuth {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 32px;
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;

    -webkit-text-stroke: 1px rgba(152, 70, 11, 1);
    text-stroke: 1px rgba(152, 70, 11, 1);

}


/* ==================== MainPageModalBuyCard ======================*/

.popUpOverlay_mainPageModal {
    display: none; /* Окно скрыто по умолчанию */
    position: fixed;
    z-index: 1000; /* Окно поверх других элементов */
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75); /* Полупрозрачный черный фон */
    overflow: scroll;
}

.popUpOverlay_mainPageModalExtra {
    background-color: rgba(0, 0, 0, 0.75) !important;
}

.popUpOverlay_mainPageModal.active{
    display: grid;
    place-items: center; /* Центрирует по горизонтали и вертикали */
    padding-top: 80px;
}

.modalWrapper_mainPageModalBuyCard {
    display: none;
}


.modalWrapper_mainPageModalBuyCard.active, .modalWrapper_mainPageModalBuyCard.force-active {
    display: block;
    width: 100%;
    max-width: 358px;
    padding: 85px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.close-btn_mainPageModalBuyCard {
    width: 39px;
    height: 39px;
    background-image: url("img/btn_close.865f4ddac015.png") ;
    background-color: inherit;
    background-size: cover;
    background-repeat:  no-repeat;
    background-position: center center;
    cursor: pointer;
    border: 0;

    position: absolute;
    top: 11px;
    right: 15px;
    margin: 0;
}

.back-btn_mainPageModalBuyCard {
    width: 30.76px;
    height: 19px;
    cursor: pointer;
    border: 0;
    position: absolute;
    top: 13px;
    left: 12px;
    background-color: inherit;
    margin: 0;
}

.modalTextTop_mainPageModalBuyCard {

    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 20px;
}

.modalTextBottom_mainPageModalBuyCard {
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(218, 181, 150, 1);
    margin-top: 5px;
}

.modalTextBottom_mainPageModalBuyCard_alt2 {
    text-align: center;
    font-size: 12px;
    line-height: 12.6px;
    color: rgba(218, 181, 150, 1);
    text-decoration: underline;
    margin-top: 5px;
}

.modalCardsWrapper_mainPageModalBuyCard {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 25px 0;
}

.userCard_mainPageModalBuyCard {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
}

.userCardContent_mainPageModalBuyCard {
    width: 100%;
    background-color: rgba(255, 233, 201, 1);
    border: 1px solid rgba(190, 129, 85, 1);
    border-radius: 18px;
    padding: 4px 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    cursor: pointer;
}

.radioWrapper_mainPageModalBuyCard {
    margin-right: 9.5px;
}

.radioLabel_mainPageModalBuyCard {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.radio_mainPageModalBuyCard {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    display: none; /* Скрываем стандартный чекбокс */
}

.fakeRadio_mainPageModalBuyCard {
    display: flex;
    width: 32.53px;
    height: 32.53px;
    justify-content: center;
    align-items: center;
    padding: 1px;
    border: 5px solid #DFAF7D;
    background-color: #FFF8DF;
    border-radius: 13px;
}

.fakeRadioMark_mainPageModalBuyCard {
    display: block;
    opacity: 0;
    width: 17px;
    height: 17px;
    background-color: #73A313;
    border-radius: 7px;
}

.radio_mainPageModalBuyCard:checked + .fakeRadio_mainPageModalBuyCard .fakeRadioMark_mainPageModalBuyCard {
    opacity: 1;
    transition: 0.2s ease-in-out;
}

.radio_mainPageModalBuyCard:checked + .fakeRadio_mainPageModalBuyCard {
    border: 5px solid #73A313;
}

.levelBoxWrapper_mainPageModalBuyCard {
    width: 44px;
    height: 44px;
    padding: 5px 7px;
    background-image: url("./img/levelBox.9ac501f27544.png");
    background-repeat: no-repeat;
    background-size: cover;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 6px;
}

.userTextWrapper_mainPageModalBuyCard {
    overflow: hidden;
}

.levelTextTop_mainPageModalBuyCard {
    font-size: 16px;
    line-height: 17.39px;

    color: #A5342C;
}

.levelTextBottom_mainPageModalBuyCard {
    font-size: 9.92px;
    line-height: 10.42px;
    color: #A5342C;
}

.userInfoWrapper_mainPageModalBuyCard {
    margin-right: 12px;
}

.login_mainPageModalBuyCard {
    font-size: 15.66px;
    line-height: 16.45px;

    color: #A3512A;
    margin-bottom: 3px;
}

.Id_mainPageModalBuyCard {
    font-size: 13px;
    line-height: 13.64px;

    color: #C07A54;
}

.logo_mainPageModalBuyCard {
    position: absolute;
    top: -85px;
    left: 50px;
}

.goldButtonWrapper_mainPageModalBuyCard {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}

.goldButtonLink_mainPageModalBuyCard {
    width: 258px;
    height: 45px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.goldButton_mainPageModalBuyCard {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.goldButtonText_mainPageModalBuyCard {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 32px;

    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;

    -webkit-text-stroke: 1px rgba(152, 70, 11, 1);
    text-stroke: 1px rgba(152, 70, 11, 1);

}

.goldButtonText_mainPageModalBuyCard span {
    font-size: 30px;
    -webkit-text-stroke: 1px rgba(152, 70, 11, 1);

}


.silverButtonWrapper_mainPageModalBuyCard.isSuccess {
    display: none;
}

.silverButtonWrapper_mainPageModalBuyCard {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.greenButtonWrapper_mainPageModalBuyCard {
    display: none;
}

.greenButtonWrapper_mainPageModalBuyCard.isSuccess{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_mainPageModalBuyCard {
    width: 220px;
    height: 49px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}


.greenButton_mainPageModalBuyCard {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.greenButtonText_mainPageModalBuyCard {
    position: relative;
    z-index: 2;
    color: #F9EFB6;
    font-size: 24px;
    line-height: 25.2px;

    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;

    -webkit-text-stroke: 1px rgba(70, 99, 7, 1);
    text-stroke: 1px rgba(70, 99, 7, 1);
}




.silverButton_mainPageModalBuyCard {

}

.silverButtonText_mainPageModalBuyCard {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;

    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;

    -webkit-text-stroke: 1px rgba(91, 91, 91, 1);
    text-stroke: 1px rgba(91, 91, 91, 1);
}


/* ==================== mainPageModalFindUser ======================*/

.modalWrapper_mainPageModalFindUser {
    display: none;
}

.modalWrapper_mainPageModalFindUser.active, .modalWrapper_mainPageModalFindUser.force-active {
    display: block;
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 15px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -5px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -5px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -5px 0px 0px rgba(224, 175, 125, 1);

    margin-bottom: 50px;
}

.logo_mainPageModalFindUser {
    position: absolute;
    top: -88px;
    left: 47px;
}

.back-btn_mainPageModalFindUser {
    width: 30.76px;
    height: 19px;
    cursor: pointer;
    border: 0;
    position: absolute;
    top: 13px;
    left: 12px;
    background-color: inherit;
    margin: 0;
}

.back-btn_mainPageModalFindUser.isSuccess {
    display: none;
}

.close-btn_mainPageModalFindUser {
    width: 39px;
    height: 39px;
    cursor: pointer;
    border: 0;
    position: absolute;
    top: 5px;
    right: 10px;
    background-color: inherit;
    margin: 0;
}

.modalBox_mainPageModalFindUser {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_mainPageModalFindUser, .modalText_mainPageModalFindUserTop {

    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin: 25px 0 10px;
}

.modalText_mainPageModalFindUserTop {
    margin-top: 0;
}

.modalTextTop_mainPageModalFindUser, .modalText_mainPageModalFindUserSuccess, .modalUser_success {

    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.modalUser_success {
    display: none;
    color: #73A313;
    margin-bottom: 0 !important;
    margin-top: 10px;
}

.modalUser_success.isSuccess {
    display: block;
}


.modalTextTop_mainPageModalFindUser.isSuccess {
    display: none;
}

.inputWrapper_mainPageModalFindUser .inputWrapper_mainPageModalFindUserTop{
    background-color: #FFEAC9;
    border-radius: 20px;
    padding: 14px;
}

.inputWrapper_mainPageModalFindUserTop {
    margin-bottom: 10px;
}

.input_mainPageModalFindUser {
    background-color: #F8D49D;
    border-radius: 15px;
    width: 100%;
    padding: 17px 0 15px;

    font-size: 16px;
    line-height: 16.8px;
    text-align: center;
    color: #C07A54;

    border: 1px solid rgba(224, 175, 125, 1);
    -webkit-box-shadow: 0px 3px 0px 0px rgba(224, 175, 125, 1) inset;
    -moz-box-shadow: 0px 3px 0px 0px rgba(224, 175, 125, 1) inset;
    box-shadow: 0px 3px 0px 0px rgba(224, 175, 125, 1) inset;
}

.input_mainPageModalFindUser.isRejected {
    border: 2px solid #D92323;
}

.input_mainPageModalFindUser::placeholder {

    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);
    text-align: center;
}


.checkboxWrapper_mainPageModalFindUser {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    position: relative;
    margin: 28px 0 25px;
}

.checkboxLabel_mainPageModalFindUser {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.checkbox_mainPageModalFindUser {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    display: none; /* Скрываем стандартный чекбокс */
}

.fakeCheckbox_mainPageModalFindUser {
    display: flex;
    width: 21.47px;
    height: 21.47px;
    justify-content: center;
    align-items: center;
    padding: 1px;
    border: 3px solid #DFAF7D;
    border-radius: 2px;
    position: relative;
}

.fakeCheckboxMark_mainPageModalFindUser {
    opacity: 0;
    position: absolute;
    top: 8px;
    left:  9px;
    transform: translate(-50%, -50%);
    width: 14.86px;
    height: 11.74px;
    background-size: contain;
    background-repeat: no-repeat;
}

.checkbox_mainPageModalFindUser:checked + .fakeCheckbox_mainPageModalFindUser .fakeCheckboxMark_mainPageModalFindUser {
    background-image: url("img/svg/okGreen.7cfd3dd8c5d6.svg");
    opacity: 1;
    transition: 0.2s ease-in-out;
}

.checkbox_mainPageModalFindUser:checked + .fakeCheckbox_mainPageModalFindUser {
    border: 3px solid  #73A313;
    opacity: 1;
    transition: 0.2s ease-in-out;
}

.checkboxText_mainPageModalFindUser {
    margin-left: 18px;
    font-size: 11px;
    line-height: 12px;
    color: #A4735B;

    text-align: left;
}

.blueStyle {
    color: #5293CB;
}


.silverButtonWrapper_mainPageModalFindUser.isSuccess {
    display: none;
}

.silverButtonWrapper_mainPageModalFindUser {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 25px;
}

.silverButtonLink_mainPageModalFindUser {
    width: 170px;
    height: 49px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.silverButton_mainPageModalFindUser {
    width: 100%;
    height: 100%;

    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.silverButtonText_mainPageModalFindUser {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;

    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;

    -webkit-text-stroke: 1px rgba(91, 91, 91, 1);
    text-stroke: 1px rgba(91, 91, 91, 1);
}



.greenButtonWrapper_mainPageModalFindUser {
    display: none;
}

.greenButtonWrapper_mainPageModalFindUser.isSuccess{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.greenButtonLink_mainPageModalFindUser {
    width: 170px;
    height: 49px;
    position: relative;

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

.greenButton_mainPageModalFindUser {
    width: 100%;
    height: 100%;

    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_mainPageModalFindUser {
    position: relative;
    z-index: 2;
    color: #F9EFB6;
    font-size: 24px;
    line-height: 25.2px;

    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;

    -webkit-text-stroke: 1px rgba(70, 99, 7, 1);
    text-stroke: 1px rgba(70, 99, 7, 1);
}



.modalTextBottom_mainPageModalFindUser {
    text-align: center;
    font-size: 12px;
    line-height: 12.6px;
    color: rgba(218, 181, 150, 1);
    text-decoration: underline;
    margin-top: 5px;
}

.modalTextRejected_mainPageModalFindUserRejected,
.modalCheckboxTextRejected_mainPageModalFindUserRejected,
.modalTextRejected_mainPageModalFindUserRejectedTop {
    display: none;

    text-align: center;
    font-size: 12px;
    line-height: 12.6px;
    color: #D92323;
    margin-top: 10px;
}

.modalTextRejected_mainPageModalFindUserRejectedTop {
    margin-top: 0;
    margin-bottom: 10px;
}

.modalCheckboxTextRejected_mainPageModalFindUserRejected {
    display: none;
    margin: 0;
}

.modalTextRejected_mainPageModalFindUserRejectedTop.isRejected {
    display: block;
}

.modalCheckboxTextRejected_mainPageModalFindUserRejected.isRejected {
   display: block;
}

.modalTextRejected_mainPageModalFindUserRejected.isRejected {
    display: block;
}

.modalText_mainPageModalFindUserSuccess {
    display: none;
}

.modalText_mainPageModalFindUserSuccess.isSuccess {
    display: block;
}

/* ==================== modalWrapper_mainPageModalCardLink ======================*/


.modalWrapper_mainPageModalCardLink {
    display: none;
}
.modalWrapper_mainPageModalCardLink.link {
    display: block;
    width: 100%;
    max-width: 358px;
    padding: 24px 32px 30px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.close-btn_mainPageModalCardLink {
    cursor: pointer;
    border: 0;
    position: absolute;
    top: 8px;
    right: 10px;
    background-color: inherit;
    margin: 0;
}

.close-btn_mainPageModalCardLink img {
    width: 39px;
    height: 39px;
}

.modalText_mainPageModalCardLink {
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(162, 80, 40, 0.5);
    margin-bottom: 13px;
}

/* ==================== mainPage ======================*/

/*-----------------------------header---------------------------------------*/

._container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

.mainPage_header {
    position: relative;
    width: 100%;
    background-color: rgb(254 248 214);
}

.mainPage_headerMenuWrapper {
    width: 100%;
    position: absolute;
    left: 0;
    top: 19px;
    z-index: 1;


    display: flex;
    justify-content: space-between;
    padding: 0 3px;
}

@media(max-width: 700px) {
    .mainPage_headerMenuWrapper {
        display: none;
    }
}

.mainPage_headerMenu {
    margin-right: 40px;
}

@media(max-width: 830px) {
    .mainPage_headerMenu {
        margin-right: 10px;
    }
}

.mainPage_headerButtonsWrapper {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    flex-wrap: wrap;
}

@media(max-width: 830px) {
    .mainPage_headerButtonsWrapper {
        gap: 10px;
    }
}

.mainPage_headerButton {
    width: 100%;
    position: relative;
    background-color: inherit;
    padding: 15px 20px;
    border-radius: 90.58px;

    color: #DD7B00;
    font-size: 24px;
    line-height: 25.2px;
}

.mainPage_headerButton:hover, .mainPage_headerButton-active {
    -webkit-box-shadow: 0px 0px 0px 4px rgba(255, 154, 9, 1)inset;
    -moz-box-shadow: 0px 0px 0px 4px rgba(255, 154, 9, 1)inset;
    box-shadow: 0px 0px 0px 4px rgba(255, 154, 9, 1) inset;
}

.mainPage_burgerBtn {
    display: none;
}

.burger_btnCross, .burger_btn {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: inherit;
}

.mainPage_burgerNavBar {
    display: none;
}


@media(max-width: 700px) {

    .mainPage_burgerBtn {
        position: absolute;
        top: 23px;
        right: 23px;

        width: 30px;
        display: flex;
        flex-direction: column;
        gap: 5px;
        background-color: inherit;
    }

    .mainPage_burgerNavBar {
        display: block;
        width: 100%;
        height: 100vh;
        background-color: #FFF8E0;
        transition: 0.5s;

        position: fixed;
        top: 0;
        right: -700px;
        z-index: 100;
    }

    .mainPage_burgerNavBar::-webkit-scrollbar {
        width: 0;
    }


    .mainPage_burgerNavBar.active {
        width: 100%;
        transform: translateX(-700px);
        transition: 0.5s;
    }


    .mainPage_burgerBtnTop{
        width: 100%;
        height: 4px;
        border-radius: 64px;
        background-color: #DD7B00;
    }

    .mainPage_burgerBtnMiddle {
        width: 100%;
        height: 4px;
        border-radius: 64px;
        background-color: #DD7B00;
    }

    .mainPage_burgerBtnBottom {
        width: 100%;
        height: 4px;
        border-radius: 64px;
        background-color: #DD7B00;
    }

    .mainPageBurger_logo {
        width: 100%;
        max-width: 261px;
    }


    .mainPage_burgerBtnTop,
    .mainPage_burgerBtnMiddle,
    .mainPage_burgerBtnBottom {
        transform: none;
        transition: transform 1s ease, opacity 1s ease;
    }

    /* Анимация открытия */
    .mainPage_burgerBtnTop.active {
        transform: translateY(9px) rotate(45deg); /* Линия опускается и поворачивается */
    }

    .mainPage_burgerBtnMiddle.active {
        transform: scale(0); /* Исчезает, уменьшаясь */
    }

    .mainPage_burgerBtnBottom.active {
        transform: translateY(-9px) rotate(-45deg); /* Линия поднимается и поворачивается */
    }

    .mainPageBurger_nawBarWrapperBlock {
        width: 100%;
        height: 100vh;
        padding: 94px 0 48px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .mainPageBurger_logoWrapper {
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    .mainPageBurger_nawBarSection {
        margin-top: 15px;
        margin-bottom: 30px;
        text-align: center;
    }

    .mainPageBurger_buttonsWrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .mainPageBurger_navBarButton {
        width: 100%;
        position: relative;
        background-color: inherit;
        padding: 9.18px 25px;
        border-radius: 22.43px;

        color: #FF9A09;
        font-size: 21.72px;
        line-height: 22.8px;
    }

    .mainPageBurger_navBarButton:hover {
       border: 4px solid #FF9A09;
    }

    @media(max-width: 386px) {
        .border{
            -webkit-box-shadow: 0px 0px 0px 4px rgba(255, 154, 9, 1) inset;
            -moz-box-shadow: 0px 0px 0px 4px rgba(255, 154, 9, 1) inset;
            box-shadow: 0px 0px 0px 4px rgba(255, 154, 9, 1) inset;
        }
    }

}

.header_nawBarWrapperUserInfo {
    display: none;
    margin-bottom: 15px;
}

.header_nawBarWrapperUserInfo.isAuth {
    max-width: 280px;
    width: 280px;
    height: 55px;

    background-image: url("./img/mobileTopBlock.92fb1929cca3.png");
    background-repeat: no-repeat;
    background-size: cover;

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

    padding: 5px 9px 5px 7px;
}


.header_levelWrapper {
    min-width: 44px;
    width: 44px;
    height: 44px;
    background-image: url("./img/levelBox.9ac501f27544.png");
    background-repeat: no-repeat;
    background-size: cover;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 6px;
}


.header_levelTextTop, .header_levelTextBottom {
    font-size: 16.5px;
    line-height: 17px;

    color: #A5342C;
}

.header_levelTextBottom {
    font-size: 10px;
    margin-top: -3px;
}

.header_userInfoWrapper {
    margin-right: 12px;
    overflow: hidden;
    flex-grow: 1;
}


.header_login {
    font-size: 15.66px;
    line-height: 16.45px;

    color: #A3512A;
    margin-bottom: 3px;
}

.header_Id {
    font-size: 13px;
    line-height: 13.64px;

    color: #C07A54;
}

.header_buttonWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.header_buttonLink {
    min-width: 87px;
    width: 87.31px;
    height: 39.48px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header_button {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.header_redButtonText {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25px;

    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;

    -webkit-text-stroke: 1px rgba(141, 21, 3, 1);
    text-stroke: 1px rgba(141, 21, 3, 1);

}

.header__auth-buttonWrapper {
    display: none;
}

.header__auth-buttonWrapper.active, .header__auth-buttonWrapper.force-active {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.intro__auth-buttonLink {
    width: 143px;
    height: 49px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.intro__auth-button {
    width: 143px;
    height: 49px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.intro__auth-ButtonText {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25px;
    font-weight: 900;
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;

    -webkit-text-stroke: 1px rgba(70, 99, 7, 1);
    text-stroke: 1px rgba(70, 99, 7, 1);

}

/*----------------------------empty---------------------------------------*/

.intro__wrapper {
    display: block;
    min-height: 120px;
    width: 100%;
}

.intro__kozh.active + .intro__wrapper {
    min-height: 0;
}

/*----------------------------intro_kozh---------------------------------------*/

.intro__kozh {
    display: none;
}

.intro__kozh.active {
    display: block;
    width: 100%;
    background-image: url("./img/kozhBg.757e928615ff.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}


@media (max-width: 1202px) {
    .intro__kozh.active {
        background-image: url("./img/kozh_mobile.5810174a94e3.png");
        background-size: 470px 330px;
        background-position: 100% 100%;
        background-repeat: no-repeat;
    }
}

@media (max-width: 700px) {
    .intro__kozh.active {
        background-image: url("./img/kozh_mobile.5810174a94e3.png");
        background-size: 393px 275px;
        background-repeat: no-repeat;
    }
}

.intro__kozh-content {
    width: 328px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 21px;
    padding: 140px 0 49px 200px;
}

@media (max-width: 700px) {
    .intro__kozh-content {
        width: 158px;
        padding: 40px 0 111px 100px;
    }
}

@media (max-width: 400px) {
    .intro__kozh-content {
        padding: 40px 0 111px 50px;
    }
}

.intro__kozh-title {
    width: 328px;
    height: 118px;
}

@media (max-width: 700px) {
    .intro__kozh-title {
        width: 158px;
        height: 60px;
    }
}


/*---buttons---*/
.intro__kozh-buttonWrapper {
    display: none;
}

.intro__kozh-buttonWrapper.active {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.intro__kozh-button {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

@media (max-width: 700px) {
    .intro__kozh-button {
        width: 125px;
        height: 52px;
    }
}

.intro__kozh-buttonLink {
    width: 194px;
    height: 79px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: scale-animation 2s infinite;
    overflow: hidden;
    z-index: 2;
}

@keyframes scale-animation {
    0% { transform: scale(1); }
    50% { transform: scale(1.08); }
    100% { transform: scale(1); } }


.intro__kozh-buttonLink:before {
    content: '';
    width: 194px;
    height: 79px;
    position: absolute;
    top: 15px;
    left: 0;
    opacity: 0.5;
    filter: blur(10px);
    background: linear-gradient(to left, transparent 0%, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.8) 60%, transparent 100%);
    animation: blick 5s infinite;
    z-index: 3;
}

@keyframes blick {
    0% {
        transform: translate(-100%, -25%) rotate(10deg);
    }
    20% {
        transform: translate(100%, -25%) rotate(10deg);
    }
    100% {
        transform: translate(100%, -25%) rotate(10deg);
    }
}

@media (max-width: 700px) {
    .intro__kozh-buttonLink {
        width: 125px;
        height: 52px;
    }
}

.intro__kozh-ButtonText {
    padding-left: 7px;
    position: relative;
    z-index: 2;
    color: #F9EFB6;
    font-size: 37px;
    line-height: 39px;
    font-weight: 900;
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;

    -webkit-text-stroke: 1px rgba(70, 99, 7, 1);
    text-stroke: 1px rgba(70, 99, 7, 1);

}

@media (max-width: 700px) {
    .intro__kozh-ButtonText {
        font-size: 24px;
        line-height: 25px;
    }
}


.intro__kozhBackGame-buttonWrapper {
    display: none;
}

.intro__kozhBackGame-buttonWrapper.active {
    width: 307px;
    height: 67px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 20px;
}

@media (max-width: 700px) {
    .intro__kozhBackGame-buttonWrapper.active {
        margin-left: 0;
        width: 160px;
        height: 35px;
    }
}

.intro__kozhBackGame-button {
    width: 307px;
    height: 67px;

    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

@media (max-width: 700px) {
    .intro__kozhBackGame-button {
        width: 160px;
        height: 35px;

        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
    }
}

.intro__kozhBackGame-buttonLink {
    padding: 17px 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: scale-animation 2s infinite;
}



@keyframes scale-animation {
    0% { transform: scale(1); }
    50% { transform: scale(1.08); }
    100% { transform: scale(1); } }


.intro__kozhBackGame-buttonLink:before {
    content: '';
    width: 194px;
    height: 79px;
    position: absolute;
    top: 15px;
    left: 0;
    opacity: 0.5;
    filter: blur(10px);
    background: linear-gradient(to left, transparent 0%, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.8) 60%, transparent 100%);
    animation: blick 5s infinite;
    z-index: 3;
}

@keyframes blick {
    0% {
        transform: translate(-100%, -25%) rotate(10deg);
    }
    20% {
        transform: translate(100%, -25%) rotate(10deg);
    }
    100% {
        transform: translate(100%, -25%) rotate(10deg);
    }
}

@media (max-width: 700px) {
    .intro__kozhBackGame-buttonLink {
        width: 160px;
        height: 36px;
    }
}

.intro__kozhBackGame-ButtonText {
    padding-left: 7px;
    position: relative;
    z-index: 2;
    color: #F9EFB6;
    font-size: 30px;
    line-height: 31px;
    font-weight: 900;
    font-family: 'Micado', 'Verdana', sans-serif;

    -webkit-text-stroke: 1px rgba(70, 99, 7, 1);
    text-stroke: 1px rgba(70, 99, 7, 1);

}

@media (max-width: 700px) {
    .intro__kozhBackGame-ButtonText {
        font-size: 15px;
        line-height: 16px;
    }
}

/*----------------------------main---------------------------------------*/


.main {
    width: 100%;
    position: relative;
    margin-top: -15px;
}

.topSection {
    width: 100%;
    padding-bottom: 30px;
    background: -webkit-linear-gradient(180deg, rgb(115, 50, 7), rgb(187, 85, 18));
    background: -moz-linear-gradient(180deg, rgb(115, 50, 7), rgb(187, 85, 18));
    background: linear-gradient(180deg, rgb(115, 50, 7), rgb(187, 85, 18));
}

.yellowLine {
    width: 100%;
    height: 14px;
    background-image: url("./img/sep.2e8ca8025e7e.png");
    background-repeat: repeat-x;
    background-size: auto 16px;
    margin-bottom: 30px;
}
.yellowLineFooter {
    position: relative;
    top: -5px;
}

.topSectionTitle {
    margin: -100px auto 0;
    padding-bottom: 20px;
    width: 395px;
    height: 130px;
    background-image: url("img/MainLabelPanel.b7945bfa3186.png");
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
}

.topSectionTitleText {

    font-size: 78px;
    line-height: 81px;

    color: #FEF6C8;
    text-shadow: -2px 4px 0px rgba(146, 59, 9, 1),
                 -2px 4px 0px rgba(146, 59, 9, 1),
                  2px 4px 0px rgba(146, 59, 9, 1);

    -webkit-text-stroke: 1px rgba(146, 59, 9, 1);
}

@media(max-width: 821px) {
    .topSectionTitle {
        width: 261px;
        height: 88px;
        font-size: 51.51px;
        line-height: 54.08px;
        background-image: url("img/MainLabelPanel.b7945bfa3186.png");
        background-repeat: no-repeat;
        background-size: cover;

        -webkit-text-stroke: 2px rgba(146, 59, 9, 1); /* Толщина и цвет обводки */
        text-stroke: 2px rgba(146, 59, 9, 1); /* Толщина и цвет обводки (стандартное свойство) */
    }

    .topSectionTitleText {

        font-size: 51.5px;
        line-height: 81px;

        color: #FEF6C8;
        text-shadow: -2px 4px 0px rgba(146, 59, 9, 1),
        -2px 4px 0px rgba(146, 59, 9, 1),
        2px 4px 0px rgba(146, 59, 9, 1);

        -webkit-text-stroke: 1px rgba(146, 59, 9, 1);
    }
}


.topSectionTopLine1 {
    width: 100%;
    height: 8px;
    background-color: #FCA755;
}

.topSectionTopLine2 {
    width: 100%;
    height: 4px;
    background-color: #AA551A;
}

.topSectionTopLine3 {
    width: 100%;
    height: 4px;
    background-color: #933B09;
}


.topSectionTopLine4 {
    width: 100%;
    height: 2px;
    background-color: #CC6117;
}


.topSectionLine {
    width: 100%;
    height: 55px;
    background-image: url("img/borderItem.a8b83d2ab695.png");
    background-repeat: repeat-x;
}


.sectionTitle {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
}

.sectionTitleText {
    padding: 0 50px;
    font-size: 64px;

    color: #FEF6C7;

    -webkit-text-shadow: -1px 1px 0px rgba(146,  59,  9, 1);
    -moz-text-shadow: -1px 1px 0px rgba(146,  59,  9, 1);

    text-shadow: 2px 5px 0px rgba(146,  59,  9, 1),
                 -2px 5px 0px rgba(146,  59,  9, 1);


    -webkit-text-stroke: 1px rgba(146, 59, 9, 1); /* Толщина и цвет обводки */
    text-stroke: 1px rgba(146, 59, 9, 1); /* Толщина и цвет обводки (стандартное свойство) */
}

@media (max-width: 821px) {
    .sectionTitleText {
        padding: 0 20px;
        font-size: 32px;
        line-height: 33.6px;

        -webkit-text-shadow: -1px 3px 0px rgba(146,  59,  9, 1);
        -moz-text-shadow: -1px 3px 0px rgba(146,  59,  9, 1);

        -webkit-text-stroke: 1px rgba(146, 59, 9, 1);

        text-shadow: 1.3px 2px 0px rgba(146,  59,  9, 1),
                    -1.3px 2px 0px rgba(146,  59,  9, 1);
    }
}

.decoWrapper {
    max-width: 260px;
    margin: 0 auto;
}

.deco {
    max-width: 100%;
    height: auto;
    display: block;
}


@media (max-width: 821px) {
    .deco {
        width: 100%;
        max-width: 145px;
    }
}

.blueCardsWrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}

@media (max-width: 821px) {
    .blueCardsWrapper {
        gap: 15px;
    }
}

.cardsWrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
}

@media (max-width: 821px) {
    .cardsWrapper {
        gap: 15px;
    }
}


.middleSection {
    width: 100%;
    position: relative;
    padding-bottom: 45px;
    background-color: #BB5512;
}

.bottomSectionTitle {
    margin: 0 auto 50px;
    object-fit: cover;
}

.bottomSection {
    width: 100%;
    position: relative;
    padding-bottom: 45px;
    background-color: #BB5512;
}

.priceCardsWrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 32.4px;
}

@media (max-width: 821px) {
    .priceCardsWrapper {
        gap: 15px;
    }
}

/*-----------------------------payBanner---------------------------------------*/
.payBanner {
    position: relative;
    padding: 15px 18px 0 18px;

    width: 100%; /* Занимает всю ширину */
    max-width: 783px;
    height: 191px;
}

@media (max-width: 640px) {
    .payBanner {
        padding: 15px 20px 0 15px;
        width: 374px;
        height: 191px;
    }
}

@media (max-width: 385px) {
    .payBanner {
        padding: 15px 0 0 0px;
        width: 374px;
        height: 191px;
    }
}

.pay_banner-img {
    max-width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    height: auto;
}

@media (max-width: 640px) {
    .pay_banner-img {
        display: none;
    }
}

.pay_banner-imgMobile {
    display: none;
}

@media (max-width: 640px) {
    .pay_banner-imgMobile {
        display: block;
        width: 374px;
        height: 191px;
        position: absolute;
        left: 0;
        top: 0;
    }
}

.payBanner__title-section {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
}

@media (max-width: 387px) {
    .payBanner__title-section {
        justify-content: center;
    }
}

.leftBannerCoinsWrapper {
    width: 100%;
    max-width: 148px;
    height: 74px;
}

@media (max-width: 750px) {
    .leftBannerCoinsWrapper {
        display: none;
    }
}

.leftPayBannerCoins {
    max-width: 100%;
    object-fit: cover;
    height: auto;
}

.mobileLeftBannerCoinsWrapper {
    display: none;
}

@media (max-width: 750px) {
    .mobileLeftBannerCoinsWrapper {
        display: block;
        width: 100%;
        max-width: 68px;
    }
}

@media (max-width: 387px) {
    .mobileLeftBannerCoinsWrapper {
        display: none;
    }
}

.mobileLeftPayBannerCoins {
    max-width: 100%;
    object-fit: contain;
    height: auto;
}

.payBanner__title {
    font-size: 28px;
    line-height: 29px;
    color: rgba(162, 80, 40, 1);
}

@media (max-width: 700px) {
    .payBanner__title {
        font-size: 22px;
        line-height: 20px;
    }
}

@media (max-width: 640px) {
    .payBanner__title {
        font-size: 16px;
        line-height: 17px;
        margin-bottom: 10px;
    }
}

.rightBannerCoinsWrapper {
    width: 100%;
    max-width: 167px;
}

@media (max-width: 750px) {
    .rightBannerCoinsWrapper {
        display: none;
    }
}

.rightPayBannerCoins {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

.mobileRightBannerCoinsWrapper {
    display: none;
}

@media (max-width: 750px) {
    .mobileRightBannerCoinsWrapper {
        display: block;
        width: 52px;
        height: 48px;
    }
}

@media (max-width: 387px) {
    .mobileRightBannerCoinsWrapper {
        display: none;
    }
}


.mobileRightPayBannerCoins {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

.payBanner__pay-options {
    border-radius: 16px;
    padding: 10px 20px;
    background-color: rgba(255, 255, 255, 1);

    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
    gap: 10px;

    position: relative;
    z-index: 2;
}

@media (max-width: 640px) {
    .payBanner__pay-options {
        gap: 27px;
        justify-content: center;
        background-color: transparent;
    }
}

.spbLogo {
    width: 71px;
    height: 36px;
}

@media (max-width: 700px) {
    .spbLogo {
        width: 53px;
        height: 27px;
    }
}

.sberLogo {
    width: 76px;
    height: 37px;
}

@media (max-width: 700px) {
    .sberLogo {
        width: 57px;
        height: 27px;
    }
}

.tinkofLogo {
    width: 86px;
    height: 36px;
}

@media (max-width: 700px) {
    .tinkofLogo {
        width: 64px;
        height: 27px;
    }
}

.bankCardLogo {
    width: 54px;
    height: 36px;
}

@media (max-width: 700px) {
    .bankCardLogo {
        margin-top: -5px;
        width: 40px;
        height: 27px;
    }
}

.iomoneyLogo {
    width: 103px;
    height: 22px;
}

@media (max-width: 700px) {
    .iomoneyLogo {
        margin-top: -5px;
        width: 77px;
        height: 16px;
    }
}

/*-----------------------------blueCards---------------------------------------*/

.blueCardWrapper {
    position: relative;
}


.blueCardBox {
    width: 100%;
    max-width: 360px;
    position: absolute;
    left: 0;
    top: 0;

    display: flex;
    justify-content: space-between;
}


.blueCardTitle {
    padding-top: 8px;
    padding-left: 50px;
    color: #FDFAE7;
    font-size: 20px;
    line-height: 21px;

    -webkit-text-stroke: 1px rgba(189, 77, 1, 1); /* Толщина и цвет обводки */
    text-stroke: 1px rgba(189, 77, 1, 1); /* Толщина и цвет обводки (стандартное свойство) */
}

.blueCardRightSide {
    padding: 85px 5px 0 0 ;
    display: flex;
    flex-direction: column;
    align-items: center;
}


.blueCard-old-price {
    width: 65px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 100%;
    font-weight: 900;
    position: relative;
    text-decoration: none;
    text-align: center;

    background: linear-gradient(145deg, rgba(253, 250, 231, 1), rgba(255, 242, 169, 1)); /* Градиент для текста */
    -webkit-background-clip: text; /* Применяем градиент к тексту */
    -webkit-text-fill-color: transparent; /* Делаем текст прозрачным, чтобы виден был градиент */
    background-clip: text; /* Для совместимости с другими браузерами */
    text-fill-color: transparent;
}

.blueCard-old-price::before {
    content: '';
    width: 65px;
    position: absolute;
    height: 2px;
    background-color: rgba(137, 178, 255, 1);
    top: 35%;
    left: 0;
    transform: rotate(-9deg); /* Наклон красной линии */
    border-radius: 30px;
    z-index: 5;
}

.blueCard-old-price .rub-old-price {
    position: relative;
    top: 1px;
    z-index: 1;
}


.blueCardButtonWrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.blueCardButtonLink {
    width: 142.83px;
    height: 49px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blueCardGreenButtonText {
    padding-left: 7px;
    position: relative;
    z-index: 2;
    color: #F9EFB6;
    font-size: 24px;
    line-height: 25.2px;

    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;

    -webkit-text-stroke: 1px rgba(70, 99, 7, 1);
    text-stroke: 1px rgba(70, 99, 7, 1);

}

.blueCardButton {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}


/*-----------------------------kitCard---------------------------------------*/

.kitCardWrapper {
    position: relative;
    background-image: url("./img/kitCardMainPage.70ab81b443d0.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    width: 378px;
    height: 194px;
}


.kitCardLabel {
    position: absolute;
    left: -1px;
    top: -3px;
    z-index:10;
}

.kitCardTopSection {
    display: flex;
    padding: 15px 18px 10px 13px;
}

.kitCardLabelWrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    width: 100px;
    height: 90px;
    margin-right: 5px;
}

.kitCardCoinImgWrapper {
    margin: 0 0 -12px 12px;
    width: 77px;
    text-align: center;
    height: 100%;
}

.kitCardCoinImage {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.kitCardCoinWrapper {
    font-size: 22px;

    color: #FFF2A9;
    text-align: center;
    position: relative;
    left: 5px;

    -webkit-text-stroke: 1px rgba(142, 22, 4, 1);
    text-stroke: 1px rgba(142, 22, 4, 1);

}

.kitCardTopLeftBlock {
    border: 2px solid #E0AF7D;
    background-color: #F8D49D;
    border-radius: 10px;
    width: 100%;
    margin-right: 3px;
    padding: 2px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    -webkit-box-shadow: 0px -2px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -2px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -2px 0px 0px rgba(224, 175, 125, 1);
}


.kitCardIconsWrapper {
    display: flex;
}

.kitCardIconWrapper {
    width: 100%;
    text-align: center;
    position: relative;
}

.kitCardLevel {
    font-size: 16px;
    line-height: 16.8px;

    color: #FFF2A9;
    -webkit-text-stroke: 1px rgba(142, 22, 4, 1); /* Толщина и цвет обводки */
    text-stroke: 1px rgba(142, 22, 4, 1); /* Толщина и цвет обводки (стандартное свойство) */


    position: absolute;
    left: 18px;
    top: 18px;
}

.kitCardTopMiddleBlock {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 3px;
    padding: 2px;

    border: 2px solid #E0AF7D;
    background-color: #F8D49D;
    border-radius: 10px;

    -webkit-box-shadow: 0px -2px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -2px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -2px 0px 0px rgba(224, 175, 125, 1);

    position: relative;
}

.infinityLevel {
    position: absolute;
    left: 18px;
    top: 24px;
}

.infinityLevelAlt {
    position: absolute;
    left: 9px;
    top: 24px;
}

.infinityLevelUla {
    position: absolute;
    left: 15px;
    top: 24px;
}

.kitCardIconsUla {
    display: block;
    position: relative;
    top: -4px;
}

.kitCardInfinityBottom {
    position: absolute;
    left: 45%;
    top: 27px;
}

.lineShotWrapper {
    position: absolute;
    top: 23px;
    left: -3px;
}

.lineShotWrapperAlt {
    position: absolute;
    top: 27px;
    left: 0;
}

.kitCardTimeBlockWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;

}

.kitCardTime {
    font-size: 16px;
    line-height: 16.8px;

    color: #FFF2A9;
    -webkit-text-stroke: 1px rgba(142, 22, 4, 1); /* Толщина и цвет обводки */
    text-stroke: 1px rgba(142, 22, 4, 1); /* Толщина и цвет обводки (стандартное свойство) */

}


.kitCardTopRightBlock {
    width: 100%;
    max-width: 63px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 0 2px 0;

    gap: 5px;
    border: 2px solid #E0AF7D;
    background-color: #F8D49D;
    border-radius: 10px;

    -webkit-box-shadow: 0px -2px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -2px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -2px 0px 0px rgba(224, 175, 125, 1);
}


.kitCardBottomSection {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 20px 5px 20px;
}

.kitCardText {
    color: #FFF2A9;
    font-size: 24px;
    line-height: 24.15px;
    align-self: center;
    margin-right: 5px;

    -webkit-text-stroke: 1px rgba(170, 27, 7, 1);
    text-stroke: 1px rgba(170, 27, 7, 1);

}

.kitCardButtonLink {
    background-image: url("./img/longGreen_buttonBrownBorder.3f1f4c135074.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    width: 142.83px;
    height: 49px;

    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.rub-old-price {
   width: 15px;
    height: 15px;
    margin-left: -2px;
}

.kitCardGreenButtonText {
    margin-top: -2px;
    padding-left: 10px;
    position: relative;

    color: #F9EFB6;
    font-size: 24px;
    line-height: 25.2px;

    -webkit-text-stroke: 1px rgba(70, 99, 7, 1);
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;
    text-stroke: 1px rgba(70, 99, 7, 1);
}

.kitCard-old-price {
    width: 65px;
    color: rgba(70, 99, 7, 1);
    font-size: 16px;
    line-height: 100%;
    font-weight: 900;
    position: relative;
    text-decoration: none;
    text-align: center;
}

.kitCard-old-price::before {
    content: '';
    width: 65px;
    position: absolute;
    height: 2px;
    background-color: rgba(255, 55, 0, 1);
    top: 35%;
    left: 0;
    transform: rotate(-9deg); /* Наклон красной линии */
    border-radius: 30px;
    display: flex;
    z-index: 5;
}

.kitCard-old-price .rub-old-price {
    position: relative;
    top: 0.7px;
    z-index: 1;
}

.rub {
    position: relative;
    left: -3px;
    top: 2px;
}

/*-----------------------------priceCard---------------------------------------*/

@media(max-width: 386px) {
    .priceCardWrapper {
        display: none;
    }
}


.priceCardWrapper {
    width: 173px;
    position: relative;
}

.priceCardBox {
    width: 173px;
    height: 222px;
    position: absolute;
    top: 0;

    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px 15px 20px ;
}

.priceCardLabel  {
    margin-bottom: 5px;
    text-align: center;
    font-size: 20px;
    line-height: 21px;
    color: #A25028;
    flex-grow: 1;
}

.priceCardImageWrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    position: relative;
}

.priceCardCoins {
    font-size: 28px;
    line-height: 29.4px;
    color: #FFF2A9;
    margin-top: -23px;
    position: relative;
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;

    -webkit-text-stroke: 1px rgba(141, 21, 3, 1);
    text-stroke: 1px rgba(141, 21, 3, 1);

}

.priceCardButtonLink {
    background-image: url("./img/longGreen_buttonWhiteBorder.c3374546b783.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    width: 142.83px;
    height: 49px;

    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.priceCardGreenButtonText {
    margin-top: -2px;
    padding-left: 10px;
    position: relative;

    color: #F9EFB6;
    font-size: 24px;
    line-height: 25.2px;

    -webkit-text-stroke: 1px rgba(70, 99, 7, 1);
    font-family: 'Micado', 'Verdana', sans-serif;
    font-weight: 900;
    text-stroke: 1px rgba(70, 99, 7, 1);
}

.priceCard-old-price {
    width: 65px;
    color: rgba(70, 99, 7, 1);
    font-size: 16px;
    line-height: 100%;
    font-weight: 900;
    position: relative;
    text-decoration: none;
    text-align: center;
    white-space: nowrap
}

.priceCard-old-price::before {
    content: '';
    width: 65px;
    position: absolute;
    height: 2px;
    background-color: rgba(255, 55, 0, 1);
    top: 35%;
    left: 0;
    transform: rotate(-9deg); /* Наклон красной линии */
    border-radius: 30px;
    z-index: 5;
}

.priceCard-old-price .rub-old-price {
    position: relative;
    top: 1.5px;
    z-index: 1;
}

/*-----------------------------priceCardMobile---------------------------------------*/


.priceCardsMobileWrapper {
    display: none;
}

@media(max-width: 386px) {

    .priceCardsMobileWrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
    }

    .priceCardMobileWrapper {
        padding: 0 15px;
        display: block;
        position: relative;
    }

    .priceCardMobileBackPanelImage {}

    .priceCardMobileBox {
        width: 373px;
        height: 73px;
        position: absolute;
        top: 0;
        display: flex;
        gap: 30px;
        align-items: center;
        justify-content: space-between;
        padding: 0 15px 10px 30px;
    }

    .priceCardMobileImageWrapper {
        background-color: #F8D49D;
        border-radius: 10px;
        border: 2px solid #E0AF7D;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 25px;
        position: relative;
        padding: 0 25px 0 10px;

        -webkit-box-shadow: 0px -1px 0px 1px rgba(224, 175, 125, 1);
        -moz-box-shadow: 0px -1px 0px 1px rgba(224, 175, 125, 1);
        box-shadow: 0px -1px 0px 1px rgba(224, 175, 125, 1);
    }

    .priceCardMobileCoinsImage {
        position: absolute;
        left: -25px;
        bottom: -5px;
    }

    .priceCardMobileCoins {
        font-size: 28px;
        line-height: 29.4px;
        color: #FFF2A9;
        align-self: flex-start;

        position: relative;
        left: 15px;

        -webkit-text-stroke: 1px rgba(141, 21, 3, 1);
        text-stroke: 1px rgba(141, 21, 3, 1);

    }

    .priceCardMobileButtonWrapper {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .priceCardMobileButtonLink {
        width: 142.83px;
        height: 49px;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .priceCardMobileButton {
        position: absolute;
        left: 0;
        top: 0;

    }

    .priceCardMobileGreenButtonText {
        padding-left: 7px;
        position: relative;
        color: #F9EFB6;
        font-size: 24px;
        line-height: 25.2px;
        font-family: 'Micado', 'Verdana', sans-serif;
        font-weight: 900;

        -webkit-text-stroke: 1px rgba(70, 99, 7, 1);
        text-stroke: 1px rgba(70, 99, 7, 1);

        white-space: nowrap;

    }
}

/*-----------------------------footer---------------------------------------*/

.footerWrapper {
    display: flex;
    justify-content: center;
    padding: 50px 0;
    color: #640000;
    line-height: 28px;
    font-size: 18px;
    font-family: 'tildaScaansRegular', 'Verdana', sans-serif;
}

@media (max-width: 821px) {
    .footerWrapper {
        display: none;
    }
}

.footerLogoWrapper {
    width: 100%;
    max-width: 320px;
    margin-right: 50px;
}

.footerLogo {
    max-width: 100%;
    height: auto;
    display: block;
}


.footerMiddleBlock {
    margin-right: 63.34px;
    text-align: center;
    font-family: 'tildaScaansRegular', 'Verdana', sans-serif;
}

.footerMiddleBlock span {
    font-family: 'tildaScaansBold', 'Verdana', sans-serif;
}

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



.footerRightBlockTop a {
    font-family: 'tildaScaansBold', 'Verdana', sans-serif;
    color: #640000;
}

.footerRightBlockBottom {
    line-height: 9.6px;
    font-size: 14px;
}

.iconsWrapper {
    margin: 20px 0;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.footerMobileWrapper {
    display: none;
}


@media(max-width:821px) {

    .footerMobileWrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 34px 0;
        color: #640000;
        line-height: 24px;
        font-size: 14px;
        font-family: 'tildaScaansRegular', 'Verdana', sans-serif;
    }

    .footerMobileLogo {
        width: 100%;
        max-width: 200px;
    }

    .iconsWrapper {
        margin: 20px 0;
        display: flex;
        justify-content: center;
        gap: 10px;
    }

    .footerMobileMiddleBlock {
        width: 100%;
        font-family: 'tildaScaansRegular', 'Verdana', sans-serif;
        margin-bottom: 20px;
    }

    .footerMobileMiddleBlock span {
        width: 100%;
        font-family: 'tildaScaansRegular', 'Verdana', sans-serif;
    }

    .footerMobileRightBlock {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .footerMobileRightBlockTop a {
        font-family: 'tildaScaansRegular', 'Verdana', sans-serif;
        color: #640000;
    }

    .footerMobileRightBlockBottom {
        line-height: 9.6px;
        font-size: 14px;
    }

    .footerMobileMobileWrapper {
        display: none;
    }

}