/* Переменные */

:root {

    --main_color: #222;
    --secondary_color: #f5f5f5;
    --light_color: #fff;

    --main-txt: #222;
    --light-txt: #fff;
    --secondary-txt: #808080;

    --stocks: #EB4D4F;
    --scrollbar-bg: ##ccc;
    --scrollbar: #222;

    --border: #eaeaea;
}

/* Конец переменные */

*::selection {
    background: #dfdfdf;
    color: var(--main-txt);
}

#bx-panel .bx-panel-button-icon.theme-icon {
    width: 40px !important;
    background: url("./images/theme-icon.png") no-repeat bottom !important;
    background-size: contain !important;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes rotate {
    to {
        transform: rotate(360deg);
    }
}

.k_loader {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10000;
    animation: fadeIn .3s forwards;
}

.k_loader::before {
    content: '';
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    width: 50px;
    height: 50px;
    border-left: 4px solid #fff;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-radius: 50%;
    animation: rotate .8s linear infinite;
}

.k_loader.btn_fill, .k_loader.btn_border {
    position: relative;
    animation: none;
    pointer-events: none;
    z-index: 1;
    color: transparent !important;
}

.k_loader.btn_fill::before, .k_loader.btn_border::before {
    top: calc(50% - 12px);
    left: calc(50% - 12px);
    width: 24px;
    height: 24px;
    border-left: 3px solid var(--theme-txt);
}

.k_loader.btn_border::before {
    border-left: 3px solid var(--light-btn-hover);
}

.static_page section {
    margin-bottom: 50px;
}

.static_page section:last-child {
    margin-bottom: 0;
}

.static_page h1,
.static_page h2,
.static_page h3,
.static_page h4,
.static_page h5,
.static_page h6 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.static_page .title {
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 50px;
    margin-top: 0;
}

.static_page * {
    color: var(--main-txt)
}

.static_page b, .static_page b * {
    font-weight: 600;
}

.select_text {
    background-color: var(--secondary_color);
    padding: 20px 20px 20px 25px;
    position: relative;
    margin: 15px 0 0;
}

.select_text:before {
    content: " ";
    display: block;
    width: 4px;
    background-color: var(--theme-color);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

ol.krayt_ol {
    counter-reset: myCounter;
    margin-left: 0;
    color: rgb(100, 100, 100);
}

.static_page ul, ul.line {
    line-height: 2;
}

.static_page li, ul.line li {
    position: relative;
    padding-left: 25px;
    margin: 5px 0;
}

ol.krayt_ol li {
    padding-left: 0;
}

.static_page ul li:before,
ul.line li:before {
    content: '';
    position: absolute;
    top: calc(50% - 4px);
    left: 0;
    width: 8px;
    height: 8px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    /*background-color: var(--theme-color);*/
}

ol.krayt_ol li:before {
    display: inline-block;
    margin-right: 10px;
    width: 22px;
    height: 22px;
    font-size: 14px;
    line-height: 22px;
    color: var(--theme-txt);
    font-weight: 500;
    text-align: center;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    bottom: 0;
    right: 0;
    background-color: var(--theme-color);
    counter-increment: myCounter;
    content: counter(myCounter);
}

.footer-item-copy {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 12px;
    color: #86868F;
}

.footer-item-copy-item a,
.footer-item-copy-item span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #000;
    -webkit-transition: color .2s ease-out;
    transition: color .2s ease-out;
}

.modal-form-bitrix24 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    height: 100%;
    z-index: 100000;
}

.modal-form-bitrix24.open {
    display: block;
}

.modal-form-bitrix24-content {
    width: 40%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 512px;
}

.modal-form-bitrix24-close {
    position: absolute;
    right: 10px;
    top: 10px;
    background-image: url(http://webkrayt.ru/close.svg);
    width: 20px;
    height: 20px;
    background-position: center;
    background-size: 20px;
}

.static_page {
    clear: both;
    margin-bottom: 0px;
}

.static_page a {
    text-decoration: underline;
}

.static_page p, .static_page p *, .static_page li, .static_page li * {
    font-size: 14px;
    line-height: 1.4;
}

.static_page blockquote {
    text-indent: 20px;
}

.static_page table td {
    padding: 10px;
    border: 1px solid #000;
}

.body-kloader {
    overflow: hidden;
}

.bx-no-touch .body-kloader {
    padding-right: 8px;
}

.static_page h1, .static_page h1 * {
    font-weight: 300;
    font-size: 25px;
    color: #797979;
}

.static_page h2, .static_page h2 * {
    text-align: left;
    font-weight: 600;
    text-transform: none;
}

.static_page h2:after {
    content: none;
}

.static_page h2:before {
    content: none;
}

.static_page h3, .static_page h3 * {
    font-size: 22px;
    font-weight: 600;
}

.static_page h4, .static_page h4 * {
    font-size: 20px;
}

.static_page h5, .static_page h5 * {
    font-size: 18px;
}

.td_center tr td {
    text-align: center;
}

.td_right tr td {
    text-align: right;
}

.td_left tr td {
    text-align: left;
}

.TimesNewRoman {
    font-family: "Times New Roman", Times !important;
}

.CourierNew {
    font-family: "Courier New" !important;
}

.ArialHelvetica {
    font-family: Arial, Helvetica !important;
}

.ArialBlack {
    font-family: "Arial Black", Gadget !important;
}

.TahomaGeneva {
    font-family: Tahoma, Geneva !important;
}

.Verdana {
    font-family: Verdana !important;
}

.Georgia {
    font-family: Georgia, serif !important;
}

.monospace {
    font-family: monospace !important;
}
.product_card-flags .flag-item.new_krayt {
border: 0px solid #82E88C;
}


.left-catalog-menu {
    width: 275px;
    padding-right: 15px;
    max-height: 95vh;
}
.left-catalog-section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.left-catalog-section .first-level {
    font-weight: 600;
    font-size: 16px;
}
.left-catalog-section-sections {
    height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    width: 100%;
    padding: 10px 0;
    transition: height .3s ease, opacity .5s ease;
}
.active-catalog-section {
    height: auto;
}
.left-catalog-section-sections.active-catalog-section {
    transition: 0s;
}
.left-catalog-section.open .left-catalog-section-sections {
    opacity: 1;
    pointer-events: auto;
}
.left-catalog-section svg {
    transform-origin: center;
    transition: .3s ease;
}
.left-catalog-section.open svg {
    transform: rotate(-180deg);
}
.left-catalog-section-sections a {
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    margin: 10px 0 10px 16px;
    border-bottom: 1px solid transparent;
    transition: .3s ease;
}
.left-catalog-section-sections li:last-child {
    margin-bottom: 30px;
}
.left-catalog-section-sections a:hover {
    border-bottom: 1px solid var(--main-txt);
}
.left-catalog-section-sections a.active {
    font-weight: 600;
    border-bottom: 1px solid var(--main-txt);
}
.first-level.link {
    display: inline-block;
    padding-bottom: 20px;
}
.bx_pagination_bottom .bx_pagination_page li span, .bx_pagination_bottom .bx_pagination_page li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    line-height: 1;
    margin-right: 25px;
    text-decoration: none;
}
.nav-text.nav-prev-title.rotate_180 {
    transform: rotate(180deg);
}
.bx-filter-block .bx-filter-block-btn {
    border-radius: 5px;
}
a:not([href]):not([tabindex]) {
    border-radius: 5px;
}
span.underline {
    display: none;
}
.set_buy_box .set_buy-btn {
    border-radius: 5px;
}
button.btn_checkout_custom.btn_fill.basket-btn-checkout {
    border-radius: 5px;
}
.basket-coupon-block-coupon-btn.btn_fill {
    border-radius: 5px;
}
.basket-coupon-section .form-control {
    border-radius: 5px;
}
.basket_top_btn {
    display: none;
}
.basket-items-search-field {
    display: none;
}
.wrapper-inner.static_page {
    margin-top: 100px;
}
span.btn_border {
    border-radius: 5px;
}
span.btn_fill {
    border-radius: 5px;
}
a.basket-item-info-name-link.link {
    text-decoration: none;
}
.basket-items-list-header.basket-items-list-header-fixed {
    display: none;
}
.basket-item-info-name-link span {
    color: #797979;
}
.static_page li, ul.line li {
    padding-left: 0px;
}
.basket-items-list-wrapper, .basket-items-list-wrapper-compact {
    border-left: 0px solid var(--border);
    border-right: 0px solid var(--border);
}
.basket-items-list-header {
    border-top: 0px solid var(--border);
    border-bottom: 0px solid var(--border);
}
.basket-checkout-container {
    border: 0px solid var(--border);
}
.basket-items-list-header-filter-item.active {
    text-decoration: none;
    color: #797979;
}
a.btn_fill.w-100.btn-order-save {
    text-decoration: none;
    border-radius: 5px;
}
.bx-soa-more .btn_fill, .bx-soa-more .btn_border {
    border-radius: 5px;
}
a.bx-soa-order-save.pull-right.btn_fill.w-100 {
    border-radius: 5px;
}
.static_page h3, .static_page h3 * {
    line-height: 1.1;
}

