.shared-ui,.shared-ui BUTTON,.shared-ui INPUT,.shared-ui TEXTAREA{ font-family: Play, sans-serif } .shared-ui .btn,.shared-ui .slick-slide,.shared-ui BUTTON,.shared-ui BUTTON:focus,.shared-ui INPUT,.shared-ui INPUT:focus,.shared-ui TEXTAREA,.shared-ui TEXTAREA:focus{ outline: 0 } .shared-ui .h-nowrap,.shared-ui .header-ico-link{ white-space: nowrap } .shared-ui .footer__cr,.shared-ui .h-uppc,.shared-ui .header-nav__smenu-name{ text-transform: uppercase } .shared-ui .get-luck-sm__item-inner A,.shared-ui .gl-item__f-face,.shared-ui .page-404 .page-inner,.shared-ui .promo-comms__slide-inner{ -webkit-box-direction: normal } .shared-ui .cf:after,.shared-ui .cf:before,.shared-ui .footer__bottom .wrapper:after,.shared-ui .footer__bottom .wrapper:before,.shared-ui .lk-menu .wrapper:after,.shared-ui .lk-menu .wrapper:before,.shared-ui .lk-nav:after,.shared-ui .lk-nav:before,.shared-ui .price-wr__main-str:after,.shared-ui .price-wr__main-str:before,.shared-ui .steps-block__inner:after,.shared-ui .steps-block__inner:before{ content: " "; display: table } .shared-ui .h-inlb,.shared-ui .h-inlb-m{ display: inline-block } .shared-ui .cf:after,.shared-ui .footer__bottom .wrapper:after,.shared-ui .lk-menu .wrapper:after,.shared-ui .lk-nav:after,.shared-ui .price-wr__main-str:after,.shared-ui .steps-block__inner:after{ clear: both } .shared-ui .fl{ float: left } .shared-ui .fr{ float: right } .shared-ui .h-inlb{ vertical-align: top } .shared-ui .h-inlb-m{ vertical-align: middle } .shared-ui .h-bl{ display: block } .shared-ui .h-tbl{ display: table } .shared-ui .header__info-wr,.shared-ui .header__top>.wrapper{ position: relative; display: -webkit-flex; -webkit-box-pack: justify } .shared-ui OL,.shared-ui P,.shared-ui UL,.shared-ui h1,.shared-ui h2,.shared-ui h3,.shared-ui h4,.shared-ui h5,.shared-ui h6{ margin-bottom: 30px; } .shared-ui .h-f-s0{ font-size: 0 } .shared-ui .h-f-s20{ font-size: 20px } .shared-ui .h-f-s24{ font-size: 24px } .shared-ui .h-f-s16{ font-size: 16px } .shared-ui .h-f-s12{ font-size: 12px } .shared-ui .h-bold{ font-weight: 700 } .shared-ui .h-itl{ font-style: italic } .shared-ui .h-c-white{ color: #fff } .shared-ui .h-c-black{ color: #000 } .shared-ui .h-c-blue{ color: #61909f } .shared-ui,.shared-ui{ height: 100%; min-width: 320px } .shared-ui{ background-color: #f6f6f6; font-size: 14px; line-height: 20px } .shared-ui BUTTON,.shared-ui INPUT,.shared-ui TEXTAREA{ border: 0; background-color: transparent; padding: 0; line-height: normal; -webkit-appearance: none; border-radius: 0 } .shared-ui INPUT{ box-sizing: border-box !important } .shared-ui TEXTAREA{ resize: vertical } .shared-ui A{ text-decoration: none } .shared-ui OL,.shared-ui UL{ padding: 0; list-style: none } .shared-ui IMG{ max-width: 100% } .shared-ui ::-moz-selection{ background: var(--mc-accent-strong); color: #fff; text-shadow: none } .shared-ui ::selection{ background: var(--mc-accent-strong); color: #fff; text-shadow: none } .shared-ui ::-webkit-scrollbar-track{ background: #f6f6f6 } .shared-ui ::-webkit-scrollbar{ width: 10px } .shared-ui ::-webkit-scrollbar-thumb{ background-color: var(--mc-accent-strong); cursor: pointer } .shared-ui .header{ background: #fff; color: #242424; position: relative; z-index: 100; padding-bottom: 57px } .shared-ui .header__top>.wrapper{ display: flex; -webkit-justify-content: space-between; justify-content: space-between; padding-top: 15px; padding-bottom: 20px } .shared-ui .header__logo{ max-width: 240px; margin-right: 45px; padding-top: 15px; -webkit-flex-shrink: 0; flex-shrink: 0 } .shared-ui .header__logo IMG{ max-width: 100%; display: block } .shared-ui .header__main-col{ -webkit-flex-grow: 1; flex-grow: 1; padding-left: 0px; padding-top: 7px; max-width: 1000px } .shared-ui .header__info-wr{ line-height: 20px; display: flex; justify-content: space-between } .shared-ui .header-nav,.shared-ui .header__info-links{ display: flex; } .shared-ui .header__info-links{ width: 53%; display: flex; justify-content: space-between; align-items: center; max-width: 420px; min-width: 370px; padding-right: 30px; } .shared-ui .header__info-links li + li{ margin-left: 10px; } @media (max-width: 1020px){.shared-ui .header__info-links{ display: none !important; }} @media (max-width:1020px){.shared-ui .header__info-wr{ display:flex !important; flex-wrap: wrap; align-items: center; gap: 10px; } .shared-ui .header__info-links{ flex: 1 1 auto; min-width: 0; max-width: none; width: auto; padding-right: 10px; } .shared-ui .header-store{ display: inline-flex !important; margin-left: auto; opacity: 1 !important; visibility: visible !important; z-index: 5; } .shared-ui .header-user{ display:block !important; }} @media (max-width: 860px){.shared-ui .header-store i:not([class]){ display: none !important; } .shared-ui .header-store{ min-width: 45px; }} .shared-ui .header__nav{ background-color: #fff; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); position: absolute; left: 0; right: 0; top: 100% } .shared-ui .header__nav .wrapper{ padding: 0 } .shared-ui .header__mob-search{ width: 57px; background-color: #f6f6f6; font-size: 17px; -webkit-align-self: stretch; align-self: stretch; -webkit-flex-shrink: 0; flex-shrink: 0; display: none } .shared-ui #searchsuggestions{ background: var(--bg); max-height: 350px; padding: 20px; border-radius: var(--radius); box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%); overflow-y: auto; z-index: 9; } @media (max-width: 860px){.shared-ui #searchsuggestions{ border-radius: 0 0 var(--radius) var(--radius); }} .shared-ui #searchsuggestions > a:not(.dle-fast_item){ display: inline-block; color: #a5a1b2; font-size: 14px; margin-bottom: 90px; } .shared-ui #searchsuggestions > a .searchheading{ display: block; color: var(--color3); font-weight: bold; margin-bottom: 20px; } .shared-ui #searchsuggestions .seperator{ display: block; background: var(--color1); color: #fff; border-radius: var(--radius); padding: 8px 10px; width: 100%; font-size: 12px; text-align: center; } @media screen and (min-width:1021px){body._scrolled .shared-ui .page-body{ padding-top: 226px } body._scrolled .shared-ui .header{ position: fixed; top: 0 !important; left: 0; right: 0; padding-bottom: 0 } body._scrolled .shared-ui .header__top{ display: none } body._scrolled .shared-ui .header__nav{ -webkit-transition: -webkit-transform .4s; transition: transform .4s; -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important }} .shared-ui .header-ico-link,.shared-ui .header-ico-link__ico,.shared-ui .header-ico-link__txt{ display: inline-block; vertical-align: middle } .shared-ui .header-ico-link{ color: inherit; -webkit-flex-shrink: 0; flex-shrink: 0; padding: 0px 4px } .shared-ui .header-ico-link:hover .header-ico-link__ico{ -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px) } .shared-ui .header-ico-link__ico{ margin-right: 5px; -webkit-transition: .3s; transition: .3s } .shared-ui a{ color: var(--mc-accent-strong); } .shared-ui .header-ico-link__ico--cart{ height: 20px; width: 21px; background: url(../images/svg/cart.png) center no-repeat } .shared-ui .header-ico-link__ico--login{ height: 21px; width: 21px; background: url(../images/svg/login.png) center no-repeat } .shared-ui .header-nav__gr-link:hover,.shared-ui .header-nav__submenu{ background-color: #f1f1f1 } .shared-ui .header-ico-link__ico.iconic--favs{ margin-top: -1px } .shared-ui .header-ico-link__txt{ white-space: normal } .shared-ui .form-row__content--divided .input-wr+.input-wr .header-ico-link .input-cont:after,.shared-ui .header-ico-link .avatar__soc,.shared-ui .header-ico-link .blockquote,.shared-ui .header-ico-link .checkbox__view,.shared-ui .header-ico-link .dropdown__head:after,.shared-ui .header-ico-link .form-row__content--divided .input-wr+.input-wr .input-cont:after,.shared-ui .header-ico-link .iconic,.shared-ui .header-ico-link .popup__closer,.shared-ui .header-ico-link .slick-next,.shared-ui .header-ico-link .slick-prev,.shared-ui .header-ico-link .typography blockquote,.shared-ui .header-ico-link .ya-share2__item_service_facebook .ya-share2__icon,.shared-ui .header-ico-link .ya-share2__item_service_gplus .ya-share2__icon,.shared-ui .header-ico-link .ya-share2__item_service_moimir .ya-share2__icon,.shared-ui .header-ico-link .ya-share2__item_service_twitter .ya-share2__icon,.shared-ui .header-ico-link .ya-share2__item_service_vkontakte .ya-share2__icon,.shared-ui .typography .header-ico-link blockquote,.shared-ui .ya-share2__item_service_facebook .header-ico-link .ya-share2__icon,.shared-ui .ya-share2__item_service_gplus .header-ico-link .ya-share2__icon,.shared-ui .ya-share2__item_service_moimir .header-ico-link .ya-share2__icon,.shared-ui .ya-share2__item_service_twitter .header-ico-link .ya-share2__icon,.shared-ui .ya-share2__item_service_vkontakte .header-ico-link .ya-share2__icon{ font-size: 29px } .shared-ui .header-nav{ display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: stretch; align-items: stretch; height: 55px } .shared-ui .header-nav__group{ -webkit-flex-grow: 1; flex-grow: 1; display: -webkit-flex; display: flex } .shared-ui .header-nav__group:first-child,.shared-ui .header-nav__group:last-child{ -webkit-flex-grow: 0; flex-grow: 0 } .shared-ui .header-nav__group:hover .header-nav__submenu{ display: block } .shared-ui .header-nav__gr-link{ display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-grow: 1; flex-grow: 1; font-size: 16px; line-height: 24px; color: #000; text-decoration: none; padding: 5px 20px; text-align: center; -webkit-transition: 150ms; transition: 150ms } .shared-ui .header-nav__gr-link sup{ color: grey; white-space: nowrap } @media screen and (max-width:1020px){.shared-ui .header-nav__gr-link{ padding-left: 20px; padding-right: 20px; font-size: 15px }} .shared-ui .header-nav__submenu{ position: absolute; left: 0; right: 0; top: 100%; margin-top: -1px; display: none } .shared-ui .search-wr,.shared-ui .search-wr__main{ position: relative } .shared-ui .header-nav__submenu .wrapper{ padding: 0; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between } .shared-ui .header-nav__smenu-item{ width: 12.5%; padding: 15px 20px; display: block; text-align: center; color: #000; text-decoration: none; -webkit-transition: 150ms; transition: 150ms } .shared-ui .header-nav__smenu-item:hover{ background-color: var(--mc-accent-strong) } @media screen and (max-width:1020px){.shared-ui .header-nav__smenu-item{ padding-left: 20px; padding-right: 20px }} .shared-ui .header-nav__smenu-ico{ height: 54px; line-height: 54px; text-align: center } .shared-ui .form-row__content--divided .input-wr+.input-wr .header-nav__smenu-ico .input-cont:after,.shared-ui .header-nav__smenu-ico .avatar__soc,.shared-ui .header-nav__smenu-ico .blockquote,.shared-ui .header-nav__smenu-ico .checkbox__view,.shared-ui .header-nav__smenu-ico .dropdown__head:after,.shared-ui .header-nav__smenu-ico .form-row__content--divided .input-wr+.input-wr .input-cont:after,.shared-ui .header-nav__smenu-ico .iconic,.shared-ui .header-nav__smenu-ico .popup__closer,.shared-ui .header-nav__smenu-ico .slick-next,.shared-ui .header-nav__smenu-ico .slick-prev,.shared-ui .header-nav__smenu-ico .typography blockquote,.shared-ui .header-nav__smenu-ico .ya-share2__item_service_facebook .ya-share2__icon,.shared-ui .header-nav__smenu-ico .ya-share2__item_service_gplus .ya-share2__icon,.shared-ui .header-nav__smenu-ico .ya-share2__item_service_moimir .ya-share2__icon,.shared-ui .header-nav__smenu-ico .ya-share2__item_service_twitter .ya-share2__icon,.shared-ui .header-nav__smenu-ico .ya-share2__item_service_vkontakte .ya-share2__icon,.shared-ui .header-nav__smenu-ico img,.shared-ui .typography .header-nav__smenu-ico blockquote,.shared-ui .ya-share2__item_service_facebook .header-nav__smenu-ico .ya-share2__icon,.shared-ui .ya-share2__item_service_gplus .header-nav__smenu-ico .ya-share2__icon,.shared-ui .ya-share2__item_service_moimir .header-nav__smenu-ico .ya-share2__icon,.shared-ui .ya-share2__item_service_twitter .header-nav__smenu-ico .ya-share2__icon,.shared-ui .ya-share2__item_service_vkontakte .header-nav__smenu-ico .ya-share2__icon{ max-width: 94%; max-height: 100%; display: inline-block; vertical-align: middle } .shared-ui .form-row__content--divided .input-wr+.input-wr .header-nav__smenu-ico .input-cont:after,.shared-ui .header-nav__smenu-ico .avatar__soc,.shared-ui .header-nav__smenu-ico .blockquote,.shared-ui .header-nav__smenu-ico .checkbox__view,.shared-ui .header-nav__smenu-ico .dropdown__head:after,.shared-ui .header-nav__smenu-ico .form-row__content--divided .input-wr+.input-wr .input-cont:after,.shared-ui .header-nav__smenu-ico .iconic,.shared-ui .header-nav__smenu-ico .popup__closer,.shared-ui .header-nav__smenu-ico .slick-next,.shared-ui .header-nav__smenu-ico .slick-prev,.shared-ui .header-nav__smenu-ico .typography blockquote,.shared-ui .header-nav__smenu-ico .ya-share2__item_service_facebook .ya-share2__icon,.shared-ui .header-nav__smenu-ico .ya-share2__item_service_gplus .ya-share2__icon,.shared-ui .header-nav__smenu-ico .ya-share2__item_service_moimir .ya-share2__icon,.shared-ui .header-nav__smenu-ico .ya-share2__item_service_twitter .ya-share2__icon,.shared-ui .header-nav__smenu-ico .ya-share2__item_service_vkontakte .ya-share2__icon,.shared-ui .typography .header-nav__smenu-ico blockquote,.shared-ui .ya-share2__item_service_facebook .header-nav__smenu-ico .ya-share2__icon,.shared-ui .ya-share2__item_service_gplus .header-nav__smenu-ico .ya-share2__icon,.shared-ui .ya-share2__item_service_moimir .header-nav__smenu-ico .ya-share2__icon,.shared-ui .ya-share2__item_service_twitter .header-nav__smenu-ico .ya-share2__icon,.shared-ui .ya-share2__item_service_vkontakte .header-nav__smenu-ico .ya-share2__icon{ font-size: 26px } .shared-ui .header-nav__smenu-ico .iconic--cat-action{ font-size: 25px } .shared-ui .header-nav__smenu-ico .iconic--cat-adventure{ font-size: 49px } .shared-ui .header-nav__smenu-ico .iconic--cat-rpg{ font-size: 39px } .shared-ui .header-nav__smenu-ico .iconic--cat-sim{ font-size: 42px } .shared-ui .header-nav__smenu-ico .iconic--cat-strategy{ font-size: 35px } .shared-ui .header-nav__smenu-ico .iconic--cat-mmo{ font-size: 42px } .shared-ui .header-nav__smenu-ico .iconic--cat-arcade{ font-size: 28px } .shared-ui .header-nav__smenu-ico .iconic--cat-sport{ font-size: 38px } .shared-ui .header-nav__smenu-name{ font-size: 11px; line-height: normal; letter-spacing: .6px; margin-top: 10px } @media screen and (min-width: 1021px){.shared-ui .currency__dropdown{ position: absolute; right: 150px; top: 27px; }} .shared-ui .currency__dropdown .dropdown__head{ padding: 4px 40px 4px 20px; border: 1px solid #dedede; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .shared-ui .currency__dropdown .dropdown__head-main{ display: none; } @media screen and (min-width: 481px){.shared-ui .currency__dropdown .dropdown__head-mob{ display: none; } .shared-ui .currency__dropdown .dropdown__head-main{ display: block; }} .shared-ui .currency__dropdown .dropdown__head-mob::after{ content: ""; font-family: iconic; position: absolute; top: 50%; right: 20px; color: #9f9f9f; font-size: 4px; height: 4px; line-height: 4px; margin-top: -1px; } .shared-ui .currency__dropdown .dropdown__head:hover{ box-shadow: none; } @media screen and (max-width: 320px){.shared-ui .currency__dropdown .dropdown__head-mob{ margin-right: 10px; } .shared-ui .currency__dropdown .dropdown__head-mob .dropdown__head{ padding: 0 22px 0 10px; }} @media screen and (max-width: 1020px){.shared-ui .currency__dropdown .dropdown__head{ height: 44px; line-height: 44px; padding: 0 42px 0 20px; border-radius: 4px; width: 80px; }} .shared-ui .currency__dropdown .dropdown__cont{ padding: 6px 0; min-width: initial; } .shared-ui .currency__list-item{ height: 30px; padding: 0 16px 0 20px; line-height: 30px; -webkit-transition: 150ms; transition: 150ms; cursor: pointer; } .shared-ui .currency__list-item:hover{ background-color: #f6f6f6; } .shared-ui .currency__list-item._active{ background-color: var(--mc-accent-strong); } .shared-ui .currency__symbol{ float: right; } .shared-ui .search-div__txt{ color: #a2a2a2; font-size: 12px; padding: 7px 0 } .shared-ui .search-wr__main{ margin-left: -3px } .shared-ui .search-wr__input{ background: #fff; border: 2px solid var(--mc-accent-strong); border-radius: 4px; padding: 0 45px 0 15px; font-size: 16px; height: 44px; line-height: 40px; width: 100% } .shared-ui .search-wr__input::-webkit-input-placeholder{ color: #000 } .shared-ui .search-wr__input::-moz-placeholder{ color: #000 } .shared-ui .search-wr__input:-ms-input-placeholder{ color: #000 } .shared-ui .search-wr__input::placeholder{ color: #000 } .shared-ui .search-wr__btns-pair{ width: 45px; text-align: center; background: red; line-height: 44px } .shared-ui .form-row__content--divided .input-wr+.input-wr .search-wr__btns-pair .input-cont:after,.shared-ui .search-wr__btns-pair .avatar__soc,.shared-ui .search-wr__btns-pair .blockquote,.shared-ui .search-wr__btns-pair .checkbox__view,.shared-ui .search-wr__btns-pair .dropdown__head:after,.shared-ui .search-wr__btns-pair .form-row__content--divided .input-wr+.input-wr .input-cont:after,.shared-ui .search-wr__btns-pair .iconic,.shared-ui .search-wr__btns-pair .popup__closer,.shared-ui .search-wr__btns-pair .slick-next,.shared-ui .search-wr__btns-pair .slick-prev,.shared-ui .search-wr__btns-pair .typography blockquote,.shared-ui .search-wr__btns-pair .ya-share2__item_service_facebook .ya-share2__icon,.shared-ui .search-wr__btns-pair .ya-share2__item_service_gplus .ya-share2__icon,.shared-ui .search-wr__btns-pair .ya-share2__item_service_moimir .ya-share2__icon,.shared-ui .search-wr__btns-pair .ya-share2__item_service_twitter .ya-share2__icon,.shared-ui .search-wr__btns-pair .ya-share2__item_service_vkontakte .ya-share2__icon,.shared-ui .typography .search-wr__btns-pair blockquote,.shared-ui .ya-share2__item_service_facebook .search-wr__btns-pair .ya-share2__icon,.shared-ui .ya-share2__item_service_gplus .search-wr__btns-pair .ya-share2__icon,.shared-ui .ya-share2__item_service_moimir .search-wr__btns-pair .ya-share2__icon,.shared-ui .ya-share2__item_service_twitter .search-wr__btns-pair .ya-share2__icon,.shared-ui .ya-share2__item_service_vkontakte .search-wr__btns-pair .ya-share2__icon{ position: absolute; right: 15px; top: 2px; bottom: 2px; width: 45px; text-align: center; color: #1b1b1b; font-size: 18px; line-height: 40px; cursor: pointer } .shared-ui .search-wr__loadout-wr{ position: absolute; z-index: 10; top: 100%; left: -5px; right: 0; overflow: auto; margin-top: 8px; box-shadow: 3.5px 6.06px 32px 0 rgba(55, 54, 55, .24); background-color: #fff; -webkit-animation-duration: .85s; animation-duration: .85s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transform: rotate3d(1, 0, 0, 90deg); transform: rotate3d(1, 0, 0, 90deg); -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: none } .shared-ui .footer,.shared-ui .page-body{ overflow: hidden } .shared-ui .img-input__main,.shared-ui .input{ box-shadow: inset 1px 1.73px 5px 0 rgba(55, 54, 55, .1) } .shared-ui .search-wr__loadout-wr._active{ display: block; -webkit-animation-name: flipFromTop; animation-name: flipFromTop; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } .shared-ui .header-mob,.shared-ui .search-wr__loadout-wr._no-results .search-wr__loadout-bot{ display: none } .shared-ui .search-wr__loadout-empty{ font-size: 24px; line-height: 30px; font-weight: 700; padding: 20px } .shared-ui .search-wr__loadout{ padding: 10px 0 } .shared-ui .search-wr__loadout-bot{ background: #1b1b1b; color: #fff; font-size: 15px; padding: 20px } .shared-ui .search-wr__loadout-bot-link{ color: inherit; text-decoration: none } .shared-ui .search-wr__loadout-bot-link:hover{ text-decoration: underline } .shared-ui .btn,.shared-ui .link,.shared-ui .search-prod{ text-decoration: none } @media screen and (max-width:1020px){.shared-ui .search-wr__loadout-wr{ margin-top: 20px; max-height: 405px }} @media screen and (max-width:767px){.shared-ui .search-wr__loadout-wr{ margin-top: 0 }} .shared-ui .header-mob{ -webkit-align-self: stretch; align-self: stretch } .shared-ui .header-mob__menu{ position: absolute; z-index: 1; left: 0; right: 0; top: 100%; background-color: #fff; padding-top: 28px; padding-bottom: 35px; display: none } .shared-ui .header-mob__list{ display: inline-block; vertical-align: top; font-size: 16px; line-height: 20px; width: 185px; padding-right: 10px } .shared-ui .footer__nav-link,.shared-ui .footer__pay-syst IMG{ vertical-align: middle } .shared-ui .header-mob__list a{ color: #000; padding: 5px 0; display: inline-block } .shared-ui .header-mob__list+.header-mob__list{ padding-left: 35px; padding-right: 0 } .shared-ui .header-mob__list--sm{ font-size: 14px } .shared-ui .header-mob-btn{ width: 70px; color: #000; font-size: 23px; text-align: center; background-color: var(--mc-accent-strong); height: 72px; line-height: 72px; position: relative } .shared-ui .header-mob-btn__bars,.shared-ui .header-mob-btn__close{ display: inline-block; vertical-align: middle; width: 100%; height: 72px; line-height: 72px; position: absolute; top: 0; left: 0; right: 0; cursor: pointer; -webkit-transition: 150ms; transition: 150ms } .shared-ui .header-mob-btn__bars:hover,.shared-ui .header-mob-btn__close:hover{ background-color: var(--mc-accent-strong) } .shared-ui .header-mob-btn__close{ opacity: 0; visibility: hidden } .shared-ui .header-mob-btn__bars{ opacity: 1; visibility: visible } .shared-ui .header-mob-btn__bars SPAN{ display: block; margin: 0 auto; width: 24px; height: 2px; background-color: #000 } .shared-ui .header-mob-btn__bars SPAN+SPAN{ margin-top: 5px } @media screen and (max-width:1020px){body._mob-menu-open .shared-ui .header-mob__menu{ display: block } body._mob-menu-open .shared-ui .header-mob-btn__bars{ opacity: 0; visibility: hidden } body._mob-menu-open .shared-ui .header-mob-btn__close{ opacity: 1; visibility: visible } .shared-ui .page-body{ padding-top: 72px } .shared-ui .header{ position: fixed; top: 0; left: 0; right: 0; padding-bottom: 0 } .shared-ui .header .header__info-wr,.shared-ui .header .header__nav,.shared-ui .header .search-div__txt{ display: none } .shared-ui .header .header-mob{ display: block } .shared-ui .header__top>.wrapper{ padding: 0; height: 72px; -webkit-align-items: center; align-items: center } .shared-ui .header__logo{ max-width: 130px; padding: 0 10px; margin: 0 10px } .shared-ui .header__main-col{ padding: 0 13px } .shared-ui .header .search-wr__main{ margin-left: 0 }} @media screen and (max-width:1024px){body._mob-search-open .shared-ui .search-wr{ display: block } body._mob-menu-open .shared-ui .header-mob__menu{ display: -webkit-flex; display: flex } .shared-ui .page-body{ padding-top: 57px } .shared-ui .search-wr{ display: none; position: absolute; top: 100%; left: 0; right: 0; background-color: #f6f6f6; padding: 8px 6px } .shared-ui .search-wr__submit{ display: none !important } .shared-ui .header-mob-btn,.shared-ui .header-mob-btn__bars,.shared-ui .header-mob-btn__close{ width: 57px; height: 57px; line-height: 57px } .shared-ui .header-mob__menu{ padding-left: 20px !important; padding-right: 20px !important } .shared-ui .header-mob__list{ width: 50% } .shared-ui .header__top>.wrapper{ height: 57px } .shared-ui .header__logo{ padding: 0px; height: 80% } .shared-ui .header__logo IMG{ max-height: 100% } .shared-ui .header__mob-search{ display: block }} .shared-ui .footer,.shared-ui .footer__main{ background-color: #1b1b1b } .shared-ui .footer{ color: #fff; position: relative } .shared-ui .footer__nav{ font-size: 16px; text-align: center; border-bottom: 1px solid #3d3d3d } .shared-ui .footer__nav UL{ padding: 24px 0; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center } @media screen and (min-width:1169px){.shared-ui .footer__nav{ font-size: 18px } .shared-ui .footer__nav UL{ padding-left: 10px; padding-right: 10px }} .shared-ui .footer__nav-link{ color: #fff; display: inline-block; border-bottom: 1px solid transparent; margin: 0 10px; -webkit-transition: 150ms; transition: 150ms } .shared-ui .footer__nav-link:hover{ border-bottom: 1px solid #fff } .shared-ui .footer__info{ padding: 33px 0 40px; color: #999; font-size: 13px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between } .shared-ui .footer__info-commerc,.shared-ui .footer__info-soc{ margin-bottom: 15px } .shared-ui .footer__info-commerc{ -webkit-flex-grow: 1; flex-grow: 1; padding: 0 80px } .shared-ui .footer__legal{ min-height: 60px; margin-bottom: 12px; position: relative } .shared-ui .footer__legal:after{ content: ""; display: block; width: 56px; height: 56px; background: url(../images/piracy.png) center no-repeat; background-size: cover; position: absolute; left: -80px; top: -8px } .shared-ui .footer__pay-syst{ line-height: 30px; -webkit-filter: grayscale(100%); filter: grayscale(100%) } .shared-ui .footer__info-soc{ width: 240px; -webkit-flex-shrink: 0; flex-shrink: 0; text-align: right } .shared-ui .footer__yt-wr{ min-height: 60px; margin-bottom: 19px } .shared-ui .footer__youtube{ display: block; color: inherit; text-align: right; padding-right: 109px; min-height: 35px; background: url(../images/youtube.png) top right no-repeat; max-width: 250px } .shared-ui .btn,.shared-ui .btn--cart,.shared-ui .btn--more,.shared-ui .input--ta-cent,.shared-ui .oblique-btns{ text-align: center } .shared-ui .footer__youtube SPAN{ border-bottom: 1px solid #4d4d4d; -webkit-transition: 150ms; transition: 150ms } .shared-ui .footer__youtube:hover SPAN{ border-bottom: 0 } .shared-ui .footer__bottom{ background-color: #101010; line-height: 20px } .shared-ui .footer__bottom~*{ display: none } .shared-ui .footer__bottom .wrapper{ padding-top: 20px; padding-bottom: 45px } .shared-ui .footer__cr,.shared-ui .footer__dev{ position: relative; z-index: 1 } .shared-ui .footer__cr{ font-size: 14px; float: left } .shared-ui .footer__dev{ font-size: 12px; color: #898989; float: right } .shared-ui .footer__dev a{ color: #fff } @media screen and (max-width:1020px){.shared-ui .footer__nav{ font-size: 15px; margin-right: -20px; margin-left: -20px } .shared-ui .footer__nav UL{ padding-left: 15px; padding-right: 15px } .shared-ui .footer__info-commerc{ padding-right: 30px } .shared-ui .footer .wrapper{ padding-left: 15px; padding-right: 15px }} @media screen and (max-width:860px){.shared-ui .footer__info{ display: block; padding-bottom: 10px } .shared-ui .footer__info-commerc{ padding-right: 0 } .shared-ui .footer__info-soc{ width: 100%; margin-bottom: 10px } .shared-ui .footer__info-soc .social-links{ position: absolute; bottom: 0; left: 0; right: 0; line-height: 20px; text-align: center; padding: 15px 0 } .shared-ui .footer__yt-wr{ display: inline-block; vertical-align: top; margin-top: -50px; min-height: 0; margin-bottom: 0 } .shared-ui .footer__pay-syst{ padding-right: 260px }} .shared-ui .page,.shared-ui .page-body{ position: relative } @media screen and (max-width:767px){.shared-ui .footer__nav{ font-size: 13px } .shared-ui .footer__nav a{ margin: 0 7px }} @media screen and (max-width:630px){.shared-ui .footer__nav,.shared-ui .footer__pay-syst{ display: none } .shared-ui .footer__info{ padding: 15px 0 20px } .shared-ui .footer__info-commerc{ margin-bottom: 35px; padding: 0 0 0 70px } .shared-ui .footer__legal{ margin-bottom: 0 } .shared-ui .footer__legal:after{ left: -75px; top: -2px } .shared-ui .footer__youtube,.shared-ui .footer__yt-wr{ margin: 0 auto; display: block } .shared-ui .footer .social-links{ bottom: 57px; padding: 0 } .shared-ui .footer__bottom .wrapper{ padding-top: 20px; padding-bottom: 20px } .shared-ui .footer__cr,.shared-ui .footer__dev{ float: none; text-align: center } .shared-ui .footer__cr{ margin-bottom: 57px }} .shared-ui .page{ z-index: 1; background-color: #f6f6f6 } .shared-ui .page-body--black{ background-color: #212121; color: #fff } .shared-ui .page-body--black P{ color: #a2a2a2 } .shared-ui .main-wr{ padding-top: 28px; padding-bottom: 72px } @media screen and (max-width:480px){.shared-ui .main-wr+.online-sells{ padding-top: 0 }} .shared-ui .wrapper{ margin: 0 auto; max-width: 1280px; min-width: 320px; padding-left: 20px; padding-right: 20px; padding-top: 10px; } .shared-ui .wrapper-inner{ display: block; width: auto; margin-left: -20px; margin-right: -20px } .shared-ui .btn,.shared-ui .icon{ display: inline-block; position: relative; vertical-align: middle } @media screen and (max-width:1020px){.shared-ui .wrapper{ padding-left: 20px; padding-right: 20px } .shared-ui .wrapper-inner{ margin-left: -20px; margin-right: -20px }} @media screen and (max-width:630px){.shared-ui .main-wr{ padding-bottom: 20px } .shared-ui .wrapper{ padding-right: 10px; padding-left: 10px; padding-top: 35px; } .shared-ui .wrapper-inner{ margin-left: -10px; margin-right: -10px }} .shared-ui .text-page{ padding: 30px 25px 50px; background-color: #fff } @media screen and (max-width:480px){.shared-ui .text-page{ padding: 25px 15px 25px; margin: -28px -10px -30px }} .shared-ui .text-page .h1,.shared-ui .text-page .typography h1,.shared-ui .typography .text-page h1{ font-weight: 400 } .shared-ui .avatar__soc,.shared-ui .blockquote,.shared-ui .checkbox__view,.shared-ui .dropdown__head:after,.shared-ui .form-row__content--divided .input-wr+.input-wr .input-cont:after,.shared-ui .iconic,.shared-ui .popup__closer,.shared-ui .slick-next,.shared-ui .slick-prev,.shared-ui .typography blockquote,.shared-ui .ya-share2__item_service_facebook .ya-share2__icon,.shared-ui .ya-share2__item_service_gplus .ya-share2__icon,.shared-ui .ya-share2__item_service_moimir .ya-share2__icon,.shared-ui .ya-share2__item_service_twitter .ya-share2__icon,.shared-ui .ya-share2__item_service_vkontakte .ya-share2__icon{ font-family: iconic; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; text-transform: none; color: #000 } .shared-ui .iconic--arr-full-l:after{ content: "" } .shared-ui .iconic--cat-action:after{ content: "" } .shared-ui .iconic--cat-adventure:after{ content: "" } .shared-ui .iconic--cat-arcade:after{ content: "" } .shared-ui .iconic--cat-mmo:after{ content: "" } .shared-ui .iconic--cat-rpg:after{ content: "" } .shared-ui .iconic--cat-sim:after{ content: "" } .shared-ui .iconic--cat-sport:after{ content: "" } .shared-ui .iconic--cat-strategy:after{ content: "" } .shared-ui .dropdown._active .dropdown__head:after,.shared-ui .iconic--chevron-b:after{ content: "" } .shared-ui .iconic--chevron-l:after{ content: "" } .shared-ui .iconic--chevron-r:after{ content: "" } .shared-ui .dropdown__head:after,.shared-ui .iconic--chevron-t:after{ content: "" } .shared-ui .form-row__content--divided .input-wr+.input-wr .input-cont:after,.shared-ui .iconic--chevron2-r:after{ content: "" } .shared-ui .iconic--clock:after{ content: "" } .shared-ui .iconic--cross:after,.shared-ui .popup__closer:after{ content: "" } .shared-ui .iconic--favs:after{ content: "" } .shared-ui .iconic--grid:after{ content: "" } .shared-ui .iconic--heart:after{ content: "" } .shared-ui .iconic--lupa:after{ content: "" } .shared-ui .blockquote:after,.shared-ui .iconic--quotes:after,.shared-ui .typography blockquote:after{ content: "" } .shared-ui .avatar__soc--fb:after,.shared-ui .iconic--soc-fb:after,.shared-ui .ya-share2__item_service_facebook .ya-share2__icon:after{ content: "" } .shared-ui .iconic--soc-gplus:after,.shared-ui .ya-share2__item_service_gplus .ya-share2__icon:after{ content: "" } .shared-ui .iconic--soc-inst:after{ content: "" } .shared-ui .iconic--soc-mail:after,.shared-ui .ya-share2__item_service_moimir .ya-share2__icon:after{ content: "" } .shared-ui .iconic--soc-tw:after,.shared-ui .ya-share2__item_service_twitter .ya-share2__icon:after{ content: "" } .shared-ui .avatar__soc--vk:after,.shared-ui .iconic--soc-vk-v:after{ content: "" } .shared-ui .iconic--soc-vk:after,.shared-ui .ya-share2__item_service_vkontakte .ya-share2__icon:after{ content: "" } .shared-ui .iconic--sorting:after{ content: "" } .shared-ui .checkbox__view:after,.shared-ui .iconic--tick:after{ content: "" } .shared-ui .iconic--triangle-full-l:after,.shared-ui .slick-prev:active:after{ content: "" } .shared-ui .iconic--triangle-full-r:after,.shared-ui .slick-next:active:after{ content: "" } .shared-ui .iconic--triangle-l:after,.shared-ui .slick-prev:after{ content: "" } .shared-ui .iconic--triangle-r:after,.shared-ui .slick-next:after{ content: "" } .shared-ui .btn--oblique:after,.shared-ui .ul-arrows LI:after{ content: "" } .shared-ui .btn{ box-sizing: border-box; cursor: pointer; background: 0 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: 150ms; transition: 150ms; font-size: inherit; color: inherit; padding: 0; -webkit-flex-shrink: 0; flex-shrink: 0 } .shared-ui .bbcodes{border-bottom: 1px solid transparent;padding: 0 0 2px;-webkit-transition: border-color .3s;transition: border-color .3s;vertical-align: middle;background: var(--mc-accent-strong);color: #ffffff;background-size: 10px;display: inline-block;text-decoration: none !important;font-weight: 700;font-size: 15px;line-height: 10px;padding: 13px 13px 13px 13px;border-radius: 30px; } .shared-ui .btnlog > SPAN{border-bottom: 1px solid transparent;padding: 0 0 2px;-webkit-transition: border-color .3s;transition: border-color .3s;vertical-align: middle;background: var(--mc-accent-strong);color: #ffffff;background-size: 10px;display: inline-block;text-decoration: none !important;font-weight: 700;font-size: 20px;line-height: 10px;padding: 15px 15px 15px 15px;border-radius: 30px;} .shared-ui .btn:hover > SPAN{border-color: transparent } .shared-ui .btn:active{-webkit-transform: translateY(-2px) scale(.95); -ms-transform: translateY(-2px) scale(.95); transform: translateY(-2px) scale(.95) } .shared-ui .btn--round{font-size: 15px; line-height: 20px; border-radius: 50px; padding: 15px 35px; border: 1px solid #d9d9d9; transition: .8s;} .shared-ui .btn--round .avatar__soc,.shared-ui .btn--round .blockquote,.shared-ui .btn--round .checkbox__view,.shared-ui .btn--round .dropdown__head:after,.shared-ui .btn--round .form-row__content--divided .input-wr + .input-wr .input-cont:after,.shared-ui .btn--round .iconic,.shared-ui .btn--round .popup__closer,.shared-ui .btn--round .slick-next,.shared-ui .btn--round .slick-prev,.shared-ui .btn--round .typography blockquote,.shared-ui .btn--round .ya-share2__item_service_facebook .ya-share2__icon,.shared-ui .btn--round .ya-share2__item_service_gplus .ya-share2__icon,.shared-ui .btn--round .ya-share2__item_service_moimir .ya-share2__icon,.shared-ui .btn--round .ya-share2__item_service_twitter .ya-share2__icon,.shared-ui .btn--round .ya-share2__item_service_vkontakte .ya-share2__icon,.shared-ui .form-row__content--divided .input-wr + .input-wr .btn--round .input-cont:after,.shared-ui .typography .btn--round blockquote,.shared-ui .ya-share2__item_service_facebook .btn--round .ya-share2__icon,.shared-ui .ya-share2__item_service_gplus .btn--round .ya-share2__icon,.shared-ui .ya-share2__item_service_moimir .btn--round .ya-share2__icon,.shared-ui .ya-share2__item_service_twitter .btn--round .ya-share2__icon,.shared-ui .ya-share2__item_service_vkontakte .btn--round .ya-share2__icon{-webkit-transition: 150ms; transition: 150ms; margin-right: 7px } .shared-ui .btn--round .iconic--grid{color: #aeaeae; font-size: 11px } .shared-ui .btn--round:hover{border-color: #aeaeae } .shared-ui .btn--round:hover .avatar__soc,.shared-ui .btn--round:hover .blockquote,.shared-ui .btn--round:hover .checkbox__view,.shared-ui .btn--round:hover .dropdown__head:after,.shared-ui .btn--round:hover .form-row__content--divided .input-wr + .input-wr .input-cont:after,.shared-ui .btn--round:hover .iconic,.shared-ui .btn--round:hover .popup__closer,.shared-ui .btn--round:hover .slick-next,.shared-ui .btn--round:hover .slick-prev,.shared-ui .btn--round:hover .typography blockquote,.shared-ui .btn--round:hover .ya-share2__item_service_facebook .ya-share2__icon,.shared-ui .btn--round:hover .ya-share2__item_service_gplus .ya-share2__icon,.shared-ui .btn--round:hover .ya-share2__item_service_moimir .ya-share2__icon,.shared-ui .btn--round:hover .ya-share2__item_service_twitter .ya-share2__icon,.shared-ui .btn--round:hover .ya-share2__item_service_vkontakte .ya-share2__icon,.shared-ui .form-row__content--divided .input-wr + .input-wr .btn--round:hover .input-cont:after,.shared-ui .typography .btn--round:hover blockquote,.shared-ui .ya-share2__item_service_facebook .btn--round:hover .ya-share2__icon,.shared-ui .ya-share2__item_service_gplus .btn--round:hover .ya-share2__icon,.shared-ui .ya-share2__item_service_moimir .btn--round:hover .ya-share2__icon,.shared-ui .ya-share2__item_service_twitter .btn--round:hover .ya-share2__icon,.shared-ui .ya-share2__item_service_vkontakte .btn--round:hover .ya-share2__icon{color: #292929 } .shared-ui .btn--get-luck{font-size: 15px; min-height: 42px; border-radius: 21px; border: 0; line-height: 30px; padding: 4px 15px 5px 8px; white-space: nowrap } .shared-ui .btn--get-luck .ico{margin: 0 7px 0 0; position: relative; top: 1px; -webkit-transition: .6s; transition: .6s } .shared-ui .btn--get-luck:hover .ico{-webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-name: rotate360; animation-name: rotate360; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear } .shared-ui .btn--oblique{font-weight: 700; font-size: 18px; line-height: 24px; padding: 6px 18px 15px; position: relative; z-index: 1; -webkit-transition: -webkit-transform 0s; transition: transform 0s; border-top: 1px solid transparent; border-left: 1px solid transparent } .shared-ui .btn--oblique:after{position: absolute; right: 0; top: 0; bottom: 8px; border-right: 1px solid transparent } .shared-ui .btn--oblique._active,.shared-ui .btn--oblique:hover,.shared-ui .oblique-btns__btn-wr._active .btn{background: url(../images/svg/oblique-corner.svg) center bottom no-repeat; background-size: 100% 8px; border-color: #cfcfcf } .shared-ui .ico,.shared-ui .img-input__main{background-repeat: no-repeat } .shared-ui .btn--oblique._active:after,.shared-ui .btn--oblique:hover:after,.shared-ui .oblique-btns__btn-wr._active .btn:after{border-right-color: #cfcfcf } @media screen and (max-width:480px){.shared-ui .btn--oblique{font-size: 15px; padding: 3px 13px 8px }} .shared-ui .btn--squere{border-radius: 3px; padding: 9px 15px } .shared-ui .btn--squere.btn--orng{background-color: var(--mc-accent-strong) } .shared-ui .btn--cart-orng,.shared-ui .btn--squere.btn--orng:hover{background-color: var(--mc-accent-strong) } .shared-ui .btn--cart{font: 700 18px / 22px Play, sans-serif; padding: 9px 0; width: 145px; border-radius: 20px } .shared-ui .btn--cart-orng:hover{background-color: #e8b300 } .shared-ui .btn--cart-green{background-color: var(--mc-accent-strong) } .shared-ui .btn--cart-green:hover{background-color: var(--mc-accent-strong) } .shared-ui .btn--cart-red{background-color: #fff; box-shadow: inset 0 0 0 1px #bfbfbf; color: #bfbfbf; } .shared-ui .btn--cart-red:hover{background-color: #f34242; box-shadow: inset 0 0 0 1px #f34242; color: #fff; } .shared-ui .btn--cart-disable{cursor: auto; background-color: #d8d8d8; color: #9d9d9d } .shared-ui .btn--cart-disable:active{-webkit-transform: none; -ms-transform: none; transform: none } .shared-ui .btn--xs{font-size: 14px; line-height: 18px; padding: 9px 20px; border-radius: 4px } .shared-ui .btn--md{font-size: 18px; line-height: 30px } .shared-ui .btn--lg{font-size: 24px; line-height: 30px; padding: 16px 25px; border-radius: 31px } .shared-ui .btn--white{background-color: #fff; color: #000 } .shared-ui .btn--orngL{background-color: var(--mc-accent-strong); color: #000 } .shared-ui .btn--orngL:hover{background-color: #fbd33d } .shared-ui .btn--orng{background-color: var(--mc-accent-strong); color: #000 } .shared-ui .btn--orng:hover{background-color: var(--mc-accent-strong) } .shared-ui .btn--orng.btn--round{border: 0; font-size: 14px; line-height: 20px; padding: 6px 17px } .shared-ui .btn--orng.btn--lg{font-weight: 700; font-size: 24px; line-height: 30px; padding: 16px 35px } @media screen and (max-width:767px){.shared-ui .btn--orng.btn--lg{padding: 10px 25px; line-height: 22px; font-size: 18px }} .shared-ui .btn--orng.btn--xlg{font-weight: 700; font-size: 18px; line-height: 30px; padding: 8px 35px; border-radius: 24px } @media screen and (max-width:767px){.shared-ui .btn--orng.btn--xlg{padding: 8px 15px; line-height: 22px; font-size: 16px }} .shared-ui .btn--orng.btn--md{font-weight: 700; font-size: 18px; line-height: 30px } .shared-ui .btn._disable{background-color: rgba(128, 128, 128, .7) !important } .shared-ui .btn--more,.shared-ui .search-prod:hover{background-color: #f6f6f6 } .shared-ui .btn._disable:active{-webkit-transform: none !important; -ms-transform: none !important; transform: none !important } .shared-ui .btn--more{display: block; width: 100%; line-height: 20px; font-size: 13px; padding: 5px 10px } .shared-ui .btn--more:hover{background-color: #ddd } .shared-ui .btn--more:active{-webkit-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px) } .shared-ui .sort-btn{display: inline-block; vertical-align: middle; border-radius: 3px; padding: 2px 7px 3px; line-height: 20px; white-space: nowrap; -webkit-transition: 150ms; transition: 150ms } .shared-ui .form-row__content--divided .input-wr + .input-wr .sort-btn .input-cont:after,.shared-ui .sort-btn .avatar__soc,.shared-ui .sort-btn .blockquote,.shared-ui .sort-btn .checkbox__view,.shared-ui .sort-btn .dropdown__head:after,.shared-ui .sort-btn .form-row__content--divided .input-wr + .input-wr .input-cont:after,.shared-ui .sort-btn .iconic,.shared-ui .sort-btn .popup__closer,.shared-ui .sort-btn .slick-next,.shared-ui .sort-btn .slick-prev,.shared-ui .sort-btn .typography blockquote,.shared-ui .sort-btn .ya-share2__item_service_facebook .ya-share2__icon,.shared-ui .sort-btn .ya-share2__item_service_gplus .ya-share2__icon,.shared-ui .sort-btn .ya-share2__item_service_moimir .ya-share2__icon,.shared-ui .sort-btn .ya-share2__item_service_twitter .ya-share2__icon,.shared-ui .sort-btn .ya-share2__item_service_vkontakte .ya-share2__icon,.shared-ui .typography .sort-btn blockquote,.shared-ui .ya-share2__item_service_facebook .sort-btn .ya-share2__icon,.shared-ui .ya-share2__item_service_gplus .sort-btn .ya-share2__icon,.shared-ui .ya-share2__item_service_moimir .sort-btn .ya-share2__icon,.shared-ui .ya-share2__item_service_twitter .sort-btn .ya-share2__icon,.shared-ui .ya-share2__item_service_vkontakte .sort-btn .ya-share2__icon{display: none } .shared-ui .sort-btn .iconic--sorting{color: var(--mc-accent-strong); font-size: 8px; margin-left: 4px } .shared-ui .sort-btn._active,.shared-ui .sort-btn:hover{background-color: #f2f2f2 } .shared-ui .sort-btn._active .link,.shared-ui .sort-btn:hover .link{border-bottom-color: transparent } .shared-ui .form-row__content--divided .input-wr + .input-wr .sort-btn._active .input-cont:after,.shared-ui .sort-btn._active .avatar__soc,.shared-ui .sort-btn._active .blockquote,.shared-ui .sort-btn._active .checkbox__view,.shared-ui .sort-btn._active .dropdown__head:after,.shared-ui .sort-btn._active .form-row__content--divided .input-wr + .input-wr .input-cont:after,.shared-ui .sort-btn._active .iconic,.shared-ui .sort-btn._active .popup__closer,.shared-ui .sort-btn._active .slick-next,.shared-ui .sort-btn._active .slick-prev,.shared-ui .sort-btn._active .typography blockquote,.shared-ui .sort-btn._active .ya-share2__item_service_facebook .ya-share2__icon,.shared-ui .sort-btn._active .ya-share2__item_service_gplus .ya-share2__icon,.shared-ui .sort-btn._active .ya-share2__item_service_moimir .ya-share2__icon,.shared-ui .sort-btn._active .ya-share2__item_service_twitter .ya-share2__icon,.shared-ui .sort-btn._active .ya-share2__item_service_vkontakte .ya-share2__icon,.shared-ui .typography .sort-btn._active blockquote,.shared-ui .ya-share2__item_service_facebook .sort-btn._active .ya-share2__icon,.shared-ui .ya-share2__item_service_gplus .sort-btn._active .ya-share2__icon,.shared-ui .ya-share2__item_service_moimir .sort-btn._active .ya-share2__icon,.shared-ui .ya-share2__item_service_twitter .sort-btn._active .ya-share2__icon,.shared-ui .ya-share2__item_service_vkontakte .sort-btn._active .ya-share2__icon{display: inline-block } .shared-ui .sort-btn._reverse .iconic--sorting{-webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1) } .shared-ui .oblique-btns{padding: 15px 0 25px; margin-left: -10px; margin-right: -10px } .shared-ui .oblique-btns__btn-wr{display: inline-block; vertical-align: top; position: relative; margin: 5px 10px } .shared-ui .oblique-btns__btn-wr + .oblique-btns__btn-wr:before{content: ""; position: absolute; left: -13px; top: 8px; height: 22px; border-left: 1px solid #cfcfcf } .shared-ui .oblique-btns__btn-wr._active + .oblique-btns__btn-wr:before,.shared-ui .oblique-btns__btn-wr._active:before{display: none } @media screen and (max-width:480px){.shared-ui .oblique-btns__btn-wr{margin: 0 10px 30px; top: 20px } .shared-ui .oblique-btns__btn-wr:before{display: none } .shared-ui .oblique-btns{margin-left: -2px; margin-right: -2px }} .shared-ui .link{border-bottom: 1px solid transparent; line-height: normal; cursor: pointer; -webkit-transition: 150ms; transition: 150ms } .shared-ui .link:hover{border-bottom-color: transparent } .shared-ui .link--black{color: #000; border-bottom: 1px solid rgba(0, 0, 0, .3) } .shared-ui .link--white{color: #fff; border-bottom: 1px solid rgba(255, 255, 255, .3) } .shared-ui .link--grey{color: grey; border-bottom: 1px solid rgba(128, 128, 128, .3) } .shared-ui .link--blue{color: #61909f; border-bottom: 1px solid rgba(97, 144, 159, .3) } .shared-ui .link--dotted{border-bottom-style: dotted } .shared-ui .h1,.shared-ui .typography h1{font-size: 40px; line-height: 60px; margin-bottom: 15px } @media screen and (max-width:630px){.shared-ui .h1,.shared-ui .typography h1{font-size: 30px; line-height: 40px }} .shared-ui .h2{font-size: 32px; line-height: 40px; margin-bottom: 15px } .shared-ui .h3,.shared-ui .typography h3{font-size: 18px; line-height: 30px; margin-bottom: 15px } .shared-ui .h4,.shared-ui .typography h4{font-size: 18px; line-height: 30px; font-weight: 700; margin-bottom: 8px } .shared-ui .h4 small,.shared-ui .typography h4 small{font-size: 14px; font-weight: 400 } .shared-ui .h5,.shared-ui .typography h5{font-size: 15px; line-height: 20px; font-weight: 700; margin-bottom: 15px } .shared-ui .text-sm{font: 11px / 14px Play, sans-serif } .shared-ui .text-gray{color: #797979 } .shared-ui .text-green{color: var(--mc-accent-strong) } .shared-ui .text-red{color: red } .shared-ui .text-yel{color: #fff206 } .shared-ui .text-orng{color: var(--mc-accent-strong) } .shared-ui .blockquote,.shared-ui .typography blockquote{font-size: 18px; line-height: 30px; color: #61909f; padding-left: 40px; position: relative; margin: 25px 0 } .shared-ui .blockquote:after,.shared-ui .typography blockquote:after{position: absolute; top: 10px; left: 3px; color: var(--mc-accent-strong); font-size: 16px; line-height: normal } @media screen and (max-width:630px){.shared-ui .blockquote,.shared-ui .typography blockquote{margin: 20px 0 }} .shared-ui .typography{font-size: 14px; line-height: 20px } .shared-ui .typography h2{margin-bottom: 20px } .shared-ui .typography h6{margin-bottom: 10px } .shared-ui .typography p{margin-bottom: 20px } .shared-ui .typography blockquote{margin: 25px 0 40px } @media screen and (max-width:630px){.shared-ui .typography blockquote{margin: 20px 0 25px }} .shared-ui .params-cols{margin-bottom: 35px } .shared-ui .params-cols__tr{font-size: 0; white-space: nowrap; line-height: normal } .shared-ui .params-cols__tr,.shared-ui .typography .params-cols__tr{margin-bottom: 12px } .shared-ui .params-cols__content,.shared-ui .params-cols__param{white-space: normal; display: inline-block; vertical-align: text-top; font-size: 13px; line-height: 18px } .shared-ui .params-cols__param{width: 36%; padding-right: 20px } .shared-ui .params-cols__content{width: 64% } .shared-ui .ul-arrows LI{font-size: 12px; color: #595959; padding-left: 28px; position: relative } .shared-ui .ul-arrows LI:after{position: absolute; left: 0; top: 5px; border-style: solid; border-color: transparent transparent transparent var(--mc-accent-strong); border-width: 5px 10px } @-webkit-keyframes rotate360{from {-webkit-transform: rotate(0); transform: rotate(0) } to {-webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes rotate360{from {-webkit-transform: rotate(0); transform: rotate(0) } to {-webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes sellDrop{0% {-webkit-transform: translateY(-140%) translateX(-50%); transform: translateY(-140%) translateX(-50%); opacity: 0 } 10% {-webkit-transform: translateY(-140%) translateX(-50%); transform: translateY(-140%) translateX(-50%); opacity: 1 } 40% {opacity: .3 } 85% {opacity: 0 } 100% {opacity: 0; -webkit-transform: translateY(0) translateX(-50%); transform: translateY(0) translateX(-50%) } } @keyframes sellDrop{0% {-webkit-transform: translateY(-140%) translateX(-50%); transform: translateY(-140%) translateX(-50%); opacity: 0 } 10% {-webkit-transform: translateY(-140%) translateX(-50%); transform: translateY(-140%) translateX(-50%); opacity: 1 } 40% {opacity: .3 } 85% {opacity: 0 } 100% {opacity: 0; -webkit-transform: translateY(0) translateX(-50%); transform: translateY(0) translateX(-50%) } } @-webkit-keyframes flipFromTop{0% {-webkit-transform: perspective(1300px) rotateX(-90deg); transform: perspective(1300px) rotateX(-90deg) } 55% {-webkit-transform: perspective(1300px) rotateX(30deg); transform: perspective(1300px) rotateX(30deg) } 75% {-webkit-transform: perspective(1300px) rotateX(-10deg); transform: perspective(1300px) rotateX(-10deg) } 90% {-webkit-transform: perspective(1300px) rotateX(5deg); transform: perspective(1300px) rotateX(5deg) } 100% {-webkit-transform: perspective(1300px) rotateX(0); transform: perspective(1300px) rotateX(0) } } @keyframes flipFromTop{0% {-webkit-transform: perspective(1300px) rotateX(-90deg); transform: perspective(1300px) rotateX(-90deg) } 55% {-webkit-transform: perspective(1300px) rotateX(30deg); transform: perspective(1300px) rotateX(30deg) } 75% {-webkit-transform: perspective(1300px) rotateX(-10deg); transform: perspective(1300px) rotateX(-10deg) } 90% {-webkit-transform: perspective(1300px) rotateX(5deg); transform: perspective(1300px) rotateX(5deg) } 100% {-webkit-transform: perspective(1300px) rotateX(0); transform: perspective(1300px) rotateX(0) } } .shared-ui .input{display: block; width: 100%; border: 1px solid #d8d8d8; border-radius: 3px; padding: 0 13px; background-color: #fff; height: 47px; line-height: 45px; font-size: 16px } .shared-ui .input::-webkit-input-placeholder{color: #000 } .shared-ui .input::-moz-placeholder{color: #000 } .shared-ui .input:-ms-input-placeholder{color: #000 } .shared-ui .input::placeholder{color: #000 } .shared-ui .input--special{border: 2px solid var(--mc-accent-strong); line-height: 43px; font-size: 24px } .shared-ui .img-input__main,.shared-ui .textarea{border: 1px solid #d8d8d8; background-color: #fff; display: block } .shared-ui .input--special.input--lg{line-height: 56px } .shared-ui .input--ta-right{text-align: right } .shared-ui .input--lg{line-height: 58px; height: 60px } .shared-ui .input--size--115{width: 115px } .shared-ui .input--size--80perc{width: 80% } .shared-ui .textarea{width: 100%; font-size: 13px; line-height: 22px; padding: 8px 9px } .shared-ui .textarea::-webkit-input-placeholder{color: #9b9b9b } .shared-ui .textarea::-moz-placeholder{color: #9b9b9b } .shared-ui .textarea:-ms-input-placeholder{color: #9b9b9b } .shared-ui .textarea::placeholder{color: #9b9b9b } .shared-ui .img-input{display: block; max-width: 400px } @media screen and (max-width:767px){.shared-ui .img-input{max-width: 200px }} .shared-ui .img-input__main{width: 100%; border-radius: 3px; padding: 0 13px 100%; line-height: 45px; font-size: 16px; height: auto; max-width: 400px; position: relative; overflow: hidden; cursor: pointer; -webkit-transition: .3s; transition: .3s; background-position: center; background-size: contain } .shared-ui .img-input__main::-webkit-input-placeholder{color: #000 } .shared-ui .img-input__main::-moz-placeholder{color: #000 } .shared-ui .img-input__main:-ms-input-placeholder{color: #000 } .shared-ui .img-input__main::placeholder{color: #000 } .shared-ui .img-input__main._loaded .img-input__txt{color: transparent } .shared-ui .img-input__main INPUT{position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; cursor: pointer } .shared-ui .img-input__txt{position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; line-height: 24px; text-align: center; color: #7f7f7f; padding: 20px 30px; -webkit-transition: 150ms; transition: 150ms } .shared-ui .img-input:hover{border-color: #5b5b5b } .shared-ui .input-error{display: block; font-size: 14px; line-height: 20px; color: #f32e2e; margin: 2px 2px 5px } .shared-ui .checkbox-label{display: table; white-space: nowrap; margin: 4px 0; line-height: 20px } .shared-ui .checkbox-label .checkbox,.shared-ui .checkbox-label__txt{display: inline-block; vertical-align: top } .shared-ui .checkbox-label .checkbox{margin-top: 3px; margin-right: -14px } .shared-ui .checkbox-label__txt{font-size: 13px; line-height: 20px; white-space: normal; width: 100%; padding-left: 23px } .shared-ui .checkbox-label._disabled .checkbox-label__txt{opacity: .6; cursor: not-allowed } .shared-ui .checkbox{display: inline-block; vertical-align: middle; cursor: pointer } .shared-ui .checkbox INPUT{display: none } .shared-ui .checkbox__view{display: block; width: 14px; height: 14px; border: 1px solid #c7c7c7; border-radius: 3px; -webkit-transition: 150ms; transition: 150ms; position: relative } .shared-ui .checkbox__view:after{color: #000; font-size: 15px; line-height: normal; position: absolute; left: 3px; bottom: 3px; -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); opacity: 0; -webkit-transition: 150ms; transition: 150ms } .shared-ui .checkbox-label:hover .checkbox__view,.shared-ui .checkbox__view._active,.shared-ui .checkbox__view:hover,.shared-ui input:checked + .checkbox__view{background-color: var(--mc-accent-strong); border-color: var(--mc-accent-strong) } .shared-ui .checkbox__view._active:after,.shared-ui input:checked + .checkbox__view:after{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1 } .shared-ui input:disabled + .checkbox__view{opacity: .6; cursor: not-allowed } .shared-ui .dropdown{position: relative; z-index: 1 } .shared-ui .dropdown__head{font-size: 14px; line-height: 20px; background-color: #fff; border-radius: 18px; display: block; padding: 8px 40px 8px 20px; cursor: pointer; -webkit-transition: .3s; transition: .3s } .shared-ui .dropdown__head:after{position: absolute; top: 50%; right: 20px; color: #9f9f9f; font-size: 4px; height: 4px; line-height: 4px; margin-top: -1px } .shared-ui .dropdown__head:hover{box-shadow: 0 0 15px 0 rgba(0, 0, 0, .11) } .shared-ui .dropdown__head:hover:after{color: #000 } .shared-ui .dropdown__cont{position: absolute; top: 100%; left: 0; margin-top: 7px; width: 100%; max-width: 300px; min-width: 150px; max-height: 400px; overflow: auto; padding: 10px 25px; background-color: #fff; border-radius: 5px; box-shadow: 0 0 16px 0 rgba(0, 0, 0, .2); opacity: 0; visibility: hidden } .shared-ui .dropdown__cont-btn{margin: 13px 0 10px } .shared-ui .dropdown._active{z-index: 5 } .shared-ui .dropdown._active .dropdown__cont{opacity: 1; visibility: visible } @media screen and (max-width:480px){.shared-ui .dropdown__head{font-size: 13px; padding-left: 15px } .shared-ui .dropdown__cont{padding: 8px 15px }} .shared-ui .noUi-target{height: 6px; box-shadow: none; border: 0 } .shared-ui .noUi-base{border-radius: 3px; background-color: #e1e3dd; height: 6px } .shared-ui .noUi-origin{border-radius: 3px; background-color: var(--mc-accent-strong); -webkit-transition: 0s; transition: 0s } .shared-ui .noUi-origin + .noUi-origin{background-color: #e1e3dd } .shared-ui .noUi-handle{width: 16px !important; height: 16px !important; border-radius: 50%; top: 3px !important; left: -8px !important; margin-top: -8px !important; box-shadow: none; border: 1px solid #a5a5a5; cursor: pointer; -webkit-transition: 0s; transition: 0s } .shared-ui .noUi-handle:after,.shared-ui .noUi-handle:before{display: none } .shared-ui .noUi-state-tap .noUi-origin{-webkit-transition: 0s !important; transition: 0s !important } .shared-ui .range-ui__value{position: absolute; top: 100%; left: 0; margin-top: 8px; font-size: 13px; line-height: 16px; white-space: nowrap; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .shared-ui .form-row__name,.shared-ui .range-ui-wr{position: relative } .shared-ui .form-row{display: block; margin: 5px 0 12px } .shared-ui .form-row__name{display: block; overflow: hidden; text-overflow: ellipsis; font-size: 15px; line-height: 20px } .shared-ui .form-row__name-col{margin-bottom: 10px; display: block; -webkit-align-self: flex-start; align-self: flex-start } .shared-ui .form-row__content--divided{display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; margin-left: -20px; margin-right: -20px; width: auto !important } .shared-ui .form-row__content--divided .input-wr{ -webkit-flex-grow: 1; flex-grow: 1; margin-left: 20px; margin-right: 20px } .shared-ui .form-row__content--divided .input-wr + .input-wr .input-cont:after{position: absolute; top: 0; left: -23px; line-height: 47px } .shared-ui .input-cont,.shared-ui .rub{position: relative } @media screen and (max-width:480px){.shared-ui .form-row__content--divided{display: block !important } .shared-ui .form-row__content--divided .input-wr .input-cont:after{display: none }} .shared-ui .form-row__content-col{width: 100% } .shared-ui .form-row__content-col .checkbox-label{margin-left: 2px; -webkit-align-self: flex-start; align-self: flex-start } .shared-ui .form-row__content-col--w80{padding-right: 20% } @media screen and (max-width:960px){.shared-ui .form-cols .form-row__content-col{padding-right: 0 }} @media screen and (max-width:630px){.shared-ui .form-row__content-col{padding-right: 0 }} .shared-ui .form-row--inline{ display: -webkit-flex; display: flex } .shared-ui .form-row--inline .form-row__content,.shared-ui .form-row--inline .form-row__name{width: 100%; display: inline-block; vertical-align: middle; line-height: normal } .shared-ui .form-row--inline .form-row__name-col{margin-bottom: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-flex-grow: 0; flex-grow: 0; width: 165px; line-height: 47px; padding-right: 30px } .shared-ui .form-row--inline .form-row__content-col{line-height: 47px; -webkit-flex-grow: 1; flex-grow: 1 } .shared-ui .form-row--inline.form-row--multi .form-row__name-col{margin-top: 23px } @media screen and (max-width:860px){.shared-ui .form-row--inline.form-row--multi{display: block; margin-top: 0 } .shared-ui .form-row--inline.form-row--multi .form-row__name-col{margin-top: 0; height: auto; line-height: 20px; margin-bottom: 6px; padding-right: 0 } .shared-ui .form-row--inline.form-row--multi .form-row__name{font-size: 14px } .shared-ui .form-row--inline.form-row--multi .form-row__content-col{height: auto; line-height: 20px }} @media screen and (max-width:630px){.shared-ui .form-row--inline{display: block; margin-top: 0 } .shared-ui .form-row--inline .form-row__name-col{height: auto; line-height: 20px; margin-bottom: 6px; padding-right: 0 } .shared-ui .form-row--inline .form-row__name{font-size: 14px } .shared-ui .form-row--inline .form-row__content-col{height: auto; line-height: 20px }} .shared-ui .form-row--submit{margin-top: 40px } .shared-ui .form-row--submit .btn--md{padding-left: 20px; padding-right: 20px } @media screen and (max-width:630px){.shared-ui .form-row--submit{margin-top: 30px } .shared-ui .form-row--submit .form-row__name-col{display: none }} .shared-ui .input-cont .input{width: 100% } .shared-ui .input-cont + .checkbox-label{margin-top: 13px } .shared-ui .input-wr__name{font-size: 13px; line-height: 20px; color: #7f7f7f; margin-bottom: 3px; display: block } .shared-ui .form-gr{margin-bottom: 40px } .shared-ui .form-gr .h3,.shared-ui .form-gr .typography h3,.shared-ui .typography .form-gr h3{line-height: 24px; margin-bottom: 30px } @media screen and (max-width:630px){.shared-ui .input-wr + .input-wr{margin-top: 12px } .shared-ui .form-gr{margin-bottom: 25px } .shared-ui .form-gr .h3,.shared-ui .form-gr .typography h3,.shared-ui .typography .form-gr h3{margin-bottom: 10px } .shared-ui .form-pair{margin-left: -10px; margin-right: -10px } .shared-ui .form-pair .form-row{display: inline-block; vertical-align: top; margin-left: 10px; margin-right: 10px }} .shared-ui .ico-link > SPAN,.shared-ui .price{vertical-align: middle } .shared-ui .form-cols{ display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: flex-start; align-items: flex-start; margin: 0 -30px 14px } .shared-ui .form-cols__col{-webkit-flex-shrink: 0; flex-shrink: 0; -webkit-flex-grow: 0; flex-grow: 0; padding-left: 30px; padding-right: 30px } .shared-ui .form-cols__col--65{width: 65% } .shared-ui .form-cols__col--35{width: 35% } @media screen and (max-width:860px){.shared-ui .form-cols{margin-left: -15px; margin-right: -15px } .shared-ui .form-cols__col{padding-left: 15px; padding-right: 15px }} @media screen and (max-width:767px){.shared-ui .form-cols{display: block } .shared-ui .form-cols__col{width: auto }} .shared-ui .help-block{margin-top: 4px } .shared-ui .ico{display: inline-block; background-size: cover; background-position: center } .shared-ui .ico--roulette{background-image: url(../images/svg/roulette.svg); width: 40px; height: 29px } .shared-ui .ico--roulette-full{background-image: url(../images/svg/roullete-red.svg); width: 30px; height: 33px } .shared-ui .ico--cart-w{background-image: url(../images/svg/cart-w.svg); width: 21px; height: 20px } .shared-ui .btn .ico--cart-w{margin-right: 11px; -webkit-transition: .3s; transition: .3s } .shared-ui .btn:hover .ico--cart-w{-webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px) } .shared-ui .btn--lg .ico--cart-w{height: 25px; width: 26px } .shared-ui .ico--comm-cloud{background-image: url(../images/comm-cloud.png); width: 19px; height: 16px } .shared-ui .ico--play{width: 45px; height: 45px; background-image: url(../images/svg/play.svg) } .shared-ui .form-row__content--divided .input-wr + .input-wr .ico-link .input-cont:after,.shared-ui .ico-link .avatar__soc,.shared-ui .ico-link .blockquote,.shared-ui .ico-link .checkbox__view,.shared-ui .ico-link .dropdown__head:after,.shared-ui .ico-link .form-row__content--divided .input-wr + .input-wr .input-cont:after,.shared-ui .ico-link .ico,.shared-ui .ico-link .iconic,.shared-ui .ico-link .popup__closer,.shared-ui .ico-link .slick-next,.shared-ui .ico-link .slick-prev,.shared-ui .ico-link .typography blockquote,.shared-ui .ico-link .ya-share2__item_service_facebook .ya-share2__icon,.shared-ui .ico-link .ya-share2__item_service_gplus .ya-share2__icon,.shared-ui .ico-link .ya-share2__item_service_moimir .ya-share2__icon,.shared-ui .ico-link .ya-share2__item_service_twitter .ya-share2__icon,.shared-ui .ico-link .ya-share2__item_service_vkontakte .ya-share2__icon,.shared-ui .typography .ico-link blockquote,.shared-ui .ya-share2__item_service_facebook .ico-link .ya-share2__icon,.shared-ui .ya-share2__item_service_gplus .ico-link .ya-share2__icon,.shared-ui .ya-share2__item_service_moimir .ico-link .ya-share2__icon,.shared-ui .ya-share2__item_service_twitter .ico-link .ya-share2__icon,.shared-ui .ya-share2__item_service_vkontakte .ico-link .ya-share2__icon{margin-right: 5px } .shared-ui .ico-link:hover .link{border-bottom-color: transparent } .shared-ui .rub:after{content: "–"; position: absolute; left: -.05em; bottom: .45em; line-height: 1px; font-size: 85% } .shared-ui .rub--sm{font-size: 14px; line-height: 20px } .shared-ui .rub--sm:after{bottom: .1em } .shared-ui .price{font-weight: 700; white-space: nowrap; font-size: 24px; line-height: 30px } .shared-ui .price--ssm{font-size: 13px; line-height: 20px } .shared-ui .price--sm{font-size: 14px; line-height: 20px } .shared-ui .price--md{font-size: 18px; line-height: 26px } .shared-ui .price--xl{font-size: 35px; line-height: 32px } .shared-ui .price-wr__discount{color: var(--text,#030c3a); font-size: 13px; display: block } .shared-ui .price-wr__main-str .price{float: left } .shared-ui .price-wr__last-price{color: #f32e2e; font-size: 15px; font-weight: 400; margin-left: 10px; vertical-align: text-bottom; position: relative; top: 13px; white-space: nowrap; float: right } .shared-ui .discount,.shared-ui .prod-timer SPAN{vertical-align: middle } .shared-ui .price-wr__points{display: block; color: #858585; font-size: 13px; line-height: 14px; margin-top: 2px } .shared-ui .discount,.shared-ui .price-label{display: inline-block; white-space: nowrap } .shared-ui .discount{background-color: var(--mc-accent-strong); border-radius: 13px; padding: 0 10px; color: #000; font-size: 16px; line-height: 26px; font-weight: 700 } .shared-ui .price-label{background-color: #000; border-radius: 15px; line-height: 30px; font-size: 15px; padding: 0 18px; text-align: center; color: var(--mc-accent-strong); font-weight: 400 } .shared-ui .prod-timer{background: #000; color: #fff; text-align: right; padding: 0 8px 0 5px; line-height: 24px; font-size: 14px; white-space: nowrap; position: absolute; top: 0; right: 0; z-index: 1 } .shared-ui .avatar__soc,.shared-ui .category,.shared-ui .franchise,.shared-ui .gameview-cats__li,.shared-ui .online-sells,.shared-ui .reg-sl-block,.shared-ui .soc-login{text-align: center } .shared-ui .form-row__content--divided .input-wr + .input-wr .prod-timer .input-cont:after,.shared-ui .prod-timer .avatar__soc,.shared-ui .prod-timer .blockquote,.shared-ui .prod-timer .checkbox__view,.shared-ui .prod-timer .dropdown__head:after,.shared-ui .prod-timer .form-row__content--divided .input-wr + .input-wr .input-cont:after,.shared-ui .prod-timer .iconic,.shared-ui .prod-timer .popup__closer,.shared-ui .prod-timer .slick-next,.shared-ui .prod-timer .slick-prev,.shared-ui .prod-timer .typography blockquote,.shared-ui .prod-timer .ya-share2__item_service_facebook .ya-share2__icon,.shared-ui .prod-timer .ya-share2__item_service_gplus .ya-share2__icon,.shared-ui .prod-timer .ya-share2__item_service_moimir .ya-share2__icon,.shared-ui .prod-timer .ya-share2__item_service_twitter .ya-share2__icon,.shared-ui .prod-timer .ya-share2__item_service_vkontakte .ya-share2__icon,.shared-ui .typography .prod-timer blockquote,.shared-ui .ya-share2__item_service_facebook .prod-timer .ya-share2__icon,.shared-ui .ya-share2__item_service_gplus .prod-timer .ya-share2__icon,.shared-ui .ya-share2__item_service_moimir .prod-timer .ya-share2__icon,.shared-ui .ya-share2__item_service_twitter .prod-timer .ya-share2__icon,.shared-ui .ya-share2__item_service_vkontakte .prod-timer .ya-share2__icon{color: #fff; margin-right: 5px; font-size: 12px } .shared-ui .steam{display: block; background: url(../images/steam-black.png) center no-repeat; background-size: contain; width: 98px; height: 30px } .shared-ui .game-label,.shared-ui .soc-login{display: inline-block; background-repeat: no-repeat; background-position: center } .shared-ui .steam--white{background-image: url(../images/steam-white.png) } .shared-ui .steam--sm{width: 68px; height: 21px } .shared-ui .game-label{vertical-align: top; border-radius: 4px; position: relative; overflow: hidden; background-size: cover; width: 176px; height: 82px; -webkit-transition: all .45s, -webkit-transform .8s, opacity .8s; transition: all .45s, transform .8s, opacity .8s; -webkit-filter: brightness(.95); filter: brightness(.95) } .shared-ui .game-label:hover{-webkit-filter: brightness(1.1); filter: brightness(1.1) } .shared-ui .social-links{display: block; margin: 0 -7px; font-size: 25px; } .shared-ui .social-links a{color: #3d4043; } .shared-ui .social-links a:hover{color: white; } .shared-ui .form-row__content--divided .input-wr + .input-wr .social-links .input-cont:after,.shared-ui .social-links .avatar__soc,.shared-ui .social-links .blockquote,.shared-ui .social-links .checkbox__view,.shared-ui .social-links .dropdown__head:after,.shared-ui .social-links .form-row__content--divided .input-wr + .input-wr .input-cont:after,.shared-ui .social-links .iconic,.shared-ui .social-links .popup__closer,.shared-ui .social-links .slick-next,.shared-ui .social-links .slick-prev,.shared-ui .social-links .typography blockquote,.shared-ui .social-links .ya-share2__item_service_facebook .ya-share2__icon,.shared-ui .social-links .ya-share2__item_service_gplus .ya-share2__icon,.shared-ui .social-links .ya-share2__item_service_moimir .ya-share2__icon,.shared-ui .social-links .ya-share2__item_service_twitter .ya-share2__icon,.shared-ui .social-links .ya-share2__item_service_vkontakte .ya-share2__icon,.shared-ui .typography .social-links blockquote,.shared-ui .ya-share2__item_service_facebook .social-links .ya-share2__icon,.shared-ui .ya-share2__item_service_gplus .social-links .ya-share2__icon,.shared-ui .ya-share2__item_service_moimir .social-links .ya-share2__icon,.shared-ui .ya-share2__item_service_twitter .social-links .ya-share2__icon,.shared-ui .ya-share2__item_service_vkontakte .social-links .ya-share2__icon{margin: 7px; vertical-align: middle; line-height: inherit; -webkit-transition: color 150ms; transition: color 150ms } .shared-ui .social-links .avatar__soc--fb,.shared-ui .social-links .iconic--soc-fb,.shared-ui .social-links .ya-share2__item_service_facebook .ya-share2__icon,.shared-ui .ya-share2__item_service_facebook .social-links .ya-share2__icon{font-size: 1.1em; position: relative; top: -.1em } .shared-ui .social-links .iconic--soc-vk,.shared-ui .social-links .ya-share2__item_service_vkontakte .ya-share2__icon,.shared-ui .ya-share2__item_service_vkontakte .social-links .ya-share2__icon{font-size: .8em } .shared-ui .social-links .iconic--soc-tw,.shared-ui .social-links .ya-share2__item_service_twitter .ya-share2__icon,.shared-ui .ya-share2__item_service_twitter .social-links .ya-share2__icon{font-size: .85em } .shared-ui .form-row__content--divided .input-wr + .input-wr .social-links--grey .input-cont:after,.shared-ui .social-links--grey .avatar__soc,.shared-ui .social-links--grey .blockquote,.shared-ui .social-links--grey .checkbox__view,.shared-ui .social-links--grey .dropdown__head:after,.shared-ui .social-links--grey .form-row__content--divided .input-wr + .input-wr .input-cont:after,.shared-ui .social-links--grey .iconic,.shared-ui .social-links--grey .popup__closer,.shared-ui .social-links--grey .slick-next,.shared-ui .social-links--grey .slick-prev,.shared-ui .social-links--grey .typography blockquote,.shared-ui .social-links--grey .ya-share2__item_service_facebook .ya-share2__icon,.shared-ui .social-links--grey .ya-share2__item_service_gplus .ya-share2__icon,.shared-ui .social-links--grey .ya-share2__item_service_moimir .ya-share2__icon,.shared-ui .social-links--grey .ya-share2__item_service_twitter .ya-share2__icon,.shared-ui .social-links--grey .ya-share2__item_service_vkontakte .ya-share2__icon,.shared-ui .typography .social-links--grey blockquote,.shared-ui .ya-share2__item_service_facebook .social-links--grey .ya-share2__icon,.shared-ui .ya-share2__item_service_gplus .social-links--grey .ya-share2__icon,.shared-ui .ya-share2__item_service_moimir .social-links--grey .ya-share2__icon,.shared-ui .ya-share2__item_service_twitter .social-links--grey .ya-share2__icon,.shared-ui .ya-share2__item_service_vkontakte .social-links--grey .ya-share2__icon{color: #3f4143 } .shared-ui .form-row__content--divided .input-wr + .input-wr .social-links--grey .input-cont:hover:after,.shared-ui .soc-login,.shared-ui .social-links--grey .avatar__soc:hover,.shared-ui .social-links--grey .blockquote:hover,.shared-ui .social-links--grey .checkbox__view:hover,.shared-ui .social-links--grey .dropdown__head:hover:after,.shared-ui .social-links--grey .form-row__content--divided .input-wr + .input-wr .input-cont:hover:after,.shared-ui .social-links--grey .iconic:hover,.shared-ui .social-links--grey .popup__closer:hover,.shared-ui .social-links--grey .slick-next:hover,.shared-ui .social-links--grey .slick-prev:hover,.shared-ui .social-links--grey .typography blockquote:hover,.shared-ui .social-links--grey .ya-share2__item_service_facebook .ya-share2__icon:hover,.shared-ui .social-links--grey .ya-share2__item_service_gplus .ya-share2__icon:hover,.shared-ui .social-links--grey .ya-share2__item_service_moimir .ya-share2__icon:hover,.shared-ui .social-links--grey .ya-share2__item_service_twitter .ya-share2__icon:hover,.shared-ui .social-links--grey .ya-share2__item_service_vkontakte .ya-share2__icon:hover,.shared-ui .typography .social-links--grey blockquote:hover,.shared-ui .ya-share2__item_service_facebook .social-links--grey .ya-share2__icon:hover,.shared-ui .ya-share2__item_service_gplus .social-links--grey .ya-share2__icon:hover,.shared-ui .ya-share2__item_service_moimir .social-links--grey .ya-share2__icon:hover,.shared-ui .ya-share2__item_service_twitter .social-links--grey .ya-share2__icon:hover,.shared-ui .ya-share2__item_service_vkontakte .social-links--grey .ya-share2__icon:hover{color: #fff } .shared-ui .soc-share-wr{padding: 15px 0; line-height: 34px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; font-size: 13px } .shared-ui .soc-share-wr > P{line-height: 20px } @media screen and (max-width:630px){.shared-ui .soc-share-wr{display: block }} .shared-ui .soc-login{vertical-align: middle; width: 234px; height: 34px; line-height: 34px; font-size: 15px; padding: 0 15px 0 55px; background-size: 100% 100%; -webkit-transition: 150ms; transition: 150ms; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .shared-ui .ya-share2__counter,.shared-ui .ya-share2__icon{display: inline-block; width: auto !important } .shared-ui .soc-login--vk{background-image: url(../images/vk-login.png) } .shared-ui .soc-login--fb{background-image: url(../images/fb-login.png) } .shared-ui .soc-login--steam{background-image: url(../images/steam-login.png) } .shared-ui .soc-login:active{-webkit-transform: translateY(2px) scale(.99, 1); -ms-transform: translateY(2px) scale(.99, 1); transform: translateY(2px) scale(.99, 1) } .shared-ui .ya-share2{line-height: 22px } .shared-ui .ya-share2__item{margin: 5px 12px !important } .shared-ui .ya-share2__icon{vertical-align: middle !important; height: auto !important } .shared-ui .ya-share2__counter{vertical-align: middle; background-color: #eef1f4; border-radius: 3px; padding: 0 !important; min-width: 28px !important; height: 22px !important; line-height: 22px !important; text-align: center; font-size: 13px !important; color: #24313a; font-family: "Helvetica Neue", Helvetica, "Open Sans", sans-serif; position: relative; margin-left: 12px } .shared-ui .ya-share2__counter:before{height: 0; width: 0; position: absolute; right: 100%; left: auto; bottom: auto; top: 50% !important; margin-top: -4px; border: 4px solid transparent; border-right-color: #eef1f4 } .shared-ui .ya-share2__badge{background-color: transparent !important; line-height: 22px !important } .shared-ui .ya-share2__item_service_vkontakte .ya-share2__icon{background-image: none !important; color: #3395c7; font-size: 14px } .shared-ui .ya-share2__item_service_facebook .ya-share2__icon{background-image: none !important; color: #3669a3; font-size: 20px } .shared-ui .ya-share2__item_service_twitter .ya-share2__icon{background-image: none !important; color: #6bc1e9; font-size: 14px } .shared-ui .ya-share2__item_service_moimir .ya-share2__icon{background-image: none !important; color: #2856b3; font-size: 20px } .shared-ui .ya-share2__item_service_gplus .ya-share2__icon{background-image: none !important; color: #db5a50; font-size: 20px } .shared-ui .cats-list{ border-left: 1px solid #d5d5d5; margin: 0 0 0 1px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap } .shared-ui .cats-list__col{position: relative; width: 25%; border-top: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; margin-top: -1px; margin-left: -1px; -webkit-transition: 150ms; transition: 150ms } .shared-ui .cats-list__col:hover{border-color: var(--mc-accent-strong); background-color: var(--mc-accent-strong); z-index: 1; margin-left: -1px } .shared-ui .cats-list .category{display: block } @media screen and (max-width:630px){.shared-ui .cats-list__col{width: 50% }} .shared-ui .category{display: inline-block; color: #000; text-transform: none; padding: 20px 20px 30px } .shared-ui .category__ico{height: 94px; line-height: 94px; font-size: 50px } .shared-ui .category__ico .avatar__soc,.shared-ui .category__ico .blockquote,.shared-ui .category__ico .checkbox__view,.shared-ui .category__ico .dropdown__head:after,.shared-ui .category__ico .form-row__content--divided .input-wr + .input-wr .input-cont:after,.shared-ui .category__ico .iconic,.shared-ui .category__ico .popup__closer,.shared-ui .category__ico .slick-next,.shared-ui .category__ico .slick-prev,.shared-ui .category__ico .typography blockquote,.shared-ui .category__ico .ya-share2__item_service_facebook .ya-share2__icon,.shared-ui .category__ico .ya-share2__item_service_gplus .ya-share2__icon,.shared-ui .category__ico .ya-share2__item_service_moimir .ya-share2__icon,.shared-ui .category__ico .ya-share2__item_service_twitter .ya-share2__icon,.shared-ui .category__ico .ya-share2__item_service_vkontakte .ya-share2__icon,.shared-ui .category__ico img,.shared-ui .form-row__content--divided .input-wr + .input-wr .category__ico .input-cont:after,.shared-ui .typography .category__ico blockquote,.shared-ui .ya-share2__item_service_facebook .category__ico .ya-share2__icon,.shared-ui .ya-share2__item_service_gplus .category__ico .ya-share2__icon,.shared-ui .ya-share2__item_service_moimir .category__ico .ya-share2__icon,.shared-ui .ya-share2__item_service_twitter .category__ico .ya-share2__icon,.shared-ui .ya-share2__item_service_vkontakte .category__ico .ya-share2__icon{max-width: 94%; max-height: 100%; display: inline-block; vertical-align: middle } .shared-ui .category__ico .iconic--cat-action{font-size: 1em } .shared-ui .category__ico .iconic--cat-adventure{font-size: 1.85em } .shared-ui .category__ico .iconic--cat-rpg{font-size: 1.5em } .shared-ui .category__ico .iconic--cat-sim{font-size: 1.6em } .shared-ui .category__ico .iconic--cat-strategy{font-size: 1.35em } .shared-ui .category__ico .iconic--cat-mmo{font-size: 1.6em } .shared-ui .category__ico .iconic--cat-arcade{font-size: 1.1em } .shared-ui .category__ico .iconic--cat-sport{font-size: 1.4em } .shared-ui .category__name{font-size: 14px; line-height: normal; text-transform: uppercase; letter-spacing: .6px; margin-top: 12px } @media screen and (max-width:1020px){.shared-ui .category__ico{font-size: 27px }} @media screen and (max-width:767px){.shared-ui .category{padding: 15px 15px 20px }} .shared-ui .gameview-cats{margin-top: 5px; font-size: 0 } .shared-ui .gameview-cats__li{position: relative; display: inline-block; vertical-align: top; margin-top: 5px; min-width: 75px; padding: 0 5px; max-width: 50% } .shared-ui .gameview-cats__li:after,.shared-ui .gameview-cats__li:before{content: ""; position: absolute; top: 5px; height: 20px; border-right: 1px solid #ececec } .shared-ui .gameview-cats__li:after{left: 0 } .shared-ui .gameview-cats__li:before{right: -1px } .shared-ui .gameview-cats__li:last-child:before{display: block } .shared-ui .gameview-cats .category{padding: 0; margin: 0 } .shared-ui .gameview-cats .category__ico{height: 34px; line-height: 34px; font-size: 16px } .shared-ui .form-row__content--divided .input-wr + .input-wr .gameview-cats .category__ico .input-cont:after,.shared-ui .gameview-cats .category__ico .avatar__soc,.shared-ui .gameview-cats .category__ico .blockquote,.shared-ui .gameview-cats .category__ico .checkbox__view,.shared-ui .gameview-cats .category__ico .dropdown__head:after,.shared-ui .gameview-cats .category__ico .form-row__content--divided .input-wr + .input-wr .input-cont:after,.shared-ui .gameview-cats .category__ico .iconic,.shared-ui .gameview-cats .category__ico .popup__closer,.shared-ui .gameview-cats .category__ico .slick-next,.shared-ui .gameview-cats .category__ico .slick-prev,.shared-ui .gameview-cats .category__ico .typography blockquote,.shared-ui .gameview-cats .category__ico .ya-share2__item_service_facebook .ya-share2__icon,.shared-ui .gameview-cats .category__ico .ya-share2__item_service_gplus .ya-share2__icon,.shared-ui .gameview-cats .category__ico .ya-share2__item_service_moimir .ya-share2__icon,.shared-ui .gameview-cats .category__ico .ya-share2__item_service_twitter .ya-share2__icon,.shared-ui .gameview-cats .category__ico .ya-share2__item_service_vkontakte .ya-share2__icon,.shared-ui .gameview-cats .category__ico img,.shared-ui .typography .gameview-cats .category__ico blockquote,.shared-ui .ya-share2__item_service_facebook .gameview-cats .category__ico .ya-share2__icon,.shared-ui .ya-share2__item_service_gplus .gameview-cats .category__ico .ya-share2__icon,.shared-ui .ya-share2__item_service_moimir .gameview-cats .category__ico .ya-share2__icon,.shared-ui .ya-share2__item_service_twitter .gameview-cats .category__ico .ya-share2__icon,.shared-ui .ya-share2__item_service_vkontakte .gameview-cats .category__ico .ya-share2__icon{max-width: 100%; display: inline-block; vertical-align: middle } .shared-ui .franchises,.shared-ui .franchises__item{ display: -webkit-flex; display: -ms-flexbox } .shared-ui .gameview-cats .category__ico .iconic--cat-action{font-size: 1em } .shared-ui .gameview-cats .category__ico .iconic--cat-adventure{font-size: 1.85em } .shared-ui .gameview-cats .category__ico .iconic--cat-rpg{font-size: 1.5em } .shared-ui .gameview-cats .category__ico .iconic--cat-sim{font-size: 1.6em } .shared-ui .gameview-cats .category__ico .iconic--cat-strategy{font-size: 1.35em } .shared-ui .gameview-cats .category__ico .iconic--cat-mmo{font-size: 1.6em } .shared-ui .gameview-cats .category__ico .iconic--cat-arcade{font-size: 1.1em } .shared-ui .gameview-cats .category__ico .iconic--cat-sport{font-size: 1.4em } .shared-ui .gameview-cats .category__name{font-size: 11px; line-height: 16px; text-transform: none; margin-top: 5px } .shared-ui .franchises{margin: 0 -4px; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap } .shared-ui .franchises__item{ -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 1; flex-shrink: 1; width: 20.66667%; padding: 4px; display: flex; -webkit-align-content: stretch; align-content: stretch; -webkit-align-items: stretch; align-items: stretch } .shared-ui .franchises__item .franchise{width: 100% } @media screen and (max-width:860px){.shared-ui .franchises__item{width: 25% }} @media screen and (max-width:630px){.shared-ui .franchises__item{width: 33.33333% }} @media screen and (max-width:480px){.shared-ui .franchises__item{width: 50% }} .shared-ui .franchise{background-color: #f1f1f1; min-height: 75px; line-height: 55px; padding: 10px 20px; -webkit-transition: 150ms; transition: 150ms; display: -webkit-flex; display: flex; -webkit-align-content: center; align-content: center; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center } .shared-ui .franchise IMG{display: inline-block; vertical-align: middle; width: 90%; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: .4; -webkit-transition: 150ms; transition: 150ms } .shared-ui .franchise:hover{background-color: var(--mc-accent-strong) } .shared-ui .franchise:hover IMG{opacity: 1 } .shared-ui .slick-slider{margin-bottom: 0 } .shared-ui .slick-loading .slick-list{background: 0 0 !important } .shared-ui .slick-next,.shared-ui .slick-prev{color: #333; font-size: 28px; height: 28px; outline: 0; visibility: visible; -webkit-transition: color 150ms; transition: color 150ms; z-index: 1; opacity: .6 } .shared-ui .slick-next:before,.shared-ui .slick-prev:before{display: none } .shared-ui .slick-next:focus,.shared-ui .slick-prev:focus{color: inherit; background: inherit } .shared-ui .promo-slider__bg,.shared-ui .promo-slider__slide{background-position: center; background-repeat: no-repeat } .shared-ui .slick-next:hover,.shared-ui .slick-prev:hover{opacity: 1; color: #fff } .shared-ui .slick-next:active,.shared-ui .slick-prev:active{opacity: 1; color: var(--mc-accent-strong) !important } .shared-ui .slick-dots{padding: 25px 0; font-size: 0; line-height: 9px; position: relative; top: auto; bottom: auto } .shared-ui .slick-dots li{display: inline-block; vertical-align: middle; margin: 0 10px; width: auto; height: auto } .shared-ui .slick-dots li button{display: block; width: 9px; height: 9px; border-radius: 100%; background-color: #b0b0b0; margin: 0; padding: 0; -webkit-transition: 150ms; transition: 150ms } .shared-ui .promo-slider,.shared-ui .promo-slider__slide{height: 500px; position: relative; overflow: hidden } .shared-ui .slick-dots li button:after,.shared-ui .slick-dots li button:before{display: none } .shared-ui .slick-dots li button:hover,.shared-ui .slick-dots li.slick-active button{background-color: var(--mc-accent-strong); box-shadow: 0 0 0 1px #fff206 } .shared-ui .promo-slider__slide{background-size: auto 100%; -webkit-transition: opacity .6s !important; transition: opacity .6s !important; opacity: 1 } .shared-ui .promo-slider._animated .promo-slider__slide.slick-active .promo-slider__bg{-ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1) } .shared-ui .promo-slider__bg{position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-size: cover; -ms-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-transition: -webkit-transform 5.5s; transition: transform 5.5s } .shared-ui .promo-slider .wrapper{height: 100%; position: relative } .shared-ui .promo-slider__inner{color: #fff; position: absolute; left: 0; right: 0; bottom: 0; padding-bottom: 45px; padding-left: 20px; padding-right: 20px } @media screen and (max-width:1020px){.shared-ui .promo-slider__inner{padding-left: 20px; padding-right: 20px }} @media screen and (max-width:630px){.shared-ui .promo-slider__inner{padding-right: 10px; padding-left: 10px }} .shared-ui .promo-slider__inner--black{color: #000 } .shared-ui .promo-slider__title{margin: 15px 0 3px; font-size: 24px; line-height: 30px; text-transform: uppercase; font-weight: 400; letter-spacing: 2.3px } .shared-ui .promo-slider__price-str{line-height: 30px } .shared-ui .promo-slider__price-str .discount{margin-left: 12px } .shared-ui .promo-slider .steam{margin: 0 0 10px -3px } .shared-ui .promo-slider .slick-prev{left: 50px } .shared-ui .promo-slider .slick-next{right: 50px } .shared-ui .promo-slider .slick-dots{position: absolute; bottom: 0; left: 0; right: 0 } @media screen and (max-width:1500px){.shared-ui .promo-slider .slick-prev{left: 20px } .shared-ui .promo-slider .slick-next{right: 20px }} @media screen and (max-width:1380px){.shared-ui .promo-slider .slick-next,.shared-ui .promo-slider .slick-prev{display: none }} @media screen and (max-width:767px){.shared-ui .promo-slider,.shared-ui .promo-slider__slide{height: 400px }} .shared-ui .reg-sl-block{padding: 35px 0 22px } .shared-ui .reg-sl-block .h4,.shared-ui .reg-sl-block .typography h4,.shared-ui .typography .reg-sl-block h4{margin-bottom: 16px } .shared-ui .reg-sl-block .slick-dots{padding-top: 20px } .shared-ui .reg-sl-block .slick-arrow{position: absolute; bottom: 100%; right: 4px; top: auto; z-index: 10 } .shared-ui .reg-sl-block .slick-prev{left: auto; margin-right: 40px } @media screen and (max-width:630px){.shared-ui .reg-sl-block{padding: 25px 0 15px } .shared-ui .reg-sl-block .slick-arrow{display: none }} @media screen and (max-width:480px){.shared-ui .reg-sl-block .slick-dots{padding: 30px 0 25px }} .shared-ui .discounts-bl{background-color: #1b1b1b; color: #fff } .shared-ui .discounts-bl__slide,.shared-ui .slick-initialized .discounts-bl__slide{ display: -webkit-flex; display: flex } .shared-ui .discounts-bl__col{-webkit-flex-shrink: 0; flex-shrink: 0; -webkit-flex-grow: 1; flex-grow: 1; width: 50% } .shared-ui .discounts-bl__col--half{width: 25% } @media screen and (max-width:860px){.shared-ui .discounts-bl__col:nth-child(3){display: none } .shared-ui .discounts-bl__col{width: 63% } .shared-ui .discounts-bl__col--half{width: 37% }} @media screen and (max-width:630px){.shared-ui .discounts-bl__col{width: 100% } .shared-ui .discounts-bl__col--half{display: none }} .shared-ui .discounts-bl .slick-arrow{color: #fff } .shared-ui .online-sells{position: relative; overflow: hidden; background-color: #fff; padding: 45px 0 50px } .shared-ui .online-sells__track-wr{position: relative; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .shared-ui .online-sells__loadout-cont{position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .shared-ui .online-sells__loadout-cont .game-label{opacity: 0; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-name: sellDrop; animation-name: sellDrop; -webkit-animation-delay: .2s; animation-delay: .2s; position: fixed; left: 50%; top: 0 } .shared-ui .online-sells__track{white-space: nowrap; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .shared-ui .online-sells__track:after,.shared-ui .online-sells__track:before{content: ""; position: absolute; top: 0; bottom: 0; max-width: 22%; width: 240px; z-index: 10 } @media screen and (max-width:960px){.shared-ui .online-sells__track:after,.shared-ui .online-sells__track:before{display: none }} .shared-ui .online-sells__track:after{left: 0; background: -webkit-linear-gradient(left, #fff 10%, transparent 100%); background: linear-gradient(to right, #fff 10%, transparent 100%) } .shared-ui .online-sells__track:before{right: 0; background: -webkit-linear-gradient(right, #fff 10%, transparent 100%); background: linear-gradient(to left, #fff 10%, transparent 100%) } .shared-ui .online-sells .h4,.shared-ui .online-sells .typography h4,.shared-ui .typography .online-sells h4{margin-bottom: 20px } .shared-ui .online-sells .game-label{margin: 0 10px } .shared-ui .gameview-sl .slick-arrow{position: absolute; bottom: 100%; right: 4px; top: auto; z-index: 10; opacity: .4; font-size: 22px } .shared-ui .gameview-sl .slick-arrow:hover{opacity: 1; color: #333 } .shared-ui .gameview-sl .slick-prev{left: auto; margin-right: 30px } .shared-ui .gameview-sl--gallery{white-space: nowrap; position: relative; margin-right: -4px; margin-left: -4px } .shared-ui .gameview-sl--gallery .game-materials{display: inline-block; vertical-align: top; white-space: normal; width: 100%; margin: 0 } .shared-ui .gameview-sl--prods,.shared-ui .gameview-sl--prods-composition{margin-left: -8px; margin-right: -8px; white-space: nowrap; position: relative; margin-top: -7px } .shared-ui .gameview-sl--prods .slick-arrow,.shared-ui .gameview-sl--prods-composition .slick-arrow{margin-bottom: -7px } .shared-ui .gameview-sl--prods .products-list,.shared-ui .gameview-sl--prods-composition .products-list{width: 50%; display: inline-block; vertical-align: top; margin: 0; white-space: normal } .shared-ui .gameview-sl--prods .products-list__item,.shared-ui .gameview-sl--prods-composition .products-list__item{width: 100% !important } @media screen and (max-width:860px){.shared-ui .gameview-sl--prods .products-list,.shared-ui .gameview-sl--prods-composition .products-list{ display: -webkit-flex; display: flex } .shared-ui .gameview-sl--prods .products-list__item{width: 50% !important }} @media screen and (max-width:630px){.shared-ui .gameview-sl--prods .products-list__item,.shared-ui .gameview-sl--prods-composition .products-list__item{padding-bottom: 0 } .shared-ui .gameview-sl--prods .prod-preview__desc,.shared-ui .gameview-sl--prods-composition .prod-preview__desc{margin-top: 0 }} @media screen and (max-width:480px){.shared-ui .gameview-sl--prods,.shared-ui .gameview-sl--prods-composition{margin-left: -4px; margin-right: -4px }} .shared-ui .random-slider{height: 215px; overflow: hidden } .shared-ui .random-slider__item{width: 112px; margin: 16px 0 6px; padding: 0 3px } .shared-ui .random-slider__item-img IMG{display: block } .shared-ui .avatar,.shared-ui .comment .avatar,.shared-ui .comment__main{display: inline-block } .shared-ui .random-slider__item-name{font-size: 13px; line-height: 17px; margin-top: 8px } .shared-ui .random-slider._animation-on .slick-track{-webkit-transition: left 5s cubic-bezier(.27, .01, 0, 1.005); transition: left 5s cubic-bezier(.27, .01, 0, 1.005) } .shared-ui .random-slider-current{position: absolute; top: 10px; left: 50%; width: 118px; height: 162px; margin: 0 0 0 -59px; border: 6px solid var(--mc-accent-strong) } .shared-ui .random-slider-current:after{content: ""; width: 42px; height: 34px; position: absolute; top: -17px; left: 50%; margin: 0 0 0 -21px; background: url(../images/random-current.png) 50% 50% no-repeat } .shared-ui .avatar{width: 50px; height: 50px; position: relative } .shared-ui .avatar__img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; z-index: 1 } .shared-ui .avatar__img IMG{width: 100% } .shared-ui .avatar__soc{border: 3px solid #fff; border-radius: 50%; width: 22px; height: 22px; line-height: 16px; color: #fff; position: absolute; z-index: 2; bottom: -11px; right: -11px; font-size: 10px } .shared-ui .discount-prod__bg,.shared-ui .prod-preview__overlay{z-index: 0; left: 0; background-position: center; background-repeat: no-repeat; background-size: cover } .shared-ui .avatar__soc--vk{background-color: #5a7ca2; font-size: 8px } .shared-ui .avatar__soc--fb{background-color: #2f5e93; font-size: 13px } .shared-ui .avatar__soc--fb:after{position: relative; top: 3px } .shared-ui .comment{text-align: left; padding: 22px 10px 22px 0; font-size: 0 } .shared-ui .comment .avatar{vertical-align: top; margin-right: -50px; margin-top: 5px } .shared-ui .comment__main{width: 100%; vertical-align: top; padding-left: 80px; font-size: 14px; line-height: 20px; color: #000; white-space: normal; word-wrap: break-word; } .shared-ui .comment-form,.shared-ui .countdown,.shared-ui .search-prod{white-space: nowrap } .shared-ui .comment__bot{font-size: 11px; line-height: normal; color: #797979; margin-top: 10px; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: space-between; justify-content: space-between } .shared-ui .comment__bot-ui,.shared-ui .comment__date,.shared-ui .comment__ui-link{display: inline-block; vertical-align: top } .shared-ui .comment__date{margin: 4px 0 } .shared-ui .comment__bot-ui{opacity: 0; -webkit-transition: 150ms; transition: 150ms } .shared-ui .comment__ui-link{color: #cacaca; margin: 4px 20px 4px 0; cursor: pointer; -webkit-transition: 150ms; transition: 150ms } .shared-ui .comment__ui-link .avatar__soc,.shared-ui .comment__ui-link .blockquote,.shared-ui .comment__ui-link .checkbox__view,.shared-ui .comment__ui-link .dropdown__head:after,.shared-ui .comment__ui-link .form-row__content--divided .input-wr + .input-wr .input-cont:after,.shared-ui .comment__ui-link .iconic,.shared-ui .comment__ui-link .popup__closer,.shared-ui .comment__ui-link .slick-next,.shared-ui .comment__ui-link .slick-prev,.shared-ui .comment__ui-link .typography blockquote,.shared-ui .comment__ui-link .ya-share2__item_service_facebook .ya-share2__icon,.shared-ui .comment__ui-link .ya-share2__item_service_gplus .ya-share2__icon,.shared-ui .comment__ui-link .ya-share2__item_service_moimir .ya-share2__icon,.shared-ui .comment__ui-link .ya-share2__item_service_twitter .ya-share2__icon,.shared-ui .comment__ui-link .ya-share2__item_service_vkontakte .ya-share2__icon,.shared-ui .form-row__content--divided .input-wr + .input-wr .comment__ui-link .input-cont:after,.shared-ui .typography .comment__ui-link blockquote,.shared-ui .ya-share2__item_service_facebook .comment__ui-link .ya-share2__icon,.shared-ui .ya-share2__item_service_gplus .comment__ui-link .ya-share2__icon,.shared-ui .ya-share2__item_service_moimir .comment__ui-link .ya-share2__icon,.shared-ui .ya-share2__item_service_twitter .comment__ui-link .ya-share2__icon,.shared-ui .ya-share2__item_service_vkontakte .comment__ui-link .ya-share2__icon{color: inherit; margin-left: 8px } .shared-ui .comment__ui-link .iconic--heart{font-size: 10px } .shared-ui .comment__ui-link._active,.shared-ui .comment__ui-link:hover{color: #000 } .shared-ui .comment:hover .comment__bot-ui{opacity: 1 } @media screen and (max-width:767px){.shared-ui .comment__main{padding-left: 65px }} @media screen and (max-width:630px){.shared-ui .comment{padding-top: 15px; padding-bottom: 15px } .shared-ui .comment__bot-ui{display: block; opacity: 1 } .shared-ui .comment__bot{display: block }} .shared-ui .comment--in-slide{background-color: #fff; padding: 20px 22px 15px } @media screen and (max-width:630px){.shared-ui .comment--in-slide{min-height: 80px !important; padding: 10px 10px 15px } .shared-ui .comment--in-slide + .comment--in-slide{display: none }} .shared-ui .comment-form{font-size: 0; background-color: #f4f4f4; padding: 12px; margin-bottom: 5px } .shared-ui .comment-form .avatar{display: inline-block; vertical-align: top; margin-right: -50px } .shared-ui .comment-form__main{display: inline-block; vertical-align: top; padding-left: 65px; width: 100% } .shared-ui .comment-form .btn{margin: 8px 0 0 3px } .shared-ui .no-login{background-color: #f2f2f2; text-align: center; font-size: 18px; color: #646464; line-height: 30px; padding: 15px 20px; margin: 2px 0 32px } .shared-ui .comms-list__comm-wr{border-top: 1px solid #f4f4f4 } .shared-ui .comms-list__comm-wr:first-child{border-top: 0 } .shared-ui .comms-list__comm-wr .comms-list__comm-wr .comment{padding-left: 55px } @media screen and (max-width:630px){.shared-ui .comms-list__comm-wr .comms-list__comm-wr .comment{padding-left: 12px }} .shared-ui .comms-list__comm-wr .comms-list__comm-wr .comms-list__comm-wr .comment{padding-left: 110px } @media screen and (max-width:630px){.shared-ui .comms-list__comm-wr .comms-list__comm-wr .comms-list__comm-wr .comment{padding-left: 24px }} .shared-ui .comms-list__comm-wr .comms-list__comm-wr .comms-list__comm-wr .comms-list__comm-wr .comment{padding-left: 165px } @media screen and (max-width:630px){.shared-ui .comms-list__comm-wr .comms-list__comm-wr .comms-list__comm-wr .comms-list__comm-wr .comment{padding-left: 36px }} .shared-ui .products-wr{padding: 10px 0 20px } .shared-ui .products-wr__tab{display: none } .shared-ui .products-wr__tab._active{display: block } .shared-ui .products-wr__btn-more{margin: 25px auto; display: table } .shared-ui .products-list{margin-left: -8px; margin-right: -8px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap } .shared-ui .products-list + .btn{margin-top: 25px } .shared-ui .products-list__item{width: 20%; padding: 8px } .shared-ui .products-list__item-dlc{width: 25%; padding: 8px } @media screen and (max-width:1168px){.shared-ui .products-list__item,.shared-ui .products-list__item-dlc{width: 25% }} @media screen and (max-width:860px){.shared-ui .products-list__item,.shared-ui .products-list__item-dlc{width: 33.33333% }} @media screen and (max-width:630px){.shared-ui .products-list__item,.shared-ui .products-list__item-dlc{width: 50% }} .shared-ui .prod-preview{display: block; position: relative; overflow: hidden; padding-bottom: 110%; text-align: center; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.53) } .shared-ui .prod-preview__overlay{padding-bottom:100%;position:absolute;right:0;bottom:0;top:0;background-size:contain;background-position:center;background-repeat:no-repeat} .shared-ui .prod-preview__overlay:after{content: ""; background-color: #000; opacity: 0; position: absolute; left: 0; right: 0; bottom: 0; top: 0; -webkit-transition: .3s; transition: .3s } .shared-ui .prod-preview__init-gr{position: absolute; bottom: 5%; left: 0; right: 0; -webkit-transition: .3s; transition: .3s } .shared-ui .prod-preview__price-btn{position: absolute; top: 73%; left: 50%; width: 145px; max-width: 80%; white-space: nowrap; -webkit-transform: translate3d(-50%, -70%, 0); transform: translate3d(-50%, -70%, 0); -webkit-transition: .3s; transition: .3s; opacity: 0; visibility: hidden } .shared-ui .prod-preview__desc{position: absolute; left: 15px; right: 15px; top: 50%; -webkit-transform: translateY(-75%); -ms-transform: translateY(-75%); transform: translateY(-75%); color: #fff; opacity: 0; visibility: visible; -webkit-transition: .3s; transition: .3s } .shared-ui .prod-preview__title{font-size: 15px; font-weight: 400 } .shared-ui .prod-preview__genre{text-transform: uppercase; color: #939393; font-size: 10px } .shared-ui .prod-preview__genre span{color: var(--mc-accent-strong) } @media screen and (min-width:480px){.shared-ui .prod-preview:hover .prod-preview__overlay:after{opacity: .8 } .shared-ui .prod-preview:hover .prod-preview__init-gr{-webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px) } .shared-ui .prod-preview:hover .prod-preview__price-btn{-webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); opacity: 1; visibility: visible; -webkit-transition: .5s .1s; transition: .5s .1s } .shared-ui .prod-preview:hover .prod-preview__desc{-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; visibility: visible }} @media screen and (max-width:480px){.shared-ui .products-list{margin-left: -4px; margin-right: -4px} .shared-ui .products-list__item{padding-left: 4px; padding-right: 4px } .shared-ui .prod-preview{padding-bottom: 0 } .shared-ui .prod-preview .prod-preview__overlay{display: block; position: relative } .shared-ui .prod-preview .prod-preview__overlay:after,.shared-ui .prod-preview .prod-preview__price-btn{display: none } .shared-ui .prod-preview .prod-preview__desc{color: #000; opacity: 1; visibility: visible; position: static; -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; margin: 10px 0 5px } .shared-ui .prod-preview .prod-preview__title{font-size: 13px; line-height: 16px }} .shared-ui .prod-anim-cont .prod-preview{opacity: 0; visibility: hidden; -webkit-transition: .5s; transition: .5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 50% 50% -200px; -ms-transform-origin: 50% 50% -200px; transform-origin: 50% 50% -200px; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg) } .shared-ui .prod-anim-cont .prod-preview._animated{-webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1; visibility: visible } .shared-ui .discount-prod{display: block; width: 100%; position: relative; overflow: hidden; height: 350px } .shared-ui .discount-prod__bg{position: absolute; top: 0; right: 0; bottom: 0; -webkit-transition: .4s; transition: .4s } .shared-ui .discount-prod__bottom{padding: 10px 25px 17px; color: #fff; position: absolute; bottom: 0; left: 0; right: 0; text-align: left } .shared-ui .discount-prod__title{font-weight: 400; font-size: 14px } .shared-ui .discount-prod .discount{position: absolute; top: 14px; left: 20px; font-size: 18px } .shared-ui .close,.shared-ui .gl-item,.shared-ui .popup,.shared-ui .search-prod__img{position: relative } .shared-ui .discount-prod:hover .discount-prod__bg{-webkit-transition: 2s; transition: 2s; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .shared-ui .discount-prod--half{height: 175px } .shared-ui .discount-prod--half .discount{top: 9px; left: 12px } .shared-ui .discount-prod--half .discount-prod__bottom{padding: 10px 19px 12px } @media screen and (max-width:630px){.shared-ui .discount-prod{height: auto; padding-bottom: 68%; min-height: 220px }} .shared-ui .search-prod{padding: 5px 20px; display: block; -webkit-transition: 150ms; transition: 150ms; color: inherit } .shared-ui .search-prod__img-wr,.shared-ui .search-prod__main{display: inline-block; vertical-align: top } .shared-ui .search-prod__img-wr{width: 50px; margin-right: -50px } .shared-ui .search-prod__img{padding-bottom: 100%; background-position: center; background-repeat: no-repeat; background-size: cover } .shared-ui .search-prod__main{padding: 2px 0 0 59px; width: 100% } .shared-ui .search-prod__name{font-size: 15px; line-height: 22px } .shared-ui .search-prod__genre{text-transform: uppercase; color: #939393; font-size: 12px; overflow: hidden; text-overflow: ellipsis; } .shared-ui .search-prod__genre SPAN{color: var(--mc-accent-strong) } .shared-ui .lk-menu{padding: 13px 0; background: #f1f1f1 } .shared-ui .lk-menu__nav{float: left; margin-left: -12px } .shared-ui .lk-menu__logout{float: right } @media screen and (max-width:1020px){.shared-ui .lk-menu__logout{margin-right: -7px }} @media screen and (max-width:630px){.shared-ui .lk-menu__nav{margin-left: -4px } .shared-ui .lk-menu__logout{margin-right: 0 }} .shared-ui .lk-nav LI{float: left; margin-right: 8px } .shared-ui .lk-nav LI.active A,.shared-ui .lk-nav LI.active A:hover{background: #fff } @media screen and (max-width:630px){.shared-ui .lk-nav LI{float: none; display: block; margin: 0 0 5px }} .shared-ui .lk-nav LI A{font: 700 18px / 22px Play, sans-serif; padding: 7px 12px; border-radius: 4px; color: #1b1b1b; display: inline-block; -webkit-transition: background-color 150ms ease-out; transition: background-color 150ms ease-out } .shared-ui .lk-nav LI A:hover{background-color: rgba(255, 255, 255, .75) } .shared-ui .popup{margin: 10px auto; background-color: #fff; border-radius: 5px; max-width: 100%; width: 600px; padding: 25px 20px 35px; display: none } .shared-ui .mfp-container .popup{display: block } .shared-ui .popup__title{margin-bottom: 10px } .shared-ui .popup__closer{font-size: 18px; color: #1b1b1b; -webkit-transition: .3s; transition: .3s; cursor: pointer; padding: 5px; line-height: normal; width: auto; height: auto; top: 5px; right: 5px; opacity: 1 } .shared-ui .popup__closer:hover{color: #000 } .shared-ui .popup__closer:active{top: 5px; -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9) } .shared-ui .popup--s{width: 450px } .shared-ui .popup--sm{width: 350px } .shared-ui .popup--key{text-align: center } .shared-ui .popup--key .popup__title{margin-bottom: 25px } .shared-ui .breadcrumbs{padding: 14px 0; font-size: 12px; line-height: 16px } .shared-ui .breadcrumbs__li{display: inline-block; vertical-align: top; margin: 5px 8px 5px 0 } .shared-ui .breadcrumbs__li + .breadcrumbs__li:before{content: "—"; margin-right: 8px } .shared-ui .breadcrumbs__li h1,.shared-ui .breadcrumbs__li h2,.shared-ui .breadcrumbs__li h3{font-weight: inherit; font-size: inherit; line-height: inherit; display: inline } .shared-ui .breadcrumbs + .main-wr{padding-top: 0 } @media screen and (max-width:767px){.shared-ui .breadcrumbs{padding: 10px 0 }} .shared-ui .hide-bl__hidden{display: none } .shared-ui .hide-bl .btn{margin-top: 25px } .shared-ui .hide-bl._active .hide-bl__hidden{display: block } .shared-ui .countdown__divider,.shared-ui .countdown__item{white-space: normal; display: inline-block; vertical-align: top } .shared-ui .countdown__item{min-width: 42px } .shared-ui .countdown__value{display: block } .shared-ui .countdown__divider{margin: 0 3px } .shared-ui .countdown__divider,.shared-ui .countdown__value{font-weight: 700; font-size: 35px; line-height: 30px } .shared-ui .countdown .h3,.shared-ui .countdown .typography h3,.shared-ui .typography .countdown h3{font-weight: 700; margin: 5px 0 } .shared-ui .tabs__tab{display: none } .shared-ui .tabs__tab._active{display: block } .shared-ui .tabs--game-view .oblique-btns{padding-top: 0; text-align: left; margin-left: -2px; margin-right: -2px } .shared-ui .tabs--game-view .oblique-btns__btn-wr{margin-left: 2px; margin-right: 2px } .shared-ui .tabs--game-view .oblique-btns__btn-wr:before{display: none } .shared-ui .tabs__tab--game-desc{font-size: 13px; line-height: 22px } .shared-ui .fade{opacity: 0; -webkit-transition: opacity .15s linear; transition: opacity .15s linear } .shared-ui .fade.in{opacity: 1 } .shared-ui .page-index,.shared-ui .page-lk{background-color: #fff } .shared-ui .promo-luck-wr{text-align: center; padding: 45px 0 30px } .shared-ui .promo-luck-wr__title{margin-bottom: 20px } .shared-ui .promo-luck-wr__title .ico{display: block; margin: 0 auto 2px } @media screen and (max-width:767px){.shared-ui .promo-luck-wr{padding: 35px 0 15px }} .shared-ui .get-luck-cont{ display: -webkit-flex; display: flex } .shared-ui .get-luck-cont .gl-item{width: 33.33333%; border-left: 1px solid transparent; border-right: 1px solid transparent } @media screen and (min-width:767px) and (max-width:960px){.shared-ui .get-luck-cont .gl-item .gl-item__b-face{padding-top: 15px } .shared-ui .get-luck-cont .gl-item .gl-item__bf-desc{padding: 0 10px } .shared-ui .get-luck-cont .gl-item .btn{font-size: 13px; width: 212px; margin-left: -106px; bottom: 20px }} .shared-ui .get-luck-cont .slick-list{width: 100% } .shared-ui .get-luck-cont .slick-dots{padding-bottom: 10px } @media screen and (min-width:767px){.shared-ui .get-luck-cont .slick-track{left: 0 !important }} @media screen and (max-width:767px){.shared-ui .get-luck-cont{display: block }} .shared-ui .gl-item,.shared-ui .gl-item__f-face{ display: -webkit-flex; display: -ms-flexbox } .shared-ui .gl-item{-webkit-transition: -webkit-transform .3s; transition: transform .3s; -webkit-transform: rotateY(0); transform: rotateY(0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; display: flex } .shared-ui .gl-item__b-face,.shared-ui .gl-item__f-face{-webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform .5s; transition: transform .5s } .shared-ui .gl-item__f-face{background: #f6f6f6; text-align: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: rotateY(0); transform: rotateY(0); z-index: 2; display: flex; -webkit-flex-direction: column; flex-direction: column; padding: 40px 20px 80px } .shared-ui .gl-item__f-face .h4,.shared-ui .gl-item__f-face .typography h4,.shared-ui .typography .gl-item__f-face h4{text-transform: uppercase; padding: 0 10px; -webkit-flex-shrink: 0; flex-shrink: 0; margin: 0; position: absolute; left: 0; right: 0; bottom: 20px } .shared-ui .gl-item__ff-img{ -webkit-flex-grow: 1; flex-grow: 1; padding: 0 15px; display: -webkit-flex; display: flex; max-height: 100% } .shared-ui .gl-item__ff-img IMG{max-height: 100%; margin-left: auto; margin-right: auto } .shared-ui .gl-item__b-face{background: var(--mc-accent-strong); padding: 23px 20px 85px; min-height: 305px; text-align: left; position: relative; z-index: 1; -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } .shared-ui .gl-item__b-face > .link{display: table; margin-left: auto; margin-right: auto } .shared-ui .gl-item__b-face .btn{position: absolute; left: 50%; bottom: 27px; margin-left: -117px; width: 234px } .shared-ui .game-gall,.shared-ui .gameposter{position: relative } .shared-ui .gl-item__bf-desc{padding: 0 20px; line-height: 22px; margin-bottom: 10px } .shared-ui .gl-item:hover .gl-item__f-face{-webkit-transform: rotateY(-180deg); transform: rotateY(-180deg) } .shared-ui .gl-item:hover .gl-item__b-face{-webkit-transform: rotateY(0); transform: rotateY(0) } .shared-ui .promo-products .oblique-btns{padding-bottom: 8px } @media screen and (max-width:480px){.shared-ui .promo-products .oblique-btns{padding-bottom: 0 }} .shared-ui .promo-cats{padding: 10px 0 55px } @media screen and (max-width:630px){.shared-ui .promo-cats{padding: 5px 0 35px } .shared-ui .promo-cats .oblique-btns{ padding: 10px 5px 5px 5px; }} .shared-ui .promo-comms{background-color: #f6f6f6 } .shared-ui .promo-comms__slider{margin-left: -6px; margin-right: -6px } .shared-ui .promo-comms__slide{padding: 0 6px } .shared-ui .promo-comms__slide-inner{ display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column } .shared-ui .promo-comms .comment + .comment{margin-top: 12px } .shared-ui .promo-comms .slick-next:hover,.shared-ui .promo-comms .slick-prev:hover{color: #000 } .shared-ui .gameposter > IMG{display: block; width: 100% } .shared-ui .gamecols,.shared-ui .gamedeal__buy{ display: -webkit-flex; display: -ms-flexbox } .shared-ui .gameposter .discount{position: absolute; top: 7px; left: 8px } .shared-ui .gamecols{display: flex } .shared-ui .gamecols__img,.shared-ui .gamecols__info{-webkit-flex-shrink: 0; flex-shrink: 0; background-color: #fff } .shared-ui .gamecols__img{max-width: 40%; padding: 20px 25px 5px } .shared-ui .gamecols__info{ -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; flex-shrink: 1; margin-left: 4px; padding: 20px 35px 0 } .shared-ui .gamecols .params-cols{max-width: 550px; margin-bottom: 0 } .shared-ui .gamecols .gamedeal{border-top: 1px solid #ececec; margin-top: 28px } .shared-ui .gamecols .soc-share-wr{padding: 25px 0; border-top: 1px solid #ececec } @media screen and (max-width:1020px){.shared-ui .gamecols{margin-left: -20px; margin-right: -20px } .shared-ui .gamecols__img,.shared-ui .gamecols__info{padding-left: 20px; padding-right: 20px } .shared-ui .gamecols .gamedeal{margin-top: 15px } .shared-ui .gamecols .gameview-cats{margin-top: 0 } .shared-ui .gamecols .soc-share-wr{padding: 14px 0 }} @media screen and (max-width:630px){.shared-ui .gamecols{margin-left: -10px; margin-right: -10px; display: block } .shared-ui .gamecols__img{max-width: none; padding: 10px 10px 0 } .shared-ui .gamecols .gameposter,.shared-ui .gamecols .gameview-cats{max-width: 400px; margin-left: auto; margin-right: auto } .shared-ui .gamecols__info{padding-top: 23px; padding-left: 10px; padding-right: 10px; margin: 5px 0 0 } .shared-ui .gamecols__info .params-cols{margin-left: 12px } .shared-ui .gamecols__info .params-cols__param{width: 44% } .shared-ui .gamecols__info .params-cols__content{width: 56% } .shared-ui .gamecols .soc-share-wr{padding: 14px 0 25px 12px } .shared-ui .gamecols .social-share{margin-top: 3px; margin-left: -12px }} .shared-ui .gamedeal{padding: 34px 30px 34px 0 } .shared-ui .gamedeal__right-col{width: 200px; text-align: center; -webkit-flex-shrink: 0; flex-shrink: 0 } .shared-ui .gamedeal__buy{display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center } .shared-ui .gamedeal__buy .price-wr{padding-right: 20px } .shared-ui .gamedeal__additional{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; padding-top: 25px } .shared-ui .gamedeal__additional .ul-arrows{margin: 3px 0 } .shared-ui .gamedeal__additional .ico-link{font-size: 13px } .shared-ui .gamedeal .price-wr__discount{margin-top: -10px } @media screen and (max-width:1020px){.shared-ui .gamedeal{padding: 13px 0 15px; margin-top: 0 } .shared-ui .gamedeal .price-wr__discount{margin-top: 0; margin-bottom: -4px } .shared-ui .gamedeal .soc-share-wr{padding: 12px 0 }} @media screen and (max-width:860px){.shared-ui .gamedeal .price-wr__discount{margin-right: 10px; margin-bottom: 0; float: left } .shared-ui .gamedeal .price-wr__last-price{margin-left: 0 } .shared-ui .gamedeal .price-wr .price,.shared-ui .gamedeal .price-wr__last-price{float: none; display: block; top: 0 }} @media screen and (max-width:630px){.shared-ui .gamedeal{padding: 22px 0 22px 12px } .shared-ui .gamedeal__buy{ -webkit-align-items: flex-start; align-items: flex-start } .shared-ui .gamedeal__additional{padding-top: 20px }} @media screen and (max-width:480px){.shared-ui .gamedeal__additional{display: block } .shared-ui .gamedeal__additional .gamedeal__right-col{text-align: left; margin-top: 20px } .shared-ui .gamedeal__right-col{width: auto } .shared-ui .gamedeal__right-col .btn--lg{padding: 9px 18px } .shared-ui .gamedeal__right-col .btn--lg .ico--cart-w{width: 21px; height: 20px; margin: 0 7px 0 -3px }} .shared-ui .game-view-section{background-color: #fff; margin: 15px 0; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start } .shared-ui .game-view-section:last-child{margin-bottom: 0 } .shared-ui .game-view-section,.shared-ui .game-view-section__main-col,.shared-ui .game-view-section__side-col{padding-left: 11px; padding-right: 11px; -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-flex-grow: 1; flex-grow: 1 } .shared-ui .game-view-section__main-col,.shared-ui .game-view-section__side-col{padding-top: 20px; padding-right: 15px; padding-bottom: 35px } .shared-ui .game-view-section__main-col{width: 62% } .shared-ui .game-view-section__main-col .tabs{margin-top: -10px } .shared-ui .game-view-section__side-col{width: 38% } .shared-ui .game-view-section__side-col .h4,.shared-ui .game-view-section__side-col .typography h4,.shared-ui .typography .game-view-section__side-col h4{padding-right: 70px } .shared-ui .game-view-section__side-col .get-luck-box{margin: 3px 0 } .shared-ui .game-view-section--tabs__main-col,.shared-ui .game-view-section--tabs__side-col{padding-top: 35px } .shared-ui .game-view-section .tabs__controlls{margin-left: -10px; margin-right: -10px } @media screen and (max-width:1020px){.shared-ui .game-view-section{margin-left: -20px; margin-right: -20px }} @media screen and (max-width:860px){.shared-ui .game-view-section{padding: 0; display: block; background-color: transparent } .shared-ui .game-view-section__main-col,.shared-ui .game-view-section__side-col{width: 100%; margin: 10px 0; padding-left: 20px; padding-right: 20px; background-color: #fff }} @media screen and (max-width:630px){.shared-ui .game-view-section{margin-left: -10px; margin-right: -10px } .shared-ui .game-view-section .h4,.shared-ui .game-view-section .typography h4,.shared-ui .typography .game-view-section h4{font-size: 15px } .shared-ui .game-view-section__main-col,.shared-ui .game-view-section__side-col{padding-left: 10px; padding-right: 10px } .shared-ui .game-view-section__side-col{padding-bottom: 20px } .shared-ui .game-view-section__main-col{padding-bottom: 25px } .shared-ui .game-view-section .tabs{margin-top: 0 } .shared-ui .game-view-section .tabs__controlls{text-align: center; padding-bottom: 15px; margin-left: 5px; margin-right: 0 } .shared-ui .game-view-section .tabs__tab{padding-left: 12px } .shared-ui .game-view-section .tabs__tab > :last-child{margin-bottom: 0 } .shared-ui .game-view-section .tabs__tab .btn--more{margin-left: -12px; width: auto } .shared-ui .game-view-section .get-luck-box{margin: 15px 0 0 }} .shared-ui .game-edition-composition{width: 100%; padding: 20px 11px; } .shared-ui .game-edition-composition .h4{margin-right: 100px; } .shared-ui .game-edition-composition .products-list{flex-wrap: nowrap; -webkit-flex-wrap: nowrap; overflow: hidden; } .shared-ui .game-edition-composition .products-list__item{padding-bottom: 0; } .shared-ui .game-edition-composition .products-list__slider-buttons{position: relative; } .shared-ui .game-edition-composition .slick-arrow{position: absolute; bottom: 100%; right: 20px; top: auto; z-index: 10; } .shared-ui .game-edition-composition .slick-arrow:hover{color: #000; } .shared-ui .game-edition-composition .slick-prev{left: auto; margin-right: 40px; } @media screen and (max-width: 860px){.shared-ui .game-edition-composition{margin: 10px 0; padding-left: 20px; padding-right: 20px; background-color: #fff; }} .shared-ui .game-edition-composition .products-list__item{min-width: 16.66667%; } @media screen and (max-width: 1168px){.shared-ui .game-edition-composition .products-list__item{min-width: 25%; }} @media screen and (max-width: 860px){.shared-ui .game-edition-composition .products-list__item{min-width: 33.33333%; }} @media screen and (max-width: 630px){.shared-ui .game-edition-composition .products-list__item{min-width: 50%; }} .shared-ui .game-materials{margin-left: -4px; margin-right: -4px; font-size: 0 } .shared-ui .game-materials__sm-gr{ display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap } .shared-ui .game-materials__sm-gr .game-materials__li{width: 50% } .shared-ui .game-materials__sm-gr .game-gall .ico--play{width: 30px; height: 30px; margin: -15px 0 0 -15px } .shared-ui .game-materials__li{padding: 0 4px 8px } @media screen and (min-width:631px) and (max-width:860px){.shared-ui .game-materials{display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important } .shared-ui .game-materials__sm-gr{width: 50%; -webkit-flex-grow: 1; flex-grow: 1 } .shared-ui .game-materials__li--heading{width: 50%; -webkit-flex-shrink: 0; flex-shrink: 0; display: -webkit-flex; display: flex } .shared-ui .game-materials__li--heading .game-gall{width: 100% }} .shared-ui .game-gall{overflow: hidden; display: block; padding-bottom: 52%; background-position: center; background-repeat: no-repeat; background-size: cover } .shared-ui .game-gall IMG{display: none } .shared-ui .game-gall .ico--play{position: absolute; top: 50%; left: 50%; margin: -22px 0 0 -22px; -webkit-transition: 150ms; transition: 150ms } .shared-ui .game-gall:hover .ico--play{opacity: .5 } .shared-ui .get-luck-sm-wr{margin-top: 16px } .shared-ui .get-luck-sm{ display: -webkit-flex; display: flex; background-color: #f6f6f6 } .shared-ui .get-luck-sm__item{width: 100% / 3; -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-flex-grow: 1; flex-grow: 1; display: block } .shared-ui .get-luck-sm__item-inner{display: block; padding-bottom: 100%; position: relative } .shared-ui .get-luck-sm__item-inner A{position: absolute; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; top: 0; left: 0; right: 0; bottom: 0; padding: 20px 5px; -webkit-transition: 150ms; transition: 150ms } .shared-ui .get-luck-sm__item-inner A:hover{background-color: #e9e9e9 } .shared-ui .get-luck-sm__item-inner A IMG{-webkit-flex-shrink: 1; flex-shrink: 1; -webkit-flex-grow: 0; flex-grow: 0; max-height: 100% } @media screen and (max-width:960px){.shared-ui .get-luck-sm__item-inner A{padding: 15px 5px }} @media screen and (max-width:767px){.shared-ui .get-luck-sm__item-inner A{padding: 25px 10px }} @media screen and (max-width:480px){.shared-ui .get-luck-sm__item-inner A{width: 100%; padding: 15px 10px } .shared-ui .get-luck-sm{margin-left: -10px; margin-right: -10px }} .shared-ui .get-luck-box{display: block; text-align: center; color: #000; -webkit-transition: 150ms; transition: 150ms; cursor: pointer } .shared-ui .get-luck-box__top{background-color: var(--mc-accent-strong); color: #000; font-size: 20px; font-weight: 700; line-height: 22px; padding: 30px 0 15px; -webkit-transition: 150ms; transition: 150ms } .shared-ui .get-luck-box__top .ico{height: 108px; width: 150px } .shared-ui .get-luck-box__bottom{background-color: #1b1b1b; font-size: 14px; line-height: 20px; text-transform: uppercase; color: #fff; padding: 11px } .shared-ui .get-luck-box:hover .get-luck-box__top{background-color: #ffd23b } .shared-ui .get-luck-box:active{-webkit-transform: translateY(4px); -ms-transform: translateY(4px); transform: translateY(4px) } .shared-ui .release-cd{ display: -webkit-flex; display: flex; text-align: center; position: relative; overflow: hidden; margin-bottom: 15px } .shared-ui .release-cd__txt{ -webkit-flex-grow: 1; flex-grow: 1; color: #fff; background-color: #1b1b1b; padding: 22px 35px; font-size: 18px; line-height: 30px; position: relative } .shared-ui .release-cd__txt:after{content: ""; display: block; position: absolute; height: 100%; width: 100px; top: 0; right: 0; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: rotate(8deg); -ms-transform: rotate(8deg); transform: rotate(8deg); background-color: #1b1b1b } .shared-ui .release-cd__txt-inner{display: block; position: relative; z-index: 1 } @media screen and (max-width:860px){.shared-ui .release-cd__txt-inner{text-align: left }} .shared-ui .release-cd__time{width: 40%; min-width: 360px; padding: 14px 30px 10px; -webkit-flex-shrink: 0; flex-shrink: 0; color: #000; font-size: 12px; background-color: var(--mc-accent-strong); display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center } .shared-ui .random-cols,.shared-ui .sorting{-webkit-box-pack: justify } @media screen and (max-width:1020px){.shared-ui .release-cd{margin-left: -20px; margin-right: -20px }} @media screen and (max-width:767px){.shared-ui .release-cd{display: block } .shared-ui .release-cd__time{width: auto; min-width: 0 } .shared-ui .release-cd__txt{padding-left: 20px; padding-right: 20px } .shared-ui .release-cd__txt-inner{text-align: center }} @media screen and (max-width:630px){.shared-ui .release-cd{margin-left: -10px; margin-right: -10px }} @media screen and (max-width:480px){.shared-ui .release-cd__txt{line-height: 40px; padding: 12px 20px } .shared-ui .release-cd__txt-inner{font-size: 14px; line-height: 20px; display: inline-block; vertical-align: middle } .shared-ui .release-cd__time{padding: 10px 15px 7px } .shared-ui .filter__param-cont:nth-child(2n) .dropdown__cont{left: auto; right: 0 }} .shared-ui .page-catalog{background-color: #fff } .shared-ui .filter{background-color: #f2f2f2; padding-top: 6px; padding-bottom: 6px; top: -60px; -webkit-transition: top .6s, -webkit-transform .6s; transition: top .6s, transform .6s } .shared-ui .filter__inner-wr{margin-left: -8px; margin-right: -8px; font-size: 0 } .shared-ui .filter__param-cont{padding: 6px 8px; min-height: 35px; width: 25%; display: inline-block; vertical-align: middle; font-size: 14px; line-height: 20px } .shared-ui .filter__param-cont .range-ui-wr{margin: 8px 15px 0 0 } .shared-ui .filter__param-cont .dropdown__cont{min-width: 200px } @media screen and (max-width:767px){.shared-ui .filter__param-cont{width: 50% } .shared-ui .filter__param-cont .range-ui-wr{margin: 5px 12px 0 7px }} body._filter-fix .shared-ui .filter{position: fixed; z-index: 99; top: 55px; left: 0; right: 0 } @media screen and (max-width:1020px){body._filter-fix .shared-ui .filter{top: 72px }} @media (max-width:630px), (max-height:600px){body._filter-fix .shared-ui .filter{-webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%) } body._filter-fix._scrolling-up .shared-ui .filter{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }} .shared-ui .sorting{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin: 40px auto 5px } .shared-ui .sorting__main{ -webkit-flex-grow: 1; flex-grow: 1 } .shared-ui .sorting__searched{font-size: 18px; line-height: 30px; font-weight: 700 } .shared-ui .sorting__ui{-webkit-flex-shrink: 0; flex-shrink: 0; line-height: 20px } .shared-ui .sorting__ui-txt{color: #8a8a8a; white-space: normal; display: inline-block; vertical-align: middle; margin-right: 3px } .shared-ui .cart-table__data,.shared-ui .cart-table__th,.shared-ui .steps-block__item-out .link{white-space: nowrap } @media screen and (max-width:767px){.shared-ui .sorting{margin-top: 25px; display: block } .shared-ui .sorting__searched{margin-bottom: 10px }} @media screen and (max-width:480px){body._filter-fix .shared-ui .filter{top: 57px } .shared-ui .sorting__ui-txt{display: block; margin-bottom: 5px }} .shared-ui .catalog{margin: 5px 0 80px } .shared-ui .catalog__empty{font-weight: 700; padding: 50px 10px; font-size: 24px; line-height: 30px; text-align: center; display: none } .shared-ui .catalog._empty .catalog__empty{display: block } .shared-ui .catalog._empty .products-wr__btn-more,.shared-ui .catalog._no-more-items .products-wr__btn-more{display: none } @media screen and (max-width:767px){.shared-ui .catalog{margin-bottom: 50px }} .shared-ui .garantee-title{max-width: 700px; margin: 15px auto 0; padding: 25px 0; position: relative; text-align: center; text-transform: uppercase } .shared-ui .garantee-title:before{content: ""; width: 75px; height: 4px; background: var(--mc-accent-strong); position: absolute; top: -4px; left: 50%; margin-left: -37px } .shared-ui .garantee-imgcols{ display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap } .shared-ui .garantee-imgcols__item{width: 27.3333%; margin: 0 3% 65px } @media screen and (max-width:860px){.shared-ui .garantee-imgcols__item{width: 100%; margin: 0 0 35px }} .shared-ui .garantee-imgcols__text{margin-bottom: 12px } @media screen and (max-width:860px){.shared-ui .garantee-imgcols__text{max-width: 450px; text-align: center; margin: 0 auto 12px }} .shared-ui .garantee-img{display: block; text-align: center; margin: 0 auto 32px; height: 120px } .shared-ui .garantee-img > span{display: block; text-transform: uppercase } .shared-ui .garantee-textcols,.shared-ui .how2buy-step{ display: -webkit-flex; display: -ms-flexbox } .shared-ui .garantee-img1{background: url(../images/svg/garantee-bg1.svg) 50% 50% no-repeat; width: 190px; padding-top: 21px } .shared-ui .garantee-img1__text1{font: 16px / 12px Play, sans-serif; margin-right: 70px } .shared-ui .garantee-img1__text2{font: 700 55px / 55px Play, sans-serif } .shared-ui .garantee-img1__text3{font: 700 16px / 16px Play, sans-serif; margin-left: 70px } .shared-ui .garantee-img2{background: url(../images/svg/garantee-bg2.svg) 50% 50% no-repeat; width: 150px; padding-top: 20px; text-align: left } .shared-ui .garantee-img2__text1{font: 16px / 16px Play, sans-serif; margin-bottom: 5px } .shared-ui .garantee-img2__text2{font-size: 48px; line-height: 48px; margin-bottom: 5px } .shared-ui .garantee-img2__text3{font: 700 24px / 24px Play, sans-serif; margin-left: 40px } .shared-ui .garantee-img3{background: url(../images/svg/garantee-bg3.svg) 50% 50% no-repeat; width: 215px; padding-top: 32px; padding-right: 28px } .shared-ui .garantee-img3__text1{font: 16px / 16px Play, sans-serif; margin-right: 5px } .shared-ui .garantee-img3__text2{font: 700 33px / 38px Play, sans-serif; margin-bottom: 5px } .shared-ui .garantee-img3__text3{font: 12px / 12px Play, sans-serif } .shared-ui .garantee-textcols{display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap } .shared-ui .garantee-textcols__item{width: 44%; margin: 0 3% 35px } @media screen and (max-width:630px){.shared-ui .garantee-textcols__item{width: 100%; margin: 0 0 25px }} .shared-ui .how2buy{margin-left: 0; padding-right: 0; list-style-type: none; margin-top: 30px } .shared-ui .how2buy__item{counter-increment: step-counter; display: block; margin-bottom: 35px; position: relative; padding-left: 60px } @media screen and (max-width:630px){.shared-ui .how2buy__item{padding-left: 40px }} .shared-ui .how2buy__item:before{content: counter(step-counter); display: inline-block; position: absolute; left: 0; top: 5px; width: 27px; height: 27px; text-align: center; background: var(--mc-accent-strong); font: 15px / 27px Play, sans-serif; border-radius: 50% } .shared-ui .how2buy-step{display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: stretch; align-items: stretch } .shared-ui .how2buy-step__info{padding-top: 9px; width: 50%; margin-right: 5% } @media screen and (max-width:960px){.shared-ui .how2buy-step__info{margin-right: 10% }} @media screen and (max-width:767px){.shared-ui .how2buy-step{-webkit-flex-flow: row wrap; flex-flow: row wrap } .shared-ui .how2buy-step__info{margin-right: 0; width: 100% }} .shared-ui .how2buy-step__info .h5,.shared-ui .how2buy-step__info .typography h5,.shared-ui .typography .how2buy-step__info h5{text-transform: uppercase } .shared-ui .how2buy-step__info P{margin-bottom: 15px } .shared-ui .how2buy-step__img{width: 45% } .shared-ui .how2buy-step__img IMG{max-width: 100%; border: 1px solid #ccc } @media screen and (max-width:767px){.shared-ui .how2buy-step__img{width: 100%; margin-top: 10px }} .shared-ui .payment-title{margin: 30px 0 20px } .shared-ui .payment-title .h4,.shared-ui .payment-title .typography h4,.shared-ui .typography .payment-title h4{font-weight: 400 } .shared-ui .payment-title .h4 .icon,.shared-ui .payment-title .typography h4 .icon,.shared-ui .typography .payment-title h4 .icon{margin: 0 5px 5px 0 } .shared-ui .payment-types{ display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; margin-left: -2.5px; margin-right: -2.5px } .shared-ui .payment-types__item{width: 33.3333%; margin-bottom: 5px; height: 176px; background: #f6f6f6; text-align: center; border-left: 2.5px solid #fff; border-right: 2.5px solid #fff; padding: 5px 10px; cursor: pointer; box-shadow: inset 0 0 0 0 var(--mc-accent-strong); -webkit-transition: all 150ms linear; transition: all 150ms linear } .shared-ui .payment-types__item INPUT{display: none } .shared-ui .steps-block .payment-types__item{width: 50%; cursor: pointer; padding: 0 5px; box-shadow: inset 0 0 0 0 var(--mc-accent-strong); -webkit-transition: all 150ms linear; transition: all 150ms linear } @media screen and (max-width:480px){.shared-ui .steps-block .payment-types__item{width: 100% }} .shared-ui .payment-types__item._checked,.shared-ui .payment-types__item:hover{box-shadow: inset 0 0 0 5px var(--mc-accent-strong) } @media screen and (max-width:860px){.shared-ui .payment-types__item{width: 49.5% }} .shared-ui .payment-types__item-img{height: 62px; line-height: 62px; margin: 25px 0 10px } .shared-ui .payment-types__item .h5,.shared-ui .payment-types__item .typography h5,.shared-ui .typography .payment-types__item h5{font-weight: 400; margin: 0 0 5px; color: #000 } .shared-ui .payment-types__item-text{font: 12px / 16px Play, sans-serif; color: #939393; letter-spacing: 2px } .shared-ui .bonus-card{margin: 35px 0 65px; text-align: center } @media screen and (max-width:480px){.shared-ui .payment-types__item{width: 100% } .shared-ui .bonus-card{margin: 25px 0 35px }} .shared-ui .bonus-card IMG{display: inline-block; max-width: 100%; border: 1px solid #d1d1d1; border-radius: 12px; overflow: hidden; box-shadow: 0 7px 21px rgba(0, 0, 0, .11) } .shared-ui .bonus-cols{ display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; justify-content: space-between } .shared-ui .bonus-cols__item{width: 30%; padding-top: 45px; position: relative } @media screen and (max-width:860px){.shared-ui .bonus-cols__item{width: 100%; padding-top: 25px; margin-bottom: 40px }} .shared-ui .bonus-cols__item:after{content: ""; width: 75px; height: 9px; display: block; position: absolute; left: 0; top: 0; background: #ffd742 } .shared-ui .bonus-cols__item .h5,.shared-ui .bonus-cols__item .typography h5,.shared-ui .typography .bonus-cols__item h5{text-transform: uppercase } .shared-ui .random{text-align: center; padding-top: 30px } .shared-ui .random__subtitle{max-width: 860px; margin: 0 auto } .shared-ui .random-cols{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin: 50px 0 } .shared-ui .random-cols__item{display: block; width: 30%; position: relative } @media screen and (max-width:860px){.shared-ui .random{padding-top: 0 } .shared-ui .random-cols{display: block; padding: 0 10% } .shared-ui .random-cols__item{width: 100%; margin-bottom: 70px }} @media screen and (max-width:480px){.shared-ui .random-cols{padding: 0 } .shared-ui .random-cols__item{margin-bottom: 50px }} .shared-ui .random-cols__item-img{display: block; padding-bottom: 100%; position: relative } @media screen and (max-width:860px){.shared-ui .random-cols__item-img{padding-bottom: 15px }} .shared-ui .random-cols__item-img SPAN{display: block; left: 0; right: 0; top: 0; bottom: 0; position: absolute; padding: 10% } .shared-ui .random-cols__item-img SPAN IMG{max-width: 100%; display: inline-block } @media screen and (max-width:860px){.shared-ui .random-cols__item-img SPAN{position: static; padding: 0 } .shared-ui .random-cols__item-img SPAN IMG{max-width: 70% }} @media screen and (max-width:480px){.shared-ui .random-cols__item-img SPAN IMG{max-width: 80% }} .shared-ui .random-cols__item .h4,.shared-ui .random-cols__item .typography h4,.shared-ui .typography .random-cols__item h4{font-weight: 400; text-transform: uppercase } .shared-ui .random-cols__item-text{color: #797979 } .shared-ui .random-cols__bot{padding-bottom: 75px } @media screen and (max-width:860px){.shared-ui .random-cols__bot{padding-bottom: 65px }} .shared-ui .random-cols__btn{position: absolute; left: 0; right: 0; bottom: 0; width: 100% } @media screen and (max-width:767px){.shared-ui .page-buy-steps .main-wr{padding-bottom: 40px }} .shared-ui .buy-steps{max-width: 590px; margin: 0 auto } .shared-ui .buy-steps .h1,.shared-ui .buy-steps .typography h1,.shared-ui .typography .buy-steps h1{text-align: center; font-weight: 400 } .shared-ui .buy-steps__inner{background: #fff; padding: 50px 30px 0 } .shared-ui .steps._step0 .steps-block__inner{-webkit-transform: translate(33.3333%, 0); -ms-transform: translate(33.3333%, 0); transform: translate(33.3333%, 0) } .shared-ui .steps._step1 .steps-block__inner{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } .shared-ui .steps._step1 .steps-line__row-clone{width: 40% } .shared-ui .steps._step2 .steps-block__inner{-webkit-transform: translate(-33.3333%, 0); -ms-transform: translate(-33.3333%, 0); transform: translate(-33.3333%, 0) } .shared-ui .steps._step2 .steps-line__row-clone{width: 85% } @media screen and (max-width:630px){.shared-ui .steps._step2 .steps-line__row-clone{width: 80% }} @media screen and (max-width:480px){.shared-ui .buy-steps{margin: 0 -10px } .shared-ui .buy-steps__inner{padding: 30px 20px 0 } .shared-ui .steps._step2 .steps-line__row-clone{width: 75% }} .shared-ui .steps._step3 .steps-block__inner{-webkit-transform: translate(-66.6666%, 0); -ms-transform: translate(-66.6666%, 0); transform: translate(-66.6666%, 0) } .shared-ui .steps._step3 .steps-line__row-clone{width: 100% } .shared-ui .steps._step3 .p-active:after{width: 130% } .shared-ui .steps-line{position: relative; height: 100px; padding-bottom: 40px } .shared-ui .steps-line__row{margin: 0 20px 30px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; z-index: 3; position: relative } .shared-ui .steps-line__row-clone{position: absolute; top: 0; left: 0; height: 38px; width: 0; overflow: hidden; -webkit-transition: width .9s linear; transition: width .9s linear } .shared-ui .steps-line__row-clone .steps-line__row{margin-bottom: 0 } .shared-ui .steps-line__item{width: 38px; height: 38px; position: relative; text-align: center } .shared-ui .steps-line__item--1 .s-active:after,.shared-ui .steps-line__item--2 .s-active:after{content: ""; border-width: 6px 7px; border-color: transparent transparent transparent var(--mc-accent-strong); border-style: solid; position: absolute; left: 100%; top: 50%; margin-top: -6px } .shared-ui .steps-line__item--2 .s-active:before,.shared-ui .steps-line__item--3 .s-active:before{content: ""; border-width: 6px 7px; border-color: transparent var(--mc-accent-strong) transparent transparent; border-style: solid; position: absolute; right: 100%; top: 50%; margin-top: -6px } .shared-ui .steps-line__item-number{background: #b3bdca; border-radius: 50%; margin-top: 2px; width: 34px; height: 34px; position: relative; -webkit-transition: all .3s ease; transition: all .3s ease } .shared-ui .steps-line__item-number SPAN{position: absolute; left: 2px; top: 2px; display: block; border-radius: 50%; background: #fff; width: 30px; height: 30px; font: 16px / 30px Play, sans-serif } .shared-ui .steps-line__item .s-active{background: #fff; border: 2px solid var(--mc-accent-strong); margin-top: 0; width: 38px; height: 38px } .shared-ui .steps-line__item .s-active SPAN{background: var(--mc-accent-strong) } .shared-ui .steps-line__item-title{position: absolute; white-space: nowrap; color: #a2a2a2; top: 100%; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); margin-top: 5px } .shared-ui .steps-line__progress{position: absolute; left: 25px; right: 25px; top: 19px; height: 2px; margin-top: -1px; background: #b3bdca; z-index: 1 } .shared-ui .steps-line__progress.p-active{z-index: 2; overflow: hidden } .shared-ui .steps-line__progress.p-active:after{content: ""; display: block; left: 0; top: 0; width: 100%; -webkit-transition: width 1.2s ease-out; transition: width 1.2s ease-out; height: 2px; background: -webkit-linear-gradient(left, var(--mc-accent-strong) 70%, #b3bdca 100%); background: linear-gradient(to right, var(--mc-accent-strong) 70%, #b3bdca 100%) } .shared-ui .steps-block{overflow: hidden; height: 0; margin: 0 -30px } .shared-ui .steps-block__random-hide{display: none } .shared-ui .steps-block__random-slider{margin: 0 -15px 30px; position: relative } .shared-ui .steps-block__inner{width: 300%; -webkit-transition: -webkit-transform .6s ease-out; transition: transform .6s ease-out; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } @media screen and (max-width:480px){.shared-ui .steps-line__progress.p-active:after{background: -webkit-linear-gradient(left, var(--mc-accent-strong) 85%, #b3bdca 100%); background: linear-gradient(to right, var(--mc-accent-strong) 85%, #b3bdca 100%) } .shared-ui .steps-block__inner{-webkit-transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out }} .shared-ui .steps-block__item{text-align: center; width: 33.3333%; padding: 0 30px; float: left } .shared-ui .steps-block__item-col,.shared-ui .steps-block__item-title--left{text-align: left } .shared-ui .steps-block__item-row{ display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; margin-bottom: 25px } @media screen and (max-width:630px){.shared-ui .steps-block__item-row{display: block }} .shared-ui .page-404,.shared-ui .page-404 .page-inner{ display: -webkit-flex; display: -ms-flexbox } .shared-ui .steps-block__item-col:first-child{ -webkit-flex-grow: 2; flex-grow: 2 } .shared-ui .steps-block__item-col:last-child{padding-left: 15px; -webkit-flex-shrink: 0; flex-shrink: 0 } @media screen and (max-width:630px){.shared-ui .steps-block__item-col:last-child{padding: 10px 0 0 }} .shared-ui .steps-block__item-bonus{font: 15px / 19px Play, sans-serif; margin: 4px 0 8px } .shared-ui .steps-block__item .search-prod{padding: 0 5px 0 0; text-align: left } .shared-ui .steps-block__item .search-prod__name{font-weight: 400; max-width: 95%; overflow: hidden; text-overflow: ellipsis } .shared-ui .steps-block__item-title{font: 700 20px / 26px Play, sans-serif; margin-bottom: 15px } .shared-ui .steps-block__item-title + .steps-block__item-btn{margin-top: 30px } .shared-ui .steps-block__item-input{margin-bottom: 30px } .shared-ui .steps-block__item-btn{margin-bottom: 35px } .shared-ui .steps-block__item-out{margin: 30px -30px 0; padding: 25px 30px; border-top: 1px solid #d8d8d8; text-align: center } .shared-ui .steps-block__item-out P{color: #a2a2a2 } .shared-ui .steps-block__item-out P + P{margin-top: 10px } .shared-ui .steps-block__p{margin: 20px 0; color: #a2a2a2 } .shared-ui .steps-block__item-btn + .steps-block__p{margin-top: -15px } .shared-ui .steps-block__soc-login{font-size: 0; margin: -4px -8px } .shared-ui .steps-block__soc-login .soc-login{margin: 4px 8px } .shared-ui .steps-block .payment-types{margin-bottom: 20px } .shared-ui .buy-steps--no-steps .steps-block__item-input{margin-bottom: 15px } .shared-ui .buy-steps--no-steps .buy-steps__inner{padding-top: 30px } .shared-ui .buy-steps--no-steps .btn--orng.btn--xlg{min-width: 260px } .shared-ui .page-404{min-height: 100%; background-color: #212121; display: flex; -webkit-align-content: stretch; align-content: stretch } .shared-ui .page-404 .page-inner{width: 100%; display: flex; -webkit-flex-direction: column; flex-direction: column } .shared-ui .page-404 .page-inner .header{-webkit-flex-shrink: 0; flex-shrink: 0 } .shared-ui .page-404 .page-inner .page-body{ display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex-grow: 1; flex-grow: 1 } .shared-ui .page-404 .page-inner .page-body .wrapper{ -webkit-flex-grow: 1; flex-grow: 1 } .shared-ui .p404{color: #fff; text-align: center; font-family: Pixel, sans-serif; padding: 70px 0 } .shared-ui .character--mario .character__msg,.shared-ui .p404__info-numb{font-family: visitorTT2brk, sans-serif } .shared-ui .p404__visual{border-bottom: 1px solid #a6a6a6; padding-top: 110px } @media (max-width:767px), (max-height:600px){.shared-ui .p404__visual{display: none }} .shared-ui .p404__info{display: table; margin: 8vh auto; padding: 0 0 0 30px } .shared-ui .p404__info-numb,.shared-ui .p404__info-txt{display: inline-block; vertical-align: middle } .shared-ui .p404__info-numb{width: 220px; margin-right: -220px; color: #2c2c2c; font-size: 150px; line-height: 60px } .shared-ui .p404__info-txt{font-size: 18px; text-align: left; padding-left: 250px } .shared-ui .p404__info-title{color: var(--mc-accent-strong); font-weight: 400; font-size: 43px; line-height: 46px; margin-bottom: 6px } @media screen and (max-width:767px){.shared-ui .p404{padding: 40px 0 } .shared-ui .p404__info{margin: 0 auto }} @media screen and (min-width:480px) and (max-width:630px){.shared-ui .p404__info{padding-left: 20px } .shared-ui .p404__info-title{font-size: 22px; line-height: 30px } .shared-ui .p404__info-numb{font-size: 125px; width: 200px; margin-right: -200px } .shared-ui .p404__info-txt{padding-left: 215px }} @media screen and (max-width:480px){.shared-ui .p404__info{padding: 0 } .shared-ui .p404__info-numb{display: block; margin: 10px auto } .shared-ui .p404__info-txt{padding-left: 0; text-align: center } .shared-ui .p404__info-title{font-size: 28px; line-height: 38px }} .shared-ui .character{position: relative; display: inline-block; vertical-align: bottom; margin: 0 20px } .shared-ui .character__line{position: absolute; bottom: 100%; margin-bottom: 15px; width: 1px; height: 50px; background-color: #a6a6a6 } .shared-ui .character__msg{font-size: 25px; line-height: 30px; position: absolute; bottom: 100% } .shared-ui .character--mshroom .character__line{right: -10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .shared-ui .character--mshroom .character__msg{left: 100%; text-align: left; width: 250px; margin: 0 0 65px -3px } .shared-ui .character--mario .character__line{left: -14px; margin-bottom: -6px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .shared-ui .character--mario .character__msg{right: 100%; text-align: right; margin: 0 2px 62px 0; font-size: 78px } .shared-ui .mshroom{width: 73px; height: 121px; background: url(../images/mushroom.png) center no-repeat; background-size: cover } .shared-ui .mario{width: 85px; height: 169px; background-size: cover; z-index: 1 } .shared-ui .mario__head{width: 74px; height: 63px; background: url(../images/mario_head.png) center no-repeat; background-size: cover; position: absolute; top: 0; left: 6px; z-index: 5 } .shared-ui .mario__body{width: 85px; height: 114px; background: url(../images/mario_body.png) center no-repeat; background-size: cover; position: absolute; bottom: 0; left: 0; z-index: 1 } @media screen and (min-width:767px){.shared-ui .p404__info{opacity: 0; visibility: hidden; -webkit-transform: translateY(60%); -ms-transform: translateY(60%); transform: translateY(60%); -webkit-transition: .8s 2.95s; transition: .8s 2.95s }} .shared-ui .p404 .character__line,.shared-ui .p404 .character__msg{opacity: 0; visibility: hidden } .shared-ui .p404._animation .character__line,.shared-ui .p404._animation .character__msg,.shared-ui .p404._animation .p404__info{opacity: 1; visibility: visible } .shared-ui .p404 .character--mario .character__msg{-webkit-transform: scale(1, 2); -ms-transform: scale(1, 2); transform: scale(1, 2) } .shared-ui .p404 .character--mario .character__line,.shared-ui .p404 .character--mario .character__msg{-webkit-transition: opacity .2s 2.5s, -webkit-transform .3s 2.6s; transition: opacity .2s 2.5s, transform .3s 2.6s } .shared-ui .p404 .character--mshroom .character__line,.shared-ui .p404 .character--mshroom .character__msg{-webkit-transition: .4s 1.5s; transition: .4s 1.5s } .shared-ui .p404 .mshroom{-webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-name: mshroomInteraction; animation-name: mshroomInteraction; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } .shared-ui .p404 .mario__head{-webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: .15s; animation-duration: .15s; -webkit-animation-delay: 2.8s; animation-delay: 2.8s; -webkit-animation-name: marioInteraction; animation-name: marioInteraction; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center } .shared-ui .p404._animation .p404__info{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .shared-ui .p404._animation .character--mario .character__msg{-webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1) } @-webkit-keyframes marioInteraction{0% {-webkit-transform: rotate(0) translate3d(0, 0, 0); transform: rotate(0) translate3d(0, 0, 0) } 100% {-webkit-transform: rotate(24deg) translate3d(8px, -3px, 0); transform: rotate(24deg) translate3d(8px, -3px, 0) } } @keyframes marioInteraction{0% {-webkit-transform: rotate(0) translate3d(0, 0, 0); transform: rotate(0) translate3d(0, 0, 0) } 100% {-webkit-transform: rotate(24deg) translate3d(8px, -3px, 0); transform: rotate(24deg) translate3d(8px, -3px, 0) } } @-webkit-keyframes mshroomInteraction{0% {-webkit-transform: rotateY(-180deg); transform: rotateY(-180deg) } 10% {-webkit-transform: rotateY(0); transform: rotateY(0) } 20%, 70% {-webkit-transform: translateY(0); transform: translateY(0) } 50% {-webkit-transform: translateY(-40%); transform: translateY(-40%) } 80% {-webkit-transform: none; transform: none } 100% {-webkit-transform: translateX(20px); transform: translateX(20px) } } @keyframes mshroomInteraction{0% {-webkit-transform: rotateY(-180deg); transform: rotateY(-180deg) } 10% {-webkit-transform: rotateY(0); transform: rotateY(0) } 20%, 70% {-webkit-transform: translateY(0); transform: translateY(0) } 50% {-webkit-transform: translateY(-40%); transform: translateY(-40%) } 80% {-webkit-transform: none; transform: none } 100% {-webkit-transform: translateX(20px); transform: translateX(20px) } } @media screen and (max-width:630px){.shared-ui .page-lk .form-gr{padding-left: 8px; padding-right: 8px }} .shared-ui .lk-cart__title{font: 700 20px / 24px Play, sans-serif; padding: 10px 0 35px; border-bottom: 1px solid #dedede } @media screen and (max-width:767px){.shared-ui .lk-cart__title{padding: 0 0 25px }} .shared-ui .lk-cart__table{margin-top: 25px } @media screen and (max-width:630px){.shared-ui .lk-cart{padding: 0 8px }} .shared-ui .cart-table{display: table; width: 100%; table-collapse: collapse } .shared-ui .cart-table__row{display: table-row } .shared-ui .cart-table__td,.shared-ui .cart-table__th{display: table-cell; padding: 5px 10px; vertical-align: middle } .shared-ui .cart-table__btn-group{display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; } .shared-ui .cart-table__btn-group .btn--cart{margin-bottom: 10px; } .shared-ui .cart-table__btn-group .btn--cart:last-child{margin-bottom: 0; } @media screen and (min-width: 400px) and (max-width: 630px){.shared-ui .cart-table__btn-group{flex-direction: row; -webkit-flex-direction: row; } .shared-ui .cart-table__btn-group .btn--cart{margin: 0 10px 0 0; } .shared-ui .cart-table__btn-group .btn--cart:last-child{margin-right: 0; }} @media screen and (min-width: 768px) and (max-width: 860px){.shared-ui .cart-table__btn-group{flex-direction: row; -webkit-flex-direction: row; justify-content: center; -webkit-justify-content: center; } .shared-ui .cart-table__btn-group .btn--cart{width: 120px; margin: 0 10px 0 0; } .shared-ui .cart-table__btn-group .btn--cart:last-child{margin-right: 0; }} @media screen and (min-width: 1040px){.shared-ui .cart-table__btn-group{flex-direction: row; -webkit-flex-direction: row; justify-content: center; -webkit-justify-content: center; } .shared-ui .cart-table__btn-group .btn--cart{margin: 0 20px 0 0; } .shared-ui .cart-table__btn-group .btn--cart:last-child{margin-right: 0; }} @media screen and (max-width:1020px){.shared-ui .cart-table__td,.shared-ui .cart-table__th{width: 25% }} .shared-ui .cart-table__td:first-child,.shared-ui .cart-table__th:first-child{padding-left: 0; width: 32%; max-width: 350px } @media screen and (max-width:1020px){.shared-ui .cart-table__td:first-child,.shared-ui .cart-table__th:first-child{max-width: 300px; min-width: 270px }} .shared-ui .cart-table__td:last-child,.shared-ui .cart-table__th:last-child{padding-right: 0; text-align: center; width: 170px } .shared-ui .cart-table__th{color: #9c9c9c; font: 13px / 17px Play, sans-serif; padding: 10px } .shared-ui .cart-table__data{font: 15px / 19px Play, sans-serif } .shared-ui .cart-table .search-prod{padding: 0 5px 0 0 } .shared-ui .cart-table .search-prod__name{font-weight: 400; max-width: 95%; overflow: hidden; text-overflow: ellipsis } .shared-ui .lk-pay__title{font: 700 20px / 24px Play, sans-serif; padding: 10px 0 25px } @media screen and (max-width:767px){.shared-ui .lk-pay__title{padding: 0 0 15px }} .shared-ui .lk-pay .payment-types{margin: 30px -2.5px 20px } .shared-ui .lk-pay .payment-types + .lk-pay__title{padding-bottom: 15px } .shared-ui .add-money{line-height: 47px } .shared-ui .add-money__input-gr,.shared-ui .add-money__input-gr input,.shared-ui .add-money__txt{display: inline-block; vertical-align: middle } .shared-ui .add-money__txt{line-height: normal; margin-right: 12px } .shared-ui .add-money__input-gr .input{width: 115px; margin-right: 5px } @media screen and (max-width:400px){.shared-ui .add-money__txt{display: block; line-height: normal; margin-bottom: 8px } .shared-ui .add-money__input-gr{display: block }} .shared-ui .history-table{display: table; width: 100%; table-collapse: collapse } @media screen and (max-width:630px){.shared-ui .add-money,.shared-ui .history-table,.shared-ui .lk-pay__title{padding-left: 8px; padding-right: 8px }} .shared-ui .history-table__row{display: table-row } .shared-ui .history-table__td,.shared-ui .history-table__th{display: table-cell; padding: 5px 10px; vertical-align: middle } .shared-ui .history-table__td:first-child,.shared-ui .history-table__th:first-child{padding-left: 0; width: 100px } .shared-ui .history-table__td:nth-child(2),.shared-ui .history-table__th:nth-child(2){text-align: right; width: 100px } .shared-ui .history-table__td:last-child,.shared-ui .history-table__th:last-child{padding-left: 70px } .shared-ui .history-table__th{color: #9c9c9c; font: 13px / 17px Play, sans-serif; padding: 10px } .shared-ui .history-table__data{font: 15px / 19px Play, sans-serif } @media screen and (max-width:860px){.shared-ui .cart-table{display: block } .shared-ui .cart-table__row{display: block; padding-bottom: 10px; position: relative } .shared-ui .cart-table__row:after{display: table; clear: both; content: ""} .shared-ui .cart-table__row:first-child,.shared-ui .cart-table__th{display: none } .shared-ui .cart-table__td{display: block; font: 13px / 17px Play, sans-serif; padding: 0 240px 0 42%; width: 100%; margin-bottom: 5px } .shared-ui .cart-table__td:first-child{float: left; padding: 0; margin-bottom: 0; width: auto; font: 15px / 20px Play, sans-serif } .shared-ui .cart-table__td:first-child:before{display: none } .shared-ui .cart-table__td:last-child{position: absolute; right: 35px; top: 15px; padding: 0; margin-bottom: 0 } .shared-ui .cart-table__td:before{content: attr(data-title); display: inline-block; color: #9c9c9c }} @media screen and (max-width:767px){.shared-ui .cart-table:after{display: table; clear: both; content: ""} .shared-ui .cart-table__row{padding-bottom: 25px; float: left; width: 50% } .shared-ui .cart-table__row:nth-child(even){clear: left } .shared-ui .cart-table__td{padding: 0 0 0 62px; width: 100% } .shared-ui .cart-table__td:first-child{float: none; max-width: 95%; padding: 0; margin-bottom: 0; width: auto; font: 15px / 20px Play, sans-serif } .shared-ui .cart-table__td:first-child:before{display: none } .shared-ui .cart-table__td:last-child{position: static; padding: 15px 0 0 62px; width: 100%; text-align: left }} @media screen and (max-width:630px){.shared-ui .cart-table__row{padding-bottom: 25px; float: none; width: 100% } .shared-ui .cart-table__td:first-child{max-width: 100%; min-width: 0 } .shared-ui .history-table{display: block } .shared-ui .history-table__row{display: block; padding-bottom: 20px; position: relative } .shared-ui .history-table__row:after{display: table; clear: both; content: ""} .shared-ui .history-table__row:first-child,.shared-ui .history-table__th{display: none } .shared-ui .history-table__td{display: block; font: 13px / 17px Play, sans-serif; width: 100% !important; text-align: left !important; padding: 0 0 5px !important } .shared-ui .history-table__td:before{content: attr(data-title); display: inline-block; color: #9c9c9c }} @media screen and (max-width:480px){.shared-ui .history-table__td:last-child .history-table__data{display: block }} .shared-ui .gamecols .gamedeal__left-col{display: inline-block; width: 38%; } .shared-ui .not-in-sale{width: auto; max-width: 375px; text-align: left; display: inline-block; vertical-align: top; margin-top: -12px; } .shared-ui .not-in-sale .buybutton,.shared-ui .not-in-sale .reviewlink{display: none; } .shared-ui .not-in-sale__text{font-size: 16px; padding-left: 4px; line-height: 1.5em; } .shared-ui .not-in-sale__input{font-size: 16px; border: 1px solid rgb(216, 216, 216); border-radius: 5px; box-shadow: inset 2.298px 1.928px 7px 0px rgba(0, 0, 0, 0.08); line-height: 44px; margin-top: 12px; width: 100%; padding: 0 20px; } .shared-ui .not-in-sale__button{line-height: 34px; font-weight: 600; font-size: 20px; padding: 5px 30px; border-radius: 1000px; display: inline-block; margin-top: 20px; } .shared-ui .not-in-sale__button_cancel{border: 1px solid rgb(222, 222, 222); color: rgb(222, 222, 222); } .shared-ui .not-in-sale__button_cancel:hover{border-color: #f34242; background-color: #f34242; color: #fff; } @media screen and (max-width: 1200px){.shared-ui .gamecols .gamedeal__left-col{width: 100%; } .shared-ui .not-in-sale{margin-top: 20px; padding-right: 22px; } .shared-ui .not-in-sale__button{min-width: 266px; padding: 5px 20px; }} .shared-ui .panel-success{ border-color: var(--mc-accent-border); } .shared-ui .panel-success a{color: #000000;} .shared-ui .panel{ margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; box-shadow: 0 1px 1px rgb(0 0 0 / 5%); width: 100%; } .shared-ui .panel-success>.panel-heading{ color: #3c763d; background-color: #dff0d8; border-color: var(--mc-accent-border); } .shared-ui .panel-heading{ padding: 20px 30px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } @media screen and (max-width: 600px){.shared-ui .text-pc{ visibility: hidden; display: none; }} .shared-ui .category-menu-wrap{border-top:1px solid #EEE;margin-bottom:-20px;margin-top:20px;padding-top:10px} .shared-ui .category-menu{margin-bottom:10px} .shared-ui .category-menu a,.shared-ui .category-menu span{font-size:15px} .shared-ui .category-menu a{color:#000;display:inline-block;padding:3px 6px;margin:0 0 10px;background:#f0f0f0;border:1px solid #bababa} .shared-ui .category-sidebar__item{list-style-type:none} .shared-ui .category-sidebar__item > .active{background:var(--mc-accent-strong);color:#FFF} .shared-ui .short,.shared-ui .short_footer{border-bottom-left-radius:10px;border-bottom-right-radius:10px} .shared-ui .category-menu a.hidden{display:none} .shared-ui .category-description p{margin-top:10px;font-size:13px;line-height:1.4} .shared-ui .category-menu a,.shared-ui a:hover{text-decoration:none} .shared-ui p{margin-bottom:.1em} .shared-ui .iconaddnews,.shared-ui .iconbezdna,.shared-ui .iconblock,.shared-ui .iconbronya,.shared-ui .iconcars,.shared-ui .iconcategory,.shared-ui .iconcheat,.shared-ui .iconcomment,.shared-ui .icondatapack,.shared-ui .icondecor,.shared-ui .icondownload,.shared-ui .iconeda,.shared-ui .iconfile,.shared-ui .iconflans,.shared-ui .iconforum,.shared-ui .icongirl,.shared-ui .icongolye,.shared-ui .iconguide,.shared-ui .iconhalloween,.shared-ui .iconindustrial,.shared-ui .iconinstrument,.shared-ui .iconkiller,.shared-ui .iconklient,.shared-ui .iconklon,.shared-ui .iconkrasiv,.shared-ui .iconmagia,.shared-ui .iconman,.shared-ui .iconmaps,.shared-ui .iconmobs,.shared-ui .iconmods,.shared-ui .iconnewyar,.shared-ui .iconnewyarmods,.shared-ui .iconnoob,.shared-ui .iconores,.shared-ui .iconpaper,.shared-ui .iconplugin,.shared-ui .iconprikol,.shared-ui .iconprosmotr,.shared-ui .iconraznoe,.shared-ui .iconrealizm,.shared-ui .iconrpg,.shared-ui .iconrpg2,.shared-ui .iconserver,.shared-ui .iconshaders,.shared-ui .iconskins,.shared-ui .iconsmeh,.shared-ui .iconsmex,.shared-ui .iconsuperhero,.shared-ui .icontexture,.shared-ui .icontop,.shared-ui .icontop50,.shared-ui .iconvideo,.shared-ui .iconvoennyi,.shared-ui .iconvoennyi2,.shared-ui .iconvremya,.shared-ui .iconweapon,.shared-ui .iconyoutube,.shared-ui .iconzombie{width:16px;height:16px} .shared-ui .statistics ul.lcol li{margin-bottom:2px;padding:0 15px 0 0} .shared-ui .readNext{float:right;font-weight:700;margin-right:9px;margin-top:-12px} .shared-ui .readNext a:link,.shared-ui .readNext a:visited{text-decoration:none} .shared-ui .readNext a:hover{font-weight:700;text-decoration:underline} .shared-ui .iconaddnews,.shared-ui .iconbezdna,.shared-ui .iconblock,.shared-ui .iconbronya,.shared-ui .iconcars,.shared-ui .iconcategory,.shared-ui .iconcheat,.shared-ui .iconcomment,.shared-ui .icondatapack,.shared-ui .icondecor,.shared-ui .icondownload,.shared-ui .iconeda,.shared-ui .iconfile,.shared-ui .iconflans,.shared-ui .iconforum,.shared-ui .icongirl,.shared-ui .icongolye,.shared-ui .iconguide,.shared-ui .iconhalloween,.shared-ui .iconindustrial,.shared-ui .iconinstrument,.shared-ui .iconkiller,.shared-ui .iconklient,.shared-ui .iconklon,.shared-ui .iconkrasiv,.shared-ui .iconmagia,.shared-ui .iconman,.shared-ui .iconmaps,.shared-ui .iconmobs,.shared-ui .iconmobs2,.shared-ui .iconmods,.shared-ui .iconnewyar,.shared-ui .iconnewyarmods,.shared-ui .iconnoob,.shared-ui .iconores,.shared-ui .iconpaper,.shared-ui .iconplugin,.shared-ui .iconprikol,.shared-ui .iconprosmotr,.shared-ui .iconraznoe,.shared-ui .iconrealizm,.shared-ui .iconrpg,.shared-ui .iconrpg2,.shared-ui .iconserver,.shared-ui .iconshaders,.shared-ui .iconskins,.shared-ui .iconsmeh,.shared-ui .iconsmex,.shared-ui .iconsuperhero,.shared-ui .icontexture,.shared-ui .icontop,.shared-ui .icontop50,.shared-ui .iconvideo,.shared-ui .iconvoennyi,.shared-ui .iconvoennyi2,.shared-ui .iconvremya,.shared-ui .iconweapon,.shared-ui .iconyoutube,.shared-ui .iconzombie{display:inline-block;background:url(/templates/many-courses/images/icons_cat.png) no-repeat;overflow:hidden;text-indent:-9999px;text-align:left;margin-right:5px;vertical-align:middle} .shared-ui .iconaddnews{background-position:-3px 0} .shared-ui .iconbezdna{background-position:-22px 0} .shared-ui .iconblock{background-position:-41px 0} .shared-ui .iconbronya{background-position:-60px 0} .shared-ui .iconcars{background-position:-79px 0} .shared-ui .iconcategory{background-position:-98px 0} .shared-ui .iconcheat{background-position:-117px 0} .shared-ui .iconcomment{background-position:-3px -19px} .shared-ui .icondatapack{background-position:-22px -19px} .shared-ui .icondecor{background-position:-41px -19px} .shared-ui .icondownload{background-position:-60px -19px} .shared-ui .iconeda{background-position:-79px -19px} .shared-ui .iconfile{background-position:-98px -19px} .shared-ui .iconflans{background-position:-117px -19px} .shared-ui .iconforum{background-position:-3px -38px} .shared-ui .icongirl{background-position:-22px -38px} .shared-ui .icongolye{background-position:-41px -38px} .shared-ui .iconguide{background-position:-60px -38px} .shared-ui .iconhalloween{background-position:-79px -38px} .shared-ui .iconindustrial{background-position:-98px -38px} .shared-ui .iconinstrument{background-position:-117px -38px} .shared-ui .iconkiller{background-position:-3px -57px} .shared-ui .iconklient{background-position:-22px -57px} .shared-ui .iconklon{background-position:-41px -57px} .shared-ui .iconkrasiv{background-position:-60px -57px} .shared-ui .iconmagia{background-position:-79px -57px} .shared-ui .iconman{background-position:-98px -57px} .shared-ui .iconmaps{background-position:-117px -57px} .shared-ui .iconmobs{background-position:-3px -76px} .shared-ui .iconmobs2{background-position:-22px -76px;width:16px;height:16px} .shared-ui .iconmods{background-position:-41px -76px} .shared-ui .iconnewyar{background-position:-60px -76px} .shared-ui .iconnewyarmods{background-position:-79px -76px} .shared-ui .iconnoob{background-position:-98px -76px} .shared-ui .iconores{background-position:-117px -76px} .shared-ui .iconpaper{background-position:-3px -95px} .shared-ui .iconplugin{background-position:-22px -95px} .shared-ui .iconprikol{background-position:-41px -95px} .shared-ui .iconprosmotr{background-position:-60px -95px} .shared-ui .iconraznoe{background-position:-79px -95px} .shared-ui .iconrealizm{background-position:-98px -95px} .shared-ui .iconrpg{background-position:-117px -95px} .shared-ui .iconrpg2{background-position:-3px -114px} .shared-ui .iconserver{background-position:-22px -114px} .shared-ui .iconshaders{background-position:-41px -114px} .shared-ui .iconskins{background-position:-60px -114px} .shared-ui .iconsmeh{background-position:-79px -114px} .shared-ui .iconsmex{background-position:-98px -114px} .shared-ui .iconsuperhero{background-position:-117px -114px} .shared-ui .icontexture{background-position:-3px -133px} .shared-ui .icontop{background-position:-22px -133px} .shared-ui .icontop50{background-position:-41px -133px} .shared-ui .iconvideo{background-position:-60px -133px} .shared-ui .iconvoennyi{background-position:-79px -133px} .shared-ui .iconvoennyi2{background-position:-98px -133px} .shared-ui .iconvremya{background-position:-117px -133px} .shared-ui .iconweapon{background-position:-3px -152px} .shared-ui .iconyoutube{background-position:-22px -152px} .shared-ui .iconzombie{background-position:-41px -152px} .shared-ui .navbutcont a,.shared-ui .navbutcont span{color:#000;padding:8px 11px;text-decoration:none;font-size:15px;border-radius:20px} .shared-ui .navbutcont{font-size:26px;margin:auto;text-decoration:none;width:100%;padding:10px} .shared-ui .navbutcont a{border:1px solid #d2d2d2;background:#fff;border-radius:20px} .shared-ui .navbutcont span{border:2px solid #c2c2c2;background:#eaeaea} .shared-ui .navbutcont a:hover{border-color:#e6e6e6;color:#fff;background:#d0d0d0} .shared-ui .tab-content > .tab-pane{ display: none; } .shared-ui .tab-content > .active{ display: block; } .shared-ui ul.ui-form{ list-style: none; padding: 0; margin: 0; } .shared-ui ul.ui-form > li{ margin-bottom: 20px; } .shared-ui ul.ui-form > li:last-child{ margin-bottom: 0; } .shared-ui .form-group{ margin-bottom: 20px; } .shared-ui .form-group > label{ display: block; margin-bottom: .4em; } .shared-ui .imp:after{ content: "*"; margin: 0 0 0 10px; color: #e85319; } @media only screen and (min-width: 601px){.shared-ui .form-group.combo:after{ clear: both; display: table; content: ""; } .shared-ui .form-group.combo > .combo_field{ width: 50%; float: left; box-sizing: border-box; } .shared-ui .form-group.combo > .combo_field:last-child{ padding-left: 10px; } .shared-ui .form-group.combo > .combo_field:first-child{ padding-right: 10px; }} .shared-ui .form_submit{ margin-top: 20px; } .shared-ui .form-sep{ border-top: 1px solid #efefef; } .shared-ui .video-block-opt{ text-align: center; margin-bottom: 25px; } .shared-ui .sort{padding:0;margin:0} .shared-ui .sort,.shared-ui .sort>li{display:inline} .shared-ui .sort>li{margin:0 0 0 3%} .shared-ui .sort>li a{color:#353535} .shared-ui .sort>li.asc a,.shared-ui .sort>li.desc a{color:var(--text,#030c3a);font-weight:700} .shared-ui .sort>li.asc a:after,.shared-ui .sort>li.desc a:after{content:"";display:inline-block;vertical-align:middle;margin:-1px 0 0 .4em;width:6px;height:11px;-webkit-background-size:6px auto;background-size:6px auto} .shared-ui .sort>li.asc a:after{background-position:0 -11px} @media (max-width: 640px){.shared-ui .video-block-opt{ position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .shared-ui .video-block-opt iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }} .shared-ui .likely{opacity:0;transition:opacity .1s ease-in} .shared-ui .likely *{visibility:hidden} .shared-ui .likely_visible{opacity:1} .shared-ui .likely_visible *{visibility:inherit} .shared-ui .likely{font-size:0!important;font-weight:400;font-family:Helvetica Neue,Arial,sans-serif;text-indent:0!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .shared-ui .likely,.shared-ui .likely *{display:inline-block} .shared-ui .likely__widget{position:relative;white-space:nowrap} .shared-ui .likely__button,.shared-ui .likely__counter{text-decoration:none;text-rendering:optimizeLegibility;margin:0;outline:0} .shared-ui .likely__button{position:relative;cursor:pointer;user-select:none} .shared-ui .likely__counter{display:none;position:relative} .shared-ui .likely_ready .likely__counter{display:inline-block} .shared-ui .likely_ready .likely__counter_empty{display:none} .shared-ui .likely__button,.shared-ui .likely__counter,.shared-ui .likely__icon,.shared-ui .likely__widget{vertical-align:top} .shared-ui .likely__widget{transition:background .33s ease-out,color .33s ease-out,fill .33s ease-out} .shared-ui .likely__widget:active,.shared-ui .likely__widget:focus,.shared-ui .likely__widget:hover{transition:none;cursor:pointer} @media (hover:none){.shared-ui .likely__widget:active,.shared-ui .likely__widget:focus,.shared-ui .likely__widget:hover{transition:background .33s ease-out,color .33s ease-out,fill .33s ease-out;cursor:unset}} .shared-ui .likely__icon{position:relative;text-align:left} .shared-ui .likely svg{position:absolute} .shared-ui .likely__button,.shared-ui .likely__counter{line-height:inherit;cursor:inherit} .shared-ui .likely__button:empty{display:none} .shared-ui .likely__counter{text-align:center} .shared-ui .likely .likely__widget{color:#000;background:hsla(0,0%,91%,.8)} .shared-ui .likely .likely__counter{background-size:1px 1px;background-repeat:repeat-y;background-image:linear-gradient(90deg,rgba(0,0,0,.2),transparent .5px,transparent)} .shared-ui .likely-light .likely__widget{color:#fff;fill:#fff;background:hsla(0,0%,93%,.16);text-shadow:rgba(0,0,0,.2) 0 0 .33em} .shared-ui .likely-light .likely__counter{background-image:linear-gradient(90deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,0) .5px,hsla(0,0%,100%,0))} .shared-ui .likely__widget_facebook{fill:#1877f2} .shared-ui .likely__widget_facebook:active,.shared-ui .likely__widget_facebook:focus,.shared-ui .likely__widget_facebook:hover{background:rgba(197,221,251,.8)} @media (hover:none){.shared-ui .likely__widget_facebook:active,.shared-ui .likely__widget_facebook:focus,.shared-ui .likely__widget_facebook:hover{background:hsla(0,0%,91%,.8)}} .shared-ui .likely-light .likely__widget_facebook:active,.shared-ui .likely-light .likely__widget_facebook:focus,.shared-ui .likely-light .likely__widget_facebook:hover{text-shadow:#1877f2 0 0 .25em;background:rgba(24,119,242,.7)} @media (hover:none){.shared-ui .likely-light .likely__widget_facebook:active,.shared-ui .likely-light .likely__widget_facebook:focus,.shared-ui .likely-light .likely__widget_facebook:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}} .shared-ui .likely__widget_linkedin{fill:#0a66c2} .shared-ui .likely__widget_linkedin:active,.shared-ui .likely__widget_linkedin:focus,.shared-ui .likely__widget_linkedin:hover{background:rgba(193,216,239,.8)} @media (hover:none){.shared-ui .likely__widget_linkedin:active,.shared-ui .likely__widget_linkedin:focus,.shared-ui .likely__widget_linkedin:hover{background:hsla(0,0%,91%,.8)}} .shared-ui .likely-light .likely__widget_linkedin:active,.shared-ui .likely-light .likely__widget_linkedin:focus,.shared-ui .likely-light .likely__widget_linkedin:hover{text-shadow:#0a66c2 0 0 .25em;background:rgba(10,102,194,.7)} @media (hover:none){.shared-ui .likely-light .likely__widget_linkedin:active,.shared-ui .likely-light .likely__widget_linkedin:focus,.shared-ui .likely-light .likely__widget_linkedin:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}} .shared-ui .likely__widget_odnoklassniki{fill:#ee8208} .shared-ui .likely__widget_odnoklassniki:active,.shared-ui .likely__widget_odnoklassniki:focus,.shared-ui .likely__widget_odnoklassniki:hover{background:hsla(32,85%,87%,.8)} @media (hover:none){.shared-ui .likely__widget_odnoklassniki:active,.shared-ui .likely__widget_odnoklassniki:focus,.shared-ui .likely__widget_odnoklassniki:hover{background:hsla(0,0%,91%,.8)}} .shared-ui .likely-light .likely__widget_odnoklassniki:active,.shared-ui .likely-light .likely__widget_odnoklassniki:focus,.shared-ui .likely-light .likely__widget_odnoklassniki:hover{text-shadow:#ee8208 0 0 .25em;background:rgba(238,130,8,.7)} @media (hover:none){.shared-ui .likely-light .likely__widget_odnoklassniki:active,.shared-ui .likely-light .likely__widget_odnoklassniki:focus,.shared-ui .likely-light .likely__widget_odnoklassniki:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}} .shared-ui .likely__widget_pinterest{fill:#e60019} .shared-ui .likely__widget_pinterest:active,.shared-ui .likely__widget_pinterest:focus,.shared-ui .likely__widget_pinterest:hover{background:rgba(248,191,197,.8)} @media (hover:none){.shared-ui .likely__widget_pinterest:active,.shared-ui .likely__widget_pinterest:focus,.shared-ui .likely__widget_pinterest:hover{background:hsla(0,0%,91%,.8)}} .shared-ui .likely-light .likely__widget_pinterest:active,.shared-ui .likely-light .likely__widget_pinterest:focus,.shared-ui .likely-light .likely__widget_pinterest:hover{text-shadow:#e60019 0 0 .25em;background:rgba(230,0,25,.7)} @media (hover:none){.shared-ui .likely-light .likely__widget_pinterest:active,.shared-ui .likely-light .likely__widget_pinterest:focus,.shared-ui .likely-light .likely__widget_pinterest:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}} .shared-ui .likely__widget_reddit{fill:#ff4501} .shared-ui .likely__widget_reddit:active,.shared-ui .likely__widget_reddit:focus,.shared-ui .likely__widget_reddit:hover{background:rgba(255,208,191,.8)} @media (hover:none){.shared-ui .likely__widget_reddit:active,.shared-ui .likely__widget_reddit:focus,.shared-ui .likely__widget_reddit:hover{background:hsla(0,0%,91%,.8)}} .shared-ui .likely-light .likely__widget_reddit:active,.shared-ui .likely-light .likely__widget_reddit:focus,.shared-ui .likely-light .likely__widget_reddit:hover{text-shadow:#ff4501 0 0 .25em;background:rgba(255,69,1,.7)} @media (hover:none){.shared-ui .likely-light .likely__widget_reddit:active,.shared-ui .likely-light .likely__widget_reddit:focus,.shared-ui .likely-light .likely__widget_reddit:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}} .shared-ui .likely__widget_telegram{fill:#35a3dc} .shared-ui .likely__widget_telegram:active,.shared-ui .likely__widget_telegram:focus,.shared-ui .likely__widget_telegram:hover{background:rgba(204,232,246,.8)} @media (hover:none){.shared-ui .likely__widget_telegram:active,.shared-ui .likely__widget_telegram:focus,.shared-ui .likely__widget_telegram:hover{background:hsla(0,0%,91%,.8)}} .shared-ui .likely-light .likely__widget_telegram:active,.shared-ui .likely-light .likely__widget_telegram:focus,.shared-ui .likely-light .likely__widget_telegram:hover{text-shadow:#35a3dc 0 0 .25em;background:rgba(53,163,220,.7)} @media (hover:none){.shared-ui .likely-light .likely__widget_telegram:active,.shared-ui .likely-light .likely__widget_telegram:focus,.shared-ui .likely-light .likely__widget_telegram:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}} .shared-ui .likely__widget_twitter{fill:#1da1f2} .shared-ui .likely__widget_twitter:active,.shared-ui .likely__widget_twitter:focus,.shared-ui .likely__widget_twitter:hover{background:rgba(198,231,251,.8)} @media (hover:none){.shared-ui .likely__widget_twitter:active,.shared-ui .likely__widget_twitter:focus,.shared-ui .likely__widget_twitter:hover{background:hsla(0,0%,91%,.8)}} .shared-ui .likely-light .likely__widget_twitter:active,.shared-ui .likely-light .likely__widget_twitter:focus,.shared-ui .likely-light .likely__widget_twitter:hover{text-shadow:#1da1f2 0 0 .25em;background:rgba(29,161,242,.7)} @media (hover:none){.shared-ui .likely-light .likely__widget_twitter:active,.shared-ui .likely-light .likely__widget_twitter:focus,.shared-ui .likely-light .likely__widget_twitter:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}} .shared-ui .likely__widget_viber{fill:#7360f2} .shared-ui .likely__widget_viber:active,.shared-ui .likely__widget_viber:focus,.shared-ui .likely__widget_viber:hover{background:rgba(220,215,251,.8)} @media (hover:none){.shared-ui .likely__widget_viber:active,.shared-ui .likely__widget_viber:focus,.shared-ui .likely__widget_viber:hover{background:hsla(0,0%,91%,.8)}} .shared-ui .likely-light .likely__widget_viber:active,.shared-ui .likely-light .likely__widget_viber:focus,.shared-ui .likely-light .likely__widget_viber:hover{text-shadow:#7360f2 0 0 .25em;background:rgba(115,96,242,.7)} @media (hover:none){.shared-ui .likely-light .likely__widget_viber:active,.shared-ui .likely-light .likely__widget_viber:focus,.shared-ui .likely-light .likely__widget_viber:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}} .shared-ui .likely__widget_vkontakte{fill:#4680c2} .shared-ui .likely__widget_vkontakte:active,.shared-ui .likely__widget_vkontakte:focus,.shared-ui .likely__widget_vkontakte:hover{background:rgba(208,223,239,.8)} @media (hover:none){.shared-ui .likely__widget_vkontakte:active,.shared-ui .likely__widget_vkontakte:focus,.shared-ui .likely__widget_vkontakte:hover{background:hsla(0,0%,91%,.8)}} .shared-ui .likely-light .likely__widget_vkontakte:active,.shared-ui .likely-light .likely__widget_vkontakte:focus,.shared-ui .likely-light .likely__widget_vkontakte:hover{text-shadow:#4680c2 0 0 .25em;background:rgba(70,128,194,.7)} @media (hover:none){.shared-ui .likely-light .likely__widget_vkontakte:active,.shared-ui .likely-light .likely__widget_vkontakte:focus,.shared-ui .likely-light .likely__widget_vkontakte:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}} .shared-ui .likely__widget_whatsapp{fill:#25d366} .shared-ui .likely__widget_whatsapp:active,.shared-ui .likely__widget_whatsapp:focus,.shared-ui .likely__widget_whatsapp:hover{background:rgba(200,244,216,.8)} @media (hover:none){.shared-ui .likely__widget_whatsapp:active,.shared-ui .likely__widget_whatsapp:focus,.shared-ui .likely__widget_whatsapp:hover{background:hsla(0,0%,91%,.8)}} .shared-ui .likely-light .likely__widget_whatsapp:active,.shared-ui .likely-light .likely__widget_whatsapp:focus,.shared-ui .likely-light .likely__widget_whatsapp:hover{text-shadow:#25d366 0 0 .25em;background:rgba(37,211,102,.7)} @media (hover:none){.shared-ui .likely-light .likely__widget_whatsapp:active,.shared-ui .likely-light .likely__widget_whatsapp:focus,.shared-ui .likely-light .likely__widget_whatsapp:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}} .shared-ui .likely{margin:0 -5px -10px} .shared-ui .likely .likely__widget{line-height:20px;font-size:14px;border-radius:3px;height:22px;margin:0 5px 10px} .shared-ui .likely .likely__icon{width:22px;height:22px} .shared-ui .likely .likely__button{padding:1px 4px 1px 0} .shared-ui .likely .likely__counter{padding:1px 4px} .shared-ui .likely svg{left:3px;top:3px;width:16px;height:16px} .shared-ui .likely-big{margin:0 -6px -12px} .shared-ui .likely-big .likely__widget{line-height:28px;font-size:18px;border-radius:4px;height:32px;margin:0 6px 12px} .shared-ui .likely-big .likely__icon{width:32px;height:32px} .shared-ui .likely-big .likely__button{padding:2px 6px 2px 0} .shared-ui .likely-big .likely__counter{padding:2px 6px} .shared-ui .likely-big svg{left:4px;top:4px;width:24px;height:24px} .shared-ui .likely-small{margin:0 -4px -8px} .shared-ui .likely-small .likely__widget{line-height:14px;font-size:12px;border-radius:2px;height:18px;margin:0 4px 8px} .shared-ui .likely-small .likely__icon{width:18px;height:18px} .shared-ui .likely-small .likely__button{padding:2px 3px 2px 0} .shared-ui .likely-small .likely__counter{padding:2px 3px} .shared-ui .likely-small svg{left:3px;top:3px;width:12px;height:12px} @media only screen and (min-width: 601px){.shared-ui #pm-menu:after{ content: ""; clear: both; display: block; } .shared-ui #pm-menu{ margin-bottom: 25px; } .shared-ui #pm-menu a{ color: inherit; padding: 10px 16px; border-radius: 2px; border: 2px solid transparent; float: left; text-decoration: none !important; } .shared-ui #pm-menu a:hover{ border-color: #3394e6; color: #3394e6; }} .shared-ui .pm-box{ margin-bottom: 25px; } .shared-ui .pm_status{ padding: 25px; background-color: #f7f7f7; border-radius: 2px; } .shared-ui .pm_progress_bar{ background-color: #e5dbcc; margin-bottom: 10px; border-radius: 2px; } .shared-ui .pm_progress_bar span{ background: #e85319; font-size: 0; height: 20px; border-radius: 2px; display: block; overflow: hidden } .shared-ui .userinfo_top{ position: relative; padding-bottom: 50px; margin-bottom: 50px; } .shared-ui .userinfo_top .avatar{ position: absolute; } .shared-ui .user_tab{ list-style: none; padding: 0; margin: 0; } .shared-ui .user_tab > li{ display: inline; margin-right: 1.2em; } .shared-ui .user_tab > li > a{ text-decoration: none !important; font-size: .6em; -webkit-transition: all ease .3s; transition: all ease .3s; } .shared-ui .user_tab > li > a{ color: #fff; opacity: .5; } .shared-ui .user_tab > li > a:hover{ color: inherit; } .shared-ui .user_tab > li.active > a{ cursor: default; font-size: 1em; opacity: 1; } .shared-ui .usinf{ list-style: none; padding: 0; margin: 0 0 25px 0; } .shared-ui .usinf li{ padding: 12px 0; border-top: 1px solid #e6e6e6; } .shared-ui .usinf li:first-child{ border-top-width: 0; } .shared-ui .ui-c1,.shared-ui .ui-c2{ display: inline-block; vertical-align: top; } .shared-ui .ui-c1{ width: 30%; margin-right: 5%; } .shared-ui .ui-c2{ width: 60%; } .shared-ui .userinfo{ padding-left: 90px; } .shared-ui .userinfo .avatar{ position: absolute; float: left; margin: 0 0 0 -90px; } .shared-ui .userinfo .avatar .cover{ width: 60px; height: 60px; } .shared-ui .userinfo > ul{ list-style: none; padding: 0; margin: 0; } .shared-ui .stats_head > ul{ list-style: none; padding: 0; margin: 0; font-size: 1.25em; } .shared-ui .stats_head > ul > li{ margin-top: 15px; padding-left: 30px; } .shared-ui .stats_head > ul > li:before{ content: ""; float: left; margin: 2px 0 0 -30px; width: 16px; height: 16px; border-radius: 50%; background-color: #3394e6; } .shared-ui .stats_head > ul > li > b{ display: block; font-size: .8em; opacity: .5; font-weight: normal; } .shared-ui .stats_head > ul > li.stats_d:before{ background-color: #f6a71a; } .shared-ui .stats_head > ul > li.stats_w:before{ background-color: #ce3f28; } .shared-ui .stat_group{ margin-bottom: 25px; } .shared-ui .stat_group > h5{ margin-top: 0; margin-bottom: 1em; } .shared-ui .stat_group > ul{ list-style: none; padding: 0; margin: 0; } .shared-ui .stat_group > ul > li{ padding: .6em 0; border-top: 1px dotted #d5d5d5; } .shared-ui .list3b{ padding:0; list-style: none; counter-reset: li; } .shared-ui .list3b li{ position: relative; border-left: 4px solid var(--mc-accent-strong); padding: 5px 5px 5px 10px; margin:12px 0 12px 80px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .shared-ui .list3b li:before{ line-height: 32px; position: absolute; top: 0px; left:-80px; width:80px; text-align:center; font-size: 24px; font-weight: bold; color: #DDDDDD; counter-increment: li; content: counter(li); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; box-sizing: border-box; } .shared-ui .list3b li:hover:before{ color: var(--mc-accent-strong); } .shared-ui .list3b li:after{ position: absolute; top: 18px; left: -40px; width: 60px; height: 60px; border: 8px solid var(--mc-accent-strong); border-radius: 50%; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.1); -moz-transform: translateX(-50%) translateY(-50%) scale(0.1); transform: translateX(-50%) translateY(-50%) scale(0.1); pointer-events: none; box-sizing: border-box; } .shared-ui .list3b li:hover:after{ opacity: 0.2; -webkit-transform: translateX(-50%) translateY(-50%) scale(1); -moz-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1); } .shared-ui .navigation_footer{ height: 24px; line-height: 24px; padding: 3px; text-align: center; } .shared-ui .scriptcode,.shared-ui .title_quote,.shared-ui .title_spoiler,.shared-ui .text_spoiler{ padding: 15px 20px; background: #fff; border: 1px solid #e7e7e7; } .shared-ui .title_quote{ margin-top: 2px; font-weight: bold; } .shared-ui .quote,.shared-ui blockquote{ padding: 2px 20px; margin: 1.5em 0; border-left: 3px solid var(--mc-accent-strong); font-family: Georgia, serif; font-style: italic; font-size: 1.2em; color: #999; } .shared-ui .title_spoiler{ margin-top: 2px; } .shared-ui .text_spoiler{ margin-bottom: 2px; } .shared-ui .title_spoiler img{ vertical-align: middle; margin: -1px 0 0 !important } .shared-ui .scriptcode{ color: var(--text,#030c3a); text-align: left; font-family: "Courier New" } .shared-ui .title_spoiler{ font-weight: normal; } .shared-ui .text_spoiler{ border-top: 0; text-align: justify; } .shared-ui .hide{ background-color: #f0f0f0; padding: 5px; color: var(--text,#030c3a); margin: 0 0 1em 0 } .shared-ui .hide a{ text-decoration: underline; } .shared-ui .hide a:hover{ text-decoration: none } .shared-ui pre code{ display: block; padding: 0.5em; background: #f9fafa; border: 1px solid #dce7e7; overflow:auto; white-space: pre; } .shared-ui table.xfields{ width: 100%; } .shared-ui .xfields textarea,.shared-ui .xprofile textarea{ width: 100%; height: 186px; margin-top: 5px; } .shared-ui .xfieldsnote{ color: #838383; font-size: .9em; } .shared-ui .xfields_table td{ vertical-align: top; } .shared-ui .xfieldsrow{ padding-top:5px; clear: both; } .shared-ui .xfieldscolleft{ float: left; width: 30%; } .shared-ui .xfieldscolright{ float: left; width: 70%; } .shared-ui .file-box{ width: 95%; max-width: 437px; border:1px solid #B3B3B3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #F5F5F5; padding: 10px; margin-top: 10px; } .shared-ui .xfieldimagegallery{ margin: 0; padding: 0; list-style: none; clear: both; } .shared-ui .xfieldimagegallery li{ list-style: none; margin: 0; padding: 0; } .shared-ui .xfieldimagegallery li img{ float: left; margin-right: 5px; border: 5px solid #fff; width: 100px; height: 100px; transition: box-shadow 0.5s ease; } .shared-ui .xfieldimagegallery li img:hover{ box-shadow: 0px 0px 7px rgba(0,0,0,0.4); } .shared-ui .qq-uploader{ position:relative; width: 100%;} .shared-ui .qq-upload-button{ display:inline-block; margin-top:5px; margin-bottom:5px; cursor:pointer; } .shared-ui .qq-upload-drop-area{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; max-width: 437px; background:#FF9797; text-align:center; } .shared-ui .qq-upload-drop-area span{ display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px; } .shared-ui .qq-upload-drop-area-active{background:#FF7171;} .shared-ui .uploadedfile{ display: inline-block; width: 115px; height: 160px; margin: 10px 5px 5px 5px; border:1px solid #B3B3B3; box-shadow: 0px 1px 4px rgba(0,0,0,0.3); text-align: center; background:#ffffff; } .shared-ui .uploadedfile .uploadimage{ margin-top: 5px; width: 115px; height: 90px; display: flex; align-items: center; justify-content: center; cursor: move; cursor: -webkit-grabbing; } .shared-ui .sortable-ghost{ opacity: 0.4; } .shared-ui .uploadedfile .info{ text-align: left; white-space: nowrap; margin: 0px 5px 0px 5px; overflow: hidden; } .shared-ui .btn.disabled,.shared-ui .btn[disabled],.shared-ui fieldset[disabled] .btn{ cursor:not-allowed; pointer-events:none; opacity:0.65; filter:alpha(opacity=65); box-shadow:none; } .shared-ui .progress{ overflow:hidden; margin-top:10px; margin-bottom:10px; background-color:whitesmoke; height:10px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; border-radius:8px; background:#eee; box-shadow:0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset; } .shared-ui .progress .progress-bar{ float:left; width:0%; font-size:12px; line-height:20px; color:white; text-align:center; background-color:#428bca; box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition:width 0.6s ease; transition:width 0.6s ease; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; border-radius:8px; box-shadow:none; height:8px; } .shared-ui .progress-bar span{ position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); border:0; } .shared-ui .progress-blue{ background-image:linear-gradient(to bottom, #9bcff5 0%, #6db9f0 100%); background-repeat:repeat-x; border:1px solid #55aeee; } .shared-ui hr{ box-sizing: content-box; height: 0 } .shared-ui .telegram-btn.btn{height:auto;min-height:30px; background-color: #11b3d8; border-radius: 5px 5px;color: #ffffff;} .shared-ui .telegram-btn img{width:20px;margin-right:1px;margin-top:2px} .shared-ui .telegram-btn{width:40%;margin:0 5% 25px;font-size:16px;position:relative;z-index:2} .shared-ui .vk-btn.btn{height:auto;min-height:30px; background-color: #4a76a8; border-radius: 5px 5px; color: #ffffff;} .shared-ui .vk-btn img{width:20px;margin-right:1px;margin-top:2px} .shared-ui .vk-btn{width:40%;margin:0 5% 25px;font-size:16px;position:relative;z-index:2} .shared-ui .tablet-mt{margin-top:23px} .shared-ui .list-parent ol,.shared-ui .list-parent ul{margin-left:15px} .shared-ui .modal-store{ display: none; position: fixed; max-width: 500px; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); background: var(--bg); border-radius: 20px; padding: 60px; text-align: center; z-index: 9; } .shared-ui .modal-store h2 + span{ display: block; color: #747474; margin-top: -20px; margin-bottom: 30px; font-size: 14px; line-height: 1.5; } .shared-ui .modal-store .fa-xmark{ position: absolute; width: 40px; height: 40px; line-height: 40px; top: -60px; right: 0; border: 1px solid var(--light2); border-radius: 50%; color: rgb(255 255 255 / 80%); text-align: center; cursor: pointer; } .shared-ui .modal-store > .fa-chevron-left{ position: absolute; top: 30px; left: 40px; font-size: 20px; } .shared-ui .modal-store > label{ display: block; border: 1px solid #E9E1E5; padding: 8px 10px; border-radius: var(--radius); font-size: 14px; font-weight: bold; text-align: left; } .shared-ui .modal-store > label + label{ margin-top: 5px; } .shared-ui .modal-store > label:hover{ background: #E9E1E5; } .shared-ui .modal-store > ul{ } .shared-ui .modal-store > ul li{ display: flex; align-items: center; grid-gap: 10px; border: 1px solid #E9E1E5; padding: 15px 20px; border-radius: var(--radius); font-size: 14px; font-weight: bold; line-height: 1.5; text-align: left; margin-bottom: 15px; } .shared-ui .modal-store > ul li #del-addr{ display: inline-block; background: #f44336; border-radius: 50%; color: #fff; min-width: 30px; width: 30px; height: 30px; line-height: 30px; text-align: center; } .shared-ui .modal-store > ul li #select-addr{ background: var(--color1); color: #fff; padding: 5px 12px; border-radius: var(--radius); } .shared-ui .modal-deliv{ display: none; position: fixed; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); z-index: 9; } .shared-ui .modal-deliv .fa-xmark{ position: absolute; width: 40px; height: 40px; line-height: 40px; top: -60px; right: 0; border: 1px solid var(--light2); border-radius: 50%; color: rgb(255 255 255 / 80%); text-align: center; cursor: pointer; } .shared-ui .modal-deliv_grid{ display: grid; grid-gap: 20px 20px; grid-auto-rows: max-content; grid-template-columns: 450px 1fr; background: var(--bg); border-radius: 20px; overflow: hidden; } @media (max-width: 860px){.shared-ui .modal-deliv_grid{ grid-template-columns: 1fr; grid-gap: 0; min-width: 400px; }} .shared-ui .modal-deliv_content{ padding: 30px; } @media (max-width: 860px){.shared-ui .modal-deliv_content .e-grid3{ grid-template-columns: repeat(3, 1fr); grid-gap: 10px; }} .shared-ui .modal-deliv_maps{ position: relative; width: 600px; height: 100%; overflow: hidden; } @media (max-width: 860px){.shared-ui .modal-deliv_maps{ width: 100%; height: 210px; order: -1; }} .shared-ui .modal-deliv_maps:before{ content: ""; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%,-50%); background: #000; width: 2px; height: 15px; z-index: 9; } .shared-ui .modal-deliv_maps:after{ content: ""; position: absolute; top: 46%; left: 50%; margin-right: -50%; transform: translate(-50%,-50%); background: var(--color1); width: 30px; height: 30px; border-radius: 50%; z-index: 9; } .shared-ui .basket-content{ position: fixed; max-width: 450px; width: 100%; top: 0; right: 0; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; background: var(--bg); padding: 30px; z-index: 9999; } .shared-ui .basket-header{ display: flex; align-items: center; justify-content: space-between; grid-gap: 20px; margin-bottom: 30px; } .shared-ui .basket-header h2,.shared-ui .basket-header h3{ margin-bottom: 0; } .shared-ui .basket-header > a{ background: var(--bg2); padding: 6px 15px; border-radius: var(--radius); color: var(--text2); font-size: 14px; } .shared-ui .basket-header .fa-xmark{ display: block; background: var(--bg2); width: 40px; height: 40px; line-height: 40px; border-radius: 50%; color: var(--color1); text-align: center; margin-left: auto; cursor: pointer; } .shared-ui .basket-list{ max-height: 400px; height: 100%; overflow: hidden; overflow-y: auto; margin-bottom: 30px; } .shared-ui .basket-list > li{ display: grid; grid-gap: 20px; grid-auto-rows: max-content; grid-template-columns: auto 1fr; align-items: center; background: var(--bg2); padding: 10px; border-radius: var(--radius); } .shared-ui .basket-list > li + li{ margin-top: 10px; border-top: 1px dotted var(--dark); } .shared-ui .basket-list > li img{ width: 120px; height: auto; aspect-ratio: 16/9; object-fit: cover; border-radius: 5px; } .shared-ui .basket-list_title{ display: block; font-size: 16px; font-weight: bold; margin-bottom: 5px; } .shared-ui .basket-list_title > span{ display: inline-block; background: var(--color1); border-radius: 8px; padding: 3px 8px; font-size: 14px; margin: 5px 0; } .shared-ui .basket-item + span{ font-size: 14px; color: var(--text2); } .shared-ui .basket-list_count{ display: flex; align-items: center; justify-content: center; background: var(--light2); color: var(--color1); border-radius: var(--radius); font-weight: bold; } .shared-ui .basket-list_count > a{ display: block; min-width: 30px; width: 30px; height: 30px; line-height: 30px; text-align: center; } .shared-ui .basket-list_count > input{ background: transparent; border: none; width: 15px; height: 30px; padding: 0; font-weight: bold; text-align: center; } .shared-ui .basket-list li .fa-trash{ display: inline-block; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; color: #F44336; font-size: 18px; text-align: center; cursor: pointer; } .shared-ui .basket-total li{ position: relative; display: flex; align-items: center; justify-content: space-between; grid-gap: 20px; font-size: 18px; font-weight: bold; } .shared-ui .basket-total li + li,.shared-ui .basket-total div + li{ border-top: 1px dotted var(--light2); margin-top: 10px; padding-top: 10px; } .shared-ui .basket-total .basket-total_delivoffice,.shared-ui .basket-total .basket-total_delivkm{ font-size: 12px; opacity: 0.8; margin-top: 10px; padding-top: 0; border-top: 0; } .shared-ui .basket-total_sale > span:last-child{ color: #4CAF50; font-weight: bold; } .shared-ui .basket-total .basket-total_bonus,.shared-ui .basket-total .basket-total_bonus span{ display: block; font-size: 16px; text-align: right; } .shared-ui .basket-total .basket-total_bonus span:first-child{ color: var(--mc-accent); } .shared-ui .basket-total .basket-total_bonus span:nth-child(2){ color: #FF5722; } .shared-ui .basket-total .basket-total_bonus span:last-child{ color: #a1a1a1; font-size: 14px; } .shared-ui .basket-total + a{ display: block; background: var(--color1); border-radius: 80px; padding: 15px 20px; color: #fff; font-size: 16px; font-weight: bold; text-align: center; margin-top: 40px; } .shared-ui .basket-total + a:hover{ background: var(--color2); } .shared-ui .basket-order_grid{ display: grid; grid-gap: 80px; grid-auto-rows: max-content; grid-template-columns: 1fr 400px; } @media (max-width: 860px){.shared-ui .basket-order_grid{ grid-template-columns: 1fr; grid-gap: 30px; padding-top: 70px; }} .shared-ui .basket-order{ background: var(--white); color: #000; box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%); padding: 30px; border-radius: var(--radius); height: max-content; } @media (max-width: 860px){.shared-ui .basket-order{ order: -1; overflow: hidden; }} .shared-ui .basket-form_deliv{ } .shared-ui .basket-form_deliv > span{ display: block; color: #7f7f7f; font-size: 14px; margin-bottom: 9px; } .shared-ui .basket-form_deliv > span b{ color: var(--color1); } .shared-ui .basket-form_deliv > div{ display: flex; align-items: center; justify-content: space-between; grid-gap: 20px; } .shared-ui .basket-form_deliv > div > a{ display: inline-block; min-width: max-content; background: var(--color1); color: #fff; padding: 15px 20px; border-radius: var(--radius); } .shared-ui .basket-promo,.shared-ui .basket-bonus{ background: var(--bg2); padding: 20px; border-radius: var(--radius); } .shared-ui .basket-promo input{ background: var(--light); } .shared-ui .basket-form_promo{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; grid-gap: 20px; } .shared-ui .basket-form_promo button{ display: inline-block; min-width: max-content; background: var(--color1); color: #fff; padding: 15px 20px; border-radius: 10px; cursor: pointer; } .shared-ui .basket-promo #promoresult{ display: block; color: var(--text2); font-size: 12px; margin-top: 10px; } .shared-ui .basket-bonus{ background: var(--bg2); padding: 20px; border-radius: var(--radius); } .shared-ui .basket-bonus > span{ display: flex; align-items: center; grid-gap: 10px; color: var(--text2); font-size: 14px; font-weight: 300; margin-top: -20px; margin-bottom: 20px; } .shared-ui .basket-bonus > div > div b{ display: block; color: #6dd772; font-size: 16px; } .shared-ui .basket-bonus > div > div span{ color: var(--text2); font-size: 12px; font-weight: 300; } .shared-ui .basket-form_payment{ } .shared-ui h2 + .basket-form_payment > span{ display: block; margin-top: -20px; margin-bottom: 25px; } .shared-ui .basket-form_payment > span{ display: block; color: #7f7f7f; font-size: 14px; margin-bottom: 9px; } .shared-ui .basket-form_payment label{ position: relative; color: var(--text2); font-weight: 500; overflow: hidden; } .shared-ui .basket-form_payment label input{ position: absolute; margin: 12px; } .shared-ui .basket-form_payment label input + img,.shared-ui .basket-form_payment > a img{ display: inline-block; padding: 10px 20px 10px 35px; border-radius: var(--radius); border: 2px solid var(--form_radius); width: 100%; height: 80px; object-fit: contain; cursor: pointer; transition: 0.3s; margin-bottom: 10px; } .shared-ui .basket-form_payment label input:checked + img{ opacity: 1; border: 2px solid var(--color1); background-color: var(--engine); } .shared-ui .basket-form_payment label span,.shared-ui .basket-form_payment > a span{ display: block; font-size: 14px; line-height: 1.5; margin-top: 10px; } .shared-ui .basket-order_price{ display: block; font-size: 20px; font-weight: bold; } .shared-ui .basket-order_price > span{ color: var(--text2); font-size: 16px; font-weight: 300; margin-right: 5px; } .shared-ui .basket-check{ display: flex; flex-direction: column; align-items: center; text-align: center; margin-top: 60px; } .shared-ui .store-order{ } .shared-ui .store-order_items{ display: grid; grid-gap: 20px 20px; grid-auto-rows: max-content; grid-template-columns: repeat(3, 1fr); } @media (max-width: 860px){.shared-ui .store-order_items{ grid-template-columns: none; }} .shared-ui .store-order_items li{ position: relative; background: var(--white); padding: 20px; border-radius: var(--radius); overflow: hidden; } .shared-ui .store-order_head{ display: flex; align-items: center; justify-content: space-between; grid-gap: 20px; padding: 0 20px 10px; margin: -10px -20px 10px -20px; border-bottom: 1px solid var(--dark); font-size: 14px; color: var(--text2); } .shared-ui .store-order_item{ display: flex; align-items: center; justify-content: space-between; grid-gap: 10px; color: var(--color1); margin-bottom: 5px; } .shared-ui .store-order_item:hover{ color: var(--color2); } .shared-ui .store-order_items li a.extract{ display: block; max-width: max-content; color: var(--text2); border-bottom: 1px dotted var(--text2); font-size: 14px; } .shared-ui .store-recep{ background: #fff; color: #000; padding: 20px; border-radius: var(--radius); } .shared-ui .store-recep_head{ display: grid; grid-gap: 15px; grid-auto-rows: max-content; grid-template-columns: repeat(2, 1fr); } .shared-ui .store-recep_head span{ font-weight: bold; } .shared-ui .store-recep table{ width: 100%; border-collapse: collapse; margin-bottom: 30px; } .shared-ui .store-recep th,.shared-ui .store-recep td{ border: 1px solid #ddd; padding: 8px; text-align: left; } .shared-ui .store-recep th{ background-color: #f2f2f2; } .shared-ui .store-recep tr:nth-child(even){ background-color: #f2f2f2; } .shared-ui .store-recep tr:hover{ background-color: #ddd; } .shared-ui .store-recep_sign{ display: grid; grid-gap: 15px; grid-auto-rows: max-content; grid-template-columns: repeat(2, 1fr); } .shared-ui .store-recep_sign > div{ display: flex; align-items: flex-end; grid-gap: 20px; } .shared-ui .store-recep_sign > div span{ width: 200px; background: #000; height: 1px; } .shared-ui .store-pattern{ display: flex; align-items: center; grid-gap: 10px; margin-bottom: 20px; } .shared-ui .store-pattern_item{ display: inline-block; background: var(--light); color: #dbdbdb; border-radius: 3px; padding: 3px 8px; font-size: 12px; } .shared-ui .store-pattern_item.active{ background: var(--color1); color: #fff; } .shared-ui .store-bind{ position: relative; margin: 20px 0; } .shared-ui .store-bind > div{ display: grid; grid-gap: 20px 20px; grid-auto-rows: max-content; grid-template-columns: repeat(3, 1fr); } .shared-ui .store-bind > span{ display: block; color: #525252; margin-bottom: 10px; } .shared-ui .store-bind > div a{ display: inline-block; background: #fff; border-radius: 10px; padding: 10px 5px; width: 100%; height: 100%; font-size: 12px; font-weight: bold; text-align: center; overflow: hidden; } .shared-ui .store-bind > div a img{ width: 100%; height: auto; aspect-ratio: 1/1; object-fit: contain; margin-bottom: 5px; } .shared-ui .alert{ position: fixed; width: 300px; right: 20px; top: 20px; font-size: 14px; text-align: center; z-index: 9999; } @media (max-width: 860px){.shared-ui .alert{ right: 15px; top: 15px; font-size: 12px; width: 200px; }} .shared-ui .alert-block{ position: relative; display: block; background: #4CAF50; border-radius: 10px; color: #fff; box-shadow: 3px 5px 8px rgba(0, 55, 76, 0.31); padding: 15px 40px 15px 15px; margin-bottom: 15px; overflow: hidden; } .shared-ui .alert-block.danger{ background: #f49336; } .shared-ui .alert-block.error{ background: #F44336; } .shared-ui .alert-block_bar{ position: absolute; background: var(--light2); left: 0; bottom: 0; height: 2px; } .shared-ui .alert-block_close{ position: absolute; top: 10px; right: 20px; cursor: pointer; } .shared-ui .label_story.bonus{ display: inline-flex; align-items: center; gap: 5px; padding: 7px 10px; background: #d87825; box-shadow: 0px 2px 18px -3px rgb(216 120 37 / 58%); border-radius: 50px; color: #fff; font-size: 12px; font-weight: bold; text-transform: none; line-height: 1; } .shared-ui .label_story.bonus i{ font-size: 13px; line-height: 1; } .shared-ui .label_story.bonus span{ line-height: 1; } @media (hover: none), (pointer: coarse){.shared-ui .label_story.bonus::before,.shared-ui .label_story.bonus::after{ display: none !important; opacity: 0 !important; visibility: hidden !important; }} .shared-ui{ --engine: #fff; --engine2: #f2f5f7; --white: #fff; --form_radius: #cccccc; } .shared-ui .header-city{ position: relative; } @media (max-width: 860px){.shared-ui .header-city{ display: none; }} .shared-ui .header-city > a{ display: inline-block; background: var(--bg2); padding: 10px 20px; border-radius: var(--radius); } .shared-ui .header-city > a i{ color: var(--color1); margin-left: 8px; font-weight: bold; } .shared-ui .header-city > div{ visibility: hidden; opacity: 0; position: absolute; width: 200px; top: 100%; right: 0; background: var(--bg); color: #000; box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%); border-radius: var(--radius); padding: 3px; transform: translateY(10px); transition: 0.3s; z-index: 5; } .shared-ui .header-city.active > div{ visibility: visible; opacity: 1; } .shared-ui .header-city > div:before{ content: ""; position: absolute; top: -5px; right: 30px; width: 10px; height: 10px; background: #fff; transform: rotate(225deg); } .shared-ui .header-city > div a{ display: block; padding: 10px 20px; border-radius: var(--radius); text-align: center; } .shared-ui .header-city > div a:hover{ background: var(--bg2); } .shared-ui .header-store{ position: relative; display: inline-flex; align-items: center; gap: 6px; background: var(--color1); color: #fff; border-radius: var(--radius); min-width: 45px; height: 45px; padding: 0 14px; font-size: 18px; font-weight: 700; text-align: center; cursor: pointer; text-decoration: none; } .shared-ui .header-store > span{ position: absolute; top: -5px; right: -5px; display: inline-block; background: #F44336; border-radius: 50%; color: #fff; width: 18px; height: 18px; line-height: 18px; font-size: 11px; text-align: center; font-weight: 700; } .shared-ui .header-store i{ font-style: normal; } .shared-ui .header-user{ position: relative; } .shared-ui .header-user > a{ display: flex; align-items: center; justify-content: center; grid-gap: 10px; font-size: 14px; font-weight: 600; text-align: center; cursor: pointer; } .shared-ui .header-user > a i{ display: block; font-size: 25px; } @media (max-width: 860px){.shared-ui .header-user > a{ background: var(--bg2); border-radius: var(--radius); min-width: 45px; height: 45px; line-height: 45px; font-size: 20px; } .shared-ui .header-user > a span{ display: none; } .shared-ui .header-user > a i{ font-size: inherit; }} .shared-ui .header-user > div{ position: absolute; width: 200px; top: 100%; right: 0; background: var(--bg); color: #000; box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%); border-radius: var(--radius); visibility: hidden; opacity: 0; transform: translateY(10px); transition: 0.3s; z-index: 5; } .shared-ui .header-user > div:before{ content: ""; position: absolute; top: -5px; right: 30px; width: 10px; height: 10px; background: #fff; transform: rotate(225deg); } .shared-ui .header-user.active > div{ visibility: visible; opacity: 1; transform: translateY(0); } .shared-ui .header-user_info{ border-bottom: 1px solid var(--bg2); padding: 10px 20px; text-align: center; } .shared-ui .header-user_info > img{ width: 50px; height: 50px; border-radius: 50%; } .shared-ui .header-user_info > span{ display: block; margin: 8px 0; font-size: 16px; font-weight: bold; } .shared-ui .header-user_info > a{ display: inline-block; color: var(--color1); font-weight: bold; font-size: 13px; border-bottom: 1px dotted var(--color1); margin: 5px; } .shared-ui .header-user_info > a i{ margin-right: 5px; } .shared-ui .header-user_group{ display: inline-block; background: var(--bg3); border-radius: var(--radius); color: #b9b3d3; padding: 4px 10px; font-size: 10px; } .shared-ui .header-user_group *{ color: #b9b3d3!important; } .shared-ui .header-user_link{ padding: 3px; } .shared-ui .header-user_link a{ display: flex; align-items: center; grid-gap: 10px; padding: 8px 20px; border-radius: var(--radius); color: #14192a; font-size: 14px; } .shared-ui .header-user_link a:last-child{ color: #F44336; } .shared-ui .header-user_link a:hover{ background: var(--bg2); color: var(--color1); } .shared-ui .modal-login > a{ position: relative; display: block; font-size: 14px; font-weight: 600; line-height: 2.0; text-align: center; cursor: pointer; } .shared-ui .modal-login > a i{ display: block; font-size: 25px; } @media (max-width: 860px){.shared-ui .modal-login > a i{ background: var(--bg2); border-radius: var(--radius); color: var(--text2); width: 45px; height: 45px; line-height: 45px; font-size: 20px; text-align: center; }} @media (max-width: 860px){.shared-ui .modal-login > a span{ display: none; }} .shared-ui .modal-login form{ display: none; position: fixed; min-width: 500px; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); background: var(--bg2); box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%); padding: 40px 80px; border-radius: var(--radius); text-align: center; z-index: 9; } @media (max-width: 860px){.shared-ui .modal-login form{ min-width: 100%; padding: 30px; border-radius: 0; }} .shared-ui .modal-login form > i{ position: absolute; top: 20px; right: 20px; background: var(--bg); border-radius: var(--radius); width: 35px; height: 35px; line-height: 35px; text-align: center; cursor: pointer; } .shared-ui .modal-login form > i:hover{ background: var(--color1); color: #fff; } .shared-ui .modal-login .e-float > a{ position: absolute; top: 20px; right: 15px; font-size: 14px; border-bottom: 1px dotted #20a8d8; } .shared-ui .modal-login_btn a{ background: var(--bg4); margin-left: 20px; } .shared-ui .modal-login_btn a:hover{ background: var(--bg3); opacity: 0.8; } .shared-ui .modal-login_soc span{ display: block; color: #767389; margin: 20px 0; } .shared-ui .modal-login_soc .e-flex{ align-items: center; justify-content: center; } .shared-ui .modal-login_soc .e-flex > a,.shared-ui .modal-login_soc .e-flex a > img{ width: 40px; height: 40px; margin: 0 10px; } .shared-ui [data-tooltip]{ position: relative; display: inline-block; cursor: pointer; } .shared-ui [data-tooltip]::after{ content: attr(data-tooltip); position: absolute; bottom: -120%; right: 0; opacity: 0; visibility: hidden; width: max-content; background: black; padding: 8px; border-radius: 4px; color: #fff; font-size: 10px; text-align: center; line-height: normal; transition: all 0.3s; z-index: 1; } .shared-ui [data-tooltip]:hover::before{ content: " "; position: absolute; right: 6px; bottom: -6px; border-width: 5px; border-style: solid; border-color: transparent transparent black transparent; } .shared-ui [data-tooltip]:hover::after{ visibility: visible; opacity: 1; } .shared-ui .modal-promo{ position: fixed; max-width: 500px; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); background: #323442; color: #fff; border-radius: 20px; text-align: center; z-index: 9; overflow: hidden; } .shared-ui .modal-promo > .fa-xmark{ position: absolute; color: #fff; top: 20px; right: 20px; font-size: 18px; cursor: pointer; } .shared-ui .modal-promo > div:nth-child(2){ background: linear-gradient(180deg, #2c2e39, #131119); color: #fff; padding: 40px 30px 80px; } .shared-ui .modal-promo > div:nth-child(2) > span{ color: #a1aab9; line-height: 1.5; } .shared-ui .modal-promo > div:nth-child(3){ background: url(https://i.7fon.org/thumb/j704542706.jpg) center/cover no-repeat; box-shadow: inset 0 9999px rgb(22 20 30 / 60%); color: #fff; border-radius: 20px; padding: 30px; margin: -40px 30px 25px; } .shared-ui .modal-promo > div ul li{ display: flex; align-items: center; justify-content: left; grid-gap: 15px; color: #d6dde9; font-size: 14px; font-weight: 500; line-height: 1.5; text-align: left; } .shared-ui .modal-promo > div ul li + li{ margin-top: 15px; border-top: 1px dashed #ffffff26; padding-top: 15px; } .shared-ui .modal-promo > div ul li i{ display: inline-block; background: linear-gradient(118deg, #5ad37a, var(--mc-accent)); color: #fff; border-radius: 12px; min-width: 40px; height: 40px; line-height: 40px; text-align: center; } .shared-ui .modal-promo > div ul li:nth-child(2) i{ background: linear-gradient(118deg, #d35a8c, #805ad3); } .shared-ui .modal-promo > a{ position: relative; display: inline-block; background: #3d9981; text-shadow: 0px 0px 13px rgb(0 0 0 / 30%); color: #fff; padding: 15px 50px; border-radius: 20px; font-weight: bold; margin-bottom: 30px; overflow: hidden; } .shared-ui .modal-promo > a:before{ content: ""; position: absolute; top: 0; left: -30%; background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 30%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.3) 70%,rgba(255,255,255,0) 100%); width: 100px; height: 100%; transform: skew(-10deg); animation: plus-button-reflection-slide 5s infinite 1.165s ease; } @keyframes plus-button-reflection-slide{ 0% { left: -10%; opacity: 0 } 5% { opacity: 1 } 25%,to { left: 105% } } .shared-ui .along-sect_title{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; } @media (max-width: 860px){.shared-ui .along-sect_title{ flex-direction: column; align-items: flex-start; grid-gap: 15px; }} .shared-ui .along-sect_title h1{ margin-bottom: 0; } .shared-ui .along-sect_title a{ display: flex; align-items: center; grid-gap: 10px; background: var(--bg2); padding: 10px 20px; border-radius: var(--radius); } .shared-ui .along-sect_title a:hover{ background: var(--color2); color: #fff; } .shared-ui .along-sect_items{ position: relative; padding: 12px 20px 0; overflow: hidden; } @media (max-width: 860px){.shared-ui .along-sect_items{ padding: 0; overflow: visible; }} .shared-ui .along-sect_items > .fa-regular{ position: absolute; display: inline-block; top: 25%; left: 0; width: 40px; height: 40px; line-height: 40px; background: #fff; border-radius: 50%; font-weight: 600; text-align: center; cursor: pointer; z-index: 5; } .shared-ui .along-sect_items > .fa-regular:hover{ background: var(--color2); color: #fff; } @media (max-width: 860px){.shared-ui .along-sect_items > .fa-regular{ display: none; }} .shared-ui .along-sect_items > .fa-regular + .fa-regular{ left: unset; right: 0; } .shared-ui .along-sect_items .swiper-button-disabled,.shared-ui .along-story_items .swiper-button-disabled{ display: none; } .shared-ui .along-story_items{ position: relative; padding: 0 20px; overflow: hidden; } @media (max-width: 860px){.shared-ui .along-story_items{ padding: 0; overflow: visible; }} .shared-ui .along-story_items > .fa-regular{ position: absolute; display: inline-block; top: 40%; left: 0; width: 40px; height: 40px; line-height: 40px; background: #fff; border-radius: 50%; font-weight: 600; text-align: center; cursor: pointer; z-index: 5; } .shared-ui .along-story_items > .fa-regular:hover{ background: var(--color2); color: #fff; } @media (max-width: 860px){.shared-ui .along-story_items > .fa-regular{ display: none; }} .shared-ui .along-story_items > .fa-regular + .fa-regular{ left: unset; right: 0; } .shared-ui .along-story_item{ position: relative; width: 100%; height: 300px; border-radius: var(--radius); overflow: hidden; } .shared-ui .along-story_item > img{ width: 100%; height: 100%; object-fit: cover; filter: brightness(0.5); border-radius: var(--radius); transition: 0.3s; } .shared-ui .along-story_item:hover img{ transform: scale(1.05); } .shared-ui .along-story_content{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; color: #fff; z-index: 3; } .shared-ui .along-story_title{ display: block; font-size: 18px; line-height: 1.2; font-weight: bold; margin-bottom: 20px; } .shared-ui .along-story_content > a{ display: flex; align-items: center; grid-gap: 10px; max-width: max-content; border: 1px solid #fff0e6; color: #fff0e6; padding: 6px 20px; border-radius: var(--radius); font-size: 14px; font-weight: bold; } .shared-ui .along-story_content > a:before{ content: ""; position: fixed; inset: 0; width: 100%; height: 100%; } .shared-ui .along-item > img{ background: #f2f2f2; border-radius: var(--radius); width: 100%; height: auto; aspect-ratio: 10/10; object-fit: contain; margin-bottom: 10px; } .shared-ui .along-item_sale{ position: absolute; top: -5px; left: 10px; transform: rotate(-3deg); transform-origin: top left; display: inline-block; background-color: #fc5230; box-shadow: 4px 4px 14px 0px rgb(160 33 33 / 40%); color: #fff0e6; padding: 5px 8px; border-radius: var(--radius); font-size: 10px; font-weight: bold; } .shared-ui .along-item_title{ font-size: 16px; font-weight: bold; } .shared-ui .along-item:hover .along-item_title{ color: var(--color2); } .shared-ui .along-item_title:before{ content: ""; position: absolute; inset: 0; width: 100%; height: 100%; } .shared-ui .along-item_meta{ display: flex; align-items: center; grid-gap: 20px; font-size: 14px; color: var(--text2); margin: 10px 0; } .shared-ui .along-item_price{ display: flex; align-items: center; grid-gap: 10px; color: #6a6967; font-size: 16px; font-weight: bold; margin-bottom: 10px; } .shared-ui .along-item_price.sale > span:first-child{ display: flex; align-items: center; grid-gap: 5px; color: #f44; } .shared-ui .along-item_price.sale > span:nth-child(2){ color: #9e9b98; font-size: 12px; font-weight: 400; text-decoration: line-through; } .shared-ui .along-item > a:not(.along-item_title){ position: relative; display: inline-block; background-color: #fff0e6; color: #d15700; padding: 8px 10px; border-radius: var(--radius); font-size: 14px; text-align: center; z-index: 2; } .shared-ui .along-item > a:not(.along-item_title):hover{ background: #d15700; color: #fff0e6; } .shared-ui .along-full{ grid-gap: 40px; margin-bottom: 40px; } @media (max-width: 860px){.shared-ui .along-full{ grid-gap: 30px; }} .shared-ui .along-screen{ position: relative; padding: 0 20px; width: 100%; height: 500px; overflow: hidden; } @media (max-width: 860px){.shared-ui .along-screen{ height: 350px; }} .shared-ui .along-screen > .fa-regular{ position: absolute; top: 45%; left: 0; width: 40px; height: 40px; line-height: 40px; background: #fff; border-radius: 50%; font-weight: 600; text-align: center; z-index: 5; } .shared-ui .along-screen > .fa-regular + .fa-regular{ left: unset; right: 0; } .shared-ui .along-screen img{ width: 100%; height: 100%; object-fit: contain; border-radius: var(--radius); overflow: hidden; } .shared-ui .along-full_center{ overflow: hidden; } .shared-ui .along-full_head{ display: flex; align-items: center; grid-gap: 20px; color: var(--text2); font-size: 18px; margin-top: -20px; margin-bottom: 20px; } .shared-ui .along-full_center > ul{ display: flex; align-items: center; grid-gap: 20px; color: var(--text2); font-size: 18px; border-bottom: 1px solid var(--bg2); margin-bottom: 20px; padding-bottom: 20px; } .shared-ui .along-full_center > ul li{ } .shared-ui .along-full_center > ul li span{ display: block; opacity: 0.8; font-weight: bold; margin-top: 6px; } .shared-ui .along-full_text + *{ margin-top: 20px; } .shared-ui .along-full_text > span{ display: block; color: var(--text2); opacity: 0.8; font-size: 18px; font-weight: bold; margin-bottom: 5px; } .shared-ui .along-full_link{ display: flex; align-items: center; grid-gap: 20px; padding-left: 30px; } @media (max-width: 860px){.shared-ui .along-full_link{ flex-wrap: wrap; justify-content: flex-start; }} .shared-ui .along-full_link > span{ font-size: 25px; font-weight: bold; color: #fc5230; } .shared-ui .along-full_link > span:nth-child(2){ color: #9e9b98; font-size: 18px; font-weight: 400; text-decoration: line-through; } .shared-ui .along-full_link > a[data-store]{ display: inline-block; background: var(--color1); color: #fff; padding: 18px 80px; border-radius: var(--radius); text-align: center; margin-left: auto; } @media (max-width: 860px){.shared-ui .along-full_link > a[data-store]{ margin-left: 0; }} .shared-ui .along-full_link > a[data-store]:hover{ background: var(--color2); } .shared-ui .along-full_link > a[onclick]{ background: #ffe2e0; color: #F44336; border-radius: var(--radius); width: 56px; height: 56px; line-height: 56px; text-align: center; } .shared-ui .along-full_rating{ display: flex; align-items: center; grid-gap: 20px; color: var(--text2); margin-top: -20px; margin-bottom: 25px; } .shared-ui .along-comm{ position: relative; background: var(--bg2); padding: 30px 1000px; margin: 0 -1020px 40px; } .shared-ui .along-comm textarea,.shared-ui .along-comm select,.shared-ui .along-comm input{ background: var(--bg); } .shared-ui .container{ position: relative; max-width: 1280px; width: calc(100% - 40px); margin: 0 auto; } .shared-ui .content{ min-height: 100vh; margin-top: 30px; margin-bottom: 30px; } .shared-ui .main-wr{ padding-top: 0; } .shared-ui .game-body{ display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch; box-sizing:border-box;width:100%; } .shared-ui .game-body__column{display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box} .shared-ui .game-body__column--left{width:370px;min-width:370px;margin-right:20px;height:100%;will-change:min-height} .shared-ui .game-body__wrapper{width:100%;max-width:370px;transform:translate3d(0,0,0);will-change:position,transform} .shared-ui .game-body__column--right{width:calc(100% - 390px)} .shared-ui .game-body__section,.shared-ui .game-body__container{width:100%} .shared-ui .game-body__stationary,.shared-ui .game-body__wandering{display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;width:100%} @media (max-width:1024px){.shared-ui .game-body__column--right{width:calc(100% - 340px)} .shared-ui .game-body__column--left{width:320px;min-width:320px;margin-right:20px} .shared-ui .game-body__wrapper{max-width:320px}} @media (max-width:799px){.shared-ui .game-body__stationary,.shared-ui .game-body__wandering{align-items:center;max-width:365px;width:100%} .shared-ui .game-body__column--left{display:none} .shared-ui .game-body__column--right{width:100%}} .shared-ui .game-image{width:100%;height:auto;top:33px} .shared-ui .game-header__title{ font-size: 26px; color: #1b1a1e; font-weight: 700; line-height: 1.2em; letter-spacing: -.011em; width: 100%; } .shared-ui .game-parametrs{box-sizing:border-box;padding:34px 40px 4px;width:100%;background:#fff} .shared-ui .params-cols{margin-bottom:0} .shared-ui .game-parametrs .params-cols__param{width:26%} .shared-ui .game-parametrs .params-cols__content{width:74%} .shared-ui .params-cols__content--border a{border-bottom:1px solid rgba(0,0,0,.2)} @media (max-width:1280px){.shared-ui .game-parametrs .params-cols__param{width:35%} .shared-ui .game-parametrs .params-cols__content{width:65%}} @media (max-width:1100px){.shared-ui .game-parametrs .params-cols__param{width:44%} .shared-ui .game-parametrs .params-cols__content{width:56%}} @media (max-width:400px){.shared-ui .game-parametrs{padding:40px 13px 0}} .shared-ui .game-available{ display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start; width:100%;background:#fff;margin-bottom:20px;box-sizing:border-box } .shared-ui .game-deal{ display:flex;align-items:stretch;box-sizing:border-box;padding:29px 40px;width:100%;background:#fff } @media (max-width:1280px){.shared-ui .game-deal{flex-wrap:wrap;align-content:flex-start} .shared-ui .game-deal__column{width:100%} .shared-ui .game-deal__column:not(:last-child){margin-bottom:30px}} @media (max-width:400px){.shared-ui .game-deal{padding:15px 13px}} .shared-ui .game-deal__column{display:flex} .shared-ui .game-deal__col{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box} .shared-ui .game-deal__col--price{margin-right:34px} .shared-ui .game-deal__col--available{padding-left:20px;margin-right:20px} @media (max-width:1280px){.shared-ui .game-deal__col:not(:last-child){margin-right:40px} .shared-ui .game-deal__col--available{padding-left:0}} @media (max-width:450px){.shared-ui .game-deal__col{width:100%;margin-bottom:20px} .shared-ui .game-deal__col:not(:last-child){margin-right:0}} .shared-ui .available{display:inline-flex;align-items:center;box-sizing:border-box} .shared-ui .available__icon{ display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box; text-align:center;min-width:16px;width:16px;height:16px;border-radius:5px;margin-right:10px } .shared-ui .available__icon--green{background:var(--mc-accent)} .shared-ui .available__icon--red{background:#e14b4b} .shared-ui .available__icon--yellow{background:#fcda5b} .shared-ui .available__icon span{font-size:12px;line-height:16px;color:#fff} .shared-ui .available__text{font-size:13px;color:#1b1a1e} .shared-ui .preorder-bonus{ display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box; width:100%;padding:20px 35px;margin-bottom:15px;background:#fff } @media (max-width:400px){.shared-ui .preorder-bonus{padding:15px 13px}} .shared-ui .list{display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;width:100%} .shared-ui .list li{position:relative;box-sizing:border-box;font-size:13px;padding-left:18px;width:100%} .shared-ui .list li:not(:last-child){margin-bottom:10px} .shared-ui .list li::before{content:'';position:absolute;top:50%;left:2px;width:4px;min-width:4px;height:4px;transform:translateY(-50%);background:#000} .shared-ui .list--yellow li::before{background:var(--mc-accent-strong)} .shared-ui .store-features{ display:flex;flex-wrap:wrap;align-items:flex-start;box-sizing:border-box; padding:30px 40px 15px;width:100%;margin-bottom:20px;background:#fff } .shared-ui .store-features__title{width:100%;margin-bottom:22px} .shared-ui .store-features__list{display:flex;flex-wrap:wrap;align-items:flex-start;box-sizing:border-box;width:100%} .shared-ui .store-features__item{ position:relative;box-sizing:border-box;padding:0 48px;min-width:33%;width:33%; min-height:22px;font-size:13px;line-height:22px;color:rgba(58,58,58,.88);margin-bottom:18px } .shared-ui .store-features__item--price{background:url(../images/svg/bucks.svg) 0 0 / 37px 22px no-repeat} .shared-ui .store-features__item--delivery{background:url(../images/svg/yellow-rectangle.svg) 0 3px / 37px 17px no-repeat} .shared-ui .store-features__item--delivery::before{ content:'@';position:absolute;top:0;left:10px;font:300 23px 'Open Sans','Arial',sans-serif; text-shadow:-1px 1px 0 rgba(0,0,0,.21);line-height:23px;color:#111313 } .shared-ui .store-features__item--comission{background:url(../images/svg/percent.svg) 0 0 / 37px 22px no-repeat} .shared-ui .store-features__item--key{background:url(../images/svg/key.svg) 0 0 / 37px 22px no-repeat} .shared-ui .store-features__item--discount{background:url(../images/svg/discount.svg) 0 0 / 37px 22px no-repeat} .shared-ui .store-features__item--cacheback{background:url(../images/svg/round_back_arrow.svg) 0 0 / 37px 22px no-repeat} @media (max-width:1100px){.shared-ui .store-features__item{min-width:50%;width:50%}} @media (max-width:500px){.shared-ui .store-features__item{min-width:100%;width:100%}} @media (max-width:400px){.shared-ui .store-features{padding:15px 13px}} .shared-ui .game-media{ display:flex;flex-wrap:wrap;align-items:flex-start;box-sizing:border-box; padding-top:20px;width:100%;background:#fff;margin-bottom:20px } .shared-ui .game-media__header{ display:flex;align-items:center;box-sizing:border-box;padding:0 40px;width:100%;margin-bottom:16px } .shared-ui .game-media__title{box-sizing:border-box;margin:0 40px 0 0} .shared-ui .game-media__slider-controls{margin-left:auto} .shared-ui .slider-controls{display:flex;align-items:center;box-sizing:border-box;width:102px;min-width:102px} .shared-ui .slider-control__button{ position:relative;width:51px;min-width:51px;height:39px;box-sizing:border-box;background:#fff; border:1px solid transparent;transition:.25s;cursor:pointer } .shared-ui .slider-control__button span{ position:absolute;top:50%;left:50%;font-size:26px;color:#1b1a1e;transform:translate(-50%,-50%) } .shared-ui .slider-control__button:hover{border:1px solid #ececec} .shared-ui .slider-control__button--prev{border-radius:19px 0 0 19px} .shared-ui .slider-control__button--next{border-radius:0 19px 19px 0} .shared-ui .game-media__slider{width:100%;margin-bottom:28px;overflow:hidden} .shared-ui .swiper{position:relative;overflow:hidden} .shared-ui .swiper-wrapper{display:flex;width:100%;transition-property:transform} .shared-ui .swiper-slide{flex-shrink:0} .shared-ui .game-media__slider-wrapper{display:flex;align-items:flex-start;box-sizing:border-box;width:100%} .shared-ui .game-media__slider-item{min-width:calc(100%/3);height:174%;max-height:180px;margin-right:2px;box-sizing:border-box} .shared-ui .game-media__link{display:inline-block;position:relative;width:100%;height:100%;box-sizing:border-box} .shared-ui .game-media__link img{width:100%} .shared-ui .game-media__scrollbar{ box-sizing:border-box;margin:0 40px;height:5px;width:100%;background:#f6f6f6;margin-bottom:31px;overflow:hidden } .shared-ui .game-media__scrollbar .swiper-scrollbar-drag{height:5px;background:var(--mc-accent-strong);cursor:pointer} @media (max-width:400px){.shared-ui .game-media__header{padding:0 13px} .shared-ui .game-media__scrollbar{margin:0 13px}} .shared-ui .game-describe{box-sizing:border-box;width:100%;background:#fff;margin-bottom:20px} .shared-ui .game-describe__tabs{box-sizing:border-box;width:100%} .shared-ui .game-describe__tab{padding:40px 40px 55px} .shared-ui .game-describe__controls{ position:relative;display:flex;flex-wrap:wrap;align-content:flex-start;box-sizing:border-box; width:100%;padding:9px 40px 0;border-bottom:1px solid #ececec } .shared-ui .btn--gold-border{ box-sizing:border-box;padding:18px 0;border-bottom:1px solid transparent;transition:.25s;margin-bottom:-1px } .shared-ui .btn--gold-border._active,.shared-ui .btn--gold-border:hover{border-color:var(--mc-accent-strong)} .shared-ui .js-magic-line{position:absolute;bottom:-1px;left:0;width:100px;height:1px;background:var(--mc-accent-strong)} .shared-ui .game-describe__button:not(:last-of-type){margin-right:45px} .shared-ui .game-describe__title{margin-bottom:0} @media (max-width:500px){.shared-ui .game-describe__title{font-size:15px} .shared-ui .game-describe__button{padding:10px 0}} @media (max-width:400px){.shared-ui .game-describe__controls{padding:9px 13px 0} .shared-ui .game-describe__tab{padding:20px 13px} .shared-ui .game-describe__button:not(:last-child){margin-right:30px}} .shared-ui .mor-full_link{ display: flex; flex-wrap: wrap; gap: 10px; } @media (max-width: 480px){.shared-ui .mor-full_link{ gap: 12px; justify-content: center; } .shared-ui .e-btn{ flex: 1 1 45%; text-align: center; }} .shared-ui .e-btn i{ margin-right: 8px; font-size: 16px; vertical-align: middle; } .shared-ui .e-btn--cart i{ color: #fff; } .shared-ui .e-btn--buy i{ color: #fff; } @media (max-width: 480px){.shared-ui .e-btn i{ margin-right: 6px; }} .shared-ui .available__icon{ margin-left: 10px; margin-right: 3px; display: inline-flex; align-items: center; } .shared-ui .game-similar{ display:flex;flex-wrap:wrap;align-items:stretch;box-sizing:border-box;margin-bottom:20px;width:100%;background:#fff;overflow:hidden } .shared-ui .game-similar__header{display:flex;align-items:center;box-sizing:border-box;padding:20px 40px 16px;width:100%} .shared-ui .game-similar__title{margin:0 40px 0 0} .shared-ui .game-similar__slider-controls{margin-left:auto} .shared-ui .game-similar__slider{box-sizing:border-box;padding:0 0 34px;margin:0 15px;width:calc(100% - 30px);overflow:hidden} .shared-ui .game-similar__slider-wrapper,.shared-ui .game-similar__slider-wraper{display:flex;align-items:stretch;box-sizing:border-box} .shared-ui .game-similar__slider-item{min-width:0;height:auto} .shared-ui .game-similar__slider-item .prod-preview{height:100%} .shared-ui #game-similar__slider-controls{display:inline-flex} @media (max-width:700px){.shared-ui .game-similar__header{padding:16px 16px 14px} .shared-ui .game-similar__slider{margin:0 12px;width:calc(100% - 24px);padding-bottom:22px}} @media (max-width:400px){.shared-ui .game-similar__header{padding:14px 12px} .shared-ui .game-similar__slider{margin:0 10px;width:calc(100% - 20px);padding-bottom:20px}} .shared-ui .link{word-break:break-all} .shared-ui .h3{font-weight:bold} .shared-ui .megamenu__parent > .megamenu__link{ font-weight: 700; font-size: 15px; color: #000; } .shared-ui .megamenu__child > a,.shared-ui .megamenu__grand-item > a{ font-weight: 500; font-size: 14px; } .shared-ui .megamenu__children{ margin-left: 10px; } .shared-ui .megamenu__grand{ margin-left: 18px; font-size: 13px; color: #555; } .shared-ui .header-nav__submenu.megamenu{ left: 0; right: 0; top: 100%; background:#fff; border-top:1px solid #e9e9e9; box-shadow:0 8px 24px rgba(0,0,0,.06); } .shared-ui .megamenu .megamenu__wrap{ display:flex; gap:0; padding:0; } .shared-ui .megamenu__col--parents{ width: 320px; border-right:1px solid #f0f0f0; background:#fafafa; } .shared-ui .megamenu__parents{ max-height: 420px; overflow:auto; padding:6px 0; } .shared-ui .megamenu__parent{ display:flex; align-items:center; justify-content:space-between; } .shared-ui .megamenu__parent a.megamenu__link{ display:block; padding:10px 16px; color:#14192a; text-decoration:none; } .shared-ui .megamenu__parent:hover a.megamenu__link{ background:#f5f7fb; } .shared-ui .megamenu__parent.is-active > a.megamenu__link{ background:rgba(var(--color1-rgb,148,198,8),.12); color:var(--color1,var(--mc-accent-strong)); font-weight:700; } .shared-ui .megamenu__arrow{ width:8px; height:8px; margin-right:14px; border-right:2px solid #bbb; border-bottom:2px solid #bbb; transform:rotate(-45deg); } .shared-ui .megamenu__col--children{ flex:1; min-width:0; } .shared-ui .megamenu__panel{ display:none; padding:16px 20px; } .shared-ui .megamenu__panel-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; } .shared-ui .megamenu__title{ font-weight:700; font-size:16px; } .shared-ui .megamenu__all{ display:inline-block; background:var(--mc-accent-soft); color:var(--color1,var(--mc-accent-strong)); padding:6px 10px; border-radius:999px; text-decoration:none; font-weight:700; } .shared-ui .megamenu__children{ display:grid; grid-template-columns: repeat(auto-fill, minmax(210px,1fr)); gap:10px 16px; max-height: 420px; overflow:auto; padding-right:8px; } .shared-ui .megamenu__child > a{ font-weight:600; color:#222; text-decoration:none; } .shared-ui .megamenu__child.is-active > a{ color:var(--color1,var(--mc-accent-strong)); } .shared-ui .megamenu__grand{ margin-top:6px; display:flex; flex-wrap:wrap; gap:6px 12px; } .shared-ui .megamenu__grand-item a{ color:#5a5a5a; text-decoration:none; } .shared-ui .megamenu__grand-item.is-active a{ color:var(--color1,var(--mc-accent-strong)); font-weight:600; } .shared-ui .megamenu__empty{ color:#777; } .shared-ui .header-nav__gr-link--green{ background: var(--color1, var(--mc-accent-strong)); color: #fff !important; border-radius: 8px; padding: 6px 14px; margin: 5px 0; display: inline-flex; align-items: center; transition: background .2s ease; } .shared-ui .header-nav__gr-link--green:hover{ background: var(--mc-accent-strong) !important; color: #fff !important; } .shared-ui .header-nav__smenu-item{ width:auto; } @media (max-width: 1020px){.shared-ui .header-nav__submenu.megamenu{ position: static; box-shadow:none; border:0; } .shared-ui .megamenu .megamenu__wrap{ display:block; } .shared-ui .megamenu__col--parents{ width:auto; background:#fff; border:0; } .shared-ui .megamenu__parent{ border-bottom:1px solid #eee; } .shared-ui .megamenu__parent .megamenu__arrow{ transform:rotate(45deg); transition:.2s; } .shared-ui .megamenu__parent.is-open .megamenu__arrow{ transform:rotate(-135deg); } .shared-ui .megamenu__panel{ display:none !important; padding:10px 0 16px; } .shared-ui .megamenu__parent.is-open + .megamenu__panel{ display:block !important; }} .shared-ui .mobcats__li{ position: relative; } .shared-ui .mobcats__plink{ position: relative; z-index: 1; display: block; } .shared-ui .mobcats__toggle{ position: relative; z-index: 2; pointer-events: auto; } .shared-ui .mobcats__panel{ display: none; } .shared-ui .mobcats__panel[hidden]{ display:none !important; } .shared-ui .header-mob__menu{ max-height: 85vh; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; } .shared-ui .mobcats__li{ display: grid !important; grid-template-columns: 1fr auto; align-items: center; column-gap: 10px; row-gap: 8px; padding: 10px 0 !important; border-bottom: 1px dashed rgba(0,0,0,.12) !important; } .shared-ui .mobcats__li:last-child{ border-bottom: 0 !important; } .shared-ui .mobcats__plink{ grid-column: 1 / 2; min-width: 0; text-decoration: none; color: #222 !important; font-size: 16px; line-height: 1.3; } .shared-ui .mobcats__toggle{ grid-column: 2 / 3; width: 28px; height: 28px; padding: 0; margin: 0; border: 0 !important; background: transparent !important; box-shadow: none !important; position: relative; cursor: pointer; } .shared-ui .mobcats__toggle::before{ content: ""; position: absolute; inset: 0; margin: auto; width: 12px; height: 12px; border-right: 2px solid #222; border-bottom: 2px solid #222; transform: rotate(45deg); transition: transform .2s; } .shared-ui .mobcats__li.is-open > .mobcats__toggle::before{ transform: rotate(225deg); } .shared-ui .mobcats__panel{ grid-column: 1 / -1; display: none; padding: 6px 0 0 16px !important; position: static !important; float: none !important; background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; } .shared-ui .mobcats__li.is-open > .mobcats__panel{ display: block !important; } .shared-ui .mobcats__panel .mobcats__ul{ margin: 0; padding: 0; list-style: none; } .shared-ui .mobcats__panel .mobcats__li{ display: block !important; padding: 6px 0 !important; border: 0 !important; } .shared-ui .mobcats__panel .mobcats__plink{ font-size: 15px; color: #333 !important; } .shared-ui .mobcats__all{ display: none !important; } .shared-ui .mc-grid{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:12px; } @media (max-width:1200px){.shared-ui .mc-grid{grid-template-columns:repeat(2, minmax(0,1fr));}} @media (max-width:640px){.shared-ui .mc-grid{grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px;}} @media (max-width:320px){.shared-ui .mc-grid{grid-template-columns:1fr;}} .shared-ui .mc-grid > *{min-width:0;} .shared-ui .mc-card{ background:#fff; border:1px solid #e9ecef; border-radius:6px; box-shadow:none; display:flex; flex-direction:column; transition:box-shadow .25s ease, transform .25s ease, border-color .25s ease; } .shared-ui .mc-card:hover{ border-color:#dcdfe4; box-shadow:0 10px 24px rgba(0,0,0,.08); transform:translateY(-2px); } .shared-ui .mc-media{position:relative;} .shared-ui .mc-card__thumb{ position:relative; display:flex; align-items:center; justify-content:center; aspect-ratio:13/9; overflow:hidden; border-top-left-radius:6px; border-top-right-radius:6px; } .shared-ui .mc-card__thumb img{ width:100%; height:100%; object-fit:contain; object-position:center; display:block; transition:transform .35s ease; } .shared-ui .mc-card:hover .mc-card__thumb img{ transform: none; } .shared-ui .mc-card__thumb{ position: relative; display: block; overflow: hidden; } .shared-ui .mc-card__badges{ position: absolute; left: 5px; bottom: 5px; z-index: 4; display: flex; align-items: center; gap: 5px; flex-wrap: wrap; max-width: calc(100% - 10px); } .shared-ui .mc-card__badges .mc-card__price-badge,.shared-ui .mc-card__badges .mc-card__watermark-badge{ position: static; display: inline-flex; align-items: center; color: #fff; padding: 2px 10px; border-radius: 20px; font-size: 10px; line-height: 1.2; opacity: 0.9; white-space: nowrap; pointer-events: none; } .shared-ui .mc-card__price-badge{ background: #7a94ba; } .shared-ui .mc-card__watermark-badge--yes{ background: #d98000; } .shared-ui .mc-card__watermark-badge--no{ background: var(--mc-accent-strong); } .shared-ui .mc-favbtn{ position:absolute; right:10px; top:10px; z-index:3; opacity:0; visibility:hidden; transform:translateY(-6px); transition:opacity .25s ease, transform .25s ease, visibility .25s ease; } .shared-ui .mc-card:hover .mc-favbtn{ opacity:1; visibility:visible; transform:none; } .shared-ui .mc-favbtn a{ display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:999px; background:rgba(0,0,0,.45); color:#fff; text-decoration:none; border:1px solid rgba(255,255,255,.35); box-shadow:0 4px 12px rgba(0,0,0,.25); transition:transform .15s ease, background .15s ease; } .shared-ui .mc-favbtn a:hover{ transform:scale(1.06); background:rgba(0,0,0,.6); } .shared-ui .mc-favbtn i{ font-size:16px; line-height:1; } @media (max-width:768px){.shared-ui .mc-favbtn{ opacity:1 !important; visibility:visible !important; transform:none !important; } .shared-ui .mc-favbtn a{ width:40px; height:40px; }} .shared-ui .mc-card__body{ flex:1; display:flex; flex-direction:column; padding:14px; gap:10px; } .shared-ui .mc-card__cat{ font-size:11px; color:#7a7a7a; text-transform:uppercase; text-align: center; } .shared-ui .mc-card__title{ display:block; font-size:15px;line-height:1.3;font-weight:600; color:#111;text-decoration:none; text-align: center; } .shared-ui .mc-card__title:hover{opacity:.9;} .shared-ui .mc-card__footer{ margin-top:auto; display:flex; flex-direction:column; gap:12px; } .shared-ui .mc-card__price{ font-weight:500; font-size:15px; color:#7a7a7a; text-align: center; } .shared-ui .mc-card__actions{ opacity:0;visibility:hidden;transform:translateY(8px); transition:all .25s ease; } .shared-ui .mc-card:hover .mc-card__actions{ opacity:1;visibility:visible;transform:none; } .shared-ui .mc-card__actions .mc-btn{ width:100%; display:inline-flex;justify-content:center;align-items:center; padding:10px; border-radius:6px; background:var(--color1);color:#fff;font-weight:700;font-size:15px; text-decoration:none; box-shadow: 0 6px 14px rgba(0,0,0,.15); transition:filter .2s ease, transform .2s ease; } .shared-ui .mc-card__actions .mc-btn:hover{filter:brightness(1.05);transform:translateY(-1px);} @media (max-width:768px){.shared-ui .mc-card__actions{ opacity:1!important;visibility:visible!important;transform:none!important; }} .shared-ui .site-footer{ background:#232323; color:#ccc; font-size:15px; line-height:1.6; } .shared-ui .footer-inner{ max-width:1200px; margin:0 auto; padding:50px 20px 30px; display:flex; align-items:flex-start; gap:40px; } .shared-ui .footer-logo-wrap{flex:0 0 auto; display:flex; align-items:flex-start;} .shared-ui .footer-logo{max-width:160px; height:auto; display:block;} .shared-ui .footer-grid{flex:1; display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:20px;} .shared-ui .footer-col{min-width:0;} .shared-ui .footer-title{font-size:18px; font-weight:700; color:#fff; margin:0 0 15px;} .shared-ui .footer-about p{color:#bfbfbf; margin:0 0 10px;} .shared-ui .footer-menu{list-style:none; padding:0; margin:0; display:grid; gap:8px;} .shared-ui .footer-menu a{color:#ccc; text-decoration:none;} .shared-ui .footer-menu a:hover{color:#fff; text-decoration:none !important;} .shared-ui .tag{display:inline-block; padding:3px 8px; border-radius:6px; font-size:12px; background:rgba(0,170,110,.15); color:#70d9b5; border:1px solid rgba(0,170,110,.3);} .shared-ui .footer-promo .promo-list{list-style:none; margin:0; padding:0; display:grid; gap:8px; color:#f0f0f0;} .shared-ui .footer-buttons{margin-top:15px; display:flex; flex-wrap:wrap; gap:8px;} .shared-ui .footer-buttons a{display:inline-flex; align-items:center; justify-content:center; border-radius:6px; transition:filter .2s;} .shared-ui .footer-buttons a:hover{filter:brightness(1.15);} .shared-ui .footer-buttons img{width:100px; height:28px; display:block;} .shared-ui .footer-telegram a{display:inline-flex; align-items:center; gap:6px; color:#24A1DE; font-weight:600; text-decoration:none; transition:color .2s;} .shared-ui .footer-telegram a:hover{color:#5cc6f5; text-decoration:none!important;} .shared-ui .footer-telegram i{font-size:22px; line-height:1;} .shared-ui .footer-bottom{background:#0d0d0d; border-top:1px solid rgba(255,255,255,.1); padding:18px 20px;} .shared-ui .footer-bottom__inner{max-width:1200px; margin:0 auto; color:#bdbdbd; text-align:center;} .shared-ui .footer-bottom__inner strong{color:#fff} @media (max-width:1000px){.shared-ui .footer-grid{grid-template-columns:1fr 1fr;}} @media (max-width:900px){.shared-ui .footer-inner{flex-direction:column; align-items:center; text-align:center;} .shared-ui .footer-logo{margin-bottom:25px;}} @media (max-width:700px){.shared-ui .footer-buttons{justify-content:center;} .shared-ui .footer-grid,.shared-ui .footer-col,.shared-ui .footer-menu,.shared-ui .footer-col p,.shared-ui .footer-col a,.shared-ui .footer-title{ text-align:left!important; } .shared-ui .footer-menu{ justify-content:flex-start!important; align-items:flex-start!important; }} @media (max-width:768px){.shared-ui .footer-logo-wrap{display:none!important;}} .shared-ui .footer-menu i{ width: 20px; color: var(--color1); margin-right: 6px; } .shared-ui .footer-menu a:hover i{ color: #fff; } .shared-ui .footer-menu .tag i{ color: #70d9b5; margin-right: 5px; } @media (min-width: 1366px){.shared-ui .site-footer .footer-inner{ max-width: 1400px; } .shared-ui .site-footer .footer-grid{ gap: 28px; }} @media (min-width: 1600px){.shared-ui .site-footer .footer-inner{ max-width: 1560px; }} @media (max-width: 1359px){.shared-ui .site-footer .footer-inner{ max-width: 100% !important; padding-left: 20px; padding-right: 20px; } .shared-ui .site-footer .footer-grid{ gap: 20px !important; }} @media (max-width: 900px){.shared-ui .site-footer .footer-grid{ grid-template-columns: 1fr !important; }} .shared-ui .mc-main-intro{ width: 100%; max-width: 1280px; padding: clamp(14px, 3vw, 32px) clamp(16px, 4vw, 60px); margin-top: 25px; background: #fff; color: #222; border-radius: clamp(10px, 1.8vw, 12px); box-shadow: 0 3px 12px rgba(0,0,0,.05); font-size: clamp(14px, 1.2vw, 16px); text-wrap: pretty; hyphens: auto; overflow-wrap: anywhere; } .shared-ui .mc-main-intro__title{ font-weight: 700; color: #111; text-align: center; text-wrap: balance; font-size: clamp(18px, 3.2vw, 22px); margin-bottom: clamp(10px, 1.6vw, 20px); } .shared-ui .mc-main-intro p{ margin-bottom: clamp(8px, 1.4vw, 14px); } .shared-ui .mc-main-intro p:last-child{ margin-bottom: 0; } .shared-ui .mc-main-intro strong{ color: #000; } .shared-ui .mc-main-intro__footer{ text-align: center; margin-top: clamp(12px, 1.8vw, 25px); font-weight: 600; color: #2a7cda; font-size: clamp(14px, 1.1vw, 16px); } .shared-ui .mc-main-intro h2 + br{ display:none; } .shared-ui .subcat-wrapper{ text-align: center; margin: 30px 0 40px; } .shared-ui .subcat-title{ font-size: 20px; font-weight: 700; color: #1f2630; margin-bottom: 16px; letter-spacing: .3px; } .shared-ui .subcat-grid{ display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; align-items: center; } .shared-ui .subcat-wrapper .subcat-chip{ display:inline-flex; align-items:center; justify-content:center; padding:10px 18px; border-radius:999px; text-decoration:none; background:#fff; color:#1f2630 !important; border:1px solid rgba(0,0,0,.08); box-shadow:0 2px 6px rgba(0,0,0,.06); font-weight:600; font-size:14px; line-height:1; transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease; } .shared-ui .subcat-wrapper .subcat-chip:hover,.shared-ui .subcat-wrapper .subcat-chip:focus-visible{ transform: translateY(-2px); box-shadow:0 8px 18px rgba(0,0,0,.12); border-color: rgba(0,0,0,.14); } .shared-ui .subcat-wrapper .subcat-chip:active{ transform: translateY(0); box-shadow:0 3px 10px rgba(0,0,0,.10); } @media (max-width:480px){.shared-ui .subcat-wrapper .subcat-chip{ font-size:13px; padding:8px 14px; }} .shared-ui .subcat-wrapper{ opacity:1; } .shared-ui .subcat-wrapper{ text-align:center; margin: 28px 0 34px; } .shared-ui .subcat-title{ font-size:20px; font-weight:700; color:#1f2630; margin-bottom:14px; letter-spacing:.3px; } .shared-ui .subcat-grid{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; align-items:center; } .shared-ui .subcat-chip{ display:inline-flex; align-items:center; justify-content:center; padding:10px 18px; border-radius:999px; text-decoration:none; background:#fff; color:#1f2630 !important; border:1px solid rgba(0,0,0,.08); box-shadow:0 2px 6px rgba(0,0,0,.06); font-weight:600; font-size:14px; line-height:1; transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease, color .15s ease; } .shared-ui .subcat-chip:hover{ background:#f3f5f9; border-color:rgba(0,0,0,.14); box-shadow:0 6px 14px rgba(0,0,0,.12); transform:translateY(-2px); } .shared-ui .subcat-chip:active{ transform:translateY(0); box-shadow:0 3px 10px rgba(0,0,0,.10); } .shared-ui .subcat-chip.is-active:hover{ background: var(--color1); transform: translateY(-1px); } @media (max-width:480px){.shared-ui .subcat-chip{ font-size:13px; padding:8px 14px; }} .shared-ui .subcat-chip.is-active{ background: var(--color1); color:#fff !important; border-color: transparent; box-shadow: 0 6px 16px rgba(0,0,0,.14); } .shared-ui .tg-btn{ display:inline-flex; align-items:center; gap:10px; padding:12px 18px; border-radius:12px; background:#2AABEE; color:#fff; font-weight:600; text-decoration:none; line-height:1; box-shadow:0 8px 18px rgba(42,171,238,.25); transition:transform .15s ease, box-shadow .15s ease, background .15s ease; margin-bottom:25px; } .shared-ui .tg-btn svg{ fill: currentColor; } .shared-ui .tg-btn:hover{ background:#1E9FE2; transform:translateY(-1px); box-shadow:0 10px 22px rgba(42,171,238,.32); } .shared-ui .tg-btn:active{ transform:translateY(0); box-shadow:0 6px 14px rgba(42,171,238,.22); } .shared-ui .tg-btn:focus-visible{ outline:3px solid rgba(42,171,238,.35); outline-offset:3px; } .shared-ui .contacts-page{ max-width: 980px; margin: 0 auto; padding: 10px 0 30px; } .shared-ui .contacts-card{ background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:18px; padding:22px; margin:18px 0; box-shadow:0 10px 30px rgba(0,0,0,.06); } .shared-ui .contacts-title{ margin:0 0 8px; font-size:34px; line-height:1.1; } .shared-ui .contacts-title-sm{ margin:0 0 10px; font-size:20px; line-height:1.2; } .shared-ui .contacts-subtitle{ margin:0 0 18px; font-size:16px; opacity:.85; } .shared-ui .contacts-grid{ display:grid; grid-template-columns: 1fr; gap:16px; } @media (min-width: 760px){.shared-ui .contacts-grid{ grid-template-columns: 1fr 1fr; }} .shared-ui .contact-item{ border:1px solid rgba(0,0,0,.06); border-radius:14px; padding:14px; background:rgba(0,0,0,.02); } .shared-ui .contact-label{ font-weight:700; margin-bottom:8px; } .shared-ui .contact-row{ display:flex; flex-direction:column; gap:6px; margin-bottom:10px; } .shared-ui .contact-link{ color:inherit; text-decoration:underline; text-underline-offset:3px; } .shared-ui .contact-hint{ font-size:13px; opacity:.75; } .shared-ui .btn-social{ display:inline-flex; align-items:center; gap:10px; padding:12px 14px; border-radius:14px; text-decoration:none; font-weight:700; border:1px solid rgba(0,0,0,.08); background:#fff; transition: transform .12s ease, box-shadow .12s ease; } .shared-ui .btn-social img{ width:18px; height:18px; display:block; } .shared-ui .btn-social:hover{ transform: translateY(-1px); box-shadow:0 10px 22px rgba(0,0,0,.08); } .shared-ui .btn-telegram{ background: rgba(42,171,238,.12); border-color: rgba(42,171,238,.25); } .shared-ui .btn-vk{ background: rgba(0,119,255,.10); border-color: rgba(0,119,255,.22); } .shared-ui .talkme-box{ height:400px; width:100%; border-radius:14px; overflow:hidden; border:1px solid rgba(0,0,0,.08); background:#fff; } .shared-ui .contacts-text{ margin:14px 0 0; font-size:15px; opacity:.92; } .shared-ui .contacts-list{ margin:0; padding-left:18px; display:flex; flex-direction:column; gap:10px; } .shared-ui .btn-telegram{ display:inline-flex; align-items:center; gap:10px; padding:12px 18px; border-radius:12px; font-weight:600; text-decoration:none; background:#2AABEE; color:#fff; border:none; box-shadow:0 8px 20px rgba(42,171,238,.35); transition:all .2s ease; } .shared-ui .btn-telegram img{ width:18px; height:18px; filter: brightness(0) invert(1); } .shared-ui .btn-telegram:hover{ background:#1E9FE2; transform:translateY(-2px); box-shadow:0 12px 28px rgba(42,171,238,.45); } .shared-ui .btn-vk{ display:inline-flex; align-items:center; gap:10px; padding:12px 18px; border-radius:12px; font-weight:600; text-decoration:none; background:#0077FF; color:#fff; border:none; box-shadow:0 8px 20px rgba(0,119,255,.35); transition:all .2s ease; } .shared-ui .btn-vk img{ width:18px; height:18px; filter: brightness(0) invert(1); } .shared-ui .btn-vk:hover{ background:#0063D1; transform:translateY(-2px); } .shared-ui .btn-telegram,.shared-ui .btn-vk{ margin-top:10px; } .shared-ui .btn-social img{ width:18px !important; height:18px !important; display:block !important; background:transparent !important; padding:0 !important; border-radius:0 !important; box-shadow:none !important; } .shared-ui .btn-vk img{ filter:none !important; } .shared-ui *{ background: 0 0; margin: 0; padding: 0; outline: 0; border: 0; box-sizing: border-box; } .shared-ui{ font-size: 100%; scroll-behavior: smooth; } .shared-ui button,.shared-ui input,.shared-ui select,.shared-ui textarea{ font-size: inherit; font-family: inherit; } .shared-ui input:not([type="radio"], [type="checkbox"]){ display: inline-block; background: var(--white); color: inherit; padding: 15px 20px; border-radius: 10px; width: 100%; } .shared-ui input[type=button],.shared-ui input[type=checkbox],.shared-ui input[type=file],.shared-ui input[type=image],.shared-ui input[type=radio],.shared-ui input[type=reset],.shared-ui input[type=submit]{ width: auto; } .shared-ui input[type="checkbox"],.shared-ui .checkbox input{ position: relative; appearance: none; -webkit-appearance: none; vertical-align: middle; display: inline-block; background: var(--light); border: 1px solid var(--dark); border-radius: 12px; width: 50px; height: 25px; line-height: 25px; margin: 10px 0; margin-right: 15px; transition: 0.3s; cursor: pointer; } .shared-ui input[type="checkbox"]:before,.shared-ui .checkbox input:before{ content: ""; position: absolute; display: inline-block; left: 0; top: 0; width: 24px; height: 24px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.4); border-radius: 50%; transition: 0.3s; } .shared-ui input[type="checkbox"]:checked:before,.shared-ui .checkbox input:checked:before{ left: 24px; } .shared-ui input[type="checkbox"]:checked,.shared-ui .checkbox input:checked{ background: rgb(76, 175, 80); box-shadow: rgb(76, 175, 80) 0px 0px 0px 12px inset; border-color: rgb(76, 175, 80); transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s; } .shared-ui input[type="radio"]{ position: relative; appearance: none; -webkit-appearance: none; vertical-align: middle; display: inline-block; border: 2px solid #5a5a5a; border-radius: 8px; width: 24px; height: 24px; line-height: 24px; margin: 10px 0; margin-right: 15px; cursor: pointer; } .shared-ui input[type="radio"]:checked:before{ content: ""; position: absolute; display: inline-block; left: 4px; top: 4px; width: 9px; height: 5px; border-radius: 1px; border-left: 3px solid #fff; border-bottom: 3px solid #fff; transform: rotate(-45deg); } .shared-ui input[type="radio"]:checked{ background-color: var(--color1); border: 2px solid var(--color1); } .shared-ui textarea{ background: var(--white); color: var(--text); padding: 15px 20px; border-radius: var(--radius); width: 100%; } .shared-ui select{ display: inline-block; background: var(--bg2); color: var(--text); padding: 15px 20px; border-radius: 10px; width: 100%; height: 55px; } .shared-ui .e-btn,.shared-ui .bbcodes,.shared-ui button[type="submit"],.shared-ui input[type="submit"],.shared-ui input[type="button"]{ display: inline-block; background: var(--color1); color: #fff; padding: 15px 15px; border-radius: 15px; font-size: 17px; font-weight: 700; text-align: center; cursor: pointer; } .shared-ui .e-btn:hover,.shared-ui .bbcodes:hover,.shared-ui button[type="submit"]:hover,.shared-ui input[type="submit"]:hover{ background: var(--color2); } .shared-ui .e-grid2,.shared-ui .e-grid3,.shared-ui .e-grid4,.shared-ui .e-grid5,.shared-ui .e-grid6,.shared-ui .e-grid7{ display: grid; grid-gap: 20px 20px; grid-auto-rows: max-content; } .shared-ui .e-grid7{ grid-template-columns: repeat(7, 1fr); } .shared-ui .e-grid6{ grid-template-columns: repeat(6, 1fr); } .shared-ui .e-grid5{ grid-template-columns: repeat(5, 1fr); } .shared-ui .e-grid4{ grid-template-columns: repeat(4, 1fr); } .shared-ui .e-grid3{ grid-template-columns: repeat(3, 1fr); } @media (max-width: 860px){.shared-ui .e-grid7,.shared-ui .e-grid6,.shared-ui .e-grid5,.shared-ui .e-grid4{ grid-template-columns: repeat(2, 1fr); }} .shared-ui .e-grid2{ grid-template-columns: repeat(2, 1fr); } @media (max-width: 860px){.shared-ui .e-grid3,.shared-ui .e-grid2{ grid-template-columns: 1fr; }} .shared-ui .e-flex{ display: flex; flex-wrap: wrap; flex-direction: row; } .shared-ui .e-flex50{ flex: 1 1 0%; max-width: 100%; min-width: 50px; } .shared-ui .e-center{ position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%,-50%); } .shared-ui .e-nowrap{ -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .shared-ui .e-cover img,.shared-ui .e-cover video,.shared-ui .e-cover iframe{ width: 100%; height: 100%; object-fit: cover; } @media (max-width: 860px){.shared-ui .e-swipe{ display:flex; justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; } .shared-ui .e-swipe > *{ min-width: max-content; }} .shared-ui .e-clamp2,.shared-ui .e-clamp3,.shared-ui .e-clamp4,.shared-ui .e-clamp5{ text-overflow: ellipsis; overflow: hidden; } .shared-ui .e-clamp2{ -webkit-line-clamp: 2; } .shared-ui .e-clamp3{ -webkit-line-clamp: 3; } .shared-ui .e-clamp4{ -webkit-line-clamp: 4; } .shared-ui .e-clamp5{ -webkit-line-clamp: 5; } .shared-ui .e-scroll::-webkit-scrollbar{ position: relative; width: 4px; border-radius: 10px; } .shared-ui .e-scroll::-webkit-scrollbar-thumb{ background-color: var(--color1); } .shared-ui .e-scroll::-webkit-scrollbar-track{ background-color: var(--dark); } .shared-ui .e-none,.shared-ui .hidden,.shared-ui .e-mobile,.shared-ui .e-desktop{ display: none; } @media (max-width: 860px){.shared-ui .e-mobile{ display: block; }} @media (min-width: 860px){.shared-ui .e-desktop{ display: block; }} .shared-ui .e-float{ position: relative; margin-bottom: 20px; } .shared-ui .e-float label{ position: absolute; color: var(--text2); font-size: 10px; top: 8px; left: 20px; transition: 0.3s; } .shared-ui .e-float input::-webkit-input-placeholder,.shared-ui .e-float textarea::-webkit-input-placeholder{ opacity: 0; } .shared-ui .e-float input:placeholder-shown:not(:focus)::-webkit-input-placeholder,.shared-ui .e-float textarea:placeholder-shown:not(:focus)::-webkit-input-placeholder{ opacity: 1; } .shared-ui .e-float input:placeholder-shown:not(:focus) + label,.shared-ui .e-float textarea:placeholder-shown:not(:focus) + label{ opacity: 0; top: 12px; } .shared-ui .e-float input:placeholder-shown{ padding: 20px; } .shared-ui .e-float input,.shared-ui .e-float textarea,.shared-ui .e-float input:focus,.shared-ui .e-float textarea:focus{ border: 1px solid transparent; padding: 25px 20px 15px 20px; height: 55px; transition: 0.3s; } .shared-ui .e-float input:focus,.shared-ui .e-float ~ textarea:focus{ border: 1px solid var(--color1); } .shared-ui .e-field{ position: relative; align-items: center; grid-gap: 15px; text-align: left; margin-bottom: 20px; } .shared-ui .e-field label{ display: inline-block; color: #737373; font-size: 14px; margin-bottom: 12px; } .shared-ui .e-field input{ border: 1px solid transparent; } .shared-ui .e-field input:focus,.shared-ui .e-field ~ textarea:focus{ border: 1px solid var(--color1); } .shared-ui .e-overlay{ position: fixed; background: rgb(0 0 0 / 60%); width: 100%; height: 100%; top: 0; left: 0; z-index: 7; } .shared-ui .e-overlay.active{ display: block; } .shared-ui .header-user_balance{ display: flex; align-items: center; justify-content: space-between; font-size: 18px; font-weight: bold; border-top: 1px dotted var(--dark); border-bottom: 1px dotted var(--dark); margin-bottom: 10px; } .shared-ui .header-user_balance > li{ padding: 10px 10px; } .shared-ui .header-user_balance > li + li{ border-left: 1px solid var(--dark); padding-left: 10px; } .shared-ui .header-user_balance > li span{ display: block; color: #454252; font-weight: 500; font-size: 10px; margin-top: 3px; } .shared-ui #loading-layer{ background: #000; padding: 20px; text-align: center; color: #fff; border-radius: var(--radius); } .shared-ui #dropmenudiv{ display: inline-block; min-width: 220px!important; background: var(--bg2); box-shadow: 0 2px 15px rgb(61 61 61 / 8%); padding: 15px; border-radius: 20px; opacity: 1!important; font-size: 13px; } .shared-ui #dropmenudiv a{ display: block; padding: 8px; border-radius: var(--radius); } .shared-ui #dropmenudiv a:hover{ background: var(--light); } .shared-ui .DLEPush{ position: fixed; right: 20px; top: 20px; z-index: 999; } @keyframes DLEPush-show{ 0% { transform: translateY(20px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .shared-ui .DLEPush-notification.wrapper{ position: relative; background-color: #fff; box-shadow: 0 10px 15px rgb(0 0 0 / 20%); border-radius: 10px; padding: 10px 30px 10px 60px; animation-name: DLEPush-show; animation-duration: 1s; color: #333; width: 100%; max-width: 400px; margin: 0; margin-bottom: 10px; font-size: 14px; font-weight: 500; line-height: 1.4; overflow: hidden; } .shared-ui .DLEPush-notification .DLEPush-icon{ position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; color: #fff; width: 45px; height: 100%; border-top-left-radius: 10px; border-bottom-left-radius: 10px; text-align: center; } .shared-ui .DLEPush-notification .DLEPush-header{ font-size: 18px; font-weight: bold; margin-bottom: 3px; } .shared-ui .DLEPush-notification .DLEPush-close{ position: absolute; top: 8px; right: 10px; font-size: 18px; cursor: pointer; opacity: 0.5; } .shared-ui .DLEPush-notification .DLEPush-close:hover{ opacity: 1; } .shared-ui .DLEPush-notification.wrapper.push-success{ background-color: #e0f2f1; } .shared-ui .DLEPush-notification.wrapper.push-success .DLEPush-icon{ background-color: #00897b; } .shared-ui .DLEPush-notification.wrapper.push-warning{ background-color: #FFF3E0; } .shared-ui .DLEPush-notification.wrapper.push-warning .DLEPush-icon{ background-color: #FF9800; } .shared-ui .DLEPush-notification.wrapper.push-error{ background-color: #FBE9E7; } .shared-ui .DLEPush-notification.wrapper.push-error .DLEPush-icon{ background-color: #FF5722; } .shared-ui .dlepopupnewsedit input,.shared-ui .dlepopupnewsedit textarea{ background: var(--bg2); } .shared-ui .dlepopupnewsedit .xfieldsrow > b{ display: inline-block; margin-top: 20px; } .shared-ui .dlepopupnewsedit .xfieldsrow{ display: grid; grid-gap: 20px 20px; grid-auto-rows: max-content; grid-template-columns: 30% 1fr; align-items: center; } @media (max-width: 860px){.shared-ui .dlepopupnewsedit .xfieldsrow{ grid-template-columns: 1fr; }} .shared-ui .dlepopupnewsedit .xfieldsrow + .xfieldsrow{ margin-top: 20px; } .shared-ui .dlepopupnewsedit .xfieldscolleft,.shared-ui .dlepopupnewsedit .xfieldsrow label{ color: #808191 } .shared-ui .qq-uploader{ position: relative; width: 100%; } .shared-ui .qq-upload-button{ display: inline-block; background: var(--color1); color: inherit; padding: 14px 20px; border-radius: 10px; margin: 10px 0; font-size: 14px; font-weight: bold; cursor: pointer; } .shared-ui #uploadedfile_poster{ display: flex; align-items: center; } .shared-ui .uploadedfile{ background: #fff; color: #000; border-radius: var(--radius); text-align: center; overflow: hidden; font-size: 14px; } .shared-ui .file-preview-card .file-content,.shared-ui .folder-preview-card .file-content{ border-radius: var(--radius); height: auto!important; overflow: hidden; } .shared-ui .file-preview-card .file-footer{ border-top: none; } .shared-ui .file-box{ background: var(--bg2); padding: 10px; border-radius: var(--radius); font-size: 12px; margin: 10px 0; overflow: hidden; } .shared-ui .progress{ background: #eaeaf5; border-radius: var(--radius); height: 10px; margin-top: 5px; overflow: hidden; } .shared-ui .progress .progress-bar{ background: #23d2e2; height: 100%; } .shared-ui .progress-bar span{ position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .shared-ui .attention{ position: relative; padding: 20px 30px; background: var(--color1); color: var(--text); border-radius: 10px; margin-bottom: 40px; font-size: 14px; line-height: 18px; grid-column: 1/-1; } .shared-ui .attention form input{ background: var(--light); font-weight: bold; margin: 10px 0; } .shared-ui .attention form input[type="submit"]{ background: var(--bg); } .shared-ui .attention form input[type="submit"]:hover{ background: var(--bg2); } .shared-ui .navigation{ grid-column: 1/-1; text-align: center; margin: 0 auto; margin-top: 30px; } .shared-ui .navigation a,.shared-ui .navigation span,.shared-ui .navigation-ajax a{ display: inline-block; background-color: var(--bg2); border-radius: 6px; min-width: 50px; height: 50px; line-height: 50px; text-align: center; margin-right: 10px; margin-bottom: 20px; font-weight: bold; cursor: pointer; } .shared-ui .navigation span{ background: var(--color1); } .shared-ui .navigation a:hover,.shared-ui .navigation-ajax a:hover{ background-color: var(--color2); color: #fff; } .shared-ui .navigation .navigation-ajax a,.shared-ui .navigation .navigation-ajax span{ width: 200px; } .shared-ui .emoji{ vertical-align: middle; width: 20px; height: 22px; } .shared-ui .emoji_box{ width: 100%; max-width: 250px; } .shared-ui .emoji_list{ display: flex; align-items: center; width: 100%; font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols'; font-size: 20px; padding: 10px 0; margin-bottom: 10px; overflow: auto; } .shared-ui .emoji_list::-webkit-scrollbar{ height: 5px; } .shared-ui .emoji_list::-webkit-scrollbar-thumb{ background-color: #e9e9e9; } .shared-ui .emoji_symbol{ cursor: pointer; } .shared-ui .native-emoji{ font-size: 10px; font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols'; } .shared-ui [class^="bb-btn"],.shared-ui [class*=" bb-btn"]{ font-family: 'bb-editor-font'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .shared-ui .bb-pane{ background: var(--color1); color: var(--text); border-radius: 20px 20px 0 0; padding: 10px; } .shared-ui .bb-pane:after{ content: ""; display: block; clear: both; } .shared-ui .bb-pane > b{ vertical-align: middle; } .shared-ui .bb-btn{ display: inline-block; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 5px; cursor: pointer; } .shared-ui .bb-btn:hover{ background: var(--color1); } .shared-ui .bb-sel{ float: left; padding: 2px 2px 0 2px; } .shared-ui .bb-sel select{ font-size: 11px; } .shared-ui .bb-sep{ display: none; } .shared-ui #b_font select,.shared-ui #b_size select{ padding: 0; } .shared-ui #b_b:before{ content: "\f032"; } .shared-ui #b_i:before{ content: "\f033"; } .shared-ui #b_u:before{ content: "\f0cd"; } .shared-ui #b_s:before{ content: "\f0cc"; } .shared-ui #b_img:before{ content: "\f03e"; } .shared-ui #b_up:before{ content: "\e930"; } .shared-ui #b_emo:before{ content: "\f118"; } .shared-ui #b_url:before{ content: "\f0c1"; } .shared-ui #b_leech:before{ content: "\e98d"; } .shared-ui #b_mail:before{ content: "\f003"; } .shared-ui #b_video:before{ content: "\e913"; } .shared-ui #b_audio:before{ content: "\e911"; } .shared-ui #b_hide:before{ content: "\e9d1"; } .shared-ui #b_quote:before{ content: "\e977"; } .shared-ui #b_code:before{ content: "\f121"; } .shared-ui #b_left:before{ content: "\f036"; } .shared-ui #b_center:before{ content: "\f037"; } .shared-ui #b_right:before{ content: "\f038"; } .shared-ui #b_color:before{ content: "\e601"; } .shared-ui #b_spoiler:before{ content: "\e600"; } .shared-ui #b_fla:before{ content: "\ea8d"; } .shared-ui #b_yt:before{ content: "\f166"; } .shared-ui #b_tf:before{ content: "\ea61"; } .shared-ui #b_list:before{ content: "\f0ca"; } .shared-ui #b_ol:before{ content: "\f0cb"; } .shared-ui #b_tnl:before{ content: "\ea61"; } .shared-ui #b_br:before{ content: "\ea68"; } .shared-ui #b_pl:before{ content: "\ea72"; } .shared-ui #b_size:before{ content: "\f034"; } .shared-ui #b_font:before{ content: "\f031"; } .shared-ui #b_header:before{ content: "\f1dc"; } .shared-ui #b_sub:before{ content: "\f12c"; } .shared-ui #b_sup:before{ content: "\f12b"; } .shared-ui #b_justify:before{ content: "\f039"; } .shared-ui .bb-pane h1,.shared-ui .bb-pane h2,.shared-ui .bb-pane h3,.shared-ui .bb-pane h4,.shared-ui .bb-pane h5,.shared-ui .bb-pane h6{ margin-top: 5px; margin-bottom: 5px; } .shared-ui .bb-pane h1{ font-size: 36px; } .shared-ui .bb-pane h2{ font-size: 30px; } .shared-ui .bb-pane h3{ font-size: 24px; } .shared-ui .bb-pane h4{ font-size: 18px; } .shared-ui .bb-pane h5{ font-size: 14px; } .shared-ui .bb-pane h6{ font-size: 12px; } .shared-ui .bb-pane-dropdown{ position: absolute; top: 100%; left: 0; background: #fff; color: #000; display: none; max-height: 300px; padding: 10px; margin-top: 10px; font-size: 10px; border-radius: 10px; z-index: 999; overflow: auto; } .shared-ui .bb-pane-dropdown > li > a{ display: block; padding: 3px 10px; clear: both; font-weight: normal; line-height: 1.42857; color: #353535; white-space: nowrap; } .shared-ui .bb-pane-dropdown > li > a:hover{ text-decoration: none; color: #262626; background-color: whitesmoke; } .shared-ui .bb-pane-dropdown .color-palette div .color-btn{ width: 17px; height: 17px; padding: 0; margin: 0; border: 1px solid #fff; cursor: pointer; } .shared-ui .bb-pane-dropdown .color-palette{ padding: 0px 5px; } .shared-ui .bb-pane + textarea{ border-radius: 0 0 20px 20px; } .shared-ui .bb-editor textarea{ background: var(--bg2); width: 100%; height: auto; padding: 30px; margin-top: 0!important; } .shared-ui .dle-form{ max-width: 600px; } .shared-ui #dle-captcha img{ border-radius: var(--radius); } .shared-ui .dle-form_protec input{ display: block; width: 230px; } .shared-ui .wseditor{ border: 1px solid var(--bg2); grid-column: 1/-1; border-radius: var(--radius); overflow: hidden; } .shared-ui .unit-rating,.shared-ui .unit-rating li a:hover,.shared-ui .unit-rating li.current-rating{ background-image: url(../dleimages/rating.svg); background-size: 20px auto; } .shared-ui .unit-rating li.current-rating{ position: absolute; background-position: 0 0; display: block; text-indent: -9000px; z-index: 1; } .shared-ui .unit-rating{ position: relative; width: 100px; height: 20px; background-position: 0 -20px; } .shared-ui .unit-rating li a{ position: absolute; display: block; width: 20px; height: 20px; text-indent: -9000px; z-index: 17; } .shared-ui .unit-rating li a:hover{ background-position: 0 -60px; z-index: 2; left: 0; } .shared-ui .unit-rating a.r1-unit{ left: 0; } .shared-ui .unit-rating a.r1-unit:hover{ width: 20px; } .shared-ui .unit-rating a.r2-unit{ left: 20px; } .shared-ui .unit-rating a.r2-unit:hover{ width: 40px; } .shared-ui .unit-rating a.r3-unit{ left: 40px; } .shared-ui .unit-rating a.r3-unit:hover{ width: 60px; } .shared-ui .unit-rating a.r4-unit{ left: 60px; } .shared-ui .unit-rating a.r4-unit:hover{ width: 80px; } .shared-ui .unit-rating a.r5-unit{ left: 80px; } .shared-ui .unit-rating a.r5-unit:hover{ width: 100px; } .shared-ui .dle-comm form textarea + .dle-form_flex{ margin-top: 20px; } .shared-ui .dle-comm_submit{ display: flex; justify-content: space-between; margin-top: 20px; } @media (max-width: 860px){.shared-ui .dle-comm_submit{ display: block; }} .shared-ui .dle-comm_submit button i{ margin-right: 5px; } .shared-ui .dle-comm_item{ background: var(--bg); padding: 20px 30px; border-radius: var(--radius); } .shared-ui .dle-comm_meta{ align-items: center; justify-content: space-between; grid-gap: 15px; font-size: 14px; color: var(--text2); margin-bottom: 20px; } .shared-ui .dle-comm_user{ display: flex; align-items: center; color: var(--text); margin-right: auto; } .shared-ui .dle-comm_user > img,.shared-ui .dle-comm_user .dle-avatar{ display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; object-fit: cover; border-radius: 50%; font-size: 18px; font-weight: bold; margin-right: 15px; overflow: hidden; } .shared-ui .dle-comm_user > div a{ display: block; font-size: 18px; font-weight: bold; margin-bottom: 2px; } .shared-ui .dle-comm_user > div span{ opacity: 0.6; font-size: 13px; } .shared-ui .dle-comm_text{ font-size: 16px; line-height: 1.5; } .shared-ui .dle-comm_det{ position: relative; background: var(--light); border-radius: 50%; width: 30px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; } .shared-ui .dle-comm_det.active > div{ visibility: visible; opacity: 1; } .shared-ui .dle-comm_det > div{ position: absolute; background: var(--bg); color: var(--text); padding: 10px 20px; box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%); border-radius: 10px; top: 40px; right: 0; visibility: hidden; opacity: 0; transition: 0.3s; overflow: hidden; z-index: 5; } .shared-ui .dle-comm_det > div a{ display: block; margin: 4px 0; } .shared-ui .dle-comm_det > div a:hover{ color: var(--color1); } .shared-ui .comments-tree-list > li + li{ } .shared-ui .comments-tree-item textarea{ background: var(--bg); } .shared-ui .comments-tree-item > ol{ background: var(--bg2); padding: 20px; border-radius: var(--radius); margin: 20px 0; margin-left: 20px; } .shared-ui .comments-tree-item > ol ol{ padding: 0; margin: 30px 0 10px; margin-left: 40px; } .shared-ui #dlefastreplycomments{ background: var(--bg2); padding: 20px; border-radius: var(--radius); margin-top: 20px; } .shared-ui #dlefastreplycomments .commentsreplyname,.shared-ui #dlefastreplycomments .commentsreplymail{ display: inline-block; margin-top: 20px; } .shared-ui #dlefastreplycomments input[type="text"]{ display: inline-block; background: var(--bg); } .shared-ui #dlefastreplycomments .bb-editor{ margin-top: 20px; } .shared-ui #dlefastreplycomments .dle-captcha{ display: flex; align-items: center; margin: 20px 0; } .shared-ui #dlefastreplycomments .dle-captcha > a img{ display: inline-block; width: auto; height: 70px; border-radius: var(--radius); margin-right: 20px; } .shared-ui #dlefastreplycomments .save-buttons{ display: flex; grid-gap: 10px; margin-top: 15px; } .shared-ui .mass_comments_action{ display: flex; align-items: center; margin-top: 30px; } @media (max-width: 860px){.shared-ui .mass_comments_action{ text-indent: -9999px; }} .shared-ui .mass_comments_action select{ margin-right: 20px; } .shared-ui #dle-comments-list [id^="comment"] + [id^="comment"]{ margin-top: 20px; border-top: 1px solid var(--dark); padding-top: 20px; } .shared-ui pre code{ display: block; padding: 10px; background: var(--bg2); color: var(--text); border: 1px solid var(--light); border-radius: var(--radius); overflow: auto; white-space: pre; margin: 10px 0; } .shared-ui .hljs-comment,.shared-ui .hljs-quote{ color: #a0a1a7; font-style: italic; } .shared-ui .hljs-doctag,.shared-ui .hljs-keyword,.shared-ui .hljs-formula{ color: #a626a4; } .shared-ui .hljs-section,.shared-ui .hljs-name,.shared-ui .hljs-selector-tag,.shared-ui .hljs-deletion,.shared-ui .hljs-subst{ color: #e45649; } .shared-ui .hljs-literal{ color: #0184bb; } .shared-ui .hljs-string,.shared-ui .hljs-regexp,.shared-ui .hljs-addition,.shared-ui .hljs-attribute,.shared-ui .hljs-meta-string{ color: #50a14f; } .shared-ui .hljs-built_in,.shared-ui .hljs-class .hljs-title{ color: #c18401; } .shared-ui .hljs-attr,.shared-ui .hljs-variable,.shared-ui .hljs-template-variable,.shared-ui .hljs-type,.shared-ui .hljs-selector-class,.shared-ui .hljs-selector-attr,.shared-ui .hljs-selector-pseudo,.shared-ui .hljs-number{ color: #986801; } .shared-ui .hljs-symbol,.shared-ui .hljs-bullet,.shared-ui .hljs-link,.shared-ui .hljs-meta,.shared-ui .hljs-selector-id,.shared-ui .hljs-title{ color: #4078f2; } .shared-ui .hljs-emphasis{ font-style: italic; } .shared-ui .hljs-strong{ font-weight: bold; } .shared-ui .hljs-link{ text-decoration: underline; } .shared-ui .scriptcode,.shared-ui .text_spoiler,.shared-ui .title_quote,.shared-ui .title_spoiler{ padding: 20px; border: 2px solid #e8e8e8; border-radius: 10px; } .shared-ui blockquote,.shared-ui .quote{ position: relative; display: flex; align-items: flex-start; grid-gap: 20px; background: var(--bg2); color: var(--text2); border-radius: var(--radius); padding: 30px; line-height: 1.5; margin: 20px 0; overflow: hidden; } .shared-ui blockquote:before,.shared-ui .quote:before{ content: "\f10d"; font-family: "Font Awesome 6 Pro"; display: inline-block; font-size: 30px; font-weight: 500; line-height: normal; color: var(--color1); } .shared-ui .dle-text p + p,.shared-ui .dle-text p + h2{ margin-top: 20px; } .shared-ui .dle-text a{ color: var(--color1); } .shared-ui .dle-text img{ width: 100%; } .shared-ui .dle-text ul,.shared-ui .dle-text ol{ position: relative; color: #a5a1b2; padding-left: 40px; line-height: 1.5; list-style: auto; } .shared-ui .dle-text ul{ list-style: disc; } .shared-ui .dle-text ul li,.shared-ui .dle-text ol li{ margin: 10px 0; } .shared-ui .dle-text ol li strong,.shared-ui .dle-text ol li b,.shared-ui .dle-text ul li b{ color: var(--color3); } .shared-ui #dle-question{ display: inline-block; border: 2px solid var(--bg); padding: 10px 20px; border-radius: 10px; font-weight: bold; text-align: center ; margin-right: 10px; } .shared-ui .dle-vote{ border: 2px solid var(--color1); border-radius: 10px; padding: 30px; margin: 20px 0; } .shared-ui .dle-vote h3{ margin-bottom: 0; } .shared-ui .pollanswer{ display: block; margin-top: 20px; } .shared-ui .pollanswer:first-child{ margin-top: 0; } .shared-ui .dle-vote_grade{ font-weight: 500; opacity: 0.6; margin-bottom: 20px; } .shared-ui .dle-vote_list{ display: inline-block; font-size: 15px; line-height: 1.7; margin: 20px 0; } .shared-ui .pollprogress,.shared-ui .voteprogress{ background: var(--light); height: 6px; margin: 15px 0; border-radius: 2px; overflow: hidden; } .shared-ui .pollprogress span,.shared-ui .voteprogress span{ display: block; background: var(--color1); text-indent: -9999px; } .shared-ui .pollallvotes{ display: none; } .shared-ui .dle-atta{ background: var(--bg); padding: 20px; border-radius: 10px; } .shared-ui .dle-atta_title h4{ margin-bottom: 10px; } .shared-ui .dle-atta span{ font-size: 14px; } .shared-ui .dle-atta_count{ display: flex; align-items: center; justify-content: space-between; margin: 10px 0; } .shared-ui .dle-atta a{ display: block; } .shared-ui .dle-stats_top{ background: var(--bg2); padding: 30px; margin-bottom: 30px; } .shared-ui .dle-stats_top li{ position: relative; margin: 10px 0; margin-top: 15px; padding-left: 30px; } .shared-ui .dle-stats_top li:before{ content: ""; position: absolute; left: 0; top: 4px; background-color: #3394e6; width: 16px; height: 16px; border-radius: 50%; } .shared-ui .dle-stats_top li:nth-child(1):before{ background-color: #f6a71a; } .shared-ui .dle-stats_top li:nth-child(2):before{ background-color: #ce3f28; } .shared-ui .dle-stats_top li span{ display: block; font-size: 16px; font-weight: bold; margin-bottom: 10px; } .shared-ui .dle-stats h2{ margin-bottom: 10px; } .shared-ui .dle-stats p{ border-top: 1px dotted #d5d5d5; margin: 10px 0; padding-top: 10px; } .shared-ui .dle-stats p > b{ float: right; } .shared-ui .dle-popup-newpm{ display: none!important; } .shared-ui .ui-dialog{ position: fixed; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%,-50%); width: 420px; min-width: 500px; background: var(--engine); border: 1px solid var(--light); box-shadow: 0 8px 40px -10px rgb(0 0 0 / 30%); padding: 30px; border-radius: 20px; font-size: 14px; cursor: move; z-index: 999; } @media (max-width: 860px){.shared-ui .ui-dialog{ width: calc(100% - 40px); min-width: unset; }} .shared-ui .ui-dialog-titlebar{ position: relative; display: flex; align-items: center; justify-content: space-between; font-size: 22px; font-weight: bold; margin-bottom: 20px; } .shared-ui .ui-dialog-titlebar-close{ position: relative; display: inline-block; width: 35px; height: 35px; line-height: 35px; color: var(--engine); font-size: 20px; font-weight: 400; text-align: center; cursor: pointer; overflow: hidden; } .shared-ui .ui-dialog-titlebar-close:before{ content: "\f00d"; position: absolute; inset: 0; color: var(--text2); font-family: "Font Awesome 6 Pro"; } .shared-ui .ui-dialog #dletwofactorsecret img,.shared-ui .ui-dialog #dletwofactorsecret p{ margin-bottom: 10px; font-size: 15px; line-height: 1.5; } .shared-ui .ui-dialog input,.shared-ui .ui-dialog select,.shared-ui .ui-dialog textarea{ background: var(--engine2); } .shared-ui .ui-dialog .ui-dialog-content{ line-height: 1.5; font-size: 16px; } .shared-ui .ui-dialog-buttonset{ display: flex; align-items: center; justify-content: center; grid-gap: 15px; margin-top: 20px; } .shared-ui .ui-dialog-buttonset button{ display: inline-block; background: var(--color1); color: #fff; border-radius: 8px; padding: 13px 28px; font-weight: bold; cursor: pointer; } .shared-ui .ui-dialog-buttonset button:first-child{ background: var(--color2); } .shared-ui .ui-dialog-buttonset button:first-child:hover{ background: var(--light2); } .shared-ui .ui-dialog-buttonset button:hover{ background: var(--color2); } .shared-ui .ui-dialog #dlereplypopup textarea{ margin-top: 20px; } .shared-ui .pm-page > .pm-page{ margin-top: 20px; } .shared-ui .pm-page .dle-comm_item{ background: var(--bg2); padding: 20px; border-radius: 10px; } .shared-ui .pm-page_lists{ align-items: center; margin-bottom: 20px; } .shared-ui .pm-page_lists li + li{ margin-left: 10px; } .shared-ui .pm-page_lists a{ display: inline-block; background: var(--bg2); padding: 10px 20px; border-radius: 10px; } @media (max-width: 860px){.shared-ui .pm-page_lists a{ padding: 10px; }} .shared-ui .pm-page_lists a:hover{ background: var(--color1); color: var(--text1) } .shared-ui .pm-page_status{ position: relative; background: var(--bg2); padding: 20px; border-radius: 10px; } .shared-ui .pm_progress_bar{ background: var(--bg); box-shadow: inset 0 2px 5px rgb(0 0 0 / 10%); border-radius: 5px; margin: 10px 0; overflow: hidden; } .shared-ui .pm_progress_bar span{ display: block; background: var(--color1); box-shadow: 0 0 15px 5px var(--color1); font-size: 0; text-indent: -2000em; height: 20px; overflow: hidden } .shared-ui .pm select{ width: 100%; margin-bottom: 10px } .shared-ui .pm td.pm_head,.shared-ui .pm td.pm_list,.shared-ui .userstop td{ border-bottom: 2px solid var(--bg2); padding: 12px 20px; } @media (max-width: 860px){.shared-ui .pm_list.pm_from,.shared-ui .pm td:nth-child(3){ display: none; }} .shared-ui table.pm,.shared-ui table.userstop{ width: 100%; margin-bottom: 0; font-size: 14px; } .shared-ui table.pm select{ width: 175px } @media (max-width: 860px){.shared-ui .pm-page tbody tr td:nth-child(1){ display: none; }} .shared-ui #fullsearch{ grid-column: 1/-1 } .shared-ui #fullsearch div,.shared-ui #searchinput{ margin: 0!important; width: 100%!important; } .shared-ui #fullsearch #dofullsearch{ display: none; } .shared-ui #fullsearch table{ margin-bottom: 30px; } .shared-ui #searchsuggestions{ background: var(--bg); max-height: 350px; padding: 20px; border-radius: var(--radius); box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%); overflow-y: auto; z-index: 9999; } @media (max-width: 860px){.shared-ui #searchsuggestions{ border-radius: 0 0 var(--radius) var(--radius); z-index: 9999; }} .shared-ui #searchsuggestions > a:not(.dle-fast_item){ display: inline-block; color: #a5a1b2; font-size: 14px; margin-bottom: 10px; } .shared-ui #searchsuggestions > a .searchheading{ display: block; color: var(--color3); font-weight: bold; margin-bottom: 10px; } .shared-ui .dle-fast_item{ position: relative; display: grid; grid-gap: 15px; grid-auto-rows: max-content; grid-template-columns: 60px 1fr; padding: 10px; border-radius: var(--radius); overflow: hidden; } .shared-ui .dle-fast_item:hover{ background: var(--bg2); } .shared-ui .dle-fast_item > img{ width: 100%; height: auto; aspect-ratio: 1 / 1; border-radius: var(--radius); } .shared-ui .dle-fast_item > div > a{ display: block; color: var(--text); font-weight: bold; margin-bottom: 5px; } .shared-ui .dle-fast_item > div > a:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .shared-ui .dle-fast_meta{ display: flex; align-items: center; grid-gap: 10px; color: var(--text2); font-size: 12px; } .shared-ui #searchsuggestions .seperator{ display: block; background: var(--color1); color: #000; border-radius: var(--radius); padding: 8px 10px; width: 100%; font-size: 12px; text-align: center; } .shared-ui #searchsuggestions .notfound{ display: block; margin-bottom: 10px; } .shared-ui .dle-lk{ position: relative; background: var(--bg2); border-radius: 40px 40px var(--radius) var(--radius); overflow: hidden; margin-bottom: 30px; } .shared-ui .dle-lk_bg{ width: 100%; height: 150px; } .shared-ui .dle-lk_user{ display: flex; grid-gap: 30px; align-items: end; padding: 0 60px 0; margin-top: -40px; } @media (max-width: 860px){.shared-ui .dle-lk_user{ flex-direction: column; align-items: center; justify-content: center; grid-gap: 15px; margin-top: -70px; padding: 0 20px 0; text-align: center; }} .shared-ui .dle-lk_user > div:first-child{ position: relative; display: inline-block; border: 5px solid var(--bg2); width: 120px; height: 120px; border-radius: 50%; } .shared-ui .dle-lk_user > div:first-child img{ border-radius: 50%; } .shared-ui .dle-lk_user > div:first-child:before{ content: ""; position: absolute; bottom: 5px; right: 5px; background: #F44336; border: 4px solid var(--bg2); border-radius: 50px; height: 10px; width: 10px; } .shared-ui .dle-lk_user > div:first-child.online:before{ background: #40d04f; box-shadow: 4px 7px 12px 0 rgba(64, 208, 79, 0.3); } .shared-ui .dle-lk_user > div:nth-child(2) span{ display: block; color: var(--text2); font-size: 14px; margin-top: -25px; margin-bottom: 15px; } .shared-ui .dle-lk_user > ul{ display: flex; flex-wrap: wrap; align-items: center; grid-gap: 25px; margin-left: auto; } .shared-ui .dle-lk_user > ul li div{ display: flex; align-items: center; grid-gap: 10px; font-size: 18px; font-weight: bold; } .shared-ui .dle-lk_user > ul li i{ background: var(--bg); border-radius: var(--radius); width: 40px; height: 40px; line-height: 40px; text-align: center; } .shared-ui .dle-lk_user > ul li i.fa-coin-vertical{ background: var(--mc-accent); color: #fff; } .shared-ui .dle-lk_user > ul li > span{ font-size: 12px; color: var(--text2); } .shared-ui .dle-lk_tabs{ display: flex; align-items: center; justify-content: center; grid-gap: 20px; padding: 30px 30px 0; } .shared-ui .dle-lk_tabs > span{ padding-bottom: 10px; border-bottom: 4px solid transparent; cursor: pointer; } .shared-ui .dle-lk_tabs > span.active{ border-color: var(--color1); font-weight: bold; cursor: pointer; } .shared-ui .dle-lk_content{ display: none; } .shared-ui .dle-lk_content.active{ display: block; } .shared-ui .dle-lk_content input,.shared-ui .dle-lk_content select,.shared-ui .dle-lk_content textarea{ background: var(--white); } .shared-ui .dle-lk_upload{ position: relative; background: var(--white); padding: 20px; border-radius: var(--radius); display: flex; flex-wrap: wrap; align-items: center; grid-gap: 20px; margin-bottom: 30px; } .shared-ui .dle-lk_upload input[type=file]{ display: none; } .shared-ui .dle-lk_upload #avatar{ background: var(--color1); height: 80px; width: 80px; min-width: 80px; border-radius: 50%; transition: background ease-out 200ms; background-repeat: no-repeat; background-size: cover; } .shared-ui .dle-lk_upload button{ display: inline-block; background: var(--color1); color: #fff; padding: 14px 25px; border-radius: 8px; font-size: 14px; font-weight: 500; text-align: center; cursor: pointer; } .shared-ui .dle-lk_upload button + span{ display: block; color: #92909a; line-height: 1.5; font-size: 12px; margin-top: 10px; } .shared-ui .dle-lk_soc{ background: var(--white); padding: 20px; border-radius: var(--radius); } .shared-ui .dle-lk_soc > span{ display: inline-block; color: var(--text2); font-size: 14px; margin-bottom: 20px; } .shared-ui .dle-lk_soc > div{ display: flex; align-items: center; grid-gap: 10px; } .shared-ui .dle-lk_soc > div a{ position: relative; display: flex; align-items: center; justify-content: center; background: var(--light); border: 1px solid var(--light); border-radius: 50%; width: 40px; height: 40px; } .shared-ui .dle-lk_soc > div a:hover{ opacity: 0.9 } .shared-ui .dle-lk_soc > div > span[id] a{ background: var(--light2); } .shared-ui .dle-lk_soc > div a:before{ content: "+"; position: absolute; top: -2px; right: -5px; background: #0a0; border-radius: 50%; width: 15px; height: 15px; line-height: 15px; font-size: 18px; text-align: center; } .shared-ui .dle-lk_soc > div > span[id] a:before{ content: "-"; background: #F44336; } .shared-ui .dle-lk_link{ display: flex; align-items: center; grid-gap: 20px; } .shared-ui .dle-lk_link .self_delete_link{ display: flex; align-items: center; grid-gap: 10px; background: var(--light); color: var(--text2); padding: 15px 30px; border-radius: var(--radius); font-weight: 500; text-align: center; cursor: pointer; } .shared-ui .dle-lk_link .self_delete_link:hover{ background: var(--light2); } .shared-ui .dle-avatar{ display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; object-fit: cover; border-radius: 50%; color: #fff; font-size: 16px; font-weight: bold; overflow: hidden; } .shared-ui .dle-use_meta{ position: relative; display: flex; flex-wrap: wrap; align-items: center; grid-gap: 10px; border-top: 1px solid var(--dark); padding: 20px 40px; color: #000000; font-size: 12px; } .shared-ui .header-nav__submenu.megamenu{ border-top:1px solid #eceff4; border-radius:0 0 16px 16px; overflow:hidden; } .shared-ui .megamenu .megamenu__wrap{ align-items:stretch; min-height:520px; } .shared-ui .megamenu__col--parents{ width:360px; background:linear-gradient(180deg,#fafbfc 0%,#f5f7fa 100%); } .shared-ui .megamenu__parents{ max-height:520px; padding:12px; } .shared-ui .megamenu__parent{ gap:12px; border-radius:14px; transition:background .2s ease, box-shadow .2s ease; } .shared-ui .megamenu__link{ width:100%; } .shared-ui .megamenu__link-main{ display:flex; align-items:center; gap:12px; width:100%; } .shared-ui .megamenu__link-text{ flex:1 1 auto; min-width:0; line-height:1.35; } .shared-ui .megamenu__icon{ width:38px; height:38px; min-width:38px; display:inline-flex; align-items:center; justify-content:center; border-radius:12px; background:#f1f4f8; color:#5f6f83; font-size:16px; transition:all .2s ease; } .shared-ui .megamenu__icon--parent{ background:#eef2f6; } .shared-ui .megamenu__icon--title{ width:48px; height:48px; min-width:48px; border-radius:14px; background:rgba(var(--color1-rgb,148,198,8),.12); color:var(--color1,var(--mc-accent-strong)); font-size:20px; } .shared-ui .megamenu__icon--child{ width:42px; height:42px; min-width:42px; border-radius:14px; } .shared-ui .megamenu__parent a.megamenu__link{ display:block; padding:12px 14px; } .shared-ui .megamenu__parent:hover,.shared-ui .megamenu__parent.is-open,.shared-ui .megamenu__parent.is-current{ background:#fff; box-shadow:0 8px 20px rgba(22,34,51,.06); } .shared-ui .megamenu__parent:hover a.megamenu__link,.shared-ui .megamenu__parent.is-open a.megamenu__link,.shared-ui .megamenu__parent.is-current a.megamenu__link{ background:transparent; } .shared-ui .megamenu__parent.is-open .megamenu__icon--parent,.shared-ui .megamenu__parent.is-current .megamenu__icon--parent,.shared-ui .megamenu__parent:hover .megamenu__icon--parent{ background:rgba(var(--color1-rgb,148,198,8),.12); color:var(--color1,var(--mc-accent-strong)); } .shared-ui .megamenu__parent.is-open .megamenu__link-text,.shared-ui .megamenu__parent.is-current .megamenu__link-text,.shared-ui .megamenu__parent:hover .megamenu__link-text{ color:#14192a; } .shared-ui .megamenu__arrow{ margin-right:18px; } .shared-ui .megamenu__col--children{ background:#fff; } .shared-ui .megamenu__panel{ padding:22px 24px 24px; } .shared-ui .megamenu__panel-head{ align-items:flex-start; gap:16px; margin-bottom:18px; padding-bottom:16px; border-bottom:1px solid #f0f2f5; } .shared-ui .megamenu__panel-head-main{ display:flex; align-items:center; gap:14px; } .shared-ui .megamenu__title-wrap{ display:flex; flex-direction:column; gap:3px; } .shared-ui .megamenu__title{ font-size:28px; line-height:1.15; color:#162233; } .shared-ui .megamenu__subtitle{ color:#7b8794; font-size:14px; line-height:1.45; } .shared-ui .megamenu__all{ white-space:nowrap; padding:10px 14px; border-radius:12px; } .shared-ui .megamenu__children{ margin-left:0; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; max-height:430px; padding-right:4px; } .shared-ui .megamenu__child{ display:flex; flex-direction:column; gap:10px; padding:14px; border:1px solid #edf1f5; border-radius:16px; background:#fff; transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease; } .shared-ui .megamenu__child:hover{ transform:translateY(-2px); border-color:#dde5ec; box-shadow:0 10px 24px rgba(18,34,51,.06); } .shared-ui .megamenu__child-link{ display:flex; align-items:flex-start; gap:12px; text-decoration:none; } .shared-ui .megamenu__child-body{ display:flex; flex-direction:column; gap:4px; min-width:0; } .shared-ui .megamenu__child-title{ display:block; font-weight:700; font-size:16px; line-height:1.3; color:#1f2937; } .shared-ui .megamenu__child-meta{ display:block; color:#8592a3; font-size:13px; line-height:1.35; } .shared-ui .megamenu__child.is-active{ border-color:rgba(var(--color1-rgb,148,198,8),.35); box-shadow:0 12px 28px color-mix(in srgb,var(--mc-accent) 10.0%,transparent); } .shared-ui .megamenu__child.is-active .megamenu__icon--child,.shared-ui .megamenu__child:hover .megamenu__icon--child{ background:rgba(var(--color1-rgb,148,198,8),.12); color:var(--color1,var(--mc-accent-strong)); } .shared-ui .megamenu__child.is-active .megamenu__child-title{ color:var(--color1,var(--mc-accent-strong)); } .shared-ui .megamenu__grand{ margin:0; gap:8px; } .shared-ui .megamenu__grand-item a{ display:inline-flex; align-items:center; padding:6px 10px; border-radius:999px; background:#f6f8fa; color:#58677a; font-size:13px; line-height:1.3; transition:background .18s ease, color .18s ease; } .shared-ui .megamenu__grand-item a:hover,.shared-ui .megamenu__grand-item.is-active a{ background:rgba(var(--color1-rgb,148,198,8),.12); color:var(--color1,var(--mc-accent-strong)); } .shared-ui .megamenu__empty{ padding:24px 0; } @media (max-width: 1360px){.shared-ui .megamenu__children{ grid-template-columns:repeat(2,minmax(0,1fr)); } .shared-ui .megamenu__title{ font-size:24px; }} @media (max-width: 1020px){.shared-ui .megamenu .megamenu__wrap,.shared-ui .megamenu__children{ min-height:0; grid-template-columns:1fr; }} .shared-ui .mobcats__label{ display:flex; align-items:center; gap:10px; min-width:0; } .shared-ui .mobcats__icon{ width:32px; height:32px; min-width:32px; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; background:#f2f5f8; color:#657487; font-size:14px; } .shared-ui .mobcats__icon--sm{ width:28px; height:28px; min-width:28px; border-radius:9px; font-size:13px; } .shared-ui .mobcats__icon--xs{ width:22px; height:22px; min-width:22px; border-radius:50%; font-size:10px; background:#f7f8fa; } .shared-ui .mobcats__li.is-open > .mobcats__plink .mobcats__icon,.shared-ui .mobcats__li > .mobcats__plink:hover .mobcats__icon{ background:rgba(var(--color1-rgb,148,198,8),.12); color:var(--color1,var(--mc-accent-strong)); } .shared-ui .mc-orders{width:100%;color:#29323d} .shared-ui .mc-orders__top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 22px} .shared-ui .mc-orders__title{margin:0;font-size:26px;line-height:1.2;font-weight:700;color:#202832} .shared-ui .mc-orders__title span{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:26px;margin-left:6px;padding:0 8px;border-radius:20px;background:var(--mc-accent-border);color:var(--color1);font-size:14px} .shared-ui .mc-orders__subtitle{margin-top:6px;color:#89929d;font-size:13px} .shared-ui .mc-orders__filters{display:flex;flex-wrap:wrap;gap:7px} .shared-ui .mc-orders__filter{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 12px;border:1px solid #e2e6ea;border-radius:10px;background:#fff;color:#5d6875;font-size:13px;font-weight:600;cursor:pointer;transition:.18s ease} .shared-ui .mc-orders__filter span{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;padding:0 6px;border-radius:20px;background:#f0f2f4;color:#7b8490;font-size:11px} .shared-ui .mc-orders__filter:hover,.shared-ui .mc-orders__filter.is-active{border-color:var(--mc-accent);background:var(--mc-accent-soft);color:var(--text,#030c3a)} .shared-ui .mc-orders__filter.is-active span{background:var(--mc-accent-border);color:var(--text,#030c3a)} .shared-ui .mc-orders__list{display:grid;gap:16px} .shared-ui .mc-order-card{background:#fff;border:1px solid #e8ebee;border-radius:16px;box-shadow:0 4px 18px rgba(29,39,49,.045);overflow:hidden} .shared-ui .mc-order-card[hidden]{display:none!important} .shared-ui .mc-order-card__head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;border-bottom:1px solid #edf0f2;background:#fafbfc} .shared-ui .mc-order-card__meta,.shared-ui .mc-order-card__head-right{display:flex;align-items:center;flex-wrap:wrap;gap:10px} .shared-ui .mc-order-card__number{font-size:13px;font-weight:700;color:#374250} .shared-ui .mc-order-card__date{font-size:12px;color:#8b949f} .shared-ui .mc-order-card__date i{margin-right:4px} .shared-ui .mc-order-card__total{font-size:15px;color:#27323d} .shared-ui .mc-order-status{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:30px;font-size:12px;font-weight:650} .shared-ui .mc-order-status--paid{background:var(--mc-accent-soft);color:var(--mc-accent-strong)} .shared-ui .mc-order-status--pending{background:#fff7df;color:#a57408} .shared-ui .mc-order-status--cancelled{background:#f5f0f0;color:#9b6969} .shared-ui .mc-order-card__products{padding:4px 18px} .shared-ui .mc-order-product{display:grid;grid-template-columns:76px minmax(0,1fr);gap:15px;padding:14px 0} .shared-ui .mc-order-product+.mc-order-product{border-top:1px solid #edf0f2} .shared-ui .mc-order-product__poster{display:block;width:76px;height:88px;border-radius:10px;overflow:hidden;background:#f2f3f4} .shared-ui .mc-order-product__poster img{display:block;width:100%;height:100%;object-fit:cover} .shared-ui .mc-order-product__body{min-width:0;display:flex;flex-direction:column;justify-content:center} .shared-ui .mc-order-product__title{display:block;color:#2d3742;font-size:15px;font-weight:650;line-height:1.35;text-decoration:none} .shared-ui .mc-order-product__title:hover{color:var(--color1)} .shared-ui .mc-order-product__meta{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:7px;color:#929aa4;font-size:12px} .shared-ui .mc-order-product__meta span+span{position:relative} .shared-ui .mc-order-product__meta span+span:before{content:'•';margin-right:9px;color:#c7ccd1} .shared-ui .mc-order-product__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px} .shared-ui .mc-order-card__footer{display:flex;align-items:center;flex-wrap:wrap;gap:9px;min-height:51px;padding:10px 18px;border-top:1px solid #edf0f2;background:#fcfcfd} .shared-ui .mc-orders__btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 13px;border:1px solid transparent;border-radius:9px;font-size:12px;font-weight:650;line-height:1;cursor:pointer;text-decoration:none;transition:.18s ease} .shared-ui .mc-orders__btn--primary{background:var(--color1);border-color:var(--color1);color:#fff!important} .shared-ui .mc-orders__btn--primary:hover{filter:brightness(.94)} .shared-ui .mc-orders__btn--light{background:#fff;border-color:#dfe4e8;color:#53606e!important} .shared-ui .mc-orders__btn{background:#f5f7f8;border-color:#d2d8dd} .shared-ui .mc-orders__btn--danger{background:#fff;border-color:#eadcdc;color:#a06c6c!important} .shared-ui .mc-orders__btn--danger:hover{background:#fff5f5;border-color:#dfc7c7} .shared-ui .mc-orders__btn:disabled,.shared-ui .mc-orders__btn.is-loading{opacity:.55;cursor:wait} .shared-ui .mc-order-card__paid-note{display:inline-flex;align-items:center;gap:7px;color:#85909b;font-size:12px} .shared-ui .mc-order-card__paid-note i{color:var(--mc-accent-strong)} .shared-ui .mc-orders__empty-filter,.shared-ui .mc-orders__empty{padding:34px 20px;border:1px dashed #dce1e5;border-radius:15px;background:#fff;text-align:center;color:#7f8995} .shared-ui .mc-orders__empty-filter{margin-top:14px} .shared-ui .mc-orders__empty h2{margin:8px 0 6px;color:#303a45;font-size:22px} .shared-ui .mc-orders__empty p{max-width:520px;margin:0 auto 18px;line-height:1.55} .shared-ui .mc-orders__empty-icon{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:var(--mc-accent-soft);color:var(--color1);font-size:23px} .shared-ui .mc-order-modal[hidden]{display:none!important} .shared-ui .mc-order-modal{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:18px} .shared-ui .mc-order-modal__backdrop{position:absolute;inset:0;background:rgba(20,25,30,.55);backdrop-filter:blur(2px)} .shared-ui .mc-order-modal__dialog{position:relative;width:min(560px,100%);max-height:min(720px,calc(100vh - 36px));overflow:auto;padding:28px;border-radius:18px;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.22)} .shared-ui .mc-order-modal__close{position:absolute;right:14px;top:14px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:50%;background:#f3f5f6;color:#697480;font-size:18px;cursor:pointer} .shared-ui .mc-order-modal__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:13px;border-radius:13px;background:var(--mc-accent-soft);color:var(--color1);font-size:20px} .shared-ui .mc-order-modal h3{margin:0;color:#26303a;font-size:21px} .shared-ui .mc-order-modal__course{margin-top:6px;padding-right:30px;color:#7c8793;font-size:13px;line-height:1.45} .shared-ui .mc-order-modal__content{margin-top:18px;padding:15px;border:1px solid #e2e6e9;border-radius:11px;background:#f7f9fa;color:#3d4854;font-size:14px;line-height:1.6;word-break:break-word} .shared-ui .mc-order-modal__content a{color:var(--text,#030c3a);text-decoration:underline;text-underline-offset:2px} .shared-ui .mc-order-modal__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px} .shared-ui .mc-order-modal__notice{min-height:18px;margin-top:8px;color:var(--mc-accent-strong);font-size:12px} .shared-ui .mc-order-modal-open{overflow:hidden} .shared-ui .dle-lk_content .mc-orders{margin-top:2px} .shared-ui .dle-lk_content .mc-orders__top{align-items:flex-start} .shared-ui .dle-lk_content .mc-order-card{box-shadow:none} @media(max-width:860px){.shared-ui .mc-orders__top{align-items:flex-start;flex-direction:column;gap:14px} .shared-ui .mc-orders__filters{width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px} .shared-ui .mc-orders__filter{white-space:nowrap} .shared-ui .mc-order-card__head{align-items:flex-start} .shared-ui .mc-order-card__head-right{justify-content:flex-end} .shared-ui .mc-order-product{grid-template-columns:68px minmax(0,1fr);gap:12px} .shared-ui .mc-order-product__poster{width:68px;height:82px} .shared-ui .mc-order-product__actions{grid-column:1/-1} .shared-ui .mc-orders__btn{min-height:38px} .shared-ui .mc-order-card__footer .mc-orders__btn{flex:1} .shared-ui .mc-order-card__paid-note{width:100%} .shared-ui .mc-order-modal__dialog{padding:22px 18px} .shared-ui .mc-order-modal__actions .mc-orders__btn{flex:1}} @media(max-width:520px){.shared-ui .mc-orders__title{font-size:22px} .shared-ui .mc-order-card__head{display:block} .shared-ui .mc-order-card__head-right{justify-content:space-between;margin-top:10px} .shared-ui .mc-order-product{grid-template-columns:58px minmax(0,1fr)} .shared-ui .mc-order-product__poster{width:58px;height:72px} .shared-ui .mc-order-product__title{font-size:14px} .shared-ui .mc-order-product__actions{margin-left:-70px;padding-top:8px} .shared-ui .mc-order-product__actions .mc-orders__btn{flex:1 1 150px} .shared-ui .mc-order-card__products{padding-left:14px;padding-right:14px} .shared-ui .mc-order-card__head,.shared-ui .mc-order-card__footer{padding-left:14px;padding-right:14px}} @media(min-width:1101px){.shared-ui .mc-orders__list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start} .shared-ui .mc-order-card{min-width:0} .shared-ui .mc-order-card__head{gap:12px;padding:14px 16px} .shared-ui .mc-order-card__products{padding-left:16px;padding-right:16px} .shared-ui .mc-order-card__footer{padding-left:16px;padding-right:16px} .shared-ui .mc-order-product__title{font-size:14px}} .shared-ui .mc-order-product__meta span+span:before{content:"\2022"!important} .shared-ui .basket-total .basket-total_earnbonus{align-items:center;justify-content:flex-start;gap:12px;margin-top:14px;padding:13px 14px!important;border:1px solid var(--mc-accent-border)!important;border-radius:12px;background:var(--mc-accent-soft);color:var(--text,#030c3a);font-size:14px!important;text-align:left} .shared-ui .basket-total_earnbonus-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:10px;background:var(--mc-accent-border);color:var(--mc-accent-strong);font-size:17px} .shared-ui .basket-total_earnbonus-text{display:block;min-width:0} .shared-ui .basket-total_earnbonus-text b{display:block;color:var(--text,#030c3a);font-size:15px;line-height:1.25} .shared-ui .basket-total_earnbonus-text small{display:block;margin-top:3px;color:#7c866d;font-size:11px;font-weight:400;line-height:1.35} @media(max-width:520px){.shared-ui .basket-total .basket-total_earnbonus{padding:11px 12px!important} .shared-ui .basket-total_earnbonus-icon{flex-basis:34px;width:34px;height:34px}} .shared-ui .mc-bonus-history{max-width:920px;margin:0 auto;color:#29323d} .shared-ui .mc-bonus-history__head{margin:0 0 18px} .shared-ui .mc-bonus-history__head h2{margin:0;font-size:25px;color:#202832} .shared-ui .mc-bonus-history__head p{margin:6px 0 0;color:#8a949f;font-size:13px} .shared-ui .mc-bonus-history__item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px 16px;border:1px solid #e7eaed;border-radius:13px;background:#fff} .shared-ui .mc-bonus-history__item+.mc-bonus-history__item{margin-top:9px} .shared-ui .mc-bonus-history__icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;font-size:14px} .shared-ui .mc-bonus-history__item--earn .mc-bonus-history__icon{background:var(--mc-accent-soft);color:var(--mc-accent-strong)} .shared-ui .mc-bonus-history__item--spend .mc-bonus-history__icon{background:#fff3e8;color:#b16c25} .shared-ui .mc-bonus-history__body{min-width:0} .shared-ui .mc-bonus-history__body b{display:block;color:#34404c;font-size:14px;line-height:1.35} .shared-ui .mc-bonus-history__body span{display:block;margin-top:4px;color:#949da7;font-size:12px} .shared-ui .mc-bonus-history__amount{font-size:18px;font-weight:750;white-space:nowrap} .shared-ui .mc-bonus-history__item--earn .mc-bonus-history__amount{color:var(--mc-accent-strong)} .shared-ui .mc-bonus-history__item--spend .mc-bonus-history__amount{color:#ad6a2c} .shared-ui .mc-bonus-history__empty{padding:28px 20px;border:1px dashed #dce1e5;border-radius:14px;background:#fff;text-align:center;color:#7f8995} .shared-ui .store-bonus-history{padding-top:4px} @media(max-width:600px){.shared-ui .mc-bonus-history__item{grid-template-columns:36px minmax(0,1fr) auto;padding:12px;gap:10px} .shared-ui .mc-bonus-history__icon{width:36px;height:36px} .shared-ui .mc-bonus-history__amount{font-size:16px} .shared-ui .mc-bonus-history__body b{font-size:13px} .shared-ui .mc-order-card__footer .mc-order-card__paid-note{order:2} .shared-ui .mc-order-card__footer [data-order-email]{flex:1 1 100%}} .shared-ui .mc-cart-checkout .basket-form{align-self:start} .shared-ui .mc-cart-summary{align-self:start} .shared-ui .basket-order-tools{display:grid;gap:12px;margin-top:16px} .shared-ui .mc-cart-tool-card{padding:16px;border:1px solid #e7ebef;border-radius:14px;background:#f7f9fa} .shared-ui .mc-cart-tool-card h2{margin:0 0 10px;font-size:17px;line-height:1.25} .shared-ui .mc-cart-tool-hint{display:block;margin:-2px 0 12px;color:#6f7b86;font-size:12.5px;line-height:1.45} .shared-ui .mc-cart-tool-card .basket-form_promo{display:flex;gap:8px;align-items:stretch} .shared-ui .mc-cart-tool-card .basket-form_promo input{min-width:0;flex:1;height:42px;padding:0 12px;border:1px solid #e1e6ea;border-radius:10px;background:#fff} .shared-ui .mc-cart-tool-card .basket-form_promo button{flex:0 0 auto;min-height:42px;padding:0 13px;border:0;border-radius:10px;background:var(--mc-accent-strong);color:#fff;font-weight:700;cursor:pointer} .shared-ui .mc-cart-tool-card #promoresult{margin-top:8px;font-size:12.5px} .shared-ui .mc-cart-bonus-row{gap:12px;align-items:center} .shared-ui .mc-cart-bonus-row>div{display:flex;flex-direction:column;gap:2px} .shared-ui .mc-cart-bonus-row>div>b{font-size:14px} .shared-ui .mc-cart-bonus-row>div>span{color:#7c8791;font-size:12.5px} .shared-ui .mc-cart-side-pay{display:none;width:100%;margin-top:14px;min-height:52px;border:0;border-radius:12px;background:var(--mc-accent-strong);color:#fff;font-size:16px;font-weight:800;cursor:pointer;align-items:center;justify-content:center;gap:9px;box-shadow:0 8px 22px color-mix(in srgb,var(--mc-accent) 17.0%,transparent)} .shared-ui .mc-cart-side-pay:hover,.shared-ui .mc-cart-tool-card .basket-form_promo button:hover{filter:brightness(.96)} .shared-ui .mc-cart-bottom-pay{margin-top:4px} @media (max-width:900px){.shared-ui .basket-order-tools{margin-top:12px} .shared-ui .mc-cart-tool-card{padding:14px} .shared-ui .mc-cart-tool-card .basket-form_promo{flex-direction:column} .shared-ui .mc-cart-tool-card .basket-form_promo button{width:100%}} .shared-ui .mc-cart-pay-button{align-items:center;justify-content:center;gap:9px} .shared-ui .mc-cart-side-pay{width:100%;margin-top:18px;min-height:52px} @media (min-width:901px){.shared-ui .mc-cart-side-pay{display:flex}} .shared-ui .mc-cart-bottom-pay i,.shared-ui .mc-cart-side-pay i{margin-right:8px} @media (max-width:900px){.shared-ui .mc-cart-side-pay{display:none!important} .shared-ui .mc-cart-bottom-pay{display:inline-flex;align-items:center;justify-content:center}} @media (max-width:1020px){.shared-ui .mobcats__li.has-children{position:relative!important} .shared-ui .mobcats__li.has-children > .mobcats__plink{display:block!important;padding-right:48px!important} .shared-ui .mobcats__li.has-children > .mobcats__toggle{ position:absolute!important; z-index:3!important; right:4px!important; top:10px!important; margin:0!important; } .shared-ui .mobcats__panel .mobcats__li.has-children > .mobcats__toggle{top:5px!important;right:0!important}} @media (max-width:630px){.shared-ui .promo-cats{padding-top:0!important} .shared-ui .promo-cats .tabs__controlls{padding-top:0!important;padding-bottom:0!important} .shared-ui .promo-cats .promo-products > .oblique-btns{padding-top:0!important;padding-bottom:6px!important} .shared-ui .promo-cats .promo-products .oblique-btns__btn-wr{top:0!important;margin-top:0!important;margin-bottom:10px!important}} .shared-ui .basket-empty[hidden]{display:none!important} .shared-ui .basket-empty{flex:1;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px 20px;text-align:center;color:#7d8792} .shared-ui .basket-empty__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:17px;border-radius:20px;background:var(--mc-accent-soft);color:var(--color1);font-size:25px} .shared-ui .basket-empty strong{display:block;margin-bottom:7px;color:#26313c;font-size:20px;line-height:1.25} .shared-ui .basket-empty>span:not(.basket-empty__icon){max-width:285px;font-size:13px;line-height:1.55} .shared-ui .basket-empty>a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin-top:20px;padding:0 19px;border:1px solid var(--mc-accent-border);border-radius:12px;background:var(--mc-accent-soft);color:var(--text,#030c3a);font-size:13px;font-weight:700} .shared-ui .basket-empty>a:hover{background:var(--mc-accent-soft);color:var(--text,#030c3a)} .shared-ui .basket-content>.basket-total{margin-top:auto} .shared-ui .basket-checkout-link{margin-top:26px!important} @media(max-width:600px){.shared-ui .basket-empty{min-height:280px;padding:28px 14px} .shared-ui .basket-empty__icon{width:58px;height:58px;border-radius:17px;font-size:22px} .shared-ui .basket-empty strong{font-size:18px}} .shared-ui .mc-checkout-v18{grid-template-columns:minmax(0,1fr) 420px!important;gap:32px!important;align-items:start} .shared-ui .mc-checkout-main{min-width:0} .shared-ui .mc-checkout-main>h1{margin:0 0 18px;font-size:30px;line-height:1.15} .shared-ui .mc-checkout-card{margin-bottom:18px;padding:24px;border:1px solid #e8ebee;border-radius:18px;background:#fff;box-shadow:0 5px 22px rgba(27,38,48,.045)} .shared-ui .mc-checkout-card__head{display:flex;align-items:flex-start;gap:13px;margin-bottom:18px} .shared-ui .mc-checkout-card__head--simple{margin-bottom:20px} .shared-ui .mc-checkout-card__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:var(--mc-accent-soft);color:var(--mc-accent-strong);font-size:17px} .shared-ui .mc-checkout-card__head h2{margin:0;color:#27313b;font-size:20px;line-height:1.25} .shared-ui .mc-checkout-card__head p{margin:4px 0 0;color:#8a949e;font-size:12.5px;line-height:1.45} .shared-ui .mc-checkout-email label{display:block;margin-bottom:7px;color:#57616d;font-size:13px;font-weight:600} .shared-ui .mc-checkout-email input{width:100%;height:48px;padding:0 14px;border:1px solid #dfe4e8;border-radius:11px;background:#f8fafb;color:#29323c} .shared-ui .mc-checkout-email input:focus{border-color:var(--mc-accent);background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--mc-accent) 9.0%,transparent)} .shared-ui .mc-required{color:#e24f4f} .shared-ui .mc-email-suggestion{margin-top:7px;color:#68737f;font-size:12px;transition:opacity .3s} .shared-ui .mc-email-suggestion button{margin-left:7px;padding:4px 8px;border:1px solid #dce2e6;border-radius:7px;background:#fff;color:var(--mc-accent-strong);cursor:pointer} .shared-ui .mc-checkout-account-email{display:grid;grid-template-columns:100px minmax(0,1fr);gap:4px 14px;padding:14px 16px;border:1px solid #e7ebee;border-radius:12px;background:#f8fafb} .shared-ui .mc-checkout-account-email>span{color:#9099a3;font-size:12px} .shared-ui .mc-checkout-account-email>b{min-width:0;color:#2f3944;font-size:14px;overflow-wrap:anywhere} .shared-ui .mc-checkout-account-email>small{grid-column:2;color:#89939d;font-size:11.5px} .shared-ui .mc-payment-help{margin:0 0 16px;color:#7e8893;font-size:13px;line-height:1.5} .shared-ui .mc-payment-help a{color:var(--mc-accent-strong);text-decoration:underline;text-underline-offset:2px} .shared-ui .mc-checkout-payment-card .basket-payment,.shared-ui .mc-checkout-payment-card .basket-form_payment{margin:0} .shared-ui .mc-checkout-payment-card .e-grid4{margin-top:0} .shared-ui .mc-checkout-summary-card{position:sticky;top:18px;padding:0!important;border:1px solid #e7eaed;border-radius:18px!important;box-shadow:0 8px 30px rgba(25,35,45,.07)!important;overflow:hidden} .shared-ui .mc-checkout-summary-card>.basket-header{margin:0;padding:20px 22px 16px;border-bottom:1px solid #edf0f2} .shared-ui .mc-checkout-summary-card>.basket-header h3{margin:0;font-size:19px;color:#27313b} .shared-ui .mc-checkout-summary-subtitle{display:block;margin-top:3px;color:#949da6;font-size:11.5px} .shared-ui .mc-checkout-summary-card>.basket-header>a{padding:6px 11px;border-radius:9px;background:#f4f6f7;color:#7b858f;font-size:12px} .shared-ui .mc-checkout-summary-section{padding:18px 22px} .shared-ui .mc-checkout-products-section{padding-bottom:10px} .shared-ui .mc-checkout-summary-label{display:flex;align-items:center;gap:9px;margin-bottom:12px;color:#303a44;font-size:14px} .shared-ui .mc-checkout-summary-icon,.shared-ui .mc-checkout-tool-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:var(--mc-accent-soft);color:var(--mc-accent-strong);font-size:14px} .shared-ui .mc-checkout-summary-card .basket-list{max-height:330px;margin:0;overflow-y:auto} .shared-ui .mc-checkout-summary-card .basket-list>li{grid-template-columns:88px minmax(0,1fr);gap:11px;padding:10px;background:#f7f9fa;border-radius:12px} .shared-ui .mc-checkout-summary-card .basket-list>li+li{margin-top:8px;border-top:0} .shared-ui .mc-checkout-summary-card .basket-list>li img{width:88px;aspect-ratio:16/9} .shared-ui .mc-checkout-summary-card .basket-list_title{font-size:13px;line-height:1.3} .shared-ui .mc-checkout-summary-card .basket-list_price{font-size:12px} .shared-ui .mc-checkout-summary-card .basket-list li .fa-trash{width:32px;height:32px;line-height:32px;font-size:14px} .shared-ui .mc-checkout-summary-tools{border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2} .shared-ui .mc-checkout-tool-row{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px 22px;background:#fff} .shared-ui .mc-checkout-tool-row+.mc-checkout-tool-row{border-top:1px solid #edf0f2} .shared-ui .mc-checkout-tool-row.is-active{background:var(--mc-accent-soft)} .shared-ui .mc-checkout-tool-copy{min-width:0} .shared-ui .mc-checkout-tool-copy>b{display:block;color:#303a44;font-size:14px;line-height:1.3} .shared-ui .mc-checkout-tool-copy>span{display:block;margin-top:2px;color:#929ba4;font-size:11.5px;line-height:1.35} .shared-ui .mc-checkout-earned{display:block;margin-top:4px;color:var(--mc-accent-strong);font-size:11px;line-height:1.35} .shared-ui .mc-checkout-earned[hidden]{display:none!important} .shared-ui .mc-checkout-switch{position:relative;display:inline-flex;align-items:center;width:42px;height:24px;cursor:pointer} .shared-ui .mc-checkout-switch input{position:absolute;opacity:0;pointer-events:none} .shared-ui .mc-checkout-switch>span{display:block;width:42px;height:24px;border:1px solid #d8dee2;border-radius:30px;background:#eef1f3;transition:.2s} .shared-ui .mc-checkout-switch>span:after{content:"";display:block;width:18px;height:18px;margin:2px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18);transition:.2s} .shared-ui .mc-checkout-switch input:checked+span{border-color:var(--mc-accent);background:var(--mc-accent-strong)} .shared-ui .mc-checkout-switch input:checked+span:after{transform:translateX(18px)} .shared-ui .mc-checkout-switch input:disabled+span{opacity:.45;cursor:not-allowed} .shared-ui .mc-checkout-promo-row{grid-template-columns:34px minmax(0,1fr)} .shared-ui .mc-checkout-promo-form{grid-column:1/-1;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;margin-top:3px} .shared-ui .mc-checkout-promo-form input{min-width:0;height:40px;padding:0 11px;border:1px solid #dfe4e8;border-radius:9px;background:#f8fafb!important;color:#303a44} .shared-ui .mc-checkout-promo-form button{min-width:0!important;min-height:40px;padding:0 13px!important;border-radius:9px!important;font-size:12px;font-weight:700} .shared-ui .mc-checkout-promo-result{grid-column:1/-1;margin-top:-2px;color:var(--mc-accent-strong);font-size:11.5px} .shared-ui .mc-checkout-promo-result:empty{display:none} .shared-ui .mc-checkout-total{margin:0;padding:16px 22px 4px} .shared-ui .mc-checkout-total li{font-size:13px!important;font-weight:500!important;color:#747f89} .shared-ui .mc-checkout-total li+li{margin-top:8px!important;padding-top:8px!important;border-top:1px solid #eef0f2!important} .shared-ui .mc-checkout-total .basket-total_bonus{display:flex!important;align-items:center;justify-content:space-between;text-align:left!important} .shared-ui .mc-checkout-total .basket-total_bonus[style*="display:none"]{display:none!important} .shared-ui .mc-checkout-total .basket-total_bonus span{display:inline!important;font-size:13px!important;text-align:inherit!important} .shared-ui .mc-checkout-total .basket-total_bonus span:first-child{color:#747f89!important} .shared-ui .mc-checkout-total .basket-total_bonus span:last-child{color:var(--mc-accent-strong)!important;font-weight:700} .shared-ui .mc-checkout-total .basket-total_sum{margin-top:12px!important;padding-top:14px!important;color:#202a33!important;font-size:17px!important;font-weight:800!important} .shared-ui .mc-checkout-total .basket-total_sum>span{font-size:19px;color:#202a33} .shared-ui .mc-checkout-summary-card .mc-cart-side-pay{margin:16px 22px 22px;width:calc(100% - 44px);min-height:52px;border-radius:12px} .shared-ui .mc-checkout-main .mc-cart-bottom-pay{min-height:52px;padding:0 22px;border-radius:12px;background:var(--color1);color:#fff;font-weight:800;cursor:pointer} .shared-ui .mc-checkout-main .mc-cart-bottom-pay:hover,.shared-ui .mc-checkout-summary-card .mc-cart-side-pay:hover{background:var(--color2)} @media(max-width:1100px){.shared-ui .mc-checkout-v18{grid-template-columns:minmax(0,1fr) 370px!important;gap:22px!important} .shared-ui .mc-checkout-card{padding:20px} .shared-ui .mc-checkout-summary-card>.basket-header,.shared-ui .mc-checkout-summary-section,.shared-ui .mc-checkout-tool-row{padding-left:18px;padding-right:18px} .shared-ui .mc-checkout-summary-card .mc-cart-side-pay{margin-left:18px;margin-right:18px;width:calc(100% - 36px)}} @media(max-width:860px){.shared-ui .mc-checkout-v18{grid-template-columns:1fr!important;gap:18px!important;padding-top:70px} .shared-ui .mc-checkout-summary-card{position:static;order:-1} .shared-ui .mc-checkout-main>h1{font-size:25px} .shared-ui .mc-checkout-card{border-radius:15px} .shared-ui .mc-checkout-summary-card{border-radius:15px!important} .shared-ui .mc-checkout-main .mc-cart-bottom-pay{display:inline-flex;width:100%} .shared-ui .mc-checkout-account-email{grid-template-columns:1fr} .shared-ui .mc-checkout-account-email>small{grid-column:1} .shared-ui .mc-checkout-payment-card .e-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:520px){.shared-ui .mc-checkout-card{padding:16px} .shared-ui .mc-checkout-card__head{gap:10px} .shared-ui .mc-checkout-card__icon{flex-basis:36px;width:36px;height:36px} .shared-ui .mc-checkout-card__head h2{font-size:18px} .shared-ui .mc-checkout-summary-card>.basket-header{padding:16px 14px 13px} .shared-ui .mc-checkout-summary-section,.shared-ui .mc-checkout-tool-row{padding-left:14px;padding-right:14px} .shared-ui .mc-checkout-summary-card .basket-list>li{grid-template-columns:72px minmax(0,1fr)} .shared-ui .mc-checkout-summary-card .basket-list>li img{width:72px} .shared-ui .mc-checkout-summary-card .mc-cart-side-pay{margin-left:14px;margin-right:14px;width:calc(100% - 28px)} .shared-ui .mc-checkout-payment-card .e-grid4{grid-template-columns:1fr 1fr;gap:10px} .shared-ui .mc-checkout-promo-form{grid-template-columns:1fr!important} .shared-ui .mc-checkout-promo-form button{width:100%}} .shared-ui .mc-checkout-v18{gap:20px!important} .shared-ui .mc-checkout-card{margin-bottom:12px} .shared-ui .mc-checkout-main .mc-cart-bottom-pay{display:none!important} .shared-ui .mc-checkout-total{padding:16px 22px 18px} .shared-ui .mc-checkout-earned-box{display:flex;align-items:center;gap:11px;margin:4px 22px 0;padding:12px 13px;border:1px solid var(--mc-accent-border);border-radius:12px;background:var(--mc-accent-soft);color:var(--text,#030c3a)} .shared-ui .mc-checkout-earned-box[hidden]{display:none!important} .shared-ui .mc-checkout-earned-box__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:var(--mc-accent-border);color:var(--mc-accent-strong);font-size:15px} .shared-ui .mc-checkout-earned-box b{display:block;font-size:12.5px;line-height:1.3;color:var(--text,#030c3a)} .shared-ui .mc-checkout-earned-box div>span{display:block;margin-top:2px;color:#7f8c68;font-size:10.5px;line-height:1.35} .shared-ui .mc-checkout-payment-card .basket-form_payment label input[type="radio"] + img{height:88px!important;padding:8px 12px!important;border-width:2px!important;object-fit:contain!important} .shared-ui .mc-checkout-payment-card .basket-form_payment label input[type="radio"]:checked + img{border-color:var(--color1)!important;background:#fff!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--mc-accent) 8.0%,transparent)} @media(max-width:1100px){.shared-ui .mc-checkout-v18{gap:16px!important}} @media(max-width:860px){.shared-ui .mc-checkout-v18{gap:12px!important;padding-top:8px!important} .shared-ui .mc-checkout-summary-card .mc-cart-side-pay{display:none!important} .shared-ui .mc-checkout-main .mc-cart-bottom-pay{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;width:100%} .shared-ui .mc-checkout-summary-card{margin-bottom:0} .shared-ui .mc-checkout-total{padding:14px 14px 20px} .shared-ui .mc-checkout-earned-box{margin:4px 14px 0}} @media(max-width:520px){.shared-ui .mc-checkout-v18{padding-top:4px!important} .shared-ui .mc-checkout-earned-box{padding:11px 12px} .shared-ui .mc-checkout-payment-card .basket-form_payment label input[type="radio"] + img{height:78px!important;padding:7px 10px!important}} .shared-ui .mc-quick-register{margin-top:13px;padding-top:12px;border-top:1px solid #e7ebef} .shared-ui .mc-quick-register__status:empty{display:none} .shared-ui .mc-email-status{display:block;margin-bottom:10px;font-size:13px;line-height:1.4;color:#768396} .shared-ui .mc-email-status i{margin-right:5px} .shared-ui .mc-email-status--exists{padding:9px 11px;border-radius:9px;background:#fff8e8;color:#7d672a} .shared-ui .mc-email-status--exists a{color:var(--mc-accent-strong);font-weight:700;text-decoration:underline} .shared-ui .mc-email-status--free{color:var(--mc-accent-strong)} .shared-ui .mc-quick-register__option{position:relative;display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;min-height:28px;cursor:pointer;font-size:14px;font-weight:600;color:#344052} .shared-ui .mc-quick-register__check{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:0!important;pointer-events:none!important} .shared-ui .mc-quick-register__switch{position:relative;flex:0 0 44px;width:44px;height:24px;border-radius:999px;background:#dfe5ea;box-shadow:inset 0 0 0 1px #d2d9df;transition:background .18s ease,box-shadow .18s ease} .shared-ui .mc-quick-register__switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(24,39,56,.25);transition:transform .18s ease} .shared-ui .mc-quick-register__check:checked + .mc-quick-register__switch{background:#49b45b;box-shadow:inset 0 0 0 1px #49b45b} .shared-ui .mc-quick-register__check:checked + .mc-quick-register__switch:after{transform:translateX(20px)} .shared-ui .mc-quick-register__check:focus-visible + .mc-quick-register__switch{outline:2px solid var(--mc-accent-strong);outline-offset:2px} .shared-ui .mc-quick-register__label{line-height:1.35} .shared-ui .mc-quick-register__option.is-disabled{opacity:.48;cursor:default} .shared-ui .mc-quick-register__password{margin-top:12px;max-width:430px} .shared-ui .mc-quick-register__password[hidden]{display:none!important} .shared-ui .mc-quick-register__password label{display:block;margin:0 0 7px;font-size:13px;font-weight:600;color:#475467} .shared-ui .mc-quick-register__password input{display:block;width:100%;height:48px;padding:0 14px;border:1px solid #dfe5eb;border-radius:10px;background:#fff;box-sizing:border-box} .shared-ui .mc-quick-register__password small{display:block;margin-top:7px;color:#8793a2;font-size:12px;line-height:1.4} .shared-ui .mc-checkout-promo-result{display:flex!important;align-items:flex-start;justify-content:space-between;gap:10px} .shared-ui .mc-checkout-promo-result:empty{display:none!important} .shared-ui .mc-promo-clear{flex:0 0 auto;width:24px;height:24px;border:0;border-radius:50%;padding:0;background:var(--mc-accent-soft);color:var(--mc-accent-strong);font-size:20px;line-height:22px;cursor:pointer;font-family:Arial,sans-serif} .shared-ui .mc-promo-clear:hover{background:var(--mc-accent-border);color:var(--text,#030c3a)} @media(max-width:700px){.shared-ui .mc-quick-register__option{width:100%;align-items:flex-start} .shared-ui .mc-quick-register__password{max-width:none}} .shared-ui .mc-quick-register__option{ position:relative; display:flex; align-items:center; gap:10px; width:max-content; max-width:100%; min-height:28px; color:#344052; } .shared-ui .mc-quick-register__option>.mc-checkout-switch{ flex:0 0 42px; margin:0; } .shared-ui .mc-quick-register__label{ margin:0; line-height:1.35; font-size:14px; font-weight:600; color:#344052; cursor:pointer; } .shared-ui .mc-quick-register__option.is-disabled .mc-quick-register__label{ cursor:default; } @media(max-width:520px){.shared-ui .mc-quick-register__option{ width:100%; align-items:center; }} .shared-ui .basket-empty{box-sizing:border-box;min-height:360px!important;padding:42px 26px!important} .shared-ui .basket-empty__icon{box-shadow:0 8px 24px color-mix(in srgb,var(--mc-accent) 10.0%,transparent)} .shared-ui .basket-empty strong{font-size:21px!important} .shared-ui .basket-empty>a{gap:8px;box-shadow:0 7px 20px color-mix(in srgb,var(--mc-accent) 8.0%,transparent)} .shared-ui .mc-checkout-v18.is-empty{display:block!important} .shared-ui .mc-checkout-v18.is-empty>.mc-checkout-main,.shared-ui .mc-checkout-v18.is-empty>.mc-checkout-summary-card{display:none!important} .shared-ui .mc-checkout-empty[hidden]{display:none!important} .shared-ui .mc-checkout-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:760px;min-height:360px;margin:18px auto 30px;padding:44px 28px;border:1px dashed #d9e0e4;border-radius:18px;background:#fff;text-align:center;box-shadow:0 6px 24px rgba(27,38,48,.035)} .shared-ui .mc-checkout-empty__icon{display:flex;align-items:center;justify-content:center;width:66px;height:66px;margin-bottom:16px;border-radius:20px;background:var(--mc-accent-soft);color:var(--mc-accent-strong);font-size:25px} .shared-ui .mc-checkout-empty h2{margin:0 0 8px;color:#27313b;font-size:24px} .shared-ui .mc-checkout-empty p{max-width:520px;margin:0;color:#89939e;font-size:14px;line-height:1.55} .shared-ui .mc-checkout-empty__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;margin-top:22px;padding:0 20px;border-radius:11px;background:var(--color1);color:#fff!important;font-weight:750;text-decoration:none!important} .shared-ui .mc-checkout-empty__btn:hover{background:var(--color2)} .shared-ui .mc-checkout-total .basket-total_bonus{display:none!important;align-items:center;justify-content:space-between;text-align:left!important} .shared-ui .mc-checkout-total .basket-total_bonus.is-visible{display:flex!important} .shared-ui .mc-checkout-total .basket-total_bonus[style*="display: none"],.shared-ui .mc-checkout-total .basket-total_bonus[style*="display:none"]{display:none!important} .shared-ui .mc-order-product__body>.mc-order-product__actions{margin-top:9px} @media(max-width:600px){.shared-ui .basket-empty{min-height:310px!important;padding:34px 18px!important} .shared-ui .mc-checkout-empty{min-height:300px;margin:8px 0 20px;padding:34px 18px;border-radius:15px} .shared-ui .mc-checkout-empty h2{font-size:21px}} .shared-ui .prod-preview__image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;object-position:center} .shared-ui .mc-page-body{position:relative} .shared-ui .wrapper{width:100%;box-sizing:border-box} .shared-ui .products-layout--catalog{margin-top:25px} .shared-ui .catalog-filter-col{margin-top:25px} .shared-ui .catalog-filter{box-shadow:0 0 10px rgba(0,0,0,.09);background:#fff} .shared-ui .catalog-filter-actions{margin-top:12px} .shared-ui .catalog-filter-actions .pp-reset{margin-top:8px} .shared-ui .navigation-button{display:inline-block} .shared-ui .mc-home-popular-wrap{width:100%;min-width:0} .shared-ui .banner-shell{max-width:1280px;margin:0 auto;padding:16px} .shared-ui .banner-swiper{border-radius:20px;overflow:hidden;background:#f7f2ff} .shared-ui .banner-slide{display:block;width:100%;height:auto} .shared-ui .banner-slide img{width:100%;height:auto;display:block;object-fit:cover} .shared-ui .banner-nav{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.9);box-shadow:0 6px 20px rgba(0,0,0,.08)} .shared-ui .banner-nav:after{font-size:18px;color:#222} .shared-ui .banner-dots{bottom:14px!important} .shared-ui .banner-dots .swiper-pagination-bullet{width:8px;height:8px;opacity:.5} .shared-ui .banner-dots .swiper-pagination-bullet-active{opacity:1} .shared-ui .mc-product-poster{display:block;width:100%;height:auto} .shared-ui .game-dlc-overlay{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;pointer-events:none} .shared-ui .game-header__title{overflow-wrap:anywhere} .shared-ui #navigation{width:100%;text-align:center;clear:both} @media screen and (max-width:1024px){.shared-ui .mc-page-body{padding-top:57px} .shared-ui .header__logo img{width:100%;height:auto;max-height:100%;object-fit:contain} .shared-ui .header__main-col{min-width:0} .shared-ui .header__info-wr{flex-wrap:nowrap!important;align-items:center;justify-content:flex-end;gap:6px} .shared-ui .header-store{flex:0 0 45px;width:45px;min-width:45px;padding:0;justify-content:center} .shared-ui .header-user,.shared-ui .modal-login{flex:0 0 45px} .shared-ui .header-user>a,.shared-ui .modal-login>a{width:45px;min-width:45px}} @media screen and (max-width:799px){.shared-ui .game-body__stationary,.shared-ui .game-body__wandering{max-width:none;align-items:stretch} .shared-ui .game-body__wandering--first{width:100%;max-width:430px;align-self:center}} @media screen and (max-width:768px){.shared-ui .banner-shell{padding:8px} .shared-ui .banner-nav{width:40px;height:40px} .shared-ui .catalog-filter-col{margin-top:16px}} @media screen and (max-width:600px){.shared-ui .game-parametrs{padding:24px 20px 4px} .shared-ui .game-deal{padding:20px} .shared-ui .preorder-bonus{padding:18px 20px} .shared-ui .store-features{padding:20px} .shared-ui .panel-heading{padding:16px 18px}} @media screen and (max-width:480px){.shared-ui .header__top>.wrapper{display:grid;grid-template-columns:57px minmax(0,1fr) auto 57px;column-gap:8px;align-items:center;height:57px;padding:0} .shared-ui .header-mob{grid-column:1;grid-row:1} .shared-ui .header__logo{grid-column:2;grid-row:1;justify-self:center;display:flex;align-items:center;width:82px;max-width:82px;height:46px;margin:0;padding:0} .shared-ui .header__main-col{grid-column:3;grid-row:1;padding:0;max-width:none;display:flex;align-items:center;justify-content:flex-end;margin-left:0} .shared-ui .header__main-col .search-div{position:static} .shared-ui .header__info-wr{display:flex!important;width:auto;line-height:normal;gap:6px!important} .shared-ui .header__mob-search{grid-column:4;grid-row:1;width:57px;height:57px;align-self:stretch;margin-left:0} .shared-ui .header-store,.shared-ui .header-user>a,.shared-ui .modal-login>a,.shared-ui .modal-login>a i{width:38px;min-width:38px;height:38px;min-height:38px;line-height:38px;border-radius:10px} .shared-ui .header-store,.shared-ui .header-user,.shared-ui .modal-login{flex-basis:38px} .shared-ui .mc-card__body{padding:10px;gap:8px} .shared-ui .mc-card__title{font-size:14px;line-height:1.3} .shared-ui .mc-card__footer{gap:8px} .shared-ui .mc-card__actions .mc-btn{padding:8px;font-size:13px} .shared-ui .mc-card__badges .mc-card__price-badge,.shared-ui .mc-card__badges .mc-card__watermark-badge{padding:2px 7px;font-size:9px} .shared-ui #navigation{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:16px} .shared-ui #navigation .navigation-button{display:inline-flex} .shared-ui #navigation .products-wr__btn-more{margin:0;min-width:0} .shared-ui .navbutcont{order:3;width:100%;padding:4px 0;font-size:0} .shared-ui .navbutcont a,.shared-ui .navbutcont span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;margin:2px;padding:7px 9px;font-size:14px}} @media screen and (max-width:420px){.shared-ui .game-parametrs .params-cols__tr{white-space:normal;display:block} .shared-ui .game-parametrs .params-cols__param,.shared-ui .game-parametrs .params-cols__content{display:block;width:100%;padding-right:0} .shared-ui .game-parametrs .params-cols__param{margin-bottom:3px;font-weight:600;color:#666} .shared-ui .game-parametrs .params-cols__content{overflow-wrap:anywhere}} @media screen and (max-width:360px){.shared-ui .header__top>.wrapper{column-gap:7px} .shared-ui .header__logo{width:74px;max-width:74px} .shared-ui .header__info-wr{gap:5px!important} .shared-ui .header-store,.shared-ui .header-user>a,.shared-ui .modal-login>a,.shared-ui .modal-login>a i{width:37px;min-width:37px;height:37px;min-height:37px;line-height:37px} .shared-ui .header-store,.shared-ui .header-user,.shared-ui .modal-login{flex-basis:37px}} .shared-ui .telegram-btn img,.shared-ui .vk-btn img{width:20px!important;height:auto!important;max-height:20px;object-fit:contain;flex:0 0 20px} .shared-ui .telegram-btn.btn,.shared-ui .vk-btn.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px} @media screen and (max-width:630px){.shared-ui .mc-page-body>.wrapper{padding-top:10px} .shared-ui .mc-page-body>.wrapper .mc-checkout-v18{margin-top:0}} .shared-ui .header__info-wr{ align-items:center; justify-content:flex-start; gap:12px; } .shared-ui .header__info-links{ margin-right:auto; } .shared-ui .currency__dropdown{ position:relative!important; right:auto!important; top:auto!important; flex:0 0 auto; margin:0; z-index:6; } .shared-ui .currency__dropdown .dropdown__head-main{ display:block!important; } .shared-ui .currency__dropdown .dropdown__head{ box-sizing:border-box; width:auto!important; min-width:82px; height:42px; display:flex; align-items:center; justify-content:center; padding:0 28px 0 13px!important; border:1px solid #dedede; border-radius:15px!important; background:#fff; line-height:1!important; white-space:nowrap; } .shared-ui .currency__dropdown .dropdown__head:after{ right:12px; } .shared-ui .currency__dropdown #currency_now{ display:flex; align-items:center; justify-content:center; gap:4px; white-space:nowrap; line-height:1; } .shared-ui .currency__dropdown #currency_now .currency__symbol{ display:none; } .shared-ui .currency__dropdown .dropdown__cont{ left:auto; right:0; width:112px; min-width:112px; margin-top:7px; overflow:visible; } .shared-ui .currency__dropdown .currency__list-item{ display:flex; align-items:center; justify-content:space-between; gap:10px; white-space:nowrap; padding:0 14px; } .shared-ui .currency__dropdown .currency__list-item .currency__symbol{ float:none; display:inline-flex; margin-left:auto; } @media screen and (min-width:1025px){.shared-ui .header__info-wr{gap:14px} .shared-ui .header-store{margin-left:0} .shared-ui .currency__dropdown .dropdown__head{height:40px;min-width:82px}} @media screen and (min-width:481px) and (max-width:1024px){.shared-ui .header__top>.wrapper{ gap:8px; } .shared-ui .header__logo{ width:112px; max-width:112px; margin:0 8px; } .shared-ui .header__main-col{ min-width:0; padding:0; display:flex; align-items:center; justify-content:flex-end; } .shared-ui .header__info-wr{ display:flex!important; width:auto; min-width:0; flex-wrap:nowrap!important; align-items:center; justify-content:flex-end; gap:8px!important; line-height:normal; } .shared-ui .header__info-links{display:none!important} .shared-ui .header-store{ margin-left:0!important; flex:0 0 45px; width:45px; min-width:45px; height:45px; padding:0; justify-content:center; border-radius:12px; } .shared-ui .header-store i:not([class]){display:none!important} .shared-ui .header-user,.shared-ui .modal-login{flex:0 0 45px} .shared-ui .header-user>a,.shared-ui .modal-login>a{ width:45px; min-width:45px; height:45px; min-height:45px; line-height:45px; } .shared-ui .header-user>a{ background:var(--bg2); border-radius:12px; font-size:20px; } .shared-ui .header-user>a span,.shared-ui .modal-login>a span{display:none!important} .shared-ui .header-user>a i{font-size:20px} .shared-ui .modal-login>a i{ width:45px; height:45px; line-height:45px; background:var(--bg2); border-radius:12px; font-size:20px; } .shared-ui .currency__dropdown{ display:block!important; flex:0 0 auto; } .shared-ui .currency__dropdown .dropdown__head{ min-width:76px; width:76px!important; height:45px; padding:0 25px 0 11px!important; border-radius:12px!important; } .shared-ui .currency__dropdown .dropdown__head:after{right:10px} .shared-ui .currency__dropdown .dropdown__cont{ right:0; left:auto; }} @media screen and (max-width:480px){.shared-ui .currency__dropdown{display:none!important}} .shared-ui .mc-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} .shared-ui .mc-inline-favorite{display:inline-flex;align-items:center;justify-content:center;margin-left:9px;vertical-align:middle} .shared-ui .mc-inline-favorite a{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0!important;border-radius:9px;background:#fff1f0;color:#ff4d43;text-decoration:none;transition:background .18s ease,transform .18s ease} .shared-ui .mc-inline-favorite a:hover{background:#ffe3e1;transform:translateY(-1px)} .shared-ui .mc-inline-favorite i{font-size:14px;line-height:1} .shared-ui .mc-access-type{display:inline-flex;align-items:center;gap:7px;min-width:0} .shared-ui .mc-access-type i{width:16px;text-align:center;color:var(--mc-accent-strong);font-size:13px} .shared-ui .mc-full-description{position:relative;min-width:0} .shared-ui .mc-full-description.is-collapsed{max-height:var(--mc-description-limit,720px);overflow:hidden} .shared-ui .mc-full-description.is-collapsed:after{content:"";position:absolute;left:0;right:0;bottom:0;height:105px;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 88%)} .shared-ui .mc-full-description.is-expanded{max-height:none;overflow:visible} .shared-ui .mc-description-toggle,.shared-ui .mc-intro-toggle{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px auto 4px;padding:10px 17px;border:1px solid color-mix(in srgb,var(--mc-accent) 35.0%,transparent);border-radius:12px;background:var(--mc-accent-soft);color:var(--text,#030c3a);font:600 14px/1.2 inherit;cursor:pointer;transition:background .18s ease,border-color .18s ease} .shared-ui .mc-description-toggle:hover,.shared-ui .mc-intro-toggle:hover{background:var(--mc-accent-soft);border-color:color-mix(in srgb,var(--mc-accent) 60.0%,transparent)} .shared-ui .mc-description-toggle[hidden]{display:none!important} .shared-ui .mc-description-toggle i,.shared-ui .mc-intro-toggle i{font-size:11px} .shared-ui .mc-main-intro--collapsible{position:relative} .shared-ui .mc-main-intro--collapsible.is-collapsed{max-height:var(--mc-cat-intro-limit,340px);overflow:hidden} .shared-ui .mc-main-intro--collapsible.is-collapsed:after{content:"";position:absolute;left:0;right:0;bottom:0;height:80px;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 86%);pointer-events:none} .shared-ui .mc-main-intro--collapsible.is-expanded{max-height:none;overflow:visible} .shared-ui .mc-main-intro+.mc-intro-toggle{margin-top:-8px;margin-bottom:18px} .shared-ui .banner-swiper{position:relative;overflow:hidden} .shared-ui .banner-swiper>.swiper-wrapper{display:flex;align-items:stretch;width:100%;will-change:transform;transition-property:transform;transition-timing-function:ease} .shared-ui .banner-swiper .banner-slide{display:block;flex:0 0 100%;min-width:100%;width:100%} .shared-ui .banner-nav{position:absolute;top:50%;z-index:4;display:flex!important;align-items:center;justify-content:center;transform:translateY(-50%);border:0;cursor:pointer} .shared-ui .banner-nav.swiper-button-prev{left:16px} .shared-ui .banner-nav.swiper-button-next{right:16px} .shared-ui .banner-nav:after{content:""!important;display:block;width:11px;height:11px;border-top:2.5px solid #222;border-right:2.5px solid #222;font-size:0!important;line-height:0!important;margin:0!important} .shared-ui .banner-nav.swiper-button-prev:after{transform:rotate(-135deg);margin-left:4px!important} .shared-ui .banner-nav.swiper-button-next:after{transform:rotate(45deg);margin-right:4px!important} .shared-ui .banner-dots{position:absolute;left:50%;bottom:14px!important;z-index:4;display:flex;gap:7px;transform:translateX(-50%)} .shared-ui .banner-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#333;opacity:.45;cursor:pointer} .shared-ui .banner-dot.is-active{opacity:1;background:var(--mc-accent-strong)} @media screen and (max-width:799px){.shared-ui .main-wr>.wrapper{padding-top:0!important} .shared-ui .main-wr{margin-top:0!important;padding-top:0!important} .shared-ui .game-body{margin-top:0!important} .shared-ui .game-parametrs{padding:18px 18px 4px} .shared-ui .game-header__title{font-size:22px;line-height:1.15;margin-bottom:18px} .shared-ui .game-parametrs .params-cols__tr{display:grid;grid-template-columns:minmax(112px,40%) minmax(0,1fr);gap:0 10px;align-items:start;white-space:normal;margin-bottom:9px} .shared-ui .game-parametrs .params-cols__param,.shared-ui .game-parametrs .params-cols__content{display:block;width:auto!important;padding-right:0;min-width:0;font-size:13px;line-height:18px} .shared-ui .game-parametrs .params-cols__param{font-weight:600;color:#5d5d5d} .shared-ui .game-parametrs .params-cols__content{overflow-wrap:anywhere} .shared-ui .game-deal{padding:16px 18px} .shared-ui .game-deal__column:not(:last-child){margin-bottom:18px} .shared-ui .mor-full_link{gap:8px} .shared-ui .mor-full_link .e-btn{padding:12px 10px;border-radius:13px;font-size:14px;line-height:1.15} .shared-ui .mor-full_link .e-btn i{font-size:14px;margin-right:5px} .shared-ui .mc-main-intro{margin-top:8px;padding:14px 14px} .shared-ui .mc-main-intro__title{font-size:20px;line-height:1.12;margin-bottom:9px} .shared-ui .subcat-wrapper{margin:18px 0 24px} .shared-ui .subcat-title{margin-bottom:12px;font-size:18px}} @media screen and (max-width:630px){.shared-ui .mc-full-description.is-collapsed{max-height:var(--mc-description-limit,520px)} .shared-ui .game-describe__tab{padding-top:16px} .shared-ui .mc-description-toggle,.shared-ui .mc-intro-toggle{font-size:13px;padding:9px 14px;border-radius:11px}} @media screen and (max-width:480px){.shared-ui .banner-nav{width:36px;height:36px} .shared-ui .banner-nav.swiper-button-prev{left:10px} .shared-ui .banner-nav.swiper-button-next{right:10px} .shared-ui .banner-nav:after{width:9px;height:9px;border-width:2px} .shared-ui .banner-dots{bottom:9px!important;gap:6px} .shared-ui .banner-dot{width:7px;height:7px} .shared-ui .game-parametrs{padding:15px 13px 3px} .shared-ui .game-header__title{font-size:20px;line-height:1.14;margin-bottom:15px} .shared-ui .game-parametrs .params-cols__tr{grid-template-columns:minmax(105px,39%) minmax(0,1fr);column-gap:8px;margin-bottom:8px} .shared-ui .game-deal{padding:14px 13px} .shared-ui .mor-full_link{gap:7px} .shared-ui .mor-full_link .e-btn{padding:11px 8px;font-size:13px;border-radius:12px} .shared-ui .mc-inline-favorite{margin-left:6px} .shared-ui .mc-inline-favorite a{width:27px;height:27px} .shared-ui .available__icon{margin-left:7px} .shared-ui .mc-main-intro{padding:13px 11px;margin-top:6px} .shared-ui .mc-main-intro__title{font-size:19px}} @media screen and (max-width:420px){.shared-ui .game-parametrs .params-cols__tr{display:grid;grid-template-columns:minmax(103px,39%) minmax(0,1fr);white-space:normal} .shared-ui .game-parametrs .params-cols__param,.shared-ui .game-parametrs .params-cols__content{display:block;width:auto!important;padding-right:0} .shared-ui .game-parametrs .params-cols__param{margin-bottom:0}} @media screen and (max-width:360px){.shared-ui .game-parametrs .params-cols__tr{grid-template-columns:minmax(98px,38%) minmax(0,1fr);column-gap:7px} .shared-ui .game-header__title{font-size:19px} .shared-ui .mor-full_link .e-btn{font-size:12.5px}} .shared-ui .currency__dropdown .currency__list{margin:0!important;padding:0!important} .shared-ui .currency__dropdown .dropdown__cont{padding-top:6px!important;padding-bottom:6px!important} .shared-ui .params-cols__content--article .available__icon{margin-left:0!important} .shared-ui .mc-favorite-chip{display:inline-flex;align-items:center;vertical-align:middle} .shared-ui .mc-favorite-chip a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:28px;padding:5px 9px;border:1px solid #ffd7d3!important;border-radius:9px;background:#fff5f4;color:#e34c44!important;text-decoration:none!important;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;transition:background .18s ease,border-color .18s ease,transform .18s ease} .shared-ui .mc-favorite-chip a:hover{background:#ffeae8;border-color:#ffc9c4!important;transform:translateY(-1px)} .shared-ui .mc-favorite-chip i{font-size:12px;line-height:1} .shared-ui .game-describe__tab.typography{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.62;color:#20242a;letter-spacing:.005em} .shared-ui .game-describe__tab.typography p{margin-bottom:16px} .shared-ui .game-describe__tab.typography h2,.shared-ui .game-describe__tab.typography h3,.shared-ui .game-describe__tab.typography h4{font-family:inherit;line-height:1.3} .shared-ui .game-describe__tab.typography strong,.shared-ui .game-describe__tab.typography b{font-weight:700} .shared-ui .game-describe__tab.typography a{font-weight:500} .shared-ui .mc-tab-label-mobile{display:none} .shared-ui .mc-category-description{min-width:0} .shared-ui .subcat-title{display:flex!important;align-items:center;justify-content:center;gap:8px} .shared-ui .subcat-title>i{font-size:15px;color:var(--mc-accent-strong)} .shared-ui .subcat-chip{gap:7px} .shared-ui .subcat-chip>i{font-size:11px;opacity:.62} .shared-ui .subcat-chip.is-active>i{opacity:1} @media screen and (max-width:630px){.shared-ui .mc-page-body>.wrapper{padding-top:3px!important} .shared-ui .mc-catalog-shell{padding-top:0!important;padding-bottom:8px!important;margin-left:0!important;margin-right:0!important} .shared-ui .mc-catalog-shell .mc-main-intro{margin:0 0 8px!important;padding:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important} .shared-ui .mc-category-description{margin:0 0 8px;padding:10px 10px 5px;background:#fff;border-radius:13px} .shared-ui .mc-category-description p,.shared-ui .mc-category-description ul,.shared-ui .mc-category-description ol,.shared-ui .mc-category-description blockquote{display:none!important} .shared-ui .mc-category-description h1,.shared-ui .mc-category-description h2{font-size:20px!important;line-height:1.15!important;margin:0!important;padding:0!important} .shared-ui .mc-intro-toggle{display:none!important} .shared-ui .subcat-wrapper{margin:0 0 9px!important;padding:11px 9px 10px;background:#fff;border:1px solid var(--mc-accent-soft);border-radius:13px;box-shadow:0 3px 12px color-mix(in srgb,var(--mc-accent) 5.0%,transparent)} .shared-ui .subcat-title{font-size:16px!important;line-height:1.2;margin:0 0 10px!important} .shared-ui .subcat-grid{gap:7px!important} .shared-ui .subcat-wrapper .subcat-chip,.shared-ui .subcat-chip{min-height:34px;padding:7px 10px!important;font-size:12.5px!important;line-height:1.15!important;border-radius:10px!important;box-shadow:0 1px 4px rgba(0,0,0,.05)!important} .shared-ui .subcat-chip>i{font-size:10px} .shared-ui .game-deal{padding:13px!important} .shared-ui .game-deal__column:first-child{display:block!important;width:100%!important;margin:0!important} .shared-ui .game-deal__column:not(:last-child){margin-bottom:0!important} .shared-ui .game-deal__col--price{margin:0 0 10px!important;text-align:left} .shared-ui .price-wr__main-str{text-align:left} .shared-ui .price--xl{font-size:34px!important;line-height:1!important} .shared-ui .mor-full_link{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px!important;width:100%;margin:0!important} .shared-ui .mor-full_link .e-btn{display:flex!important;align-items:center;justify-content:center;min-width:0;width:100%!important;min-height:40px;padding:9px 7px!important;font-size:12.5px!important;line-height:1.1!important;border-radius:11px!important;white-space:nowrap} .shared-ui .mor-full_link .e-btn i{font-size:12px!important;margin-right:5px!important} .shared-ui .game-deal__column:nth-child(2){margin-top:0!important;width:100%!important} .shared-ui .game-deal__col--review{display:none!important} .shared-ui .game-deal__col--available{margin:0!important;padding:0!important} .shared-ui .game-deal__col--available .available:empty{display:none!important} .shared-ui .game-describe__controls{display:grid!important;grid-template-columns:.92fr 1fr 1.22fr;gap:4px!important;align-items:stretch;padding:0!important} .shared-ui .game-describe__button{min-width:0!important;margin:0!important;padding:8px 4px!important;text-align:center!important} .shared-ui .game-describe__title{font-size:12px!important;line-height:1.15!important;margin:0!important;white-space:nowrap} .shared-ui .mc-tab-label-desktop{display:none!important} .shared-ui .mc-tab-label-mobile{display:inline!important} .shared-ui .game-describe__tab.typography{font-size:15px;line-height:1.58;letter-spacing:0} .shared-ui .game-describe__tab.typography p{margin-bottom:14px} .shared-ui .game-parametrs{padding-top:12px!important} .shared-ui .game-header__title{font-size:19px!important;line-height:1.1!important;margin-bottom:13px!important} .shared-ui .mc-favorite-chip a{min-height:27px;padding:5px 8px;font-size:11.5px}} @media screen and (max-width:360px){.shared-ui .game-describe__title{font-size:11.3px!important} .shared-ui .game-describe__button{padding-left:2px!important;padding-right:2px!important} .shared-ui .mor-full_link .e-btn{font-size:12px!important;padding-left:5px!important;padding-right:5px!important} .shared-ui .mc-category-description h1,.shared-ui .mc-category-description h2{font-size:19px!important}} .shared-ui .params-cols__content--article{display:flex!important;align-items:center;flex-wrap:wrap;gap:6px 8px} .shared-ui .mc-favorite-row{margin-top:-1px!important;margin-bottom:11px!important} .shared-ui .mc-favorite-chip{display:inline-flex;align-items:center} .shared-ui .mc-favorite-chip a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;padding:7px 11px;border:1px solid #eadedb!important;border-radius:10px;background:#fff;color:#dc5148!important;text-decoration:none!important;font-size:12.5px;font-weight:650;line-height:1;white-space:nowrap;transition:.18s ease} .shared-ui .mc-favorite-chip a:hover{background:#fff4f2;border-color:#ffcfc9!important;transform:translateY(-1px)} .shared-ui .mc-favorite-chip i{font-size:13px} .shared-ui .mc-access-type{display:inline-flex;align-items:center;gap:8px;min-width:0} .shared-ui .mc-access-logo{display:block;width:20px!important;height:20px!important;object-fit:contain;flex:0 0 20px;border-radius:5px} .shared-ui .mc-game-deal{align-items:center;justify-content:flex-start;gap:18px} .shared-ui .mc-game-deal__main{display:flex!important;align-items:center;flex-wrap:wrap;width:100%!important;gap:16px 20px} .shared-ui .mc-game-deal .game-deal__col--price{margin:0!important} .shared-ui .mc-game-deal .mor-full_link{margin:0!important} .shared-ui .mc-bonus-earned{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:8px 11px;border:1px solid var(--mc-accent-border);border-radius:10px;background:var(--mc-accent-soft);color:var(--text,#030c3a);font-size:12.5px;line-height:1.25;white-space:nowrap} .shared-ui .mc-bonus-earned i{color:var(--mc-accent-strong);font-size:14px} .shared-ui .mc-fullstory-wide{width:100%;margin-top:20px} .shared-ui .mc-course-description,.shared-ui .mc-faq,.shared-ui .mc-fullstory-wide>.game-similar{box-sizing:border-box;width:100%;background:#fff;margin:0 0 20px;padding:30px 38px;border-radius:2px} .shared-ui .mc-course-description__head,.shared-ui .mc-faq__head{margin-bottom:22px} .shared-ui .mc-course-description__eyebrow,.shared-ui .mc-faq__eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:7px;color:var(--mc-accent-strong);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase} .shared-ui .mc-course-description__title,.shared-ui .mc-faq__title{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:24px;line-height:1.2;color:#171a1f} .shared-ui .mc-faq__lead{margin:8px 0 0;color:#777;font-size:14px} .shared-ui .mc-course-description__body.typography{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.68;color:#20242a;letter-spacing:0} .shared-ui .mc-course-description__body.typography p{margin:0 0 17px} .shared-ui .mc-course-description__body.typography h2,.shared-ui .mc-course-description__body.typography h3,.shared-ui .mc-course-description__body.typography h4{font-family:inherit;line-height:1.3;color:#15181d} .shared-ui .mc-course-description__body.typography strong,.shared-ui .mc-course-description__body.typography b{font-weight:700} .shared-ui .mc-course-description__body.typography a{font-weight:550} .shared-ui .mc-course-description__body .list3b{font-family:inherit} .shared-ui .mc-faq__list{border-top:1px solid var(--mc-accent-soft)} .shared-ui .mc-faq__item{border-bottom:1px solid var(--mc-accent-soft);background:#fff} .shared-ui .mc-faq__item>summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 42px 14px 0;cursor:pointer;list-style:none;color:#191c20;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:15px;font-weight:700;line-height:1.3} .shared-ui .mc-faq__item>summary::-webkit-details-marker{display:none} .shared-ui .mc-faq__plus{position:absolute;right:4px;top:50%;width:20px;height:20px;transform:translateY(-50%)} .shared-ui .mc-faq__plus::before,.shared-ui .mc-faq__plus::after{content:"";position:absolute;left:50%;top:50%;background:var(--mc-accent-strong);border-radius:2px;transform:translate(-50%,-50%);transition:transform .2s ease} .shared-ui .mc-faq__plus::before{width:12px;height:2px} .shared-ui .mc-faq__plus::after{width:2px;height:12px} .shared-ui .mc-faq__item[open] .mc-faq__plus::after{transform:translate(-50%,-50%) rotate(90deg)} .shared-ui .mc-faq__answer{padding:0 44px 17px 0;color:#4d535a;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14.5px;line-height:1.62} .shared-ui .mc-faq__answer p{margin:0 0 10px} .shared-ui .mc-faq__answer p:last-child{margin-bottom:0} .shared-ui .mc-faq__answer a{font-weight:600} .shared-ui .mc-faq--home{margin-top:26px!important;border-radius:14px!important;box-shadow:0 5px 18px color-mix(in srgb,var(--mc-accent) 5.0%,transparent)} @media screen and (max-width:1020px){.shared-ui .header-mob__cats-panel .mobcats__toggle,.shared-ui .header-mob__cats-panel .mobcats__panel{display:none!important} .shared-ui .header-mob__cats-panel .mobcats__li.has-children>.mobcats__plink{padding-right:13px!important}} @media screen and (max-width:630px){.shared-ui .mc-favorite-row{grid-template-columns:1fr!important;margin-top:-2px!important;margin-bottom:8px!important} .shared-ui .mc-favorite-row .params-cols__param{display:none!important} .shared-ui .mc-favorite-row .params-cols__content{grid-column:1/-1!important} .shared-ui .mc-favorite-chip a{min-height:30px;padding:6px 10px;font-size:12px} .shared-ui .mc-access-logo{width:18px!important;height:18px!important;flex-basis:18px} .shared-ui .mc-game-deal{padding:12px!important} .shared-ui .mc-game-deal__main{display:grid!important;grid-template-columns:1fr 1fr;gap:9px!important} .shared-ui .mc-game-deal .game-deal__col--price{grid-column:1/-1;margin:0 0 1px!important} .shared-ui .mc-game-deal .price--xl{font-size:32px!important} .shared-ui .mc-game-deal .mor-full_link{grid-column:1/-1;display:grid!important;grid-template-columns:1fr 1fr;gap:7px!important;width:100%} .shared-ui .mc-game-deal .mor-full_link .e-btn{min-height:38px!important;padding:8px 5px!important;font-size:12px!important;border-radius:10px!important} .shared-ui .mc-bonus-earned{grid-column:1/-1;width:max-content;max-width:100%;min-height:32px;padding:7px 9px;font-size:11.5px;white-space:normal} .shared-ui .mc-fullstory-wide{margin-top:10px} .shared-ui .mc-course-description,.shared-ui .mc-faq,.shared-ui .mc-fullstory-wide>.game-similar{margin-bottom:12px;padding:17px 14px;border-radius:0} .shared-ui .mc-course-description__head,.shared-ui .mc-faq__head{margin-bottom:14px} .shared-ui .mc-course-description__title,.shared-ui .mc-faq__title{font-size:20px} .shared-ui .mc-course-description__body.typography{font-size:15px;line-height:1.62} .shared-ui .mc-course-description__body.typography p{margin-bottom:14px} .shared-ui .mc-faq__item>summary{min-height:50px;padding:12px 36px 12px 0;font-size:13.5px} .shared-ui .mc-faq__answer{padding:0 32px 14px 0;font-size:13.5px;line-height:1.55} .shared-ui .mc-faq__plus{right:1px} .shared-ui .mc-faq--home{margin:14px 0 4px!important;border-radius:12px!important} .shared-ui .game-describe__controls{display:none!important}} .shared-ui .mc-article-row{margin-bottom:6px!important} .shared-ui .mc-favorite-row{margin-top:0!important;margin-bottom:10px!important} .shared-ui .mc-favorite-row .params-cols__param{color:#3b3f44} .shared-ui .mc-favorite-chip a{min-height:30px;padding:6px 10px;border-color:#efddd9!important;background:#fffdfc;color:#df4e45!important} .shared-ui .mc-favorite-chip a:hover{background:#fff3f1;border-color:#ffd0ca!important} .shared-ui .mc-author-price{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:5px 9px;border:1px solid #e8e8e8;border-radius:9px;background:#f8f8f8;line-height:1.15} .shared-ui .mc-author-price__old{color:#73777c;font-size:15px;font-weight:650;text-decoration:line-through;text-decoration-thickness:1.4px;text-decoration-color:#a4a7aa;white-space:nowrap} .shared-ui .mc-author-price__note{color:#9a9da1;font-size:10.5px;font-weight:600;white-space:nowrap} .shared-ui .mc-game-deal{padding:32px 40px!important} .shared-ui .mc-game-deal__main{gap:18px 24px!important} .shared-ui .mc-game-deal .mor-full_link{gap:10px!important} .shared-ui .mc-bonus-earned{margin-left:2px} .shared-ui .mc-faq--home{box-sizing:border-box!important;width:100%!important;max-width:1200px!important;margin:26px auto 4px!important;padding:24px!important} @media screen and (max-width:630px){.shared-ui .mc-media .mc-product-poster{display:block!important;width:100%!important;height:clamp(245px,78vw,305px)!important;object-fit:cover!important;object-position:center 18%!important} .shared-ui .game-parametrs .mc-favorite-row{display:grid!important;grid-template-columns:minmax(103px,39%) minmax(0,1fr)!important;column-gap:8px!important;margin-top:0!important;margin-bottom:8px!important} .shared-ui .mc-favorite-row .params-cols__param{display:block!important;grid-column:auto!important;margin:0!important} .shared-ui .mc-favorite-row .params-cols__content{display:block!important;grid-column:auto!important;width:auto!important} .shared-ui .mc-favorite-chip a{min-height:28px;padding:5px 8px;font-size:11.5px} .shared-ui .mc-auto-info-title{display:none!important} .shared-ui .mc-game-deal{padding:17px 15px!important} .shared-ui .mc-game-deal__main{gap:11px!important} .shared-ui .mc-game-deal .game-deal__col--price{margin-bottom:2px!important} .shared-ui .mc-game-deal .mor-full_link{gap:9px!important} .shared-ui .mc-game-deal .mor-full_link .e-btn{min-height:41px!important;padding:9px 7px!important} .shared-ui .mc-bonus-earned{margin:1px 0 0!important;padding:8px 10px!important} .shared-ui .mc-author-price{padding:4px 7px;gap:6px} .shared-ui .mc-author-price__old{font-size:13.5px} .shared-ui .mc-author-price__note{font-size:9.5px} .shared-ui .mc-faq--home{max-width:100%!important;margin:14px auto 4px!important;padding:17px 14px!important}} .shared-ui .game-parametrs .mc-article-row{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:6px 8px!important;white-space:nowrap!important;margin-bottom:8px!important} .shared-ui .game-parametrs .mc-article-row .params-cols__param{display:inline-block!important;flex:0 0 auto!important;width:auto!important;margin:0!important;padding:0!important} .shared-ui .game-parametrs .mc-article-row .params-cols__content--article{display:flex!important;align-items:center!important;flex:0 1 auto!important;width:auto!important;min-width:0!important;gap:6px!important;overflow:visible!important;white-space:nowrap!important} .shared-ui .game-parametrs .mc-article-row .available__icon{flex:0 0 auto!important;margin-left:0!important} .shared-ui .game-parametrs .mc-article-row .available__text{white-space:nowrap!important} @media screen and (max-width:630px){.shared-ui .mc-course-description .mc-auto-info{display:none!important} .shared-ui .mc-game-deal{padding:22px 18px 24px!important} .shared-ui .mc-game-deal__main{gap:14px 10px!important} .shared-ui .mc-game-deal .game-deal__col--price{margin:0 0 2px!important} .shared-ui .mc-game-deal .mor-full_link{gap:10px!important;margin:0!important} .shared-ui .mc-game-deal .mor-full_link .e-btn{min-height:44px!important;padding:10px 7px!important} .shared-ui .mc-bonus-earned{margin:3px 0 0!important;padding:9px 11px!important;min-height:34px!important}} .shared-ui .game-parametrs .mc-article-row{display:block!important;white-space:normal!important;margin-bottom:9px!important} .shared-ui .game-parametrs .mc-article-line{display:inline-flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:6px!important;max-width:100%;white-space:nowrap!important} .shared-ui .game-parametrs .mc-article-label{display:inline!important;width:auto!important;margin:0 8px 0 0!important;padding:0!important;color:inherit;font-weight:400} .shared-ui .game-parametrs .mc-article-line .available__icon{margin:0!important;flex:0 0 16px!important} .shared-ui .game-parametrs .mc-article-line .available__text,.shared-ui .game-parametrs .mc-article-id{white-space:nowrap!important} .shared-ui .mc-card__badges .mc-card__access-badge{position:static;display:inline-flex;align-items:center;justify-content:center;width:26px;height:22px;padding:0;border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 1px 4px rgba(0,0,0,.14);pointer-events:none} .shared-ui .mc-card__access-badge img{display:block;width:16px!important;height:16px!important;object-fit:contain} @media screen and (max-width:630px){.shared-ui .mc-game-deal{padding:28px 22px 30px!important} .shared-ui .mc-game-deal__main{gap:16px 12px!important} .shared-ui .mc-game-deal .game-deal__col--price{margin:0 0 2px!important;text-align:center!important} .shared-ui .mc-game-deal .price-wr,.shared-ui .mc-game-deal .price-wr__main-str{text-align:center!important;width:100%!important} .shared-ui .mc-game-deal .mor-full_link{gap:12px!important} .shared-ui .mc-game-deal .mor-full_link .e-btn{min-height:50px!important;padding:13px 8px!important;font-size:13px!important;border-radius:13px!important} .shared-ui .mc-game-deal .mor-full_link .e-btn i{font-size:13px!important} .shared-ui .mc-bonus-earned{justify-self:center!important;margin:2px auto 0!important;min-height:38px!important;padding:10px 13px!important;text-align:center!important} .shared-ui .game-parametrs .mc-article-row{margin-bottom:9px!important} .shared-ui .game-parametrs .mc-article-line{gap:5px!important;font-size:13px!important} .shared-ui .game-parametrs .mc-article-label{margin-right:4px!important;font-weight:600;color:#5d5d5d} .shared-ui .mc-card__badges .mc-card__access-badge{width:24px;height:20px} .shared-ui .mc-card__access-badge img{width:15px!important;height:15px!important}} .shared-ui .game-parametrs .mc-article-row{ display:flex!important; align-items:center!important; flex-wrap:nowrap!important; white-space:normal!important; margin-bottom:9px!important; } .shared-ui .game-parametrs .mc-article-row>.params-cols__param{ display:block!important; flex:0 0 26%!important; width:26%!important; margin:0!important; padding-right:8px!important; box-sizing:border-box!important; } .shared-ui .game-parametrs .mc-article-row>.mc-article-value{ display:flex!important; align-items:center!important; flex:0 0 74%!important; width:74%!important; min-width:0!important; gap:7px!important; overflow:visible!important; white-space:nowrap!important; } .shared-ui .game-parametrs .mc-article-value .available__icon{ flex:0 0 auto!important; margin:0!important; } .shared-ui .game-parametrs .mc-article-value .available__text,.shared-ui .game-parametrs .mc-article-value .mc-article-id{white-space:nowrap!important} @media screen and (max-width:1280px) and (min-width:1101px){.shared-ui .game-parametrs .mc-article-row>.params-cols__param{flex-basis:35%!important;width:35%!important} .shared-ui .game-parametrs .mc-article-row>.mc-article-value{flex-basis:65%!important;width:65%!important}} @media screen and (max-width:1100px) and (min-width:800px){.shared-ui .game-parametrs .mc-article-row>.params-cols__param{flex-basis:44%!important;width:44%!important} .shared-ui .game-parametrs .mc-article-row>.mc-article-value{flex-basis:56%!important;width:56%!important}} @media screen and (max-width:799px){.shared-ui .game-parametrs .mc-article-row{ display:grid!important; grid-template-columns:minmax(112px,40%) minmax(0,1fr)!important; column-gap:10px!important; align-items:center!important; } .shared-ui .game-parametrs .mc-article-row>.params-cols__param,.shared-ui .game-parametrs .mc-article-row>.mc-article-value{ width:auto!important; min-width:0!important; flex:none!important; padding-right:0!important; } .shared-ui .game-parametrs .mc-article-row>.mc-article-value{gap:6px!important} .shared-ui .mc-game-deal{padding:30px 24px 32px!important} .shared-ui .mc-game-deal__main{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; column-gap:14px!important; row-gap:20px!important; align-items:center!important; } .shared-ui .mc-game-deal .game-deal__col--price{ grid-column:1/-1!important; margin:0!important; text-align:center!important; } .shared-ui .mc-game-deal .price-wr,.shared-ui .mc-game-deal .price-wr__main-str{width:100%!important;text-align:center!important} .shared-ui .mc-game-deal .mor-full_link{ grid-column:1/-1!important; display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:14px!important; width:100%!important; margin:0!important; } .shared-ui .mc-game-deal .mor-full_link .e-btn{ min-height:54px!important; padding:14px 9px!important; border-radius:13px!important; font-size:13px!important; line-height:1.15!important; } .shared-ui .mc-bonus-earned{ grid-column:1/-1!important; justify-self:center!important; width:max-content!important; max-width:100%!important; min-height:40px!important; margin:0 auto!important; padding:10px 14px!important; text-align:center!important; }} @media screen and (max-width:480px){.shared-ui .game-parametrs .mc-article-row{grid-template-columns:minmax(105px,39%) minmax(0,1fr)!important;column-gap:8px!important} .shared-ui .mc-game-deal{padding:28px 18px 30px!important} .shared-ui .mc-game-deal__main{column-gap:12px!important;row-gap:18px!important} .shared-ui .mc-game-deal .mor-full_link{gap:12px!important}} @media screen and (max-width:360px){.shared-ui .game-parametrs .mc-article-row{grid-template-columns:minmax(98px,38%) minmax(0,1fr)!important;column-gap:7px!important}} @media screen and (max-width:799px){.shared-ui .mc-game-deal .game-deal__col--price{ padding-bottom:20px!important; } .shared-ui .mc-game-deal .mor-full_link{ margin-bottom:20px!important; } .shared-ui .mc-bonus-earned{ margin-top:0!important; }} @media screen and (max-width:480px){.shared-ui .header__top>.wrapper{ grid-template-columns:57px minmax(72px,1fr) auto 52px!important; column-gap:5px!important; } .shared-ui .header__logo{ justify-self:start!important; width:72px!important; max-width:72px!important; height:48px!important; margin:0 0 0 3px!important; } .shared-ui .header__main-col{ min-width:0!important; } .shared-ui .header__info-wr{ gap:6px!important; } .shared-ui .header-store,.shared-ui .header-user>a,.shared-ui .modal-login>a,.shared-ui .modal-login>a i{ width:42px!important; min-width:42px!important; height:42px!important; min-height:42px!important; line-height:42px!important; border-radius:10px!important; } .shared-ui .header-store,.shared-ui .header-user,.shared-ui .modal-login{ flex-basis:42px!important; } .shared-ui .currency__dropdown{ display:block!important; flex:0 0 42px!important; width:42px!important; min-width:42px!important; margin:0!important; z-index:20!important; } .shared-ui .currency__dropdown .dropdown__head-main{ width:42px!important; } .shared-ui .currency__dropdown .dropdown__head{ width:42px!important; min-width:42px!important; height:42px!important; padding:0!important; border-radius:10px!important; border:1px solid #eee!important; background:#f6f6f6!important; font-size:10.5px!important; font-weight:700!important; letter-spacing:-.2px!important; } .shared-ui .currency__dropdown .dropdown__head:after{ display:none!important; } .shared-ui .currency__dropdown #currency_now{ width:100%!important; justify-content:center!important; gap:0!important; font-size:10px!important; } .shared-ui .currency__dropdown .dropdown__cont{ right:0!important; left:auto!important; margin-top:7px!important; } .shared-ui .header__mob-search{ width:52px!important; min-width:52px!important; }} @media screen and (max-width:360px){.shared-ui .header__top>.wrapper{ grid-template-columns:57px minmax(64px,1fr) auto 48px!important; column-gap:3px!important; } .shared-ui .header__logo{ width:64px!important; max-width:64px!important; height:46px!important; margin-left:2px!important; } .shared-ui .header__info-wr{gap:4px!important} .shared-ui .header-store,.shared-ui .header-user>a,.shared-ui .modal-login>a,.shared-ui .modal-login>a i{ width:40px!important; min-width:40px!important; height:40px!important; min-height:40px!important; line-height:40px!important; } .shared-ui .header-store,.shared-ui .header-user,.shared-ui .modal-login{flex-basis:40px!important} .shared-ui .currency__dropdown,.shared-ui .currency__dropdown .dropdown__head-main,.shared-ui .currency__dropdown .dropdown__head{ width:40px!important; min-width:40px!important; } .shared-ui .currency__dropdown{flex-basis:40px!important} .shared-ui .currency__dropdown .dropdown__head{height:40px!important;font-size:10px!important} .shared-ui .header__mob-search{width:48px!important;min-width:48px!important}} @media screen and (max-width:480px){.shared-ui .header-store i,.shared-ui .header-user>a i,.shared-ui .modal-login>a i{font-size:21px!important} .shared-ui .header__mob-search i,.shared-ui .header__mob-search svg{font-size:20px!important} .shared-ui .header-store,.shared-ui .header-user>a,.shared-ui .modal-login>a,.shared-ui .currency__dropdown .dropdown__head,.shared-ui .header__mob-search{touch-action:manipulation}} @media screen and (max-width:360px){.shared-ui .header-store i,.shared-ui .header-user>a i,.shared-ui .modal-login>a i{font-size:20px!important} .shared-ui .header__mob-search i,.shared-ui .header__mob-search svg{font-size:19px!important}} .shared-ui .mc-popular-strip{padding:30px 0 34px;background:#fff;border-top:1px solid #f0f0f0} .shared-ui .mc-popular-strip__head{padding-top:0;padding-bottom:16px;text-align:center} .shared-ui .mc-popular-strip__head .h4{margin:0 0 5px;font-size:20px;line-height:1.25;font-weight:700} .shared-ui .mc-popular-strip__hint{font-size:13px;line-height:1.4;color:#8b9098} .shared-ui .mc-popular-strip__viewport{overflow:hidden;position:relative;padding:2px 0 4px} .shared-ui .mc-popular-strip__track{display:flex;width:max-content;white-space:normal;will-change:transform;animation:mcPopularTicker 48s linear infinite} .shared-ui .mc-popular-strip .online-sells__track:before,.shared-ui .mc-popular-strip .online-sells__track:after{display:none!important} .shared-ui .mc-popular-strip__track:hover{animation-play-state:paused} .shared-ui .mc-popular-strip__group{display:flex;align-items:stretch;gap:16px;flex:0 0 auto;padding-right:16px} .shared-ui .mc-popular-strip .game-label.mc-popular-card{display:block;flex:0 0 176px;width:176px;height:88px;margin:0;border-radius:8px;background:none;box-shadow:0 3px 12px rgba(20,28,38,.08);filter:none;transform:none;position:relative;overflow:hidden} .shared-ui .mc-popular-strip .game-label.mc-popular-card:hover{filter:none;transform:translateY(-2px)} .shared-ui .mc-popular-card__img{display:block;width:100%;height:100%;object-fit:cover} .shared-ui .mc-popular-card__overlay{position:absolute;left:0;right:0;bottom:0;padding:22px 9px 8px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.78));color:#fff;text-align:left;opacity:0;transition:opacity .2s ease} .shared-ui .mc-popular-card:hover .mc-popular-card__overlay,.shared-ui .mc-popular-card:focus .mc-popular-card__overlay{opacity:1} .shared-ui .mc-popular-card__title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.25;font-weight:600;color:#fff} .shared-ui .mc-popular-card__price{display:block;margin-top:3px;font-size:12px;line-height:1.2;font-weight:700;color:var(--mc-accent)} .shared-ui .mc-popular-strip__viewport:before,.shared-ui .mc-popular-strip__viewport:after{content:"";position:absolute;top:0;bottom:0;width:min(8vw,90px);z-index:3;pointer-events:none} .shared-ui .mc-popular-strip__viewport:before{left:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0))} .shared-ui .mc-popular-strip__viewport:after{right:0;background:linear-gradient(270deg,#fff,rgba(255,255,255,0))} @keyframes mcPopularTicker{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}} @media (prefers-reduced-motion:reduce){.shared-ui .mc-popular-strip__track{animation:none}} @media(max-width:630px){.shared-ui .mc-popular-strip{padding:22px 0 24px} .shared-ui .mc-popular-strip__head{padding:0 14px 12px} .shared-ui .mc-popular-strip__head .h4{font-size:18px} .shared-ui .mc-popular-strip__hint{font-size:12px} .shared-ui .mc-popular-strip__viewport{overflow-x:auto;overflow-y:hidden;padding:2px 10px 7px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none} .shared-ui .mc-popular-strip__viewport::-webkit-scrollbar{display:none} .shared-ui .mc-popular-strip__viewport:before,.shared-ui .mc-popular-strip__viewport:after{display:none} .shared-ui .mc-popular-strip__track{animation:none;will-change:auto} .shared-ui .mc-popular-strip__group{gap:10px;padding-right:10px} .shared-ui .mc-popular-strip__group--clone{display:none} .shared-ui .mc-popular-strip .game-label.mc-popular-card{flex-basis:152px;width:152px;height:76px;scroll-snap-align:start} .shared-ui .mc-popular-card__overlay{opacity:1;padding:17px 7px 6px} .shared-ui .mc-popular-card__title{font-size:10px} .shared-ui .mc-popular-card__price{font-size:11px}} .shared-ui .mc-fullstory-wide>.mc-similar-courses{padding:26px 28px 28px;overflow:hidden} .shared-ui .mc-similar-courses__header{display:flex;align-items:center;gap:16px;padding:0 0 18px;width:100%} .shared-ui .mc-similar-courses__header>div:first-child{min-width:0} .shared-ui .mc-similar-courses__hint{margin-top:5px;color:#8b9098;font-size:13px;line-height:1.35} .shared-ui .mc-similar-courses .game-similar__slider-controls{display:flex;align-items:center;gap:8px;margin-left:auto;flex:0 0 auto} .shared-ui .mc-similar-courses .slider-control__button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid #e5e8ec;border-radius:50%;background:#fff;color:#111;cursor:pointer;transition:.18s ease;box-shadow:0 2px 8px rgba(0,0,0,.04)} .shared-ui .mc-similar-courses .slider-control__button:hover:not(:disabled){border-color:var(--mc-accent-strong);color:var(--mc-accent-strong);transform:translateY(-1px)} .shared-ui .mc-similar-courses .slider-control__button:disabled{opacity:.28;cursor:default;transform:none} .shared-ui .mc-related-viewport{width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none} .shared-ui .mc-related-viewport::-webkit-scrollbar{display:none} .shared-ui .mc-related-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 70px)/6);gap:14px;width:100%;align-items:stretch;padding:0 0 4px;box-sizing:border-box} .shared-ui .mc-related-track>.mc-card{display:flex!important;flex-direction:column!important;height:auto!important;min-width:0!important;margin:0!important;scroll-snap-align:start;scroll-snap-stop:normal} .shared-ui .mc-related-track .mc-card__body{display:flex;flex:1 1 auto;flex-direction:column;padding:11px;gap:8px} .shared-ui .mc-related-track .mc-card__cat{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .shared-ui .mc-related-track .mc-card__title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;min-height:3.9em;font-size:14px;line-height:1.3} .shared-ui .mc-related-track .mc-card__footer{margin-top:auto;gap:8px} .shared-ui .mc-related-track .mc-card__actions .mc-btn{padding:8px;font-size:13px} @media(max-width:1449px){.shared-ui .mc-related-track{grid-auto-columns:calc((100% - 56px)/5)}} @media(max-width:1119px){.shared-ui .mc-related-track{grid-auto-columns:calc((100% - 42px)/4)}} @media(max-width:859px){.shared-ui .mc-fullstory-wide>.mc-similar-courses{padding:20px 18px 22px} .shared-ui .mc-related-track{grid-auto-columns:calc((100% - 24px)/3);gap:12px} .shared-ui .mc-similar-courses__header{padding-bottom:14px}} @media(max-width:599px){.shared-ui .mc-fullstory-wide>.mc-similar-courses{padding:16px 12px 18px} .shared-ui .mc-related-track{grid-auto-columns:calc((100% - 10px)/2);gap:10px} .shared-ui .mc-similar-courses__header{padding-bottom:12px} .shared-ui .mc-similar-courses__hint{font-size:12px} .shared-ui .mc-similar-courses .slider-control__button{width:36px;height:36px} .shared-ui .mc-related-track .mc-card__body{padding:9px;gap:7px} .shared-ui .mc-related-track .mc-card__title{font-size:13px}} @media(max-width:390px){.shared-ui .mc-similar-courses__hint{display:none} .shared-ui .mc-similar-courses .game-similar__slider-controls{gap:6px} .shared-ui .mc-similar-courses .slider-control__button{width:34px;height:34px}} @media screen and (max-width:630px){.shared-ui .mc-media .mc-product-poster{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important} .shared-ui .mc-media .mc-product-poster.mc-product-poster--tall{height:clamp(270px,82vw,330px)!important;max-height:330px!important;object-fit:cover!important;object-position:center 18%!important}} .shared-ui .products-layout--catalog{display:flex;flex-wrap:wrap;align-items:flex-start} .shared-ui .products-layout--catalog>.catalog-products-col{order:2;min-width:0} .shared-ui .mc-catalog-toolbar{display:flex;align-items:center;justify-content:flex-end;min-height:48px;margin:0 0 12px;padding:5px 6px;border:1px solid #edf0f3;border-radius:12px;background:#f8f9fb} .shared-ui .mc-view-switch{display:inline-flex;align-items:center;gap:5px;padding:4px;border-radius:10px;background:#fff;box-shadow:0 1px 6px rgba(25,35,45,.06)} .shared-ui .mc-view-switch__btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 13px;border:0;border-radius:8px;background:transparent;color:#31363b;font:inherit;font-size:13px;font-weight:650;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease} .shared-ui .mc-view-switch__btn i{font-size:15px} .shared-ui .mc-view-switch__btn:hover{background:#f3f5f7} .shared-ui .mc-view-switch__btn.is-active{background:#fff;color:#111;box-shadow:0 4px 14px rgba(24,36,48,.12)} .shared-ui .mc-view-switch__btn.is-active i{color:var(--color1)} .shared-ui .mc-catalog-shell[data-catalog-view="price"] .mc-grid{display:flex!important;flex-direction:column;gap:0!important;border:1px solid #e6eaf0;border-radius:12px;overflow:hidden;background:#fff} .shared-ui .mc-catalog-shell[data-catalog-view="price"] .mc-card{display:grid;grid-template-columns:76px minmax(0,1fr);min-height:76px;border:0;border-bottom:1px solid #e6eaf0;border-radius:0;background:#fff;box-shadow:none!important;transform:none!important} .shared-ui .mc-catalog-shell[data-catalog-view="price"] .mc-card:last-child{border-bottom:0} .shared-ui .mc-catalog-shell[data-catalog-view="price"] .mc-card:hover{background:#fbfcfd} .shared-ui .mc-catalog-shell[data-catalog-view="price"] .mc-media{grid-column:1;display:flex;align-items:center;justify-content:center;padding:8px} .shared-ui .mc-catalog-shell[data-catalog-view="price"] .mc-card__thumb{width:60px;height:60px;aspect-ratio:1/1;border-radius:7px;background:#f4f5f7} .shared-ui .mc-catalog-shell[data-catalog-view="price"] .mc-card__thumb img{width:100%;height:100%;object-fit:contain} .shared-ui .mc-catalog-shell[data-catalog-view="price"] .mc-card__badges,.shared-ui .mc-catalog-shell[data-catalog-view="price"] .mc-favbtn{display:none!important} .shared-ui .mc-catalog-shell[data-catalog-view="price"] .mc-card__body{grid-column:2;display:grid;grid-template-columns:minmax(0,1fr) 125px 118px;align-items:center;column-gap:14px;padding:9px 12px 9px 4px} .shared-ui .mc-catalog-shell[data-catalog-view="price"] .mc-card__cat{display:none!important} .shared-ui .mc-catalog-shell[data-catalog-view="price"] .mc-card__title{grid-column:1;margin:0;text-align:left;font-size:14px;line-height:1.3;font-weight:650;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden} .shared-ui .mc-catalog-shell[data-catalog-view="price"] .mc-card__footer{display:contents} .shared-ui .mc-catalog-shell[data-catalog-view="price"] .mc-card__price{grid-column:2;margin:0;text-align:right;color:#15191d;font-size:15px;font-weight:700;white-space:nowrap} .shared-ui .mc-catalog-shell[data-catalog-view="price"] .mc-card__actions{grid-column:3;opacity:1!important;visibility:visible!important;transform:none!important} .shared-ui .mc-catalog-shell[data-catalog-view="price"] .mc-card__actions .mc-btn{min-height:38px;padding:7px 10px;border-radius:8px;box-shadow:none;font-size:12px;white-space:nowrap} @media(min-width:992px){.shared-ui .catalog-products-col{padding-left:12px}} @media(max-width:991px){.shared-ui .products-layout--catalog>.catalog-products-col{width:100%} .shared-ui .mc-catalog-toolbar{margin-top:0}} @media(max-width:640px){.shared-ui .mc-catalog-toolbar{min-height:44px;margin-bottom:9px;padding:4px} .shared-ui .mc-view-switch{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4px} .shared-ui .mc-view-switch__btn{min-height:38px;padding:0 8px;font-size:12.5px} .shared-ui .mc-catalog-shell[data-catalog-view="price"] .mc-card{grid-template-columns:54px minmax(0,1fr);min-height:62px} .shared-ui .mc-catalog-shell[data-catalog-view="price"] .mc-media{padding:6px} .shared-ui .mc-catalog-shell[data-catalog-view="price"] .mc-card__thumb{width:42px;height:42px;border-radius:6px} .shared-ui .mc-catalog-shell[data-catalog-view="price"] .mc-card__body{grid-template-columns:minmax(0,1fr) 58px 72px;column-gap:7px;padding:7px 7px 7px 2px} .shared-ui .mc-catalog-shell[data-catalog-view="price"] .mc-card__title{font-size:12px;line-height:1.25;-webkit-line-clamp:2;line-clamp:2} .shared-ui .mc-catalog-shell[data-catalog-view="price"] .mc-card__price{font-size:12.5px} .shared-ui .mc-catalog-shell[data-catalog-view="price"] .mc-card__actions .mc-btn{min-height:36px;padding:6px 5px;font-size:10.5px;border-radius:7px}} .shared-ui .mc-catalog-toolbar{justify-content:space-between;gap:10px;flex-wrap:wrap} .shared-ui .mc-catalog-toolbar__controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto} .shared-ui .mc-native-sort{display:none!important} .shared-ui .mc-toolbar-field{display:flex;align-items:center;gap:6px;margin:0} .shared-ui .mc-toolbar-field__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .shared-ui .mc-toolbar-field select{height:38px;min-width:0;padding:0 34px 0 12px;border:1px solid #e6e9ed;border-radius:9px;background-color:#fff;color:#20252a;font:inherit;font-size:13px;font-weight:600;outline:0;cursor:pointer;box-shadow:0 1px 5px rgba(25,35,45,.04)} .shared-ui .mc-toolbar-field select:hover{border-color:#cfd5da} .shared-ui .mc-toolbar-field select:focus{border-color:var(--color1);box-shadow:0 0 0 3px color-mix(in srgb,var(--mc-accent) 12.0%,transparent)} .shared-ui .mc-toolbar-field--sort select{min-width:174px} .shared-ui .mc-toolbar-field--limit select{min-width:70px} .shared-ui .mc-catalog-shell[data-catalog-view="grid"] .mc-card__footer{padding-top:4px} .shared-ui #navigation.mc-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;width:100%;margin:24px 0 8px;padding:0;clear:both;text-align:center} .shared-ui .mc-pagination .navigation-button{display:flex;align-items:center;margin:0} .shared-ui .mc-pagination .navigation-button:empty{display:none} .shared-ui .mc-pagination .navigation-button>a,.shared-ui .mc-pagination .mc-pagination__more>a{display:inline-flex;text-decoration:none;color:inherit} .shared-ui .mc-pagination__arrow,.shared-ui .mc-pagination__more-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 14px;border:1px solid #e4e8ec;border-radius:10px;background:#fff;color:#222;font-size:13px;font-weight:650;box-shadow:0 2px 7px rgba(20,30,40,.04);transition:.18s ease} .shared-ui .mc-pagination__arrow:hover,.shared-ui .mc-pagination__more-btn:hover{border-color:var(--mc-accent);color:var(--mc-accent-strong);transform:translateY(-1px)} .shared-ui .mc-pagination__more{flex:0 0 100%;display:flex;justify-content:center;margin-bottom:2px} .shared-ui .mc-pagination .navbutcont{display:flex;align-items:center;justify-content:center;gap:5px;width:auto!important;padding:0!important;font-size:inherit!important;order:initial!important} .shared-ui .mc-pagination .navbutcont a,.shared-ui .mc-pagination .navbutcont span{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;margin:0!important;padding:0!important;border:1px solid #e4e8ec;border-radius:10px;background:#fff;color:#30353a;text-decoration:none;font-size:13px;font-weight:650;box-sizing:border-box} .shared-ui .mc-pagination .navbutcont a:hover{border-color:var(--mc-accent);color:var(--mc-accent-strong)} .shared-ui .mc-pagination .navbutcont .is-current,.shared-ui .mc-pagination .navbutcont>span:not(.nav_ext):not(.mc-pagination__ellipsis){border-color:var(--color1);background:var(--color1);color:#fff} .shared-ui .mc-pagination .navbutcont .mc-pagination__ellipsis,.shared-ui .mc-pagination .navbutcont .nav_ext{width:24px;min-width:24px;border:0;background:transparent;color:#8b9098;box-shadow:none;font-size:16px} @media(max-width:760px){.shared-ui .mc-catalog-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;padding:5px} .shared-ui .mc-view-switch{width:auto;grid-template-columns:none;display:inline-flex} .shared-ui .mc-view-switch__btn{padding:0 10px} .shared-ui .mc-catalog-toolbar__controls{min-width:0;gap:5px} .shared-ui .mc-toolbar-field--sort{flex:1 1 auto;min-width:0} .shared-ui .mc-toolbar-field--sort select{width:100%;min-width:0;max-width:170px} .shared-ui .mc-toolbar-field--limit select{min-width:62px;padding-left:9px;padding-right:25px}} @media(max-width:520px){.shared-ui .mc-catalog-toolbar{grid-template-columns:auto minmax(0,1fr);margin-bottom:10px} .shared-ui .mc-view-switch__btn{width:40px;min-width:40px;padding:0;font-size:0;gap:0} .shared-ui .mc-view-switch__btn i{font-size:16px} .shared-ui .mc-catalog-toolbar__controls{justify-content:flex-end} .shared-ui .mc-toolbar-field select{height:40px;font-size:12px;border-radius:8px} .shared-ui .mc-toolbar-field--sort select{max-width:150px;padding-left:9px;padding-right:24px} .shared-ui #navigation.mc-pagination{gap:6px;margin-top:18px} .shared-ui .mc-pagination__label{display:none} .shared-ui .mc-pagination__arrow{width:42px;height:42px;min-height:42px;padding:0;border-radius:11px;font-size:16px} .shared-ui .mc-pagination .navbutcont{gap:4px} .shared-ui .mc-pagination .navbutcont a,.shared-ui .mc-pagination .navbutcont span{width:38px;height:38px;min-width:38px;border-radius:10px;font-size:13px} .shared-ui .mc-pagination .navbutcont .mc-pagination__ellipsis{width:18px;min-width:18px}} @media(max-width:360px){.shared-ui .mc-toolbar-field--sort select{max-width:132px} .shared-ui .mc-toolbar-field--limit select{min-width:56px}} .shared-ui .mc-home-main{padding-top:0} .shared-ui .mc-home-course-rail{box-sizing:border-box;margin:18px 0 26px;padding:24px 26px 26px;background:#fff;border:1px solid var(--mc-accent-soft);border-radius:16px;box-shadow:0 7px 24px color-mix(in srgb,var(--mc-accent) 5.5%,transparent)} .shared-ui .mc-home-course-rail__header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px} .shared-ui .mc-home-course-rail__heading{min-width:0} .shared-ui .mc-home-course-rail__eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:5px;color:var(--mc-accent-strong);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase} .shared-ui .mc-home-course-rail__heading h2{margin:0;color:#20252a;font-size:23px;line-height:1.2} .shared-ui .mc-home-course-rail__title-link{display:inline-flex;align-items:center;gap:7px;color:inherit;text-decoration:none;transition:color .18s ease} .shared-ui .mc-home-course-rail__title-link:hover{color:var(--mc-accent-strong)} .shared-ui .mc-home-course-rail__title-link:focus-visible{outline:2px solid var(--mc-accent-border);outline-offset:3px;border-radius:4px} .shared-ui .mc-home-course-rail__title-arrow{display:none;font-size:.72em} .shared-ui .mc-home-course-rail__heading p{margin:6px 0 0;color:#8b949d;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:13px;line-height:1.45} .shared-ui .mc-home-course-rail__actions{display:flex;align-items:center;gap:13px;flex:0 0 auto} .shared-ui .mc-home-course-rail__all{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 13px;border:1px solid var(--mc-accent-border);border-radius:10px;background:var(--mc-accent-soft);color:#53606a;font-size:12.5px;font-weight:700;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease} .shared-ui .mc-home-course-rail__all:hover{background:var(--mc-accent-soft);border-color:var(--mc-accent-border);color:var(--mc-accent-strong);transform:translateY(-1px)} .shared-ui .mc-home-course-rail__controls{display:flex;align-items:center;gap:7px} .shared-ui .mc-home-course-rail__controls .slider-control__button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #e1e6df;border-radius:50%;background:#fff;color:#20252a;box-shadow:0 3px 12px rgba(0,0,0,.04);cursor:pointer;transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease,opacity .18s ease} .shared-ui .mc-home-course-rail__controls .slider-control__button:hover:not(:disabled){border-color:var(--mc-accent-border);background:var(--mc-accent-soft);color:var(--mc-accent-strong);transform:translateY(-1px)} .shared-ui .mc-home-course-rail__controls .slider-control__button:disabled{opacity:.3;cursor:default} .shared-ui .mc-home-course-rail__viewport{margin:0;padding:0 0 3px} .shared-ui .mc-home-course-rail__track>.mc-card{border-color:#e7ebe4;box-shadow:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease} .shared-ui .mc-home-course-rail__track>.mc-card:hover{transform:translateY(-2px);border-color:var(--mc-accent-border);box-shadow:0 8px 20px color-mix(in srgb,var(--mc-accent) 8.0%,transparent)} @media(max-width:700px){.shared-ui .mc-home-course-rail{margin:10px 0 18px;padding:16px 12px 17px;border-radius:13px} .shared-ui .mc-home-course-rail__header{align-items:flex-end;gap:10px;margin-bottom:13px} .shared-ui .mc-home-course-rail__heading h2{font-size:19px} .shared-ui .mc-home-course-rail__title-arrow{display:inline-block} .shared-ui .mc-home-course-rail__heading p{display:none} .shared-ui .mc-home-course-rail__eyebrow{font-size:10px} .shared-ui .mc-home-course-rail__all{display:none} .shared-ui .mc-home-course-rail__actions{gap:6px} .shared-ui .mc-home-course-rail__controls{gap:6px} .shared-ui .mc-home-course-rail__controls .slider-control__button{width:35px;height:35px}} .shared-ui .dropdown__cont{transform:translateY(-5px);transition:opacity .18s ease,transform .18s ease,visibility .18s linear} .shared-ui .dropdown._active .dropdown__cont{transform:translateY(0)} @keyframes mcMenuIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}} @keyframes mcDropIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}} @keyframes mcCartIn{from{opacity:.35;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}} @keyframes mcOverlayIn{from{opacity:0}to{opacity:1}} @media(max-width:1024px){body._mob-menu-open .shared-ui .header-mob__menu{animation:mcMenuIn .22s cubic-bezier(.22,.61,.36,1)} body._mob-search-open .shared-ui .search-wr{animation:mcMenuIn .18s ease-out}} @media(min-width:1021px){.shared-ui .header-nav__group:hover .header-nav__submenu{animation:mcDropIn .18s ease-out}} .shared-ui .basket-modal[style*="display: block"] .basket-content{animation:mcCartIn .24s cubic-bezier(.22,.61,.36,1)} .shared-ui .e-overlay.active{animation:mcOverlayIn .20s ease-out} @media(prefers-reduced-motion:reduce){.shared-ui .mc-home-course-rail__track>.mc-card,.shared-ui .mc-home-course-rail__all,.shared-ui .mc-home-course-rail__controls .slider-control__button,.shared-ui .dropdown__cont{transition:none!important} body._mob-menu-open .shared-ui .header-mob__menu,body._mob-search-open .shared-ui .search-wr,.shared-ui .header-nav__group:hover .header-nav__submenu,.shared-ui .basket-modal[style*="display: block"] .basket-content,.shared-ui .e-overlay.active{animation:none!important} .shared-ui .mc-related-viewport{scroll-behavior:auto!important}} .shared-ui .mc-home-main .mc-home-entities,.shared-ui .mc-home-main .mc-faq--home{box-sizing:border-box!important;width:100%!important;max-width:none!important} .shared-ui .mc-home-course-rail--popular{margin-top:-8px} .shared-ui .mc-catalog-week-rail{margin:28px 0 8px} @media (max-width:700px){.shared-ui .mc-home-course-rail--popular{margin-top:-4px} .shared-ui .mc-catalog-week-rail{margin:18px 0 4px}} .shared-ui .banner-shell{padding-bottom:4px!important} .shared-ui .mc-home-main>.wrapper>.mc-home-course-rail:first-child{margin-top:8px} .shared-ui .mc-popular-strip{margin-top:0} @media(max-width:768px){.shared-ui .banner-shell{padding-bottom:2px!important} .shared-ui .mc-home-main>.wrapper>.mc-home-course-rail:first-child{margin-top:4px}} .shared-ui .game-parametrs .params-cols{margin-top:4px;margin-bottom:0} .shared-ui .game-parametrs .params-cols__tr{display:grid!important;grid-template-columns:26px minmax(145px,28%) minmax(0,1fr);align-items:start;column-gap:11px;row-gap:2px;margin:0!important;padding:8px 8px!important;border-bottom:1px solid var(--mc-accent-soft);white-space:normal;border-radius:8px;transition:background-color .18s ease} .shared-ui .game-parametrs .params-cols__tr::before{content:'✦';display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-top:-2px;border-radius:8px;background:var(--mc-accent-soft);color:var(--mc-accent-strong);font-size:11px;font-weight:800;line-height:1} .shared-ui .game-parametrs .params-cols__tr:hover{background:var(--mc-accent-soft)} .shared-ui .game-parametrs .params-cols__tr:last-child{border-bottom:0} .shared-ui .game-parametrs .params-cols__param,.shared-ui .game-parametrs .params-cols__content{display:block!important;width:auto!important;min-width:0;padding:0!important;font-size:13px;line-height:1.45;overflow-wrap:anywhere} .shared-ui .game-parametrs .params-cols__param{color:#66705e;font-weight:650} .shared-ui .game-parametrs .params-cols__content{color:#20251e} .shared-ui .game-parametrs .params-cols__content a{text-underline-offset:3px} .shared-ui .game-parametrs .mc-author-price-row .mc-author-price{margin-top:-2px} .shared-ui .mc-share-card{padding:16px 18px!important;gap:11px;border:1px solid var(--mc-accent-soft);border-radius:12px;background:#fff!important} .shared-ui .mc-share-card__head{display:flex;flex-direction:column;gap:2px;width:100%} .shared-ui .mc-share-card__title{font-size:15px;line-height:1.25;font-weight:700;color:#232820} .shared-ui .mc-share-card__hint{font-size:11.5px;line-height:1.35;color:#969d91} .shared-ui .mc-share-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%;position:relative} .shared-ui .mc-share-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;padding:0;border:1px solid #e1e6dc;border-radius:12px;background:var(--mc-accent-soft);color:#475044;text-decoration:none!important;cursor:pointer;box-shadow:none;transition:transform .16s ease,border-color .16s ease,background-color .16s ease,color .16s ease} .shared-ui .mc-share-btn:hover{transform:translateY(-2px);border-color:var(--mc-accent-border);background:var(--mc-accent-soft);color:var(--text,#030c3a)} .shared-ui .mc-share-btn i{font-size:18px;line-height:1} .shared-ui .mc-share-btn--native{background:var(--mc-accent-soft);color:var(--mc-accent-strong);border-color:var(--mc-accent-border)} .shared-ui .mc-share-btn--telegram{color:#229ed9} .shared-ui .mc-share-btn--vk{color:#2787f5} .shared-ui .mc-share-btn--whatsapp{color:#25d366} .shared-ui .mc-share-btn--max{color:#111;background:#fff} .shared-ui .mc-share-btn__maxmark{font-size:9px;font-weight:900;letter-spacing:-.4px} .shared-ui .mc-share-status{display:inline-flex;align-items:center;min-height:20px;margin-left:2px;color:var(--mc-accent-strong);font-size:11px;font-weight:600} .shared-ui .footer-socials{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.09)} .shared-ui .footer-socials__title{display:block;margin-bottom:9px;color:#aeb4ad;font-size:12px;font-weight:650} .shared-ui .footer-socials__links{display:flex;flex-wrap:wrap;gap:8px} .shared-ui .footer-socials__link{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.055);color:#e4e7e2!important;font-size:12px;font-weight:600;text-decoration:none!important;transition:background .18s ease,border-color .18s ease,transform .18s ease} .shared-ui .footer-socials__link:hover{transform:translateY(-1px);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)} .shared-ui .footer-socials__link i{width:auto!important;margin:0!important;font-size:16px} .shared-ui .footer-socials__link--telegram i{color:#2aabee!important} .shared-ui .footer-socials__link--vk i{color:#5b9df5!important} @media(max-width:630px){.shared-ui .game-parametrs .params-cols__tr{grid-template-columns:23px minmax(102px,36%) minmax(0,1fr);column-gap:8px;padding:8px 2px!important;border-radius:6px} .shared-ui .game-parametrs .params-cols__tr::before{width:22px;height:22px;border-radius:7px;font-size:10px;margin-top:-1px} .shared-ui .game-parametrs .params-cols__param,.shared-ui .game-parametrs .params-cols__content{font-size:12.5px;line-height:1.4} .shared-ui .mc-share-card{padding:14px 13px!important;margin-bottom:12px!important} .shared-ui .mc-share-actions{gap:9px} .shared-ui .mc-share-btn{width:44px;height:44px;min-width:44px;border-radius:13px} .shared-ui .mc-share-btn i{font-size:19px} .shared-ui .mc-share-status{flex-basis:100%;margin:0;min-height:0}} @media(max-width:360px){.shared-ui .game-parametrs .params-cols__tr{grid-template-columns:22px minmax(88px,34%) minmax(0,1fr);column-gap:7px} .shared-ui .mc-share-actions{gap:7px} .shared-ui .mc-share-btn{width:42px;height:42px;min-width:42px}} @media(prefers-reduced-motion:reduce){.shared-ui .mc-share-btn,.shared-ui .footer-socials__link{transition:none!important}} .shared-ui .game-parametrs .mc-article-row>.params-cols__param,.shared-ui .game-parametrs .mc-article-row>.mc-article-value{width:auto!important;flex:none!important;min-width:0!important;padding:0!important;margin:0!important} .shared-ui .game-parametrs .mc-article-row>.mc-article-value{display:flex!important;align-items:center!important;gap:7px!important;white-space:normal!important;overflow:visible!important} @media(min-width:631px){.shared-ui .game-parametrs .params-cols__tr{grid-template-columns:26px 190px minmax(0,1fr)!important}} @media(max-width:630px){.shared-ui .game-parametrs .mc-article-row>.params-cols__param,.shared-ui .game-parametrs .mc-article-row>.mc-article-value{grid-column:auto!important}} .shared-ui .mc-share-btn__maxicon{display:block;width:23px!important;height:23px!important;object-fit:contain;border-radius:6px} .shared-ui .mc-share-btn--max{overflow:hidden} .shared-ui .game-body__column--left .game-media{margin:12px 0 0;padding:15px 0 0;border:1px solid var(--mc-accent-soft);border-radius:12px;background:#fff;overflow:hidden} .shared-ui .game-body__column--left .game-media__header{padding:0 14px;margin-bottom:12px} .shared-ui .game-body__column--left .game-media__title{margin-right:12px;font-size:16px} .shared-ui .game-body__column--left .game-media__slider{margin-bottom:14px} .shared-ui .game-body__column--left .game-media__slider-item{min-width:100%;max-height:none;height:auto;margin-right:0} .shared-ui .game-body__column--left .game-media__link{display:block} .shared-ui .game-body__column--left .game-media__link img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;background:#fafafa} .shared-ui .game-body__column--left .game-media__scrollbar{margin:0 14px 15px;width:calc(100% - 28px)} .shared-ui .game-body__column--left .game-media__slider-controls{width:84px;min-width:84px} .shared-ui .game-body__column--left .game-media .slider-control__button{width:42px;min-width:42px;height:36px} .shared-ui .game-body__column--left .game-media .slider-control__button span{font-size:21px} .shared-ui .mc-bonus-earned{font-family:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;box-shadow:none;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background-color .16s ease} .shared-ui .mc-bonus-earned:hover{border-color:var(--mc-accent-border);background:var(--mc-accent-soft);transform:translateY(-1px)} .shared-ui .mc-bonus-earned:focus-visible{outline:2px solid var(--mc-accent-strong);outline-offset:2px} .shared-ui .mc-bonus-earned__info{margin-left:2px!important;color:var(--mc-accent-strong)!important;font-size:12px!important;opacity:.8} .shared-ui .mc-bonus-earned::after{display:none!important} .shared-ui .mc-modal-open{overflow:hidden} .shared-ui .mc-bonus-modal{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .18s ease} .shared-ui .mc-bonus-modal[hidden]{display:none!important} .shared-ui .mc-bonus-modal.is-open{opacity:1;pointer-events:auto} .shared-ui .mc-bonus-modal__backdrop{position:absolute;inset:0;background:color-mix(in srgb,var(--mc-accent) 55.0%,transparent);backdrop-filter:blur(3px)} .shared-ui .mc-bonus-modal__dialog{position:relative;z-index:1;width:min(470px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:27px 27px 24px;border:1px solid var(--mc-accent-border);border-radius:20px;background:#fff;box-shadow:0 24px 70px color-mix(in srgb,var(--mc-accent) 24.0%,transparent);transform:translateY(12px) scale(.985);transition:transform .18s ease;outline:none} .shared-ui .mc-bonus-modal.is-open .mc-bonus-modal__dialog{transform:translateY(0) scale(1)} .shared-ui .mc-bonus-modal__close{position:absolute;top:14px;right:14px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:11px;background:var(--mc-accent-soft);color:#5b6451;cursor:pointer;font-size:16px} .shared-ui .mc-bonus-modal__close:hover{background:var(--mc-accent-soft);color:var(--mc-accent-strong)} .shared-ui .mc-bonus-modal__icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin-bottom:14px;border-radius:15px;background:var(--mc-accent-border);color:var(--mc-accent-strong);font-size:21px} .shared-ui .mc-bonus-modal__eyebrow{margin-bottom:5px;color:var(--mc-accent-strong);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase} .shared-ui .mc-bonus-modal__dialog h3{margin:0 44px 9px 0;color:#20261d;font-size:23px;line-height:1.2} .shared-ui .mc-bonus-modal__lead{margin-bottom:17px;color:#5f6859;font-size:14px;line-height:1.55} .shared-ui .mc-bonus-modal__lead strong{color:var(--mc-accent-strong)} .shared-ui .mc-bonus-modal__rules{display:grid;gap:9px;margin:0 0 20px;padding:0;list-style:none} .shared-ui .mc-bonus-modal__rules li{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:10px;padding:10px 11px;border:1px solid var(--mc-accent-soft);border-radius:12px;background:var(--mc-accent-soft);color:#4f584a;font-size:13px;line-height:1.45} .shared-ui .mc-bonus-modal__rules li>i{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;background:var(--mc-accent-soft);color:var(--mc-accent-strong);font-size:11px} .shared-ui .mc-bonus-modal__ok{width:100%;min-height:46px;border:0;border-radius:13px;background:var(--mc-accent-strong);color:#fff;font:700 14px/1 inherit;cursor:pointer;transition:background .16s ease,transform .16s ease} .shared-ui .mc-bonus-modal__ok:hover{background:var(--mc-accent-strong);transform:translateY(-1px)} @media(max-width:630px){.shared-ui .game-body__column--left .game-media{margin-top:10px;border-radius:10px} .shared-ui .game-body__column--left .game-media__link img{max-height:300px} .shared-ui .mc-bonus-modal{padding:12px} .shared-ui .mc-bonus-modal__dialog{padding:23px 18px 18px;border-radius:17px} .shared-ui .mc-bonus-modal__dialog h3{font-size:20px}} @media(prefers-reduced-motion:reduce){.shared-ui .mc-bonus-modal,.shared-ui .mc-bonus-modal__dialog,.shared-ui .mc-bonus-earned{transition:none!important}} .shared-ui .mc-media > .game-media{margin-top:8px!important} .shared-ui .mc-media > .mc-share-card{margin-top:12px!important;margin-bottom:0!important} .shared-ui .game-parametrs .params-cols__tr.mc-article-row{ display:grid!important; grid-template-columns:26px 190px minmax(0,1fr)!important; align-items:start!important; column-gap:11px!important; row-gap:2px!important; white-space:normal!important; } .shared-ui .game-parametrs .params-cols__tr.mc-article-row::before{grid-column:1!important;grid-row:1!important} .shared-ui .game-parametrs .params-cols__tr.mc-article-row>.params-cols__param{ grid-column:2!important;grid-row:1!important; display:block!important;width:auto!important;min-width:0!important; margin:0!important;padding:0!important;white-space:normal!important; } .shared-ui .game-parametrs .params-cols__tr.mc-article-row>.mc-article-value{ grid-column:3!important;grid-row:1!important; display:flex!important;align-items:center!important;flex-wrap:wrap!important; width:auto!important;min-width:0!important;gap:6px!important; margin:0!important;padding:0!important;white-space:normal!important; } .shared-ui .game-parametrs .mc-article-value .mc-article-id,.shared-ui .game-parametrs .mc-article-value .available__text{white-space:nowrap!important} .shared-ui .mc-deal-favorite{display:inline-flex;align-items:center;min-width:0} .shared-ui .mc-deal-favorite .mc-favorite-chip{display:inline-flex;width:100%} .shared-ui .mc-deal-favorite .mc-favorite-chip a{ display:inline-flex;align-items:center;justify-content:center;gap:7px; min-height:36px;padding:8px 11px;border:1px solid #eadedb!important; border-radius:10px;background:#fff;color:#dc5148!important; text-decoration:none!important;font-size:12.5px;font-weight:650;line-height:1; white-space:nowrap;transition:background .18s ease,border-color .18s ease,transform .18s ease; } .shared-ui .mc-deal-favorite .mc-favorite-chip a:hover{background:#fff4f2;border-color:#ffcfc9!important;transform:translateY(-1px)} .shared-ui .mc-deal-favorite .mc-favorite-chip i{font-size:13px} @media(max-width:630px){.shared-ui .game-parametrs .params-cols__tr.mc-article-row{ grid-template-columns:23px minmax(102px,36%) minmax(0,1fr)!important; column-gap:8px!important;padding:8px 2px!important; } .shared-ui .game-parametrs .params-cols__tr.mc-article-row::before{width:22px;height:22px;margin-top:-1px} .shared-ui .game-parametrs .params-cols__tr.mc-article-row>.params-cols__param,.shared-ui .game-parametrs .params-cols__tr.mc-article-row>.mc-article-value{font-size:12.5px!important;line-height:1.4!important} .shared-ui .mc-game-deal__main .mc-bonus-earned{ grid-column:1!important;justify-self:stretch!important;width:100%!important; max-width:none!important;margin:0!important;padding:10px 8px!important; } .shared-ui .mc-game-deal__main .mc-deal-favorite{ grid-column:2!important;justify-self:stretch!important;width:100%!important; } .shared-ui .mc-game-deal__main .mc-deal-favorite .mc-favorite-chip,.shared-ui .mc-game-deal__main .mc-deal-favorite .mc-favorite-chip a{width:100%!important} .shared-ui .mc-game-deal__main .mc-deal-favorite .mc-favorite-chip a{min-height:40px;padding:9px 7px;font-size:11.5px}} @media(max-width:360px){.shared-ui .game-parametrs .params-cols__tr.mc-article-row{ grid-template-columns:22px minmax(88px,34%) minmax(0,1fr)!important; column-gap:7px!important; } .shared-ui .mc-game-deal__main{column-gap:8px!important} .shared-ui .mc-game-deal__main .mc-bonus-earned{font-size:10.8px!important;padding-left:6px!important;padding-right:6px!important;gap:5px!important} .shared-ui .mc-game-deal__main .mc-deal-favorite .mc-favorite-chip a{font-size:10.8px;padding-left:6px;padding-right:6px;gap:5px}} @media(prefers-reduced-motion:reduce){.shared-ui .mc-deal-favorite .mc-favorite-chip a{transition:none!important}} .shared-ui .mc-media > .game-media{margin-top:0!important} @media(max-width:799px){.shared-ui .mc-game-deal__main{row-gap:14px!important} .shared-ui .mc-game-deal__main .mc-bonus-earned{ grid-column:1/-1!important; justify-self:center!important; width:max-content!important; max-width:100%!important; margin:0 auto!important; } .shared-ui .mc-game-deal__main .mc-deal-favorite{ grid-column:1/-1!important; justify-self:center!important; width:auto!important; margin:2px auto 0!important; } .shared-ui .mc-game-deal__main .mc-deal-favorite .mc-favorite-chip,.shared-ui .mc-game-deal__main .mc-deal-favorite .mc-favorite-chip a{ width:auto!important; } .shared-ui .mc-game-deal__main .mc-deal-favorite .mc-favorite-chip a{ min-height:40px!important; padding:9px 14px!important; font-size:12px!important; }} @media(max-width:360px){.shared-ui .mc-game-deal__main{row-gap:13px!important} .shared-ui .mc-game-deal__main .mc-deal-favorite .mc-favorite-chip a{font-size:11.5px!important;padding-left:12px!important;padding-right:12px!important}} @media(max-width:799px){.shared-ui .mc-game-deal__main .mc-bonus-earned{margin-bottom:3px!important} .shared-ui .mc-game-deal__main .mc-deal-favorite{margin-top:12px!important}} @media(max-width:360px){.shared-ui .mc-game-deal__main .mc-deal-favorite{margin-top:11px!important}} @media (min-width:391px) and (max-width:799px){.shared-ui .mc-game-deal__main{ display:grid!important; grid-template-columns:minmax(0,1fr) max-content 36px max-content minmax(0,1fr)!important; column-gap:0!important; row-gap:18px!important; } .shared-ui .mc-game-deal .game-deal__col--price,.shared-ui .mc-game-deal .mor-full_link{grid-column:1/-1!important} .shared-ui .mc-game-deal__main .mc-bonus-earned{ grid-column:2!important; justify-self:end!important; width:max-content!important; max-width:100%!important; min-height:44px!important; margin:0!important; } .shared-ui .mc-game-deal__main .mc-deal-favorite{ grid-column:4!important; justify-self:start!important; width:max-content!important; margin:0!important; } .shared-ui .mc-game-deal__main .mc-deal-favorite .mc-favorite-chip,.shared-ui .mc-game-deal__main .mc-deal-favorite .mc-favorite-chip a{width:auto!important} .shared-ui .mc-game-deal__main .mc-deal-favorite .mc-favorite-chip a{min-height:44px!important}} @media (max-width:390px){.shared-ui .mc-game-deal__main .mc-bonus-earned,.shared-ui .mc-game-deal__main .mc-deal-favorite{ grid-column:1/-1!important; justify-self:center!important; width:max-content!important; max-width:100%!important; margin:0!important; } .shared-ui .mc-game-deal__main .mc-bonus-earned{min-height:44px!important;margin-bottom:10px!important} .shared-ui .mc-game-deal__main .mc-deal-favorite{margin-top:10px!important} .shared-ui .mc-game-deal__main .mc-deal-favorite .mc-favorite-chip a{min-height:44px!important}} .shared-ui #modal-basket + .e-overlay.active{ z-index:9998!important; background:rgba(20,24,20,.52)!important; -webkit-backdrop-filter:blur(3px) saturate(.92); backdrop-filter:blur(3px) saturate(.92); animation:mcCartBackdropIn .22s ease-out both!important; } .shared-ui #modal-basket .basket-content{z-index:9999!important} @keyframes mcCartBackdropIn{ from{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)} to{opacity:1;-webkit-backdrop-filter:blur(3px) saturate(.92);backdrop-filter:blur(3px) saturate(.92)} } @media(prefers-reduced-motion:reduce){.shared-ui #modal-basket + .e-overlay.active{animation:none!important}} .shared-ui .mc-deal-secondary-actions{display:contents} @media(max-width:799px){.shared-ui .mc-game-deal__main .mc-deal-secondary-actions{ grid-column:1/-1!important; display:flex!important; align-items:center!important; justify-content:center!important; flex-wrap:nowrap!important; column-gap:clamp(28px,8vw,42px)!important; width:100%!important; min-width:0!important; margin:2px 0 0!important; } .shared-ui .mc-game-deal__main .mc-deal-secondary-actions>.mc-bonus-earned,.shared-ui .mc-game-deal__main .mc-deal-secondary-actions>.mc-deal-favorite{ grid-column:auto!important; justify-self:auto!important; width:auto!important; max-width:calc(50% - 14px)!important; margin:0!important; flex:0 1 auto!important; } .shared-ui .mc-game-deal__main .mc-deal-secondary-actions>.mc-bonus-earned{ min-height:48px!important; padding:10px 13px!important; font-size:13.5px!important; line-height:1.15!important; gap:7px!important; } .shared-ui .mc-game-deal__main .mc-deal-secondary-actions .mc-bonus-earned__info{font-size:12.5px!important} .shared-ui .mc-game-deal__main .mc-deal-secondary-actions>.mc-deal-favorite .mc-favorite-chip,.shared-ui .mc-game-deal__main .mc-deal-secondary-actions>.mc-deal-favorite .mc-favorite-chip a{width:auto!important} .shared-ui .mc-game-deal__main .mc-deal-secondary-actions>.mc-deal-favorite .mc-favorite-chip a{ min-height:48px!important; padding:10px 14px!important; font-size:13.5px!important; line-height:1.15!important; gap:7px!important; } .shared-ui .mc-game-deal__main .mc-deal-secondary-actions>.mc-deal-favorite .mc-favorite-chip i{font-size:14px!important}} @media(max-width:360px){.shared-ui .mc-game-deal__main .mc-deal-secondary-actions{column-gap:24px!important} .shared-ui .mc-game-deal__main .mc-deal-secondary-actions>.mc-bonus-earned,.shared-ui .mc-game-deal__main .mc-deal-secondary-actions>.mc-deal-favorite .mc-favorite-chip a{ font-size:12.8px!important; padding-left:10px!important; padding-right:10px!important; }} .shared-ui .products-layout--catalog-lite{margin-left:0;margin-right:0} .shared-ui .products-layout--catalog-lite>.catalog-products-col{width:100%;padding-left:0!important;padding-right:0!important} .shared-ui .mc-catalog-toolbar--lite{position:relative;margin-bottom:12px} .shared-ui .mc-catalog-toolbar__left{display:flex;align-items:center;gap:8px;min-width:0} .shared-ui .mc-filter-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 14px;border:1px solid #e4e9ed;border-radius:10px;background:#fff;color:#262c30;font:inherit;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 1px 5px rgba(25,35,45,.035);transition:border-color .16s ease,color .16s ease,background .16s ease,transform .16s ease} .shared-ui .mc-filter-toggle:hover,.shared-ui .mc-filter-toggle.has-active-filters{border-color:var(--mc-accent);color:var(--mc-accent-strong);background:var(--mc-accent-soft)} .shared-ui .mc-filter-toggle:active{transform:translateY(1px)} .shared-ui .mc-filter-toggle i{font-size:14px;color:var(--mc-accent-strong)} .shared-ui .mc-filter-toggle__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:20px;background:var(--mc-accent-strong);color:#fff;font-size:11px;font-weight:800;line-height:1} .shared-ui .mc-filter-toggle__count[hidden]{display:none!important} .shared-ui .mc-lite-filter{box-sizing:border-box;margin:-2px 0 14px;padding:20px;border:1px solid var(--mc-accent-border);border-radius:14px;background:#fff;box-shadow:0 10px 32px color-mix(in srgb,var(--mc-accent) 7.0%,transparent);opacity:0;transform:translateY(-7px);transition:opacity .18s ease,transform .18s ease} .shared-ui .mc-lite-filter.is-open{opacity:1;transform:none} .shared-ui .mc-lite-filter__head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px} .shared-ui .mc-lite-filter__eyebrow{margin-bottom:2px;color:var(--mc-accent-strong);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase} .shared-ui .mc-lite-filter__head h3{margin:0;color:#20251d;font-size:20px;line-height:1.2} .shared-ui .mc-lite-filter__close{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-radius:10px;background:var(--mc-accent-soft);color:#596052;cursor:pointer;font-size:15px;transition:.16s ease} .shared-ui .mc-lite-filter__close:hover{background:var(--mc-accent-soft);color:var(--mc-accent-strong)} .shared-ui .mc-lite-filter__form{display:grid;grid-template-columns:1.2fr 1.25fr .9fr;gap:18px;align-items:start} .shared-ui .mc-lite-filter__group{min-width:0;margin:0;padding:0;border:0} .shared-ui .mc-lite-filter__group legend{display:flex;align-items:center;gap:7px;width:100%;margin:0 0 10px;padding:0;color:#30362d;font-size:13px;font-weight:800} .shared-ui .mc-lite-filter__group legend i{color:var(--mc-accent-strong);font-size:12px} .shared-ui .mc-filter-chips{display:flex;flex-wrap:wrap;gap:7px} .shared-ui .mc-filter-chip{position:relative;margin:0;cursor:pointer} .shared-ui .mc-filter-chip input{position:absolute;opacity:0;pointer-events:none} .shared-ui .mc-filter-chip>span{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 11px;border:1px solid #e5e9e1;border-radius:10px;background:#fafbfa;color:#4c5348;font-size:12px;font-weight:650;white-space:nowrap;transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease} .shared-ui .mc-filter-chip>span img{width:17px;height:17px;object-fit:contain;flex:0 0 17px} .shared-ui .mc-filter-chip input:checked+span{border-color:var(--mc-accent);background:var(--mc-accent-soft);color:var(--text,#030c3a);box-shadow:0 0 0 2px color-mix(in srgb,var(--mc-accent) 6.0%,transparent)} .shared-ui .mc-filter-chip:hover>span{border-color:var(--mc-accent-border)} .shared-ui .mc-filter-chip input:focus-visible+span{outline:2px solid color-mix(in srgb,var(--mc-accent) 35.0%,transparent);outline-offset:2px} .shared-ui .mc-filter-clean{display:flex;align-items:center;gap:10px;min-height:48px;margin:0;padding:8px 10px;border:1px solid #e7ebe3;border-radius:11px;background:#fafbfa;cursor:pointer;transition:.15s ease} .shared-ui .mc-filter-clean:hover{border-color:var(--mc-accent-border);background:var(--mc-accent-soft)} .shared-ui .mc-filter-clean input{position:absolute;opacity:0;pointer-events:none} .shared-ui .mc-filter-clean__box{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;border:1px solid var(--mc-accent-border);border-radius:8px;background:#fff;color:transparent;font-size:12px;transition:.15s ease} .shared-ui .mc-filter-clean input:checked+.mc-filter-clean__box{border-color:var(--mc-accent-strong);background:var(--mc-accent-strong);color:#fff} .shared-ui .mc-filter-clean>span:last-child{display:flex;flex-direction:column;min-width:0;line-height:1.25} .shared-ui .mc-filter-clean strong{color:#3d4438;font-size:12.5px} .shared-ui .mc-filter-clean small{margin-top:2px;color:#8b9186;font-size:10.5px} .shared-ui .mc-lite-filter__actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:9px;padding-top:2px} .shared-ui .mc-lite-filter__apply,.shared-ui .mc-lite-filter__reset{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 18px;border-radius:10px;font:inherit;font-size:12.5px;font-weight:750;cursor:pointer;transition:.16s ease} .shared-ui .mc-lite-filter__apply{border:1px solid var(--mc-accent-strong);background:var(--mc-accent-strong);color:#fff} .shared-ui .mc-lite-filter__apply:hover{background:var(--mc-accent-strong);border-color:var(--mc-accent-strong)} .shared-ui .mc-lite-filter__apply.is-loading{opacity:.65;pointer-events:none} .shared-ui .mc-lite-filter__reset{border:1px solid #e3e7df;background:#fff;color:#62695e} .shared-ui .mc-lite-filter__reset:hover{border-color:var(--mc-accent-border);background:var(--mc-accent-soft);color:#4d5548} .shared-ui .mc-filter-backdrop{display:none} @media(min-width:1240px){.shared-ui .products-layout--catalog-lite .mc-catalog-shell[data-catalog-view="grid"] .mc-grid,.shared-ui .products-layout--catalog-lite .mc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(min-width:992px) and (max-width:1239px){.shared-ui .products-layout--catalog-lite .mc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} .shared-ui #dle-content.mc-filter-loading{position:relative;min-height:220px;opacity:.58;pointer-events:none;transition:opacity .15s ease} .shared-ui #dle-content.mc-filter-loading:after{content:"";position:absolute;left:50%;top:82px;width:30px;height:30px;margin:-15px 0 0 -15px;border:3px solid color-mix(in srgb,var(--mc-accent) 18.0%,transparent);border-top-color:var(--mc-accent-strong);border-radius:50%;animation:mcFilterSpin .7s linear infinite;z-index:5} @keyframes mcFilterSpin{to{transform:rotate(360deg)}} .shared-ui .mc-filter-error{margin:0 0 12px;padding:11px 13px;border:1px solid #ffd8d3;border-radius:10px;background:#fff6f4;color:#a94739;font-size:12px} .shared-ui .mc-lite-pager{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin:24px 0 8px} .shared-ui .mc-lite-pager__pages{display:flex;align-items:center;justify-content:center;gap:5px} .shared-ui .mc-lite-pager button,.shared-ui .mc-lite-pager__page{display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:40px;margin:0;padding:0 12px;border:1px solid #e4e8ec;border-radius:10px;background:#fff;color:#30353a;font:inherit;font-size:13px;font-weight:700;cursor:pointer;box-sizing:border-box;transition:.16s ease} .shared-ui .mc-lite-pager button:hover:not(:disabled){border-color:var(--mc-accent);color:var(--mc-accent-strong);transform:translateY(-1px)} .shared-ui .mc-lite-pager button:disabled{opacity:.36;cursor:default} .shared-ui .mc-lite-pager__page.is-current{border-color:var(--mc-accent-strong);background:var(--mc-accent-strong);color:#fff} .shared-ui .mc-lite-pager__ellipsis{display:inline-flex;align-items:center;justify-content:center;width:20px;color:#8b9098;font-size:17px} .shared-ui .mc-lite-pager__nav{gap:7px!important;min-width:auto!important} @media(max-width:900px){.shared-ui .mc-lite-filter__form{grid-template-columns:1fr 1fr} .shared-ui .mc-lite-filter__group--quality{grid-column:1/-1}} @media(max-width:760px){.shared-ui .mc-catalog-toolbar--lite{display:grid;grid-template-columns:1fr;gap:7px;padding:6px} .shared-ui .mc-catalog-toolbar--lite .mc-catalog-toolbar__left{justify-content:space-between} .shared-ui .mc-catalog-toolbar--lite .mc-catalog-toolbar__controls{width:100%;margin-left:0;justify-content:stretch} .shared-ui .mc-catalog-toolbar--lite .mc-toolbar-field--sort{flex:1 1 auto} .shared-ui .mc-catalog-toolbar--lite .mc-toolbar-field--sort select{width:100%;max-width:none} .shared-ui .mc-filter-toggle{min-height:40px;padding:0 12px}} @media(max-width:700px){.shared-ui .mc-filter-backdrop{position:fixed;inset:0;display:block;z-index:10035;background:rgba(23,28,20,.42);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .18s ease} .shared-ui .mc-filter-backdrop.is-open{opacity:1} .shared-ui .mc-lite-filter{position:fixed;left:8px;right:8px;bottom:8px;z-index:10040;max-height:min(78vh,620px);overflow:auto;margin:0;padding:18px 15px 16px;border-radius:18px;box-shadow:0 24px 70px color-mix(in srgb,var(--mc-accent) 26.0%,transparent);opacity:0;transform:translateY(24px);transition:opacity .18s ease,transform .18s ease} .shared-ui .mc-lite-filter.is-open{opacity:1;transform:none} .shared-ui .mc-lite-filter__head{position:sticky;top:-18px;z-index:2;margin:-18px -15px 15px;padding:17px 15px 12px;background:rgba(255,255,255,.97);border-bottom:1px solid #eef0eb;border-radius:18px 18px 0 0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)} .shared-ui .mc-lite-filter__head h3{font-size:19px} .shared-ui .mc-lite-filter__form{display:block} .shared-ui .mc-lite-filter__group{margin-bottom:18px} .shared-ui .mc-filter-chips{gap:7px} .shared-ui .mc-filter-chip>span{min-height:39px;padding:0 11px;font-size:12px} .shared-ui .mc-filter-clean{min-height:52px} .shared-ui .mc-lite-filter__actions{position:sticky;bottom:-16px;display:grid;grid-template-columns:1.25fr .75fr;gap:8px;margin:2px -15px -16px;padding:12px 15px 14px;background:rgba(255,255,255,.97);border-top:1px solid #eef0eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)} .shared-ui .mc-lite-filter__apply,.shared-ui .mc-lite-filter__reset{width:100%;min-height:46px} .shared-ui .mc-lite-pager{gap:6px;margin-top:18px} .shared-ui .mc-lite-pager__nav{width:42px!important;min-width:42px!important;padding:0!important;font-size:16px} .shared-ui .mc-lite-pager__nav span{display:none} .shared-ui .mc-lite-pager button,.shared-ui .mc-lite-pager__page{height:38px;min-width:38px;padding:0 8px;border-radius:9px;font-size:12.5px} .shared-ui .mc-lite-pager__pages{gap:4px}} @media(max-width:520px){.shared-ui .mc-catalog-toolbar--lite .mc-catalog-toolbar__left{gap:6px} .shared-ui .mc-catalog-toolbar--lite .mc-view-switch{flex:0 0 auto} .shared-ui .mc-filter-toggle{flex:1 1 auto;min-width:0;padding:0 10px} .shared-ui .mc-filter-toggle span:not(.mc-filter-toggle__count){font-size:12px} .shared-ui .mc-catalog-toolbar--lite .mc-catalog-toolbar__controls{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:6px} .shared-ui .mc-catalog-toolbar--lite .mc-toolbar-field--sort select{max-width:none} .shared-ui .mc-filter-chip>span{padding:0 10px}} @media(prefers-reduced-motion:reduce){.shared-ui .mc-lite-filter,.shared-ui .mc-filter-backdrop,.shared-ui .mc-filter-toggle,.shared-ui .mc-filter-chip>span,.shared-ui #dle-content{transition:none!important} .shared-ui .mc-lite-pager button:hover:not(:disabled){transform:none}} .shared-ui .mc-filter-backdrop[hidden],.shared-ui .mc-lite-filter[hidden]{ display:none!important; visibility:hidden!important; pointer-events:none!important; } .shared-ui .mc-filter-backdrop:not(.is-open){pointer-events:none!important} .shared-ui .mc-filter-backdrop.is-open{pointer-events:auto!important} @media(max-width:700px){.shared-ui .mc-lite-filter:not(.is-open){pointer-events:none!important} .shared-ui .mc-lite-filter.is-open{pointer-events:auto!important}} .shared-ui .mc-header-favs{display:none} @media screen and (min-width:1025px){.shared-ui .header{padding-bottom:52px} .shared-ui .header__top>.wrapper{ display:grid!important; grid-template-columns:190px minmax(420px,1fr); align-items:center; column-gap:28px; padding-top:12px!important; padding-bottom:12px!important; min-height:78px; } .shared-ui .header__logo{ width:178px!important; max-width:178px!important; height:64px; margin:0!important; padding:0!important; display:flex; align-items:center; } .shared-ui .header__logo img{ width:100%; height:100%; object-fit:contain; } .shared-ui .header__main-col{ min-width:0; max-width:none!important; padding:0!important; display:grid!important; grid-template-columns:minmax(360px,1fr) auto; align-items:center; gap:18px; } .shared-ui .header__info-wr{ grid-column:2; grid-row:1; width:auto!important; min-width:max-content; display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:8px!important; line-height:1!important; } .shared-ui .header__info-links{display:none!important} .shared-ui .search-div{ grid-column:1; grid-row:1; min-width:0; margin:0!important; padding:0!important; } .shared-ui .search-div__txt{display:none!important} .shared-ui .search-wr__main{margin:0!important} .shared-ui .search-wr__input{ height:46px!important; line-height:44px!important; border:1px solid var(--mc-accent-border)!important; border-radius:13px!important; padding:0 54px 0 17px!important; background:var(--mc-accent-soft)!important; font-size:14px!important; color:#171a16!important; box-shadow:none!important; transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease; } .shared-ui .search-wr__input::placeholder{color:#7c8377!important} .shared-ui .search-wr__input:focus{ border-color:var(--mc-accent-strong)!important; background:#fff!important; box-shadow:0 0 0 3px color-mix(in srgb,var(--mc-accent) 10.0%,transparent)!important; } .shared-ui .search-wr__btns-pair{ width:46px!important; height:46px!important; line-height:46px!important; background:transparent!important; } .shared-ui .search-wr__btns-pair .search-wr__submit,.shared-ui .search-wr__btns-pair .iconic{ right:4px!important; top:4px!important; bottom:4px!important; width:38px!important; height:38px!important; line-height:38px!important; border-radius:10px!important; font-size:18px!important; transition:background-color .18s ease,color .18s ease; } .shared-ui .search-wr__btns-pair .search-wr__submit:hover{background:var(--mc-accent-border)!important;color:var(--text,#030c3a)!important} .shared-ui .search-wr__loadout-wr{ left:0!important; right:0!important; margin-top:7px!important; max-height:430px; border:1px solid var(--mc-accent-border); border-radius:14px!important; box-shadow:0 18px 45px color-mix(in srgb,var(--mc-accent) 14.0%,transparent)!important; overflow:hidden auto!important; transform:none!important; animation:none!important; transform-origin:center!important; } .shared-ui .search-wr__loadout-wr._active{transform:none!important;animation:none!important} .shared-ui .search-wr__loadout{padding:8px!important} .shared-ui .search-wr__loadout-bot{ padding:11px 14px!important; background:var(--mc-accent-soft)!important; color:#4f5947!important; border-top:1px solid #e9ece5; font-size:13px!important; text-align:center; } .shared-ui .search-wr__loadout-bot-link{font-weight:700;color:var(--text,#030c3a)!important} .shared-ui .header-user,.shared-ui .modal-login{order:1;flex:0 0 auto!important} .shared-ui .mc-header-favs{order:2} .shared-ui .header-store{order:3} .shared-ui .currency__dropdown{order:4} .shared-ui .mc-header-favs{ display:inline-flex; align-items:center; justify-content:center; gap:7px; height:46px; padding:0 12px; border:1px solid #e7e9e4; border-radius:13px; background:#fff; color:#161816; font-size:13px; font-weight:700; white-space:nowrap; transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease; } .shared-ui .mc-header-favs i{font-size:18px;color:#30352e} .shared-ui .mc-header-favs:hover{background:var(--mc-accent-soft);border-color:var(--mc-accent-border);color:var(--text,#030c3a);transform:translateY(-1px)} .shared-ui .mc-header-favs:hover i{color:var(--mc-accent-strong)} .shared-ui .header-store{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:7px; min-width:104px!important; width:auto!important; height:46px!important; padding:0 14px!important; margin:0!important; border-radius:13px!important; font-size:13px!important; font-weight:700!important; } .shared-ui .header-store>i.fa-regular,.shared-ui .header-store>i.fa-solid{font-size:18px!important} .shared-ui .header-store i:not([class]){display:inline!important;font-style:normal!important} .shared-ui .basket-count{top:-7px!important;right:-4px!important} .shared-ui .header-user>a,.shared-ui .modal-login>a{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:7px; min-width:92px!important; width:auto!important; height:46px!important; min-height:46px!important; padding:0 12px!important; line-height:1!important; border:1px solid #e7e9e4; border-radius:13px!important; background:#fff!important; color:#161816!important; font-size:13px!important; font-weight:700!important; } .shared-ui .header-user>a i,.shared-ui .modal-login>a i{font-size:19px!important;color:#20231f!important} .shared-ui .header-user>a span,.shared-ui .modal-login>a span{display:inline!important;color:#161816!important} .shared-ui .header-user>a:hover,.shared-ui .modal-login>a:hover{background:var(--mc-accent-soft)!important;border-color:#d8ddd2!important} .shared-ui .currency__dropdown .dropdown__head{ height:46px!important; min-width:72px!important; padding:0 25px 0 12px!important; border-radius:13px!important; border:1px solid #e7e9e4!important; background:#fff!important; font-size:12px!important; font-weight:700!important; } .shared-ui .currency__dropdown .dropdown__head:after{right:10px!important} .shared-ui .header-nav{height:52px!important} .shared-ui .header-nav__gr-link{font-size:14px!important;padding:4px 16px!important} .shared-ui .header__nav{border-color:#eceee9!important}} @media screen and (min-width:1025px) and (max-width:1240px){.shared-ui .header__top>.wrapper{grid-template-columns:150px minmax(0,1fr);column-gap:18px} .shared-ui .header__logo{width:146px!important;max-width:146px!important} .shared-ui .header__main-col{gap:10px;grid-template-columns:minmax(300px,1fr) auto} .shared-ui .mc-header-favs span,.shared-ui .header-user>a span,.shared-ui .modal-login>a span{display:none!important} .shared-ui .mc-header-favs,.shared-ui .header-user>a,.shared-ui .modal-login>a{min-width:46px!important;width:46px!important;padding:0!important} .shared-ui .header-store{min-width:92px!important;padding:0 11px!important}} @media screen and (max-width:1020px){.shared-ui .page-body,.shared-ui .mc-page-body{padding-top:0!important} .shared-ui .header__top{position:relative!important} .shared-ui .search-wr,.shared-ui .header-mob__menu{top:100%!important}} .shared-ui .header,.shared-ui .header__top,.shared-ui .header__nav{ position:relative!important; top:auto!important; left:auto!important; right:auto!important; } .shared-ui .header{transform:none!important} body._scrolled .shared-ui .header,body._scrolled .shared-ui .header__top,body._scrolled .shared-ui .header__nav{ position:relative!important; top:auto!important; left:auto!important; right:auto!important; transform:none!important; -webkit-transform:none!important; } body._scrolled .shared-ui .page-body,body._scrolled .shared-ui .mc-page-body{padding-top:0!important} @media screen and (min-width:1025px){.shared-ui .header{padding-bottom:0!important} body._scrolled .shared-ui .header{padding-bottom:0!important} .shared-ui .header__top>.wrapper{ display:grid!important; grid-template-columns:190px minmax(0,1fr)!important; align-items:center!important; column-gap:28px!important; min-height:102px!important; padding-top:14px!important; padding-bottom:14px!important; } .shared-ui .header__logo{ align-self:center!important; justify-self:start!important; width:178px!important; max-width:178px!important; height:70px!important; margin:0!important; } .shared-ui .header__main-col{ width:100%!important; min-width:0!important; display:grid!important; grid-template-columns:minmax(360px,1fr) auto!important; align-items:center!important; gap:20px!important; margin:0!important; padding:0!important; } .shared-ui .search-div{ grid-column:1!important; grid-row:1!important; width:100%!important; min-width:0!important; align-self:center!important; margin:0!important; padding:0!important; } .shared-ui .search-wr{ position:relative!important; width:100%!important; min-width:0!important; margin:0!important; } .shared-ui .search-wr__main{ position:relative!important; display:block!important; width:100%!important; margin:0!important; padding:0!important; } .shared-ui .search-wr__input{ display:block!important; width:100%!important; min-width:0!important; height:48px!important; line-height:46px!important; box-sizing:border-box!important; margin:0!important; padding:0 54px 0 18px!important; } .shared-ui .search-wr__btns-pair{ position:absolute!important; top:50%!important; right:4px!important; bottom:auto!important; width:40px!important; height:40px!important; margin:0!important; transform:translateY(-50%)!important; line-height:40px!important; } .shared-ui .search-wr__btns-pair .search-wr__submit,.shared-ui .search-wr__btns-pair .iconic{ position:absolute!important; inset:0!important; width:40px!important; height:40px!important; line-height:40px!important; margin:0!important; } .shared-ui .header__info-wr{ grid-column:2!important; grid-row:1!important; align-self:center!important; min-width:max-content!important; margin:0!important; padding:0!important; gap:10px!important; } .shared-ui .header__nav{ position:relative!important; transform:none!important; -webkit-transform:none!important; margin:0!important; }} @media screen and (min-width:1025px) and (max-width:1240px){.shared-ui .header__top>.wrapper{ grid-template-columns:150px minmax(0,1fr)!important; column-gap:18px!important; } .shared-ui .header__logo{width:146px!important;max-width:146px!important;height:62px!important} .shared-ui .header__main-col{grid-template-columns:minmax(280px,1fr) auto!important;gap:12px!important}} .shared-ui .header.js-header,.shared-ui .header{ position:-webkit-sticky!important; position:sticky!important; top:0!important; left:auto!important; right:auto!important; width:100%!important; z-index:1200!important; transform:none!important; -webkit-transform:none!important; background:#fff!important; box-shadow:0 1px 0 color-mix(in srgb,var(--mc-accent) 8.0%,transparent),0 8px 22px color-mix(in srgb,var(--mc-accent) 4.5%,transparent)!important; } body._scrolled .shared-ui .header,body._scrolled .shared-ui .header.js-header{ position:-webkit-sticky!important; position:sticky!important; top:0!important; left:auto!important; right:auto!important; transform:none!important; -webkit-transform:none!important; padding-bottom:0!important; } body._scrolled .shared-ui .header__top{ display:block!important; position:relative!important; top:auto!important; } body._scrolled .shared-ui .header__nav,.shared-ui .header__nav{ position:relative!important; top:auto!important; left:auto!important; right:auto!important; transform:none!important; -webkit-transform:none!important; } body._scrolled .shared-ui .page-body,body._scrolled .shared-ui .mc-page-body{ padding-top:0!important; } @media screen and (max-width:1024px){.shared-ui .header.js-header,.shared-ui .header{ position:-webkit-sticky!important; position:sticky!important; top:0!important; } .shared-ui .header-mob__menu,.shared-ui .search-wr{ /* Preserve the existing mobile positioning relative to the sticky header. */ }} .shared-ui #searchsuggestions{ box-sizing:border-box!important; padding:7px!important; background:#fff!important; border:1px solid var(--mc-accent-border)!important; border-radius:14px!important; box-shadow:0 18px 45px color-mix(in srgb,var(--mc-accent) 16.0%,transparent)!important; overflow-x:hidden!important; overflow-y:auto!important; scrollbar-gutter:stable; } .shared-ui #searchsuggestions .dle-fast_item{ position:relative!important; display:grid!important; grid-template-columns:58px minmax(0,1fr) 24px!important; align-items:center!important; gap:11px!important; min-height:70px!important; padding:6px 7px!important; margin:0!important; border-radius:10px!important; color:#161a15!important; text-decoration:none!important; overflow:hidden!important; transition:background-color .16s ease,transform .16s ease!important; } .shared-ui #searchsuggestions .dle-fast_item:hover{ background:var(--mc-accent-soft)!important; transform:none!important; } .shared-ui #searchsuggestions .dle-fast_item__media{ display:flex; align-items:center; justify-content:center; width:58px; height:58px; border-radius:9px; background:#f5f6f3; overflow:hidden; } .shared-ui #searchsuggestions .dle-fast_item__media img{ display:block!important; width:100%!important; height:100%!important; max-width:none!important; object-fit:contain!important; border-radius:0!important; } .shared-ui #searchsuggestions .dle-fast_item__body{ min-width:0; display:flex; flex-direction:column; gap:5px; } .shared-ui #searchsuggestions .dle-fast_item__title{ display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; color:#171a16; font-size:13.5px; line-height:1.28; font-weight:700; } .shared-ui #searchsuggestions .dle-fast_meta{ display:flex!important; align-items:center!important; flex-wrap:wrap!important; gap:7px!important; color:#8a9185!important; font-size:11.5px!important; line-height:1.2!important; } .shared-ui #searchsuggestions .dle-fast_meta strong{ color:var(--mc-accent-strong); font-size:12px; } .shared-ui #searchsuggestions .dle-fast_item__arrow{ display:flex; align-items:center; justify-content:center; width:24px; height:24px; color:#aab0a5; font-size:11px; } .shared-ui #searchsuggestions .dle-fast_item:hover .dle-fast_item__arrow{color:var(--mc-accent-strong)} .shared-ui #searchsuggestions .seperator{ display:block!important; width:auto!important; margin:5px 0 0!important; padding:5px 0 0!important; border-top:1px solid var(--mc-accent-soft)!important; border-radius:0!important; background:transparent!important; color:inherit!important; } .shared-ui #searchsuggestions .seperator a{ display:flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; width:100%!important; min-height:42px!important; margin:0!important; padding:9px 14px!important; border-radius:10px!important; background:var(--color1)!important; color:#fff!important; font-size:13px!important; line-height:1.2!important; font-weight:700!important; text-decoration:none!important; } .shared-ui #searchsuggestions .seperator a:after{ content:"→"; font-size:17px; line-height:1; } .shared-ui #searchsuggestions .notfound{ display:block!important; padding:15px 12px!important; margin:0!important; color:#747c70!important; text-align:center!important; font-size:13px!important; } @media(max-width:860px){.shared-ui #searchsuggestions{ padding:6px!important; border-radius:12px!important; } .shared-ui #searchsuggestions .dle-fast_item{ grid-template-columns:52px minmax(0,1fr) 18px!important; min-height:64px!important; gap:9px!important; padding:6px!important; } .shared-ui #searchsuggestions .dle-fast_item__media{width:52px;height:52px;border-radius:8px} .shared-ui #searchsuggestions .dle-fast_item__title{font-size:13px}} .shared-ui .search-wr__btns-pair .search-wr__submit{ position:absolute!important; inset:0!important; display:flex!important; align-items:center!important; justify-content:center!important; width:40px!important; height:40px!important; margin:0!important; padding:0!important; border:0!important; border-radius:10px!important; background:var(--color1)!important; color:#171a16!important; line-height:1!important; cursor:pointer!important; box-sizing:border-box!important; } .shared-ui .search-wr__btns-pair .search-wr__submit i{ display:block!important; width:auto!important; height:auto!important; margin:0!important; padding:0!important; font-size:17px!important; line-height:1!important; transform:none!important; } .shared-ui .search-wr__btns-pair .search-wr__submit:hover{ background:var(--mc-accent-strong)!important; color:#111!important; } @media screen and (max-width:1024px){body._mob-search-open .shared-ui .search-wr{ box-sizing:border-box!important; } body._mob-search-open .shared-ui .search-wr__main{ position:relative!important; display:block!important; width:100%!important; margin:0!important; padding:0!important; } body._mob-search-open .shared-ui .search-wr__input{ box-sizing:border-box!important; width:100%!important; height:48px!important; line-height:46px!important; padding-right:54px!important; } body._mob-search-open .shared-ui .search-wr__btns-pair{ position:absolute!important; top:50%!important; right:4px!important; bottom:auto!important; left:auto!important; width:40px!important; height:40px!important; margin:0!important; padding:0!important; line-height:40px!important; background:transparent!important; transform:translateY(-50%)!important; z-index:3!important; } body._mob-search-open .shared-ui .search-wr__btns-pair .search-wr__submit{ position:absolute!important; inset:0!important; display:flex!important; align-items:center!important; justify-content:center!important; width:40px!important; height:40px!important; margin:0!important; padding:0!important; border-radius:10px!important; } body._mob-search-open .shared-ui .search-wr__btns-pair .search-wr__submit i{ display:block!important; margin:0!important; line-height:1!important; }} @media screen and (max-width:480px){body._mob-search-open .shared-ui .search-wr{ padding:8px!important; } body._mob-search-open .shared-ui .search-wr__input{ height:46px!important; line-height:44px!important; padding-left:15px!important; padding-right:52px!important; border-radius:11px!important; } body._mob-search-open .shared-ui .search-wr__btns-pair{ right:3px!important; width:40px!important; height:40px!important; }} .shared-ui .mc-order-modal [hidden]{display:none!important} .shared-ui .mc-order-modal__update{margin-top:12px;padding:12px 14px;border:1px solid var(--mc-accent-border);border-radius:11px;background:var(--mc-accent-soft)} .shared-ui .mc-order-modal__update-message{color:#6c7781;font-size:12.5px;line-height:1.5} .shared-ui .mc-order-modal__empty-link{color:#8b949f} .shared-ui .mc-orders__btn--update{background:#fff;border-color:var(--mc-accent);color:var(--text,#030c3a)!important} .shared-ui .mc-orders__btn--update:hover{background:var(--mc-accent-soft)} .shared-ui .mc-orders__btn--renew{background:#fff7e8;border-color:#f0cf8e;color:#9a6500!important} .shared-ui .mc-orders__btn--renew:hover{background:#fff0cf} .shared-ui .mc-renewal-offer{display:flex;align-items:flex-start;gap:10px;margin:0 0 12px;padding:12px 14px;border:1px solid var(--mc-accent-border);border-radius:11px;background:var(--mc-accent-soft);color:var(--text,#030c3a)} .shared-ui .mc-renewal-offer>i{margin-top:3px;color:var(--color1);font-size:17px} .shared-ui .mc-renewal-offer b{display:block;font-size:14px;line-height:1.35} .shared-ui .mc-renewal-offer span{display:block;margin-top:3px;color:#78846c;font-size:12px;line-height:1.4} @media(max-width:520px){.shared-ui .mc-order-modal__update{padding:11px 12px} .shared-ui .mc-order-modal__actions .mc-orders__btn--renew,.shared-ui .mc-order-modal__actions .mc-orders__btn--update{flex-basis:100%}} .shared-ui .mc-renewal-price-applied{color:var(--text,#030c3a)!important;font-weight:800!important} .shared-ui .mc-renewal-old-price{display:inline-flex;align-items:center;margin-left:12px;color:#9aa0a6;font-size:16px;font-weight:500;text-decoration:line-through} .shared-ui .mc-renewal-discount-badge{display:inline-flex;align-items:center;margin-left:10px;padding:5px 9px;border-radius:999px;background:var(--mc-accent-soft);color:var(--text,#030c3a);font-size:12px;font-weight:700;line-height:1.2} .shared-ui .mc-renewal-offer strong{color:var(--text,#030c3a)} .shared-ui .mc-bonus-fullpay-note{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px;padding:12px 14px;border:1px solid var(--mc-accent-border);border-radius:11px;background:var(--mc-accent-soft);color:var(--text,#030c3a);font-size:13px;line-height:1.45} .shared-ui .mc-bonus-fullpay-note>i{margin-top:2px;color:var(--mc-accent-strong);font-size:17px} .shared-ui .basket-form_payment.mc-payment-not-needed>.e-grid4{opacity:.45} .shared-ui .basket-form_payment.mc-payment-not-needed>.mc-payment-help{opacity:.6} @media(max-width:620px){.shared-ui .mc-renewal-old-price{margin-left:8px;font-size:14px} .shared-ui .mc-renewal-discount-badge{margin-left:0;margin-top:7px} .shared-ui .price-wr__main-str:has(.mc-renewal-discount-badge){display:flex;flex-wrap:wrap;align-items:center;gap:0 4px}} .shared-ui .mc-header-favs{position:relative} .shared-ui .mc-header-favs__count{ position:absolute; top:-8px; right:-7px; display:inline-flex; align-items:center; justify-content:center; min-width:19px; height:19px; padding:0 5px; border:2px solid #fff; border-radius:999px; background:#f44336; color:#fff!important; font-size:10px; line-height:15px; font-weight:800; box-sizing:border-box; box-shadow:0 2px 5px rgba(244,67,54,.18); pointer-events:none; z-index:3; } .shared-ui .mc-header-favs__count[hidden],.shared-ui .mc-header-favs__count[data-count="0"]{display:none!important} @media(max-width:760px){.shared-ui .mc-header-favs__count{top:-7px;right:-7px;min-width:18px;height:18px;padding:0 4px;font-size:9px}} .shared-ui .search-wr__input{padding-right:96px!important} .shared-ui .mc-search-clear{ position:absolute!important; top:50%!important; right:50px!important; z-index:5!important; display:flex!important; align-items:center!important; justify-content:center!important; width:32px!important; height:32px!important; margin:0!important; padding:0!important; transform:translateY(-50%)!important; border:0!important; border-radius:9px!important; background:transparent!important; color:#8a9185!important; font-size:15px!important; line-height:1!important; cursor:pointer!important; transition:background-color .15s ease,color .15s ease!important; } .shared-ui .mc-search-clear:hover{background:var(--mc-accent-soft)!important;color:#30362d!important} .shared-ui .mc-search-clear:focus-visible{outline:2px solid color-mix(in srgb,var(--mc-accent) 38.0%,transparent)!important;outline-offset:1px!important} .shared-ui .mc-search-clear[hidden]{display:none!important} .shared-ui #searchsuggestions{z-index:10060!important;max-height:min(520px,70vh)!important} @media(max-width:1024px){body._mob-search-open .shared-ui .search-wr__input{padding-right:94px!important}} @media(max-width:480px){body._mob-search-open .shared-ui .search-wr__input{padding-right:92px!important} .shared-ui .mc-search-clear{right:48px!important;width:30px!important;height:30px!important}} .shared-ui .mc-filter-group-hint{display:block;margin-top:7px;color:#8b9186;font-size:10.5px;line-height:1.3} .shared-ui .DLEPush{z-index:20050!important} .shared-ui .mc-cart-gift-item{border:1px solid var(--mc-accent-border)!important;background:var(--mc-accent-soft)!important} .shared-ui .mc-cart-gift-badge{display:inline-flex;align-items:center;gap:5px;margin:3px 0 5px;padding:3px 7px;border-radius:7px;background:var(--mc-accent-border);color:var(--text,#030c3a);font-size:10.5px;font-weight:700;line-height:1.2} .shared-ui .mc-cart-gift-badge i{font-size:10px} .shared-ui .mc-cart-gift-price{display:flex!important;align-items:center;gap:7px;flex-wrap:wrap} .shared-ui .mc-cart-gift-price>span{text-decoration:line-through;color:#9aa3ab!important;font-weight:400} .shared-ui .mc-cart-gift-price>b{color:var(--mc-accent-strong);font-size:12px} .shared-ui .mc-sale-breakdown-row>span:last-child{color:var(--mc-accent-strong)!important;font-weight:700!important} .shared-ui .mc-checkout-total .mc-sale-breakdown-row>span:first-child{color:#5f6b76!important} @keyframes mc-pay-button-pulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--mc-accent) 0.0%,transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--mc-accent) 18.0%,transparent)}} .shared-ui .mc-pay-button-attention{animation:mc-pay-button-pulse .7s ease 2} @media(max-width:860px){.shared-ui .DLEPush{top:72px!important;right:12px!important;left:12px!important;width:auto!important} .shared-ui .DLEPush-notification.wrapper{max-width:none!important;width:100%!important;box-sizing:border-box}} .shared-ui .mc-referral-teaser{display:none;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;margin-top:3px;padding:10px 11px;border:1px solid var(--mc-accent-border);border-radius:12px;background:var(--mc-accent-soft);color:var(--text,#030c3a);text-align:left;font-family:inherit;cursor:pointer;box-shadow:none;transition:background-color .16s ease,border-color .16s ease,transform .16s ease} .shared-ui .mc-referrals-enabled .mc-referral-teaser{display:grid} .shared-ui .mc-referral-teaser:hover{background:var(--mc-accent-soft);border-color:var(--mc-accent-border);transform:translateY(-1px)} .shared-ui .mc-referral-teaser:focus-visible{outline:2px solid var(--mc-accent-strong);outline-offset:2px} .shared-ui .mc-referral-teaser__icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:var(--mc-accent-border);color:var(--mc-accent-strong);font-size:15px} .shared-ui .mc-referral-teaser__text{display:flex;flex-direction:column;gap:2px;min-width:0} .shared-ui .mc-referral-teaser__text strong{color:var(--text,#030c3a);font-size:12.5px;line-height:1.3;font-weight:750} .shared-ui .mc-referral-teaser__text small{color:#7a8373;font-size:10.5px;line-height:1.35} .shared-ui .mc-referral-teaser__arrow{justify-self:end;color:var(--mc-accent);font-size:11px} .shared-ui .mc-referral-modal__icon{background:var(--mc-accent-border);color:var(--mc-accent-strong)} .shared-ui .mc-referral-modal__profile{display:flex!important;align-items:center;justify-content:center;gap:8px;text-decoration:none!important;box-sizing:border-box} .shared-ui .mc-referral-modal__profile i{font-size:12px} .shared-ui .mc-referral-modal__footnote{margin-top:10px;color:#8a9184;font-size:11px;line-height:1.45;text-align:center} @media(max-width:630px){.shared-ui .mc-referral-teaser{grid-template-columns:38px minmax(0,1fr) 16px;padding:10px} .shared-ui .mc-referral-teaser__text strong{font-size:12px} .shared-ui .mc-referral-teaser__text small{font-size:10px}} @media(prefers-reduced-motion:reduce){.shared-ui .mc-referral-teaser{transition:none!important}} .shared-ui .mc-referral-modal{z-index:20120!important} .shared-ui .mc-referral-modal .mc-bonus-modal__backdrop{background:color-mix(in srgb,var(--mc-accent) 62.0%,transparent);backdrop-filter:blur(5px)} .shared-ui .mc-referral-modal .mc-bonus-modal__dialog{ box-sizing:border-box; width:min(570px,100%); padding:28px 28px 23px; border:1px solid var(--mc-accent-border); background: radial-gradient(ellipse at 7% 0%,color-mix(in srgb,var(--mc-accent) 28.0%,transparent) 0,color-mix(in srgb,var(--mc-accent) 11.0%,transparent) 20%,transparent 40%), linear-gradient(118deg,transparent 58%,rgba(255,255,255,.88) 67%,color-mix(in srgb,var(--mc-accent) 34.0%,transparent) 75%,transparent 86%), radial-gradient(ellipse at 100% 100%,color-mix(in srgb,var(--mc-accent) 8.0%,transparent),transparent 35%), linear-gradient(180deg,#fff 0%,var(--mc-accent-soft) 100%); box-shadow:0 30px 90px color-mix(in srgb,var(--mc-accent) 32.0%,transparent),0 0 0 1px rgba(255,255,255,.72) inset; isolation:isolate; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; } .shared-ui .mc-referral-modal .mc-bonus-modal__dialog::before,.shared-ui .mc-referral-modal .mc-bonus-modal__dialog::after{display:none!important} .shared-ui .mc-referral-modal__icon{box-shadow:0 9px 24px color-mix(in srgb,var(--mc-accent) 17.0%,transparent),0 0 0 1px color-mix(in srgb,var(--mc-accent) 8.0%,transparent) inset} .shared-ui .mc-referral-modal__course{margin:-1px 42px 13px 0;padding:8px 10px;border:1px solid var(--mc-accent-border);border-radius:10px;background:color-mix(in srgb,var(--mc-accent) 88.0%,transparent);color:#46513b;font-size:12px;line-height:1.35;font-weight:700;max-height:48px;overflow:hidden} .shared-ui .mc-referral-modal__rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important} .shared-ui .mc-referral-modal__rules li{height:100%;box-sizing:border-box;background:color-mix(in srgb,var(--mc-accent) 88.0%,transparent)!important} .shared-ui .mc-referral-modal__actions{display:grid;gap:9px} .shared-ui .mc-referral-modal__copy{display:flex!important;align-items:center;justify-content:center;gap:8px} .shared-ui .mc-referral-modal__copy.is-copied{background:var(--mc-accent-strong)!important} .shared-ui .mc-referral-modal__profile{display:flex!important;align-items:center;justify-content:center;gap:7px;min-height:38px;color:var(--text,#030c3a)!important;font-size:12px;font-weight:700;text-decoration:none!important;border-radius:10px;transition:background .15s ease,color .15s ease} .shared-ui .mc-referral-modal__profile:hover{background:var(--mc-accent-soft);color:var(--text,#030c3a)!important} .shared-ui .mc-referral-teaser__text strong{font-size:12.2px} @media(max-width:630px){.shared-ui .mc-referral-modal{padding:10px!important} .shared-ui .mc-referral-modal .mc-bonus-modal__dialog{width:100%;max-height:calc(100dvh - 20px);padding:22px 16px 17px} .shared-ui .mc-referral-modal__rules{grid-template-columns:1fr} .shared-ui .mc-referral-modal__course{margin-right:38px}} .shared-ui .mc-order-product__poster{grid-column:1;grid-row:1 / span 2} .shared-ui .mc-order-product__body{grid-column:2;grid-row:1;align-self:end} .shared-ui .mc-order-product__actions{grid-column:2;grid-row:2;margin-top:9px;align-self:start} .shared-ui .mc-order-product__resolution{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px;margin:2px 0 8px;padding:11px 12px;border:1px solid #e3e7ea;border-radius:10px;background:#fafbfc;color:#66717c;font-size:12px;line-height:1.45} .shared-ui .mc-order-product__resolution>i{margin-top:2px;font-size:15px;flex:0 0 auto} .shared-ui .mc-order-product__resolution>div,.shared-ui .mc-order-product__resolution-copy{display:flex;flex-direction:column;gap:3px;min-width:0} .shared-ui .mc-order-product__resolution b{color:#38434e} .shared-ui .mc-order-product__resolution strong{color:var(--mc-accent-strong)} .shared-ui .mc-order-product__resolution--closed{border-color:#e1e5e8;background:#f8f9fa} .shared-ui .mc-order-product__resolution--closed>i{color:#7f8a95} .shared-ui .mc-order-product__resolution--unavailable{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border-color:#efd3a0;background:#fff9ef} .shared-ui .mc-order-product__resolution--unavailable .mc-order-product__resolution-copy>b{color:#8b5c08} .shared-ui .mc-order-product__resolution--unavailable .mc-order-product__resolution-copy>b i{margin-right:5px;color:#d89313} .shared-ui .mc-orders__btn--compensation{min-height:38px;background:#fff;border-color:#e4b65a;color:#93620a!important;white-space:nowrap} .shared-ui .mc-orders__btn--compensation:hover{background:#fff4dc;border-color:#dca53e} .shared-ui .mc-order-product__resolution--compensated{border-color:var(--mc-accent-border);background:var(--mc-accent-soft);color:#647357} .shared-ui .mc-order-product__resolution--compensated>i{color:var(--mc-accent-strong)} .shared-ui .mc-order-product--compensated .mc-order-product__title{text-decoration:line-through;text-decoration-thickness:1px;color:#7d8790} .shared-ui .mc-order-product--compensated .mc-order-product__poster img{filter:grayscale(.55);opacity:.7} .shared-ui .mc-order-product--compensated .mc-order-product__actions{opacity:.72} @media(max-width:520px){.shared-ui .mc-order-product__poster{grid-column:1;grid-row:1} .shared-ui .mc-order-product__body{grid-column:2;grid-row:1;align-self:center} .shared-ui .mc-order-product__actions{grid-column:1/-1;grid-row:2;margin-left:0!important;margin-top:2px;padding-top:8px;display:grid;grid-template-columns:1fr;gap:8px;width:100%;box-sizing:border-box} .shared-ui .mc-order-product__actions .mc-orders__btn{width:100%;min-width:0;flex:none!important;box-sizing:border-box} .shared-ui .mc-order-product__resolution{grid-column:1/-1;margin-top:2px} .shared-ui .mc-order-product__resolution--unavailable{grid-template-columns:1fr} .shared-ui .mc-order-product__resolution--unavailable .mc-orders__btn--compensation{width:100%}} .shared-ui .mc-auth .mc-auth__modal{ width:min(560px,calc(100vw - 32px));min-width:0;max-width:560px;box-sizing:border-box; padding:42px 48px 34px;border-radius:20px;background:#f5f7fa;text-align:left; max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;z-index:10020 } .shared-ui .mc-auth__head{text-align:center;margin:0 0 22px;padding:0 34px} .shared-ui .mc-auth__head h2,.shared-ui .mc-auth__verify h2{margin:0 0 7px;color:#20252b;font-size:25px;line-height:1.2} .shared-ui .mc-auth__head p,.shared-ui .mc-auth__verify p{margin:0;color:#7a8490;font-size:13px;line-height:1.5} .shared-ui .mc-auth .e-float{margin:0 0 12px} .shared-ui .mc-auth .e-float input{width:100%;min-height:64px;box-sizing:border-box;border:1px solid #e3e8ee;border-radius:13px;background:#fff;padding:23px 18px 9px;font-size:15px;outline:none} .shared-ui .mc-auth .e-float input:focus{border-color:var(--mc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--mc-accent) 10.0%,transparent)} .shared-ui .mc-auth .e-float label{left:18px;top:10px;color:#87909a;font-size:11px} .shared-ui .mc-auth .e-float>a{top:22px;right:17px;color:var(--mc-accent-strong);border-bottom-color:var(--mc-accent-strong)} .shared-ui .mc-auth__continue,.shared-ui .mc-auth__actions button,.shared-ui .mc-auth__verify-actions button{ display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;border:0;border-radius:13px; background:var(--color1);color:#fff;font-size:15px;font-weight:750;cursor:pointer;transition:.15s ease } .shared-ui .mc-auth__continue:hover,.shared-ui .mc-auth__actions button[type=submit]:hover,.shared-ui .mc-auth__verify-actions button:first-child:hover{background:var(--color2)} .shared-ui .mc-auth__continue:disabled,.shared-ui .mc-auth__actions button:disabled,.shared-ui .mc-auth__verify-actions button:disabled{opacity:.62;cursor:wait} .shared-ui .mc-auth__status{margin:0 0 12px;padding:11px 13px;border-radius:10px;background:#f0f4f7;color:#596570;font-size:12.5px;line-height:1.45} .shared-ui .mc-auth__status.is-success{background:var(--mc-accent-soft);color:var(--text,#030c3a)} .shared-ui .mc-auth__status.is-info{background:#eef5ff;color:#47627d} .shared-ui .mc-auth__status.is-error{background:#fff0ef;color:#a33e35} .shared-ui .mc-auth__password{margin-top:0} .shared-ui .mc-auth__register-note{margin:1px 0 13px;padding:10px 12px;border-radius:10px;background:#fff9e9;color:#765f2e;font-size:12px;line-height:1.45} .shared-ui .mc-auth__actions{display:grid!important;grid-template-columns:1fr auto;gap:9px;align-items:center;margin-top:11px} .shared-ui .mc-auth__actions button[hidden]{display:none!important} .shared-ui .mc-auth__actions button[type=submit],.shared-ui .mc-auth__actions [data-auth-register-button]{grid-column:1/2} .shared-ui .mc-auth__back{min-height:52px!important;width:auto!important;padding:0 15px!important;background:#fff!important;color:#606a74!important;border:1px solid #e1e6eb!important;font-size:12px!important;font-weight:700!important} .shared-ui .mc-auth__back:hover{background:#f8fafb!important;color:#3f474f!important} .shared-ui .mc-auth .modal-login_lost{margin:2px 0 8px} .shared-ui .mc-auth .modal-login_lost .checkbox{display:flex;justify-content:flex-start} .shared-ui .mc-auth .modal-login_soc{margin-top:22px;text-align:center;border-top:1px solid #e4e8ec;padding-top:2px} .shared-ui .mc-auth .modal-login_soc span{margin:14px 0 12px;font-size:12px} .shared-ui .mc-auth .modal-login_soc .e-flex{gap:8px} .shared-ui .mc-auth .modal-login_soc .e-flex>a,.shared-ui .mc-auth .modal-login_soc .e-flex a>img{margin:0!important;width:40px;height:40px} .shared-ui .mc-auth__verify{text-align:center;padding:8px 0 2px} .shared-ui .mc-auth__verify[hidden],.shared-ui .mc-auth__main[hidden]{display:none!important} .shared-ui .mc-auth__verify-icon{display:flex;align-items:center;justify-content:center;width:68px;height:68px;margin:0 auto 16px;border-radius:20px;background:var(--mc-accent-border);color:var(--mc-accent-strong);font-size:28px} .shared-ui .mc-auth__verify p+p{margin-top:8px} .shared-ui .mc-auth__verify-help{margin:16px 0;padding:11px 13px;border:1px solid var(--mc-accent-border);border-radius:10px;background:var(--mc-accent-soft);color:#75806b;font-size:12px;line-height:1.45} .shared-ui .mc-auth__verify-actions{display:grid;gap:9px} .shared-ui .mc-auth__verify-actions .mc-auth__secondary{background:#fff;color:#5f6a73;border:1px solid #dfe5e9} .shared-ui .mc-auth__verify-actions .mc-auth__secondary:hover{background:#f8fafb} .shared-ui .mc-auth__verify-status{min-height:18px;margin-top:10px;color:#65725d;font-size:12px;line-height:1.4} .shared-ui .mc-auth__contact{margin-top:13px;color:#7b838b;font-size:12px} .shared-ui .mc-auth__contact a{color:var(--mc-accent-strong);font-weight:700} .shared-ui .mc-auth__verify-back{margin:13px auto 0!important;min-height:38px!important} .shared-ui .mc-account-page{min-height:auto!important;max-width:1120px} .shared-ui .mc-account{display:grid;gap:18px} .shared-ui .mc-account__hero,.shared-ui .mc-account__section,.shared-ui .mc-email-verify-card{box-sizing:border-box;border:1px solid #e7ebee;border-radius:18px;background:#fff;box-shadow:0 7px 24px rgba(32,42,28,.045)} .shared-ui .mc-account__hero{padding:25px} .shared-ui .mc-account__identity{display:flex;align-items:center;gap:15px} .shared-ui .mc-account__identity h1{margin:0;font-size:25px;line-height:1.2} .shared-ui .mc-account__email{margin-top:5px;color:#7d8790;font-size:13px} .shared-ui .mc-account__avatar{width:72px;height:72px;flex:0 0 72px;border-radius:50%;overflow:hidden;background:#f1f3f4} .shared-ui .mc-account__avatar img{width:100%;height:100%;object-fit:cover} .shared-ui .mc-account__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px} .shared-ui .mc-account__stat{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;padding:13px;border:1px solid #e8ecef;border-radius:12px;background:#fafbfc;color:#25303a;text-decoration:none} .shared-ui .mc-account__stat:hover{border-color:var(--mc-accent-border);background:var(--mc-accent-soft)} .shared-ui .mc-account__stat>i{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--mc-accent-border);color:var(--mc-accent-strong);font-size:15px} .shared-ui .mc-account__stat b{font-size:18px;line-height:1.1} .shared-ui .mc-account__stat span{color:#818a94;font-size:11px;line-height:1.2} .shared-ui .mc-email-verify-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:16px;padding:20px 22px;border-color:#e8d6a8;background:#fffaf0} .shared-ui .mc-email-verify-card__icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:16px;background:#fff1c8;color:#a87305;font-size:23px} .shared-ui .mc-email-verify-card__body h3{margin:0 0 5px;font-size:18px} .shared-ui .mc-email-verify-card__body>p{margin:0;color:#655f53;font-size:13px;line-height:1.5} .shared-ui .mc-email-verify-card__old-orders{display:flex;flex-direction:column;gap:3px;margin:13px 0 0;padding:11px 12px;border-radius:10px;background:#fff;border:1px solid #eeddb1;color:#675b3d;font-size:12px;line-height:1.45} .shared-ui .mc-email-verify-card__old-orders b{font-size:13px} .shared-ui .mc-email-verify-card__actions{margin-top:14px} .shared-ui .mc-email-verify-card__help{margin-top:10px;color:#827765;font-size:11.5px} .shared-ui .mc-email-verify-card__help a{color:var(--mc-accent-strong);font-weight:700} .shared-ui .mc-account__section{padding:24px} .shared-ui .mc-account__section-head{margin-bottom:18px} .shared-ui .mc-account__section-head h2{margin:0 0 4px;font-size:20px} .shared-ui .mc-account__section-head p{margin:0;color:#838d96;font-size:12px} .shared-ui .mc-account__upload{display:grid!important;grid-template-columns:84px minmax(0,1fr);gap:14px 18px;align-items:center;margin:0 0 22px!important;padding:16px;border:1px solid #e7ebee;border-radius:13px;background:#fafbfc} .shared-ui .mc-account__upload>input[type=file]{display:none!important} .shared-ui .mc-account__upload #avatar{width:84px!important;height:84px!important;margin:0!important;border-radius:50%!important;grid-row:1/3} .shared-ui .mc-account__upload-copy{display:flex;flex-wrap:wrap;align-items:center;gap:9px} .shared-ui .mc-account__upload-copy button{min-height:40px;padding:0 15px;border:0;border-radius:10px;background:var(--mc-accent-strong);color:#fff;font-weight:700;cursor:pointer} .shared-ui .mc-account__upload-copy span{color:#8a939d;font-size:11px} .shared-ui .mc-account__delete-avatar{grid-column:2;color:#7e878f;font-size:11px} .shared-ui .mc-account__delete-avatar input{margin-right:5px} .shared-ui .mc-account__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .shared-ui .mc-account__fields .e-field{margin:0;min-width:0} .shared-ui .mc-account__fields .e-field>label{display:block;margin:0 0 7px;color:#46515c;font-size:12px;font-weight:700} .shared-ui .mc-account__fields input,.shared-ui .mc-account__fields select,.shared-ui .mc-account__fields textarea{width:100%;min-height:48px;box-sizing:border-box;border:1px solid #e1e6ea;border-radius:11px;background:#fff;padding:10px 13px;font-size:13px} .shared-ui .mc-account__field-note{margin-top:5px;color:#929aa2;font-size:10.5px;line-height:1.4} .shared-ui .mc-account__xfields:empty{display:none} .shared-ui .mc-account__social .soc_links{display:flex;flex-wrap:wrap;gap:10px} .shared-ui .mc-account__social .soc_links>a{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border:1px solid #e4e8eb;border-radius:12px;background:#fafbfc} .shared-ui .mc-account__social img{max-width:28px;max-height:28px} .shared-ui .mc-account__save{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 3px 12px} .shared-ui .mc-account-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:45px;padding:0 18px;border:0;border-radius:11px;font-size:13px;font-weight:750;text-decoration:none;cursor:pointer} .shared-ui .mc-account-btn--primary{background:var(--color1);color:#fff!important} .shared-ui .mc-account-btn--primary:hover{background:var(--color2)} .shared-ui .mc-account__delete{color:#b3554e;font-size:12px} .shared-ui .mc-orders-hub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 18px} .shared-ui .mc-orders-hub__card{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:12px;padding:16px 17px;border:1px solid #e5eae2;border-radius:14px;background:linear-gradient(135deg,#fff,var(--mc-accent-soft));color:#283128;text-decoration:none;box-shadow:0 5px 18px color-mix(in srgb,var(--mc-accent) 3.5%,transparent)} .shared-ui .mc-orders-hub__card:hover{border-color:var(--mc-accent)} .shared-ui .mc-orders-hub__card--ref{background:linear-gradient(135deg,#fffdf8,var(--mc-accent-soft))} .shared-ui .mc-orders-hub__icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:13px;background:var(--mc-accent-border);color:var(--mc-accent-strong);font-size:19px} .shared-ui .mc-orders-hub__card>span:last-child{display:flex;flex-direction:column;min-width:0} .shared-ui .mc-orders-hub__card small{color:#838d83;font-size:10.5px} .shared-ui .mc-orders-hub__card b{margin-top:2px;font-size:18px;line-height:1.2} .shared-ui .mc-orders-hub__card em{margin-top:3px;color:#798278;font-size:10.5px;font-style:normal;line-height:1.35} .shared-ui .mc-orders-tools{display:grid;gap:10px;margin-top:18px} .shared-ui .mc-orders-tool{border:1px solid #e5e9ec;border-radius:13px;background:#fff;overflow:hidden} .shared-ui .mc-orders-tool>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;list-style:none;font-size:13px;font-weight:750} .shared-ui .mc-orders-tool>summary::-webkit-details-marker{display:none} .shared-ui .mc-orders-tool>summary span{display:flex;align-items:center;gap:8px} .shared-ui .mc-orders-tool>summary>i{font-size:11px;transition:transform .18s} .shared-ui .mc-orders-tool[open]>summary>i{transform:rotate(180deg)} .shared-ui .mc-orders-tool__body{padding:2px 16px 17px;border-top:1px solid #eef1f2} .shared-ui .mc-orders-tool__body .mc-ref-panel,.shared-ui .mc-orders-tool__body .mc-bonus-history{max-width:none!important;margin-top:16px} .shared-ui .mc-email-result .btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:9px;background:var(--mc-accent-strong);color:#fff!important;text-decoration:none;font-weight:700;border:0;cursor:pointer} @media(max-width:700px){.shared-ui .mc-auth .mc-auth__modal{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:30px 18px 22px;border-radius:17px} .shared-ui .mc-auth__head{padding:0 25px;margin-bottom:18px} .shared-ui .mc-auth__head h2,.shared-ui .mc-auth__verify h2{font-size:22px} .shared-ui .mc-auth__actions{grid-template-columns:1fr} .shared-ui .mc-auth__actions button[type=submit],.shared-ui .mc-auth__actions [data-auth-register-button]{grid-column:auto} .shared-ui .mc-auth__back{width:100%!important} .shared-ui .mc-account-page{width:calc(100% - 20px)!important;margin-top:16px!important} .shared-ui .mc-account{gap:12px} .shared-ui .mc-account__hero,.shared-ui .mc-account__section{padding:17px;border-radius:14px} .shared-ui .mc-account__identity h1{font-size:20px} .shared-ui .mc-account__avatar{width:58px;height:58px;flex-basis:58px} .shared-ui .mc-account__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px} .shared-ui .mc-account__stat{padding:10px;grid-template-columns:32px 1fr;column-gap:7px} .shared-ui .mc-account__stat>i{width:32px;height:32px} .shared-ui .mc-account__stat b{font-size:16px} .shared-ui .mc-email-verify-card{grid-template-columns:1fr;gap:10px;padding:16px;border-radius:14px} .shared-ui .mc-email-verify-card__icon{width:44px;height:44px;border-radius:12px;font-size:19px} .shared-ui .mc-email-verify-card__actions .mc-account-btn{width:100%;box-sizing:border-box;text-align:center} .shared-ui .mc-account__fields{grid-template-columns:1fr;gap:13px} .shared-ui .mc-account__upload{grid-template-columns:68px minmax(0,1fr);gap:10px 12px;padding:12px} .shared-ui .mc-account__upload #avatar{width:68px!important;height:68px!important} .shared-ui .mc-account__upload-copy{align-items:flex-start;flex-direction:column} .shared-ui .mc-account__upload-copy button{min-height:38px} .shared-ui .mc-account__delete-avatar{grid-column:1/-1} .shared-ui .mc-account__save{align-items:stretch;flex-direction:column} .shared-ui .mc-account__save .mc-account-btn{width:100%;box-sizing:border-box} .shared-ui .mc-account__delete{text-align:center;padding:7px} .shared-ui .mc-orders-hub{grid-template-columns:1fr;gap:8px} .shared-ui .mc-orders-hub__card{grid-template-columns:42px minmax(0,1fr);padding:13px} .shared-ui .mc-orders-hub__icon{width:42px;height:42px} .shared-ui .mc-orders-hub__card b{font-size:16px} .shared-ui .mc-orders-tool__body{padding:1px 12px 14px} .shared-ui .mc-orders-tool>summary{padding:13px}} .shared-ui .mc-auth__continue[hidden],.shared-ui .mc-auth__password[hidden],.shared-ui .mc-auth__status[hidden],.shared-ui .mc-auth [data-auth-login-options][hidden],.shared-ui .mc-auth [data-auth-register-note][hidden]{display:none!important} .shared-ui .mc-auth__main,.shared-ui .mc-auth__email,.shared-ui .mc-auth__password,.shared-ui .mc-auth__password>.e-float,.shared-ui .mc-auth__status,.shared-ui .mc-auth__continue,.shared-ui .mc-auth__actions,.shared-ui .mc-auth__register-note{width:100%;box-sizing:border-box} .shared-ui .mc-auth__actions{display:flex!important;flex-direction:column;align-items:stretch;gap:9px} .shared-ui .mc-auth__actions button,.shared-ui .mc-auth__actions button[type=submit],.shared-ui .mc-auth__actions [data-auth-register-button],.shared-ui .mc-auth__back{width:100%!important;grid-column:auto!important;box-sizing:border-box} .shared-ui .mc-auth .modal-login_lost{width:100%;box-sizing:border-box} .shared-ui .mc-auth .modal-login_lost .checkbox{width:100%;align-items:center} @media(max-width:640px){.shared-ui .mc-auth .mc-auth__modal{padding-left:16px;padding-right:16px} .shared-ui .mc-auth__head{padding-left:8px;padding-right:8px}} .shared-ui .mc-auth__continue[hidden]{display:none!important} .shared-ui .mc-referral-modal__lead{margin-bottom:13px} .shared-ui .mc-referral-modal__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 10px} .shared-ui .mc-referral-modal__fact{display:flex;align-items:flex-start;gap:9px;min-width:0;padding:10px 11px;border:1px solid var(--mc-accent-border);border-radius:11px;background:color-mix(in srgb,var(--mc-accent) 90.0%,transparent);color:#505a49;font-size:12px;line-height:1.4} .shared-ui .mc-referral-modal__fact>i{display:flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:var(--mc-accent-soft);color:var(--mc-accent-strong);font-size:11px} .shared-ui .mc-referral-modal__fact strong{color:var(--mc-accent-strong)} .shared-ui .mc-referral-modal__note{margin:0 0 16px;padding:9px 11px;border-radius:10px;background:var(--mc-accent-soft);color:#727b6c;font-size:11.5px;line-height:1.45} @media(max-width:630px){.shared-ui .mc-referral-modal__facts{grid-template-columns:1fr} .shared-ui .mc-referral-modal__fact{padding:9px 10px} .shared-ui .mc-referral-modal__note{font-size:11px}} .shared-ui .mc-auth [data-auth-login-options]{ width:100%; margin:5px 0 10px!important; box-sizing:border-box; } .shared-ui .mc-auth [data-auth-login-options] .checkbox{ display:flex!important; width:100%!important; min-height:34px; align-items:center!important; justify-content:center!important; gap:14px!important; margin:0!important; padding:0!important; box-sizing:border-box; } .shared-ui .mc-auth [data-auth-login-options] .checkbox input[type="checkbox"]{ flex:0 0 50px!important; width:50px!important; height:25px!important; margin:0!important; vertical-align:middle!important; } .shared-ui .mc-auth [data-auth-login-options] .checkbox label{ display:block!important; flex:0 0 auto!important; margin:0!important; padding:0!important; color:#2f3439; font-size:14px; line-height:25px!important; cursor:pointer; white-space:nowrap; } .shared-ui .mc-auth .mc-auth__modal{ z-index:9999!important; } .shared-ui .mc-auth .mc-auth__modal + .e-overlay.active{ z-index:9998!important; background:rgba(20,24,20,.52)!important; -webkit-backdrop-filter:blur(3px) saturate(.92); backdrop-filter:blur(3px) saturate(.92); animation:mcAuthBackdropIn .22s ease-out both!important; } @keyframes mcAuthBackdropIn{ from{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)} to{opacity:1;-webkit-backdrop-filter:blur(3px) saturate(.92);backdrop-filter:blur(3px) saturate(.92)} } @media(prefers-reduced-motion:reduce){.shared-ui .mc-auth .mc-auth__modal + .e-overlay.active{animation:none!important}} @media(max-width:420px){.shared-ui .mc-auth [data-auth-login-options] .checkbox{gap:11px!important} .shared-ui .mc-auth [data-auth-login-options] .checkbox label{font-size:13.5px}} .shared-ui .mc-search-shell{ padding:0 0 18px!important; margin:0!important; } .shared-ui .mc-search-shell #fullsearch{ grid-column:1/-1!important; width:100%!important; margin:0!important; } .shared-ui .mc-search-hidden-field{ position:absolute!important; width:1px!important; height:1px!important; margin:-1px!important; padding:0!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; } .shared-ui .mc-search-hidden-field #searchinput{display:none!important} .shared-ui .mc-search-head{ position:relative; width:100%; margin:0 0 4px!important; padding:22px!important; border:1px solid #e7ebe3; border-radius:16px; background:#fff; box-shadow:0 5px 18px color-mix(in srgb,var(--mc-accent) 4.5%,transparent); } .shared-ui .mc-search-head__top{ display:flex; align-items:flex-start; justify-content:space-between; gap:22px; } .shared-ui .mc-search-head__copy{min-width:0} .shared-ui .mc-search-head__eyebrow{ display:flex; align-items:center; gap:7px; margin:0 0 5px; color:var(--mc-accent-strong); font-size:11px; line-height:1.2; font-weight:800; letter-spacing:.05em; text-transform:uppercase; } .shared-ui .mc-search-head h1{ margin:0!important; color:#151915; font-size:27px; line-height:1.15; font-weight:750; } .shared-ui .mc-search-head__query{ margin-top:7px; color:#7b8277; font-size:13px; line-height:1.35; } .shared-ui .mc-search-head__query strong{ color:#30352e; font-weight:700; } .shared-ui .mc-search-engines{ display:inline-flex; align-items:center; gap:5px; padding:4px; border:1px solid var(--mc-accent-border); border-radius:12px; background:var(--mc-accent-soft); flex:0 0 auto; } .shared-ui .mc-search-engine{ display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:38px; padding:0 12px; border:1px solid transparent; border-radius:9px; color:#4c5348!important; background:transparent; font-size:12.5px; line-height:1; font-weight:700; text-decoration:none!important; white-space:nowrap; transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease; } .shared-ui a.mc-search-engine:hover{ border-color:var(--mc-accent-border); background:#fff; color:#171b16!important; } .shared-ui .mc-search-engine.is-active{ border-color:var(--mc-accent-border); background:#fff; color:var(--text,#030c3a)!important; box-shadow:0 3px 10px color-mix(in srgb,var(--mc-accent) 8.0%,transparent); } .shared-ui .mc-search-engine[aria-disabled="true"]{ opacity:.45; pointer-events:none; } .shared-ui .mc-search-engine__mark{ display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:6px; background:#fff; font-size:12px; font-weight:800; line-height:1; } .shared-ui .mc-search-engine__mark--y{color:#e51b23;border:1px solid #f0d7d8} .shared-ui .mc-search-engine__mark--g{color:#3267d6;border:1px solid #dbe2f3} .shared-ui .mc-search-summary{ display:flex; align-items:center; gap:8px; min-height:38px; margin:17px 0 0!important; padding:9px 12px!important; border:1px solid var(--mc-accent-border); border-radius:10px; background:var(--mc-accent-soft)!important; color:#5e6758!important; font-size:12.5px!important; line-height:1.3!important; } .shared-ui .mc-search-summary i{color:var(--mc-accent-strong)} .shared-ui .mc-search-summary strong{color:#293025} .shared-ui .mc-search-toolbar{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:16px; padding-top:16px; border-top:1px solid var(--mc-accent-soft); } .shared-ui .mc-search-toolbar .mc-view-switch{ box-shadow:none; border:1px solid #e6eae2; } .shared-ui .mc-search-toolbar .mc-toolbar-field{margin-left:auto} .shared-ui .mc-search-shell[data-catalog-view="grid"] .mc-search-grid{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:12px!important; } .shared-ui .mc-search-shell[data-catalog-view="grid"] .mc-search-card{ display:grid!important; grid-template-columns:104px minmax(0,1fr)!important; min-height:128px; border-radius:13px!important; overflow:hidden; box-shadow:none!important; transform:none!important; } .shared-ui .mc-search-shell[data-catalog-view="grid"] .mc-search-card:hover{ border-color:var(--mc-accent-border)!important; background:#fff; box-shadow:0 8px 22px color-mix(in srgb,var(--mc-accent) 7.0%,transparent)!important; transform:none!important; } .shared-ui .mc-search-shell[data-catalog-view="grid"] .mc-search-card .mc-media{ display:flex; align-items:flex-start; justify-content:center; padding:11px 0 11px 11px; } .shared-ui .mc-search-shell[data-catalog-view="grid"] .mc-search-card .mc-card__thumb{ width:93px; height:106px; aspect-ratio:auto!important; border-radius:9px!important; background:#f5f6f3; } .shared-ui .mc-search-shell[data-catalog-view="grid"] .mc-search-card .mc-card__thumb img{ width:100%; height:100%; object-fit:contain; } .shared-ui .mc-search-shell[data-catalog-view="grid"] .mc-search-card .mc-card__badges{display:none!important} .shared-ui .mc-search-shell[data-catalog-view="grid"] .mc-search-card .mc-favbtn{ top:15px; right:5px; } .shared-ui .mc-search-shell[data-catalog-view="grid"] .mc-search-card .mc-card__body{ min-width:0; padding:12px 12px 11px; gap:6px; } .shared-ui .mc-search-shell[data-catalog-view="grid"] .mc-search-card .mc-card__cat{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#90968d; font-size:9.5px; line-height:1.2; text-align:left; } .shared-ui .mc-search-shell[data-catalog-view="grid"] .mc-search-card .mc-card__title{ display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; line-clamp:3; min-height:3.75em; color:#161a15; font-size:13.5px; line-height:1.25; font-weight:700; text-align:left; } .shared-ui .mc-search-shell[data-catalog-view="grid"] .mc-search-card .mc-card__footer{ margin-top:auto; display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:8px; } .shared-ui .mc-search-shell[data-catalog-view="grid"] .mc-search-card .mc-card__price{ color:#252a23; font-size:14px; font-weight:750; text-align:left; white-space:nowrap; } .shared-ui .mc-search-shell[data-catalog-view="grid"] .mc-search-card .mc-card__actions{ width:auto; margin-left:auto; opacity:1!important; visibility:visible!important; transform:none!important; } .shared-ui .mc-search-shell[data-catalog-view="grid"] .mc-search-card .mc-card__actions .mc-btn{ width:auto; min-width:78px; min-height:32px; padding:7px 9px; border-radius:8px; box-shadow:none; font-size:10.5px; white-space:nowrap; } .shared-ui .mc-search-shell[data-catalog-view="price"] .mc-search-grid{ display:flex!important; flex-direction:column!important; gap:7px!important; border:0!important; border-radius:0!important; overflow:visible!important; background:transparent!important; } .shared-ui .mc-search-shell[data-catalog-view="price"] .mc-search-card{ border:1px solid #e5e9e1!important; border-radius:11px!important; overflow:hidden!important; } .shared-ui .mc-search-shell[data-catalog-view="price"] .mc-search-card:last-child{border-bottom:1px solid #e5e9e1!important} .shared-ui .mc-search-shell[data-catalog-view="price"] .mc-search-card:hover{border-color:var(--mc-accent-border)!important} @media(max-width:1340px){.shared-ui .mc-search-shell[data-catalog-view="grid"] .mc-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:760px){.shared-ui .mc-search-head{padding:16px!important;border-radius:13px} .shared-ui .mc-search-head__top{flex-direction:column;gap:14px} .shared-ui .mc-search-head h1{font-size:23px} .shared-ui .mc-search-engines{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))} .shared-ui .mc-search-engine{min-width:0;padding:0 7px;font-size:11.5px} .shared-ui .mc-search-summary{margin-top:13px!important} .shared-ui .mc-search-toolbar{margin-top:13px;padding-top:13px} .shared-ui .mc-search-toolbar .mc-view-switch{width:auto;display:inline-flex;grid-template-columns:none} .shared-ui .mc-search-toolbar .mc-view-switch__btn{padding:0 9px} .shared-ui .mc-search-shell[data-catalog-view="grid"] .mc-search-grid{grid-template-columns:1fr!important;gap:9px!important} .shared-ui .mc-search-shell[data-catalog-view="grid"] .mc-search-card{grid-template-columns:88px minmax(0,1fr)!important;min-height:108px} .shared-ui .mc-search-shell[data-catalog-view="grid"] .mc-search-card .mc-media{padding:9px 0 9px 9px} .shared-ui .mc-search-shell[data-catalog-view="grid"] .mc-search-card .mc-card__thumb{width:79px;height:90px;border-radius:8px!important} .shared-ui .mc-search-shell[data-catalog-view="grid"] .mc-search-card .mc-card__body{padding:10px 10px 9px;gap:5px} .shared-ui .mc-search-shell[data-catalog-view="grid"] .mc-search-card .mc-card__title{font-size:13px;-webkit-line-clamp:2;line-clamp:2;min-height:2.5em} .shared-ui .mc-search-shell[data-catalog-view="grid"] .mc-search-card .mc-card__actions .mc-btn{min-width:72px;padding:6px 8px}} @media(max-width:430px){.shared-ui .mc-search-head{padding:14px!important} .shared-ui .mc-search-head__eyebrow{font-size:10px} .shared-ui .mc-search-head h1{font-size:21px} .shared-ui .mc-search-engine span:last-child{display:none} .shared-ui .mc-search-engine__mark{width:22px;height:22px} .shared-ui .mc-search-engine i{font-size:15px} .shared-ui .mc-search-toolbar{align-items:center} .shared-ui .mc-search-toolbar .mc-view-switch__btn span{display:none} .shared-ui .mc-search-toolbar .mc-view-switch__btn{width:38px;padding:0} .shared-ui .mc-search-shell[data-catalog-view="grid"] .mc-search-card{grid-template-columns:76px minmax(0,1fr)!important} .shared-ui .mc-search-shell[data-catalog-view="grid"] .mc-search-card .mc-card__thumb{width:68px;height:78px} .shared-ui .mc-search-shell[data-catalog-view="grid"] .mc-search-card .mc-card__cat{display:none} .shared-ui .mc-search-shell[data-catalog-view="grid"] .mc-search-card .mc-card__body{padding:9px 9px 8px} .shared-ui .mc-search-shell[data-catalog-view="grid"] .mc-search-card .mc-card__price{font-size:13px}} .shared-ui .mc-search-head{ padding:25px 24px 20px!important; } .shared-ui .mc-search-head__eyebrow{ margin-bottom:9px!important; } .shared-ui .mc-search-head h1{ margin:0 0 8px!important; } .shared-ui .mc-search-head__query{ margin-top:0!important; line-height:1.45!important; } .shared-ui .mc-search-summary{ margin-top:21px!important; } .shared-ui .mc-search-toolbar{ margin-top:18px!important; padding-top:17px!important; } .shared-ui .mc-search-card__meta{ display:flex; align-items:center; flex-wrap:wrap; gap:5px; min-width:0; } .shared-ui .mc-search-card__tag{ display:inline-flex; align-items:center; gap:5px; max-width:100%; min-height:22px; padding:3px 7px; border:1px solid #e5e9e1; border-radius:7px; background:var(--mc-accent-soft); color:#687064; font-size:9.5px; line-height:1.15; font-weight:650; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; } .shared-ui .mc-search-card__tag i{ flex:0 0 auto; font-size:10px; } .shared-ui .mc-search-card__tag span{ overflow:hidden; text-overflow:ellipsis; } .shared-ui .mc-search-card__tag--access i{color:var(--mc-accent-strong)} .shared-ui .mc-search-card__tag--watermark-yes{ border-color:#f0d9bd; background:#fff8ef; color:#9a6425; } .shared-ui .mc-search-card__tag--watermark-yes i{color:#d58a31} .shared-ui .mc-search-card__tag--watermark-no,.shared-ui .mc-search-card__tag--quality{ border-color:var(--mc-accent-border); background:var(--mc-accent-soft); color:var(--mc-accent-strong); } .shared-ui .mc-search-card__tag--watermark-no i,.shared-ui .mc-search-card__tag--quality i{color:var(--mc-accent-strong)} .shared-ui .mc-search-shell[data-catalog-view="grid"] .mc-search-card{ min-height:142px!important; } .shared-ui .mc-search-shell[data-catalog-view="grid"] .mc-search-card .mc-card__body{ gap:7px!important; } .shared-ui .mc-search-shell[data-catalog-view="grid"] .mc-search-card .mc-card__title{ -webkit-line-clamp:2!important; line-clamp:2!important; min-height:2.5em!important; } .shared-ui .mc-search-shell[data-catalog-view="price"] .mc-search-card .mc-card__body{ grid-template-rows:auto auto!important; row-gap:5px!important; } .shared-ui .mc-search-shell[data-catalog-view="price"] .mc-search-card .mc-card__title{ grid-column:1!important; grid-row:1!important; } .shared-ui .mc-search-shell[data-catalog-view="price"] .mc-search-card .mc-search-card__meta{ grid-column:1!important; grid-row:2!important; } .shared-ui .mc-search-shell[data-catalog-view="price"] .mc-search-card .mc-card__price{ grid-column:2!important; grid-row:1 / span 2!important; align-self:center!important; } .shared-ui .mc-search-shell[data-catalog-view="price"] .mc-search-card .mc-card__actions{ grid-column:3!important; grid-row:1 / span 2!important; align-self:center!important; } @media(max-width:760px){.shared-ui .mc-search-head{padding:19px 16px 16px!important} .shared-ui .mc-search-head__eyebrow{margin-bottom:7px!important} .shared-ui .mc-search-head h1{margin-bottom:7px!important} .shared-ui .mc-search-summary{margin-top:17px!important} .shared-ui .mc-search-toolbar{margin-top:15px!important;padding-top:14px!important} .shared-ui .mc-search-shell[data-catalog-view="grid"] .mc-search-card{min-height:124px!important} .shared-ui .mc-search-card__tag{font-size:9px;min-height:20px;padding:3px 6px}} @media(max-width:640px){.shared-ui .mc-search-shell[data-catalog-view="price"] .mc-search-card .mc-card__body{ grid-template-columns:minmax(0,1fr) 58px 72px!important; } .shared-ui .mc-search-shell[data-catalog-view="price"] .mc-search-card .mc-search-card__meta{ display:none!important; } .shared-ui .mc-search-shell[data-catalog-view="price"] .mc-search-card .mc-card__price,.shared-ui .mc-search-shell[data-catalog-view="price"] .mc-search-card .mc-card__actions{ grid-row:1!important; }} @media(max-width:430px){.shared-ui .mc-search-head{padding:17px 14px 14px!important} .shared-ui .mc-search-card__tag--quality{display:none}} .shared-ui .mc-search-toolbar .mc-toolbar-field--limit select{ width:84px!important; min-width:84px!important; padding-left:14px!important; padding-right:30px!important; color:#20252a!important; text-indent:0!important; } @media(max-width:520px){.shared-ui .mc-search-toolbar .mc-toolbar-field--limit select{width:78px!important;min-width:78px!important;padding-left:11px!important;padding-right:27px!important}} .shared-ui .mc-favorites-shell{ padding:0 0 20px!important; } .shared-ui .mc-favorites-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin:0 0 14px; padding:22px 24px; border:1px solid #e7ebe3; border-radius:16px; background:#fff; box-shadow:0 5px 18px color-mix(in srgb,var(--mc-accent) 4.5%,transparent); } .shared-ui .mc-favorites-head__copy{min-width:0} .shared-ui .mc-favorites-head__eyebrow{ display:flex; align-items:center; gap:7px; margin:0 0 7px; color:var(--mc-accent-strong); font-size:11px; line-height:1.2; font-weight:800; letter-spacing:.05em; text-transform:uppercase; } .shared-ui .mc-favorites-head h1{ display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:0!important; color:#151915; font-size:27px; line-height:1.15; font-weight:750; } .shared-ui .mc-favorites-head p{ margin:8px 0 0; color:#7b8277; font-size:13px; line-height:1.4; } .shared-ui .mc-favorites-count{ display:inline-flex; align-items:center; justify-content:center; min-width:31px; height:31px; padding:0 8px; border-radius:999px; background:var(--mc-accent-soft); color:var(--mc-accent-strong); font-size:14px; line-height:1; font-weight:800; } .shared-ui .mc-favorites-clear{ display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:40px; padding:0 13px; border:1px solid #eadfdd; border-radius:10px; background:#fff; color:#c34d46; font-size:12.5px; line-height:1; font-weight:700; cursor:pointer; white-space:nowrap; transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease; } .shared-ui .mc-favorites-clear:hover:not(:disabled){ border-color:#f0c9c5; background:#fff5f4; color:#df443b; transform:translateY(-1px); } .shared-ui .mc-favorites-clear:disabled{ opacity:.42; cursor:default; transform:none; } .shared-ui .mc-favorites-clear.is-loading i,.shared-ui .mc-favorite-remove.is-loading i{ animation:mcFavoriteSpin .8s linear infinite; } .shared-ui .mc-favorites-clear.is-loading i:before,.shared-ui .mc-favorite-remove.is-loading i:before{content:"\f110"} @keyframes mcFavoriteSpin{to{transform:rotate(360deg)}} .shared-ui .mc-favorites-toolbar{ margin-bottom:14px!important; } .shared-ui .mc-favorites-shell .mc-favorites-grid{ align-items:stretch; } .shared-ui .mc-favorites-shell .mc-favorite-card{ position:relative; transition:opacity .18s ease,transform .18s ease,border-color .18s ease,box-shadow .18s ease!important; } .shared-ui .mc-favorites-shell .mc-favorite-card.is-removing{ opacity:0!important; transform:scale(.975)!important; pointer-events:none!important; } .shared-ui .mc-favorites-shell .mc-favorite-card .mc-favorite-remove-wrap{ display:block!important; top:15px!important; right:7px!important; opacity:1!important; visibility:visible!important; transform:none!important; } .shared-ui .mc-favorites-shell .mc-favorite-remove{ display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; padding:0; border:1px solid #f0d8d5; border-radius:9px; background:rgba(255,255,255,.96); color:#d9564e; box-shadow:0 3px 10px rgba(42,25,23,.08); cursor:pointer; transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease; } .shared-ui .mc-favorites-shell .mc-favorite-remove:hover:not(:disabled){ border-color:#efbeb9; background:#fff1ef; color:#e43d33; transform:translateY(-1px); } .shared-ui .mc-favorites-shell .mc-favorite-remove:disabled{opacity:.55;cursor:default} .shared-ui .mc-favorites-shell .mc-favorite-remove i{font-size:13px;line-height:1} .shared-ui .mc-favorites-empty{ grid-column:1/-1; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:270px; padding:38px 20px; border:1px dashed var(--mc-accent-border); border-radius:15px; background:var(--mc-accent-soft); text-align:center; } .shared-ui .mc-favorites-empty__icon{ display:inline-flex; align-items:center; justify-content:center; width:54px; height:54px; margin-bottom:13px; border-radius:16px; background:var(--mc-accent-soft); color:var(--mc-accent-strong); font-size:22px; } .shared-ui .mc-favorites-empty strong{color:#20251e;font-size:18px;line-height:1.25} .shared-ui .mc-favorites-empty>span:not(.mc-favorites-empty__icon){margin-top:7px;color:#7b8375;font-size:13px;line-height:1.45} .shared-ui .mc-favorites-empty a{ display:inline-flex; align-items:center; gap:7px; min-height:39px; margin-top:17px; padding:0 13px; border-radius:9px; background:var(--color1); color:#fff!important; font-size:12.5px; font-weight:700; text-decoration:none!important; } @media(max-width:760px){.shared-ui .mc-favorites-head{ align-items:center; padding:17px 16px; border-radius:13px; } .shared-ui .mc-favorites-head h1{font-size:23px} .shared-ui .mc-favorites-head p{font-size:12.5px} .shared-ui .mc-favorites-count{min-width:28px;height:28px;font-size:13px} .shared-ui .mc-favorites-clear{min-height:38px;padding:0 11px} .shared-ui .mc-favorites-shell .mc-favorite-card .mc-favorite-remove-wrap{top:12px!important;right:4px!important} .shared-ui .mc-favorites-shell .mc-favorite-remove{width:30px;height:30px}} @media(max-width:520px){.shared-ui .mc-favorites-head{align-items:flex-start;gap:12px;padding:15px 14px} .shared-ui .mc-favorites-head h1{font-size:21px;gap:8px} .shared-ui .mc-favorites-head__eyebrow{font-size:10px} .shared-ui .mc-favorites-head p{margin-top:6px} .shared-ui .mc-favorites-clear{width:40px;min-width:40px;height:40px;padding:0} .shared-ui .mc-favorites-clear span{display:none} .shared-ui .mc-favorites-toolbar .mc-view-switch__btn span{display:none} .shared-ui .mc-favorites-toolbar .mc-view-switch__btn{width:40px;padding:0} .shared-ui .mc-favorites-empty{min-height:220px;padding:30px 16px}} @media(prefers-reduced-motion:reduce){.shared-ui .mc-favorites-clear,.shared-ui .mc-favorite-remove,.shared-ui .mc-favorite-card{transition:none!important}}