header.header {
    position: fixed;
    z-index: 5;
    background: rgb(18 18 18 / 0%);
    box-shadow: 3px -10px 19px #333;
    margin-top: 34px;
}

.cl {
    position: fixed;
    background-color: white;
    z-index: 999999;
    width: -webkit-fill-available;
}



@media all and (min-width: 561px) {
.mob {
display: none;
}
}
@media all and (max-width: 860px) {
.mob {

}
}

@media all and (min-width: 561px) {
.mob2 {

}
}
@media all and (max-width: 860px) {
.mob2 {
display: none;
}
}
.close-btn, .popup-window-close-icon {
    cursor: pointer;
    width: 53px;
    height: 53px;
    border-radius: 100%;
    background: none;
    position: absolute;
    z-index: 10;
    top: 50px;
    right: 10px;
    opacity: 1;
    transition: .3s ease;
}


.centered-container {
    display: grid;
    place-items: center;
    height: 14vh;
    width: -webkit-fill-available;
    background-color: #030406;
}

.centered-item {
  /* Стили для центрированного элемента */
}
    .none {
display: none;

}

.product-item-detail-price-discount span {
    font-size: 13px;
    color: var(--light-txt);
    display: flex;
    width: 55px;
    height: 18px;
    align-items: center;
    justify-content: center;
    background: #343434;
    margin-left: 12px;
    margin-bottom: 3px;
    border-radius: 3px;
}

.product-item-label-discount span {
    display: block;
    font-size: 12px;
    font-weight: 600;
    padding: 2px 6px;
    color: var(--light_color);
    background: #121212;
    margin-left: 10px;
}

.wrapper-inner.static_page {
margin-top: 90px;
}

.set_discount, .set_discount span {
    color: var(--stocks);
    font-weight: 600;
    line-height: 1;
    margin-bottom: 10px;
    transition: .3s ease;
    display: none;
}

.cl {
    position: fixed;
    background-color: #202020;
    z-index: 999999;
    width: -webkit-fill-available;
}

.product-item-label-discount span {
    display: block;
    font-size: 12px;
    font-weight: 600;
    padding: 2px 6px;
    color: var(--light_color);
    background: #202020;
    margin-left: 10px;
}


.basket-item-label-ring {
font-size: 12px;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
width: 47px;
height: 18px;
color: #fff;
background: #ffffff;
color: var(--main-txt);
}



.new-year-game__ticket {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 3%;
    right: 3%;
    z-index: 1;
    cursor: pointer;
    --mask: radial-gradient(7.50px at 10.50px,at 50%,#000 99%,transparent 101%) 0 calc(50% - 12px)/51% 24px repeat-y,radial-gradient(7.50px at -4.5px,at 50%,transparent 99%,#000 101%) 6px 50%/calc(51% - 6px) 24px repeat-y,radial-gradient(7.50px at calc(100% - 10.5px) 50%,#000 99%,transparent 101%) 100% calc(50% - 12px)/51% 24px repeat-y,radial-gradient(7.50px at calc(100% + 4.5px) 50%,transparent 99%,#000 101%) calc(100% - 6px) 50%/calc(51% - 6px) 24px repeat-y;
    --mask: radial-gradient(7.50px at 10.50px 50%,#000 99%,transparent 101%) 0 calc(50% - 12px)/51% 24px repeat-y,radial-gradient(7.50px at -4.5px 50%,transparent 99%,#000 101%) 6px 50%/calc(51% - 6px) 24px repeat-y,radial-gradient(7.50px at calc(100% - 10.5px) 50%,#000 99%,transparent 101%) 100% calc(50% - 12px)/51% 24px repeat-y,radial-gradient(7.50px at calc(100% + 4.5px) 50%,transparent 99%,#000 101%) calc(100% - 6px) 50%/calc(51% - 6px) 24px repeat-y;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    color: #9fb7f5;
    background-image: url(https://avatars.mds.yandex.net/get-pdb/1244951/90d8b02d-df61-4d34-861f-6a4ba8907524/orig);
    background-position: 50%;
    width: 190px;
    height: 85px
}

@media (max-width: 480px) {
    .new-year-game__ticket {
        width:105px;
        height: 48px;
        --mask: radial-gradient(4.14px at 5.85px,at 50%,#000 99%,transparent 101%) 0 calc(50% - 6px)/51% 12px repeat-y,radial-gradient(4.14px at -2.85px,at 50%,transparent 99%,#000 101%) 3px 50%/calc(51% - 3px) 12px repeat-y,radial-gradient(4.14px at calc(100% - 5.85px) 50%,#000 99%,transparent 101%) 100% calc(50% - 6px)/51% 12px repeat-y,radial-gradient(4.14px at calc(100% + 2.85px) 50%,transparent 99%,#000 101%) calc(100% - 3px) 50%/calc(51% - 3px) 12px repeat-y;
        --mask: radial-gradient(4.14px at 5.85px 50%,#000 99%,transparent 101%) 0 calc(50% - 6px)/51% 12px repeat-y,radial-gradient(4.14px at -2.85px 50%,transparent 99%,#000 101%) 3px 50%/calc(51% - 3px) 12px repeat-y,radial-gradient(4.14px at calc(100% - 5.85px) 50%,#000 99%,transparent 101%) 100% calc(50% - 6px)/51% 12px repeat-y,radial-gradient(4.14px at calc(100% + 2.85px) 50%,transparent 99%,#000 101%) calc(100% - 3px) 50%/calc(51% - 3px) 12px repeat-y
    }
}

.new-year-game__ticket-text {
    text-align: center;
    font-family: Circe;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 88.44%;
    letter-spacing: -.238px;
    text-transform: uppercase;
    mix-blend-mode: hard-light;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: url(https://imgcdn.zarina.ru/upload/images/new-year-gift/bg-text-ticket.png);
    color: transparent;
    margin-top: 10px
}

@media (max-width: 480px) {
    .new-year-game__ticket-text {
        font-size:13px;
        font-weight: 700;
        letter-spacing: -.13px;
        margin-top: 5px
    }
}

.new-year-game__ticket svg {
    color: #3743b2;
    margin-top: 3px
}

.main-gift {
    display: flex;
    flex-direction: column;
    padding: 50px;
    height: 700px;
    justify-content: space-between
}

@media (max-width: 480px) {
    .main-gift {
        padding:0;
        width: 260px;
        height: 480px;
        justify-content: space-evenly
    }
}

.main-gift__container {
   
    background-position: 50%;
    width: 600px;
    height: 198px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 480px) {
    .main-gift__container {
        width: 260px;
        height: 112px
    }
}

.main-gift__container-gift {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.main-gift__container-gift__title {
    color: #fff;
    text-align: center;
    font-family: Circe;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 105%;
    letter-spacing: 2.25px;
    text-transform: uppercase;
    margin-bottom: 5px
}

@media (max-width: 480px) {
    .main-gift__container-gift__title {
        font-size:10px;
        letter-spacing: 1.5px
    }
}

.main-gift__container-gift__name {
    color: #ffffff;
    font-family: Circe;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 155%;
    letter-spacing: 3.75px;
    text-transform: uppercase;
    text-align: center
}

@media (max-width: 480px) {
    .main-gift__container-gift__name {
        font-size:13px;
        letter-spacing: 2.55px
    }
}

.main-gift__container-gift__description {
    color: #ffffff;
    font-family: Circe;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
    letter-spacing: 2.25px;
    text-transform: uppercase
}

@media (max-width: 480px) {
    .main-gift__container-gift__description {
        font-size:10px
    }
}

.main-gift__title {
    font-family: Circe;
    font-size: 87.94px;
    font-style: normal;
    font-weight: 700;
    line-height: 88.44%;
    letter-spacing: -.879px;
    text-transform: uppercase;
    -webkit-background-clip: text;
    background-clip: text;
   background-image: url(https://i.pinimg.com/originals/c0/d7/38/c0d7384b71a9259431efea1390f0994e.gif);
    color: transparent
}

@media (max-width: 480px) {
    .main-gift__title {
        font-size:46.462px;
        letter-spacing: -.465px;
            margin-bottom: 38px;
    }
}

.main-gift__text {
    color: #fff;
    font-family: Circe;
    font-size: 30px;
    font-style: normal;
    font-weight: 350;
    line-height: 100%;
    letter-spacing: -.3px;
    text-transform: uppercase;
     margin-top: 25px;

}

@media (max-width: 480px) {
    .main-gift__text {
        font-size:16px;
        letter-spacing: -.16px;
          margin-bottom: 15px;
    }
}

.main-gift__button {
    display: flex;
    justify-content: center
}

.main-gift__button .ui-button {
    max-width: 434px;
    border-radius: 8px;
    background: #809ff7;
    color: #fff;
    font-family: Circe;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 2.25px;
    text-transform: uppercase
}

@media (max-width: 480px) {
    .main-gift__button .ui-button {
        font-size:10px;
        letter-spacing: 1.5px
    }
}

.main-gift__button .ui-button .loading-state {
    color: #fff
}

.main-gift__button .ui-button[disabled] {
    pointer-events: none;
    background: #809ff7;
    min-width: 250px
}

.main-gift__gifts {
    display: flex;
    align-items: center
}

.main-gift__gifts-box {
    max-width: 46px;
    max-height: 46px;
    margin: 0 24px
}

@media (max-width: 480px) {
    .main-gift__gifts-box {
        max-width:34px;
        max-height: 34px;
        margin: 0 20px 0 0
    }
}

.main-gift__gifts-box img {
    width: 100%;
    display: block
}

.main-gift__gifts-gif {
    max-width: 380px
}

.main-gift__gifts-gif img {
    width: 100%;
    display: block
}

.auth-form-gift {
    display: flex;
    flex-direction: column;
    max-width: 494px;
    height: 670px;
    justify-content: space-evenly
}

@media (max-width: 480px) {
    .auth-form-gift {
        padding:0 35px;
        align-items: center;
        max-width: 312px;
        height: 420px
    }
}

.auth-form-gift-item {
    width: 100%
}

.auth-form-gift-item__title {
    font-family: Circe;
    font-size: 130px;
    font-style: normal;
    font-weight: 700;
    line-height: 88.44%;
    letter-spacing: -1.3px;
    text-transform: uppercase;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: url(https://imgcdn.zarina.ru/upload/images/new-year-gift/bg-ticket.png);
    color: transparent;
    width: 100%
}

@media (max-width: 480px) {
    .auth-form-gift-item__title {
        font-size:50px
    }
}

.auth-form-gift-item__title span {
    font-size: 50px;
    font-style: normal;
    letter-spacing: -.5px
        color: white;
}

@media (max-width: 480px) {
    .auth-form-gift-item__title span {
        font-size:25px
            color: white;
    }
}

.auth-form-gift-item__text {
    color: #fff;
    font-family: Circe;
    font-size: 30px;
    font-style: normal;
    font-weight: 350;
    line-height: 100%;
    letter-spacing: -.3px;
    text-transform: uppercase
}

@media (max-width: 480px) {
    .auth-form-gift-item__text {
        font-size:16px;
        letter-spacing: -.16px
    }
}

.auth-form-gift__auth-form {
    color: #ffffff;
    width: 100%
}

.auth-form-gift__auth-form_text {
    color: #ffffff;
    font-family: Circe;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 88.44%;
    letter-spacing: 1.95px;
    text-transform: uppercase;
    padding-bottom: 10px
}

@media (max-width: 480px) {
    .auth-form-gift__auth-form_text {
        font-size:10px;
        letter-spacing: 1.5px
    }
}

.auth-form-gift__auth-form_input {
    margin-bottom: 60px!important
}

@media (max-width: 480px) {
    .auth-form-gift__auth-form_input {
        margin-bottom:30px!important
    }
}

.auth-form-gift__auth-form-subscribe {
    color: #ffffff;
    display: flex;
    padding-bottom: 65px
}

@media (max-width: 480px) {
    .auth-form-gift__auth-form-subscribe {
        padding-bottom:30px
    }
}

.auth-form-gift__auth-form-subscribe_text {
    color: #ffffff;
    font-family: Circe;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 88.44%;
    letter-spacing: .75px
}

@media (max-width: 480px) {
    .auth-form-gift__auth-form-subscribe_text {
        font-size:10px;
        letter-spacing: .5px
    }
}

.auth-form-gift__auth-form-subscribe_text.error {
    color: #ee7c7c
}

.auth-form-gift__auth-form-subscribe_text a {
    text-decoration: underline;
    color: #ffffff
}

.auth-form-gift__auth-form-checkbox {
    margin-top: 20px
}

.auth-form-gift__auth-form-checkbox:first-child {
    margin-top: 0
}

.auth-form-gift__auth-form-checkbox.ui-checkbox {
    margin: 4px 13px 4px 0
}

@media (max-width: 480px) {
    .auth-form-gift__auth-form-checkbox.ui-checkbox {
        margin:4px 8px 4px 0
    }
}

.auth-form-gift__auth-form-checkbox.ui-checkbox .ui-checkbox-container {
    border-color: #ffffff;
    border-radius: 5px
}

.auth-form-gift__auth-form-checkbox.ui-checkbox.ui-checked .ui-checkbox-container {
    border-color: #ffffff
}

.auth-form-gift__auth-form-checkbox.ui-checkbox.ui-checked .ui-checkbox-container:after {
    border-color: #ffffff
}

.auth-form-gift__auth-form-checkbox.ui-checkbox .ui-checkbox-label {
    height: auto
}

.auth-form-gift__auth-form-checkbox a {
    text-decoration: underline
}

.auth-form-gift__auth-form .ui-field {
    border-radius: 8px;
    border: 1px solid #ffffff;
    padding: 13px!important
}

@media (max-width: 480px) {
    .auth-form-gift__auth-form .ui-field {
        min-height:40px;
        padding: 10px!important
    }
}

.auth-form-gift__auth-form .ui-field .ui-input {
    height: 32px;
    line-height: 88.44%;
    color: #ffffff;
    font-family: Circe;
    font-size: 13px!important;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 1.95px;
    text-transform: uppercase
}

.auth-form-gift__auth-form .ui-field .ui-input::-moz-placeholder {
    color: #ffffff;
    font-family: Circe;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 88.44%;
    letter-spacing: 1.95px;
    text-transform: uppercase
}

.auth-form-gift__auth-form .ui-field .ui-input:-ms-input-placeholder {
    color: #ffffff;
    font-family: Circe;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 88.44%;
    letter-spacing: 1.95px;
    text-transform: uppercase
}

.auth-form-gift__auth-form .ui-field .ui-input::placeholder {
    color: #ffffff;
    font-family: Circe;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 88.44%;
    letter-spacing: 1.95px;
    text-transform: uppercase
}

@media (max-width: 480px) {
    .auth-form-gift__auth-form .ui-field .ui-input::-moz-placeholder {
        font-size:10px;
        letter-spacing: 1.5px
    }

    .auth-form-gift__auth-form .ui-field .ui-input:-ms-input-placeholder {
        font-size: 10px;
        letter-spacing: 1.5px
    }

    .auth-form-gift__auth-form .ui-field .ui-input::placeholder {
        font-size: 10px;
        letter-spacing: 1.5px
    }
}

.auth-form-gift__auth-form .ui-field .ui-error {
    color: #ee7c7c;
    font-family: Circe;
    font-size: 15px;
    font-style: normal;
    font-weight: 350;
    line-height: 88.44%;
    letter-spacing: .75px;
    padding-top: 15px;
    padding-left: 18px
}

@media (max-width: 480px) {
    .auth-form-gift__auth-form .ui-field .ui-error {
        font-size:10px;
        letter-spacing: .5px;
        padding-top: 10px;
        padding-left: 10px
    }
}

.auth-form-gift__auth-form .ui-field:after,.auth-form-gift__auth-form .ui-field:before {
    content: none
}

.auth-form-gift__auth-form-reg {
    text-align: center;
    color: #ffffff;
    font-family: Circe;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    padding-bottom: 15px
}

.auth-form-gift__auth-form-reg a {
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: underline
}

.auth-form-gift__auth-form-error {
    text-transform: lowercase
}

.auth-form-gift__auth-form-error,.auth-form-gift__auth-form-invalid {
    color: #ee7c7c;
    font-family: Circe;
    font-size: 15px;
    font-style: normal;
    font-weight: 350;
    line-height: 88.44%;
    letter-spacing: .75px
}

.auth-form-gift__auth-form-invalid {
    text-align: center
}

.new-year-finish {
    display: flex;
    flex-direction: column;
    padding: 130px;
    align-items: center;
    justify-content: center
}

@media (max-width: 480px) {
    .new-year-finish {
        padding:10px
    }
}

.new-year-finish__gift {
    width: 149px;
    height: 149px;
    margin-bottom: 30px
}

@media (max-width: 480px) {
    .new-year-finish__gift {
        width:110px;
        height: 110px;
        margin-bottom: 20px
    }
}

.new-year-finish__gift img {
    width: 100%;
    display: block
}

.new-year-finish__text {
    color: #fff;
    text-align: center;
    font-family: Circe;
    font-size: 30px;
    font-style: normal;
    font-weight: 350;
    line-height: 100%;
    letter-spacing: -.3px;
    text-transform: uppercase
}

@media (max-width: 480px) {
    .new-year-finish__text {
        font-size:20px
    }
}

.last-gift {
    display: flex;
    flex-direction: column;
    padding: 100px 85px;
    align-items: center;
    justify-content: center
}

@media (max-width: 480px) {
    .last-gift {
        padding:0 10px
    }
}

.last-gift__text {
    color: #fff;
    text-align: center;
    font-family: Circe;
    font-size: 30px;
    font-style: normal;
    font-weight: 350;
    line-height: 100%;
    letter-spacing: -.3px;
    text-transform: uppercase;
    padding-bottom: 40px
}

@media (max-width: 480px) {
    .last-gift__text {
        font-size:23px
    }
}

.last-gift__description {
    color: #fff;
    text-align: center;
    font-family: Circe;
    font-size: 53.22px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -.532px;
    text-transform: uppercase;
    padding-bottom: 40px
}

@media (max-width: 480px) {
    .last-gift__description {
        font-size:35px
    }
}

.last-gift__ticket {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    --mask: radial-gradient(7.50px at 10.50px,at 50%,#000 99%,transparent 101%) 0 calc(50% - 12px)/51% 24px repeat-y,radial-gradient(7.50px at -4.5px,at 50%,transparent 99%,#000 101%) 6px 50%/calc(51% - 6px) 24px repeat-y,radial-gradient(7.50px at calc(100% - 10.5px) 50%,#000 99%,transparent 101%) 100% calc(50% - 12px)/51% 24px repeat-y,radial-gradient(7.50px at calc(100% + 4.5px) 50%,transparent 99%,#000 101%) calc(100% - 6px) 50%/calc(51% - 6px) 24px repeat-y;
    --mask: radial-gradient(7.50px at 10.50px 50%,#000 99%,transparent 101%) 0 calc(50% - 12px)/51% 24px repeat-y,radial-gradient(7.50px at -4.5px 50%,transparent 99%,#000 101%) 6px 50%/calc(51% - 6px) 24px repeat-y,radial-gradient(7.50px at calc(100% - 10.5px) 50%,#000 99%,transparent 101%) 100% calc(50% - 12px)/51% 24px repeat-y,radial-gradient(7.50px at calc(100% + 4.5px) 50%,transparent 99%,#000 101%) calc(100% - 6px) 50%/calc(51% - 6px) 24px repeat-y;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    color: #9fb7f5;
    background-image: url(https://i.pinimg.com/originals/c0/d7/38/c0d7384b71a9259431efea1390f0994e.gif);
    background-position: 50%;
    width: 190px;
    height: 85px
}

.last-gift__ticket-text {
    text-align: center;
    font-size: 13px;
    letter-spacing: -.13px;
    padding-bottom: 5px
}

.last-gift__ticket-code,.last-gift__ticket-text {
    -webkit-background-clip: text;
    background-clip: text;
    background-image: url(/upload/medialibrary/3f1/zs2w4zxuxxvxmd26zl3j8atzr4lstmya.jpg);
    color: transparent;
    font-family: Circe;
    font-style: normal;
    font-weight: 700;
    line-height: 88.44%;
    text-transform: uppercase;
    mix-blend-mode: hard-light
}

.last-gift__ticket-code {
    font-size: 35px;
    letter-spacing: -.35px;
}



.ui-modals-body{
background-image: url(/upload/medialibrary/3f1/zs2w4zxuxxvxmd26zl3j8atzr4lstmya.jpg);
    background-position: 50%;
    display: flex;
    align-items: center;
    justify-content: center;

}




.custom-button {
    padding: 10px 25px;
    background-color: #a5a5a5; /* Adjust the color to match your design */
    border: 1px solid #ffffff; /* White border */
    border-radius: 5px; /* Rounded corners */
    color: #ffffff; /* White text */
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    transition: all 0.3s ease;
    margin-top: 10px; /* Space from the top */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Shadow for depth (optional) */
  z-index: 2; /* Убедитесь, что это значение выше, чем z-index у canvas */
display: none; /* Изначально скрыта */

max-width: 300px;
}

.custom-button:hover {
    background-color: #8e8e8e; /* Darker shade for hover effect */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); /* Larger shadow for hover effect (optional) */
  z-index: 2; /* Убедитесь, что это значение выше, чем z-index у canvas */
}

.custom-button2 {
    padding: 10px 25px;
    background-color: #a5a5a5; /* Adjust the color to match your design */
    border: 1px solid #ffffff; /* White border */
    border-radius: 5px; /* Rounded corners */
    color: #ffffff; /* White text */
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    transition: all 0.3s ease;
    margin-top: 10px; /* Space from the top */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Shadow for depth (optional) */
  z-index: 2; /* Убедитесь, что это значение выше, чем z-index у canvas */
display: block; /* Изначально скрыта */
}

.custom-button2:hover {
    background-color: #8e8e8e; /* Darker shade for hover effect */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); /* Larger shadow for hover effect (optional) */
  z-index: 2; /* Убедитесь, что это значение выше, чем z-index у canvas */
}




.auth-form-gift {
    display: flex;
    flex-direction: column;
    max-width: 494px;
    height: 670px;
    justify-content: space-evenly
}

@media (max-width: 480px) {
    .auth-form-gift {
        padding:0 35px;
        align-items: center;
        max-width: 312px;
        height: 420px
    }
}

.auth-form-gift-item {
    width: 100%
}

.auth-form-gift-item__title {
    font-family: Circe;
    font-size: 130px;
    font-style: normal;
    font-weight: 700;
    line-height: 88.44%;
    letter-spacing: -1.3px;
    text-transform: uppercase;
    -webkit-background-clip: text;
    background-clip: text;
  background-image: url(https://i.pinimg.com/originals/c0/d7/38/c0d7384b71a9259431efea1390f0994e.gif);
    color: transparent;
    width: 100%
}

@media (max-width: 480px) {
    .auth-form-gift-item__title {
        font-size:50px
    }
}

.auth-form-gift-item__title span {
    font-size: 50px;
    font-style: normal;
    letter-spacing: -.5px;
     color: #fff;
}

@media (max-width: 480px) {
    .auth-form-gift-item__title span {
        font-size:25px;
         color: #fff;

   
    }
}

.auth-form-gift-item__text {
    color: #fff;
    font-family: Circe;
    font-size: 30px;
    font-style: normal;
    font-weight: 350;
    line-height: 100%;
    letter-spacing: -.3px;
    text-transform: uppercase
}

@media (max-width: 480px) {
    .auth-form-gift-item__text {
        font-size:16px;
        letter-spacing: -.16px
    }
}

.auth-form-gift__auth-form {
    color: #ffffff;
    width: 100%
}

.auth-form-gift__auth-form_text {
    color: #ffffff;
    font-family: Circe;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 88.44%;
    letter-spacing: 1.95px;
    text-transform: uppercase;
    padding-bottom: 10px
}

@media (max-width: 480px) {
    .auth-form-gift__auth-form_text {
        font-size:10px;
        letter-spacing: 1.5px
    }
}

.auth-form-gift__auth-form_input {
    margin-bottom: 60px!important
}

@media (max-width: 480px) {
    .auth-form-gift__auth-form_input {
        margin-bottom:30px!important
    }
}

.auth-form-gift__auth-form-subscribe {
    color: #ffffff;
    display: flex;
    padding-bottom: 65px
}

@media (max-width: 480px) {
    .auth-form-gift__auth-form-subscribe {
        padding-bottom:30px
    }
}

.auth-form-gift__auth-form-subscribe_text {
    color: #ffffff;
    font-family: Circe;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 88.44%;
    letter-spacing: .75px
}

@media (max-width: 480px) {
    .auth-form-gift__auth-form-subscribe_text {
        font-size:10px;
        letter-spacing: .5px
    }
}

.auth-form-gift__auth-form-subscribe_text.error {
    color: #ee7c7c
}

.auth-form-gift__auth-form-subscribe_text a {
    text-decoration: underline;
    color: #ffffff
}

.auth-form-gift__auth-form-checkbox {
    margin-top: 20px
}

.auth-form-gift__auth-form-checkbox:first-child {
    margin-top: 0
}

.auth-form-gift__auth-form-checkbox.ui-checkbox {
    margin: 4px 13px 4px 0
}

@media (max-width: 480px) {
    .auth-form-gift__auth-form-checkbox.ui-checkbox {
        margin:4px 8px 4px 0
    }
}

.auth-form-gift__auth-form-checkbox.ui-checkbox .ui-checkbox-container {
    border-color: #ffffff;
    border-radius: 5px
}

.auth-form-gift__auth-form-checkbox.ui-checkbox.ui-checked .ui-checkbox-container {
    border-color: #ffffff
}

.auth-form-gift__auth-form-checkbox.ui-checkbox.ui-checked .ui-checkbox-container:after {
    border-color: #ffffff
}

.auth-form-gift__auth-form-checkbox.ui-checkbox .ui-checkbox-label {
    height: auto
}

.auth-form-gift__auth-form-checkbox a {
    text-decoration: underline
}

.auth-form-gift__auth-form .ui-field {
    border-radius: 5px;
    border: 1px solid #ffffff;
    padding: 13px!important
}

@media (max-width: 480px) {
    .auth-form-gift__auth-form .ui-field {
        min-height:40px;
        padding: 10px!important
    }
}

.auth-form-gift__auth-form .ui-field .ui-input {
    height: 32px;
    line-height: 88.44%;
    color: #ffffff;
    font-family: Circe;
    font-size: 13px!important;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 1.95px;
    text-transform: uppercase
}

.auth-form-gift__auth-form .ui-field .ui-input::-moz-placeholder {
    color: #ffffff;
    font-family: Circe;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 88.44%;
    letter-spacing: 1.95px;
    text-transform: uppercase
}

.auth-form-gift__auth-form .ui-field .ui-input:-ms-input-placeholder {
    color: #ffffff;
    font-family: Circe;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 88.44%;
    letter-spacing: 1.95px;
    text-transform: uppercase
}

.auth-form-gift__auth-form .ui-field .ui-input::placeholder {
    color: #ffffff;
    font-family: Circe;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 88.44%;
    letter-spacing: 1.95px;
    text-transform: uppercase
}

@media (max-width: 480px) {
    .auth-form-gift__auth-form .ui-field .ui-input::-moz-placeholder {
        font-size:10px;
        letter-spacing: 1.5px
    }

    .auth-form-gift__auth-form .ui-field .ui-input:-ms-input-placeholder {
        font-size: 10px;
        letter-spacing: 1.5px
    }

    .auth-form-gift__auth-form .ui-field .ui-input::placeholder {
        font-size: 10px;
        letter-spacing: 1.5px
    }
}

.auth-form-gift__auth-form .ui-field .ui-error {
    color: #ee7c7c;
    font-family: Circe;
    font-size: 15px;
    font-style: normal;
    font-weight: 350;
    line-height: 88.44%;
    letter-spacing: .75px;
    padding-top: 15px;
    padding-left: 18px
}

@media (max-width: 480px) {
    .auth-form-gift__auth-form .ui-field .ui-error {
        font-size:10px;
        letter-spacing: .5px;
        padding-top: 10px;
        padding-left: 10px
    }
}

.auth-form-gift__auth-form .ui-field:after,.auth-form-gift__auth-form .ui-field:before {
    content: none
}

.auth-form-gift__auth-form-reg {
    text-align: center;
    color: #ffffff;
    font-family: Circe;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    padding-bottom: 15px
}

.auth-form-gift__auth-form-reg a {
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: underline
}

.auth-form-gift__auth-form-error {
    text-transform: lowercase
}

.auth-form-gift__auth-form-error,.auth-form-gift__auth-form-invalid {
    color: #ee7c7c;
    font-family: Circe;
    font-size: 15px;
    font-style: normal;
    font-weight: 350;
    line-height: 88.44%;
    letter-spacing: .75px
}

.auth-form-gift__auth-form-invalid {
    text-align: center
}

.new-year-finish {
    display: flex;
    flex-direction: column;
    padding: 130px;
    align-items: center;
    justify-content: center
}

@media (max-width: 480px) {
    .new-year-finish {
        padding:10px
    }
}

.new-year-finish__gift {
    width: 149px;
    height: 149px;
    margin-bottom: 30px
}

@media (max-width: 480px) {
    .new-year-finish__gift {
        width:110px;
        height: 110px;
        margin-bottom: 20px
    }
}

.new-year-finish__gift img {
    width: 100%;
    display: block
}

.new-year-finish__text {
    color: #fff;
    text-align: center;
    font-family: Circe;
    font-size: 30px;
    font-style: normal;
    font-weight: 350;
    line-height: 100%;
    letter-spacing: -.3px;
    text-transform: uppercase
}

@media (max-width: 480px) {
    .new-year-finish__text {
        font-size:20px
    }
}

.last-gift {
    display: flex;
    flex-direction: column;
    padding: 100px 85px;
    align-items: center;
    justify-content: center
}

@media (max-width: 480px) {
    .last-gift {
        padding:0 10px
    }
}

.last-gift__text {
    color: #fff;
    text-align: center;
    font-family: Circe;
    font-size: 30px;
    font-style: normal;
    font-weight: 350;
    line-height: 100%;
    letter-spacing: -.3px;
    text-transform: uppercase;
    padding-bottom: 40px
}

@media (max-width: 480px) {
    .last-gift__text {
        font-size:23px
    }
}

.last-gift__description {
    color: #fff;
    text-align: center;
    font-family: Circe;
    font-size: 53.22px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -.532px;
    text-transform: uppercase;
    padding-bottom: 40px
}

@media (max-width: 480px) {
    .last-gift__description {
        font-size:35px
    }
}

.last-gift__ticket {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    --mask: radial-gradient(7.50px at 10.50px,at 50%,#000 99%,transparent 101%) 0 calc(50% - 12px)/51% 24px repeat-y,radial-gradient(7.50px at -4.5px,at 50%,transparent 99%,#000 101%) 6px 50%/calc(51% - 6px) 24px repeat-y,radial-gradient(7.50px at calc(100% - 10.5px) 50%,#000 99%,transparent 101%) 100% calc(50% - 12px)/51% 24px repeat-y,radial-gradient(7.50px at calc(100% + 4.5px) 50%,transparent 99%,#000 101%) calc(100% - 6px) 50%/calc(51% - 6px) 24px repeat-y;
    --mask: radial-gradient(7.50px at 10.50px 50%,#000 99%,transparent 101%) 0 calc(50% - 12px)/51% 24px repeat-y,radial-gradient(7.50px at -4.5px 50%,transparent 99%,#000 101%) 6px 50%/calc(51% - 6px) 24px repeat-y,radial-gradient(7.50px at calc(100% - 10.5px) 50%,#000 99%,transparent 101%) 100% calc(50% - 12px)/51% 24px repeat-y,radial-gradient(7.50px at calc(100% + 4.5px) 50%,transparent 99%,#000 101%) calc(100% - 6px) 50%/calc(51% - 6px) 24px repeat-y;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    color: #9fb7f5;
    background-image: url(https://imgcdn.zarina.ru/upload/images/new-year-gift/shine3.gif);
    background-position: 50%;
    width: 190px;
    height: 85px
}

.last-gift__ticket-text {
    text-align: center;
    font-size: 13px;
    letter-spacing: -.13px;
    padding-bottom: 5px
}

.last-gift__ticket-code,.last-gift__ticket-text {
    -webkit-background-clip: text;
    background-clip: text;
    background-image: url(https://imgcdn.zarina.ru/upload/images/new-year-gift/bg-text-ticket.png);
    color: transparent;
    font-family: Circe;
    font-style: normal;
    font-weight: 700;
    line-height: 88.44%;
    text-transform: uppercase;
    mix-blend-mode: hard-light
}

.last-gift__ticket-code {
    font-size: 35px;
    letter-spacing: -.35px
}

.promo-code {
    font-size: 24px; /* Увеличенный размер шрифта для промокода */
    color: #fff; /* Цвет текста */
    margin: 10px 0; /* Отступ */
    font-weight: bold; /* Жирный шрифт */
}
/* Стиль для кнопки копирования */
.copy-button {
    cursor: pointer;
    background-color: #4CAF50; /* Зеленый цвет фона */
    color: white; /* Белый цвет текста */
    padding: 10px 20px;
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    border-radius: 5px;
}
.copy-button:hover {
    background-color: white;
    color: black;
}

/* Стили для кнопки */
#show-popup-button {
  padding: 10px 20px;
  margin: 20px;
  cursor: pointer;
}


.ui-modals-body {
    /* Устанавливаем фиксированную ширину для десктопных экранов */
    width: 600px;
    /* Остальные стили */
      text-align: center; /* Центрирование текста внутри попапа */
      height: 550px;
}

/* Используем медиа-запросы для адаптации под мобильные устройства */
@media (max-width: 480px) {
    .ui-modals-body {
        /* Делаем ширину модального окна равной ширине экрана на мобильных устройствах */
        width: 300px;
          text-align: center; /* Центрирование текста внутри попапа */
    }
}

.auth-form-gift__auth-form .ui-field .ui-input {
height: 32px;
line-height: 88.44%;
color: #ffffff;
font-family: Circe;
font-size: 13px!important;
font-style: normal;
font-weight: 400;
letter-spacing: 1.95px;
text-transform: uppercase;
text-align: center;
}

.canvas.scratchcard-overlay {
    display: none !important;
}

.gifts-block {
    width: 100%; /* ширина блока */
    overflow: hidden; /* скрываем части, выходящие за пределы блока */
    color: white; /* цвет текста */
        max-width: 300px;
}

.gifts-title {
    font-weight: bold; /* жирный шрифт для заголовка */
    text-align: center; /* выравнивание по центру */
    margin-bottom: 10px; /* отступ снизу */
    color: white; /* цвет текста */
        color: white; /* цвет текста */
}

.gifts-scroll {
    white-space: nowrap; /* текст в одну строку */
    display: flex; /* гибкое расположение элементов */
    animation: scrollGifts 7s linear infinite; /* анимация для бегущей строки */
    color: white; /* цвет текста */
}

/* ключевые кадры анимации */
@keyframes scrollGifts {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-50%); }

}

.auth-form-gift__auth-form-consent label {
    color: #2f2f2f;
    font-size: smaller;
}

.auth-form-gift__auth-form-checkbox a {
    text-decoration: underline;
    color: #2f2f2f;
    font-size: smaller;
}

.auth-form-gift__auth-form-consent label {
    color: #2f2f2f;
    font-size: 10px;
}





/* Предполагая, что родительский контейнер имеет класс .main-gift */
.main-gift {
    display: flex;
    flex-direction: column;
    align-items: center; /* Центрирование содержимого по горизонтали */
    justify-content: center; /* Центрирование содержимого по вертикали */

    /* Убедитесь, что у .main-gift нет других стилей, которые могут конфликтовать с этими */
}

.custom-button {
   
    margin: 10px auto; /* Автоматические отступы для центрирования кнопки по горизонтали */
}

.gifts-block {
    display: flex;
    justify-content: center; /* Центрирование содержимого по горизонтали */
    align-items: center; /* Центрирование содержимого по вертикали */
    flex-direction: column; /* Для центрирования дочерних элементов вертикально */
    
}


.new-year-game__ticket {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 3%;
    right: 3%;
    z-index: 1;
    cursor: pointer;
    --mask: radial-gradient(7.50px at 10.50px,at 50%,#000 99%,transparent 101%) 0 calc(50% - 12px)/51% 24px repeat-y,radial-gradient(7.50px at -4.5px,at 50%,transparent 99%,#000 101%) 6px 50%/calc(51% - 6px) 24px repeat-y,radial-gradient(7.50px at calc(100% - 10.5px) 50%,#000 99%,transparent 101%) 100% calc(50% - 12px)/51% 24px repeat-y,radial-gradient(7.50px at calc(100% + 4.5px) 50%,transparent 99%,#000 101%) calc(100% - 6px) 50%/calc(51% - 6px) 24px repeat-y;
    --mask: radial-gradient(7.50px at 10.50px 50%,#000 99%,transparent 101%) 0 calc(50% - 12px)/51% 24px repeat-y,radial-gradient(7.50px at -4.5px 50%,transparent 99%,#000 101%) 6px 50%/calc(51% - 6px) 24px repeat-y,radial-gradient(7.50px at calc(100% - 10.5px) 50%,#000 99%,transparent 101%) 100% calc(50% - 12px)/51% 24px repeat-y,radial-gradient(7.50px at calc(100% + 4.5px) 50%,transparent 99%,#000 101%) calc(100% - 6px) 50%/calc(51% - 6px) 24px repeat-y;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    color: #9fb7f5;
    background-image: url(https://imgcdn.zarina.ru/upload/images/new-year-gift/shine3.gif);
    background-position: 50%;
    width: 190px;
    height: 85px
}

@media (max-width: 480px) {
    .new-year-game__ticket {
        width:105px;
        height: 48px;
        --mask: radial-gradient(4.14px at 5.85px,at 50%,#000 99%,transparent 101%) 0 calc(50% - 6px)/51% 12px repeat-y,radial-gradient(4.14px at -2.85px,at 50%,transparent 99%,#000 101%) 3px 50%/calc(51% - 3px) 12px repeat-y,radial-gradient(4.14px at calc(100% - 5.85px) 50%,#000 99%,transparent 101%) 100% calc(50% - 6px)/51% 12px repeat-y,radial-gradient(4.14px at calc(100% + 2.85px) 50%,transparent 99%,#000 101%) calc(100% - 3px) 50%/calc(51% - 3px) 12px repeat-y;
        --mask: radial-gradient(4.14px at 5.85px 50%,#000 99%,transparent 101%) 0 calc(50% - 6px)/51% 12px repeat-y,radial-gradient(4.14px at -2.85px 50%,transparent 99%,#000 101%) 3px 50%/calc(51% - 3px) 12px repeat-y,radial-gradient(4.14px at calc(100% - 5.85px) 50%,#000 99%,transparent 101%) 100% calc(50% - 6px)/51% 12px repeat-y,radial-gradient(4.14px at calc(100% + 2.85px) 50%,transparent 99%,#000 101%) calc(100% - 3px) 50%/calc(51% - 3px) 12px repeat-y
    }
}



#fixed-span {
    position: fixed;
    right: 10px; /* Изменено с left: 0; на right: 10px; для размещения в правом нижнем углу */
    bottom: 10px;
    background-color: #f0f0f000; /* Прозрачный фон */
    padding: 0; /* Убраны отступы внутри блока */
    z-index: 1000;
    width: 170px;
    height: 68px;
    display: flex; /* Добавлено для выравнивания содержимого внутри блока */
    justify-content: center; /* Выравнивание содержимого по горизонтали */
    align-items: center; /* Выравнивание содержимого по вертикали */
}

#fixed-span button {
    background: none; /* Убираем фон кнопки */
    border: none; /* Убираем границу кнопки */
    padding: 0; /* Убираем отступы кнопки */
    margin: 0; /* Убираем внешние отступы кнопки */
}

#fixed-span img {
    width: 100%; /* Ширина изображения равна ширине блока */
    height: auto; /* Высота изображения автоматически подстраивается под ширину */
}

font.errortext {
    color: red !important;
    display: none;
}

.cl {
    position: fixed;
    background-color: #242328;
    z-index: 100;
    width: -webkit-fill-available;
}

.basket-item-price-old-text {
    position: relative;
    display: inline-block;
    margin-bottom: 6px;
    padding: 0 1px;
    font-weight: 400;
    color: var(--secondary-txt);
    font-size: 14px;
    line-height: 14px;
    text-decoration: line-through;
}

.footer a, .footer span, .footer-item-title, .footer-item-title div {
    color: #222222 !important;
}

.footer-item .navigation a {
    opacity: 0.9 !important;
    color: azure;
}

@media (max-width: 787px) {
    header.header {
        display: flex;
        position: absolute;
        top: -3px!important;
    }
}



/* Futura New — Medium Italic */
/* === Single-source setup: всё едет из одного файла FuturaNewBook-Reg.woff2 === */

/* Базовая гарнитура: Futura New (normal 400) */
@font-face {
  font-family: 'Futura New';
  src: url('/dev/fonts/FuturaNewBook-Reg.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Италика: синтетическая, но объявим face для корректного матчинга */
@font-face {
  font-family: 'Futura New';
  src: url('/dev/fonts/FuturaNewBook-Reg.woff2') format('woff2');
  font-weight: 400;
  font-style: italic; /* будет faux-italic */
  font-display: swap;
}

/* Маппинг на Demi (600) — тоже из того же файла; браузер сделает faux-bold */
@font-face {
  font-family: 'Futura New Demi';
  src: url('/dev/fonts/FuturaNewBook-Reg.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Маппинг на Book (400) — совместимость с существующими стилями */
@font-face {
  font-family: 'Futura New Book';
  src: url('/dev/fonts/FuturaNewBook-Reg.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Необязательные «заглушки» под другие веса/курсивы, если они встречаются в коде:
   все указывают на один и тот же файл; браузер синтезирует начертание при необходимости */
@font-face {
  font-family: 'Futura New';
  src: url('/dev/fonts/FuturaNewBook-Reg.woff2') format('woff2');
  font-weight: 700;              /* faux-bold */
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Futura New';
  src: url('/dev/fonts/FuturaNewBook-Reg.woff2') format('woff2');
  font-weight: 700;              /* faux-bold italic */
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Futura New';
  src: url('/dev/fonts/FuturaNewBook-Reg.woff2') format('woff2');
  font-weight: 300;              /* faux-light */
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Futura New';
  src: url('/dev/fonts/FuturaNewBook-Reg.woff2') format('woff2');
  font-weight: 300;              /* faux-light italic */
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Futura New';
  src: url('/dev/fonts/FuturaNewBook-Reg.woff2') format('woff2');
  font-weight: 900;              /* faux-black */
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Futura New';
  src: url('/dev/fonts/FuturaNewBook-Reg.woff2') format('woff2');
  font-weight: 900;              /* faux-black italic */
  font-style: italic;
  font-display: swap;
}

/* Базовое семейство на сайте */
html, body {
  font-family: 'Futura New', 'Futura New Book', 'Futura New Demi',
               -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  /* Разрешаем браузеру синтезировать жирность/курсив из одного файла: */
  font-synthesis: weight style;
}

/* ЕСЛИ нужно жестко перебить чужие шрифты по всему сайту — раскомментируй:
:root, body, body * {
  font-family: 'Futura New', -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
  font-synthesis: weight style !important;
}
*/



<link rel="preload" href="/dev/fonts/FuturaNewBook-Reg.woff2" as="font" type="font/woff2" crossorigin="anonymous">


.product_card-flags {
    position: absolute;
    z-index: 2;
    top: 12px;
    left: 12px;
    pointer-events: none;
    user-select: none;
    DISPLAY: none;
}



html, body, body * {
  font-weight: 400 !important;
}



.static_page h1, .static_page h1 * {
    font-weight: 300;
    font-size: 18px;
    color: #202020;
}

.product-item-container {
padding: 0px;
}

.product-item-detail-gallery img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 0px;
}


@media screen and (max-width: 480px) {
  .wrapper-inner.static_page {
    margin-top: 80px !important;
  }
}