@charset "UTF-8"; BODY, BUTTON, INPUT, TEXTAREA { font-family: Play, sans-serif } .btn, .slick-slide, BUTTON, BUTTON:focus, INPUT, INPUT:focus, TEXTAREA, TEXTAREA:focus { outline: 0 } .h-nowrap, .header-ico-link { white-space: nowrap } .footer__cr, .h-uppc, .header-nav__smenu-name { text-transform: uppercase } .get-luck-sm__item-inner A, .gl-item__f-face, .page-404 .page-inner, .promo-comms__slide-inner {  -webkit-box-direction: normal } .cf:after, .cf:before, .footer__bottom .wrapper:after, .footer__bottom .wrapper:before, .lk-menu .wrapper:after, .lk-menu .wrapper:before, .lk-nav:after, .lk-nav:before, .price-wr__main-str:after, .price-wr__main-str:before, .steps-block__inner:after, .steps-block__inner:before { content: " "; display: table } .h-inlb, .h-inlb-m { display: inline-block } .cf:after, .footer__bottom .wrapper:after, .lk-menu .wrapper:after, .lk-nav:after, .price-wr__main-str:after, .steps-block__inner:after { clear: both } .fl { float: left } .fr { float: right } .h-inlb { vertical-align: top } .h-inlb-m { vertical-align: middle } .h-bl { display: block } .h-tbl { display: table } .header__info-wr, .header__top>.wrapper { position: relative;  display: -webkit-flex;  -webkit-box-pack: justify } OL, P, UL, h1, h2, h3, h4, h5, h6 { margin-bottom: 30px; } .h-f-s0 { font-size: 0 } .h-f-s20 { font-size: 20px } .h-f-s24 { font-size: 24px } .h-f-s16 { font-size: 16px } .h-f-s12 { font-size: 12px } .h-bold { font-weight: 700 } .h-itl { font-style: italic } .h-c-white { color: #fff } .h-c-black { color: #000 } .h-c-blue { color: #61909f } BODY, HTML { height: 100%; min-width: 320px } BODY { background-color: #f6f6f6; font-size: 14px; line-height: 20px } BUTTON, INPUT, TEXTAREA { border: 0; background-color: transparent; padding: 0; line-height: normal; -webkit-appearance: none; border-radius: 0 } INPUT { box-sizing: border-box !important } TEXTAREA { resize: vertical } A { text-decoration: none } OL, UL { padding: 0; list-style: none } IMG { max-width: 100% } ::-moz-selection { background: #94c608; color: #fff; text-shadow: none } ::selection { background: #94c608; color: #fff; text-shadow: none } ::-webkit-scrollbar-track { background: #f6f6f6 } ::-webkit-scrollbar { width: 10px } ::-webkit-scrollbar-thumb { background-color: #94c608; cursor: pointer } .header { background: #fff; color: #242424; position: relative; z-index: 100; padding-bottom: 57px } .header__top>.wrapper { display: flex; -webkit-justify-content: space-between;  justify-content: space-between; padding-top: 15px; padding-bottom: 20px } .header__logo { max-width: 240px; margin-right: 45px; padding-top: 15px; -webkit-flex-shrink: 0;  flex-shrink: 0 } .header__logo IMG { max-width: 100%; display: block } .header__main-col {  -webkit-flex-grow: 1;  flex-grow: 1; padding-left: 0px; padding-top: 7px; max-width: 1000px } .header__info-wr { line-height: 20px; display: flex;  justify-content: space-between } .header-nav, 

.header__info-links {
  display: flex;
}

.header__info-links {
  width: 53%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 420px;
  min-width: 370px;
  padding-right: 30px;
}

.header__info-links li + li {
  margin-left: 10px;
}

@media (max-width: 1020px) {
  .header__info-links { display: none !important; }
}

@media (max-width:1020px){
  .header__info-wr{
    display:flex !important;
    flex-wrap: wrap;              
    align-items: center;
    gap: 10px;
  }

  .header__info-links{
    flex: 1 1 auto;               
    min-width: 0;                  
    max-width: none;               
    width: auto;
    padding-right: 10px;
  }

  .header-store{
    display: inline-flex !important;
    margin-left: auto;             
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 5;                    
  }

  .header-user{                    
    display:block !important;
  }
}

@media (max-width: 860px){
  
  .header-store i:not([class]){ 
    display: none !important;     
  }

  .header-store{
    min-width: 45px;
  }
}

.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% } .header__nav .wrapper { padding: 0 } .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 } #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) { #searchsuggestions { border-radius: 0 0 var(--radius) var(--radius); } } #searchsuggestions > a:not(.dle-fast_item) { display: inline-block; color: #a5a1b2; font-size: 14px; margin-bottom: 90px; } #searchsuggestions > a .searchheading { display: block; color: var(--color3); font-weight: bold; margin-bottom: 20px; } #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 .page-body { padding-top: 226px } body._scrolled .header { position: fixed; top: 0 !important; left: 0; right: 0; padding-bottom: 0 } body._scrolled .header__top { display: none } body._scrolled .header__nav { -webkit-transition: -webkit-transform .4s; transition: transform .4s; -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important } } .header-ico-link, .header-ico-link__ico, .header-ico-link__txt { display: inline-block; vertical-align: middle } .header-ico-link { color: inherit; -webkit-flex-shrink: 0;  flex-shrink: 0; padding: 0px 4px } .header-ico-link:hover .header-ico-link__ico { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px) } .header-ico-link__ico { margin-right: 5px; -webkit-transition: .3s; transition: .3s } a { color: #95c00e; } .header-ico-link__ico--cart { height: 20px; width: 21px; background: url(../images/svg/cart.png) center no-repeat } .header-ico-link__ico--login { height: 21px; width: 21px; background: url(../images/svg/login.png) center no-repeat } .header-nav__gr-link:hover, .header-nav__submenu { background-color: #f1f1f1 } .header-ico-link__ico.iconic--favs { margin-top: -1px } .header-ico-link__txt { white-space: normal } .form-row__content--divided .input-wr+.input-wr .header-ico-link .input-cont:after, .header-ico-link .avatar__soc, .header-ico-link .blockquote, .header-ico-link .checkbox__view, .header-ico-link .dropdown__head:after, .header-ico-link .form-row__content--divided .input-wr+.input-wr .input-cont:after, .header-ico-link .iconic, .header-ico-link .popup__closer, .header-ico-link .slick-next, .header-ico-link .slick-prev, .header-ico-link .typography blockquote, .header-ico-link .ya-share2__item_service_facebook .ya-share2__icon, .header-ico-link .ya-share2__item_service_gplus .ya-share2__icon, .header-ico-link .ya-share2__item_service_moimir .ya-share2__icon, .header-ico-link .ya-share2__item_service_twitter .ya-share2__icon, .header-ico-link .ya-share2__item_service_vkontakte .ya-share2__icon, .typography .header-ico-link blockquote, .ya-share2__item_service_facebook .header-ico-link .ya-share2__icon, .ya-share2__item_service_gplus .header-ico-link .ya-share2__icon, .ya-share2__item_service_moimir .header-ico-link .ya-share2__icon, .ya-share2__item_service_twitter .header-ico-link .ya-share2__icon, .ya-share2__item_service_vkontakte .header-ico-link .ya-share2__icon { font-size: 29px } .header-nav { display: flex;  -webkit-justify-content: center;  justify-content: center;  -webkit-align-items: stretch;  align-items: stretch; height: 55px } .header-nav__group {  -webkit-flex-grow: 1;  flex-grow: 1;  display: -webkit-flex;  display: flex } .header-nav__group:first-child, .header-nav__group:last-child {  -webkit-flex-grow: 0;  flex-grow: 0 } .header-nav__group:hover .header-nav__submenu { display: block } .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 } .header-nav__gr-link sup { color: grey; white-space: nowrap } @media screen and (max-width:1020px) { .header-nav__gr-link { padding-left: 20px; padding-right: 20px; font-size: 15px } } .header-nav__submenu { position: absolute; left: 0; right: 0; top: 100%; margin-top: -1px; display: none } .search-wr, .search-wr__main { position: relative } .header-nav__submenu .wrapper { padding: 0;  display: -webkit-flex;  display: flex;  -webkit-justify-content: space-between;  justify-content: space-between } .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 } .header-nav__smenu-item:hover { background-color: #94c608 } @media screen and (max-width:1020px) { .header-nav__smenu-item { padding-left: 20px; padding-right: 20px } } .header-nav__smenu-ico { height: 54px; line-height: 54px; text-align: center } .form-row__content--divided .input-wr+.input-wr .header-nav__smenu-ico .input-cont:after, .header-nav__smenu-ico .avatar__soc, .header-nav__smenu-ico .blockquote, .header-nav__smenu-ico .checkbox__view, .header-nav__smenu-ico .dropdown__head:after, .header-nav__smenu-ico .form-row__content--divided .input-wr+.input-wr .input-cont:after, .header-nav__smenu-ico .iconic, .header-nav__smenu-ico .popup__closer, .header-nav__smenu-ico .slick-next, .header-nav__smenu-ico .slick-prev, .header-nav__smenu-ico .typography blockquote, .header-nav__smenu-ico .ya-share2__item_service_facebook .ya-share2__icon, .header-nav__smenu-ico .ya-share2__item_service_gplus .ya-share2__icon, .header-nav__smenu-ico .ya-share2__item_service_moimir .ya-share2__icon, .header-nav__smenu-ico .ya-share2__item_service_twitter .ya-share2__icon, .header-nav__smenu-ico .ya-share2__item_service_vkontakte .ya-share2__icon, .header-nav__smenu-ico img, .typography .header-nav__smenu-ico blockquote, .ya-share2__item_service_facebook .header-nav__smenu-ico .ya-share2__icon, .ya-share2__item_service_gplus .header-nav__smenu-ico .ya-share2__icon, .ya-share2__item_service_moimir .header-nav__smenu-ico .ya-share2__icon, .ya-share2__item_service_twitter .header-nav__smenu-ico .ya-share2__icon, .ya-share2__item_service_vkontakte .header-nav__smenu-ico .ya-share2__icon { max-width: 94%; max-height: 100%; display: inline-block; vertical-align: middle } .form-row__content--divided .input-wr+.input-wr .header-nav__smenu-ico .input-cont:after, .header-nav__smenu-ico .avatar__soc, .header-nav__smenu-ico .blockquote, .header-nav__smenu-ico .checkbox__view, .header-nav__smenu-ico .dropdown__head:after, .header-nav__smenu-ico .form-row__content--divided .input-wr+.input-wr .input-cont:after, .header-nav__smenu-ico .iconic, .header-nav__smenu-ico .popup__closer, .header-nav__smenu-ico .slick-next, .header-nav__smenu-ico .slick-prev, .header-nav__smenu-ico .typography blockquote, .header-nav__smenu-ico .ya-share2__item_service_facebook .ya-share2__icon, .header-nav__smenu-ico .ya-share2__item_service_gplus .ya-share2__icon, .header-nav__smenu-ico .ya-share2__item_service_moimir .ya-share2__icon, .header-nav__smenu-ico .ya-share2__item_service_twitter .ya-share2__icon, .header-nav__smenu-ico .ya-share2__item_service_vkontakte .ya-share2__icon, .typography .header-nav__smenu-ico blockquote, .ya-share2__item_service_facebook .header-nav__smenu-ico .ya-share2__icon, .ya-share2__item_service_gplus .header-nav__smenu-ico .ya-share2__icon, .ya-share2__item_service_moimir .header-nav__smenu-ico .ya-share2__icon, .ya-share2__item_service_twitter .header-nav__smenu-ico .ya-share2__icon, .ya-share2__item_service_vkontakte .header-nav__smenu-ico .ya-share2__icon { font-size: 26px } .header-nav__smenu-ico .iconic--cat-action { font-size: 25px } .header-nav__smenu-ico .iconic--cat-adventure { font-size: 49px } .header-nav__smenu-ico .iconic--cat-rpg { font-size: 39px } .header-nav__smenu-ico .iconic--cat-sim { font-size: 42px } .header-nav__smenu-ico .iconic--cat-strategy { font-size: 35px } .header-nav__smenu-ico .iconic--cat-mmo { font-size: 42px } .header-nav__smenu-ico .iconic--cat-arcade { font-size: 28px } .header-nav__smenu-ico .iconic--cat-sport { font-size: 38px } .header-nav__smenu-name { font-size: 11px; line-height: normal; letter-spacing: .6px; margin-top: 10px } @media screen and (min-width: 1021px) { .currency__dropdown { position: absolute; right: 150px; top: 27px; } } .currency__dropdown .dropdown__head { padding: 4px 40px 4px 20px; border: 1px solid #dedede; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .currency__dropdown .dropdown__head-main { display: none; } @media screen and (min-width: 481px) { .currency__dropdown .dropdown__head-mob { display: none; } .currency__dropdown .dropdown__head-main { display: block; } } .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; } .currency__dropdown .dropdown__head:hover { box-shadow: none; } @media screen and (max-width: 320px) { .currency__dropdown .dropdown__head-mob { margin-right: 10px; } .currency__dropdown .dropdown__head-mob .dropdown__head { padding: 0 22px 0 10px; } } @media screen and (max-width: 1020px) { .currency__dropdown .dropdown__head { height: 44px; line-height: 44px; padding: 0 42px 0 20px; border-radius: 4px; width: 80px; } } .currency__dropdown .dropdown__cont { padding: 6px 0; min-width: initial; } .currency__list-item { height: 30px; padding: 0 16px 0 20px; line-height: 30px; -webkit-transition: 150ms; transition: 150ms; cursor: pointer; } .currency__list-item:hover { background-color: #f6f6f6; } .currency__list-item._active { background-color: #94c608; } .currency__symbol { float: right; } .search-div__txt { color: #a2a2a2; font-size: 12px; padding: 7px 0 } .search-wr__main { margin-left: -3px } .search-wr__input { background: #fff; border: 2px solid #94c608; border-radius: 4px; padding: 0 45px 0 15px; font-size: 16px; height: 44px; line-height: 40px; width: 100% } .search-wr__input::-webkit-input-placeholder { color: #000 } .search-wr__input::-moz-placeholder { color: #000 } .search-wr__input:-ms-input-placeholder { color: #000 } .search-wr__input::placeholder { color: #000 } .search-wr__btns-pair { width: 45px; text-align: center; background: red; line-height: 44px } .form-row__content--divided .input-wr+.input-wr .search-wr__btns-pair .input-cont:after, .search-wr__btns-pair .avatar__soc, .search-wr__btns-pair .blockquote, .search-wr__btns-pair .checkbox__view, .search-wr__btns-pair .dropdown__head:after, .search-wr__btns-pair .form-row__content--divided .input-wr+.input-wr .input-cont:after, .search-wr__btns-pair .iconic, .search-wr__btns-pair .popup__closer, .search-wr__btns-pair .slick-next, .search-wr__btns-pair .slick-prev, .search-wr__btns-pair .typography blockquote, .search-wr__btns-pair .ya-share2__item_service_facebook .ya-share2__icon, .search-wr__btns-pair .ya-share2__item_service_gplus .ya-share2__icon, .search-wr__btns-pair .ya-share2__item_service_moimir .ya-share2__icon, .search-wr__btns-pair .ya-share2__item_service_twitter .ya-share2__icon, .search-wr__btns-pair .ya-share2__item_service_vkontakte .ya-share2__icon, .typography .search-wr__btns-pair blockquote, .ya-share2__item_service_facebook .search-wr__btns-pair .ya-share2__icon, .ya-share2__item_service_gplus .search-wr__btns-pair .ya-share2__icon, .ya-share2__item_service_moimir .search-wr__btns-pair .ya-share2__icon, .ya-share2__item_service_twitter .search-wr__btns-pair .ya-share2__icon, .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 } .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 } .footer, .page-body { overflow: hidden } .img-input__main, .input { box-shadow: inset 1px 1.73px 5px 0 rgba(55, 54, 55, .1) } .search-wr__loadout-wr._active { display: block; -webkit-animation-name: flipFromTop; animation-name: flipFromTop; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } .header-mob, .search-wr__loadout-wr._no-results .search-wr__loadout-bot { display: none } .search-wr__loadout-empty { font-size: 24px; line-height: 30px; font-weight: 700; padding: 20px } .search-wr__loadout { padding: 10px 0 } .search-wr__loadout-bot { background: #1b1b1b; color: #fff; font-size: 15px; padding: 20px } .search-wr__loadout-bot-link { color: inherit; text-decoration: none } .search-wr__loadout-bot-link:hover { text-decoration: underline } .btn, .link, .search-prod { text-decoration: none } @media screen and (max-width:1020px) { .search-wr__loadout-wr { margin-top: 20px; max-height: 405px } } @media screen and (max-width:767px) { .search-wr__loadout-wr { margin-top: 0 } } .header-mob { -webkit-align-self: stretch;  align-self: stretch } .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 } .header-mob__list { display: inline-block; vertical-align: top; font-size: 16px; line-height: 20px; width: 185px; padding-right: 10px } .footer__nav-link, .footer__pay-syst IMG { vertical-align: middle } .header-mob__list a { color: #000; padding: 5px 0; display: inline-block } .header-mob__list+.header-mob__list { padding-left: 35px; padding-right: 0 } .header-mob__list--sm { font-size: 14px } .header-mob-btn { width: 70px; color: #000; font-size: 23px; text-align: center; background-color: #94c608; height: 72px; line-height: 72px; position: relative } .header-mob-btn__bars, .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 } .header-mob-btn__bars:hover, .header-mob-btn__close:hover { background-color: #82a71d } .header-mob-btn__close { opacity: 0; visibility: hidden } .header-mob-btn__bars { opacity: 1; visibility: visible } .header-mob-btn__bars SPAN { display: block; margin: 0 auto; width: 24px; height: 2px; background-color: #000 } .header-mob-btn__bars SPAN+SPAN { margin-top: 5px } @media screen and (max-width:1020px) { BODY._mob-menu-open .header-mob__menu { display: block } BODY._mob-menu-open .header-mob-btn__bars { opacity: 0; visibility: hidden } BODY._mob-menu-open .header-mob-btn__close { opacity: 1; visibility: visible } .page-body { padding-top: 72px } .header { position: fixed; top: 0; left: 0; right: 0; padding-bottom: 0 } .header .header__info-wr, .header .header__nav, .header .search-div__txt { display: none } .header .header-mob { display: block } .header__top>.wrapper { padding: 0; height: 72px;  -webkit-align-items: center;  align-items: center } .header__logo { max-width: 130px; padding: 0 10px; margin: 0 10px } .header__main-col { padding: 0 13px } .header .search-wr__main { margin-left: 0 } } @media screen and (max-width:1024px) { BODY._mob-search-open .search-wr { display: block } BODY._mob-menu-open .header-mob__menu {  display: -webkit-flex;  display: flex } .page-body { padding-top: 57px } .search-wr { display: none; position: absolute; top: 100%; left: 0; right: 0; background-color: #f6f6f6; padding: 8px 6px } .search-wr__submit { display: none !important } .header-mob-btn, .header-mob-btn__bars, .header-mob-btn__close { width: 57px; height: 57px; line-height: 57px } .header-mob__menu { padding-left: 20px !important; padding-right: 20px !important } .header-mob__list { width: 50% } .header__top>.wrapper { height: 57px } .header__logo { padding: 0px; height: 80% } .header__logo IMG { max-height: 100% } .header__mob-search { display: block } } .footer, .footer__main { background-color: #1b1b1b } .footer { color: #fff; position: relative } .footer__nav { font-size: 16px; text-align: center; border-bottom: 1px solid #3d3d3d } .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) { .footer__nav { font-size: 18px } .footer__nav UL { padding-left: 10px; padding-right: 10px } } .footer__nav-link { color: #fff; display: inline-block; border-bottom: 1px solid transparent; margin: 0 10px; -webkit-transition: 150ms; transition: 150ms } .footer__nav-link:hover { border-bottom: 1px solid #fff } .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 } .footer__info-commerc, .footer__info-soc { margin-bottom: 15px } .footer__info-commerc {  -webkit-flex-grow: 1;  flex-grow: 1; padding: 0 80px } .footer__legal { min-height: 60px; margin-bottom: 12px; position: relative } .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 } .footer__pay-syst { line-height: 30px; -webkit-filter: grayscale(100%); filter: grayscale(100%) } .footer__info-soc { width: 240px; -webkit-flex-shrink: 0;  flex-shrink: 0; text-align: right } .footer__yt-wr { min-height: 60px; margin-bottom: 19px } .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 } .btn, .btn--cart, .btn--more, .input--ta-cent, .oblique-btns { text-align: center } .footer__youtube SPAN { border-bottom: 1px solid #4d4d4d; -webkit-transition: 150ms; transition: 150ms } .footer__youtube:hover SPAN { border-bottom: 0 } .footer__bottom { background-color: #101010; line-height: 20px } .footer__bottom~* { display: none } .footer__bottom .wrapper { padding-top: 20px; padding-bottom: 45px } .footer__cr, .footer__dev { position: relative; z-index: 1 } .footer__cr { font-size: 14px; float: left } .footer__dev { font-size: 12px; color: #898989; float: right } .footer__dev a { color: #fff } @media screen and (max-width:1020px) { .footer__nav { font-size: 15px; margin-right: -20px; margin-left: -20px } .footer__nav UL { padding-left: 15px; padding-right: 15px } .footer__info-commerc { padding-right: 30px } .footer .wrapper { padding-left: 15px; padding-right: 15px } } @media screen and (max-width:860px) { .footer__info { display: block; padding-bottom: 10px } .footer__info-commerc { padding-right: 0 } .footer__info-soc { width: 100%; margin-bottom: 10px } .footer__info-soc .social-links { position: absolute; bottom: 0; left: 0; right: 0; line-height: 20px; text-align: center; padding: 15px 0 } .footer__yt-wr { display: inline-block; vertical-align: top; margin-top: -50px; min-height: 0; margin-bottom: 0 } .footer__pay-syst { padding-right: 260px } } .page, .page-body { position: relative } @media screen and (max-width:767px) { .footer__nav { font-size: 13px } .footer__nav a { margin: 0 7px } } @media screen and (max-width:630px) { .footer__nav, .footer__pay-syst { display: none } .footer__info { padding: 15px 0 20px } .footer__info-commerc { margin-bottom: 35px; padding: 0 0 0 70px } .footer__legal { margin-bottom: 0 } .footer__legal:after { left: -75px; top: -2px } .footer__youtube, .footer__yt-wr { margin: 0 auto; display: block } .footer .social-links { bottom: 57px; padding: 0 } .footer__bottom .wrapper { padding-top: 20px; padding-bottom: 20px } .footer__cr, .footer__dev { float: none; text-align: center } .footer__cr { margin-bottom: 57px } } .page { z-index: 1; background-color: #f6f6f6 } .page-body--black { background-color: #212121; color: #fff } .page-body--black P { color: #a2a2a2 } .main-wr { padding-top: 28px; padding-bottom: 72px } @media screen and (max-width:480px) { .main-wr+.online-sells { padding-top: 0 } } .wrapper { margin: 0 auto; max-width: 1280px; min-width: 320px; padding-left: 20px; padding-right: 20px; padding-top: 10px; } .wrapper-inner { display: block; width: auto; margin-left: -20px; margin-right: -20px } .btn, .icon { display: inline-block; position: relative; vertical-align: middle } @media screen and (max-width:1020px) { .wrapper { padding-left: 20px; padding-right: 20px } .wrapper-inner { margin-left: -20px; margin-right: -20px } } @media screen and (max-width:630px) { .main-wr { padding-bottom: 20px } .wrapper { padding-right: 10px; padding-left: 10px; padding-top: 35px; } .wrapper-inner { margin-left: -10px; margin-right: -10px } } .text-page { padding: 30px 25px 50px; background-color: #fff } @media screen and (max-width:480px) { .text-page { padding: 25px 15px 25px; margin: -28px -10px -30px } } .text-page .h1, .text-page .typography h1, .typography .text-page h1 { font-weight: 400 } @font-face{ font-family: iconic; src: url(../fonts/iconic.eot); src: url(../fonts/iconicd41d.eot?#iefix) format("eot"), url(../fonts/iconic.woff) format("woff"), url(../fonts/iconic.ttf) format("truetype"), url(../fonts/iconic.svg#iconic) format("svg");font-display:swap} .avatar__soc, .blockquote, .checkbox__view, .dropdown__head:after, .form-row__content--divided .input-wr+.input-wr .input-cont:after, .iconic, .popup__closer, .slick-next, .slick-prev, .typography blockquote, .ya-share2__item_service_facebook .ya-share2__icon, .ya-share2__item_service_gplus .ya-share2__icon, .ya-share2__item_service_moimir .ya-share2__icon, .ya-share2__item_service_twitter .ya-share2__icon, .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 } .iconic--arr-full-l:after { content: "" } .iconic--cat-action:after { content: "" } .iconic--cat-adventure:after { content: "" } .iconic--cat-arcade:after { content: "" } .iconic--cat-mmo:after { content: "" } .iconic--cat-rpg:after { content: "" } .iconic--cat-sim:after { content: "" } .iconic--cat-sport:after { content: "" } .iconic--cat-strategy:after { content: "" } .dropdown._active .dropdown__head:after, .iconic--chevron-b:after { content: "" } .iconic--chevron-l:after { content: "" } .iconic--chevron-r:after { content: "" } .dropdown__head:after, .iconic--chevron-t:after { content: "" } .form-row__content--divided .input-wr+.input-wr .input-cont:after, .iconic--chevron2-r:after { content: "" } .iconic--clock:after { content: "" } .iconic--cross:after, .popup__closer:after { content: "" } .iconic--favs:after { content: "" } .iconic--grid:after { content: "" } .iconic--heart:after { content: "" } .iconic--lupa:after { content: "" } .blockquote:after, .iconic--quotes:after, .typography blockquote:after { content: "" } .avatar__soc--fb:after, .iconic--soc-fb:after, .ya-share2__item_service_facebook .ya-share2__icon:after { content: "" } .iconic--soc-gplus:after, .ya-share2__item_service_gplus .ya-share2__icon:after { content: "" } .iconic--soc-inst:after { content: "" } .iconic--soc-mail:after, .ya-share2__item_service_moimir .ya-share2__icon:after { content: "" } .iconic--soc-tw:after, .ya-share2__item_service_twitter .ya-share2__icon:after { content: "" } .avatar__soc--vk:after, .iconic--soc-vk-v:after { content: "" } .iconic--soc-vk:after, .ya-share2__item_service_vkontakte .ya-share2__icon:after { content: "" } .iconic--sorting:after { content: "" } .checkbox__view:after, .iconic--tick:after { content: "" } .iconic--triangle-full-l:after, .slick-prev:active:after { content: "" } .iconic--triangle-full-r:after, .slick-next:active:after { content: "" } .iconic--triangle-l:after, .slick-prev:after { content: "" } .iconic--triangle-r:after, .slick-next:after { content: "" } .btn--oblique:after, .ul-arrows LI:after { content: "" } .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 } .bbcodes {border-bottom: 1px solid transparent;padding: 0 0 2px;-webkit-transition: border-color .3s;transition: border-color .3s;vertical-align: middle;background: #94c608;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; } .btnlog > SPAN {border-bottom: 1px solid transparent;padding: 0 0 2px;-webkit-transition: border-color .3s;transition: border-color .3s;vertical-align: middle;background: #94c608;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;} .btn:hover > SPAN {border-color: transparent } .btn:active {-webkit-transform: translateY(-2px) scale(.95); -ms-transform: translateY(-2px) scale(.95); transform: translateY(-2px) scale(.95) } .btn--round {font-size: 15px; line-height: 20px; border-radius: 50px; padding: 15px 35px; border: 1px solid #d9d9d9; transition: .8s;} .btn--round .avatar__soc, .btn--round .blockquote, .btn--round .checkbox__view, .btn--round .dropdown__head:after, .btn--round .form-row__content--divided .input-wr + .input-wr .input-cont:after, .btn--round .iconic, .btn--round .popup__closer, .btn--round .slick-next, .btn--round .slick-prev, .btn--round .typography blockquote, .btn--round .ya-share2__item_service_facebook .ya-share2__icon, .btn--round .ya-share2__item_service_gplus .ya-share2__icon, .btn--round .ya-share2__item_service_moimir .ya-share2__icon, .btn--round .ya-share2__item_service_twitter .ya-share2__icon, .btn--round .ya-share2__item_service_vkontakte .ya-share2__icon, .form-row__content--divided .input-wr + .input-wr .btn--round .input-cont:after, .typography .btn--round blockquote, .ya-share2__item_service_facebook .btn--round .ya-share2__icon, .ya-share2__item_service_gplus .btn--round .ya-share2__icon, .ya-share2__item_service_moimir .btn--round .ya-share2__icon, .ya-share2__item_service_twitter .btn--round .ya-share2__icon, .ya-share2__item_service_vkontakte .btn--round .ya-share2__icon {-webkit-transition: 150ms; transition: 150ms; margin-right: 7px } .btn--round .iconic--grid {color: #aeaeae; font-size: 11px } .btn--round:hover {border-color: #aeaeae } .btn--round:hover .avatar__soc, .btn--round:hover .blockquote, .btn--round:hover .checkbox__view, .btn--round:hover .dropdown__head:after, .btn--round:hover .form-row__content--divided .input-wr + .input-wr .input-cont:after, .btn--round:hover .iconic, .btn--round:hover .popup__closer, .btn--round:hover .slick-next, .btn--round:hover .slick-prev, .btn--round:hover .typography blockquote, .btn--round:hover .ya-share2__item_service_facebook .ya-share2__icon, .btn--round:hover .ya-share2__item_service_gplus .ya-share2__icon, .btn--round:hover .ya-share2__item_service_moimir .ya-share2__icon, .btn--round:hover .ya-share2__item_service_twitter .ya-share2__icon, .btn--round:hover .ya-share2__item_service_vkontakte .ya-share2__icon, .form-row__content--divided .input-wr + .input-wr .btn--round:hover .input-cont:after, .typography .btn--round:hover blockquote, .ya-share2__item_service_facebook .btn--round:hover .ya-share2__icon, .ya-share2__item_service_gplus .btn--round:hover .ya-share2__icon, .ya-share2__item_service_moimir .btn--round:hover .ya-share2__icon, .ya-share2__item_service_twitter .btn--round:hover .ya-share2__icon, .ya-share2__item_service_vkontakte .btn--round:hover .ya-share2__icon {color: #292929 } .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 } .btn--get-luck .ico {margin: 0 7px 0 0; position: relative; top: 1px; -webkit-transition: .6s; transition: .6s } .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 } .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 } .btn--oblique:after {position: absolute; right: 0; top: 0; bottom: 8px; border-right: 1px solid transparent } .btn--oblique._active, .btn--oblique:hover, .oblique-btns__btn-wr._active .btn {background: url(../images/svg/oblique-corner.svg) center bottom no-repeat; background-size: 100% 8px; border-color: #cfcfcf } .ico, .img-input__main {background-repeat: no-repeat } .btn--oblique._active:after, .btn--oblique:hover:after, .oblique-btns__btn-wr._active .btn:after {border-right-color: #cfcfcf } @media screen and (max-width:480px) {.btn--oblique {font-size: 15px; padding: 3px 13px 8px } } .btn--squere {border-radius: 3px; padding: 9px 15px } .btn--squere.btn--orng {background-color: #94c608 } .btn--cart-orng, .btn--squere.btn--orng:hover {background-color: #94c608 } .btn--cart {font: 700 18px / 22px Play, sans-serif; padding: 9px 0; width: 145px; border-radius: 20px } .btn--cart-orng:hover {background-color: #e8b300 } .btn--cart-green {background-color: #76b624 } .btn--cart-green:hover {background-color: #659c1f } .btn--cart-red {background-color: #fff; box-shadow: inset 0 0 0 1px #bfbfbf; color: #bfbfbf; } .btn--cart-red:hover {background-color: #f34242; box-shadow: inset 0 0 0 1px #f34242; color: #fff; } .btn--cart-disable {cursor: auto; background-color: #d8d8d8; color: #9d9d9d } .btn--cart-disable:active {-webkit-transform: none; -ms-transform: none; transform: none } .btn--xs {font-size: 14px; line-height: 18px; padding: 9px 20px; border-radius: 4px } .btn--md {font-size: 18px; line-height: 30px } .btn--lg {font-size: 24px; line-height: 30px; padding: 16px 25px; border-radius: 31px } .btn--white {background-color: #fff; color: #000 } .btn--orngL {background-color: #94c608; color: #000 } .btn--orngL:hover {background-color: #fbd33d } .btn--orng {background-color: #94c608; color: #000 } .btn--orng:hover {background-color: #85ad18 } .btn--orng.btn--round {border: 0; font-size: 14px; line-height: 20px; padding: 6px 17px } .btn--orng.btn--lg {font-weight: 700; font-size: 24px; line-height: 30px; padding: 16px 35px } @media screen and (max-width:767px) {.btn--orng.btn--lg {padding: 10px 25px; line-height: 22px; font-size: 18px } } .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) {.btn--orng.btn--xlg {padding: 8px 15px; line-height: 22px; font-size: 16px } } .btn--orng.btn--md {font-weight: 700; font-size: 18px; line-height: 30px } .btn._disable {background-color: rgba(128, 128, 128, .7) !important } .btn--more, .search-prod:hover {background-color: #f6f6f6 } .btn._disable:active {-webkit-transform: none !important; -ms-transform: none !important; transform: none !important } .btn--more {display: block; width: 100%; line-height: 20px; font-size: 13px; padding: 5px 10px } .btn--more:hover {background-color: #ddd } .btn--more:active {-webkit-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px) } .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 } .form-row__content--divided .input-wr + .input-wr .sort-btn .input-cont:after, .sort-btn .avatar__soc, .sort-btn .blockquote, .sort-btn .checkbox__view, .sort-btn .dropdown__head:after, .sort-btn .form-row__content--divided .input-wr + .input-wr .input-cont:after, .sort-btn .iconic, .sort-btn .popup__closer, .sort-btn .slick-next, .sort-btn .slick-prev, .sort-btn .typography blockquote, .sort-btn .ya-share2__item_service_facebook .ya-share2__icon, .sort-btn .ya-share2__item_service_gplus .ya-share2__icon, .sort-btn .ya-share2__item_service_moimir .ya-share2__icon, .sort-btn .ya-share2__item_service_twitter .ya-share2__icon, .sort-btn .ya-share2__item_service_vkontakte .ya-share2__icon, .typography .sort-btn blockquote, .ya-share2__item_service_facebook .sort-btn .ya-share2__icon, .ya-share2__item_service_gplus .sort-btn .ya-share2__icon, .ya-share2__item_service_moimir .sort-btn .ya-share2__icon, .ya-share2__item_service_twitter .sort-btn .ya-share2__icon, .ya-share2__item_service_vkontakte .sort-btn .ya-share2__icon {display: none } .sort-btn .iconic--sorting {color: #94c608; font-size: 8px; margin-left: 4px } .sort-btn._active, .sort-btn:hover {background-color: #f2f2f2 } .sort-btn._active .link, .sort-btn:hover .link {border-bottom-color: transparent } .form-row__content--divided .input-wr + .input-wr .sort-btn._active .input-cont:after, .sort-btn._active .avatar__soc, .sort-btn._active .blockquote, .sort-btn._active .checkbox__view, .sort-btn._active .dropdown__head:after, .sort-btn._active .form-row__content--divided .input-wr + .input-wr .input-cont:after, .sort-btn._active .iconic, .sort-btn._active .popup__closer, .sort-btn._active .slick-next, .sort-btn._active .slick-prev, .sort-btn._active .typography blockquote, .sort-btn._active .ya-share2__item_service_facebook .ya-share2__icon, .sort-btn._active .ya-share2__item_service_gplus .ya-share2__icon, .sort-btn._active .ya-share2__item_service_moimir .ya-share2__icon, .sort-btn._active .ya-share2__item_service_twitter .ya-share2__icon, .sort-btn._active .ya-share2__item_service_vkontakte .ya-share2__icon, .typography .sort-btn._active blockquote, .ya-share2__item_service_facebook .sort-btn._active .ya-share2__icon, .ya-share2__item_service_gplus .sort-btn._active .ya-share2__icon, .ya-share2__item_service_moimir .sort-btn._active .ya-share2__icon, .ya-share2__item_service_twitter .sort-btn._active .ya-share2__icon, .ya-share2__item_service_vkontakte .sort-btn._active .ya-share2__icon {display: inline-block } .sort-btn._reverse .iconic--sorting {-webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1) } .oblique-btns {padding: 15px 0 25px; margin-left: -10px; margin-right: -10px } .oblique-btns__btn-wr {display: inline-block; vertical-align: top; position: relative; margin: 5px 10px } .oblique-btns__btn-wr + .oblique-btns__btn-wr:before {content: ""; position: absolute; left: -13px; top: 8px; height: 22px; border-left: 1px solid #cfcfcf } .oblique-btns__btn-wr._active + .oblique-btns__btn-wr:before, .oblique-btns__btn-wr._active:before {display: none } @media screen and (max-width:480px) {.oblique-btns__btn-wr {margin: 0 10px 30px; top: 20px } .oblique-btns__btn-wr:before {display: none } .oblique-btns {margin-left: -2px; margin-right: -2px } } .link {border-bottom: 1px solid transparent; line-height: normal; cursor: pointer; -webkit-transition: 150ms; transition: 150ms } .link:hover {border-bottom-color: transparent } .link--black {color: #000; border-bottom: 1px solid rgba(0, 0, 0, .3) } .link--white {color: #fff; border-bottom: 1px solid rgba(255, 255, 255, .3) } .link--grey {color: grey; border-bottom: 1px solid rgba(128, 128, 128, .3) } .link--blue {color: #61909f; border-bottom: 1px solid rgba(97, 144, 159, .3) } .link--dotted {border-bottom-style: dotted } .h1, .typography h1 {font-size: 40px; line-height: 60px; margin-bottom: 15px } @media screen and (max-width:630px) {.h1, .typography h1 {font-size: 30px; line-height: 40px } } .h2 {font-size: 32px; line-height: 40px; margin-bottom: 15px } .h3, .typography h3 {font-size: 18px; line-height: 30px; margin-bottom: 15px } .h4, .typography h4 {font-size: 18px; line-height: 30px; font-weight: 700; margin-bottom: 8px } .h4 small, .typography h4 small {font-size: 14px; font-weight: 400 } .h5, .typography h5 {font-size: 15px; line-height: 20px; font-weight: 700; margin-bottom: 15px } .text-sm {font: 11px / 14px Play, sans-serif } .text-gray {color: #797979 } .text-green {color: #429e0b } .text-red {color: red } .text-yel {color: #fff206 } .text-orng {color: #94c608 } .blockquote, .typography blockquote {font-size: 18px; line-height: 30px; color: #61909f; padding-left: 40px; position: relative; margin: 25px 0 } .blockquote:after, .typography blockquote:after {position: absolute; top: 10px; left: 3px; color: #94c608; font-size: 16px; line-height: normal } @media screen and (max-width:630px) {.blockquote, .typography blockquote {margin: 20px 0 } } .typography {font-size: 14px; line-height: 20px } .typography h2 {margin-bottom: 20px } .typography h6 {margin-bottom: 10px } .typography p {margin-bottom: 20px } .typography blockquote {margin: 25px 0 40px } @media screen and (max-width:630px) {.typography blockquote {margin: 20px 0 25px } } .params-cols {margin-bottom: 35px } .params-cols__tr {font-size: 0; white-space: nowrap; line-height: normal } .params-cols__tr, .typography .params-cols__tr {margin-bottom: 12px } .params-cols__content, .params-cols__param {white-space: normal; display: inline-block; vertical-align: text-top; font-size: 13px; line-height: 18px } .params-cols__param {width: 36%; padding-right: 20px } .params-cols__content {width: 64% } .ul-arrows LI {font-size: 12px; color: #595959; padding-left: 28px; position: relative } .ul-arrows LI:after {position: absolute; left: 0; top: 5px; border-style: solid; border-color: transparent transparent transparent #94c608; 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) } } .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 } .input::-webkit-input-placeholder {color: #000 } .input::-moz-placeholder {color: #000 } .input:-ms-input-placeholder {color: #000 } .input::placeholder {color: #000 } .input--special {border: 2px solid #94c608; line-height: 43px; font-size: 24px } .img-input__main, .textarea {border: 1px solid #d8d8d8; background-color: #fff; display: block } .input--special.input--lg {line-height: 56px } .input--ta-right {text-align: right } .input--lg {line-height: 58px; height: 60px } .input--size--115 {width: 115px } .input--size--80perc {width: 80% } .textarea {width: 100%; font-size: 13px; line-height: 22px; padding: 8px 9px } .textarea::-webkit-input-placeholder {color: #9b9b9b } .textarea::-moz-placeholder {color: #9b9b9b } .textarea:-ms-input-placeholder {color: #9b9b9b } .textarea::placeholder {color: #9b9b9b } .img-input {display: block; max-width: 400px } @media screen and (max-width:767px) {.img-input {max-width: 200px } } .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 } .img-input__main::-webkit-input-placeholder {color: #000 } .img-input__main::-moz-placeholder {color: #000 } .img-input__main:-ms-input-placeholder {color: #000 } .img-input__main::placeholder {color: #000 } .img-input__main._loaded .img-input__txt {color: transparent } .img-input__main INPUT {position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; cursor: pointer } .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 } .img-input:hover {border-color: #5b5b5b } .input-error {display: block; font-size: 14px; line-height: 20px; color: #f32e2e; margin: 2px 2px 5px } .checkbox-label {display: table; white-space: nowrap; margin: 4px 0; line-height: 20px } .checkbox-label .checkbox, .checkbox-label__txt {display: inline-block; vertical-align: top } .checkbox-label .checkbox {margin-top: 3px; margin-right: -14px } .checkbox-label__txt {font-size: 13px; line-height: 20px; white-space: normal; width: 100%; padding-left: 23px } .checkbox-label._disabled .checkbox-label__txt {opacity: .6; cursor: not-allowed } .checkbox {display: inline-block; vertical-align: middle; cursor: pointer } .checkbox INPUT {display: none } .checkbox__view {display: block; width: 14px; height: 14px; border: 1px solid #c7c7c7; border-radius: 3px; -webkit-transition: 150ms; transition: 150ms; position: relative } .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 } .checkbox-label:hover .checkbox__view, .checkbox__view._active, .checkbox__view:hover, input:checked + .checkbox__view {background-color: #94c608; border-color: #94c608 } .checkbox__view._active:after, input:checked + .checkbox__view:after {-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1 } input:disabled + .checkbox__view {opacity: .6; cursor: not-allowed } .dropdown {position: relative; z-index: 1 } .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 } .dropdown__head:after {position: absolute; top: 50%; right: 20px; color: #9f9f9f; font-size: 4px; height: 4px; line-height: 4px; margin-top: -1px } .dropdown__head:hover {box-shadow: 0 0 15px 0 rgba(0, 0, 0, .11) } .dropdown__head:hover:after {color: #000 } .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 } .dropdown__cont-btn {margin: 13px 0 10px } .dropdown._active {z-index: 5 } .dropdown._active .dropdown__cont {opacity: 1; visibility: visible } @media screen and (max-width:480px) {.dropdown__head {font-size: 13px; padding-left: 15px } .dropdown__cont {padding: 8px 15px } } .noUi-target {height: 6px; box-shadow: none; border: 0 } .noUi-base {border-radius: 3px; background-color: #e1e3dd; height: 6px } .noUi-origin {border-radius: 3px; background-color: #94c608; -webkit-transition: 0s; transition: 0s } .noUi-origin + .noUi-origin {background-color: #e1e3dd } .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 } .noUi-handle:after, .noUi-handle:before {display: none } .noUi-state-tap .noUi-origin {-webkit-transition: 0s !important; transition: 0s !important } .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%) } .form-row__name, .range-ui-wr {position: relative } .form-row {display: block; margin: 5px 0 12px } .form-row__name {display: block; overflow: hidden; text-overflow: ellipsis; font-size: 15px; line-height: 20px } .form-row__name-col {margin-bottom: 10px; display: block; -webkit-align-self: flex-start;  align-self: flex-start } .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 } .form-row__content--divided .input-wr { -webkit-flex-grow: 1;  flex-grow: 1; margin-left: 20px; margin-right: 20px } .form-row__content--divided .input-wr + .input-wr .input-cont:after {position: absolute; top: 0; left: -23px; line-height: 47px } .input-cont, .rub {position: relative } @media screen and (max-width:480px) {.form-row__content--divided {display: block !important } .form-row__content--divided .input-wr .input-cont:after {display: none } } .form-row__content-col {width: 100% } .form-row__content-col .checkbox-label {margin-left: 2px; -webkit-align-self: flex-start;  align-self: flex-start } .form-row__content-col--w80 {padding-right: 20% } @media screen and (max-width:960px) {.form-cols .form-row__content-col {padding-right: 0 } } @media screen and (max-width:630px) {.form-row__content-col {padding-right: 0 } } .form-row--inline { display: -webkit-flex;  display: flex } .form-row--inline .form-row__content, .form-row--inline .form-row__name {width: 100%; display: inline-block; vertical-align: middle; line-height: normal } .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 } .form-row--inline .form-row__content-col {line-height: 47px;  -webkit-flex-grow: 1;  flex-grow: 1 } .form-row--inline.form-row--multi .form-row__name-col {margin-top: 23px } @media screen and (max-width:860px) {.form-row--inline.form-row--multi {display: block; margin-top: 0 } .form-row--inline.form-row--multi .form-row__name-col {margin-top: 0; height: auto; line-height: 20px; margin-bottom: 6px; padding-right: 0 } .form-row--inline.form-row--multi .form-row__name {font-size: 14px } .form-row--inline.form-row--multi .form-row__content-col {height: auto; line-height: 20px } } @media screen and (max-width:630px) {.form-row--inline {display: block; margin-top: 0 } .form-row--inline .form-row__name-col {height: auto; line-height: 20px; margin-bottom: 6px; padding-right: 0 } .form-row--inline .form-row__name {font-size: 14px } .form-row--inline .form-row__content-col {height: auto; line-height: 20px } } .form-row--submit {margin-top: 40px } .form-row--submit .btn--md {padding-left: 20px; padding-right: 20px } @media screen and (max-width:630px) {.form-row--submit {margin-top: 30px } .form-row--submit .form-row__name-col {display: none } } .input-cont .input {width: 100% } .input-cont + .checkbox-label {margin-top: 13px } .input-wr__name {font-size: 13px; line-height: 20px; color: #7f7f7f; margin-bottom: 3px; display: block } .form-gr {margin-bottom: 40px } .form-gr .h3, .form-gr .typography h3, .typography .form-gr h3 {line-height: 24px; margin-bottom: 30px } @media screen and (max-width:630px) {.input-wr + .input-wr {margin-top: 12px } .form-gr {margin-bottom: 25px } .form-gr .h3, .form-gr .typography h3, .typography .form-gr h3 {margin-bottom: 10px } .form-pair {margin-left: -10px; margin-right: -10px } .form-pair .form-row {display: inline-block; vertical-align: top; margin-left: 10px; margin-right: 10px } } .ico-link > SPAN, .price {vertical-align: middle } .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 } .form-cols__col {-webkit-flex-shrink: 0;  flex-shrink: 0;  -webkit-flex-grow: 0;  flex-grow: 0; padding-left: 30px; padding-right: 30px } .form-cols__col--65 {width: 65% } .form-cols__col--35 {width: 35% } @media screen and (max-width:860px) {.form-cols {margin-left: -15px; margin-right: -15px } .form-cols__col {padding-left: 15px; padding-right: 15px } } @media screen and (max-width:767px) {.form-cols {display: block } .form-cols__col {width: auto } } .help-block {margin-top: 4px } .ico {display: inline-block; background-size: cover; background-position: center } .ico--roulette {background-image: url(../images/svg/roulette.svg); width: 40px; height: 29px } .ico--roulette-full {background-image: url(../images/svg/roullete-red.svg); width: 30px; height: 33px } .ico--cart-w {background-image: url(../images/svg/cart-w.svg); width: 21px; height: 20px } .btn .ico--cart-w {margin-right: 11px; -webkit-transition: .3s; transition: .3s } .btn:hover .ico--cart-w {-webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px) } .btn--lg .ico--cart-w {height: 25px; width: 26px } .ico--comm-cloud {background-image: url(../images/comm-cloud.png); width: 19px; height: 16px } .ico--play {width: 45px; height: 45px; background-image: url(../images/svg/play.svg) } .form-row__content--divided .input-wr + .input-wr .ico-link .input-cont:after, .ico-link .avatar__soc, .ico-link .blockquote, .ico-link .checkbox__view, .ico-link .dropdown__head:after, .ico-link .form-row__content--divided .input-wr + .input-wr .input-cont:after, .ico-link .ico, .ico-link .iconic, .ico-link .popup__closer, .ico-link .slick-next, .ico-link .slick-prev, .ico-link .typography blockquote, .ico-link .ya-share2__item_service_facebook .ya-share2__icon, .ico-link .ya-share2__item_service_gplus .ya-share2__icon, .ico-link .ya-share2__item_service_moimir .ya-share2__icon, .ico-link .ya-share2__item_service_twitter .ya-share2__icon, .ico-link .ya-share2__item_service_vkontakte .ya-share2__icon, .typography .ico-link blockquote, .ya-share2__item_service_facebook .ico-link .ya-share2__icon, .ya-share2__item_service_gplus .ico-link .ya-share2__icon, .ya-share2__item_service_moimir .ico-link .ya-share2__icon, .ya-share2__item_service_twitter .ico-link .ya-share2__icon, .ya-share2__item_service_vkontakte .ico-link .ya-share2__icon {margin-right: 5px } .ico-link:hover .link {border-bottom-color: transparent } .rub:after {content: "–"; position: absolute; left: -.05em; bottom: .45em; line-height: 1px; font-size: 85% } .rub--sm {font-size: 14px; line-height: 20px } .rub--sm:after {bottom: .1em } .price {font-weight: 700; white-space: nowrap; font-size: 24px; line-height: 30px } .price--ssm {font-size: 13px; line-height: 20px } .price--sm {font-size: 14px; line-height: 20px } .price--md {font-size: 18px; line-height: 26px } .price--xl {font-size: 35px; line-height: 32px } .price-wr__discount {color: #378100; font-size: 13px; display: block } .price-wr__main-str .price {float: left } .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 } .discount, .prod-timer SPAN {vertical-align: middle } .price-wr__points {display: block; color: #858585; font-size: 13px; line-height: 14px; margin-top: 2px } .discount, .price-label {display: inline-block; white-space: nowrap } .discount {background-color: #94c608; border-radius: 13px; padding: 0 10px; color: #000; font-size: 16px; line-height: 26px; font-weight: 700 } .price-label {background-color: #000; border-radius: 15px; line-height: 30px; font-size: 15px; padding: 0 18px; text-align: center; color: #94c608; font-weight: 400 } .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 } .avatar__soc, .category, .franchise, .gameview-cats__li, .online-sells, .reg-sl-block, .soc-login {text-align: center } .form-row__content--divided .input-wr + .input-wr .prod-timer .input-cont:after, .prod-timer .avatar__soc, .prod-timer .blockquote, .prod-timer .checkbox__view, .prod-timer .dropdown__head:after, .prod-timer .form-row__content--divided .input-wr + .input-wr .input-cont:after, .prod-timer .iconic, .prod-timer .popup__closer, .prod-timer .slick-next, .prod-timer .slick-prev, .prod-timer .typography blockquote, .prod-timer .ya-share2__item_service_facebook .ya-share2__icon, .prod-timer .ya-share2__item_service_gplus .ya-share2__icon, .prod-timer .ya-share2__item_service_moimir .ya-share2__icon, .prod-timer .ya-share2__item_service_twitter .ya-share2__icon, .prod-timer .ya-share2__item_service_vkontakte .ya-share2__icon, .typography .prod-timer blockquote, .ya-share2__item_service_facebook .prod-timer .ya-share2__icon, .ya-share2__item_service_gplus .prod-timer .ya-share2__icon, .ya-share2__item_service_moimir .prod-timer .ya-share2__icon, .ya-share2__item_service_twitter .prod-timer .ya-share2__icon, .ya-share2__item_service_vkontakte .prod-timer .ya-share2__icon {color: #fff; margin-right: 5px; font-size: 12px } .steam {display: block; background: url(../images/steam-black.png) center no-repeat; background-size: contain; width: 98px; height: 30px } .game-label, .soc-login {display: inline-block; background-repeat: no-repeat; background-position: center } .steam--white {background-image: url(../images/steam-white.png) } .steam--sm {width: 68px; height: 21px } .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) } .game-label:hover {-webkit-filter: brightness(1.1); filter: brightness(1.1) } .social-links {display: block; margin: 0 -7px; font-size: 25px; } .social-links a {color: #3d4043; } .social-links a:hover {color: white; } .form-row__content--divided .input-wr + .input-wr .social-links .input-cont:after, .social-links .avatar__soc, .social-links .blockquote, .social-links .checkbox__view, .social-links .dropdown__head:after, .social-links .form-row__content--divided .input-wr + .input-wr .input-cont:after, .social-links .iconic, .social-links .popup__closer, .social-links .slick-next, .social-links .slick-prev, .social-links .typography blockquote, .social-links .ya-share2__item_service_facebook .ya-share2__icon, .social-links .ya-share2__item_service_gplus .ya-share2__icon, .social-links .ya-share2__item_service_moimir .ya-share2__icon, .social-links .ya-share2__item_service_twitter .ya-share2__icon, .social-links .ya-share2__item_service_vkontakte .ya-share2__icon, .typography .social-links blockquote, .ya-share2__item_service_facebook .social-links .ya-share2__icon, .ya-share2__item_service_gplus .social-links .ya-share2__icon, .ya-share2__item_service_moimir .social-links .ya-share2__icon, .ya-share2__item_service_twitter .social-links .ya-share2__icon, .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 } .social-links .avatar__soc--fb, .social-links .iconic--soc-fb, .social-links .ya-share2__item_service_facebook .ya-share2__icon, .ya-share2__item_service_facebook .social-links .ya-share2__icon {font-size: 1.1em; position: relative; top: -.1em } .social-links .iconic--soc-vk, .social-links .ya-share2__item_service_vkontakte .ya-share2__icon, .ya-share2__item_service_vkontakte .social-links .ya-share2__icon {font-size: .8em } .social-links .iconic--soc-tw, .social-links .ya-share2__item_service_twitter .ya-share2__icon, .ya-share2__item_service_twitter .social-links .ya-share2__icon {font-size: .85em } .form-row__content--divided .input-wr + .input-wr .social-links--grey .input-cont:after, .social-links--grey .avatar__soc, .social-links--grey .blockquote, .social-links--grey .checkbox__view, .social-links--grey .dropdown__head:after, .social-links--grey .form-row__content--divided .input-wr + .input-wr .input-cont:after, .social-links--grey .iconic, .social-links--grey .popup__closer, .social-links--grey .slick-next, .social-links--grey .slick-prev, .social-links--grey .typography blockquote, .social-links--grey .ya-share2__item_service_facebook .ya-share2__icon, .social-links--grey .ya-share2__item_service_gplus .ya-share2__icon, .social-links--grey .ya-share2__item_service_moimir .ya-share2__icon, .social-links--grey .ya-share2__item_service_twitter .ya-share2__icon, .social-links--grey .ya-share2__item_service_vkontakte .ya-share2__icon, .typography .social-links--grey blockquote, .ya-share2__item_service_facebook .social-links--grey .ya-share2__icon, .ya-share2__item_service_gplus .social-links--grey .ya-share2__icon, .ya-share2__item_service_moimir .social-links--grey .ya-share2__icon, .ya-share2__item_service_twitter .social-links--grey .ya-share2__icon, .ya-share2__item_service_vkontakte .social-links--grey .ya-share2__icon {color: #3f4143 } .form-row__content--divided .input-wr + .input-wr .social-links--grey .input-cont:hover:after, .soc-login, .social-links--grey .avatar__soc:hover, .social-links--grey .blockquote:hover, .social-links--grey .checkbox__view:hover, .social-links--grey .dropdown__head:hover:after, .social-links--grey .form-row__content--divided .input-wr + .input-wr .input-cont:hover:after, .social-links--grey .iconic:hover, .social-links--grey .popup__closer:hover, .social-links--grey .slick-next:hover, .social-links--grey .slick-prev:hover, .social-links--grey .typography blockquote:hover, .social-links--grey .ya-share2__item_service_facebook .ya-share2__icon:hover, .social-links--grey .ya-share2__item_service_gplus .ya-share2__icon:hover, .social-links--grey .ya-share2__item_service_moimir .ya-share2__icon:hover, .social-links--grey .ya-share2__item_service_twitter .ya-share2__icon:hover, .social-links--grey .ya-share2__item_service_vkontakte .ya-share2__icon:hover, .typography .social-links--grey blockquote:hover, .ya-share2__item_service_facebook .social-links--grey .ya-share2__icon:hover, .ya-share2__item_service_gplus .social-links--grey .ya-share2__icon:hover, .ya-share2__item_service_moimir .social-links--grey .ya-share2__icon:hover, .ya-share2__item_service_twitter .social-links--grey .ya-share2__icon:hover, .ya-share2__item_service_vkontakte .social-links--grey .ya-share2__icon:hover {color: #fff } .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 } .soc-share-wr > P {line-height: 20px } @media screen and (max-width:630px) {.soc-share-wr {display: block } } .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 } .ya-share2__counter, .ya-share2__icon {display: inline-block; width: auto !important } .soc-login--vk {background-image: url(../images/vk-login.png) } .soc-login--fb {background-image: url(../images/fb-login.png) } .soc-login--steam {background-image: url(../images/steam-login.png) } .soc-login:active {-webkit-transform: translateY(2px) scale(.99, 1); -ms-transform: translateY(2px) scale(.99, 1); transform: translateY(2px) scale(.99, 1) } .ya-share2 {line-height: 22px } .ya-share2__item {margin: 5px 12px !important } .ya-share2__icon {vertical-align: middle !important; height: auto !important } .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 } .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 } .ya-share2__badge {background-color: transparent !important; line-height: 22px !important } .ya-share2__item_service_vkontakte .ya-share2__icon {background-image: none !important; color: #3395c7; font-size: 14px } .ya-share2__item_service_facebook .ya-share2__icon {background-image: none !important; color: #3669a3; font-size: 20px } .ya-share2__item_service_twitter .ya-share2__icon {background-image: none !important; color: #6bc1e9; font-size: 14px } .ya-share2__item_service_moimir .ya-share2__icon {background-image: none !important; color: #2856b3; font-size: 20px } .ya-share2__item_service_gplus .ya-share2__icon {background-image: none !important; color: #db5a50; font-size: 20px } .cats-list { border-left: 1px solid #d5d5d5; margin: 0 0 0 1px;  display: -webkit-flex;  display: flex; -webkit-flex-wrap: wrap;  flex-wrap: wrap } .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 } .cats-list__col:hover {border-color: #94c608; background-color: #94c608; z-index: 1; margin-left: -1px } .cats-list .category {display: block } @media screen and (max-width:630px) {.cats-list__col {width: 50% } } .category {display: inline-block; color: #000; text-transform: none; padding: 20px 20px 30px } .category__ico {height: 94px; line-height: 94px; font-size: 50px } .category__ico .avatar__soc, .category__ico .blockquote, .category__ico .checkbox__view, .category__ico .dropdown__head:after, .category__ico .form-row__content--divided .input-wr + .input-wr .input-cont:after, .category__ico .iconic, .category__ico .popup__closer, .category__ico .slick-next, .category__ico .slick-prev, .category__ico .typography blockquote, .category__ico .ya-share2__item_service_facebook .ya-share2__icon, .category__ico .ya-share2__item_service_gplus .ya-share2__icon, .category__ico .ya-share2__item_service_moimir .ya-share2__icon, .category__ico .ya-share2__item_service_twitter .ya-share2__icon, .category__ico .ya-share2__item_service_vkontakte .ya-share2__icon, .category__ico img, .form-row__content--divided .input-wr + .input-wr .category__ico .input-cont:after, .typography .category__ico blockquote, .ya-share2__item_service_facebook .category__ico .ya-share2__icon, .ya-share2__item_service_gplus .category__ico .ya-share2__icon, .ya-share2__item_service_moimir .category__ico .ya-share2__icon, .ya-share2__item_service_twitter .category__ico .ya-share2__icon, .ya-share2__item_service_vkontakte .category__ico .ya-share2__icon {max-width: 94%; max-height: 100%; display: inline-block; vertical-align: middle } .category__ico .iconic--cat-action {font-size: 1em } .category__ico .iconic--cat-adventure {font-size: 1.85em } .category__ico .iconic--cat-rpg {font-size: 1.5em } .category__ico .iconic--cat-sim {font-size: 1.6em } .category__ico .iconic--cat-strategy {font-size: 1.35em } .category__ico .iconic--cat-mmo {font-size: 1.6em } .category__ico .iconic--cat-arcade {font-size: 1.1em } .category__ico .iconic--cat-sport {font-size: 1.4em } .category__name {font-size: 14px; line-height: normal; text-transform: uppercase; letter-spacing: .6px; margin-top: 12px } @media screen and (max-width:1020px) {.category__ico {font-size: 27px } } @media screen and (max-width:767px) {.category {padding: 15px 15px 20px } } .gameview-cats {margin-top: 5px; font-size: 0 } .gameview-cats__li {position: relative; display: inline-block; vertical-align: top; margin-top: 5px; min-width: 75px; padding: 0 5px; max-width: 50% } .gameview-cats__li:after, .gameview-cats__li:before {content: ""; position: absolute; top: 5px; height: 20px; border-right: 1px solid #ececec } .gameview-cats__li:after {left: 0 } .gameview-cats__li:before {right: -1px } .gameview-cats__li:last-child:before {display: block } .gameview-cats .category {padding: 0; margin: 0 } .gameview-cats .category__ico {height: 34px; line-height: 34px; font-size: 16px } .form-row__content--divided .input-wr + .input-wr .gameview-cats .category__ico .input-cont:after, .gameview-cats .category__ico .avatar__soc, .gameview-cats .category__ico .blockquote, .gameview-cats .category__ico .checkbox__view, .gameview-cats .category__ico .dropdown__head:after, .gameview-cats .category__ico .form-row__content--divided .input-wr + .input-wr .input-cont:after, .gameview-cats .category__ico .iconic, .gameview-cats .category__ico .popup__closer, .gameview-cats .category__ico .slick-next, .gameview-cats .category__ico .slick-prev, .gameview-cats .category__ico .typography blockquote, .gameview-cats .category__ico .ya-share2__item_service_facebook .ya-share2__icon, .gameview-cats .category__ico .ya-share2__item_service_gplus .ya-share2__icon, .gameview-cats .category__ico .ya-share2__item_service_moimir .ya-share2__icon, .gameview-cats .category__ico .ya-share2__item_service_twitter .ya-share2__icon, .gameview-cats .category__ico .ya-share2__item_service_vkontakte .ya-share2__icon, .gameview-cats .category__ico img, .typography .gameview-cats .category__ico blockquote, .ya-share2__item_service_facebook .gameview-cats .category__ico .ya-share2__icon, .ya-share2__item_service_gplus .gameview-cats .category__ico .ya-share2__icon, .ya-share2__item_service_moimir .gameview-cats .category__ico .ya-share2__icon, .ya-share2__item_service_twitter .gameview-cats .category__ico .ya-share2__icon, .ya-share2__item_service_vkontakte .gameview-cats .category__ico .ya-share2__icon {max-width: 100%; display: inline-block; vertical-align: middle } .franchises, .franchises__item { display: -webkit-flex; display: -ms-flexbox } .gameview-cats .category__ico .iconic--cat-action {font-size: 1em } .gameview-cats .category__ico .iconic--cat-adventure {font-size: 1.85em } .gameview-cats .category__ico .iconic--cat-rpg {font-size: 1.5em } .gameview-cats .category__ico .iconic--cat-sim {font-size: 1.6em } .gameview-cats .category__ico .iconic--cat-strategy {font-size: 1.35em } .gameview-cats .category__ico .iconic--cat-mmo {font-size: 1.6em } .gameview-cats .category__ico .iconic--cat-arcade {font-size: 1.1em } .gameview-cats .category__ico .iconic--cat-sport {font-size: 1.4em } .gameview-cats .category__name {font-size: 11px; line-height: 16px; text-transform: none; margin-top: 5px } .franchises {margin: 0 -4px; display: flex; -webkit-flex-wrap: wrap;  flex-wrap: wrap } .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 } .franchises__item .franchise {width: 100% } @media screen and (max-width:860px) {.franchises__item {width: 25% } } @media screen and (max-width:630px) {.franchises__item {width: 33.33333% } } @media screen and (max-width:480px) {.franchises__item {width: 50% } } .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 } .franchise IMG {display: inline-block; vertical-align: middle; width: 90%; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: .4; -webkit-transition: 150ms; transition: 150ms } .franchise:hover {background-color: #94c608 } .franchise:hover IMG {opacity: 1 } .slick-slider {margin-bottom: 0 } .slick-loading .slick-list {background: 0 0 !important } .slick-next, .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 } .slick-next:before, .slick-prev:before {display: none } .slick-next:focus, .slick-prev:focus {color: inherit; background: inherit } .promo-slider__bg, .promo-slider__slide {background-position: center; background-repeat: no-repeat } .slick-next:hover, .slick-prev:hover {opacity: 1; color: #fff } .slick-next:active, .slick-prev:active {opacity: 1; color: #94c608 !important } .slick-dots {padding: 25px 0; font-size: 0; line-height: 9px; position: relative; top: auto; bottom: auto } .slick-dots li {display: inline-block; vertical-align: middle; margin: 0 10px; width: auto; height: auto } .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 } .promo-slider, .promo-slider__slide {height: 500px; position: relative; overflow: hidden } .slick-dots li button:after, .slick-dots li button:before {display: none } .slick-dots li button:hover, .slick-dots li.slick-active button {background-color: #94c608; box-shadow: 0 0 0 1px #fff206 } .promo-slider__slide {background-size: auto 100%; -webkit-transition: opacity .6s !important; transition: opacity .6s !important; opacity: 1 } .promo-slider._animated .promo-slider__slide.slick-active .promo-slider__bg {-ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1) } .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 } .promo-slider .wrapper {height: 100%; position: relative } .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) {.promo-slider__inner {padding-left: 20px; padding-right: 20px } } @media screen and (max-width:630px) {.promo-slider__inner {padding-right: 10px; padding-left: 10px } } .promo-slider__inner--black {color: #000 } .promo-slider__title {margin: 15px 0 3px; font-size: 24px; line-height: 30px; text-transform: uppercase; font-weight: 400; letter-spacing: 2.3px } .promo-slider__price-str {line-height: 30px } .promo-slider__price-str .discount {margin-left: 12px } .promo-slider .steam {margin: 0 0 10px -3px } .promo-slider .slick-prev {left: 50px } .promo-slider .slick-next {right: 50px } .promo-slider .slick-dots {position: absolute; bottom: 0; left: 0; right: 0 } @media screen and (max-width:1500px) {.promo-slider .slick-prev {left: 20px } .promo-slider .slick-next {right: 20px } } @media screen and (max-width:1380px) {.promo-slider .slick-next, .promo-slider .slick-prev {display: none } } @media screen and (max-width:767px) {.promo-slider, .promo-slider__slide {height: 400px } } .reg-sl-block {padding: 35px 0 22px } .reg-sl-block .h4, .reg-sl-block .typography h4, .typography .reg-sl-block h4 {margin-bottom: 16px } .reg-sl-block .slick-dots {padding-top: 20px } .reg-sl-block .slick-arrow {position: absolute; bottom: 100%; right: 4px; top: auto; z-index: 10 } .reg-sl-block .slick-prev {left: auto; margin-right: 40px } @media screen and (max-width:630px) {.reg-sl-block {padding: 25px 0 15px } .reg-sl-block .slick-arrow {display: none } } @media screen and (max-width:480px) {.reg-sl-block .slick-dots {padding: 30px 0 25px } } .discounts-bl {background-color: #1b1b1b; color: #fff } .discounts-bl__slide, .slick-initialized .discounts-bl__slide { display: -webkit-flex;  display: flex } .discounts-bl__col {-webkit-flex-shrink: 0;  flex-shrink: 0;  -webkit-flex-grow: 1;  flex-grow: 1; width: 50% } .discounts-bl__col--half {width: 25% } @media screen and (max-width:860px) {.discounts-bl__col:nth-child(3) {display: none } .discounts-bl__col {width: 63% } .discounts-bl__col--half {width: 37% } } @media screen and (max-width:630px) {.discounts-bl__col {width: 100% } .discounts-bl__col--half {display: none } } .discounts-bl .slick-arrow {color: #fff } .online-sells {position: relative; overflow: hidden; background-color: #fff; padding: 45px 0 50px } .online-sells__track-wr {position: relative; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .online-sells__loadout-cont {position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .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 } .online-sells__track {white-space: nowrap; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .online-sells__track:after, .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) {.online-sells__track:after, .online-sells__track:before {display: none } } .online-sells__track:after {left: 0; background: -webkit-linear-gradient(left, #fff 10%, transparent 100%); background: linear-gradient(to right, #fff 10%, transparent 100%) } .online-sells__track:before {right: 0; background: -webkit-linear-gradient(right, #fff 10%, transparent 100%); background: linear-gradient(to left, #fff 10%, transparent 100%) } .online-sells .h4, .online-sells .typography h4, .typography .online-sells h4 {margin-bottom: 20px } .online-sells .game-label {margin: 0 10px } .gameview-sl .slick-arrow {position: absolute; bottom: 100%; right: 4px; top: auto; z-index: 10; opacity: .4; font-size: 22px } .gameview-sl .slick-arrow:hover {opacity: 1; color: #333 } .gameview-sl .slick-prev {left: auto; margin-right: 30px } .gameview-sl--gallery {white-space: nowrap; position: relative; margin-right: -4px; margin-left: -4px } .gameview-sl--gallery .game-materials {display: inline-block; vertical-align: top; white-space: normal; width: 100%; margin: 0 } .gameview-sl--prods, .gameview-sl--prods-composition {margin-left: -8px; margin-right: -8px; white-space: nowrap; position: relative; margin-top: -7px } .gameview-sl--prods .slick-arrow, .gameview-sl--prods-composition .slick-arrow {margin-bottom: -7px } .gameview-sl--prods .products-list, .gameview-sl--prods-composition .products-list {width: 50%; display: inline-block; vertical-align: top; margin: 0; white-space: normal } .gameview-sl--prods .products-list__item, .gameview-sl--prods-composition .products-list__item {width: 100% !important } @media screen and (max-width:860px) {.gameview-sl--prods .products-list, .gameview-sl--prods-composition .products-list { display: -webkit-flex;  display: flex } .gameview-sl--prods .products-list__item {width: 50% !important } } @media screen and (max-width:630px) {.gameview-sl--prods .products-list__item, .gameview-sl--prods-composition .products-list__item {padding-bottom: 0 } .gameview-sl--prods .prod-preview__desc, .gameview-sl--prods-composition .prod-preview__desc {margin-top: 0 } } @media screen and (max-width:480px) {.gameview-sl--prods, .gameview-sl--prods-composition {margin-left: -4px; margin-right: -4px } } .random-slider {height: 215px; overflow: hidden } .random-slider__item {width: 112px; margin: 16px 0 6px; padding: 0 3px } .random-slider__item-img IMG {display: block } .avatar, .comment .avatar, .comment__main {display: inline-block } .random-slider__item-name {font-size: 13px; line-height: 17px; margin-top: 8px } .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) } .random-slider-current {position: absolute; top: 10px; left: 50%; width: 118px; height: 162px; margin: 0 0 0 -59px; border: 6px solid #94c608 } .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 } .avatar {width: 50px; height: 50px; position: relative } .avatar__img {position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; z-index: 1 } .avatar__img IMG {width: 100% } .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 } .discount-prod__bg, .prod-preview__overlay {z-index: 0; left: 0; background-position: center; background-repeat: no-repeat; background-size: cover } .avatar__soc--vk {background-color: #5a7ca2; font-size: 8px } .avatar__soc--fb {background-color: #2f5e93; font-size: 13px } .avatar__soc--fb:after {position: relative; top: 3px } .comment {text-align: left; padding: 22px 10px 22px 0; font-size: 0 } .comment .avatar {vertical-align: top; margin-right: -50px; margin-top: 5px } .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; } .comment-form, .countdown, .search-prod {white-space: nowrap } .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 } .comment__bot-ui, .comment__date, .comment__ui-link {display: inline-block; vertical-align: top } .comment__date {margin: 4px 0 } .comment__bot-ui {opacity: 0; -webkit-transition: 150ms; transition: 150ms } .comment__ui-link {color: #cacaca; margin: 4px 20px 4px 0; cursor: pointer; -webkit-transition: 150ms; transition: 150ms } .comment__ui-link .avatar__soc, .comment__ui-link .blockquote, .comment__ui-link .checkbox__view, .comment__ui-link .dropdown__head:after, .comment__ui-link .form-row__content--divided .input-wr + .input-wr .input-cont:after, .comment__ui-link .iconic, .comment__ui-link .popup__closer, .comment__ui-link .slick-next, .comment__ui-link .slick-prev, .comment__ui-link .typography blockquote, .comment__ui-link .ya-share2__item_service_facebook .ya-share2__icon, .comment__ui-link .ya-share2__item_service_gplus .ya-share2__icon, .comment__ui-link .ya-share2__item_service_moimir .ya-share2__icon, .comment__ui-link .ya-share2__item_service_twitter .ya-share2__icon, .comment__ui-link .ya-share2__item_service_vkontakte .ya-share2__icon, .form-row__content--divided .input-wr + .input-wr .comment__ui-link .input-cont:after, .typography .comment__ui-link blockquote, .ya-share2__item_service_facebook .comment__ui-link .ya-share2__icon, .ya-share2__item_service_gplus .comment__ui-link .ya-share2__icon, .ya-share2__item_service_moimir .comment__ui-link .ya-share2__icon, .ya-share2__item_service_twitter .comment__ui-link .ya-share2__icon, .ya-share2__item_service_vkontakte .comment__ui-link .ya-share2__icon {color: inherit; margin-left: 8px } .comment__ui-link .iconic--heart {font-size: 10px } .comment__ui-link._active, .comment__ui-link:hover {color: #000 } .comment:hover .comment__bot-ui {opacity: 1 } @media screen and (max-width:767px) {.comment__main {padding-left: 65px } } @media screen and (max-width:630px) {.comment {padding-top: 15px; padding-bottom: 15px } .comment__bot-ui {display: block; opacity: 1 } .comment__bot {display: block } } .comment--in-slide {background-color: #fff; padding: 20px 22px 15px } @media screen and (max-width:630px) {.comment--in-slide {min-height: 80px !important; padding: 10px 10px 15px } .comment--in-slide + .comment--in-slide {display: none } } .comment-form {font-size: 0; background-color: #f4f4f4; padding: 12px; margin-bottom: 5px } .comment-form .avatar {display: inline-block; vertical-align: top; margin-right: -50px } .comment-form__main {display: inline-block; vertical-align: top; padding-left: 65px; width: 100% } .comment-form .btn {margin: 8px 0 0 3px } .no-login {background-color: #f2f2f2; text-align: center; font-size: 18px; color: #646464; line-height: 30px; padding: 15px 20px; margin: 2px 0 32px } .comms-list__comm-wr {border-top: 1px solid #f4f4f4 } .comms-list__comm-wr:first-child {border-top: 0 } .comms-list__comm-wr .comms-list__comm-wr .comment {padding-left: 55px } @media screen and (max-width:630px) {.comms-list__comm-wr .comms-list__comm-wr .comment {padding-left: 12px } } .comms-list__comm-wr .comms-list__comm-wr .comms-list__comm-wr .comment {padding-left: 110px } @media screen and (max-width:630px) {.comms-list__comm-wr .comms-list__comm-wr .comms-list__comm-wr .comment {padding-left: 24px } } .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) {.comms-list__comm-wr .comms-list__comm-wr .comms-list__comm-wr .comms-list__comm-wr .comment {padding-left: 36px } } .products-wr {padding: 10px 0 20px } .products-wr__tab {display: none } .products-wr__tab._active {display: block } .products-wr__btn-more {margin: 25px auto; display: table } .products-list {margin-left: -8px; margin-right: -8px;  display: -webkit-flex;  display: flex; -webkit-flex-wrap: wrap;  flex-wrap: wrap } .products-list + .btn {margin-top: 25px } .products-list__item {width: 20%; padding: 8px } .products-list__item-dlc {width: 25%; padding: 8px } @media screen and (max-width:1168px) {.products-list__item, .products-list__item-dlc {width: 25% } } @media screen and (max-width:860px) {.products-list__item, .products-list__item-dlc {width: 33.33333% } } @media screen and (max-width:630px) {.products-list__item, .products-list__item-dlc {width: 50% } } .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) } .prod-preview__overlay {padding-bottom:100%;position:absolute;right:0;bottom:0;top:0;background-size:contain;background-position:center;background-repeat:no-repeat} .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 } .prod-preview__init-gr {position: absolute; bottom: 5%; left: 0; right: 0; -webkit-transition: .3s; transition: .3s } .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 } .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 } .prod-preview__title {font-size: 15px; font-weight: 400 } .prod-preview__genre {text-transform: uppercase; color: #939393; font-size: 10px } .prod-preview__genre span {color: #94c608 } @media screen and (min-width:480px) {.prod-preview:hover .prod-preview__overlay:after {opacity: .8 } .prod-preview:hover .prod-preview__init-gr {-webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px) } .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 } .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) {.products-list {margin-left: -4px; margin-right: -4px} .products-list__item {padding-left: 4px; padding-right: 4px } .prod-preview {padding-bottom: 0 } .prod-preview .prod-preview__overlay {display: block; position: relative } .prod-preview .prod-preview__overlay:after, .prod-preview .prod-preview__price-btn {display: none } .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 } .prod-preview .prod-preview__title {font-size: 13px; line-height: 16px } } .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) } .prod-anim-cont .prod-preview._animated {-webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1; visibility: visible } .discount-prod {display: block; width: 100%; position: relative; overflow: hidden; height: 350px } .discount-prod__bg {position: absolute; top: 0; right: 0; bottom: 0; -webkit-transition: .4s; transition: .4s } .discount-prod__bottom {padding: 10px 25px 17px; color: #fff; position: absolute; bottom: 0; left: 0; right: 0; text-align: left } .discount-prod__title {font-weight: 400; font-size: 14px } .discount-prod .discount {position: absolute; top: 14px; left: 20px; font-size: 18px } .close, .gl-item, .popup, .search-prod__img {position: relative } .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) } .discount-prod--half {height: 175px } .discount-prod--half .discount {top: 9px; left: 12px } .discount-prod--half .discount-prod__bottom {padding: 10px 19px 12px } @media screen and (max-width:630px) {.discount-prod {height: auto; padding-bottom: 68%; min-height: 220px } } .search-prod {padding: 5px 20px; display: block; -webkit-transition: 150ms; transition: 150ms; color: inherit } .search-prod__img-wr, .search-prod__main {display: inline-block; vertical-align: top } .search-prod__img-wr {width: 50px; margin-right: -50px } .search-prod__img {padding-bottom: 100%; background-position: center; background-repeat: no-repeat; background-size: cover } .search-prod__main {padding: 2px 0 0 59px; width: 100% } .search-prod__name {font-size: 15px; line-height: 22px } .search-prod__genre {text-transform: uppercase; color: #939393; font-size: 12px; overflow: hidden; text-overflow: ellipsis; } .search-prod__genre SPAN {color: #94c608 } .lk-menu {padding: 13px 0; background: #f1f1f1 } .lk-menu__nav {float: left; margin-left: -12px } .lk-menu__logout {float: right } @media screen and (max-width:1020px) {.lk-menu__logout {margin-right: -7px } } @media screen and (max-width:630px) {.lk-menu__nav {margin-left: -4px } .lk-menu__logout {margin-right: 0 } } .lk-nav LI {float: left; margin-right: 8px } .lk-nav LI.active A, .lk-nav LI.active A:hover {background: #fff } @media screen and (max-width:630px) {.lk-nav LI {float: none; display: block; margin: 0 0 5px } } .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 } .lk-nav LI A:hover {background-color: rgba(255, 255, 255, .75) } .popup {margin: 10px auto; background-color: #fff; border-radius: 5px; max-width: 100%; width: 600px; padding: 25px 20px 35px; display: none } .mfp-container .popup {display: block } .popup__title {margin-bottom: 10px } .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 } .popup__closer:hover {color: #000 } .popup__closer:active {top: 5px; -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9) } .popup--s {width: 450px } .popup--sm {width: 350px } .popup--key {text-align: center } .popup--key .popup__title {margin-bottom: 25px } .breadcrumbs {padding: 14px 0; font-size: 12px; line-height: 16px } .breadcrumbs__li {display: inline-block; vertical-align: top; margin: 5px 8px 5px 0 } .breadcrumbs__li + .breadcrumbs__li:before {content: "—"; margin-right: 8px } .breadcrumbs__li h1, .breadcrumbs__li h2, .breadcrumbs__li h3 {font-weight: inherit; font-size: inherit; line-height: inherit; display: inline } .breadcrumbs + .main-wr {padding-top: 0 } @media screen and (max-width:767px) {.breadcrumbs {padding: 10px 0 } } .hide-bl__hidden {display: none } .hide-bl .btn {margin-top: 25px } .hide-bl._active .hide-bl__hidden {display: block } .countdown__divider, .countdown__item {white-space: normal; display: inline-block; vertical-align: top } .countdown__item {min-width: 42px } .countdown__value {display: block } .countdown__divider {margin: 0 3px } .countdown__divider, .countdown__value {font-weight: 700; font-size: 35px; line-height: 30px } .countdown .h3, .countdown .typography h3, .typography .countdown h3 {font-weight: 700; margin: 5px 0 } .tabs__tab {display: none } .tabs__tab._active {display: block } .tabs--game-view .oblique-btns {padding-top: 0; text-align: left; margin-left: -2px; margin-right: -2px } .tabs--game-view .oblique-btns__btn-wr {margin-left: 2px; margin-right: 2px } .tabs--game-view .oblique-btns__btn-wr:before {display: none } .tabs__tab--game-desc {font-size: 13px; line-height: 22px } .fade {opacity: 0; -webkit-transition: opacity .15s linear; transition: opacity .15s linear } .fade.in {opacity: 1 } .page-index, .page-lk {background-color: #fff } .promo-luck-wr {text-align: center; padding: 45px 0 30px } .promo-luck-wr__title {margin-bottom: 20px } .promo-luck-wr__title .ico {display: block; margin: 0 auto 2px } @media screen and (max-width:767px) {.promo-luck-wr {padding: 35px 0 15px } } .get-luck-cont { display: -webkit-flex;  display: flex } .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) {.get-luck-cont .gl-item .gl-item__b-face {padding-top: 15px } .get-luck-cont .gl-item .gl-item__bf-desc {padding: 0 10px } .get-luck-cont .gl-item .btn {font-size: 13px; width: 212px; margin-left: -106px; bottom: 20px } } .get-luck-cont .slick-list {width: 100% } .get-luck-cont .slick-dots {padding-bottom: 10px } @media screen and (min-width:767px) {.get-luck-cont .slick-track {left: 0 !important } } @media screen and (max-width:767px) {.get-luck-cont {display: block } } .gl-item, .gl-item__f-face { display: -webkit-flex; display: -ms-flexbox } .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 } .gl-item__b-face, .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 } .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 } .gl-item__f-face .h4, .gl-item__f-face .typography h4, .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 } .gl-item__ff-img { -webkit-flex-grow: 1;  flex-grow: 1; padding: 0 15px;  display: -webkit-flex;  display: flex; max-height: 100% } .gl-item__ff-img IMG {max-height: 100%; margin-left: auto; margin-right: auto } .gl-item__b-face {background: #94c608; padding: 23px 20px 85px; min-height: 305px; text-align: left; position: relative; z-index: 1; -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } .gl-item__b-face > .link {display: table; margin-left: auto; margin-right: auto } .gl-item__b-face .btn {position: absolute; left: 50%; bottom: 27px; margin-left: -117px; width: 234px } .game-gall, .gameposter {position: relative } .gl-item__bf-desc {padding: 0 20px; line-height: 22px; margin-bottom: 10px } .gl-item:hover .gl-item__f-face {-webkit-transform: rotateY(-180deg); transform: rotateY(-180deg) } .gl-item:hover .gl-item__b-face {-webkit-transform: rotateY(0); transform: rotateY(0) } .promo-products .oblique-btns {padding-bottom: 8px } @media screen and (max-width:480px) {.promo-products .oblique-btns {padding-bottom: 0 } } .promo-cats {padding: 10px 0 55px } @media screen and (max-width:630px) {.promo-cats {padding: 5px 0 35px } .promo-cats .oblique-btns { padding: 10px 5px 5px 5px; } } .promo-comms {background-color: #f6f6f6 } .promo-comms__slider {margin-left: -6px; margin-right: -6px } .promo-comms__slide {padding: 0 6px } .promo-comms__slide-inner { display: -webkit-flex;  display: flex; -webkit-flex-direction: column;  flex-direction: column } .promo-comms .comment + .comment {margin-top: 12px } .promo-comms .slick-next:hover, .promo-comms .slick-prev:hover {color: #000 } .gameposter > IMG {display: block; width: 100% } .gamecols, .gamedeal__buy { display: -webkit-flex; display: -ms-flexbox } .gameposter .discount {position: absolute; top: 7px; left: 8px } .gamecols {display: flex } .gamecols__img, .gamecols__info {-webkit-flex-shrink: 0;  flex-shrink: 0; background-color: #fff } .gamecols__img {max-width: 40%; padding: 20px 25px 5px } .gamecols__info { -webkit-flex-grow: 1;  flex-grow: 1; -webkit-flex-shrink: 1;  flex-shrink: 1; margin-left: 4px; padding: 20px 35px 0 } .gamecols .params-cols {max-width: 550px; margin-bottom: 0 } .gamecols .gamedeal {border-top: 1px solid #ececec; margin-top: 28px } .gamecols .soc-share-wr {padding: 25px 0; border-top: 1px solid #ececec } @media screen and (max-width:1020px) {.gamecols {margin-left: -20px; margin-right: -20px } .gamecols__img, .gamecols__info {padding-left: 20px; padding-right: 20px } .gamecols .gamedeal {margin-top: 15px } .gamecols .gameview-cats {margin-top: 0 } .gamecols .soc-share-wr {padding: 14px 0 } } @media screen and (max-width:630px) {.gamecols {margin-left: -10px; margin-right: -10px; display: block } .gamecols__img {max-width: none; padding: 10px 10px 0 } .gamecols .gameposter, .gamecols .gameview-cats {max-width: 400px; margin-left: auto; margin-right: auto } .gamecols__info {padding-top: 23px; padding-left: 10px; padding-right: 10px; margin: 5px 0 0 } .gamecols__info .params-cols {margin-left: 12px } .gamecols__info .params-cols__param {width: 44% } .gamecols__info .params-cols__content {width: 56% } .gamecols .soc-share-wr {padding: 14px 0 25px 12px } .gamecols .social-share {margin-top: 3px; margin-left: -12px } } .gamedeal {padding: 34px 30px 34px 0 } .gamedeal__right-col {width: 200px; text-align: center; -webkit-flex-shrink: 0;  flex-shrink: 0 } .gamedeal__buy {display: flex;  -webkit-justify-content: space-between;  justify-content: space-between;  -webkit-align-items: center;  align-items: center } .gamedeal__buy .price-wr {padding-right: 20px } .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 } .gamedeal__additional .ul-arrows {margin: 3px 0 } .gamedeal__additional .ico-link {font-size: 13px } .gamedeal .price-wr__discount {margin-top: -10px } @media screen and (max-width:1020px) {.gamedeal {padding: 13px 0 15px; margin-top: 0 } .gamedeal .price-wr__discount {margin-top: 0; margin-bottom: -4px } .gamedeal .soc-share-wr {padding: 12px 0 } } @media screen and (max-width:860px) {.gamedeal .price-wr__discount {margin-right: 10px; margin-bottom: 0; float: left } .gamedeal .price-wr__last-price {margin-left: 0 } .gamedeal .price-wr .price, .gamedeal .price-wr__last-price {float: none; display: block; top: 0 } } @media screen and (max-width:630px) {.gamedeal {padding: 22px 0 22px 12px } .gamedeal__buy { -webkit-align-items: flex-start;  align-items: flex-start } .gamedeal__additional {padding-top: 20px } } @media screen and (max-width:480px) {.gamedeal__additional {display: block } .gamedeal__additional .gamedeal__right-col {text-align: left; margin-top: 20px } .gamedeal__right-col {width: auto } .gamedeal__right-col .btn--lg {padding: 9px 18px } .gamedeal__right-col .btn--lg .ico--cart-w {width: 21px; height: 20px; margin: 0 7px 0 -3px } } .game-view-section {background-color: #fff; margin: 15px 0;  display: -webkit-flex;  display: flex;  -webkit-align-items: flex-start;  align-items: flex-start } .game-view-section:last-child {margin-bottom: 0 } .game-view-section, .game-view-section__main-col, .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 } .game-view-section__main-col, .game-view-section__side-col {padding-top: 20px; padding-right: 15px; padding-bottom: 35px } .game-view-section__main-col {width: 62% } .game-view-section__main-col .tabs {margin-top: -10px } .game-view-section__side-col {width: 38% } .game-view-section__side-col .h4, .game-view-section__side-col .typography h4, .typography .game-view-section__side-col h4 {padding-right: 70px } .game-view-section__side-col .get-luck-box {margin: 3px 0 } .game-view-section--tabs__main-col, .game-view-section--tabs__side-col {padding-top: 35px } .game-view-section .tabs__controlls {margin-left: -10px; margin-right: -10px } @media screen and (max-width:1020px) {.game-view-section {margin-left: -20px; margin-right: -20px } } @media screen and (max-width:860px) {.game-view-section {padding: 0; display: block; background-color: transparent } .game-view-section__main-col, .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) {.game-view-section {margin-left: -10px; margin-right: -10px } .game-view-section .h4, .game-view-section .typography h4, .typography .game-view-section h4 {font-size: 15px } .game-view-section__main-col, .game-view-section__side-col {padding-left: 10px; padding-right: 10px } .game-view-section__side-col {padding-bottom: 20px } .game-view-section__main-col {padding-bottom: 25px } .game-view-section .tabs {margin-top: 0 } .game-view-section .tabs__controlls {text-align: center; padding-bottom: 15px; margin-left: 5px; margin-right: 0 } .game-view-section .tabs__tab {padding-left: 12px } .game-view-section .tabs__tab > :last-child {margin-bottom: 0 } .game-view-section .tabs__tab .btn--more {margin-left: -12px; width: auto } .game-view-section .get-luck-box {margin: 15px 0 0 } } .game-edition-composition {width: 100%; padding: 20px 11px; } .game-edition-composition .h4 {margin-right: 100px; } .game-edition-composition .products-list {flex-wrap: nowrap; -webkit-flex-wrap: nowrap;  overflow: hidden; } .game-edition-composition .products-list__item {padding-bottom: 0; } .game-edition-composition .products-list__slider-buttons {position: relative; } .game-edition-composition .slick-arrow {position: absolute; bottom: 100%; right: 20px; top: auto; z-index: 10; } .game-edition-composition .slick-arrow:hover {color: #000; } .game-edition-composition .slick-prev {left: auto; margin-right: 40px; } @media screen and (max-width: 860px) {.game-edition-composition {margin: 10px 0; padding-left: 20px; padding-right: 20px; background-color: #fff; } } .game-edition-composition .products-list__item {min-width: 16.66667%; } @media screen and (max-width: 1168px) {.game-edition-composition .products-list__item {min-width: 25%; } } @media screen and (max-width: 860px) {.game-edition-composition .products-list__item {min-width: 33.33333%; } } @media screen and (max-width: 630px) {.game-edition-composition .products-list__item {min-width: 50%; } } .game-materials {margin-left: -4px; margin-right: -4px; font-size: 0 } .game-materials__sm-gr { display: -webkit-flex;  display: flex; -webkit-flex-wrap: wrap;  flex-wrap: wrap } .game-materials__sm-gr .game-materials__li {width: 50% } .game-materials__sm-gr .game-gall .ico--play {width: 30px; height: 30px; margin: -15px 0 0 -15px } .game-materials__li {padding: 0 4px 8px } @media screen and (min-width:631px) and (max-width:860px) {.game-materials {display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important } .game-materials__sm-gr {width: 50%;  -webkit-flex-grow: 1;  flex-grow: 1 } .game-materials__li--heading {width: 50%; -webkit-flex-shrink: 0;  flex-shrink: 0;  display: -webkit-flex;  display: flex } .game-materials__li--heading .game-gall {width: 100% } } .game-gall {overflow: hidden; display: block; padding-bottom: 52%; background-position: center; background-repeat: no-repeat; background-size: cover } .game-gall IMG {display: none } .game-gall .ico--play {position: absolute; top: 50%; left: 50%; margin: -22px 0 0 -22px; -webkit-transition: 150ms; transition: 150ms } .game-gall:hover .ico--play {opacity: .5 } .get-luck-sm-wr {margin-top: 16px } .get-luck-sm { display: -webkit-flex;  display: flex; background-color: #f6f6f6 } .get-luck-sm__item {width: 100% / 3; -webkit-flex-shrink: 0;  flex-shrink: 0;  -webkit-flex-grow: 1;  flex-grow: 1; display: block } .get-luck-sm__item-inner {display: block; padding-bottom: 100%; position: relative } .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 } .get-luck-sm__item-inner A:hover {background-color: #e9e9e9 } .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) {.get-luck-sm__item-inner A {padding: 15px 5px } } @media screen and (max-width:767px) {.get-luck-sm__item-inner A {padding: 25px 10px } } @media screen and (max-width:480px) {.get-luck-sm__item-inner A {width: 100%; padding: 15px 10px } .get-luck-sm {margin-left: -10px; margin-right: -10px } } .get-luck-box {display: block; text-align: center; color: #000; -webkit-transition: 150ms; transition: 150ms; cursor: pointer } .get-luck-box__top {background-color: #94c608; color: #000; font-size: 20px; font-weight: 700; line-height: 22px; padding: 30px 0 15px; -webkit-transition: 150ms; transition: 150ms } .get-luck-box__top .ico {height: 108px; width: 150px } .get-luck-box__bottom {background-color: #1b1b1b; font-size: 14px; line-height: 20px; text-transform: uppercase; color: #fff; padding: 11px } .get-luck-box:hover .get-luck-box__top {background-color: #ffd23b } .get-luck-box:active {-webkit-transform: translateY(4px); -ms-transform: translateY(4px); transform: translateY(4px) } .release-cd { display: -webkit-flex;  display: flex; text-align: center; position: relative; overflow: hidden; margin-bottom: 15px } .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 } .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 } .release-cd__txt-inner {display: block; position: relative; z-index: 1 } @media screen and (max-width:860px) {.release-cd__txt-inner {text-align: left } } .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: #94c608;  display: -webkit-flex;  display: flex;  -webkit-align-items: center;  align-items: center;  -webkit-justify-content: center;  justify-content: center } .random-cols, .sorting {-webkit-box-pack: justify } @media screen and (max-width:1020px) {.release-cd {margin-left: -20px; margin-right: -20px } } @media screen and (max-width:767px) {.release-cd {display: block } .release-cd__time {width: auto; min-width: 0 } .release-cd__txt {padding-left: 20px; padding-right: 20px } .release-cd__txt-inner {text-align: center } } @media screen and (max-width:630px) {.release-cd {margin-left: -10px; margin-right: -10px } } @media screen and (max-width:480px) {.release-cd__txt {line-height: 40px; padding: 12px 20px } .release-cd__txt-inner {font-size: 14px; line-height: 20px; display: inline-block; vertical-align: middle } .release-cd__time {padding: 10px 15px 7px } .filter__param-cont:nth-child(2n) .dropdown__cont {left: auto; right: 0 } } .page-catalog {background-color: #fff } .filter {background-color: #f2f2f2; padding-top: 6px; padding-bottom: 6px; top: -60px; -webkit-transition: top .6s, -webkit-transform .6s; transition: top .6s, transform .6s } .filter__inner-wr {margin-left: -8px; margin-right: -8px; font-size: 0 } .filter__param-cont {padding: 6px 8px; min-height: 35px; width: 25%; display: inline-block; vertical-align: middle; font-size: 14px; line-height: 20px } .filter__param-cont .range-ui-wr {margin: 8px 15px 0 0 } .filter__param-cont .dropdown__cont {min-width: 200px } @media screen and (max-width:767px) {.filter__param-cont {width: 50% } .filter__param-cont .range-ui-wr {margin: 5px 12px 0 7px } } BODY._filter-fix .filter {position: fixed; z-index: 99; top: 55px; left: 0; right: 0 } @media screen and (max-width:1020px) {BODY._filter-fix .filter {top: 72px } } @media (max-width:630px), (max-height:600px) {BODY._filter-fix .filter {-webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%) } BODY._filter-fix._scrolling-up .filter {-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .sorting { display: -webkit-flex;  display: flex; -webkit-justify-content: space-between;  justify-content: space-between; margin: 40px auto 5px } .sorting__main { -webkit-flex-grow: 1;  flex-grow: 1 } .sorting__searched {font-size: 18px; line-height: 30px; font-weight: 700 } .sorting__ui {-webkit-flex-shrink: 0;  flex-shrink: 0; line-height: 20px } .sorting__ui-txt {color: #8a8a8a; white-space: normal; display: inline-block; vertical-align: middle; margin-right: 3px } .cart-table__data, .cart-table__th, .steps-block__item-out .link {white-space: nowrap } @media screen and (max-width:767px) {.sorting {margin-top: 25px; display: block } .sorting__searched {margin-bottom: 10px } } @media screen and (max-width:480px) {BODY._filter-fix .filter {top: 57px } .sorting__ui-txt {display: block; margin-bottom: 5px } } .catalog {margin: 5px 0 80px } .catalog__empty {font-weight: 700; padding: 50px 10px; font-size: 24px; line-height: 30px; text-align: center; display: none } .catalog._empty .catalog__empty {display: block } .catalog._empty .products-wr__btn-more, .catalog._no-more-items .products-wr__btn-more {display: none } @media screen and (max-width:767px) {.catalog {margin-bottom: 50px } } .garantee-title {max-width: 700px; margin: 15px auto 0; padding: 25px 0; position: relative; text-align: center; text-transform: uppercase } .garantee-title:before {content: ""; width: 75px; height: 4px; background: #94c608; position: absolute; top: -4px; left: 50%; margin-left: -37px } .garantee-imgcols { display: -webkit-flex;  display: flex; -webkit-flex-flow: row wrap;  flex-flow: row wrap } .garantee-imgcols__item {width: 27.3333%; margin: 0 3% 65px } @media screen and (max-width:860px) {.garantee-imgcols__item {width: 100%; margin: 0 0 35px } } .garantee-imgcols__text {margin-bottom: 12px } @media screen and (max-width:860px) {.garantee-imgcols__text {max-width: 450px; text-align: center; margin: 0 auto 12px } } .garantee-img {display: block; text-align: center; margin: 0 auto 32px; height: 120px } .garantee-img > span {display: block; text-transform: uppercase } .garantee-textcols, .how2buy-step { display: -webkit-flex; display: -ms-flexbox } .garantee-img1 {background: url(../images/svg/garantee-bg1.svg) 50% 50% no-repeat; width: 190px; padding-top: 21px } .garantee-img1__text1 {font: 16px / 12px Play, sans-serif; margin-right: 70px } .garantee-img1__text2 {font: 700 55px / 55px Play, sans-serif } .garantee-img1__text3 {font: 700 16px / 16px Play, sans-serif; margin-left: 70px } .garantee-img2 {background: url(../images/svg/garantee-bg2.svg) 50% 50% no-repeat; width: 150px; padding-top: 20px; text-align: left } .garantee-img2__text1 {font: 16px / 16px Play, sans-serif; margin-bottom: 5px } .garantee-img2__text2 {font-size: 48px; line-height: 48px; margin-bottom: 5px } .garantee-img2__text3 {font: 700 24px / 24px Play, sans-serif; margin-left: 40px } .garantee-img3 {background: url(../images/svg/garantee-bg3.svg) 50% 50% no-repeat; width: 215px; padding-top: 32px; padding-right: 28px } .garantee-img3__text1 {font: 16px / 16px Play, sans-serif; margin-right: 5px } .garantee-img3__text2 {font: 700 33px / 38px Play, sans-serif; margin-bottom: 5px } .garantee-img3__text3 {font: 12px / 12px Play, sans-serif } .garantee-textcols {display: flex; -webkit-flex-flow: row wrap;  flex-flow: row wrap } .garantee-textcols__item {width: 44%; margin: 0 3% 35px } @media screen and (max-width:630px) {.garantee-textcols__item {width: 100%; margin: 0 0 25px } } .how2buy {margin-left: 0; padding-right: 0; list-style-type: none; margin-top: 30px } .how2buy__item {counter-increment: step-counter; display: block; margin-bottom: 35px; position: relative; padding-left: 60px } @media screen and (max-width:630px) {.how2buy__item {padding-left: 40px } } .how2buy__item:before {content: counter(step-counter); display: inline-block; position: absolute; left: 0; top: 5px; width: 27px; height: 27px; text-align: center; background: #94c608; font: 15px / 27px Play, sans-serif; border-radius: 50% } .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 } .how2buy-step__info {padding-top: 9px; width: 50%; margin-right: 5% } @media screen and (max-width:960px) {.how2buy-step__info {margin-right: 10% } } @media screen and (max-width:767px) {.how2buy-step {-webkit-flex-flow: row wrap;  flex-flow: row wrap } .how2buy-step__info {margin-right: 0; width: 100% } } .how2buy-step__info .h5, .how2buy-step__info .typography h5, .typography .how2buy-step__info h5 {text-transform: uppercase } .how2buy-step__info P {margin-bottom: 15px } .how2buy-step__img {width: 45% } .how2buy-step__img IMG {max-width: 100%; border: 1px solid #ccc } @media screen and (max-width:767px) {.how2buy-step__img {width: 100%; margin-top: 10px } } .payment-title {margin: 30px 0 20px } .payment-title .h4, .payment-title .typography h4, .typography .payment-title h4 {font-weight: 400 } .payment-title .h4 .icon, .payment-title .typography h4 .icon, .typography .payment-title h4 .icon {margin: 0 5px 5px 0 } .payment-types { display: -webkit-flex;  display: flex; -webkit-flex-flow: row wrap;  flex-flow: row wrap; margin-left: -2.5px; margin-right: -2.5px } .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 #94c608; -webkit-transition: all 150ms linear; transition: all 150ms linear } .payment-types__item INPUT {display: none } .steps-block .payment-types__item {width: 50%; cursor: pointer; padding: 0 5px; box-shadow: inset 0 0 0 0 #94c608; -webkit-transition: all 150ms linear; transition: all 150ms linear } @media screen and (max-width:480px) {.steps-block .payment-types__item {width: 100% } } .payment-types__item._checked, .payment-types__item:hover {box-shadow: inset 0 0 0 5px #94c608 } @media screen and (max-width:860px) {.payment-types__item {width: 49.5% } } .payment-types__item-img {height: 62px; line-height: 62px; margin: 25px 0 10px } .payment-types__item .h5, .payment-types__item .typography h5, .typography .payment-types__item h5 {font-weight: 400; margin: 0 0 5px; color: #000 } .payment-types__item-text {font: 12px / 16px Play, sans-serif; color: #939393; letter-spacing: 2px } .bonus-card {margin: 35px 0 65px; text-align: center } @media screen and (max-width:480px) {.payment-types__item {width: 100% } .bonus-card {margin: 25px 0 35px } } .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) } .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 } .bonus-cols__item {width: 30%; padding-top: 45px; position: relative } @media screen and (max-width:860px) {.bonus-cols__item {width: 100%; padding-top: 25px; margin-bottom: 40px } } .bonus-cols__item:after {content: ""; width: 75px; height: 9px; display: block; position: absolute; left: 0; top: 0; background: #ffd742 } .bonus-cols__item .h5, .bonus-cols__item .typography h5, .typography .bonus-cols__item h5 {text-transform: uppercase } .random {text-align: center; padding-top: 30px } .random__subtitle {max-width: 860px; margin: 0 auto } .random-cols { display: -webkit-flex;  display: flex; -webkit-justify-content: space-between;  justify-content: space-between; margin: 50px 0 } .random-cols__item {display: block; width: 30%; position: relative } @media screen and (max-width:860px) {.random {padding-top: 0 } .random-cols {display: block; padding: 0 10% } .random-cols__item {width: 100%; margin-bottom: 70px } } @media screen and (max-width:480px) {.random-cols {padding: 0 } .random-cols__item {margin-bottom: 50px } } .random-cols__item-img {display: block; padding-bottom: 100%; position: relative } @media screen and (max-width:860px) {.random-cols__item-img {padding-bottom: 15px } } .random-cols__item-img SPAN {display: block; left: 0; right: 0; top: 0; bottom: 0; position: absolute; padding: 10% } .random-cols__item-img SPAN IMG {max-width: 100%; display: inline-block } @media screen and (max-width:860px) {.random-cols__item-img SPAN {position: static; padding: 0 } .random-cols__item-img SPAN IMG {max-width: 70% } } @media screen and (max-width:480px) {.random-cols__item-img SPAN IMG {max-width: 80% } } .random-cols__item .h4, .random-cols__item .typography h4, .typography .random-cols__item h4 {font-weight: 400; text-transform: uppercase } .random-cols__item-text {color: #797979 } .random-cols__bot {padding-bottom: 75px } @media screen and (max-width:860px) {.random-cols__bot {padding-bottom: 65px } } .random-cols__btn {position: absolute; left: 0; right: 0; bottom: 0; width: 100% } @media screen and (max-width:767px) {.page-buy-steps .main-wr {padding-bottom: 40px } } .buy-steps {max-width: 590px; margin: 0 auto } .buy-steps .h1, .buy-steps .typography h1, .typography .buy-steps h1 {text-align: center; font-weight: 400 } .buy-steps__inner {background: #fff; padding: 50px 30px 0 } .steps._step0 .steps-block__inner {-webkit-transform: translate(33.3333%, 0); -ms-transform: translate(33.3333%, 0); transform: translate(33.3333%, 0) } .steps._step1 .steps-block__inner {-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } .steps._step1 .steps-line__row-clone {width: 40% } .steps._step2 .steps-block__inner {-webkit-transform: translate(-33.3333%, 0); -ms-transform: translate(-33.3333%, 0); transform: translate(-33.3333%, 0) } .steps._step2 .steps-line__row-clone {width: 85% } @media screen and (max-width:630px) {.steps._step2 .steps-line__row-clone {width: 80% } } @media screen and (max-width:480px) {.buy-steps {margin: 0 -10px } .buy-steps__inner {padding: 30px 20px 0 } .steps._step2 .steps-line__row-clone {width: 75% } } .steps._step3 .steps-block__inner {-webkit-transform: translate(-66.6666%, 0); -ms-transform: translate(-66.6666%, 0); transform: translate(-66.6666%, 0) } .steps._step3 .steps-line__row-clone {width: 100% } .steps._step3 .p-active:after {width: 130% } .steps-line {position: relative; height: 100px; padding-bottom: 40px } .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 } .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 } .steps-line__row-clone .steps-line__row {margin-bottom: 0 } .steps-line__item {width: 38px; height: 38px; position: relative; text-align: center } .steps-line__item--1 .s-active:after, .steps-line__item--2 .s-active:after {content: ""; border-width: 6px 7px; border-color: transparent transparent transparent #94c608; border-style: solid; position: absolute; left: 100%; top: 50%; margin-top: -6px } .steps-line__item--2 .s-active:before, .steps-line__item--3 .s-active:before {content: ""; border-width: 6px 7px; border-color: transparent #94c608 transparent transparent; border-style: solid; position: absolute; right: 100%; top: 50%; margin-top: -6px } .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 } .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 } .steps-line__item .s-active {background: #fff; border: 2px solid #94c608; margin-top: 0; width: 38px; height: 38px } .steps-line__item .s-active SPAN {background: #94c608 } .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 } .steps-line__progress {position: absolute; left: 25px; right: 25px; top: 19px; height: 2px; margin-top: -1px; background: #b3bdca; z-index: 1 } .steps-line__progress.p-active {z-index: 2; overflow: hidden } .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, #94c608 70%, #b3bdca 100%); background: linear-gradient(to right, #94c608 70%, #b3bdca 100%) } .steps-block {overflow: hidden; height: 0; margin: 0 -30px } .steps-block__random-hide {display: none } .steps-block__random-slider {margin: 0 -15px 30px; position: relative } .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) {.steps-line__progress.p-active:after {background: -webkit-linear-gradient(left, #94c608 85%, #b3bdca 100%); background: linear-gradient(to right, #94c608 85%, #b3bdca 100%) } .steps-block__inner {-webkit-transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out } } .steps-block__item {text-align: center; width: 33.3333%; padding: 0 30px; float: left } .steps-block__item-col, .steps-block__item-title--left {text-align: left } .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) {.steps-block__item-row {display: block } } .page-404, .page-404 .page-inner { display: -webkit-flex; display: -ms-flexbox } .steps-block__item-col:first-child { -webkit-flex-grow: 2;  flex-grow: 2 } .steps-block__item-col:last-child {padding-left: 15px; -webkit-flex-shrink: 0;  flex-shrink: 0 } @media screen and (max-width:630px) {.steps-block__item-col:last-child {padding: 10px 0 0 } } .steps-block__item-bonus {font: 15px / 19px Play, sans-serif; margin: 4px 0 8px } .steps-block__item .search-prod {padding: 0 5px 0 0; text-align: left } .steps-block__item .search-prod__name {font-weight: 400; max-width: 95%; overflow: hidden; text-overflow: ellipsis } .steps-block__item-title {font: 700 20px / 26px Play, sans-serif; margin-bottom: 15px } .steps-block__item-title + .steps-block__item-btn {margin-top: 30px } .steps-block__item-input {margin-bottom: 30px } .steps-block__item-btn {margin-bottom: 35px } .steps-block__item-out {margin: 30px -30px 0; padding: 25px 30px; border-top: 1px solid #d8d8d8; text-align: center } .steps-block__item-out P {color: #a2a2a2 } .steps-block__item-out P + P {margin-top: 10px } .steps-block__p {margin: 20px 0; color: #a2a2a2 } .steps-block__item-btn + .steps-block__p {margin-top: -15px } .steps-block__soc-login {font-size: 0; margin: -4px -8px } .steps-block__soc-login .soc-login {margin: 4px 8px } .steps-block .payment-types {margin-bottom: 20px } .buy-steps--no-steps .steps-block__item-input {margin-bottom: 15px } .buy-steps--no-steps .buy-steps__inner {padding-top: 30px } .buy-steps--no-steps .btn--orng.btn--xlg {min-width: 260px } .page-404 {min-height: 100%; background-color: #212121; display: flex; -webkit-align-content: stretch;  align-content: stretch } .page-404 .page-inner {width: 100%; display: flex; -webkit-flex-direction: column;  flex-direction: column } .page-404 .page-inner .header {-webkit-flex-shrink: 0;  flex-shrink: 0 } .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 } .page-404 .page-inner .page-body .wrapper { -webkit-flex-grow: 1;  flex-grow: 1 } .p404 {color: #fff; text-align: center; font-family: Pixel, sans-serif; padding: 70px 0 } .character--mario .character__msg, .p404__info-numb {font-family: visitorTT2brk, sans-serif } .p404__visual {border-bottom: 1px solid #a6a6a6; padding-top: 110px } @media (max-width:767px), (max-height:600px) {.p404__visual {display: none } } .p404__info {display: table; margin: 8vh auto; padding: 0 0 0 30px } .p404__info-numb, .p404__info-txt {display: inline-block; vertical-align: middle } .p404__info-numb {width: 220px; margin-right: -220px; color: #2c2c2c; font-size: 150px; line-height: 60px } .p404__info-txt {font-size: 18px; text-align: left; padding-left: 250px } .p404__info-title {color: #94c608; font-weight: 400; font-size: 43px; line-height: 46px; margin-bottom: 6px } @media screen and (max-width:767px) {.p404 {padding: 40px 0 } .p404__info {margin: 0 auto } } @media screen and (min-width:480px) and (max-width:630px) {.p404__info {padding-left: 20px } .p404__info-title {font-size: 22px; line-height: 30px } .p404__info-numb {font-size: 125px; width: 200px; margin-right: -200px } .p404__info-txt {padding-left: 215px } } @media screen and (max-width:480px) {.p404__info {padding: 0 } .p404__info-numb {display: block; margin: 10px auto } .p404__info-txt {padding-left: 0; text-align: center } .p404__info-title {font-size: 28px; line-height: 38px } } .character {position: relative; display: inline-block; vertical-align: bottom; margin: 0 20px } .character__line {position: absolute; bottom: 100%; margin-bottom: 15px; width: 1px; height: 50px; background-color: #a6a6a6 } .character__msg {font-size: 25px; line-height: 30px; position: absolute; bottom: 100% } .character--mshroom .character__line {right: -10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .character--mshroom .character__msg {left: 100%; text-align: left; width: 250px; margin: 0 0 65px -3px } .character--mario .character__line {left: -14px; margin-bottom: -6px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .character--mario .character__msg {right: 100%; text-align: right; margin: 0 2px 62px 0; font-size: 78px } .mshroom {width: 73px; height: 121px; background: url(../images/mushroom.png) center no-repeat; background-size: cover } .mario {width: 85px; height: 169px; background-size: cover; z-index: 1 } .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 } .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) {.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 } } .p404 .character__line, .p404 .character__msg {opacity: 0; visibility: hidden } .p404._animation .character__line, .p404._animation .character__msg, .p404._animation .p404__info {opacity: 1; visibility: visible } .p404 .character--mario .character__msg {-webkit-transform: scale(1, 2); -ms-transform: scale(1, 2); transform: scale(1, 2) } .p404 .character--mario .character__line, .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 } .p404 .character--mshroom .character__line, .p404 .character--mshroom .character__msg {-webkit-transition: .4s 1.5s; transition: .4s 1.5s } .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 } .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 } .p404._animation .p404__info {-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .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) {.page-lk .form-gr {padding-left: 8px; padding-right: 8px } } .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) {.lk-cart__title {padding: 0 0 25px } } .lk-cart__table {margin-top: 25px } @media screen and (max-width:630px) {.lk-cart {padding: 0 8px } } .cart-table {display: table; width: 100%; table-collapse: collapse } .cart-table__row {display: table-row } .cart-table__td, .cart-table__th {display: table-cell; padding: 5px 10px; vertical-align: middle } .cart-table__btn-group {display: flex; display: -webkit-flex;  flex-direction: column; -webkit-flex-direction: column;  } .cart-table__btn-group .btn--cart {margin-bottom: 10px; } .cart-table__btn-group .btn--cart:last-child {margin-bottom: 0; } @media screen and (min-width: 400px) and (max-width: 630px) {.cart-table__btn-group {flex-direction: row; -webkit-flex-direction: row;  } .cart-table__btn-group .btn--cart {margin: 0 10px 0 0; } .cart-table__btn-group .btn--cart:last-child {margin-right: 0; } } @media screen and (min-width: 768px) and (max-width: 860px) {.cart-table__btn-group {flex-direction: row; -webkit-flex-direction: row;  justify-content: center; -webkit-justify-content: center; } .cart-table__btn-group .btn--cart {width: 120px; margin: 0 10px 0 0; } .cart-table__btn-group .btn--cart:last-child {margin-right: 0; } } @media screen and (min-width: 1040px) {.cart-table__btn-group {flex-direction: row; -webkit-flex-direction: row;  justify-content: center; -webkit-justify-content: center; } .cart-table__btn-group .btn--cart {margin: 0 20px 0 0; } .cart-table__btn-group .btn--cart:last-child {margin-right: 0; } } @media screen and (max-width:1020px) {.cart-table__td, .cart-table__th {width: 25% } } .cart-table__td:first-child, .cart-table__th:first-child {padding-left: 0; width: 32%; max-width: 350px } @media screen and (max-width:1020px) {.cart-table__td:first-child, .cart-table__th:first-child {max-width: 300px; min-width: 270px } } .cart-table__td:last-child, .cart-table__th:last-child {padding-right: 0; text-align: center; width: 170px } .cart-table__th {color: #9c9c9c; font: 13px / 17px Play, sans-serif; padding: 10px } .cart-table__data {font: 15px / 19px Play, sans-serif } .cart-table .search-prod {padding: 0 5px 0 0 } .cart-table .search-prod__name {font-weight: 400; max-width: 95%; overflow: hidden; text-overflow: ellipsis } .lk-pay__title {font: 700 20px / 24px Play, sans-serif; padding: 10px 0 25px } @media screen and (max-width:767px) {.lk-pay__title {padding: 0 0 15px } } .lk-pay .payment-types {margin: 30px -2.5px 20px } .lk-pay .payment-types + .lk-pay__title {padding-bottom: 15px } .add-money {line-height: 47px } .add-money__input-gr, .add-money__input-gr input, .add-money__txt {display: inline-block; vertical-align: middle } .add-money__txt {line-height: normal; margin-right: 12px } .add-money__input-gr .input {width: 115px; margin-right: 5px } @media screen and (max-width:400px) {.add-money__txt {display: block; line-height: normal; margin-bottom: 8px } .add-money__input-gr {display: block } } .history-table {display: table; width: 100%; table-collapse: collapse } @media screen and (max-width:630px) {.add-money, .history-table, .lk-pay__title {padding-left: 8px; padding-right: 8px } } .history-table__row {display: table-row } .history-table__td, .history-table__th {display: table-cell; padding: 5px 10px; vertical-align: middle } .history-table__td:first-child, .history-table__th:first-child {padding-left: 0; width: 100px } .history-table__td:nth-child(2), .history-table__th:nth-child(2) {text-align: right; width: 100px } .history-table__td:last-child, .history-table__th:last-child {padding-left: 70px } .history-table__th {color: #9c9c9c; font: 13px / 17px Play, sans-serif; padding: 10px } .history-table__data {font: 15px / 19px Play, sans-serif } @media screen and (max-width:860px) {.cart-table {display: block } .cart-table__row {display: block; padding-bottom: 10px; position: relative } .cart-table__row:after {display: table; clear: both; content: ""} .cart-table__row:first-child, .cart-table__th {display: none } .cart-table__td {display: block; font: 13px / 17px Play, sans-serif; padding: 0 240px 0 42%; width: 100%; margin-bottom: 5px } .cart-table__td:first-child {float: left; padding: 0; margin-bottom: 0; width: auto; font: 15px / 20px Play, sans-serif } .cart-table__td:first-child:before {display: none } .cart-table__td:last-child {position: absolute; right: 35px; top: 15px; padding: 0; margin-bottom: 0 } .cart-table__td:before {content: attr(data-title); display: inline-block; color: #9c9c9c } } @media screen and (max-width:767px) {.cart-table:after {display: table; clear: both; content: ""} .cart-table__row {padding-bottom: 25px; float: left; width: 50% } .cart-table__row:nth-child(even) {clear: left } .cart-table__td {padding: 0 0 0 62px; width: 100% } .cart-table__td:first-child {float: none; max-width: 95%; padding: 0; margin-bottom: 0; width: auto; font: 15px / 20px Play, sans-serif } .cart-table__td:first-child:before {display: none } .cart-table__td:last-child {position: static; padding: 15px 0 0 62px; width: 100%; text-align: left } } @media screen and (max-width:630px) {.cart-table__row {padding-bottom: 25px; float: none; width: 100% } .cart-table__td:first-child {max-width: 100%; min-width: 0 } .history-table {display: block } .history-table__row {display: block; padding-bottom: 20px; position: relative } .history-table__row:after {display: table; clear: both; content: ""} .history-table__row:first-child, .history-table__th {display: none } .history-table__td {display: block; font: 13px / 17px Play, sans-serif; width: 100% !important; text-align: left !important; padding: 0 0 5px !important } .history-table__td:before {content: attr(data-title); display: inline-block; color: #9c9c9c } } @media screen and (max-width:480px) {.history-table__td:last-child .history-table__data {display: block } } .gamecols .gamedeal__left-col {display: inline-block; width: 38%; } .not-in-sale {width: auto; max-width: 375px; text-align: left; display: inline-block; vertical-align: top; margin-top: -12px; } .not-in-sale .buybutton, .not-in-sale .reviewlink {display: none; } .not-in-sale__text {font-size: 16px; padding-left: 4px; line-height: 1.5em; } .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; } .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; } .not-in-sale__button_cancel {border: 1px solid rgb(222, 222, 222); color: rgb(222, 222, 222); } .not-in-sale__button_cancel:hover {border-color: #f34242; background-color: #f34242; color: #fff; } @media screen and (max-width: 1200px) {.gamecols .gamedeal__left-col {width: 100%; } .not-in-sale {margin-top: 20px; padding-right: 22px; } .not-in-sale__button {min-width: 266px; padding: 5px 20px; } } .panel-success { border-color: #d6e9c6; } .panel-success a{color: #000000;} .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%; } .panel-success>.panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .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) { .text-pc { visibility: hidden; display: none; } } .category-menu-wrap{border-top:1px solid #EEE;margin-bottom:-20px;margin-top:20px;padding-top:10px} .category-menu{margin-bottom:10px} .category-menu a, .category-menu span{font-size:15px} .category-menu a{color:#000;display:inline-block;padding:3px 6px;margin:0 0 10px;background:#f0f0f0;border:1px solid #bababa} .category-sidebar__item{list-style-type:none} .category-sidebar__item > .active {background:#94c608;color:#FFF} .short,.short_footer{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.category-menu a.hidden{display:none}.category-description p{margin-top:10px;font-size:13px;line-height:1.4}.category-menu a,a:hover{text-decoration:none}p{margin-bottom:.1em} .iconaddnews,.iconbezdna,.iconblock,.iconbronya,.iconcars,.iconcategory,.iconcheat,.iconcomment,.icondatapack,.icondecor,.icondownload,.iconeda,.iconfile,.iconflans,.iconforum,.icongirl,.icongolye,.iconguide,.iconhalloween,.iconindustrial,.iconinstrument,.iconkiller,.iconklient,.iconklon,.iconkrasiv,.iconmagia,.iconman,.iconmaps,.iconmobs,.iconmods,.iconnewyar,.iconnewyarmods,.iconnoob,.iconores,.iconpaper,.iconplugin,.iconprikol,.iconprosmotr,.iconraznoe,.iconrealizm,.iconrpg,.iconrpg2,.iconserver,.iconshaders,.iconskins,.iconsmeh,.iconsmex,.iconsuperhero,.icontexture,.icontop,.icontop50,.iconvideo,.iconvoennyi,.iconvoennyi2,.iconvremya,.iconweapon,.iconyoutube,.iconzombie{width:16px;height:16px}.statistics ul.lcol li{margin-bottom:2px;padding:0 15px 0 0}.readNext{float:right;font-weight:700;margin-right:9px;margin-top:-12px}.readNext a:link,.readNext a:visited{text-decoration:none}.readNext a:hover{font-weight:700;text-decoration:underline}.iconaddnews,.iconbezdna,.iconblock,.iconbronya,.iconcars,.iconcategory,.iconcheat,.iconcomment,.icondatapack,.icondecor,.icondownload,.iconeda,.iconfile,.iconflans,.iconforum,.icongirl,.icongolye,.iconguide,.iconhalloween,.iconindustrial,.iconinstrument,.iconkiller,.iconklient,.iconklon,.iconkrasiv,.iconmagia,.iconman,.iconmaps,.iconmobs,.iconmobs2,.iconmods,.iconnewyar,.iconnewyarmods,.iconnoob,.iconores,.iconpaper,.iconplugin,.iconprikol,.iconprosmotr,.iconraznoe,.iconrealizm,.iconrpg,.iconrpg2,.iconserver,.iconshaders,.iconskins,.iconsmeh,.iconsmex,.iconsuperhero,.icontexture,.icontop,.icontop50,.iconvideo,.iconvoennyi,.iconvoennyi2,.iconvremya,.iconweapon,.iconyoutube,.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}.iconaddnews{background-position:-3px 0}.iconbezdna{background-position:-22px 0}.iconblock{background-position:-41px 0}.iconbronya{background-position:-60px 0}.iconcars{background-position:-79px 0}.iconcategory{background-position:-98px 0}.iconcheat{background-position:-117px 0}.iconcomment{background-position:-3px -19px}.icondatapack{background-position:-22px -19px}.icondecor{background-position:-41px -19px}.icondownload{background-position:-60px -19px}.iconeda{background-position:-79px -19px}.iconfile{background-position:-98px -19px}.iconflans{background-position:-117px -19px}.iconforum{background-position:-3px -38px}.icongirl{background-position:-22px -38px}.icongolye{background-position:-41px -38px}.iconguide{background-position:-60px -38px}.iconhalloween{background-position:-79px -38px}.iconindustrial{background-position:-98px -38px}.iconinstrument{background-position:-117px -38px}.iconkiller{background-position:-3px -57px}.iconklient{background-position:-22px -57px}.iconklon{background-position:-41px -57px}.iconkrasiv{background-position:-60px -57px}.iconmagia{background-position:-79px -57px}.iconman{background-position:-98px -57px}.iconmaps{background-position:-117px -57px}.iconmobs{background-position:-3px -76px}.iconmobs2{background-position:-22px -76px;width:16px;height:16px}.iconmods{background-position:-41px -76px}.iconnewyar{background-position:-60px -76px}.iconnewyarmods{background-position:-79px -76px}.iconnoob{background-position:-98px -76px}.iconores{background-position:-117px -76px}.iconpaper{background-position:-3px -95px}.iconplugin{background-position:-22px -95px}.iconprikol{background-position:-41px -95px}.iconprosmotr{background-position:-60px -95px}.iconraznoe{background-position:-79px -95px}.iconrealizm{background-position:-98px -95px}.iconrpg{background-position:-117px -95px}.iconrpg2{background-position:-3px -114px}.iconserver{background-position:-22px -114px}.iconshaders{background-position:-41px -114px}.iconskins{background-position:-60px -114px}.iconsmeh{background-position:-79px -114px}.iconsmex{background-position:-98px -114px}.iconsuperhero{background-position:-117px -114px}.icontexture{background-position:-3px -133px}.icontop{background-position:-22px -133px}.icontop50{background-position:-41px -133px}.iconvideo{background-position:-60px -133px}.iconvoennyi{background-position:-79px -133px}.iconvoennyi2{background-position:-98px -133px}.iconvremya{background-position:-117px -133px}.iconweapon{background-position:-3px -152px}.iconyoutube{background-position:-22px -152px}.iconzombie{background-position:-41px -152px} .navbutcont a,.navbutcont span{color:#000;padding:8px 11px;text-decoration:none;font-size:15px;border-radius:20px}.navbutcont{font-size:26px;margin:auto;text-decoration:none;width:100%;padding:10px}.navbutcont a{border:1px solid #d2d2d2;background:#fff;border-radius:20px}.navbutcont span{border:2px solid #c2c2c2;background:#eaeaea}.navbutcont a:hover{border-color:#e6e6e6;color:#fff;background:#d0d0d0} .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } ul.ui-form { list-style: none; padding: 0; margin: 0; } ul.ui-form > li { margin-bottom: 20px; } ul.ui-form > li:last-child { margin-bottom: 0; } .form-group { margin-bottom: 20px; } .form-group > label { display: block; margin-bottom: .4em; } .imp:after { content: "*"; margin: 0 0 0 10px; color: #e85319; } @media only screen and (min-width: 601px) { .form-group.combo:after { clear: both; display: table; content: ""; } .form-group.combo > .combo_field { width: 50%; float: left;   box-sizing: border-box; } .form-group.combo > .combo_field:last-child { padding-left: 10px; } .form-group.combo > .combo_field:first-child { padding-right: 10px; } } .form_submit { margin-top: 20px; } .form-sep { border-top: 1px solid #efefef; } .video-block-opt { text-align: center; margin-bottom: 25px; } .sort{padding:0;margin:0}.sort,.sort>li{display:inline}.sort>li{margin:0 0 0 3%}.sort>li a{color:#353535}.sort>li.asc a,.sort>li.desc a{color:#356E10;font-weight:700}.sort>li.asc a:after,.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}.sort>li.asc a:after{background-position:0 -11px} @media (max-width: 640px) { .video-block-opt { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-block-opt iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } .likely{opacity:0;transition:opacity .1s ease-in}.likely *{visibility:hidden}.likely_visible{opacity:1}.likely_visible *{visibility:inherit}.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}.likely,.likely *{display:inline-block}.likely__widget{position:relative;white-space:nowrap}.likely__button,.likely__counter{text-decoration:none;text-rendering:optimizeLegibility;margin:0;outline:0}.likely__button{position:relative;cursor:pointer;user-select:none}.likely__counter{display:none;position:relative}.likely_ready .likely__counter{display:inline-block}.likely_ready .likely__counter_empty{display:none}.likely__button,.likely__counter,.likely__icon,.likely__widget{vertical-align:top}.likely__widget{transition:background .33s ease-out,color .33s ease-out,fill .33s ease-out}.likely__widget:active,.likely__widget:focus,.likely__widget:hover{transition:none;cursor:pointer}@media (hover:none){.likely__widget:active,.likely__widget:focus,.likely__widget:hover{transition:background .33s ease-out,color .33s ease-out,fill .33s ease-out;cursor:unset}}.likely__icon{position:relative;text-align:left}.likely svg{position:absolute}.likely__button,.likely__counter{line-height:inherit;cursor:inherit}.likely__button:empty{display:none}.likely__counter{text-align:center}.likely .likely__widget{color:#000;background:hsla(0,0%,91%,.8)}.likely .likely__counter{background-size:1px 1px;background-repeat:repeat-y;background-image:linear-gradient(90deg,rgba(0,0,0,.2),transparent .5px,transparent)}.likely-light .likely__widget{color:#fff;fill:#fff;background:hsla(0,0%,93%,.16);text-shadow:rgba(0,0,0,.2) 0 0 .33em}.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))}.likely__widget_facebook{fill:#1877f2}.likely__widget_facebook:active,.likely__widget_facebook:focus,.likely__widget_facebook:hover{background:rgba(197,221,251,.8)}@media (hover:none){.likely__widget_facebook:active,.likely__widget_facebook:focus,.likely__widget_facebook:hover{background:hsla(0,0%,91%,.8)}}.likely-light .likely__widget_facebook:active,.likely-light .likely__widget_facebook:focus,.likely-light .likely__widget_facebook:hover{text-shadow:#1877f2 0 0 .25em;background:rgba(24,119,242,.7)}@media (hover:none){.likely-light .likely__widget_facebook:active,.likely-light .likely__widget_facebook:focus,.likely-light .likely__widget_facebook:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}}.likely__widget_linkedin{fill:#0a66c2}.likely__widget_linkedin:active,.likely__widget_linkedin:focus,.likely__widget_linkedin:hover{background:rgba(193,216,239,.8)}@media (hover:none){.likely__widget_linkedin:active,.likely__widget_linkedin:focus,.likely__widget_linkedin:hover{background:hsla(0,0%,91%,.8)}}.likely-light .likely__widget_linkedin:active,.likely-light .likely__widget_linkedin:focus,.likely-light .likely__widget_linkedin:hover{text-shadow:#0a66c2 0 0 .25em;background:rgba(10,102,194,.7)}@media (hover:none){.likely-light .likely__widget_linkedin:active,.likely-light .likely__widget_linkedin:focus,.likely-light .likely__widget_linkedin:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}}.likely__widget_odnoklassniki{fill:#ee8208}.likely__widget_odnoklassniki:active,.likely__widget_odnoklassniki:focus,.likely__widget_odnoklassniki:hover{background:hsla(32,85%,87%,.8)}@media (hover:none){.likely__widget_odnoklassniki:active,.likely__widget_odnoklassniki:focus,.likely__widget_odnoklassniki:hover{background:hsla(0,0%,91%,.8)}}.likely-light .likely__widget_odnoklassniki:active,.likely-light .likely__widget_odnoklassniki:focus,.likely-light .likely__widget_odnoklassniki:hover{text-shadow:#ee8208 0 0 .25em;background:rgba(238,130,8,.7)}@media (hover:none){.likely-light .likely__widget_odnoklassniki:active,.likely-light .likely__widget_odnoklassniki:focus,.likely-light .likely__widget_odnoklassniki:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}}.likely__widget_pinterest{fill:#e60019}.likely__widget_pinterest:active,.likely__widget_pinterest:focus,.likely__widget_pinterest:hover{background:rgba(248,191,197,.8)}@media (hover:none){.likely__widget_pinterest:active,.likely__widget_pinterest:focus,.likely__widget_pinterest:hover{background:hsla(0,0%,91%,.8)}}.likely-light .likely__widget_pinterest:active,.likely-light .likely__widget_pinterest:focus,.likely-light .likely__widget_pinterest:hover{text-shadow:#e60019 0 0 .25em;background:rgba(230,0,25,.7)}@media (hover:none){.likely-light .likely__widget_pinterest:active,.likely-light .likely__widget_pinterest:focus,.likely-light .likely__widget_pinterest:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}}.likely__widget_reddit{fill:#ff4501}.likely__widget_reddit:active,.likely__widget_reddit:focus,.likely__widget_reddit:hover{background:rgba(255,208,191,.8)}@media (hover:none){.likely__widget_reddit:active,.likely__widget_reddit:focus,.likely__widget_reddit:hover{background:hsla(0,0%,91%,.8)}}.likely-light .likely__widget_reddit:active,.likely-light .likely__widget_reddit:focus,.likely-light .likely__widget_reddit:hover{text-shadow:#ff4501 0 0 .25em;background:rgba(255,69,1,.7)}@media (hover:none){.likely-light .likely__widget_reddit:active,.likely-light .likely__widget_reddit:focus,.likely-light .likely__widget_reddit:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}}.likely__widget_telegram{fill:#35a3dc}.likely__widget_telegram:active,.likely__widget_telegram:focus,.likely__widget_telegram:hover{background:rgba(204,232,246,.8)}@media (hover:none){.likely__widget_telegram:active,.likely__widget_telegram:focus,.likely__widget_telegram:hover{background:hsla(0,0%,91%,.8)}}.likely-light .likely__widget_telegram:active,.likely-light .likely__widget_telegram:focus,.likely-light .likely__widget_telegram:hover{text-shadow:#35a3dc 0 0 .25em;background:rgba(53,163,220,.7)}@media (hover:none){.likely-light .likely__widget_telegram:active,.likely-light .likely__widget_telegram:focus,.likely-light .likely__widget_telegram:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}}.likely__widget_twitter{fill:#1da1f2}.likely__widget_twitter:active,.likely__widget_twitter:focus,.likely__widget_twitter:hover{background:rgba(198,231,251,.8)}@media (hover:none){.likely__widget_twitter:active,.likely__widget_twitter:focus,.likely__widget_twitter:hover{background:hsla(0,0%,91%,.8)}}.likely-light .likely__widget_twitter:active,.likely-light .likely__widget_twitter:focus,.likely-light .likely__widget_twitter:hover{text-shadow:#1da1f2 0 0 .25em;background:rgba(29,161,242,.7)}@media (hover:none){.likely-light .likely__widget_twitter:active,.likely-light .likely__widget_twitter:focus,.likely-light .likely__widget_twitter:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}}.likely__widget_viber{fill:#7360f2}.likely__widget_viber:active,.likely__widget_viber:focus,.likely__widget_viber:hover{background:rgba(220,215,251,.8)}@media (hover:none){.likely__widget_viber:active,.likely__widget_viber:focus,.likely__widget_viber:hover{background:hsla(0,0%,91%,.8)}}.likely-light .likely__widget_viber:active,.likely-light .likely__widget_viber:focus,.likely-light .likely__widget_viber:hover{text-shadow:#7360f2 0 0 .25em;background:rgba(115,96,242,.7)}@media (hover:none){.likely-light .likely__widget_viber:active,.likely-light .likely__widget_viber:focus,.likely-light .likely__widget_viber:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}}.likely__widget_vkontakte{fill:#4680c2}.likely__widget_vkontakte:active,.likely__widget_vkontakte:focus,.likely__widget_vkontakte:hover{background:rgba(208,223,239,.8)}@media (hover:none){.likely__widget_vkontakte:active,.likely__widget_vkontakte:focus,.likely__widget_vkontakte:hover{background:hsla(0,0%,91%,.8)}}.likely-light .likely__widget_vkontakte:active,.likely-light .likely__widget_vkontakte:focus,.likely-light .likely__widget_vkontakte:hover{text-shadow:#4680c2 0 0 .25em;background:rgba(70,128,194,.7)}@media (hover:none){.likely-light .likely__widget_vkontakte:active,.likely-light .likely__widget_vkontakte:focus,.likely-light .likely__widget_vkontakte:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}}.likely__widget_whatsapp{fill:#25d366}.likely__widget_whatsapp:active,.likely__widget_whatsapp:focus,.likely__widget_whatsapp:hover{background:rgba(200,244,216,.8)}@media (hover:none){.likely__widget_whatsapp:active,.likely__widget_whatsapp:focus,.likely__widget_whatsapp:hover{background:hsla(0,0%,91%,.8)}}.likely-light .likely__widget_whatsapp:active,.likely-light .likely__widget_whatsapp:focus,.likely-light .likely__widget_whatsapp:hover{text-shadow:#25d366 0 0 .25em;background:rgba(37,211,102,.7)}@media (hover:none){.likely-light .likely__widget_whatsapp:active,.likely-light .likely__widget_whatsapp:focus,.likely-light .likely__widget_whatsapp:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}}.likely{margin:0 -5px -10px}.likely .likely__widget{line-height:20px;font-size:14px;border-radius:3px;height:22px;margin:0 5px 10px}.likely .likely__icon{width:22px;height:22px}.likely .likely__button{padding:1px 4px 1px 0}.likely .likely__counter{padding:1px 4px}.likely svg{left:3px;top:3px;width:16px;height:16px}.likely-big{margin:0 -6px -12px}.likely-big .likely__widget{line-height:28px;font-size:18px;border-radius:4px;height:32px;margin:0 6px 12px}.likely-big .likely__icon{width:32px;height:32px}.likely-big .likely__button{padding:2px 6px 2px 0}.likely-big .likely__counter{padding:2px 6px}.likely-big svg{left:4px;top:4px;width:24px;height:24px}.likely-small{margin:0 -4px -8px}.likely-small .likely__widget{line-height:14px;font-size:12px;border-radius:2px;height:18px;margin:0 4px 8px}.likely-small .likely__icon{width:18px;height:18px}.likely-small .likely__button{padding:2px 3px 2px 0}.likely-small .likely__counter{padding:2px 3px}.likely-small svg{left:3px;top:3px;width:12px;height:12px} @media only screen and (min-width: 601px) { #pm-menu:after { content: ""; clear: both; display: block; } #pm-menu { margin-bottom: 25px; } #pm-menu a { color: inherit; padding: 10px 16px; border-radius: 2px; border: 2px solid transparent; float: left; text-decoration: none !important; } #pm-menu a:hover { border-color: #3394e6; color: #3394e6; } } .pm-box { margin-bottom: 25px; } .pm_status { padding: 25px; background-color: #f7f7f7; border-radius: 2px; } .pm_progress_bar { background-color: #e5dbcc; margin-bottom: 10px; border-radius: 2px; } .pm_progress_bar span { background: #e85319; font-size: 0; height: 20px; border-radius: 2px; display: block; overflow: hidden } .userinfo_top { position: relative; padding-bottom: 50px; margin-bottom: 50px; } .userinfo_top .avatar { position: absolute; } .user_tab { list-style: none; padding: 0; margin: 0; } .user_tab > li { display: inline; margin-right: 1.2em; } .user_tab > li > a { text-decoration: none !important; font-size: .6em; -webkit-transition: all ease .3s; transition: all ease .3s; } .user_tab > li > a { color: #fff; opacity: .5; } .user_tab > li > a:hover { color: inherit; } .user_tab > li.active > a { cursor: default; font-size: 1em; opacity: 1; } .usinf { list-style: none; padding: 0; margin: 0 0 25px 0; } .usinf li { padding: 12px 0; border-top: 1px solid #e6e6e6; } .usinf li:first-child { border-top-width: 0; } .ui-c1, .ui-c2 { display: inline-block; vertical-align: top; } .ui-c1 { width: 30%; margin-right: 5%; } .ui-c2 { width: 60%; } .userinfo { padding-left: 90px; } .userinfo .avatar { position: absolute; float: left; margin: 0 0 0 -90px; } .userinfo .avatar .cover { width: 60px; height: 60px; } .userinfo > ul { list-style: none; padding: 0; margin: 0; } .stats_head > ul { list-style: none; padding: 0; margin: 0; font-size: 1.25em; } .stats_head > ul > li { margin-top: 15px; padding-left: 30px; } .stats_head > ul > li:before { content: ""; float: left; margin: 2px 0 0 -30px; width: 16px; height: 16px; border-radius: 50%; background-color: #3394e6; } .stats_head > ul > li > b { display: block; font-size: .8em; opacity: .5; font-weight: normal; } .stats_head > ul > li.stats_d:before { background-color: #f6a71a; } .stats_head > ul > li.stats_w:before { background-color: #ce3f28; } .stat_group { margin-bottom: 25px; } .stat_group > h5 { margin-top: 0; margin-bottom: 1em; } .stat_group > ul { list-style: none; padding: 0; margin: 0; } .stat_group > ul > li { padding: .6em 0; border-top: 1px dotted #d5d5d5; } .list3b { padding:0; list-style: none; counter-reset: li; } .list3b li { position: relative; border-left: 4px solid #94c608; padding: 5px 5px 5px 10px; margin:12px 0 12px 80px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .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; } .list3b li:hover:before { color: #94c608; } .list3b li:after { position: absolute; top: 18px; left: -40px; width: 60px; height: 60px; border: 8px solid #94c608; 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; } .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); } .navigation_footer { height: 24px; line-height: 24px; padding: 3px; text-align: center; } .scriptcode, .title_quote, .title_spoiler, .text_spoiler { padding: 15px 20px; background: #fff; border: 1px solid #e7e7e7; } .title_quote { margin-top: 2px; font-weight: bold; } .quote, blockquote { padding: 2px 20px; margin: 1.5em 0; border-left: 3px solid #95c00e; font-family: Georgia, serif; font-style: italic; font-size: 1.2em; color: #999; } .title_spoiler { margin-top: 2px; } .text_spoiler { margin-bottom: 2px; } .title_spoiler img { vertical-align: middle; margin: -1px 0 0 !important } .scriptcode { color: #4c6d0f; text-align: left; font-family: "Courier New" } .title_spoiler { font-weight: normal; } .text_spoiler { border-top: 0; text-align: justify; } .hide { background-color: #f0f0f0; padding: 5px; color: #4c6d0f; margin: 0 0 1em 0 } .hide a { text-decoration: underline; } .hide a:hover { text-decoration: none } pre code { display: block; padding: 0.5em; background: #f9fafa; border: 1px solid #dce7e7; overflow:auto; white-space: pre; } table.xfields { width: 100%; } .xfields textarea, .xprofile textarea { width: 100%; height: 186px; margin-top: 5px; } .xfieldsnote { color: #838383; font-size: .9em; } .xfields_table td { vertical-align: top; } .xfieldsrow { padding-top:5px; clear: both; } .xfieldscolleft { float: left; width: 30%; } .xfieldscolright { float: left; width: 70%; } .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; } .xfieldimagegallery { margin: 0; padding: 0; list-style: none; clear: both; } .xfieldimagegallery li { list-style: none; margin: 0; padding: 0; } .xfieldimagegallery li img { float: left; margin-right: 5px; border: 5px solid #fff; width: 100px; height: 100px; transition: box-shadow 0.5s ease; } .xfieldimagegallery li img:hover { box-shadow: 0px 0px 7px rgba(0,0,0,0.4); } .qq-uploader { position:relative; width: 100%;} .qq-upload-button { display:inline-block; margin-top:5px; margin-bottom:5px; cursor:pointer; } .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; } .qq-upload-drop-area span { display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px; } .qq-upload-drop-area-active {background:#FF7171;} .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; } .uploadedfile .uploadimage { margin-top: 5px; width: 115px; height: 90px; display: flex; align-items: center; justify-content: center; cursor: move; cursor: -webkit-grabbing; } .sortable-ghost { opacity: 0.4; } .uploadedfile .info { text-align: left; white-space: nowrap; margin: 0px 5px 0px 5px; overflow: hidden; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor:not-allowed; pointer-events:none; opacity:0.65; filter:alpha(opacity=65);  box-shadow:none; } .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; } .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; } .progress-bar span{ position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); border:0; } .progress-blue { background-image:linear-gradient(to bottom, #9bcff5 0%, #6db9f0 100%); background-repeat:repeat-x; border:1px solid #55aeee; } hr { box-sizing: content-box; height: 0 } .telegram-btn.btn{height:auto;min-height:30px; background-color: #11b3d8; border-radius: 5px 5px;color: #ffffff;}.telegram-btn img{width:20px;margin-right:1px;margin-top:2px}.telegram-btn{width:40%;margin:0 5% 25px;font-size:16px;position:relative;z-index:2} .vk-btn.btn{height:auto;min-height:30px; background-color: #4a76a8; border-radius: 5px 5px; color: #ffffff;}.vk-btn img{width:20px;margin-right:1px;margin-top:2px}.vk-btn{width:40%;margin:0 5% 25px;font-size:16px;position:relative;z-index:2}.tablet-mt{margin-top:23px}.list-parent ol,.list-parent ul{margin-left:15px}

.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; } .modal-store h2 + span { display: block; color: #747474; margin-top: -20px; margin-bottom: 30px; font-size: 14px; line-height: 1.5; } .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; } .modal-store > .fa-chevron-left { position: absolute; top: 30px; left: 40px; font-size: 20px; } .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; } .modal-store > label + label { margin-top: 5px; } .modal-store > label:hover { background: #E9E1E5; } .modal-store > ul { } .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; } .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; } .modal-store > ul li #select-addr { background: var(--color1); color: #fff; padding: 5px 12px; border-radius: var(--radius); } .modal-deliv { display: none; position: fixed; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); z-index: 9; } .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; } .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) { .modal-deliv_grid { grid-template-columns: 1fr; grid-gap: 0; min-width: 400px; } } .modal-deliv_content { padding: 30px; } @media (max-width: 860px) { .modal-deliv_content .e-grid3 { grid-template-columns: repeat(3, 1fr); grid-gap: 10px; } } .modal-deliv_maps { position: relative; width: 600px; height: 100%; overflow: hidden; } @media (max-width: 860px) { .modal-deliv_maps { width: 100%; height: 210px; order: -1; } } .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; } .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; } .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; } .basket-header { display: flex; align-items: center; justify-content: space-between; grid-gap: 20px; margin-bottom: 30px; } .basket-header h2, .basket-header h3 { margin-bottom: 0; } .basket-header > a { background: var(--bg2); padding: 6px 15px; border-radius: var(--radius); color: var(--text2); font-size: 14px; } .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; } .basket-list { max-height: 400px; height: 100%; overflow: hidden; overflow-y: auto; margin-bottom: 30px; } .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); } .basket-list > li + li { margin-top: 10px; border-top: 1px dotted var(--dark); } .basket-list > li img { width: 120px; height: auto; aspect-ratio: 16/9; object-fit: cover; border-radius: 5px; } .basket-list_title { display: block; font-size: 16px; font-weight: bold; margin-bottom: 5px; } .basket-list_title > span { display: inline-block; background: var(--color1); border-radius: 8px; padding: 3px 8px; font-size: 14px; margin: 5px 0; } .basket-item + span { font-size: 14px; color: var(--text2); } .basket-list_count { display: flex; align-items: center; justify-content: center; background: var(--light2); color: var(--color1); border-radius: var(--radius); font-weight: bold; } .basket-list_count > a { display: block; min-width: 30px; width: 30px; height: 30px; line-height: 30px; text-align: center; } .basket-list_count > input { background: transparent; border: none; width: 15px; height: 30px; padding: 0; font-weight: bold; text-align: center; } .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; } .basket-total li { position: relative; display: flex; align-items: center; justify-content: space-between; grid-gap: 20px; font-size: 18px; font-weight: bold; } .basket-total li + li, .basket-total div + li { border-top: 1px dotted var(--light2); margin-top: 10px; padding-top: 10px; } .basket-total .basket-total_delivoffice, .basket-total .basket-total_delivkm { font-size: 12px; opacity: 0.8; margin-top: 10px; padding-top: 0; border-top: 0; } .basket-total_sale > span:last-child { color: #4CAF50; font-weight: bold; } .basket-total .basket-total_bonus, .basket-total .basket-total_bonus span { display: block; font-size: 16px; text-align: right; } .basket-total .basket-total_bonus span:first-child { color: #8BC34A; } .basket-total .basket-total_bonus span:nth-child(2) { color: #FF5722; } .basket-total .basket-total_bonus span:last-child { color: #a1a1a1; font-size: 14px; } .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; } .basket-total + a:hover { background: var(--color2); } .basket-order_grid { display: grid; grid-gap: 80px; grid-auto-rows: max-content; grid-template-columns: 1fr 400px; } @media (max-width: 860px) { .basket-order_grid { grid-template-columns: 1fr; grid-gap: 30px; padding-top: 70px; } } .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) { .basket-order { order: -1; overflow: hidden; } } .basket-form_deliv { } .basket-form_deliv > span { display: block; color: #7f7f7f; font-size: 14px; margin-bottom: 9px; } .basket-form_deliv > span b { color: var(--color1); } .basket-form_deliv > div { display: flex; align-items: center; justify-content: space-between; grid-gap: 20px; } .basket-form_deliv > div > a { display: inline-block; min-width: max-content; background: var(--color1); color: #fff; padding: 15px 20px; border-radius: var(--radius); } .basket-promo, .basket-bonus { background: var(--bg2); padding: 20px; border-radius: var(--radius); } .basket-promo input { background: var(--light); } .basket-form_promo { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; grid-gap: 20px; } .basket-form_promo button { display: inline-block; min-width: max-content; background: var(--color1); color: #fff; padding: 15px 20px; border-radius: 10px; cursor: pointer; } .basket-promo #promoresult { display: block; color: var(--text2); font-size: 12px; margin-top: 10px; } .basket-bonus { background: var(--bg2); padding: 20px; border-radius: var(--radius); } .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; } .basket-bonus > div > div b { display: block; color: #6dd772; font-size: 16px; } .basket-bonus > div > div span { color: var(--text2); font-size: 12px; font-weight: 300; } .basket-form_payment { } h2 + .basket-form_payment > span { display: block; margin-top: -20px; margin-bottom: 25px; } .basket-form_payment > span { display: block; color: #7f7f7f; font-size: 14px; margin-bottom: 9px; } .basket-form_payment label { position: relative; color: var(--text2); font-weight: 500; overflow: hidden; } .basket-form_payment label input { position: absolute; margin: 12px; } .basket-form_payment label input + img, .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; } .basket-form_payment label input:checked + img { opacity: 1; border: 2px solid var(--color1); background-color: var(--engine); } .basket-form_payment label span, .basket-form_payment > a span { display: block; font-size: 14px; line-height: 1.5; margin-top: 10px; } .basket-order_price { display: block; font-size: 20px; font-weight: bold; } .basket-order_price > span { color: var(--text2); font-size: 16px; font-weight: 300; margin-right: 5px; } .basket-check { display: flex; flex-direction: column; align-items: center; text-align: center; margin-top: 60px; } .store-order { } .store-order_items { display: grid; grid-gap: 20px 20px; grid-auto-rows: max-content; grid-template-columns: repeat(3, 1fr); } @media (max-width: 860px) { .store-order_items { grid-template-columns: none; } } .store-order_items li { position: relative; background: var(--white); padding: 20px; border-radius: var(--radius); overflow: hidden; } .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); } .store-order_item { display: flex; align-items: center; justify-content: space-between; grid-gap: 10px; color: var(--color1); margin-bottom: 5px; } .store-order_item:hover { color: var(--color2); } .store-order_items li a.extract { display: block; max-width: max-content; color: var(--text2); border-bottom: 1px dotted var(--text2); font-size: 14px; } .store-recep { background: #fff; color: #000; padding: 20px; border-radius: var(--radius); } .store-recep_head { display: grid; grid-gap: 15px; grid-auto-rows: max-content; grid-template-columns: repeat(2, 1fr); } .store-recep_head span { font-weight: bold; } .store-recep table { width: 100%; border-collapse: collapse; margin-bottom: 30px; } .store-recep th, .store-recep td { border: 1px solid #ddd; padding: 8px; text-align: left; } .store-recep th { background-color: #f2f2f2; } .store-recep tr:nth-child(even) { background-color: #f2f2f2; } .store-recep tr:hover { background-color: #ddd; } .store-recep_sign { display: grid; grid-gap: 15px; grid-auto-rows: max-content; grid-template-columns: repeat(2, 1fr); } .store-recep_sign > div { display: flex; align-items: flex-end; grid-gap: 20px; } .store-recep_sign > div span { width: 200px; background: #000; height: 1px; } .store-pattern { display: flex; align-items: center; grid-gap: 10px; margin-bottom: 20px; } .store-pattern_item { display: inline-block; background: var(--light); color: #dbdbdb; border-radius: 3px; padding: 3px 8px; font-size: 12px; } .store-pattern_item.active { background: var(--color1); color: #fff; } .store-bind { position: relative; margin: 20px 0; } .store-bind > div { display: grid; grid-gap: 20px 20px; grid-auto-rows: max-content; grid-template-columns: repeat(3, 1fr); } .store-bind > span { display: block; color: #525252; margin-bottom: 10px; } .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; } .store-bind > div a img { width: 100%; height: auto; aspect-ratio: 1/1; object-fit: contain; margin-bottom: 5px; } .alert { position: fixed; width: 300px; right: 20px; top: 20px; font-size: 14px; text-align: center; z-index: 9999; } @media (max-width: 860px) { .alert { right: 15px; top: 15px; font-size: 12px; width: 200px; } } .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; } .alert-block.danger { background: #f49336; } .alert-block.error { background: #F44336; } .alert-block_bar { position: absolute; background: var(--light2); left: 0; bottom: 0; height: 2px; } .alert-block_close { position: absolute; top: 10px; right: 20px; cursor: pointer; } 

.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;
}

.label_story.bonus i {
    font-size: 13px;
    line-height: 1;
}

.label_story.bonus span {
    line-height: 1;
}

@media (hover: none), (pointer: coarse) {
    .label_story.bonus::before,
    .label_story.bonus::after {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }
}

:root { --bg: #fff; --bg2: #f2f5f7; --bg3: #212121; --engine: #fff; --engine2: #f2f5f7; --text: #000; --text1: #fff; --text2: #5b5b5b; --color1: #94c608; --color2: #7ba507; --white: #fff; --form_radius: #cccccc; --light: rgb(255 255 255 / 15%); --light2: rgb(255 255 255 / 30%); --dark: rgb(0 0 0 / 10%); --radius: 15px; } .header-city { position: relative; } @media (max-width: 860px) { .header-city { display: none; } } .header-city > a { display: inline-block; background: var(--bg2); padding: 10px 20px; border-radius: var(--radius); } .header-city > a i { color: var(--color1); margin-left: 8px; font-weight: bold; } .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; } .header-city.active > div { visibility: visible; opacity: 1; } .header-city > div:before { content: ""; position: absolute; top: -5px; right: 30px; width: 10px; height: 10px; background: #fff; transform: rotate(225deg); } .header-city > div a { display: block; padding: 10px 20px; border-radius: var(--radius); text-align: center; } .header-city > div a:hover { background: var(--bg2); } .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; } .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; } .header-store i { font-style: normal; } .header-user { position: relative; } .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; } .header-user > a i { display: block; font-size: 25px; } @media (max-width: 860px) { .header-user > a { background: var(--bg2); border-radius: var(--radius); min-width: 45px; height: 45px; line-height: 45px; font-size: 20px; } .header-user > a span { display: none; } .header-user > a i { font-size: inherit; } } .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; } .header-user > div:before { content: ""; position: absolute; top: -5px; right: 30px; width: 10px; height: 10px; background: #fff; transform: rotate(225deg); } .header-user.active > div { visibility: visible; opacity: 1; transform: translateY(0); } .header-user_info { border-bottom: 1px solid var(--bg2); padding: 10px 20px; text-align: center; } .header-user_info > img { width: 50px; height: 50px; border-radius: 50%; } .header-user_info > span { display: block; margin: 8px 0; font-size: 16px; font-weight: bold; } .header-user_info > a { display: inline-block; color: var(--color1); font-weight: bold; font-size: 13px; border-bottom: 1px dotted var(--color1); margin: 5px; } .header-user_info > a i { margin-right: 5px; } .header-user_group { display: inline-block; background: var(--bg3); border-radius: var(--radius); color: #b9b3d3; padding: 4px 10px; font-size: 10px; } .header-user_group * { color: #b9b3d3!important; } .header-user_link { padding: 3px; } .header-user_link a { display: flex; align-items: center; grid-gap: 10px; padding: 8px 20px; border-radius: var(--radius); color: #14192a; font-size: 14px; } .header-user_link a:last-child { color: #F44336; } .header-user_link a:hover { background: var(--bg2); color: var(--color1); } .modal-login > a { position: relative; display: block; font-size: 14px; font-weight: 600; line-height: 2.0; text-align: center; cursor: pointer; } .modal-login > a i { display: block; font-size: 25px; } @media (max-width: 860px) { .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) { .modal-login > a span { display: none; } } .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) { .modal-login form { min-width: 100%; padding: 30px; border-radius: 0; } } .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; } .modal-login form > i:hover { background: var(--color1); color: #fff; } .modal-login .e-float > a { position: absolute; top: 20px; right: 15px; font-size: 14px; border-bottom: 1px dotted #20a8d8; } .modal-login_btn a { background: var(--bg4); margin-left: 20px; } .modal-login_btn a:hover { background: var(--bg3); opacity: 0.8; } .modal-login_soc span { display: block; color: #767389; margin: 20px 0; } .modal-login_soc .e-flex { align-items: center; justify-content: center; } .modal-login_soc .e-flex > a, .modal-login_soc .e-flex a > img { width: 40px; height: 40px; margin: 0 10px; } [data-tooltip] { position: relative; display: inline-block; cursor: pointer; } [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; } [data-tooltip]:hover::before { content: " "; position: absolute; right: 6px; bottom: -6px; border-width: 5px; border-style: solid; border-color: transparent transparent black transparent; } [data-tooltip]:hover::after { visibility: visible; opacity: 1; } .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; } .modal-promo > .fa-xmark { position: absolute; color: #fff; top: 20px; right: 20px; font-size: 18px; cursor: pointer; } .modal-promo > div:nth-child(2) { background: linear-gradient(180deg, #2c2e39, #131119); color: #fff; padding: 40px 30px 80px; } .modal-promo > div:nth-child(2) > span { color: #a1aab9; line-height: 1.5; } .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; } .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; } .modal-promo > div ul li + li { margin-top: 15px; border-top: 1px dashed #ffffff26; padding-top: 15px; } .modal-promo > div ul li i { display: inline-block; background: linear-gradient(118deg, #5ad37a, #bed35a); color: #fff; border-radius: 12px; min-width: 40px; height: 40px; line-height: 40px; text-align: center; } .modal-promo > div ul li:nth-child(2) i { background: linear-gradient(118deg, #d35a8c, #805ad3); } .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; } .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% } } .along-sect_title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; } @media (max-width: 860px) { .along-sect_title { flex-direction: column; align-items: flex-start; grid-gap: 15px; } } .along-sect_title h1 { margin-bottom: 0; } .along-sect_title a { display: flex; align-items: center; grid-gap: 10px; background: var(--bg2); padding: 10px 20px; border-radius: var(--radius); } .along-sect_title a:hover { background: var(--color2); color: #fff; } .along-sect_items { position: relative; padding: 12px 20px 0; overflow: hidden; } @media (max-width: 860px) { .along-sect_items { padding: 0; overflow: visible; } } .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; } .along-sect_items > .fa-regular:hover { background: var(--color2); color: #fff; } @media (max-width: 860px) { .along-sect_items > .fa-regular { display: none; } } .along-sect_items > .fa-regular + .fa-regular { left: unset; right: 0; } .along-sect_items .swiper-button-disabled, .along-story_items .swiper-button-disabled { display: none; } .along-story_items { position: relative; padding: 0 20px; overflow: hidden; } @media (max-width: 860px) { .along-story_items { padding: 0; overflow: visible; } } .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; } .along-story_items > .fa-regular:hover { background: var(--color2); color: #fff; } @media (max-width: 860px) { .along-story_items > .fa-regular { display: none; } } .along-story_items > .fa-regular + .fa-regular { left: unset; right: 0; } .along-story_item { position: relative; width: 100%; height: 300px; border-radius: var(--radius); overflow: hidden; } .along-story_item > img { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.5); border-radius: var(--radius); transition: 0.3s; } .along-story_item:hover img { transform: scale(1.05); } .along-story_content { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; color: #fff; z-index: 3; } .along-story_title { display: block; font-size: 18px; line-height: 1.2; font-weight: bold; margin-bottom: 20px; } .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; } .along-story_content > a:before { content: ""; position: fixed; inset: 0; width: 100%; height: 100%; } .along-item > img { background: #f2f2f2; border-radius: var(--radius); width: 100%; height: auto; aspect-ratio: 10/10; object-fit: contain; margin-bottom: 10px; } .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; } .along-item_title { font-size: 16px; font-weight: bold; } .along-item:hover .along-item_title { color: var(--color2); } .along-item_title:before { content: ""; position: absolute; inset: 0; width: 100%; height: 100%; } .along-item_meta { display: flex; align-items: center; grid-gap: 20px; font-size: 14px; color: var(--text2); margin: 10px 0; } .along-item_price { display: flex; align-items: center; grid-gap: 10px; color: #6a6967; font-size: 16px; font-weight: bold; margin-bottom: 10px; } .along-item_price.sale > span:first-child { display: flex; align-items: center; grid-gap: 5px; color: #f44; } .along-item_price.sale > span:nth-child(2) { color: #9e9b98; font-size: 12px; font-weight: 400; text-decoration: line-through; } .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; } .along-item > a:not(.along-item_title):hover { background: #d15700; color: #fff0e6; } .along-full { grid-gap: 40px; margin-bottom: 40px; } @media (max-width: 860px) { .along-full { grid-gap: 30px; } } .along-screen { position: relative; padding: 0 20px; width: 100%; height: 500px; overflow: hidden; } @media (max-width: 860px) { .along-screen { height: 350px; } } .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; } .along-screen > .fa-regular + .fa-regular { left: unset; right: 0; } .along-screen img { width: 100%; height: 100%; object-fit: contain; border-radius: var(--radius); overflow: hidden; } .along-full_center { overflow: hidden; } .along-full_head { display: flex; align-items: center; grid-gap: 20px; color: var(--text2); font-size: 18px; margin-top: -20px; margin-bottom: 20px; } .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; } .along-full_center > ul li { } .along-full_center > ul li span { display: block; opacity: 0.8; font-weight: bold; margin-top: 6px; } .along-full_text + * { margin-top: 20px; } .along-full_text > span { display: block; color: var(--text2); opacity: 0.8; font-size: 18px; font-weight: bold; margin-bottom: 5px; } .along-full_link { display: flex; align-items: center; grid-gap: 20px; padding-left: 30px; } @media (max-width: 860px) { .along-full_link { flex-wrap: wrap; justify-content: flex-start; } } .along-full_link > span { font-size: 25px; font-weight: bold; color: #fc5230; } .along-full_link > span:nth-child(2) { color: #9e9b98; font-size: 18px; font-weight: 400; text-decoration: line-through; } .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) { .along-full_link > a[data-store] { margin-left: 0; } } .along-full_link > a[data-store]:hover { background: var(--color2); } .along-full_link > a[onclick] { background: #ffe2e0; color: #F44336; border-radius: var(--radius); width: 56px; height: 56px; line-height: 56px; text-align: center; } .along-full_rating { display: flex; align-items: center; grid-gap: 20px; color: var(--text2); margin-top: -20px; margin-bottom: 25px; } .along-comm { position: relative; background: var(--bg2); padding: 30px 1000px; margin: 0 -1020px 40px; } .along-comm textarea, .along-comm select, .along-comm input { background: var(--bg); } .container { position: relative; max-width: 1280px; width: calc(100% - 40px); margin: 0 auto; } .content { min-height: 100vh; margin-top: 30px; margin-bottom: 30px; }

@font-face{
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/play/v19/6aez4K2oVqwIvtg2H68T.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;font-display:swap}

@font-face{
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/play/v19/6aez4K2oVqwIvtE2H68T.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;font-display:swap}

@font-face{
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/play/v19/6aez4K2oVqwIvts2H68T.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;font-display:swap}

@font-face{
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/play/v19/6aez4K2oVqwIvtU2Hw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;font-display:swap}

.main-wr { padding-top: 0; }

.game-body{
  display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;
  box-sizing:border-box;width:100%;
}
.game-body__column{display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box}
.game-body__column--left{width:370px;min-width:370px;margin-right:20px;height:100%;will-change:min-height}
.game-body__wrapper{width:100%;max-width:370px;transform:translate3d(0,0,0);will-change:position,transform}
.game-body__column--right{width:calc(100% - 390px)}
.game-body__section,.game-body__container{width:100%}
.game-body__stationary,.game-body__wandering{display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;width:100%}

@media (max-width:1024px){
  .game-body__column--right{width:calc(100% - 340px)}
  .game-body__column--left{width:320px;min-width:320px;margin-right:20px}
  .game-body__wrapper{max-width:320px}
}
@media (max-width:799px){
  .game-body__stationary,.game-body__wandering{align-items:center;max-width:365px;width:100%}
  .game-body__column--left{display:none}
  .game-body__column--right{width:100%}
}

.game-image{width:100%;height:auto;top:33px}

.game-header__title {
    font-size: 26px;
    color: #1b1a1e;
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: -.011em;
    width: 100%;
}

.game-parametrs{box-sizing:border-box;padding:34px 40px 4px;width:100%;background:#fff}
.params-cols{margin-bottom:0}
.game-parametrs .params-cols__param{width:26%}
.game-parametrs .params-cols__content{width:74%}
.params-cols__content--border a{border-bottom:1px solid rgba(0,0,0,.2)}
@media (max-width:1280px){
  .game-parametrs .params-cols__param{width:35%}
  .game-parametrs .params-cols__content{width:65%}
}
@media (max-width:1100px){
  .game-parametrs .params-cols__param{width:44%}
  .game-parametrs .params-cols__content{width:56%}
}
@media (max-width:400px){ .game-parametrs{padding:40px 13px 0} }

.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
}
.game-deal{
  display:flex;align-items:stretch;box-sizing:border-box;padding:29px 40px;width:100%;background:#fff
}
@media (max-width:1280px){
  .game-deal{flex-wrap:wrap;align-content:flex-start}
  .game-deal__column{width:100%}
  .game-deal__column:not(:last-child){margin-bottom:30px}
}
@media (max-width:400px){ .game-deal{padding:15px 13px} }

.game-deal__column{display:flex}
.game-deal__col{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}
.game-deal__col--price{margin-right:34px}
.game-deal__col--available{padding-left:20px;margin-right:20px}
@media (max-width:1280px){ .game-deal__col:not(:last-child){margin-right:40px} .game-deal__col--available{padding-left:0} }
@media (max-width:450px){
  .game-deal__col{width:100%;margin-bottom:20px}
  .game-deal__col:not(:last-child){margin-right:0}
}

.available{display:inline-flex;align-items:center;box-sizing:border-box}
.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
}
.available__icon--green{background:#7bca47}
.available__icon--red{background:#e14b4b}
.available__icon--yellow{background:#fcda5b}
.available__icon span{font-size:12px;line-height:16px;color:#fff}
.available__text{font-size:13px;color:#1b1a1e}

.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){ .preorder-bonus{padding:15px 13px} }

.list{display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;width:100%}
.list li{position:relative;box-sizing:border-box;font-size:13px;padding-left:18px;width:100%}
.list li:not(:last-child){margin-bottom:10px}
.list li::before{content:'';position:absolute;top:50%;left:2px;width:4px;min-width:4px;height:4px;transform:translateY(-50%);background:#000}
.list--yellow li::before{background:#94c608}

.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
}
.store-features__title{width:100%;margin-bottom:22px}
.store-features__list{display:flex;flex-wrap:wrap;align-items:flex-start;box-sizing:border-box;width:100%}
.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
}
.store-features__item--price{background:url(../images/svg/bucks.svg) 0 0 / 37px 22px no-repeat}
.store-features__item--delivery{background:url(../images/svg/yellow-rectangle.svg) 0 3px / 37px 17px no-repeat}
.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
}
.store-features__item--comission{background:url(../images/svg/percent.svg) 0 0 / 37px 22px no-repeat}
.store-features__item--key{background:url(../images/svg/key.svg) 0 0 / 37px 22px no-repeat}
.store-features__item--discount{background:url(../images/svg/discount.svg) 0 0 / 37px 22px no-repeat}
.store-features__item--cacheback{background:url(../images/svg/round_back_arrow.svg) 0 0 / 37px 22px no-repeat}
@media (max-width:1100px){ .store-features__item{min-width:50%;width:50%} }
@media (max-width:500px){ .store-features__item{min-width:100%;width:100%} }
@media (max-width:400px){ .store-features{padding:15px 13px} }

.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
}
.game-media__header{
  display:flex;align-items:center;box-sizing:border-box;padding:0 40px;width:100%;margin-bottom:16px
}
.game-media__title{box-sizing:border-box;margin:0 40px 0 0}
.game-media__slider-controls{margin-left:auto}

.slider-controls{display:flex;align-items:center;box-sizing:border-box;width:102px;min-width:102px}
.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
}
.slider-control__button span{
  position:absolute;top:50%;left:50%;font-size:26px;color:#1b1a1e;transform:translate(-50%,-50%)
}
.slider-control__button:hover{border:1px solid #ececec}
.slider-control__button--prev{border-radius:19px 0 0 19px}
.slider-control__button--next{border-radius:0 19px 19px 0}

.game-media__slider{width:100%;margin-bottom:28px;overflow:hidden}

.swiper{position:relative;overflow:hidden}
.swiper-wrapper{display:flex;width:100%;transition-property:transform}
.swiper-slide{flex-shrink:0}

.game-media__slider-wrapper{display:flex;align-items:flex-start;box-sizing:border-box;width:100%}
.game-media__slider-item{min-width:calc(100%/3);height:174%;max-height:180px;margin-right:2px;box-sizing:border-box}

.game-media__link{display:inline-block;position:relative;width:100%;height:100%;box-sizing:border-box}
.game-media__link img{width:100%}

.game-media__scrollbar{
  box-sizing:border-box;margin:0 40px;height:5px;width:100%;background:#f6f6f6;margin-bottom:31px;overflow:hidden
}
.game-media__scrollbar .swiper-scrollbar-drag{height:5px;background:#94c608;cursor:pointer}
@media (max-width:400px){
  .game-media__header{padding:0 13px}
  .game-media__scrollbar{margin:0 13px}
}

.game-describe{box-sizing:border-box;width:100%;background:#fff;margin-bottom:20px}
.game-describe__tabs{box-sizing:border-box;width:100%}
.game-describe__tab{padding:40px 40px 55px}
.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
}
.btn--gold-border{
  box-sizing:border-box;padding:18px 0;border-bottom:1px solid transparent;transition:.25s;margin-bottom:-1px
}
.btn--gold-border._active,.btn--gold-border:hover{border-color:#94c608}
.js-magic-line{position:absolute;bottom:-1px;left:0;width:100px;height:1px;background:#94c608}
.game-describe__button:not(:last-of-type){margin-right:45px}
.game-describe__title{margin-bottom:0}
@media (max-width:500px){
  .game-describe__title{font-size:15px}
  .game-describe__button{padding:10px 0}
}
@media (max-width:400px){
  .game-describe__controls{padding:9px 13px 0}
  .game-describe__tab{padding:20px 13px}
  .game-describe__button:not(:last-child){margin-right:30px}
}

.mor-full_link {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; 
}

@media (max-width: 480px) {
  .mor-full_link {
    gap: 12px;
    justify-content: center; 
  }
  .e-btn {
    flex: 1 1 45%; 
    text-align: center;
  }
}

.e-btn i {
  margin-right: 8px;
  font-size: 16px;
  vertical-align: middle;
}

.e-btn--cart i {
  color: #fff; 
}

.e-btn--buy i {
  color: #fff;
}

@media (max-width: 480px) {
  .e-btn i {
    margin-right: 6px;
  }
}

.available__icon {
  margin-left: 10px;  
  margin-right: 3px;  
  display: inline-flex;
  align-items: center;
}

.game-similar{
  display:flex;flex-wrap:wrap;align-items:stretch;box-sizing:border-box;margin-bottom:20px;width:100%;background:#fff;overflow:hidden
}
.game-similar__header{display:flex;align-items:center;box-sizing:border-box;padding:20px 40px 16px;width:100%}
.game-similar__title{margin:0 40px 0 0}
.game-similar__slider-controls{margin-left:auto}

.game-similar__slider{box-sizing:border-box;padding:0 0 34px;margin:0 15px;width:calc(100% - 30px);overflow:hidden}
.game-similar__slider-wrapper,.game-similar__slider-wraper{display:flex;align-items:stretch;box-sizing:border-box}
.game-similar__slider-item{min-width:0;height:auto}
.game-similar__slider-item .prod-preview{height:100%}
#game-similar__slider-controls{display:inline-flex}
@media (max-width:700px){
  .game-similar__header{padding:16px 16px 14px}
  .game-similar__slider{margin:0 12px;width:calc(100% - 24px);padding-bottom:22px}
}
@media (max-width:400px){
  .game-similar__header{padding:14px 12px}
  .game-similar__slider{margin:0 10px;width:calc(100% - 20px);padding-bottom:20px}
}

.link{word-break:break-all}
.h3{font-weight:bold}

.megamenu__parent > .megamenu__link {
  font-weight: 700;
  font-size: 15px;
  color: #000;
}

.megamenu__child > a,
.megamenu__grand-item > a {
  font-weight: 500;
  font-size: 14px;
}

.megamenu__children {
  margin-left: 10px;
}

.megamenu__grand {
  margin-left: 18px;
  font-size: 13px;
  color: #555;
}

.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); }
.megamenu .megamenu__wrap { display:flex; gap:0; padding:0; }

.megamenu__col--parents { width: 320px; border-right:1px solid #f0f0f0; background:#fafafa; }
.megamenu__parents { max-height: 420px; overflow:auto; padding:6px 0; }
.megamenu__parent { display:flex; align-items:center; justify-content:space-between; }
.megamenu__parent a.megamenu__link { display:block; padding:10px 16px; color:#14192a; text-decoration:none; }
.megamenu__parent:hover a.megamenu__link { background:#f5f7fb; }
.megamenu__parent.is-active > a.megamenu__link { background:rgba(var(--color1-rgb,148,198,8),.12); color:var(--color1,#94c608); font-weight:700; }
.megamenu__arrow { width:8px; height:8px; margin-right:14px; border-right:2px solid #bbb; border-bottom:2px solid #bbb; transform:rotate(-45deg); }

.megamenu__col--children { flex:1; min-width:0; }
.megamenu__panel { display:none; padding:16px 20px; }
.megamenu__panel-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
.megamenu__title { font-weight:700; font-size:16px; }
.megamenu__all { display:inline-block; background:#f0f5e6; color:var(--color1,#94c608); padding:6px 10px; border-radius:999px; text-decoration:none; font-weight:700; }
.megamenu__children { display:grid; grid-template-columns: repeat(auto-fill, minmax(210px,1fr)); gap:10px 16px; max-height: 420px; overflow:auto; padding-right:8px; }
.megamenu__child > a { font-weight:600; color:#222; text-decoration:none; }
.megamenu__child.is-active > a { color:var(--color1,#94c608); }
.megamenu__grand { margin-top:6px; display:flex; flex-wrap:wrap; gap:6px 12px; }
.megamenu__grand-item a { color:#5a5a5a; text-decoration:none; }
.megamenu__grand-item.is-active a { color:var(--color1,#94c608); font-weight:600; }
.megamenu__empty { color:#777; }

.header-nav__gr-link--green {
  background: var(--color1, #94c608);
  color: #fff !important;
  border-radius: 8px;
  padding: 6px 14px;
  margin: 5px 0;
  display: inline-flex;
  align-items: center;
  transition: background .2s ease;
}

.header-nav__gr-link--green:hover {
  background: #7fa508 !important; 
  color: #fff !important;
}

.header-nav__smenu-item { width:auto; }

@media (max-width: 1020px) {
  .header-nav__submenu.megamenu { position: static; box-shadow:none; border:0; }
  .megamenu .megamenu__wrap { display:block; }
  .megamenu__col--parents { width:auto; background:#fff; border:0; }
  .megamenu__parent { border-bottom:1px solid #eee; }
  .megamenu__parent .megamenu__arrow { transform:rotate(45deg); transition:.2s; }
  .megamenu__parent.is-open .megamenu__arrow { transform:rotate(-135deg); }
  .megamenu__panel { display:none !important; padding:10px 0 16px; }
  .megamenu__parent.is-open + .megamenu__panel { display:block !important; }
}

.mobcats__li { position: relative; }
.mobcats__plink { position: relative; z-index: 1; display: block; }
.mobcats__toggle {
  position: relative; z-index: 2; pointer-events: auto;
}

.mobcats__panel { display: none; }
.mobcats__panel[hidden]{ display:none !important; }

.header-mob__menu{
  max-height: 85vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

.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;
}
.mobcats__li:last-child{ border-bottom: 0 !important; }

.mobcats__plink{
  grid-column: 1 / 2;
  min-width: 0;
  text-decoration: none;
  color: #222 !important;
  font-size: 16px;
  line-height: 1.3;
}

.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;
}
.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;
}
.mobcats__li.is-open > .mobcats__toggle::before{ transform: rotate(225deg); }

.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;
}
.mobcats__li.is-open > .mobcats__panel{ display: block !important; }

.mobcats__panel .mobcats__ul{ margin: 0; padding: 0; list-style: none; }
.mobcats__panel .mobcats__li{
  display: block !important;
  padding: 6px 0 !important;
  border: 0 !important;
}
.mobcats__panel .mobcats__plink{ font-size: 15px; color: #333 !important; }

.mobcats__all{ display: none !important; }

.mc-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
}
@media (max-width:1200px){
  .mc-grid{grid-template-columns:repeat(2, minmax(0,1fr));}
}
@media (max-width:640px){
  .mc-grid{grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px;}
}

@media (max-width:320px){
  .mc-grid{grid-template-columns:1fr;}
}

.mc-grid > *{min-width:0;}

.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;
}
.mc-card:hover{
  border-color:#dcdfe4;
  box-shadow:0 10px 24px rgba(0,0,0,.08);
  transform:translateY(-2px);
}

.mc-media{position:relative;}
.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;
}
.mc-card__thumb img{
  width:100%;
  height:100%;
  object-fit:contain;         
  object-position:center;
  display:block;
  transition:transform .35s ease;
}

.mc-card:hover .mc-card__thumb img {
    transform: none;
}

.mc-card__thumb {
    position: relative;
    display: block;
    overflow: hidden;
}

.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);
}

.mc-card__badges .mc-card__price-badge,
.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;
}

.mc-card__price-badge {
    background: #7a94ba;
}

.mc-card__watermark-badge--yes {
    background: #d98000;
}

.mc-card__watermark-badge--no {
    background: #8bc600;
}

.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;
}

.mc-card:hover .mc-favbtn{
  opacity:1; visibility:visible; transform:none;
}

.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;
}
.mc-favbtn a:hover{ transform:scale(1.06); background:rgba(0,0,0,.6); }
.mc-favbtn i{ font-size:16px; line-height:1; }

@media (max-width:768px){
  .mc-favbtn{
    opacity:1 !important; visibility:visible !important; transform:none !important;
  }
  .mc-favbtn a{ width:40px; height:40px; }
}

.mc-card__body{
  flex:1;
  display:flex;
  flex-direction:column;
  padding:14px;
  gap:10px;
}
.mc-card__cat{
  font-size:11px;
  color:#7a7a7a;
  text-transform:uppercase; 
  text-align: center;
}
.mc-card__title{
  display:block;
  font-size:15px;line-height:1.3;font-weight:600;
  color:#111;text-decoration:none;
  text-align: center;
}
.mc-card__title:hover{opacity:.9;}

.mc-card__footer{
  margin-top:auto;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.mc-card__price{
  font-weight:500;
  font-size:15px;
  color:#7a7a7a;
  text-align: center;
}

.mc-card__actions{
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:all .25s ease;
}
.mc-card:hover .mc-card__actions{
  opacity:1;visibility:visible;transform:none;
}
.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;
}
.mc-card__actions .mc-btn:hover{filter:brightness(1.05);transform:translateY(-1px);}

@media (max-width:768px){
  .mc-card__actions{
    opacity:1!important;visibility:visible!important;transform:none!important;
  }
}

.site-footer{
  background:#232323; color:#ccc; font-size:15px; line-height:1.6;
}

.footer-inner{
  max-width:1200px; margin:0 auto; padding:50px 20px 30px;
  display:flex; align-items:flex-start; gap:40px;
}
.footer-logo-wrap{flex:0 0 auto; display:flex; align-items:flex-start;}
.footer-logo{max-width:160px; height:auto; display:block;}

.footer-grid{flex:1; display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:20px;}
.footer-col{min-width:0;}
.footer-title{font-size:18px; font-weight:700; color:#fff; margin:0 0 15px;}
.footer-about p{color:#bfbfbf; margin:0 0 10px;}

.footer-menu{list-style:none; padding:0; margin:0; display:grid; gap:8px;}
.footer-menu a{color:#ccc; text-decoration:none;}
.footer-menu a:hover{color:#fff; text-decoration:none !important;}

.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);}

.footer-promo .promo-list{list-style:none; margin:0; padding:0; display:grid; gap:8px; color:#f0f0f0;}

.footer-buttons{margin-top:15px; display:flex; flex-wrap:wrap; gap:8px;}
.footer-buttons a{display:inline-flex; align-items:center; justify-content:center; border-radius:6px; transition:filter .2s;}
.footer-buttons a:hover{filter:brightness(1.15);}
.footer-buttons img{width:100px; height:28px; display:block;}

.footer-telegram a{display:inline-flex; align-items:center; gap:6px; color:#24A1DE; font-weight:600; text-decoration:none; transition:color .2s;}
.footer-telegram a:hover{color:#5cc6f5; text-decoration:none!important;}
.footer-telegram i{font-size:22px; line-height:1;}

.footer-bottom{background:#0d0d0d; border-top:1px solid rgba(255,255,255,.1); padding:18px 20px;}
.footer-bottom__inner{max-width:1200px; margin:0 auto; color:#bdbdbd; text-align:center;}
.footer-bottom__inner strong{color:#fff}

@media (max-width:1000px){ .footer-grid{grid-template-columns:1fr 1fr;} }
@media (max-width:900px){
  .footer-inner{flex-direction:column; align-items:center; text-align:center;}
  .footer-logo{margin-bottom:25px;}
}
@media (max-width:700px){
  .footer-buttons{justify-content:center;}
  .footer-grid, .footer-col, .footer-menu, .footer-col p, .footer-col a, .footer-title{ text-align:left!important; }
  .footer-menu{ justify-content:flex-start!important; align-items:flex-start!important; }
}
@media (max-width:768px){ .footer-logo-wrap{display:none!important;} }

.footer-menu i {
  width: 20px;
  color: var(--color1);
  margin-right: 6px;
}

.footer-menu a:hover i {
  color: #fff; 
}

.footer-menu .tag i {
  color: #70d9b5;
  margin-right: 5px;
}

@media (min-width: 1366px) {
  .site-footer .footer-inner {
    max-width: 1400px; 
  }
  .site-footer .footer-grid {
    gap: 28px;
  }
}

@media (min-width: 1600px) {
  .site-footer .footer-inner {
    max-width: 1560px; 
  }
}

@media (max-width: 1359px) {
  .site-footer .footer-inner {
    max-width: 100% !important;
    padding-left: 20px;
    padding-right: 20px;
  }
  .site-footer .footer-grid {
    gap: 20px !important;
  }
}

@media (max-width: 900px) {
  .site-footer .footer-grid {
    grid-template-columns: 1fr !important;
  }
}

.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;
}

.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);
}

.mc-main-intro p { margin-bottom: clamp(8px, 1.4vw, 14px); }
.mc-main-intro p:last-child { margin-bottom: 0; }

.mc-main-intro strong { color: #000; }

.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);
}
.mc-main-intro h2 + br { display:none; }

.subcat-wrapper { text-align: center; margin: 30px 0 40px; }
.subcat-title { 
  font-size: 20px; font-weight: 700; 
  color: #1f2630; margin-bottom: 16px; letter-spacing: .3px;
}

.subcat-grid { 
  display: flex; flex-wrap: wrap; gap: 10px; 
  justify-content: center; align-items: center;
}

.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;
}

.subcat-wrapper .subcat-chip:hover,
.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);
}

.subcat-wrapper .subcat-chip:active{
  transform: translateY(0);
  box-shadow:0 3px 10px rgba(0,0,0,.10);
}

@media (max-width:480px){
  .subcat-wrapper .subcat-chip{ font-size:13px; padding:8px 14px; }
}

.subcat-wrapper { opacity:1; }

.subcat-wrapper { text-align:center; margin: 28px 0 34px; }
.subcat-title { font-size:20px; font-weight:700; color:#1f2630; margin-bottom:14px; letter-spacing:.3px; }

.subcat-grid {
  display:flex; flex-wrap:wrap; gap:10px;
  justify-content:center; align-items:center;
}

.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;
}
.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); }
.subcat-chip:active{ transform:translateY(0); box-shadow:0 3px 10px rgba(0,0,0,.10); }
.subcat-chip.is-active:hover{
  background: var(--color1);
  transform: translateY(-1px);
}

@media (max-width:480px){
  .subcat-chip{ font-size:13px; padding:8px 14px; }
}

.subcat-chip.is-active{
  background: var(--color1);
  color:#fff !important;
  border-color: transparent;
  box-shadow: 0 6px 16px rgba(0,0,0,.14);
}

.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;
}

.tg-btn svg{ fill: currentColor; }

.tg-btn:hover{
  background:#1E9FE2;
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(42,171,238,.32);
}

.tg-btn:active{
  transform:translateY(0);
  box-shadow:0 6px 14px rgba(42,171,238,.22);
}

.tg-btn:focus-visible{
  outline:3px solid rgba(42,171,238,.35);
  outline-offset:3px;
}

.contacts-page{
  max-width: 980px;
  margin: 0 auto;
  padding: 10px 0 30px;
}

.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);
}

.contacts-title{
  margin:0 0 8px;
  font-size:34px;
  line-height:1.1;
}

.contacts-title-sm{
  margin:0 0 10px;
  font-size:20px;
  line-height:1.2;
}

.contacts-subtitle{
  margin:0 0 18px;
  font-size:16px;
  opacity:.85;
}

.contacts-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap:16px;
}

@media (min-width: 760px){
  .contacts-grid{ grid-template-columns: 1fr 1fr; }
}

.contact-item{
  border:1px solid rgba(0,0,0,.06);
  border-radius:14px;
  padding:14px;
  background:rgba(0,0,0,.02);
}

.contact-label{
  font-weight:700;
  margin-bottom:8px;
}

.contact-row{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-bottom:10px;
}

.contact-link{
  color:inherit;
  text-decoration:underline;
  text-underline-offset:3px;
}

.contact-hint{
  font-size:13px;
  opacity:.75;
}

.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;
}

.btn-social img{
  width:18px;
  height:18px;
  display:block;
}

.btn-social:hover{
  transform: translateY(-1px);
  box-shadow:0 10px 22px rgba(0,0,0,.08);
}

.btn-telegram{
  background: rgba(42,171,238,.12);
  border-color: rgba(42,171,238,.25);
}

.btn-vk{
  background: rgba(0,119,255,.10);
  border-color: rgba(0,119,255,.22);
}

.talkme-box{
  height:400px;
  width:100%;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
}

.contacts-text{
  margin:14px 0 0;
  font-size:15px;
  opacity:.92;
}

.contacts-list{
  margin:0;
  padding-left:18px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.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;
}

.btn-telegram img{
  width:18px;
  height:18px;
  filter: brightness(0) invert(1);
}

.btn-telegram:hover{
  background:#1E9FE2;
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(42,171,238,.45);
}

.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;
}

.btn-vk img{
  width:18px;
  height:18px;
  filter: brightness(0) invert(1);
}

.btn-vk:hover{
  background:#0063D1;
  transform:translateY(-2px);
}

.btn-telegram,
.btn-vk{
  margin-top:10px;
}

.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;
}

.btn-vk img{
  filter:none !important;
}

* { background: 0 0; margin: 0; padding: 0; outline: 0; border: 0; box-sizing: border-box; } html { font-size: 100%; scroll-behavior: smooth; } button,input,select,textarea { font-size: inherit; font-family: inherit; } input:not([type="radio"], [type="checkbox"]) { display: inline-block; background: var(--white); color: inherit; padding: 15px 20px; border-radius: 10px; width: 100%; } input[type=button], input[type=checkbox], input[type=file], input[type=image], input[type=radio], input[type=reset], input[type=submit] { width: auto; } input[type="checkbox"], .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; } input[type="checkbox"]:before, .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; } input[type="checkbox"]:checked:before, .checkbox input:checked:before { left: 24px; } input[type="checkbox"]:checked, .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; } 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; } 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); } input[type="radio"]:checked { background-color: var(--color1); border: 2px solid var(--color1); } textarea { background: var(--white); color: var(--text); padding: 15px 20px; border-radius: var(--radius); width: 100%; } select { display: inline-block; background: var(--bg2); color: var(--text); padding: 15px 20px; border-radius: 10px; width: 100%; height: 55px; } .e-btn, .bbcodes, button[type="submit"], input[type="submit"], 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; } .e-btn:hover, .bbcodes:hover, button[type="submit"]:hover, input[type="submit"]:hover { background: var(--color2); } .e-grid2, .e-grid3, .e-grid4, .e-grid5, .e-grid6, .e-grid7 { display: grid; grid-gap: 20px 20px; grid-auto-rows: max-content; } .e-grid7 { grid-template-columns: repeat(7, 1fr); } .e-grid6 { grid-template-columns: repeat(6, 1fr); } .e-grid5 { grid-template-columns: repeat(5, 1fr); } .e-grid4 { grid-template-columns: repeat(4, 1fr); } .e-grid3 { grid-template-columns: repeat(3, 1fr); } @media (max-width: 860px) { .e-grid7, .e-grid6, .e-grid5, .e-grid4 { grid-template-columns: repeat(2, 1fr); } } .e-grid2 { grid-template-columns: repeat(2, 1fr); } @media (max-width: 860px) { .e-grid3, .e-grid2 { grid-template-columns: 1fr; } } .e-flex { display: flex; flex-wrap: wrap; flex-direction: row; } .e-flex50 { flex: 1 1 0%; max-width: 100%; min-width: 50px; } .e-center { position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%,-50%); } .e-nowrap { -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .e-cover img, .e-cover video, .e-cover iframe { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 860px) { .e-swipe { display:flex; justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; } .e-swipe > * { min-width: max-content; } } .e-clamp2, .e-clamp3, .e-clamp4, .e-clamp5 {   text-overflow: ellipsis; overflow: hidden; } .e-clamp2 { -webkit-line-clamp: 2; } .e-clamp3 { -webkit-line-clamp: 3; } .e-clamp4 { -webkit-line-clamp: 4; } .e-clamp5 { -webkit-line-clamp: 5; } .e-scroll::-webkit-scrollbar { position: relative; width: 4px; border-radius: 10px; } .e-scroll::-webkit-scrollbar-thumb { background-color: var(--color1); } .e-scroll::-webkit-scrollbar-track { background-color: var(--dark); } .e-none, .hidden, .e-mobile, .e-desktop { display: none; } @media (max-width: 860px) { .e-mobile { display: block; } } @media (min-width: 860px) { .e-desktop { display: block; } } .e-float { position: relative; margin-bottom: 20px; } .e-float label { position: absolute; color: var(--text2); font-size: 10px; top: 8px; left: 20px; transition: 0.3s; } .e-float input::-webkit-input-placeholder, .e-float textarea::-webkit-input-placeholder { opacity: 0; } .e-float input:placeholder-shown:not(:focus)::-webkit-input-placeholder, .e-float textarea:placeholder-shown:not(:focus)::-webkit-input-placeholder { opacity: 1; } .e-float input:placeholder-shown:not(:focus) + label, .e-float textarea:placeholder-shown:not(:focus) + label { opacity: 0; top: 12px; } .e-float input:placeholder-shown { padding: 20px; } .e-float input, .e-float textarea, .e-float input:focus, .e-float textarea:focus { border: 1px solid transparent; padding: 25px 20px 15px 20px; height: 55px; transition: 0.3s; } .e-float input:focus, .e-float ~ textarea:focus { border: 1px solid var(--color1); } .e-field { position: relative; align-items: center; grid-gap: 15px; text-align: left; margin-bottom: 20px; } .e-field label { display: inline-block; color: #737373; font-size: 14px; margin-bottom: 12px; } .e-field input { border: 1px solid transparent; } .e-field input:focus, .e-field ~ textarea:focus { border: 1px solid var(--color1); } .e-overlay { position: fixed; background: rgb(0 0 0 / 60%); width: 100%; height: 100%; top: 0; left: 0; z-index: 7; } .e-overlay.active { display: block; } .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; } .header-user_balance > li { padding: 10px 10px; } .header-user_balance > li + li { border-left: 1px solid var(--dark); padding-left: 10px; } .header-user_balance > li span { display: block; color: #454252; font-weight: 500; font-size: 10px; margin-top: 3px; }

#loading-layer { background: #000; padding: 20px; text-align: center; color: #fff; border-radius: var(--radius); } #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; } #dropmenudiv a { display: block; padding: 8px; border-radius: var(--radius); } #dropmenudiv a:hover { background: var(--light); } .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; } } .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; } .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; } .DLEPush-notification .DLEPush-header { font-size: 18px; font-weight: bold; margin-bottom: 3px; } .DLEPush-notification .DLEPush-close { position: absolute; top: 8px; right: 10px; font-size: 18px; cursor: pointer; opacity: 0.5; } .DLEPush-notification .DLEPush-close:hover { opacity: 1; } .DLEPush-notification.wrapper.push-success { background-color: #e0f2f1; } .DLEPush-notification.wrapper.push-success .DLEPush-icon { background-color: #00897b; } .DLEPush-notification.wrapper.push-warning { background-color: #FFF3E0; } .DLEPush-notification.wrapper.push-warning .DLEPush-icon { background-color: #FF9800; } .DLEPush-notification.wrapper.push-error { background-color: #FBE9E7; } .DLEPush-notification.wrapper.push-error .DLEPush-icon { background-color: #FF5722; } .dlepopupnewsedit input, .dlepopupnewsedit textarea { background: var(--bg2); } .dlepopupnewsedit .xfieldsrow > b { display: inline-block; margin-top: 20px; } .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) { .dlepopupnewsedit .xfieldsrow { grid-template-columns: 1fr; } } .dlepopupnewsedit .xfieldsrow + .xfieldsrow { margin-top: 20px; } .dlepopupnewsedit .xfieldscolleft, .dlepopupnewsedit .xfieldsrow label { color: #808191 } .qq-uploader { position: relative; width: 100%; } .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; } #uploadedfile_poster { display: flex; align-items: center; } .uploadedfile { background: #fff; color: #000; border-radius: var(--radius); text-align: center; overflow: hidden; font-size: 14px; } .file-preview-card .file-content, .folder-preview-card .file-content { border-radius: var(--radius); height: auto!important; overflow: hidden; } .file-preview-card .file-footer { border-top: none; } .file-box { background: var(--bg2); padding: 10px; border-radius: var(--radius); font-size: 12px; margin: 10px 0; overflow: hidden; } .progress { background: #eaeaf5; border-radius: var(--radius); height: 10px; margin-top: 5px; overflow: hidden; } .progress .progress-bar { background: #23d2e2; height: 100%; } .progress-bar span { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .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; } .attention form input { background: var(--light); font-weight: bold; margin: 10px 0; } .attention form input[type="submit"] { background: var(--bg); } .attention form input[type="submit"]:hover { background: var(--bg2); } .navigation { grid-column: 1/-1; text-align: center; margin: 0 auto; margin-top: 30px; } .navigation a, .navigation span, .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; } .navigation span { background: var(--color1); } .navigation a:hover, .navigation-ajax a:hover { background-color: var(--color2); color: #fff; } .navigation .navigation-ajax a, .navigation .navigation-ajax span { width: 200px; } .emoji { vertical-align: middle; width: 20px; height: 22px; } .emoji_box { width: 100%; max-width: 250px; } .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; } .emoji_list::-webkit-scrollbar { height: 5px; } .emoji_list::-webkit-scrollbar-thumb { background-color: #e9e9e9; } .emoji_symbol { cursor: pointer; } .native-emoji { font-size: 10px; font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols'; } @font-face{ font-family: 'bb-editor-font'; src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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) format('woff'); font-weight: normal; font-style: normal;font-display:swap} [class^="bb-btn"], [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; } .bb-pane { background: var(--color1); color: var(--text); border-radius: 20px 20px 0 0; padding: 10px; } .bb-pane:after { content: ""; display: block; clear: both; } .bb-pane > b { vertical-align: middle; } .bb-btn { display: inline-block; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 5px; cursor: pointer; } .bb-btn:hover { background: var(--color1); } .bb-sel { float: left; padding: 2px 2px 0 2px; } .bb-sel select { font-size: 11px; } .bb-sep { display: none; } #b_font select, #b_size select { padding: 0; } #b_b:before { content: "\f032"; } #b_i:before { content: "\f033"; } #b_u:before { content: "\f0cd"; } #b_s:before { content: "\f0cc"; } #b_img:before { content: "\f03e"; } #b_up:before { content: "\e930"; } #b_emo:before { content: "\f118"; } #b_url:before { content: "\f0c1"; } #b_leech:before { content: "\e98d"; } #b_mail:before { content: "\f003"; } #b_video:before { content: "\e913"; } #b_audio:before { content: "\e911"; } #b_hide:before { content: "\e9d1"; } #b_quote:before { content: "\e977"; } #b_code:before { content: "\f121"; } #b_left:before { content: "\f036"; } #b_center:before { content: "\f037"; } #b_right:before { content: "\f038"; } #b_color:before { content: "\e601"; } #b_spoiler:before { content: "\e600"; } #b_fla:before { content: "\ea8d"; } #b_yt:before { content: "\f166"; } #b_tf:before { content: "\ea61"; } #b_list:before { content: "\f0ca"; } #b_ol:before { content: "\f0cb"; } #b_tnl:before { content: "\ea61"; } #b_br:before { content: "\ea68"; } #b_pl:before { content: "\ea72"; } #b_size:before { content: "\f034"; } #b_font:before { content: "\f031"; } #b_header:before { content: "\f1dc"; } #b_sub:before { content: "\f12c"; } #b_sup:before { content: "\f12b"; } #b_justify:before { content: "\f039"; } .bb-pane h1, .bb-pane h2, .bb-pane h3, .bb-pane h4, .bb-pane h5, .bb-pane h6 { margin-top: 5px; margin-bottom: 5px; } .bb-pane h1 { font-size: 36px; } .bb-pane h2 { font-size: 30px; } .bb-pane h3 { font-size: 24px; } .bb-pane h4 { font-size: 18px; } .bb-pane h5 { font-size: 14px; } .bb-pane h6 { font-size: 12px; } .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; } .bb-pane-dropdown > li > a { display: block; padding: 3px 10px; clear: both; font-weight: normal; line-height: 1.42857; color: #353535; white-space: nowrap; } .bb-pane-dropdown > li > a:hover { text-decoration: none; color: #262626; background-color: whitesmoke; } .bb-pane-dropdown .color-palette div .color-btn { width: 17px; height: 17px; padding: 0; margin: 0; border: 1px solid #fff; cursor: pointer; } .bb-pane-dropdown .color-palette { padding: 0px 5px; } .bb-pane + textarea { border-radius: 0 0 20px 20px; } .bb-editor textarea { background: var(--bg2); width: 100%; height: auto; padding: 30px; margin-top: 0!important; } .dle-form { max-width: 600px; } #dle-captcha img { border-radius: var(--radius); } .dle-form_protec input { display: block; width: 230px; } .wseditor { border: 1px solid var(--bg2); grid-column: 1/-1; border-radius: var(--radius); overflow: hidden; } .unit-rating, .unit-rating li a:hover, .unit-rating li.current-rating { background-image: url(../dleimages/rating.svg); background-size: 20px auto; } .unit-rating li.current-rating { position: absolute; background-position: 0 0; display: block; text-indent: -9000px; z-index: 1; } .unit-rating { position: relative; width: 100px; height: 20px; background-position: 0 -20px; } .unit-rating li a { position: absolute; display: block; width: 20px; height: 20px; text-indent: -9000px; z-index: 17; } .unit-rating li a:hover { background-position: 0 -60px; z-index: 2; left: 0; } .unit-rating a.r1-unit { left: 0; } .unit-rating a.r1-unit:hover { width: 20px; } .unit-rating a.r2-unit { left: 20px; } .unit-rating a.r2-unit:hover { width: 40px; } .unit-rating a.r3-unit { left: 40px; } .unit-rating a.r3-unit:hover { width: 60px; } .unit-rating a.r4-unit { left: 60px; } .unit-rating a.r4-unit:hover { width: 80px; } .unit-rating a.r5-unit { left: 80px; } .unit-rating a.r5-unit:hover { width: 100px; } .dle-comm form textarea + .dle-form_flex { margin-top: 20px; } .dle-comm_submit { display: flex; justify-content: space-between; margin-top: 20px; } @media (max-width: 860px) { .dle-comm_submit { display: block; } } .dle-comm_submit button i { margin-right: 5px; } .dle-comm_item { background: var(--bg); padding: 20px 30px; border-radius: var(--radius); } .dle-comm_meta { align-items: center; justify-content: space-between; grid-gap: 15px; font-size: 14px; color: var(--text2); margin-bottom: 20px; } .dle-comm_user { display: flex; align-items: center; color: var(--text); margin-right: auto; } .dle-comm_user > img, .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; } .dle-comm_user > div a { display: block; font-size: 18px; font-weight: bold; margin-bottom: 2px; } .dle-comm_user > div span { opacity: 0.6; font-size: 13px; } .dle-comm_text { font-size: 16px; line-height: 1.5; } .dle-comm_det { position: relative; background: var(--light); border-radius: 50%; width: 30px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; } .dle-comm_det.active > div { visibility: visible; opacity: 1; } .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; } .dle-comm_det > div a { display: block; margin: 4px 0; } .dle-comm_det > div a:hover { color: var(--color1); } .comments-tree-list > li + li { } .comments-tree-item textarea { background: var(--bg); } .comments-tree-item > ol { background: var(--bg2); padding: 20px; border-radius: var(--radius); margin: 20px 0; margin-left: 20px; } .comments-tree-item > ol ol { padding: 0; margin: 30px 0 10px; margin-left: 40px; } #dlefastreplycomments { background: var(--bg2); padding: 20px; border-radius: var(--radius); margin-top: 20px; } #dlefastreplycomments .commentsreplyname, #dlefastreplycomments .commentsreplymail { display: inline-block; margin-top: 20px; } #dlefastreplycomments input[type="text"] { display: inline-block; background: var(--bg); } #dlefastreplycomments .bb-editor { margin-top: 20px; } #dlefastreplycomments .dle-captcha { display: flex; align-items: center; margin: 20px 0; } #dlefastreplycomments .dle-captcha > a img { display: inline-block; width: auto; height: 70px; border-radius: var(--radius); margin-right: 20px; } #dlefastreplycomments .save-buttons { display: flex; grid-gap: 10px; margin-top: 15px; } .mass_comments_action { display: flex; align-items: center; margin-top: 30px; } @media (max-width: 860px) { .mass_comments_action { text-indent: -9999px; } } .mass_comments_action select { margin-right: 20px; } #dle-comments-list [id^="comment"] + [id^="comment"] { margin-top: 20px; border-top: 1px solid var(--dark); padding-top: 20px; } 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; } .hljs-comment, .hljs-quote { color: #a0a1a7; font-style: italic; } .hljs-doctag, .hljs-keyword, .hljs-formula { color: #a626a4; } .hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst { color: #e45649; } .hljs-literal { color: #0184bb; } .hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string { color: #50a14f; } .hljs-built_in, .hljs-class .hljs-title { color: #c18401; } .hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-number { color: #986801; } .hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title { color: #4078f2; } .hljs-emphasis { font-style: italic; } .hljs-strong { font-weight: bold; } .hljs-link { text-decoration: underline; } .scriptcode,.text_spoiler,.title_quote,.title_spoiler { padding: 20px; border: 2px solid #e8e8e8; border-radius: 10px; } blockquote, .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; } blockquote:before, .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); } .dle-text p + p, .dle-text p + h2 { margin-top: 20px; } .dle-text a { color: var(--color1); } .dle-text img { width: 100%; } .dle-text ul, .dle-text ol { position: relative; color: #a5a1b2; padding-left: 40px; line-height: 1.5; list-style: auto; } .dle-text ul { list-style: disc; } .dle-text ul li, .dle-text ol li { margin: 10px 0; } .dle-text ol li strong, .dle-text ol li b, .dle-text ul li b { color: var(--color3); } #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; } .dle-vote { border: 2px solid var(--color1); border-radius: 10px; padding: 30px; margin: 20px 0; } .dle-vote h3 { margin-bottom: 0; } .pollanswer { display: block; margin-top: 20px; } .pollanswer:first-child { margin-top: 0; } .dle-vote_grade { font-weight: 500; opacity: 0.6; margin-bottom: 20px; } .dle-vote_list { display: inline-block; font-size: 15px; line-height: 1.7; margin: 20px 0; } .pollprogress,.voteprogress { background: var(--light); height: 6px; margin: 15px 0; border-radius: 2px; overflow: hidden; } .pollprogress span,.voteprogress span { display: block; background: var(--color1); text-indent: -9999px; } .pollallvotes { display: none; } .dle-atta { background: var(--bg); padding: 20px; border-radius: 10px; } .dle-atta_title h4 { margin-bottom: 10px; } .dle-atta span { font-size: 14px; } .dle-atta_count { display: flex; align-items: center; justify-content: space-between; margin: 10px 0; } .dle-atta a { display: block; } .dle-stats_top { background: var(--bg2); padding: 30px; margin-bottom: 30px; } .dle-stats_top li { position: relative; margin: 10px 0; margin-top: 15px; padding-left: 30px; } .dle-stats_top li:before { content: ""; position: absolute; left: 0; top: 4px; background-color: #3394e6; width: 16px; height: 16px; border-radius: 50%; } .dle-stats_top li:nth-child(1):before { background-color: #f6a71a; } .dle-stats_top li:nth-child(2):before { background-color: #ce3f28; } .dle-stats_top li span { display: block; font-size: 16px; font-weight: bold; margin-bottom: 10px; } .dle-stats h2 { margin-bottom: 10px; } .dle-stats p { border-top: 1px dotted #d5d5d5; margin: 10px 0; padding-top: 10px; } .dle-stats p > b { float: right; } .dle-popup-newpm { display: none!important; } .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) { .ui-dialog { width: calc(100% - 40px); min-width: unset; } } .ui-dialog-titlebar { position: relative; display: flex; align-items: center; justify-content: space-between; font-size: 22px; font-weight: bold; margin-bottom: 20px; } .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; } .ui-dialog-titlebar-close:before { content: "\f00d"; position: absolute; inset: 0; color: var(--text2); font-family: "Font Awesome 6 Pro"; } .ui-dialog #dletwofactorsecret img, .ui-dialog #dletwofactorsecret p { margin-bottom: 10px; font-size: 15px; line-height: 1.5; } .ui-dialog input, .ui-dialog select,.ui-dialog textarea { background: var(--engine2); } .ui-dialog .ui-dialog-content { line-height: 1.5; font-size: 16px; } .ui-dialog-buttonset { display: flex; align-items: center; justify-content: center; grid-gap: 15px; margin-top: 20px; } .ui-dialog-buttonset button { display: inline-block; background: var(--color1); color: #fff; border-radius: 8px; padding: 13px 28px; font-weight: bold; cursor: pointer; } .ui-dialog-buttonset button:first-child { background: var(--color2); } .ui-dialog-buttonset button:first-child:hover { background: var(--light2); } .ui-dialog-buttonset button:hover { background: var(--color2); } .ui-dialog #dlereplypopup textarea { margin-top: 20px; } .pm-page > .pm-page { margin-top: 20px; } .pm-page .dle-comm_item { background: var(--bg2); padding: 20px; border-radius: 10px; } .pm-page_lists { align-items: center; margin-bottom: 20px; } .pm-page_lists li + li { margin-left: 10px; } .pm-page_lists a { display: inline-block; background: var(--bg2); padding: 10px 20px; border-radius: 10px; } @media (max-width: 860px) { .pm-page_lists a { padding: 10px; } } .pm-page_lists a:hover { background: var(--color1); color: var(--text1) } .pm-page_status { position: relative; background: var(--bg2); padding: 20px; border-radius: 10px; } .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; } .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 } .pm select { width: 100%; margin-bottom: 10px } .pm td.pm_head,.pm td.pm_list,.userstop td { border-bottom: 2px solid var(--bg2); padding: 12px 20px; } @media (max-width: 860px) { .pm_list.pm_from, .pm td:nth-child(3) { display: none; } } table.pm,table.userstop { width: 100%; margin-bottom: 0; font-size: 14px; } table.pm select { width: 175px } @media (max-width: 860px) { .pm-page tbody tr td:nth-child(1) { display: none; } } #fullsearch { grid-column: 1/-1 } #fullsearch div, #searchinput { margin: 0!important; width: 100%!important; } #fullsearch #dofullsearch { display: none; } #fullsearch table { margin-bottom: 30px; } #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) { #searchsuggestions { border-radius: 0 0 var(--radius) var(--radius); z-index: 9999; } } #searchsuggestions > a:not(.dle-fast_item) { display: inline-block; color: #a5a1b2; font-size: 14px; margin-bottom: 10px; } #searchsuggestions > a .searchheading { display: block; color: var(--color3); font-weight: bold; margin-bottom: 10px; } .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; } .dle-fast_item:hover { background: var(--bg2); } .dle-fast_item > img { width: 100%; height: auto; aspect-ratio: 1 / 1; border-radius: var(--radius); } .dle-fast_item > div > a { display: block; color: var(--text); font-weight: bold; margin-bottom: 5px; } .dle-fast_item > div > a:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dle-fast_meta { display: flex; align-items: center; grid-gap: 10px; color: var(--text2); font-size: 12px; } #searchsuggestions .seperator { display: block; background: var(--color1); color: #000; border-radius: var(--radius); padding: 8px 10px; width: 100%; font-size: 12px; text-align: center; } #searchsuggestions .notfound { display: block; margin-bottom: 10px; } .dle-lk { position: relative; background: var(--bg2); border-radius: 40px 40px var(--radius) var(--radius); overflow: hidden; margin-bottom: 30px; } .dle-lk_bg { width: 100%; height: 150px; } .dle-lk_user { display: flex; grid-gap: 30px; align-items: end; padding: 0 60px 0; margin-top: -40px; } @media (max-width: 860px) { .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; } } .dle-lk_user > div:first-child { position: relative; display: inline-block; border: 5px solid var(--bg2); width: 120px; height: 120px; border-radius: 50%; } .dle-lk_user > div:first-child img { border-radius: 50%; } .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; } .dle-lk_user > div:first-child.online:before { background: #40d04f; box-shadow: 4px 7px 12px 0 rgba(64, 208, 79, 0.3); } .dle-lk_user > div:nth-child(2) span { display: block; color: var(--text2); font-size: 14px; margin-top: -25px; margin-bottom: 15px; } .dle-lk_user > ul { display: flex; flex-wrap: wrap; align-items: center; grid-gap: 25px; margin-left: auto; } .dle-lk_user > ul li div { display: flex; align-items: center; grid-gap: 10px; font-size: 18px; font-weight: bold; } .dle-lk_user > ul li i { background: var(--bg); border-radius: var(--radius); width: 40px; height: 40px; line-height: 40px; text-align: center; } .dle-lk_user > ul li i.fa-coin-vertical { background: #8BC34A; color: #fff; } .dle-lk_user > ul li > span { font-size: 12px; color: var(--text2); } .dle-lk_tabs { display: flex; align-items: center; justify-content: center; grid-gap: 20px; padding: 30px 30px 0; } .dle-lk_tabs > span { padding-bottom: 10px; border-bottom: 4px solid transparent; cursor: pointer; } .dle-lk_tabs > span.active { border-color: var(--color1); font-weight: bold; cursor: pointer; } .dle-lk_content { display: none; } .dle-lk_content.active { display: block; } .dle-lk_content input, .dle-lk_content select, .dle-lk_content textarea { background: var(--white); } .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; } .dle-lk_upload input[type=file] { display: none; } .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; } .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; } .dle-lk_upload button + span { display: block; color: #92909a; line-height: 1.5; font-size: 12px; margin-top: 10px; } .dle-lk_soc { background: var(--white); padding: 20px; border-radius: var(--radius); } .dle-lk_soc > span { display: inline-block; color: var(--text2); font-size: 14px; margin-bottom: 20px; } .dle-lk_soc > div { display: flex; align-items: center; grid-gap: 10px; } .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; } .dle-lk_soc > div a:hover { opacity: 0.9 } .dle-lk_soc > div > span[id] a { background: var(--light2); } .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; } .dle-lk_soc > div > span[id] a:before { content: "-"; background: #F44336; } .dle-lk_link { display: flex; align-items: center; grid-gap: 20px; } .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; } .dle-lk_link .self_delete_link:hover { background: var(--light2); } .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; } .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; }

.header-nav__submenu.megamenu{
  border-top:1px solid #eceff4;
  border-radius:0 0 16px 16px;
  overflow:hidden;
}

.megamenu .megamenu__wrap{
  align-items:stretch;
  min-height:520px;
}

.megamenu__col--parents{
  width:360px;
  background:linear-gradient(180deg,#fafbfc 0%,#f5f7fa 100%);
}

.megamenu__parents{
  max-height:520px;
  padding:12px;
}

.megamenu__parent{
  gap:12px;
  border-radius:14px;
  transition:background .2s ease, box-shadow .2s ease;
}

.megamenu__link{
  width:100%;
}

.megamenu__link-main{
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
}

.megamenu__link-text{
  flex:1 1 auto;
  min-width:0;
  line-height:1.35;
}

.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;
}

.megamenu__icon--parent{
  background:#eef2f6;
}

.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,#94c608);
  font-size:20px;
}

.megamenu__icon--child{
  width:42px;
  height:42px;
  min-width:42px;
  border-radius:14px;
}

.megamenu__parent a.megamenu__link{
  display:block;
  padding:12px 14px;
}

.megamenu__parent:hover,
.megamenu__parent.is-open,
.megamenu__parent.is-current{
  background:#fff;
  box-shadow:0 8px 20px rgba(22,34,51,.06);
}

.megamenu__parent:hover a.megamenu__link,
.megamenu__parent.is-open a.megamenu__link,
.megamenu__parent.is-current a.megamenu__link{
  background:transparent;
}

.megamenu__parent.is-open .megamenu__icon--parent,
.megamenu__parent.is-current .megamenu__icon--parent,
.megamenu__parent:hover .megamenu__icon--parent{
  background:rgba(var(--color1-rgb,148,198,8),.12);
  color:var(--color1,#94c608);
}

.megamenu__parent.is-open .megamenu__link-text,
.megamenu__parent.is-current .megamenu__link-text,
.megamenu__parent:hover .megamenu__link-text{
  color:#14192a;
}

.megamenu__arrow{
  margin-right:18px;
}

.megamenu__col--children{
  background:#fff;
}

.megamenu__panel{
  padding:22px 24px 24px;
}

.megamenu__panel-head{
  align-items:flex-start;
  gap:16px;
  margin-bottom:18px;
  padding-bottom:16px;
  border-bottom:1px solid #f0f2f5;
}

.megamenu__panel-head-main{
  display:flex;
  align-items:center;
  gap:14px;
}

.megamenu__title-wrap{
  display:flex;
  flex-direction:column;
  gap:3px;
}

.megamenu__title{
  font-size:28px;
  line-height:1.15;
  color:#162233;
}

.megamenu__subtitle{
  color:#7b8794;
  font-size:14px;
  line-height:1.45;
}

.megamenu__all{
  white-space:nowrap;
  padding:10px 14px;
  border-radius:12px;
}

.megamenu__children{
  margin-left:0;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  max-height:430px;
  padding-right:4px;
}

.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;
}

.megamenu__child:hover{
  transform:translateY(-2px);
  border-color:#dde5ec;
  box-shadow:0 10px 24px rgba(18,34,51,.06);
}

.megamenu__child-link{
  display:flex;
  align-items:flex-start;
  gap:12px;
  text-decoration:none;
}

.megamenu__child-body{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}

.megamenu__child-title{
  display:block;
  font-weight:700;
  font-size:16px;
  line-height:1.3;
  color:#1f2937;
}

.megamenu__child-meta{
  display:block;
  color:#8592a3;
  font-size:13px;
  line-height:1.35;
}

.megamenu__child.is-active{
  border-color:rgba(var(--color1-rgb,148,198,8),.35);
  box-shadow:0 12px 28px rgba(148,198,8,.10);
}

.megamenu__child.is-active .megamenu__icon--child,
.megamenu__child:hover .megamenu__icon--child{
  background:rgba(var(--color1-rgb,148,198,8),.12);
  color:var(--color1,#94c608);
}

.megamenu__child.is-active .megamenu__child-title{
  color:var(--color1,#94c608);
}

.megamenu__grand{
  margin:0;
  gap:8px;
}

.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;
}

.megamenu__grand-item a:hover,
.megamenu__grand-item.is-active a{
  background:rgba(var(--color1-rgb,148,198,8),.12);
  color:var(--color1,#94c608);
}

.megamenu__empty{
  padding:24px 0;
}

@media (max-width: 1360px){
  .megamenu__children{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .megamenu__title{
    font-size:24px;
  }
}

@media (max-width: 1020px){
  .megamenu .megamenu__wrap,
  .megamenu__children{
    min-height:0;
    grid-template-columns:1fr;
  }
}

.mobcats__label{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.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;
}

.mobcats__icon--sm{
  width:28px;
  height:28px;
  min-width:28px;
  border-radius:9px;
  font-size:13px;
}

.mobcats__icon--xs{
  width:22px;
  height:22px;
  min-width:22px;
  border-radius:50%;
  font-size:10px;
  background:#f7f8fa;
}

.mobcats__li.is-open > .mobcats__plink .mobcats__icon,
.mobcats__li > .mobcats__plink:hover .mobcats__icon{
  background:rgba(var(--color1-rgb,148,198,8),.12);
  color:var(--color1,#94c608);
}

.mc-orders{width:100%;color:#29323d}.mc-orders__top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 22px}.mc-orders__title{margin:0;font-size:26px;line-height:1.2;font-weight:700;color:#202832}.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:#eef6d9;color:var(--color1);font-size:14px}.mc-orders__subtitle{margin-top:6px;color:#89929d;font-size:13px}.mc-orders__filters{display:flex;flex-wrap:wrap;gap:7px}.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}.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}.mc-orders__filter:hover,.mc-orders__filter.is-active{border-color:#b8d76b;background:#f5fae9;color:#568000}.mc-orders__filter.is-active span{background:#e5f2c5;color:#568000}.mc-orders__list{display:grid;gap:16px}.mc-order-card{background:#fff;border:1px solid #e8ebee;border-radius:16px;box-shadow:0 4px 18px rgba(29,39,49,.045);overflow:hidden}.mc-order-card[hidden]{display:none!important}.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}.mc-order-card__meta,.mc-order-card__head-right{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.mc-order-card__number{font-size:13px;font-weight:700;color:#374250}.mc-order-card__date{font-size:12px;color:#8b949f}.mc-order-card__date i{margin-right:4px}.mc-order-card__total{font-size:15px;color:#27323d}.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}.mc-order-status--paid{background:#edf8e7;color:#5d8c1a}.mc-order-status--pending{background:#fff7df;color:#a57408}.mc-order-status--cancelled{background:#f5f0f0;color:#9b6969}.mc-order-card__products{padding:4px 18px}.mc-order-product{display:grid;grid-template-columns:76px minmax(0,1fr);gap:15px;padding:14px 0}.mc-order-product+.mc-order-product{border-top:1px solid #edf0f2}.mc-order-product__poster{display:block;width:76px;height:88px;border-radius:10px;overflow:hidden;background:#f2f3f4}.mc-order-product__poster img{display:block;width:100%;height:100%;object-fit:cover}.mc-order-product__body{min-width:0;display:flex;flex-direction:column;justify-content:center}.mc-order-product__title{display:block;color:#2d3742;font-size:15px;font-weight:650;line-height:1.35;text-decoration:none}.mc-order-product__title:hover{color:var(--color1)}.mc-order-product__meta{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:7px;color:#929aa4;font-size:12px}.mc-order-product__meta span+span{position:relative}.mc-order-product__meta span+span:before{content:'•';margin-right:9px;color:#c7ccd1}.mc-order-product__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}.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}.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}.mc-orders__btn--primary{background:var(--color1);border-color:var(--color1);color:#fff!important}.mc-orders__btn--primary:hover{filter:brightness(.94)}.mc-orders__btn--light{background:#fff;border-color:#dfe4e8;color:#53606e!important}.mc-orders__btn--light:hover{background:#f5f7f8;border-color:#d2d8dd}.mc-orders__btn--danger{background:#fff;border-color:#eadcdc;color:#a06c6c!important}.mc-orders__btn--danger:hover{background:#fff5f5;border-color:#dfc7c7}.mc-orders__btn:disabled,.mc-orders__btn.is-loading{opacity:.55;cursor:wait}.mc-order-card__paid-note{display:inline-flex;align-items:center;gap:7px;color:#85909b;font-size:12px}.mc-order-card__paid-note i{color:#7fa927}.mc-orders__empty-filter,.mc-orders__empty{padding:34px 20px;border:1px dashed #dce1e5;border-radius:15px;background:#fff;text-align:center;color:#7f8995}.mc-orders__empty-filter{margin-top:14px}.mc-orders__empty h2{margin:8px 0 6px;color:#303a45;font-size:22px}.mc-orders__empty p{max-width:520px;margin:0 auto 18px;line-height:1.55}.mc-orders__empty-icon{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:#f2f7e6;color:var(--color1);font-size:23px}.mc-order-modal[hidden]{display:none!important}.mc-order-modal{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:18px}.mc-order-modal__backdrop{position:absolute;inset:0;background:rgba(20,25,30,.55);backdrop-filter:blur(2px)}.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)}.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}.mc-order-modal__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:13px;border-radius:13px;background:#eef7da;color:var(--color1);font-size:20px}.mc-order-modal h3{margin:0;color:#26303a;font-size:21px}.mc-order-modal__course{margin-top:6px;padding-right:30px;color:#7c8793;font-size:13px;line-height:1.45}.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}.mc-order-modal__content a{color:#668f00;text-decoration:underline;text-underline-offset:2px}.mc-order-modal__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.mc-order-modal__notice{min-height:18px;margin-top:8px;color:#61920c;font-size:12px}.mc-order-modal-open{overflow:hidden}.dle-lk_content .mc-orders{margin-top:2px}.dle-lk_content .mc-orders__top{align-items:flex-start}.dle-lk_content .mc-order-card{box-shadow:none}
@media(max-width:860px){.mc-orders__top{align-items:flex-start;flex-direction:column;gap:14px}.mc-orders__filters{width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}.mc-orders__filter{white-space:nowrap}.mc-order-card__head{align-items:flex-start}.mc-order-card__head-right{justify-content:flex-end}.mc-order-product{grid-template-columns:68px minmax(0,1fr);gap:12px}.mc-order-product__poster{width:68px;height:82px}.mc-order-product__actions{grid-column:1/-1}.mc-orders__btn{min-height:38px}.mc-order-card__footer .mc-orders__btn{flex:1}.mc-order-card__paid-note{width:100%}.mc-order-modal__dialog{padding:22px 18px}.mc-order-modal__actions .mc-orders__btn{flex:1}}
@media(max-width:520px){.mc-orders__title{font-size:22px}.mc-order-card__head{display:block}.mc-order-card__head-right{justify-content:space-between;margin-top:10px}.mc-order-product{grid-template-columns:58px minmax(0,1fr)}.mc-order-product__poster{width:58px;height:72px}.mc-order-product__title{font-size:14px}.mc-order-product__actions{margin-left:-70px;padding-top:8px}.mc-order-product__actions .mc-orders__btn{flex:1 1 150px}.mc-order-card__products{padding-left:14px;padding-right:14px}.mc-order-card__head,.mc-order-card__footer{padding-left:14px;padding-right:14px}}

@media(min-width:1101px){.mc-orders__list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.mc-order-card{min-width:0}.mc-order-card__head{gap:12px;padding:14px 16px}.mc-order-card__products{padding-left:16px;padding-right:16px}.mc-order-card__footer{padding-left:16px;padding-right:16px}.mc-order-product__title{font-size:14px}}
.mc-order-product__meta span+span:before{content:"\2022"!important}
.basket-total .basket-total_earnbonus{align-items:center;justify-content:flex-start;gap:12px;margin-top:14px;padding:13px 14px!important;border:1px solid #dcebb9!important;border-radius:12px;background:#f5fae9;color:#435222;font-size:14px!important;text-align:left}
.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:#e4f1c4;color:#6f9c06;font-size:17px}
.basket-total_earnbonus-text{display:block;min-width:0}.basket-total_earnbonus-text b{display:block;color:#5d8500;font-size:15px;line-height:1.25}.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){.basket-total .basket-total_earnbonus{padding:11px 12px!important}.basket-total_earnbonus-icon{flex-basis:34px;width:34px;height:34px}}

.mc-bonus-history{max-width:920px;margin:0 auto;color:#29323d}.mc-bonus-history__head{margin:0 0 18px}.mc-bonus-history__head h2{margin:0;font-size:25px;color:#202832}.mc-bonus-history__head p{margin:6px 0 0;color:#8a949f;font-size:13px}.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}.mc-bonus-history__item+.mc-bonus-history__item{margin-top:9px}.mc-bonus-history__icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;font-size:14px}.mc-bonus-history__item--earn .mc-bonus-history__icon{background:#eef7da;color:#6f9d0b}.mc-bonus-history__item--spend .mc-bonus-history__icon{background:#fff3e8;color:#b16c25}.mc-bonus-history__body{min-width:0}.mc-bonus-history__body b{display:block;color:#34404c;font-size:14px;line-height:1.35}.mc-bonus-history__body span{display:block;margin-top:4px;color:#949da7;font-size:12px}.mc-bonus-history__amount{font-size:18px;font-weight:750;white-space:nowrap}.mc-bonus-history__item--earn .mc-bonus-history__amount{color:#6d9a12}.mc-bonus-history__item--spend .mc-bonus-history__amount{color:#ad6a2c}.mc-bonus-history__empty{padding:28px 20px;border:1px dashed #dce1e5;border-radius:14px;background:#fff;text-align:center;color:#7f8995}.store-bonus-history{padding-top:4px}
@media(max-width:600px){.mc-bonus-history__item{grid-template-columns:36px minmax(0,1fr) auto;padding:12px;gap:10px}.mc-bonus-history__icon{width:36px;height:36px}.mc-bonus-history__amount{font-size:16px}.mc-bonus-history__body b{font-size:13px}.mc-order-card__footer .mc-order-card__paid-note{order:2}.mc-order-card__footer [data-order-email]{flex:1 1 100%}}

.mc-cart-checkout .basket-form{align-self:start}
.mc-cart-summary{align-self:start}
.basket-order-tools{display:grid;gap:12px;margin-top:16px}
.mc-cart-tool-card{padding:16px;border:1px solid #e7ebef;border-radius:14px;background:#f7f9fa}
.mc-cart-tool-card h2{margin:0 0 10px;font-size:17px;line-height:1.25}
.mc-cart-tool-hint{display:block;margin:-2px 0 12px;color:#6f7b86;font-size:12.5px;line-height:1.45}
.mc-cart-tool-card .basket-form_promo{display:flex;gap:8px;align-items:stretch}
.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}
.mc-cart-tool-card .basket-form_promo button{flex:0 0 auto;min-height:42px;padding:0 13px;border:0;border-radius:10px;background:#8fd000;color:#fff;font-weight:700;cursor:pointer}
.mc-cart-tool-card #promoresult{margin-top:8px;font-size:12.5px}
.mc-cart-bonus-row{gap:12px;align-items:center}
.mc-cart-bonus-row>div{display:flex;flex-direction:column;gap:2px}
.mc-cart-bonus-row>div>b{font-size:14px}
.mc-cart-bonus-row>div>span{color:#7c8791;font-size:12.5px}
.mc-cart-side-pay{display:none;width:100%;margin-top:14px;min-height:52px;border:0;border-radius:12px;background:#8fd000;color:#fff;font-size:16px;font-weight:800;cursor:pointer;align-items:center;justify-content:center;gap:9px;box-shadow:0 8px 22px rgba(112,160,0,.17)}
.mc-cart-side-pay:hover,.mc-cart-tool-card .basket-form_promo button:hover{filter:brightness(.96)}
.mc-cart-bottom-pay{margin-top:4px}
@media (max-width:900px){.basket-order-tools{margin-top:12px}.mc-cart-tool-card{padding:14px}.mc-cart-tool-card .basket-form_promo{flex-direction:column}.mc-cart-tool-card .basket-form_promo button{width:100%}}

.mc-cart-pay-button{align-items:center;justify-content:center;gap:9px}
.mc-cart-side-pay{width:100%;margin-top:18px;min-height:52px}
@media (min-width:901px){.mc-cart-side-pay{display:flex}}

.mc-cart-bottom-pay i,
.mc-cart-side-pay i{margin-right:8px}
@media (max-width:900px){
  .mc-cart-side-pay{display:none!important}
  .mc-cart-bottom-pay{display:inline-flex;align-items:center;justify-content:center}
}

@media (max-width:1020px){
  
  .mobcats__li.has-children{position:relative!important}
  .mobcats__li.has-children > .mobcats__plink{display:block!important;padding-right:48px!important}
  .mobcats__li.has-children > .mobcats__toggle{
    position:absolute!important;
    z-index:3!important;
    right:4px!important;
    top:10px!important;
    margin:0!important;
  }
  .mobcats__panel .mobcats__li.has-children > .mobcats__toggle{top:5px!important;right:0!important}
}

@media (max-width:630px){
  
  .promo-cats{padding-top:0!important}
  .promo-cats .tabs__controlls{padding-top:0!important;padding-bottom:0!important}
  .promo-cats .promo-products > .oblique-btns{padding-top:0!important;padding-bottom:6px!important}
  .promo-cats .promo-products .oblique-btns__btn-wr{top:0!important;margin-top:0!important;margin-bottom:10px!important}
}

.basket-empty[hidden]{display:none!important}
.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}
.basket-empty__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:17px;border-radius:20px;background:#f1f7e4;color:var(--color1);font-size:25px}
.basket-empty strong{display:block;margin-bottom:7px;color:#26313c;font-size:20px;line-height:1.25}
.basket-empty>span:not(.basket-empty__icon){max-width:285px;font-size:13px;line-height:1.55}
.basket-empty>a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin-top:20px;padding:0 19px;border:1px solid #dbe8bb;border-radius:12px;background:#f7fbeF;color:#628d00;font-size:13px;font-weight:700}
.basket-empty>a:hover{background:#eff7dc;color:#4f7600}
.basket-content>.basket-total{margin-top:auto}
.basket-checkout-link{margin-top:26px!important}
@media(max-width:600px){.basket-empty{min-height:280px;padding:28px 14px}.basket-empty__icon{width:58px;height:58px;border-radius:17px;font-size:22px}.basket-empty strong{font-size:18px}}

.mc-checkout-v18{grid-template-columns:minmax(0,1fr) 420px!important;gap:32px!important;align-items:start}
.mc-checkout-main{min-width:0}
.mc-checkout-main>h1{margin:0 0 18px;font-size:30px;line-height:1.15}
.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)}
.mc-checkout-card__head{display:flex;align-items:flex-start;gap:13px;margin-bottom:18px}
.mc-checkout-card__head--simple{margin-bottom:20px}
.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:#f0f6e2;color:#78a900;font-size:17px}
.mc-checkout-card__head h2{margin:0;color:#27313b;font-size:20px;line-height:1.25}
.mc-checkout-card__head p{margin:4px 0 0;color:#8a949e;font-size:12.5px;line-height:1.45}
.mc-checkout-email label{display:block;margin-bottom:7px;color:#57616d;font-size:13px;font-weight:600}
.mc-checkout-email input{width:100%;height:48px;padding:0 14px;border:1px solid #dfe4e8;border-radius:11px;background:#f8fafb;color:#29323c}
.mc-checkout-email input:focus{border-color:#a9cf4e;background:#fff;box-shadow:0 0 0 3px rgba(148,198,8,.09)}
.mc-required{color:#e24f4f}
.mc-email-suggestion{margin-top:7px;color:#68737f;font-size:12px;transition:opacity .3s}
.mc-email-suggestion button{margin-left:7px;padding:4px 8px;border:1px solid #dce2e6;border-radius:7px;background:#fff;color:#668d08;cursor:pointer}
.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}
.mc-checkout-account-email>span{color:#9099a3;font-size:12px}
.mc-checkout-account-email>b{min-width:0;color:#2f3944;font-size:14px;overflow-wrap:anywhere}
.mc-checkout-account-email>small{grid-column:2;color:#89939d;font-size:11.5px}
.mc-payment-help{margin:0 0 16px;color:#7e8893;font-size:13px;line-height:1.5}
.mc-payment-help a{color:#75a000;text-decoration:underline;text-underline-offset:2px}
.mc-checkout-payment-card .basket-payment,.mc-checkout-payment-card .basket-form_payment{margin:0}
.mc-checkout-payment-card .e-grid4{margin-top:0}

.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}
.mc-checkout-summary-card>.basket-header{margin:0;padding:20px 22px 16px;border-bottom:1px solid #edf0f2}
.mc-checkout-summary-card>.basket-header h3{margin:0;font-size:19px;color:#27313b}
.mc-checkout-summary-subtitle{display:block;margin-top:3px;color:#949da6;font-size:11.5px}
.mc-checkout-summary-card>.basket-header>a{padding:6px 11px;border-radius:9px;background:#f4f6f7;color:#7b858f;font-size:12px}
.mc-checkout-summary-section{padding:18px 22px}
.mc-checkout-products-section{padding-bottom:10px}
.mc-checkout-summary-label{display:flex;align-items:center;gap:9px;margin-bottom:12px;color:#303a44;font-size:14px}
.mc-checkout-summary-icon,.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:#f1f6e5;color:#7aa900;font-size:14px}
.mc-checkout-summary-card .basket-list{max-height:330px;margin:0;overflow-y:auto}
.mc-checkout-summary-card .basket-list>li{grid-template-columns:88px minmax(0,1fr);gap:11px;padding:10px;background:#f7f9fa;border-radius:12px}
.mc-checkout-summary-card .basket-list>li+li{margin-top:8px;border-top:0}
.mc-checkout-summary-card .basket-list>li img{width:88px;aspect-ratio:16/9}
.mc-checkout-summary-card .basket-list_title{font-size:13px;line-height:1.3}
.mc-checkout-summary-card .basket-list_price{font-size:12px}
.mc-checkout-summary-card .basket-list li .fa-trash{width:32px;height:32px;line-height:32px;font-size:14px}

.mc-checkout-summary-tools{border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2}
.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}
.mc-checkout-tool-row+.mc-checkout-tool-row{border-top:1px solid #edf0f2}
.mc-checkout-tool-row.is-active{background:#fbfdf6}
.mc-checkout-tool-copy{min-width:0}
.mc-checkout-tool-copy>b{display:block;color:#303a44;font-size:14px;line-height:1.3}
.mc-checkout-tool-copy>span{display:block;margin-top:2px;color:#929ba4;font-size:11.5px;line-height:1.35}
.mc-checkout-earned{display:block;margin-top:4px;color:#6f990d;font-size:11px;line-height:1.35}
.mc-checkout-earned[hidden]{display:none!important}
.mc-checkout-switch{position:relative;display:inline-flex;align-items:center;width:42px;height:24px;cursor:pointer}
.mc-checkout-switch input{position:absolute;opacity:0;pointer-events:none}
.mc-checkout-switch>span{display:block;width:42px;height:24px;border:1px solid #d8dee2;border-radius:30px;background:#eef1f3;transition:.2s}
.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}
.mc-checkout-switch input:checked+span{border-color:#91c518;background:#94c608}
.mc-checkout-switch input:checked+span:after{transform:translateX(18px)}
.mc-checkout-switch input:disabled+span{opacity:.45;cursor:not-allowed}
.mc-checkout-promo-row{grid-template-columns:34px minmax(0,1fr)}
.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}
.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}
.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}
.mc-checkout-promo-result{grid-column:1/-1;margin-top:-2px;color:#6d950d;font-size:11.5px}
.mc-checkout-promo-result:empty{display:none}

.mc-checkout-total{margin:0;padding:16px 22px 4px}
.mc-checkout-total li{font-size:13px!important;font-weight:500!important;color:#747f89}
.mc-checkout-total li+li{margin-top:8px!important;padding-top:8px!important;border-top:1px solid #eef0f2!important}
.mc-checkout-total .basket-total_bonus{display:flex!important;align-items:center;justify-content:space-between;text-align:left!important}
.mc-checkout-total .basket-total_bonus[style*="display:none"]{display:none!important}
.mc-checkout-total .basket-total_bonus span{display:inline!important;font-size:13px!important;text-align:inherit!important}
.mc-checkout-total .basket-total_bonus span:first-child{color:#747f89!important}
.mc-checkout-total .basket-total_bonus span:last-child{color:#6e970d!important;font-weight:700}
.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}
.mc-checkout-total .basket-total_sum>span{font-size:19px;color:#202a33}
.mc-checkout-summary-card .mc-cart-side-pay{margin:16px 22px 22px;width:calc(100% - 44px);min-height:52px;border-radius:12px}
.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}
.mc-checkout-main .mc-cart-bottom-pay:hover,.mc-checkout-summary-card .mc-cart-side-pay:hover{background:var(--color2)}

@media(max-width:1100px){.mc-checkout-v18{grid-template-columns:minmax(0,1fr) 370px!important;gap:22px!important}.mc-checkout-card{padding:20px}.mc-checkout-summary-card>.basket-header,.mc-checkout-summary-section,.mc-checkout-tool-row{padding-left:18px;padding-right:18px}.mc-checkout-summary-card .mc-cart-side-pay{margin-left:18px;margin-right:18px;width:calc(100% - 36px)}}
@media(max-width:860px){.mc-checkout-v18{grid-template-columns:1fr!important;gap:18px!important;padding-top:70px}.mc-checkout-summary-card{position:static;order:-1}.mc-checkout-main>h1{font-size:25px}.mc-checkout-card{border-radius:15px}.mc-checkout-summary-card{border-radius:15px!important}.mc-checkout-main .mc-cart-bottom-pay{display:inline-flex;width:100%}.mc-checkout-account-email{grid-template-columns:1fr}.mc-checkout-account-email>small{grid-column:1}.mc-checkout-payment-card .e-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.mc-checkout-card{padding:16px}.mc-checkout-card__head{gap:10px}.mc-checkout-card__icon{flex-basis:36px;width:36px;height:36px}.mc-checkout-card__head h2{font-size:18px}.mc-checkout-summary-card>.basket-header{padding:16px 14px 13px}.mc-checkout-summary-section,.mc-checkout-tool-row{padding-left:14px;padding-right:14px}.mc-checkout-summary-card .basket-list>li{grid-template-columns:72px minmax(0,1fr)}.mc-checkout-summary-card .basket-list>li img{width:72px}.mc-checkout-summary-card .mc-cart-side-pay{margin-left:14px;margin-right:14px;width:calc(100% - 28px)}.mc-checkout-payment-card .e-grid4{grid-template-columns:1fr 1fr;gap:10px}.mc-checkout-promo-form{grid-template-columns:1fr!important}.mc-checkout-promo-form button{width:100%}}

.mc-checkout-v18{gap:20px!important}
.mc-checkout-card{margin-bottom:12px}
.mc-checkout-main .mc-cart-bottom-pay{display:none!important}

.mc-checkout-total{padding:16px 22px 18px}

.mc-checkout-earned-box{display:flex;align-items:center;gap:11px;margin:4px 22px 0;padding:12px 13px;border:1px solid #dceab9;border-radius:12px;background:#f6fbe9;color:#5f8509}
.mc-checkout-earned-box[hidden]{display:none!important}
.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:#eaf5ca;color:#73a000;font-size:15px}
.mc-checkout-earned-box b{display:block;font-size:12.5px;line-height:1.3;color:#638b08}
.mc-checkout-earned-box div>span{display:block;margin-top:2px;color:#7f8c68;font-size:10.5px;line-height:1.35}

.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}
.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 rgba(148,198,8,.08)}

@media(max-width:1100px){
  .mc-checkout-v18{gap:16px!important}
}

@media(max-width:860px){
  
  .mc-checkout-v18{gap:12px!important;padding-top:8px!important}
  
  .mc-checkout-summary-card .mc-cart-side-pay{display:none!important}
  .mc-checkout-main .mc-cart-bottom-pay{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;width:100%}
  .mc-checkout-summary-card{margin-bottom:0}
  .mc-checkout-total{padding:14px 14px 20px}
  .mc-checkout-earned-box{margin:4px 14px 0}
}

@media(max-width:520px){
  .mc-checkout-v18{padding-top:4px!important}
  .mc-checkout-earned-box{padding:11px 12px}
  .mc-checkout-payment-card .basket-form_payment label input[type="radio"] + img{height:78px!important;padding:7px 10px!important}
}

.mc-quick-register{margin-top:13px;padding-top:12px;border-top:1px solid #e7ebef}
.mc-quick-register__status:empty{display:none}
.mc-email-status{display:block;margin-bottom:10px;font-size:13px;line-height:1.4;color:#768396}
.mc-email-status i{margin-right:5px}
.mc-email-status--exists{padding:9px 11px;border-radius:9px;background:#fff8e8;color:#7d672a}
.mc-email-status--exists a{color:#78aa00;font-weight:700;text-decoration:underline}
.mc-email-status--free{color:#668d12}
.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}
.mc-quick-register__check{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:0!important;pointer-events:none!important}
.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}
.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}
.mc-quick-register__check:checked + .mc-quick-register__switch{background:#49b45b;box-shadow:inset 0 0 0 1px #49b45b}
.mc-quick-register__check:checked + .mc-quick-register__switch:after{transform:translateX(20px)}
.mc-quick-register__check:focus-visible + .mc-quick-register__switch{outline:2px solid #8bc600;outline-offset:2px}
.mc-quick-register__label{line-height:1.35}
.mc-quick-register__option.is-disabled{opacity:.48;cursor:default}
.mc-quick-register__password{margin-top:12px;max-width:430px}
.mc-quick-register__password[hidden]{display:none!important}
.mc-quick-register__password label{display:block;margin:0 0 7px;font-size:13px;font-weight:600;color:#475467}
.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}
.mc-quick-register__password small{display:block;margin-top:7px;color:#8793a2;font-size:12px;line-height:1.4}
.mc-checkout-promo-result{display:flex!important;align-items:flex-start;justify-content:space-between;gap:10px}
.mc-checkout-promo-result:empty{display:none!important}
.mc-promo-clear{flex:0 0 auto;width:24px;height:24px;border:0;border-radius:50%;padding:0;background:#edf3e3;color:#6f970d;font-size:20px;line-height:22px;cursor:pointer;font-family:Arial,sans-serif}
.mc-promo-clear:hover{background:#dfecc9;color:#527800}
@media(max-width:700px){
  .mc-quick-register__option{width:100%;align-items:flex-start}
  .mc-quick-register__password{max-width:none}
}

.mc-quick-register__option{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  width:max-content;
  max-width:100%;
  min-height:28px;
  color:#344052;
}
.mc-quick-register__option>.mc-checkout-switch{
  flex:0 0 42px;
  margin:0;
}
.mc-quick-register__label{
  margin:0;
  line-height:1.35;
  font-size:14px;
  font-weight:600;
  color:#344052;
  cursor:pointer;
}
.mc-quick-register__option.is-disabled .mc-quick-register__label{
  cursor:default;
}
@media(max-width:520px){
  .mc-quick-register__option{
    width:100%;
    align-items:center;
  }
}

.basket-empty{box-sizing:border-box;min-height:360px!important;padding:42px 26px!important}
.basket-empty__icon{box-shadow:0 8px 24px rgba(112,160,0,.10)}
.basket-empty strong{font-size:21px!important}
.basket-empty>a{gap:8px;box-shadow:0 7px 20px rgba(112,160,0,.08)}

.mc-checkout-v18.is-empty{display:block!important}
.mc-checkout-v18.is-empty>.mc-checkout-main,
.mc-checkout-v18.is-empty>.mc-checkout-summary-card{display:none!important}
.mc-checkout-empty[hidden]{display:none!important}
.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)}
.mc-checkout-empty__icon{display:flex;align-items:center;justify-content:center;width:66px;height:66px;margin-bottom:16px;border-radius:20px;background:#eef7da;color:#78a900;font-size:25px}
.mc-checkout-empty h2{margin:0 0 8px;color:#27313b;font-size:24px}
.mc-checkout-empty p{max-width:520px;margin:0;color:#89939e;font-size:14px;line-height:1.55}
.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}
.mc-checkout-empty__btn:hover{background:var(--color2)}

.mc-checkout-total .basket-total_bonus{display:none!important;align-items:center;justify-content:space-between;text-align:left!important}
.mc-checkout-total .basket-total_bonus.is-visible{display:flex!important}
.mc-checkout-total .basket-total_bonus[style*="display: none"],
.mc-checkout-total .basket-total_bonus[style*="display:none"]{display:none!important}

.mc-order-product__body>.mc-order-product__actions{margin-top:9px}

@media(max-width:600px){
  .basket-empty{min-height:310px!important;padding:34px 18px!important}
  .mc-checkout-empty{min-height:300px;margin:8px 0 20px;padding:34px 18px;border-radius:15px}
  .mc-checkout-empty h2{font-size:21px}
}

.prod-preview__image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;object-position:center}

/* MANY speed v2: consolidated responsive/layout fixes */
.mc-page-body{position:relative}
.wrapper{width:100%;box-sizing:border-box}
.products-layout--catalog{margin-top:25px}
.catalog-filter-col{margin-top:25px}
.catalog-filter{box-shadow:0 0 10px rgba(0,0,0,.09);background:#fff}
.catalog-filter-actions{margin-top:12px}
.catalog-filter-actions .pp-reset{margin-top:8px}
.navigation-button{display:inline-block}
.mc-home-popular-wrap{width:100%;min-width:0}

/* Banner CSS moved out of inline template so it is cached with the main stylesheet. */
.banner-shell{max-width:1280px;margin:0 auto;padding:16px}
.banner-swiper{border-radius:20px;overflow:hidden;background:#f7f2ff}
.banner-slide{display:block;width:100%;height:auto}
.banner-slide img{width:100%;height:auto;display:block;object-fit:cover}
.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)}
.banner-nav:after{font-size:18px;color:#222}
.banner-dots{bottom:14px!important}
.banner-dots .swiper-pagination-bullet{width:8px;height:8px;opacity:.5}
.banner-dots .swiper-pagination-bullet-active{opacity:1}

/* Product page: the former empty .gameposter layer did no visual work. */
.mc-product-poster{display:block;width:100%;height:auto}
.game-dlc-overlay{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.game-header__title{overflow-wrap:anywhere}

/* Pagination must stay usable instead of overflowing on compact screens. */
#navigation{width:100%;text-align:center;clear:both}

/* Stable header from v1.2, consolidated into one block. */
@media screen and (max-width:1024px){
  .mc-page-body{padding-top:57px}
  .header__logo img{width:100%;height:auto;max-height:100%;object-fit:contain}
  .header__main-col{min-width:0}
  .header__info-wr{flex-wrap:nowrap!important;align-items:center;justify-content:flex-end;gap:6px}
  .header-store{flex:0 0 45px;width:45px;min-width:45px;padding:0;justify-content:center}
  .header-user,.modal-login{flex:0 0 45px}
  .header-user>a,.modal-login>a{width:45px;min-width:45px}
}

@media screen and (max-width:799px){
  /* The old rule capped the whole product page at 365px even on 600-799px tablets. */
  .game-body__stationary,.game-body__wandering{max-width:none;align-items:stretch}
  .game-body__wandering--first{width:100%;max-width:430px;align-self:center}
}

@media screen and (max-width:768px){
  .banner-shell{padding:8px}
  .banner-nav{width:40px;height:40px}
  .catalog-filter-col{margin-top:16px}
}

@media screen and (max-width:600px){
  .game-parametrs{padding:24px 20px 4px}
  .game-deal{padding:20px}
  .preorder-bonus{padding:18px 20px}
  .store-features{padding:20px}
  .panel-heading{padding:16px 18px}
}

@media screen and (max-width:480px){
  .header__top>.wrapper{display:grid;grid-template-columns:57px minmax(0,1fr) auto 57px;column-gap:8px;align-items:center;height:57px;padding:0}
  .header-mob{grid-column:1;grid-row:1}
  .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}
  .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}
  .header__main-col .search-div{position:static}
  .header__info-wr{display:flex!important;width:auto;line-height:normal;gap:6px!important}
  .header__mob-search{grid-column:4;grid-row:1;width:57px;height:57px;align-self:stretch;margin-left:0}
  .header-store,.header-user>a,.modal-login>a,.modal-login>a i{width:38px;min-width:38px;height:38px;min-height:38px;line-height:38px;border-radius:10px}
  .header-store,.header-user,.modal-login{flex-basis:38px}

  .mc-card__body{padding:10px;gap:8px}
  .mc-card__title{font-size:14px;line-height:1.3}
  .mc-card__footer{gap:8px}
  .mc-card__actions .mc-btn{padding:8px;font-size:13px}
  .mc-card__badges .mc-card__price-badge,.mc-card__badges .mc-card__watermark-badge{padding:2px 7px;font-size:9px}

  #navigation{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:16px}
  #navigation .navigation-button{display:inline-flex}
  #navigation .products-wr__btn-more{margin:0;min-width:0}
  .navbutcont{order:3;width:100%;padding:4px 0;font-size:0}
  .navbutcont a,.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){
  .game-parametrs .params-cols__tr{white-space:normal;display:block}
  .game-parametrs .params-cols__param,.game-parametrs .params-cols__content{display:block;width:100%;padding-right:0}
  .game-parametrs .params-cols__param{margin-bottom:3px;font-weight:600;color:#666}
  .game-parametrs .params-cols__content{overflow-wrap:anywhere}
}

@media screen and (max-width:360px){
  .header__top>.wrapper{column-gap:7px}
  .header__logo{width:74px;max-width:74px}
  .header__info-wr{gap:5px!important}
  .header-store,.header-user>a,.modal-login>a,.modal-login>a i{width:37px;min-width:37px;height:37px;min-height:37px;line-height:37px}
  .header-store,.header-user,.modal-login{flex-basis:37px}
}


/* MANY speed v2.1: visual regression fixes after V2 */
/* Keep social-network icons square when intrinsic HTML dimensions are present. */
.telegram-btn img,.vk-btn img{width:20px!important;height:auto!important;max-height:20px;object-fit:contain;flex:0 0 20px}
.telegram-btn.btn,.vk-btn.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px}

/* Compact the first content gap under the fixed 57px mobile header. */
@media screen and (max-width:630px){
  .mc-page-body>.wrapper{padding-top:10px}
  .mc-page-body>.wrapper .mc-checkout-v18{margin-top:0}
}

/* main now also has the legacy .page-body class, so the site's original sticky-header
   compensation works again on desktop and the original mobile offset remains authoritative. */


/* === MANY speed v2.2: unified currency control + tablet header cleanup === */
/* Currency now lives with cart/profile. This removes the old absolute desktop
   positioning and keeps all account controls in one predictable row. */
.header__info-wr{
  align-items:center;
  justify-content:flex-start;
  gap:12px;
}
.header__info-links{
  margin-right:auto;
}
.currency__dropdown{
  position:relative!important;
  right:auto!important;
  top:auto!important;
  flex:0 0 auto;
  margin:0;
  z-index:6;
}
.currency__dropdown .dropdown__head-main{
  display:block!important;
}
.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;
}
.currency__dropdown .dropdown__head:after{
  right:12px;
}
.currency__dropdown #currency_now{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  white-space:nowrap;
  line-height:1;
}
.currency__dropdown #currency_now .currency__symbol{
  display:none;
}
.currency__dropdown .dropdown__cont{
  left:auto;
  right:0;
  width:112px;
  min-width:112px;
  margin-top:7px;
  overflow:visible;
}
.currency__dropdown .currency__list-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  white-space:nowrap;
  padding:0 14px;
}
.currency__dropdown .currency__list-item .currency__symbol{
  float:none;
  display:inline-flex;
  margin-left:auto;
}

/* Desktop: links stay on the left, cart/profile/currency form one compact group. */
@media screen and (min-width:1025px){
  .header__info-wr{gap:14px}
  .header-store{margin-left:0}
  .currency__dropdown .dropdown__head{height:40px;min-width:82px}
}

/* Tablet: the old text labels were wider than the 45px controls and visibly
   overflowed. Use the same icon language as the phone header, keep currency
   visible as a compact pill, and reserve search as its own button. */
@media screen and (min-width:481px) and (max-width:1024px){
  .header__top>.wrapper{
    gap:8px;
  }
  .header__logo{
    width:112px;
    max-width:112px;
    margin:0 8px;
  }
  .header__main-col{
    min-width:0;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:flex-end;
  }
  .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;
  }
  .header__info-links{display:none!important}
  .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;
  }
  .header-store i:not([class]){display:none!important}
  .header-user,.modal-login{flex:0 0 45px}
  .header-user>a,.modal-login>a{
    width:45px;
    min-width:45px;
    height:45px;
    min-height:45px;
    line-height:45px;
  }
  .header-user>a{
    background:var(--bg2);
    border-radius:12px;
    font-size:20px;
  }
  .header-user>a span,.modal-login>a span{display:none!important}
  .header-user>a i{font-size:20px}
  .modal-login>a i{
    width:45px;
    height:45px;
    line-height:45px;
    background:var(--bg2);
    border-radius:12px;
    font-size:20px;
  }
  .currency__dropdown{
    display:block!important;
    flex:0 0 auto;
  }
  .currency__dropdown .dropdown__head{
    min-width:76px;
    width:76px!important;
    height:45px;
    padding:0 25px 0 11px!important;
    border-radius:12px!important;
  }
  .currency__dropdown .dropdown__head:after{right:10px}
  .currency__dropdown .dropdown__cont{
    right:0;
    left:auto;
  }
}

/* Phones remain intentionally simpler: no currency control in the tight 320-480px row. */
@media screen and (max-width:480px){
  .currency__dropdown{display:none!important}
}

/* === MANY speed v3: compact product/category UI + lighter homepage banner === */
.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}

.mc-inline-favorite{display:inline-flex;align-items:center;justify-content:center;margin-left:9px;vertical-align:middle}
.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}
.mc-inline-favorite a:hover{background:#ffe3e1;transform:translateY(-1px)}
.mc-inline-favorite i{font-size:14px;line-height:1}

.mc-access-type{display:inline-flex;align-items:center;gap:7px;min-width:0}
.mc-access-type i{width:16px;text-align:center;color:#7fbf00;font-size:13px}

.mc-full-description{position:relative;min-width:0}
.mc-full-description.is-collapsed{max-height:var(--mc-description-limit,720px);overflow:hidden}
.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%)}
.mc-full-description.is-expanded{max-height:none;overflow:visible}
.mc-description-toggle,.mc-intro-toggle{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px auto 4px;padding:10px 17px;border:1px solid rgba(139,198,0,.35);border-radius:12px;background:#f7fbef;color:#527900;font:600 14px/1.2 inherit;cursor:pointer;transition:background .18s ease,border-color .18s ease}
.mc-description-toggle:hover,.mc-intro-toggle:hover{background:#eef7dc;border-color:rgba(139,198,0,.6)}
.mc-description-toggle[hidden]{display:none!important}
.mc-description-toggle i,.mc-intro-toggle i{font-size:11px}

.mc-main-intro--collapsible{position:relative}
.mc-main-intro--collapsible.is-collapsed{max-height:var(--mc-cat-intro-limit,340px);overflow:hidden}
.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}
.mc-main-intro--collapsible.is-expanded{max-height:none;overflow:visible}
.mc-main-intro+.mc-intro-toggle{margin-top:-8px;margin-bottom:18px}

/* Homepage banner without Swiper on the main page. */
.banner-swiper{position:relative;overflow:hidden}
.banner-swiper>.swiper-wrapper{display:flex;align-items:stretch;width:100%;will-change:transform;transition-property:transform;transition-timing-function:ease}
.banner-swiper .banner-slide{display:block;flex:0 0 100%;min-width:100%;width:100%}
.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}
.banner-nav.swiper-button-prev{left:16px}
.banner-nav.swiper-button-next{right:16px}
.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}
.banner-nav.swiper-button-prev:after{transform:rotate(-135deg);margin-left:4px!important}
.banner-nav.swiper-button-next:after{transform:rotate(45deg);margin-right:4px!important}
.banner-dots{position:absolute;left:50%;bottom:14px!important;z-index:4;display:flex;gap:7px;transform:translateX(-50%)}
.banner-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#333;opacity:.45;cursor:pointer}
.banner-dot.is-active{opacity:1;background:#8bc600}

@media screen and (max-width:799px){
  .main-wr>.wrapper{padding-top:0!important}
  .main-wr{margin-top:0!important;padding-top:0!important}
  .game-body{margin-top:0!important}

  .game-parametrs{padding:18px 18px 4px}
  .game-header__title{font-size:22px;line-height:1.15;margin-bottom:18px}
  .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}
  .game-parametrs .params-cols__param,.game-parametrs .params-cols__content{display:block;width:auto!important;padding-right:0;min-width:0;font-size:13px;line-height:18px}
  .game-parametrs .params-cols__param{font-weight:600;color:#5d5d5d}
  .game-parametrs .params-cols__content{overflow-wrap:anywhere}
  .game-deal{padding:16px 18px}
  .game-deal__column:not(:last-child){margin-bottom:18px}
  .mor-full_link{gap:8px}
  .mor-full_link .e-btn{padding:12px 10px;border-radius:13px;font-size:14px;line-height:1.15}
  .mor-full_link .e-btn i{font-size:14px;margin-right:5px}

  .mc-main-intro{margin-top:8px;padding:14px 14px}
  .mc-main-intro__title{font-size:20px;line-height:1.12;margin-bottom:9px}
  .subcat-wrapper{margin:18px 0 24px}
  .subcat-title{margin-bottom:12px;font-size:18px}
}

@media screen and (max-width:630px){
  .mc-full-description.is-collapsed{max-height:var(--mc-description-limit,520px)}
  .game-describe__tab{padding-top:16px}
  .mc-description-toggle,.mc-intro-toggle{font-size:13px;padding:9px 14px;border-radius:11px}
}

@media screen and (max-width:480px){
  .banner-nav{width:36px;height:36px}
  .banner-nav.swiper-button-prev{left:10px}
  .banner-nav.swiper-button-next{right:10px}
  .banner-nav:after{width:9px;height:9px;border-width:2px}
  .banner-dots{bottom:9px!important;gap:6px}
  .banner-dot{width:7px;height:7px}

  .game-parametrs{padding:15px 13px 3px}
  .game-header__title{font-size:20px;line-height:1.14;margin-bottom:15px}
  .game-parametrs .params-cols__tr{grid-template-columns:minmax(105px,39%) minmax(0,1fr);column-gap:8px;margin-bottom:8px}
  .game-deal{padding:14px 13px}
  .mor-full_link{gap:7px}
  .mor-full_link .e-btn{padding:11px 8px;font-size:13px;border-radius:12px}
  .mc-inline-favorite{margin-left:6px}
  .mc-inline-favorite a{width:27px;height:27px}
  .available__icon{margin-left:7px}
  .mc-main-intro{padding:13px 11px;margin-top:6px}
  .mc-main-intro__title{font-size:19px}
}

/* Override the old <=420px rule that forced every product parameter onto two rows. */
@media screen and (max-width:420px){
  .game-parametrs .params-cols__tr{display:grid;grid-template-columns:minmax(103px,39%) minmax(0,1fr);white-space:normal}
  .game-parametrs .params-cols__param,.game-parametrs .params-cols__content{display:block;width:auto!important;padding-right:0}
  .game-parametrs .params-cols__param{margin-bottom:0}
}

@media screen and (max-width:360px){
  .game-parametrs .params-cols__tr{grid-template-columns:minmax(98px,38%) minmax(0,1fr);column-gap:7px}
  .game-header__title{font-size:19px}
  .mor-full_link .e-btn{font-size:12.5px}
}



/* === MANY speed v3.1: compact catalog mobile UI + readable fullstory === */
/* Remove inherited global UL margin that looked like an empty row under the last currency. */
.currency__dropdown .currency__list{margin:0!important;padding:0!important}
.currency__dropdown .dropdown__cont{padding-top:6px!important;padding-bottom:6px!important}

/* Bookmark is now a clear compact pill next to the article/availability. */
.params-cols__content--article .available__icon{margin-left:0!important}
.mc-favorite-chip{display:inline-flex;align-items:center;vertical-align:middle}
.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}
.mc-favorite-chip a:hover{background:#ffeae8;border-color:#ffc9c4!important;transform:translateY(-1px)}
.mc-favorite-chip i{font-size:12px;line-height:1}

/* Full description: keep all existing green accents, but use a more readable text face. */
.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}
.game-describe__tab.typography p{margin-bottom:16px}
.game-describe__tab.typography h2,.game-describe__tab.typography h3,.game-describe__tab.typography h4{font-family:inherit;line-height:1.3}
.game-describe__tab.typography strong,.game-describe__tab.typography b{font-weight:700}
.game-describe__tab.typography a{font-weight:500}

.mc-tab-label-mobile{display:none}

/* Category description is separate from the thematic navigation now. */
.mc-category-description{min-width:0}
.subcat-title{display:flex!important;align-items:center;justify-content:center;gap:8px}
.subcat-title>i{font-size:15px;color:#7da900}
.subcat-chip{gap:7px}
.subcat-chip>i{font-size:11px;opacity:.62}
.subcat-chip.is-active>i{opacity:1}

@media screen and (max-width:630px){
  /* Less dead space between the fixed header and catalog content. */
  .mc-page-body>.wrapper{padding-top:3px!important}
  .mc-catalog-shell{padding-top:0!important;padding-bottom:8px!important;margin-left:0!important;margin-right:0!important}

  /* On phones keep the category heading, hide the long SEO prose. */
  .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}
  .mc-category-description{margin:0 0 8px;padding:10px 10px 5px;background:#fff;border-radius:13px}
  .mc-category-description p,.mc-category-description ul,.mc-category-description ol,.mc-category-description blockquote{display:none!important}
  .mc-category-description h1,.mc-category-description h2{font-size:20px!important;line-height:1.15!important;margin:0!important;padding:0!important}

  /* Thematic menu is always visible; no "show full" button. */
  .mc-intro-toggle{display:none!important}
  .subcat-wrapper{margin:0 0 9px!important;padding:11px 9px 10px;background:#fff;border:1px solid #edf0e7;border-radius:13px;box-shadow:0 3px 12px rgba(25,40,15,.05)}
  .subcat-title{font-size:16px!important;line-height:1.2;margin:0 0 10px!important}
  .subcat-grid{gap:7px!important}
  .subcat-wrapper .subcat-chip,.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}
  .subcat-chip>i{font-size:10px}

  /* Compact product deal: price first, two aligned buttons, reviews no longer consume a row. */
  .game-deal{padding:13px!important}
  .game-deal__column:first-child{display:block!important;width:100%!important;margin:0!important}
  .game-deal__column:not(:last-child){margin-bottom:0!important}
  .game-deal__col--price{margin:0 0 10px!important;text-align:left}
  .price-wr__main-str{text-align:left}
  .price--xl{font-size:34px!important;line-height:1!important}
  .mor-full_link{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px!important;width:100%;margin:0!important}
  .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}
  .mor-full_link .e-btn i{font-size:12px!important;margin-right:5px!important}
  .game-deal__column:nth-child(2){margin-top:0!important;width:100%!important}
  .game-deal__col--review{display:none!important}
  .game-deal__col--available{margin:0!important;padding:0!important}
  .game-deal__col--available .available:empty{display:none!important}

  /* Three product tabs must fit in one row on a phone. */
  .game-describe__controls{display:grid!important;grid-template-columns:.92fr 1fr 1.22fr;gap:4px!important;align-items:stretch;padding:0!important}
  .game-describe__button{min-width:0!important;margin:0!important;padding:8px 4px!important;text-align:center!important}
  .game-describe__title{font-size:12px!important;line-height:1.15!important;margin:0!important;white-space:nowrap}
  .mc-tab-label-desktop{display:none!important}
  .mc-tab-label-mobile{display:inline!important}

  .game-describe__tab.typography{font-size:15px;line-height:1.58;letter-spacing:0}
  .game-describe__tab.typography p{margin-bottom:14px}

  .game-parametrs{padding-top:12px!important}
  .game-header__title{font-size:19px!important;line-height:1.1!important;margin-bottom:13px!important}
  .mc-favorite-chip a{min-height:27px;padding:5px 8px;font-size:11.5px}
}

@media screen and (max-width:360px){
  .game-describe__title{font-size:11.3px!important}
  .game-describe__button{padding-left:2px!important;padding-right:2px!important}
  .mor-full_link .e-btn{font-size:12px!important;padding-left:5px!important;padding-right:5px!important}
  .mc-category-description h1,.mc-category-description h2{font-size:19px!important}
}


/* === MANY speed v3.2: full-width description + FAQ + cleaner product card === */
/* Article and bookmark are intentionally on separate rows. */
.params-cols__content--article{display:flex!important;align-items:center;flex-wrap:wrap;gap:6px 8px}
.mc-favorite-row{margin-top:-1px!important;margin-bottom:11px!important}
.mc-favorite-chip{display:inline-flex;align-items:center}
.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}
.mc-favorite-chip a:hover{background:#fff4f2;border-color:#ffcfc9!important;transform:translateY(-1px)}
.mc-favorite-chip i{font-size:13px}

/* Recognisable local provider logos for access type. */
.mc-access-type{display:inline-flex;align-items:center;gap:8px;min-width:0}
.mc-access-logo{display:block;width:20px!important;height:20px!important;object-fit:contain;flex:0 0 20px;border-radius:5px}

/* Deal is now one clean row/column and bonus is never lost in an empty side column. */
.mc-game-deal{align-items:center;justify-content:flex-start;gap:18px}
.mc-game-deal__main{display:flex!important;align-items:center;flex-wrap:wrap;width:100%!important;gap:16px 20px}
.mc-game-deal .game-deal__col--price{margin:0!important}
.mc-game-deal .mor-full_link{margin:0!important}
.mc-bonus-earned{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:8px 11px;border:1px solid #dce9bd;border-radius:10px;background:#f6faed;color:#5d7700;font-size:12.5px;line-height:1.25;white-space:nowrap}
.mc-bonus-earned i{color:#91c400;font-size:14px}

/* Description and FAQ are outside the old two-column layout. */
.mc-fullstory-wide{width:100%;margin-top:20px}
.mc-course-description,.mc-faq,.mc-fullstory-wide>.game-similar{box-sizing:border-box;width:100%;background:#fff;margin:0 0 20px;padding:30px 38px;border-radius:2px}
.mc-course-description__head,.mc-faq__head{margin-bottom:22px}
.mc-course-description__eyebrow,.mc-faq__eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:7px;color:#7ea800;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.mc-course-description__title,.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}
.mc-faq__lead{margin:8px 0 0;color:#777;font-size:14px}
.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}
.mc-course-description__body.typography p{margin:0 0 17px}
.mc-course-description__body.typography h2,.mc-course-description__body.typography h3,.mc-course-description__body.typography h4{font-family:inherit;line-height:1.3;color:#15181d}
.mc-course-description__body.typography strong,.mc-course-description__body.typography b{font-weight:700}
.mc-course-description__body.typography a{font-weight:550}
.mc-course-description__body .list3b{font-family:inherit}

/* Native details = fast accordion, no extra JS dependency. */
.mc-faq__list{border-top:1px solid #ecefe8}
.mc-faq__item{border-bottom:1px solid #ecefe8;background:#fff}
.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}
.mc-faq__item>summary::-webkit-details-marker{display:none}
.mc-faq__plus{position:absolute;right:4px;top:50%;width:20px;height:20px;transform:translateY(-50%)}
.mc-faq__plus::before,.mc-faq__plus::after{content:"";position:absolute;left:50%;top:50%;background:#86b600;border-radius:2px;transform:translate(-50%,-50%);transition:transform .2s ease}
.mc-faq__plus::before{width:12px;height:2px}
.mc-faq__plus::after{width:2px;height:12px}
.mc-faq__item[open] .mc-faq__plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.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}
.mc-faq__answer p{margin:0 0 10px}
.mc-faq__answer p:last-child{margin-bottom:0}
.mc-faq__answer a{font-weight:600}
.mc-faq--home{margin-top:26px!important;border-radius:14px!important;box-shadow:0 5px 18px rgba(20,30,10,.05)}

/* Mobile category menu: only top-level categories. No arrows/sub-panels; tapping opens the main category. */
@media screen and (max-width:1020px){
  .header-mob__cats-panel .mobcats__toggle,.header-mob__cats-panel .mobcats__panel{display:none!important}
  .header-mob__cats-panel .mobcats__li.has-children>.mobcats__plink{padding-right:13px!important}
}

@media screen and (max-width:630px){
  .mc-favorite-row{grid-template-columns:1fr!important;margin-top:-2px!important;margin-bottom:8px!important}
  .mc-favorite-row .params-cols__param{display:none!important}
  .mc-favorite-row .params-cols__content{grid-column:1/-1!important}
  .mc-favorite-chip a{min-height:30px;padding:6px 10px;font-size:12px}
  .mc-access-logo{width:18px!important;height:18px!important;flex-basis:18px}

  .mc-game-deal{padding:12px!important}
  .mc-game-deal__main{display:grid!important;grid-template-columns:1fr 1fr;gap:9px!important}
  .mc-game-deal .game-deal__col--price{grid-column:1/-1;margin:0 0 1px!important}
  .mc-game-deal .price--xl{font-size:32px!important}
  .mc-game-deal .mor-full_link{grid-column:1/-1;display:grid!important;grid-template-columns:1fr 1fr;gap:7px!important;width:100%}
  .mc-game-deal .mor-full_link .e-btn{min-height:38px!important;padding:8px 5px!important;font-size:12px!important;border-radius:10px!important}
  .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}

  .mc-fullstory-wide{margin-top:10px}
  .mc-course-description,.mc-faq,.mc-fullstory-wide>.game-similar{margin-bottom:12px;padding:17px 14px;border-radius:0}
  .mc-course-description__head,.mc-faq__head{margin-bottom:14px}
  .mc-course-description__title,.mc-faq__title{font-size:20px}
  .mc-course-description__body.typography{font-size:15px;line-height:1.62}
  .mc-course-description__body.typography p{margin-bottom:14px}
  .mc-faq__item>summary{min-height:50px;padding:12px 36px 12px 0;font-size:13.5px}
  .mc-faq__answer{padding:0 32px 14px 0;font-size:13.5px;line-height:1.55}
  .mc-faq__plus{right:1px}
  .mc-faq--home{margin:14px 0 4px!important;border-radius:12px!important}

  /* old tab controls are no longer used */
  .game-describe__controls{display:none!important}
}


/* === MANY speed v3.3: product-card polish + robust bonus + equal home blocks === */
/* Keep article and bookmark as two proper parameter rows, without an empty pseudo-row. */
.mc-article-row{margin-bottom:6px!important}
.mc-favorite-row{margin-top:0!important;margin-bottom:10px!important}
.mc-favorite-row .params-cols__param{color:#3b3f44}
.mc-favorite-chip a{min-height:30px;padding:6px 10px;border-color:#efddd9!important;background:#fffdfc;color:#df4e45!important}
.mc-favorite-chip a:hover{background:#fff3f1;border-color:#ffd0ca!important}

/* Old blogger/author price is shown as a deliberate comparison chip, not loose crossed-out text. */
.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}
.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}
.mc-author-price__note{color:#9a9da1;font-size:10.5px;font-weight:600;white-space:nowrap}

/* Give the buy block a little more breathing room. */
.mc-game-deal{padding:32px 40px!important}
.mc-game-deal__main{gap:18px 24px!important}
.mc-game-deal .mor-full_link{gap:10px!important}
.mc-bonus-earned{margin-left:2px}

/* Home FAQ must match the same 1200px card width as rubrics/schools/authors. */
.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){
  /* Preserve full poster width, but crop portrait covers vertically so they do not consume half the screen. */
  .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}

  /* Bookmark remains a normal second parameter row on phones too. */
  .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}
  .mc-favorite-row .params-cols__param{display:block!important;grid-column:auto!important;margin:0!important}
  .mc-favorite-row .params-cols__content{display:block!important;grid-column:auto!important;width:auto!important}
  .mc-favorite-chip a{min-height:28px;padding:5px 8px;font-size:11.5px}

  /* Hide only our automatic generic info heading; user-authored headings stay untouched. */
  .mc-auto-info-title{display:none!important}

  /* More comfortable spacing around price/actions/bonus. */
  .mc-game-deal{padding:17px 15px!important}
  .mc-game-deal__main{gap:11px!important}
  .mc-game-deal .game-deal__col--price{margin-bottom:2px!important}
  .mc-game-deal .mor-full_link{gap:9px!important}
  .mc-game-deal .mor-full_link .e-btn{min-height:41px!important;padding:9px 7px!important}
  .mc-bonus-earned{margin:1px 0 0!important;padding:8px 10px!important}

  .mc-author-price{padding:4px 7px;gap:6px}
  .mc-author-price__old{font-size:13.5px}
  .mc-author-price__note{font-size:9.5px}

  .mc-faq--home{max-width:100%!important;margin:14px auto 4px!important;padding:17px 14px!important}
}


/* === MANY speed v3.4: mobile product-card fixes === */
/* SKU is a single compact line. Bookmark remains a separate row below. */
.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}
.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}
.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}
.game-parametrs .mc-article-row .available__icon{flex:0 0 auto!important;margin-left:0!important}
.game-parametrs .mc-article-row .available__text{white-space:nowrap!important}

@media screen and (max-width:630px){
  /* The generated SEO/service information duplicates the useful description on phones. */
  .mc-course-description .mc-auto-info{display:none!important}

  /* Give price, actions and earned-bonus rows noticeably more breathing room. */
  .mc-game-deal{padding:22px 18px 24px!important}
  .mc-game-deal__main{gap:14px 10px!important}
  .mc-game-deal .game-deal__col--price{margin:0 0 2px!important}
  .mc-game-deal .mor-full_link{gap:10px!important;margin:0!important}
  .mc-game-deal .mor-full_link .e-btn{min-height:44px!important;padding:10px 7px!important}
  .mc-bonus-earned{margin:3px 0 0!important;padding:9px 11px!important;min-height:34px!important}
}

/* === MANY speed v3.5: desktop SKU line + mobile deal spacing + access logos on cards === */
/* Make SKU/status physically one inline unit, so legacy .params-cols rules cannot split it. */
.game-parametrs .mc-article-row{display:block!important;white-space:normal!important;margin-bottom:9px!important}
.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}
.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}
.game-parametrs .mc-article-line .available__icon{margin:0!important;flex:0 0 16px!important}
.game-parametrs .mc-article-line .available__text,.game-parametrs .mc-article-id{white-space:nowrap!important}

/* Compact icon-only access badge for short cards and poster overlays. */
.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}
.mc-card__access-badge img{display:block;width:16px!important;height:16px!important;object-fit:contain}

@media screen and (max-width:630px){
  /* Bigger touch targets and more air; price + bonus are centered only on phones. */
  .mc-game-deal{padding:28px 22px 30px!important}
  .mc-game-deal__main{gap:16px 12px!important}
  .mc-game-deal .game-deal__col--price{margin:0 0 2px!important;text-align:center!important}
  .mc-game-deal .price-wr,.mc-game-deal .price-wr__main-str{text-align:center!important;width:100%!important}
  .mc-game-deal .mor-full_link{gap:12px!important}
  .mc-game-deal .mor-full_link .e-btn{min-height:50px!important;padding:13px 8px!important;font-size:13px!important;border-radius:13px!important}
  .mc-game-deal .mor-full_link .e-btn i{font-size:13px!important}
  .mc-bonus-earned{justify-self:center!important;margin:2px auto 0!important;min-height:38px!important;padding:10px 13px!important;text-align:center!important}
  .game-parametrs .mc-article-row{margin-bottom:9px!important}
  .game-parametrs .mc-article-line{gap:5px!important;font-size:13px!important}
  .game-parametrs .mc-article-label{margin-right:4px!important;font-weight:600;color:#5d5d5d}
  .mc-card__badges .mc-card__access-badge{width:24px;height:20px}
  .mc-card__access-badge img{width:15px!important;height:15px!important}
}


/* === MANY speed v3.6: final SKU layout + mobile purchase spacing === */
/* Use the native parameters two-column system for SKU again. This avoids the
   custom inline wrapper fighting legacy params-cols widths at desktop sizes. */
.game-parametrs .mc-article-row{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  white-space:normal!important;
  margin-bottom:9px!important;
}
.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;
}
.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;
}
.game-parametrs .mc-article-value .available__icon{
  flex:0 0 auto!important;
  margin:0!important;
}
.game-parametrs .mc-article-value .available__text,
.game-parametrs .mc-article-value .mc-article-id{white-space:nowrap!important}

@media screen and (max-width:1280px) and (min-width:1101px){
  .game-parametrs .mc-article-row>.params-cols__param{flex-basis:35%!important;width:35%!important}
  .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){
  .game-parametrs .mc-article-row>.params-cols__param{flex-basis:44%!important;width:44%!important}
  .game-parametrs .mc-article-row>.mc-article-value{flex-basis:56%!important;width:56%!important}
}

@media screen and (max-width:799px){
  .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;
  }
  .game-parametrs .mc-article-row>.params-cols__param,
  .game-parametrs .mc-article-row>.mc-article-value{
    width:auto!important;
    min-width:0!important;
    flex:none!important;
    padding-right:0!important;
  }
  .game-parametrs .mc-article-row>.mc-article-value{gap:6px!important}

  /* Real vertical rhythm: price -> actions -> bonus, with comfortable tap targets. */
  .mc-game-deal{padding:30px 24px 32px!important}
  .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;
  }
  .mc-game-deal .game-deal__col--price{
    grid-column:1/-1!important;
    margin:0!important;
    text-align:center!important;
  }
  .mc-game-deal .price-wr,
  .mc-game-deal .price-wr__main-str{width:100%!important;text-align:center!important}
  .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;
  }
  .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;
  }
  .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){
  .game-parametrs .mc-article-row{grid-template-columns:minmax(105px,39%) minmax(0,1fr)!important;column-gap:8px!important}
  .mc-game-deal{padding:28px 18px 30px!important}
  .mc-game-deal__main{column-gap:12px!important;row-gap:18px!important}
  .mc-game-deal .mor-full_link{gap:12px!important}
}
@media screen and (max-width:360px){
  .game-parametrs .mc-article-row{grid-template-columns:minmax(98px,38%) minmax(0,1fr)!important;column-gap:7px!important}
}


/* === MANY speed v3.7: mobile deal rhythm + currency button + favorite last === */
@media screen and (max-width:799px){
  /* Make the vertical rhythm visible even if older flex/grid rules influence row-gap. */
  .mc-game-deal .game-deal__col--price{
    padding-bottom:20px!important;
  }
  .mc-game-deal .mor-full_link{
    margin-bottom:20px!important;
  }
  .mc-bonus-earned{
    margin-top:0!important;
  }
}

@media screen and (max-width:480px){
  /* Phone header: burger | logo | cart/profile/currency | search. */
  .header__top>.wrapper{
    grid-template-columns:57px minmax(72px,1fr) auto 52px!important;
    column-gap:5px!important;
  }
  .header__logo{
    justify-self:start!important;
    width:72px!important;
    max-width:72px!important;
    height:48px!important;
    margin:0 0 0 3px!important;
  }
  .header__main-col{
    min-width:0!important;
  }
  .header__info-wr{
    gap:6px!important;
  }
  .header-store,
  .header-user>a,
  .modal-login>a,
  .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;
  }
  .header-store,.header-user,.modal-login{
    flex-basis:42px!important;
  }
  .currency__dropdown{
    display:block!important;
    flex:0 0 42px!important;
    width:42px!important;
    min-width:42px!important;
    margin:0!important;
    z-index:20!important;
  }
  .currency__dropdown .dropdown__head-main{
    width:42px!important;
  }
  .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;
  }
  .currency__dropdown .dropdown__head:after{
    display:none!important;
  }
  .currency__dropdown #currency_now{
    width:100%!important;
    justify-content:center!important;
    gap:0!important;
    font-size:10px!important;
  }
  .currency__dropdown .dropdown__cont{
    right:0!important;
    left:auto!important;
    margin-top:7px!important;
  }
  .header__mob-search{
    width:52px!important;
    min-width:52px!important;
  }
}

@media screen and (max-width:360px){
  .header__top>.wrapper{
    grid-template-columns:57px minmax(64px,1fr) auto 48px!important;
    column-gap:3px!important;
  }
  .header__logo{
    width:64px!important;
    max-width:64px!important;
    height:46px!important;
    margin-left:2px!important;
  }
  .header__info-wr{gap:4px!important}
  .header-store,
  .header-user>a,
  .modal-login>a,
  .modal-login>a i{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    line-height:40px!important;
  }
  .header-store,.header-user,.modal-login{flex-basis:40px!important}
  .currency__dropdown,
  .currency__dropdown .dropdown__head-main,
  .currency__dropdown .dropdown__head{
    width:40px!important;
    min-width:40px!important;
  }
  .currency__dropdown{flex-basis:40px!important}
  .currency__dropdown .dropdown__head{height:40px!important;font-size:10px!important}
  .header__mob-search{width:48px!important;min-width:48px!important}
}


/* === MANY speed v3.8: roomier mobile header tap targets === */
@media screen and (max-width:480px){
  .header-store i,.header-user>a i,.modal-login>a i{font-size:21px!important}
  .header__mob-search i,.header__mob-search svg{font-size:20px!important}
  .header-store,.header-user>a,.modal-login>a,.currency__dropdown .dropdown__head,.header__mob-search{touch-action:manipulation}
}
@media screen and (max-width:360px){
  .header-store i,.header-user>a i,.modal-login>a i{font-size:20px!important}
  .header__mob-search i,.header__mob-search svg{font-size:19px!important}
}

/* many-speed v3.9: lightweight popular strip (main + categories only) */
.mc-popular-strip{padding:30px 0 34px;background:#fff;border-top:1px solid #f0f0f0}
.mc-popular-strip__head{padding-top:0;padding-bottom:16px;text-align:center}
.mc-popular-strip__head .h4{margin:0 0 5px;font-size:20px;line-height:1.25;font-weight:700}
.mc-popular-strip__hint{font-size:13px;line-height:1.4;color:#8b9098}
.mc-popular-strip__viewport{overflow:hidden;position:relative;padding:2px 0 4px}
.mc-popular-strip__track{display:flex;width:max-content;white-space:normal;will-change:transform;animation:mcPopularTicker 48s linear infinite}
.mc-popular-strip .online-sells__track:before,.mc-popular-strip .online-sells__track:after{display:none!important}
.mc-popular-strip__track:hover{animation-play-state:paused}
.mc-popular-strip__group{display:flex;align-items:stretch;gap:16px;flex:0 0 auto;padding-right:16px}
.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}
.mc-popular-strip .game-label.mc-popular-card:hover{filter:none;transform:translateY(-2px)}
.mc-popular-card__img{display:block;width:100%;height:100%;object-fit:cover}
.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}
.mc-popular-card:hover .mc-popular-card__overlay,.mc-popular-card:focus .mc-popular-card__overlay{opacity:1}
.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}
.mc-popular-card__price{display:block;margin-top:3px;font-size:12px;line-height:1.2;font-weight:700;color:#c8f230}
.mc-popular-strip__viewport:before,.mc-popular-strip__viewport:after{content:"";position:absolute;top:0;bottom:0;width:min(8vw,90px);z-index:3;pointer-events:none}
.mc-popular-strip__viewport:before{left:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}
.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){.mc-popular-strip__track{animation:none}}
@media(max-width:630px){
 .mc-popular-strip{padding:22px 0 24px}
 .mc-popular-strip__head{padding:0 14px 12px}
 .mc-popular-strip__head .h4{font-size:18px}
 .mc-popular-strip__hint{font-size:12px}
 .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}
 .mc-popular-strip__viewport::-webkit-scrollbar{display:none}
 .mc-popular-strip__viewport:before,.mc-popular-strip__viewport:after{display:none}
 .mc-popular-strip__track{animation:none;will-change:auto}
 .mc-popular-strip__group{gap:10px;padding-right:10px}
 .mc-popular-strip__group--clone{display:none}
 .mc-popular-strip .game-label.mc-popular-card{flex-basis:152px;width:152px;height:76px;scroll-snap-align:start}
 .mc-popular-card__overlay{opacity:1;padding:17px 7px 6px}
 .mc-popular-card__title{font-size:10px}
 .mc-popular-card__price{font-size:11px}
}


/* Related courses — final native scroll-snap carousel */
.mc-fullstory-wide>.mc-similar-courses{padding:26px 28px 28px;overflow:hidden}
.mc-similar-courses__header{display:flex;align-items:center;gap:16px;padding:0 0 18px;width:100%}
.mc-similar-courses__header>div:first-child{min-width:0}
.mc-similar-courses__hint{margin-top:5px;color:#8b9098;font-size:13px;line-height:1.35}
.mc-similar-courses .game-similar__slider-controls{display:flex;align-items:center;gap:8px;margin-left:auto;flex:0 0 auto}
.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)}
.mc-similar-courses .slider-control__button:hover:not(:disabled){border-color:#91c400;color:#79a800;transform:translateY(-1px)}
.mc-similar-courses .slider-control__button:disabled{opacity:.28;cursor:default;transform:none}
.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}
.mc-related-viewport::-webkit-scrollbar{display:none}
.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}
.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}
.mc-related-track .mc-card__body{display:flex;flex:1 1 auto;flex-direction:column;padding:11px;gap:8px}
.mc-related-track .mc-card__cat{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.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}
.mc-related-track .mc-card__footer{margin-top:auto;gap:8px}
.mc-related-track .mc-card__actions .mc-btn{padding:8px;font-size:13px}
@media(max-width:1449px){.mc-related-track{grid-auto-columns:calc((100% - 56px)/5)}}
@media(max-width:1119px){.mc-related-track{grid-auto-columns:calc((100% - 42px)/4)}}
@media(max-width:859px){.mc-fullstory-wide>.mc-similar-courses{padding:20px 18px 22px}.mc-related-track{grid-auto-columns:calc((100% - 24px)/3);gap:12px}.mc-similar-courses__header{padding-bottom:14px}}
@media(max-width:599px){.mc-fullstory-wide>.mc-similar-courses{padding:16px 12px 18px}.mc-related-track{grid-auto-columns:calc((100% - 10px)/2);gap:10px}.mc-similar-courses__header{padding-bottom:12px}.mc-similar-courses__hint{font-size:12px}.mc-similar-courses .slider-control__button{width:36px;height:36px}.mc-related-track .mc-card__body{padding:9px;gap:7px}.mc-related-track .mc-card__title{font-size:13px}}
@media(max-width:390px){.mc-similar-courses__hint{display:none}.mc-similar-courses .game-similar__slider-controls{gap:6px}.mc-similar-courses .slider-control__button{width:34px;height:34px}}


/* === MANY speed v4.4: preserve natural mobile poster ratio + crop only tall covers === */
@media screen and (max-width:630px){
  .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}
  .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}
}

/* === MANY speed v4.5: left filter + Grid / Price catalog views === */
.products-layout--catalog{display:flex;flex-wrap:wrap;align-items:flex-start}
.products-layout--catalog>.catalog-products-col{order:2;min-width:0}

.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}
.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)}
.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}
.mc-view-switch__btn i{font-size:15px}
.mc-view-switch__btn:hover{background:#f3f5f7}
.mc-view-switch__btn.is-active{background:#fff;color:#111;box-shadow:0 4px 14px rgba(24,36,48,.12)}
.mc-view-switch__btn.is-active i{color:var(--color1)}

/* Price mode reuses shortstory.tpl: only the layout changes. */
.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}
.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}
.mc-catalog-shell[data-catalog-view="price"] .mc-card:last-child{border-bottom:0}
.mc-catalog-shell[data-catalog-view="price"] .mc-card:hover{background:#fbfcfd}
.mc-catalog-shell[data-catalog-view="price"] .mc-media{grid-column:1;display:flex;align-items:center;justify-content:center;padding:8px}
.mc-catalog-shell[data-catalog-view="price"] .mc-card__thumb{width:60px;height:60px;aspect-ratio:1/1;border-radius:7px;background:#f4f5f7}
.mc-catalog-shell[data-catalog-view="price"] .mc-card__thumb img{width:100%;height:100%;object-fit:contain}
.mc-catalog-shell[data-catalog-view="price"] .mc-card__badges,.mc-catalog-shell[data-catalog-view="price"] .mc-favbtn{display:none!important}
.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}
.mc-catalog-shell[data-catalog-view="price"] .mc-card__cat{display:none!important}
.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}
.mc-catalog-shell[data-catalog-view="price"] .mc-card__footer{display:contents}
.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}
.mc-catalog-shell[data-catalog-view="price"] .mc-card__actions{grid-column:3;opacity:1!important;visibility:visible!important;transform:none!important}
.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){
  .catalog-products-col{padding-left:12px}
}

@media(max-width:991px){
  .products-layout--catalog>.catalog-products-col{width:100%}
  .mc-catalog-toolbar{margin-top:0}
}

@media(max-width:640px){
  .mc-catalog-toolbar{min-height:44px;margin-bottom:9px;padding:4px}
  .mc-view-switch{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4px}
  .mc-view-switch__btn{min-height:38px;padding:0 8px;font-size:12.5px}
  .mc-catalog-shell[data-catalog-view="price"] .mc-card{grid-template-columns:54px minmax(0,1fr);min-height:62px}
  .mc-catalog-shell[data-catalog-view="price"] .mc-media{padding:6px}
  .mc-catalog-shell[data-catalog-view="price"] .mc-card__thumb{width:42px;height:42px;border-radius:6px}
  .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}
  .mc-catalog-shell[data-catalog-view="price"] .mc-card__title{font-size:12px;line-height:1.25;-webkit-line-clamp:2;line-clamp:2}
  .mc-catalog-shell[data-catalog-view="price"] .mc-card__price{font-size:12.5px}
  .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}
}

/* === MANY speed v4.6: catalog sort/limit controls + compact pagination === */
.mc-catalog-toolbar{justify-content:space-between;gap:10px;flex-wrap:wrap}
.mc-catalog-toolbar__controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}
.mc-native-sort{display:none!important}
.mc-toolbar-field{display:flex;align-items:center;gap:6px;margin:0}
.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}
.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)}
.mc-toolbar-field select:hover{border-color:#cfd5da}
.mc-toolbar-field select:focus{border-color:var(--color1);box-shadow:0 0 0 3px rgba(145,196,0,.12)}
.mc-toolbar-field--sort select{min-width:174px}
.mc-toolbar-field--limit select{min-width:70px}

/* A little breathing room in cards where long titles previously sat too close to the footer. */
.mc-catalog-shell[data-catalog-view="grid"] .mc-card__footer{padding-top:4px}

/* Pagination: few useful buttons instead of a long row of page numbers. */
#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}
.mc-pagination .navigation-button{display:flex;align-items:center;margin:0}
.mc-pagination .navigation-button:empty{display:none}
.mc-pagination .navigation-button>a,.mc-pagination .mc-pagination__more>a{display:inline-flex;text-decoration:none;color:inherit}
.mc-pagination__arrow,.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}
.mc-pagination__arrow:hover,.mc-pagination__more-btn:hover{border-color:#b8d86a;color:#6f9700;transform:translateY(-1px)}
.mc-pagination__more{flex:0 0 100%;display:flex;justify-content:center;margin-bottom:2px}
.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}
.mc-pagination .navbutcont a,.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}
.mc-pagination .navbutcont a:hover{border-color:#b8d86a;color:#6f9700}
.mc-pagination .navbutcont .is-current,.mc-pagination .navbutcont>span:not(.nav_ext):not(.mc-pagination__ellipsis){border-color:var(--color1);background:var(--color1);color:#fff}
.mc-pagination .navbutcont .mc-pagination__ellipsis,.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){
  .mc-catalog-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;padding:5px}
  .mc-view-switch{width:auto;grid-template-columns:none;display:inline-flex}
  .mc-view-switch__btn{padding:0 10px}
  .mc-catalog-toolbar__controls{min-width:0;gap:5px}
  .mc-toolbar-field--sort{flex:1 1 auto;min-width:0}
  .mc-toolbar-field--sort select{width:100%;min-width:0;max-width:170px}
  .mc-toolbar-field--limit select{min-width:62px;padding-left:9px;padding-right:25px}
}

@media(max-width:520px){
  .mc-catalog-toolbar{grid-template-columns:auto minmax(0,1fr);margin-bottom:10px}
  .mc-view-switch__btn{width:40px;min-width:40px;padding:0;font-size:0;gap:0}
  .mc-view-switch__btn i{font-size:16px}
  .mc-catalog-toolbar__controls{justify-content:flex-end}
  .mc-toolbar-field select{height:40px;font-size:12px;border-radius:8px}
  .mc-toolbar-field--sort select{max-width:150px;padding-left:9px;padding-right:24px}

  #navigation.mc-pagination{gap:6px;margin-top:18px}
  .mc-pagination__label{display:none}
  .mc-pagination__arrow{width:42px;height:42px;min-height:42px;padding:0;border-radius:11px;font-size:16px}
  .mc-pagination .navbutcont{gap:4px}
  .mc-pagination .navbutcont a,.mc-pagination .navbutcont span{width:38px;height:38px;min-width:38px;border-radius:10px;font-size:13px}
  .mc-pagination .navbutcont .mc-pagination__ellipsis{width:18px;min-width:18px}
}

@media(max-width:360px){
  .mc-toolbar-field--sort select{max-width:132px}
  .mc-toolbar-field--limit select{min-width:56px}
}

/* v5.3 — compact home course rail + softer interface motion */
.mc-home-main{padding-top:0}
.mc-home-course-rail{box-sizing:border-box;margin:18px 0 26px;padding:24px 26px 26px;background:#fff;border:1px solid #edf0e8;border-radius:16px;box-shadow:0 7px 24px rgba(30,45,10,.055)}
.mc-home-course-rail__header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.mc-home-course-rail__heading{min-width:0}
.mc-home-course-rail__eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:5px;color:#78a400;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.mc-home-course-rail__heading h2{margin:0;color:#20252a;font-size:23px;line-height:1.2}
.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}
.mc-home-course-rail__actions{display:flex;align-items:center;gap:13px;flex:0 0 auto}
.mc-home-course-rail__all{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 13px;border:1px solid #e4e9df;border-radius:10px;background:#fafcf8;color:#53606a;font-size:12.5px;font-weight:700;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.mc-home-course-rail__all:hover{background:#f3f8e8;border-color:#d6e7ad;color:#6f9807;transform:translateY(-1px)}
.mc-home-course-rail__controls{display:flex;align-items:center;gap:7px}
.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}
.mc-home-course-rail__controls .slider-control__button:hover:not(:disabled){border-color:#cde39b;background:#f6faed;color:#79a500;transform:translateY(-1px)}
.mc-home-course-rail__controls .slider-control__button:disabled{opacity:.3;cursor:default}
.mc-home-course-rail__viewport{margin:0;padding:0 0 3px}
.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}
.mc-home-course-rail__track>.mc-card:hover{transform:translateY(-2px);border-color:#dce8c3;box-shadow:0 8px 20px rgba(36,52,12,.08)}
@media(max-width:700px){
  .mc-home-course-rail{margin:10px 0 18px;padding:16px 12px 17px;border-radius:13px}
  .mc-home-course-rail__header{align-items:flex-end;gap:10px;margin-bottom:13px}
  .mc-home-course-rail__heading h2{font-size:19px}
  .mc-home-course-rail__heading p{display:none}
  .mc-home-course-rail__eyebrow{font-size:10px}
  .mc-home-course-rail__all{display:none}
  .mc-home-course-rail__actions{gap:6px}
  .mc-home-course-rail__controls{gap:6px}
  .mc-home-course-rail__controls .slider-control__button{width:35px;height:35px}
}

/* Dropdowns: use opacity + a tiny translate instead of appearing abruptly. */
.dropdown__cont{transform:translateY(-5px);transition:opacity .18s ease,transform .18s ease,visibility .18s linear}
.dropdown._active .dropdown__cont{transform:translateY(0)}

/* Mobile menu/search and desktop mega-menu: subtle opening motion only. */
@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 .header-mob__menu{animation:mcMenuIn .22s cubic-bezier(.22,.61,.36,1)}
  body._mob-search-open .search-wr{animation:mcMenuIn .18s ease-out}
}
@media(min-width:1021px){
  .header-nav__group:hover .header-nav__submenu{animation:mcDropIn .18s ease-out}
}
.basket-modal[style*="display: block"] .basket-content{animation:mcCartIn .24s cubic-bezier(.22,.61,.36,1)}
.e-overlay.active{animation:mcOverlayIn .20s ease-out}

@media(prefers-reduced-motion:reduce){
  .mc-home-course-rail__track>.mc-card,.mc-home-course-rail__all,.mc-home-course-rail__controls .slider-control__button,.dropdown__cont{transition:none!important}
  body._mob-menu-open .header-mob__menu,body._mob-search-open .search-wr,.header-nav__group:hover .header-nav__submenu,.basket-modal[style*="display: block"] .basket-content,.e-overlay.active{animation:none!important}
  .mc-related-viewport{scroll-behavior:auto!important}
}

/* MANY SPEED v5.4 — unified home width + weekly course rails */
.mc-home-main .mc-home-entities,.mc-home-main .mc-faq--home{box-sizing:border-box!important;width:100%!important;max-width:none!important}
.mc-home-course-rail--popular{margin-top:-8px}
.mc-catalog-week-rail{margin:28px 0 8px}
@media (max-width:700px){.mc-home-course-rail--popular{margin-top:-4px}.mc-catalog-week-rail{margin:18px 0 4px}}

/* MANY SPEED v5.5 — compact hero gap + unified popular strip on catalog/static pages */
/* The banner template has its own later stylesheet, so !important is intentional here. */
.banner-shell{padding-bottom:4px!important}
.mc-home-main>.wrapper>.mc-home-course-rail:first-child{margin-top:8px}
/* lastnews/static now use the same compact popular ticker as category pages */
.mc-popular-strip{margin-top:0}
@media(max-width:768px){
  .banner-shell{padding-bottom:2px!important}
  .mc-home-main>.wrapper>.mc-home-course-rail:first-child{margin-top:4px}
}


/* === MANY speed v5.6: compact share, product meta, footer socials === */
/* Product metadata: lighter rows with a small accent marker, desktop + mobile. */
.game-parametrs .params-cols{margin-top:4px;margin-bottom:0}
.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 #eef1e8;white-space:normal;border-radius:8px;transition:background-color .18s ease}
.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:#f0f7df;color:#79a400;font-size:11px;font-weight:800;line-height:1}
.game-parametrs .params-cols__tr:hover{background:#fbfdf6}
.game-parametrs .params-cols__tr:last-child{border-bottom:0}
.game-parametrs .params-cols__param,.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}
.game-parametrs .params-cols__param{color:#66705e;font-weight:650}
.game-parametrs .params-cols__content{color:#20251e}
.game-parametrs .params-cols__content a{text-underline-offset:3px}
.game-parametrs .mc-author-price-row .mc-author-price{margin-top:-2px}

/* Compact sharing card below the poster. */
.mc-share-card{padding:16px 18px!important;gap:11px;border:1px solid #edf0e8;border-radius:12px;background:#fff!important}
.mc-share-card__head{display:flex;flex-direction:column;gap:2px;width:100%}
.mc-share-card__title{font-size:15px;line-height:1.25;font-weight:700;color:#232820}
.mc-share-card__hint{font-size:11.5px;line-height:1.35;color:#969d91}
.mc-share-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%;position:relative}
.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:#f8faf6;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}
.mc-share-btn:hover{transform:translateY(-2px);border-color:#c8d9a6;background:#f3f8e8;color:#638900}
.mc-share-btn i{font-size:18px;line-height:1}
.mc-share-btn--native{background:#f1f7e4;color:#6d9600;border-color:#dce9bf}
.mc-share-btn--telegram{color:#229ed9}
.mc-share-btn--vk{color:#2787f5}
.mc-share-btn--whatsapp{color:#25d366}
.mc-share-btn--max{color:#111;background:#fff}
.mc-share-btn__maxmark{font-size:9px;font-weight:900;letter-spacing:-.4px}
.mc-share-status{display:inline-flex;align-items:center;min-height:20px;margin-left:2px;color:#6f9700;font-size:11px;font-weight:600}

/* Footer social links moved out of the product sidebar. */
.footer-socials{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.09)}
.footer-socials__title{display:block;margin-bottom:9px;color:#aeb4ad;font-size:12px;font-weight:650}
.footer-socials__links{display:flex;flex-wrap:wrap;gap:8px}
.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}
.footer-socials__link:hover{transform:translateY(-1px);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}
.footer-socials__link i{width:auto!important;margin:0!important;font-size:16px}
.footer-socials__link--telegram i{color:#2aabee!important}
.footer-socials__link--vk i{color:#5b9df5!important}

@media(max-width:630px){
  .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}
  .game-parametrs .params-cols__tr::before{width:22px;height:22px;border-radius:7px;font-size:10px;margin-top:-1px}
  .game-parametrs .params-cols__param,.game-parametrs .params-cols__content{font-size:12.5px;line-height:1.4}
  .mc-share-card{padding:14px 13px!important;margin-bottom:12px!important}
  .mc-share-actions{gap:9px}
  .mc-share-btn{width:44px;height:44px;min-width:44px;border-radius:13px}
  .mc-share-btn i{font-size:19px}
  .mc-share-status{flex-basis:100%;margin:0;min-height:0}
}
@media(max-width:360px){
  .game-parametrs .params-cols__tr{grid-template-columns:22px minmax(88px,34%) minmax(0,1fr);column-gap:7px}
  .mc-share-actions{gap:7px}
  .mc-share-btn{width:42px;height:42px;min-width:42px}
}
@media(prefers-reduced-motion:reduce){.mc-share-btn,.footer-socials__link{transition:none!important}}


/* === MANY speed v5.7: stable product meta + left gallery + canonical share/MAX + bonus modal === */
.game-parametrs .mc-article-row>.params-cols__param,
.game-parametrs .mc-article-row>.mc-article-value{width:auto!important;flex:none!important;min-width:0!important;padding:0!important;margin:0!important}
.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){.game-parametrs .params-cols__tr{grid-template-columns:26px 190px minmax(0,1fr)!important}}
@media(max-width:630px){.game-parametrs .mc-article-row>.params-cols__param,.game-parametrs .mc-article-row>.mc-article-value{grid-column:auto!important}}

.mc-share-btn__maxicon{display:block;width:23px!important;height:23px!important;object-fit:contain;border-radius:6px}.mc-share-btn--max{overflow:hidden}

.game-body__column--left .game-media{margin:12px 0 0;padding:15px 0 0;border:1px solid #edf0e8;border-radius:12px;background:#fff;overflow:hidden}
.game-body__column--left .game-media__header{padding:0 14px;margin-bottom:12px}.game-body__column--left .game-media__title{margin-right:12px;font-size:16px}.game-body__column--left .game-media__slider{margin-bottom:14px}.game-body__column--left .game-media__slider-item{min-width:100%;max-height:none;height:auto;margin-right:0}.game-body__column--left .game-media__link{display:block}.game-body__column--left .game-media__link img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;background:#fafafa}.game-body__column--left .game-media__scrollbar{margin:0 14px 15px;width:calc(100% - 28px)}.game-body__column--left .game-media__slider-controls{width:84px;min-width:84px}.game-body__column--left .game-media .slider-control__button{width:42px;min-width:42px;height:36px}.game-body__column--left .game-media .slider-control__button span{font-size:21px}

.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}.mc-bonus-earned:hover{border-color:#c8dc94;background:#f1f8df;transform:translateY(-1px)}.mc-bonus-earned:focus-visible{outline:2px solid #91c400;outline-offset:2px}.mc-bonus-earned__info{margin-left:2px!important;color:#7e9d24!important;font-size:12px!important;opacity:.8}.mc-bonus-earned::after{display:none!important}
.mc-modal-open{overflow:hidden}.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}.mc-bonus-modal[hidden]{display:none!important}.mc-bonus-modal.is-open{opacity:1;pointer-events:auto}.mc-bonus-modal__backdrop{position:absolute;inset:0;background:rgba(22,27,18,.55);backdrop-filter:blur(3px)}.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 #e6ecd8;border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(25,32,18,.24);transform:translateY(12px) scale(.985);transition:transform .18s ease;outline:none}.mc-bonus-modal.is-open .mc-bonus-modal__dialog{transform:translateY(0) scale(1)}.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:#f4f6f0;color:#5b6451;cursor:pointer;font-size:16px}.mc-bonus-modal__close:hover{background:#edf3df;color:#6e9900}.mc-bonus-modal__icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin-bottom:14px;border-radius:15px;background:#eef7d9;color:#7ca700;font-size:21px}.mc-bonus-modal__eyebrow{margin-bottom:5px;color:#84ad10;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.mc-bonus-modal__dialog h3{margin:0 44px 9px 0;color:#20261d;font-size:23px;line-height:1.2}.mc-bonus-modal__lead{margin-bottom:17px;color:#5f6859;font-size:14px;line-height:1.55}.mc-bonus-modal__lead strong{color:#6f9900}.mc-bonus-modal__rules{display:grid;gap:9px;margin:0 0 20px;padding:0;list-style:none}.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 #edf0e8;border-radius:12px;background:#fbfcf9;color:#4f584a;font-size:13px;line-height:1.45}.mc-bonus-modal__rules li>i{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;background:#eff6df;color:#789f0c;font-size:11px}.mc-bonus-modal__ok{width:100%;min-height:46px;border:0;border-radius:13px;background:#91c900;color:#fff;font:700 14px/1 inherit;cursor:pointer;transition:background .16s ease,transform .16s ease}.mc-bonus-modal__ok:hover{background:#83b700;transform:translateY(-1px)}
@media(max-width:630px){.game-body__column--left .game-media{margin-top:10px;border-radius:10px}.game-body__column--left .game-media__link img{max-height:300px}.mc-bonus-modal{padding:12px}.mc-bonus-modal__dialog{padding:23px 18px 18px;border-radius:17px}.mc-bonus-modal__dialog h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){.mc-bonus-modal,.mc-bonus-modal__dialog,.mc-bonus-earned{transition:none!important}}

/* === MANY speed v5.8: poster gallery order + stable mobile SKU + favorite beside bonus === */
/* Gallery now lives with the poster, so it stays directly below it on desktop and mobile. */
.mc-media > .game-media{margin-top:8px!important}
.mc-media > .mc-share-card{margin-top:12px!important;margin-bottom:0!important}

/* Force the SKU row to use exactly the same 3-column meta grid as every other row.
   Older mobile SKU experiments used a 2-column grid and pushed the value to a second line. */
.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;
}
.game-parametrs .params-cols__tr.mc-article-row::before{grid-column:1!important;grid-row:1!important}
.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;
}
.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;
}
.game-parametrs .mc-article-value .mc-article-id,
.game-parametrs .mc-article-value .available__text{white-space:nowrap!important}

/* Bookmark moved out of the metadata list and into the purchase actions row. */
.mc-deal-favorite{display:inline-flex;align-items:center;min-width:0}
.mc-deal-favorite .mc-favorite-chip{display:inline-flex;width:100%}
.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;
}
.mc-deal-favorite .mc-favorite-chip a:hover{background:#fff4f2;border-color:#ffcfc9!important;transform:translateY(-1px)}
.mc-deal-favorite .mc-favorite-chip i{font-size:13px}

@media(max-width:630px){
  .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;
  }
  .game-parametrs .params-cols__tr.mc-article-row::before{width:22px;height:22px;margin-top:-1px}
  .game-parametrs .params-cols__tr.mc-article-row>.params-cols__param,
  .game-parametrs .params-cols__tr.mc-article-row>.mc-article-value{font-size:12.5px!important;line-height:1.4!important}

  /* Bonus + bookmark share the row under the two purchase buttons. */
  .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;
  }
  .mc-game-deal__main .mc-deal-favorite{
    grid-column:2!important;justify-self:stretch!important;width:100%!important;
  }
  .mc-game-deal__main .mc-deal-favorite .mc-favorite-chip,
  .mc-game-deal__main .mc-deal-favorite .mc-favorite-chip a{width:100%!important}
  .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){
  .game-parametrs .params-cols__tr.mc-article-row{
    grid-template-columns:22px minmax(88px,34%) minmax(0,1fr)!important;
    column-gap:7px!important;
  }
  .mc-game-deal__main{column-gap:8px!important}
  .mc-game-deal__main .mc-bonus-earned{font-size:10.8px!important;padding-left:6px!important;padding-right:6px!important;gap:5px!important}
  .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){.mc-deal-favorite .mc-favorite-chip a{transition:none!important}}

/* === MANY speed v5.9: restore gallery flow + mobile favorite spacing === */
/* Screenshots return to the previous wandering block flow. On desktop/mobile this
   preserves the old gallery behaviour and avoids the oversized tall left column. */
.mc-media > .game-media{margin-top:0!important}

@media(max-width:799px){
  /* Keep bonus and bookmark as two clearly separated compact rows under the buy buttons. */
  .mc-game-deal__main{row-gap:14px!important}
  .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;
  }
  .mc-game-deal__main .mc-deal-favorite{
    grid-column:1/-1!important;
    justify-self:center!important;
    width:auto!important;
    margin:2px auto 0!important;
  }
  .mc-game-deal__main .mc-deal-favorite .mc-favorite-chip,
  .mc-game-deal__main .mc-deal-favorite .mc-favorite-chip a{
    width:auto!important;
  }
  .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){
  .mc-game-deal__main{row-gap:13px!important}
  .mc-game-deal__main .mc-deal-favorite .mc-favorite-chip a{font-size:11.5px!important;padding-left:12px!important;padding-right:12px!important}
}

/* === MANY speed v6.0: safer mobile spacing between bonus and favorite === */
@media(max-width:799px){
  .mc-game-deal__main .mc-bonus-earned{margin-bottom:3px!important}
  .mc-game-deal__main .mc-deal-favorite{margin-top:12px!important}
}
@media(max-width:360px){
  .mc-game-deal__main .mc-deal-favorite{margin-top:11px!important}
}

/* === MANY speed v6.2: deterministic finger-safe gap between bonus and favorite === */
/* At 391-799px use a dedicated empty spacer column. This guarantees a visible
   gap regardless of the intrinsic widths of the two compact controls. */
@media (min-width:391px) and (max-width:799px){
  .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;
  }
  .mc-game-deal .game-deal__col--price,
  .mc-game-deal .mor-full_link{grid-column:1/-1!important}
  .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;
  }
  .mc-game-deal__main .mc-deal-favorite{
    grid-column:4!important;
    justify-self:start!important;
    width:max-content!important;
    margin:0!important;
  }
  .mc-game-deal__main .mc-deal-favorite .mc-favorite-chip,
  .mc-game-deal__main .mc-deal-favorite .mc-favorite-chip a{width:auto!important}
  .mc-game-deal__main .mc-deal-favorite .mc-favorite-chip a{min-height:44px!important}
}
/* On the narrowest phones stack the two actions and keep a clear vertical gap. */
@media (max-width:390px){
  .mc-game-deal__main .mc-bonus-earned,
  .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;
  }
  .mc-game-deal__main .mc-bonus-earned{min-height:44px!important;margin-bottom:10px!important}
  .mc-game-deal__main .mc-deal-favorite{margin-top:10px!important}
  .mc-game-deal__main .mc-deal-favorite .mc-favorite-chip a{min-height:44px!important}
}

/* Cart overlay must cover the header too. The header has z-index:100, while
   the old generic overlay had z-index:7, so the header stayed bright. Keep
   this override cart-specific so login/other modals retain their own stacking. */
#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;
}
#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){
  #modal-basket + .e-overlay.active{animation:none!important}
}


/* === MANY speed v6.3: structural mobile gap + larger secondary-action text === */
/* The previous attempts positioned bonus/favorite as independent grid items. Their
   intrinsic widths and older grid rules could visually collapse the requested gap.
   They now share one dedicated wrapper, so flex gap is the actual clickable-space gap. */
.mc-deal-secondary-actions{display:contents}
@media(max-width:799px){
  .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;
  }
  .mc-game-deal__main .mc-deal-secondary-actions>.mc-bonus-earned,
  .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;
  }
  .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;
  }
  .mc-game-deal__main .mc-deal-secondary-actions .mc-bonus-earned__info{font-size:12.5px!important}
  .mc-game-deal__main .mc-deal-secondary-actions>.mc-deal-favorite .mc-favorite-chip,
  .mc-game-deal__main .mc-deal-secondary-actions>.mc-deal-favorite .mc-favorite-chip a{width:auto!important}
  .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;
  }
  .mc-game-deal__main .mc-deal-secondary-actions>.mc-deal-favorite .mc-favorite-chip i{font-size:14px!important}
}
@media(max-width:360px){
  .mc-game-deal__main .mc-deal-secondary-actions{column-gap:24px!important}
  .mc-game-deal__main .mc-deal-secondary-actions>.mc-bonus-earned,
  .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;
  }
}

/* === MANY speed v6.4: lightweight on-demand catalog filter === */
.products-layout--catalog-lite{margin-left:0;margin-right:0}
.products-layout--catalog-lite>.catalog-products-col{width:100%;padding-left:0!important;padding-right:0!important}
.mc-catalog-toolbar--lite{position:relative;margin-bottom:12px}
.mc-catalog-toolbar__left{display:flex;align-items:center;gap:8px;min-width:0}
.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}
.mc-filter-toggle:hover,.mc-filter-toggle.has-active-filters{border-color:#bfdc78;color:#6d9600;background:#fbfff2}
.mc-filter-toggle:active{transform:translateY(1px)}
.mc-filter-toggle i{font-size:14px;color:#7fa900}
.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:#91c900;color:#fff;font-size:11px;font-weight:800;line-height:1}
.mc-filter-toggle__count[hidden]{display:none!important}

.mc-lite-filter{box-sizing:border-box;margin:-2px 0 14px;padding:20px;border:1px solid #e8ede1;border-radius:14px;background:#fff;box-shadow:0 10px 32px rgba(26,38,18,.07);opacity:0;transform:translateY(-7px);transition:opacity .18s ease,transform .18s ease}
.mc-lite-filter.is-open{opacity:1;transform:none}
.mc-lite-filter__head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}
.mc-lite-filter__eyebrow{margin-bottom:2px;color:#83ad0d;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.mc-lite-filter__head h3{margin:0;color:#20251d;font-size:20px;line-height:1.2}
.mc-lite-filter__close{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-radius:10px;background:#f5f7f2;color:#596052;cursor:pointer;font-size:15px;transition:.16s ease}
.mc-lite-filter__close:hover{background:#edf4dd;color:#749d00}
.mc-lite-filter__form{display:grid;grid-template-columns:1.2fr 1.25fr .9fr;gap:18px;align-items:start}
.mc-lite-filter__group{min-width:0;margin:0;padding:0;border:0}
.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}
.mc-lite-filter__group legend i{color:#89b400;font-size:12px}
.mc-filter-chips{display:flex;flex-wrap:wrap;gap:7px}
.mc-filter-chip{position:relative;margin:0;cursor:pointer}
.mc-filter-chip input{position:absolute;opacity:0;pointer-events:none}
.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}
.mc-filter-chip>span img{width:17px;height:17px;object-fit:contain;flex:0 0 17px}
.mc-filter-chip input:checked+span{border-color:#a9cf50;background:#f1f8df;color:#668d00;box-shadow:0 0 0 2px rgba(145,201,0,.06)}
.mc-filter-chip:hover>span{border-color:#cbd7b7}
.mc-filter-chip input:focus-visible+span{outline:2px solid rgba(145,201,0,.35);outline-offset:2px}
.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}
.mc-filter-clean:hover{border-color:#cbd7b7;background:#fcfff7}
.mc-filter-clean input{position:absolute;opacity:0;pointer-events:none}
.mc-filter-clean__box{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;border:1px solid #dce3d4;border-radius:8px;background:#fff;color:transparent;font-size:12px;transition:.15s ease}
.mc-filter-clean input:checked+.mc-filter-clean__box{border-color:#91c900;background:#91c900;color:#fff}
.mc-filter-clean>span:last-child{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.mc-filter-clean strong{color:#3d4438;font-size:12.5px}
.mc-filter-clean small{margin-top:2px;color:#8b9186;font-size:10.5px}
.mc-lite-filter__actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:9px;padding-top:2px}
.mc-lite-filter__apply,.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}
.mc-lite-filter__apply{border:1px solid #91c900;background:#91c900;color:#fff}
.mc-lite-filter__apply:hover{background:#83b700;border-color:#83b700}
.mc-lite-filter__apply.is-loading{opacity:.65;pointer-events:none}
.mc-lite-filter__reset{border:1px solid #e3e7df;background:#fff;color:#62695e}
.mc-lite-filter__reset:hover{border-color:#cfd8c5;background:#f8faf5;color:#4d5548}
.mc-filter-backdrop{display:none}

/* Full width catalog: four cards on wide desktop after removing the permanent sidebar. */
@media(min-width:1240px){.products-layout--catalog-lite .mc-catalog-shell[data-catalog-view="grid"] .mc-grid,.products-layout--catalog-lite .mc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:992px) and (max-width:1239px){.products-layout--catalog-lite .mc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

#dle-content.mc-filter-loading{position:relative;min-height:220px;opacity:.58;pointer-events:none;transition:opacity .15s ease}
#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 rgba(145,201,0,.18);border-top-color:#91c900;border-radius:50%;animation:mcFilterSpin .7s linear infinite;z-index:5}
@keyframes mcFilterSpin{to{transform:rotate(360deg)}}
.mc-filter-error{margin:0 0 12px;padding:11px 13px;border:1px solid #ffd8d3;border-radius:10px;background:#fff6f4;color:#a94739;font-size:12px}

.mc-lite-pager{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin:24px 0 8px}
.mc-lite-pager__pages{display:flex;align-items:center;justify-content:center;gap:5px}
.mc-lite-pager button,.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}
.mc-lite-pager button:hover:not(:disabled){border-color:#b8d86a;color:#6f9700;transform:translateY(-1px)}
.mc-lite-pager button:disabled{opacity:.36;cursor:default}
.mc-lite-pager__page.is-current{border-color:#91c900;background:#91c900;color:#fff}
.mc-lite-pager__ellipsis{display:inline-flex;align-items:center;justify-content:center;width:20px;color:#8b9098;font-size:17px}
.mc-lite-pager__nav{gap:7px!important;min-width:auto!important}

@media(max-width:900px){
  .mc-lite-filter__form{grid-template-columns:1fr 1fr}
  .mc-lite-filter__group--quality{grid-column:1/-1}
}

@media(max-width:760px){
  .mc-catalog-toolbar--lite{display:grid;grid-template-columns:1fr;gap:7px;padding:6px}
  .mc-catalog-toolbar--lite .mc-catalog-toolbar__left{justify-content:space-between}
  .mc-catalog-toolbar--lite .mc-catalog-toolbar__controls{width:100%;margin-left:0;justify-content:stretch}
  .mc-catalog-toolbar--lite .mc-toolbar-field--sort{flex:1 1 auto}
  .mc-catalog-toolbar--lite .mc-toolbar-field--sort select{width:100%;max-width:none}
  .mc-filter-toggle{min-height:40px;padding:0 12px}
}

@media(max-width:700px){
  body.mc-lite-filter-open{overflow:hidden}
  .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}
  .mc-filter-backdrop.is-open{opacity:1}
  .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 rgba(20,28,14,.26);opacity:0;transform:translateY(24px);transition:opacity .18s ease,transform .18s ease}
  .mc-lite-filter.is-open{opacity:1;transform:none}
  .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)}
  .mc-lite-filter__head h3{font-size:19px}
  .mc-lite-filter__form{display:block}
  .mc-lite-filter__group{margin-bottom:18px}
  .mc-filter-chips{gap:7px}
  .mc-filter-chip>span{min-height:39px;padding:0 11px;font-size:12px}
  .mc-filter-clean{min-height:52px}
  .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)}
  .mc-lite-filter__apply,.mc-lite-filter__reset{width:100%;min-height:46px}
  .mc-lite-pager{gap:6px;margin-top:18px}
  .mc-lite-pager__nav{width:42px!important;min-width:42px!important;padding:0!important;font-size:16px}
  .mc-lite-pager__nav span{display:none}
  .mc-lite-pager button,.mc-lite-pager__page{height:38px;min-width:38px;padding:0 8px;border-radius:9px;font-size:12.5px}
  .mc-lite-pager__pages{gap:4px}
}

@media(max-width:520px){
  .mc-catalog-toolbar--lite .mc-catalog-toolbar__left{gap:6px}
  .mc-catalog-toolbar--lite .mc-view-switch{flex:0 0 auto}
  .mc-filter-toggle{flex:1 1 auto;min-width:0;padding:0 10px}
  .mc-filter-toggle span:not(.mc-filter-toggle__count){font-size:12px}
  .mc-catalog-toolbar--lite .mc-catalog-toolbar__controls{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:6px}
  .mc-catalog-toolbar--lite .mc-toolbar-field--sort select{max-width:none}
  .mc-filter-chip>span{padding:0 10px}
}

@media(prefers-reduced-motion:reduce){.mc-lite-filter,.mc-filter-backdrop,.mc-filter-toggle,.mc-filter-chip>span,#dle-content{transition:none!important}.mc-lite-pager button:hover:not(:disabled){transform:none}}

/* MANY Courses v6.6: hard mobile click-layer fix.
   The HTML hidden attribute must win over the mobile display:block rules. */
.mc-filter-backdrop[hidden],
.mc-lite-filter[hidden]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.mc-filter-backdrop:not(.is-open){pointer-events:none!important}
.mc-filter-backdrop.is-open{pointer-events:auto!important}
@media(max-width:700px){
  .mc-lite-filter:not(.is-open){pointer-events:none!important}
  .mc-lite-filter.is-open{pointer-events:auto!important}
}

/* === MANY speed v6.7: compact desktop header + search-first layout === */
.mc-header-favs{display:none}
@media screen and (min-width:1025px){
  /* One compact desktop row: logo | search | account actions. Mobile/tablet untouched. */
  .header{padding-bottom:52px}
  .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;
  }
  .header__logo{
    width:178px!important;
    max-width:178px!important;
    height:64px;
    margin:0!important;
    padding:0!important;
    display:flex;
    align-items:center;
  }
  .header__logo img{
    width:100%;
    height:100%;
    object-fit:contain;
  }
  .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;
  }
  .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;
  }
  .header__info-links{display:none!important}
  .search-div{
    grid-column:1;
    grid-row:1;
    min-width:0;
    margin:0!important;
    padding:0!important;
  }
  .search-div__txt{display:none!important}
  .search-wr__main{margin:0!important}
  .search-wr__input{
    height:46px!important;
    line-height:44px!important;
    border:1px solid #dfe5d8!important;
    border-radius:13px!important;
    padding:0 54px 0 17px!important;
    background:#f8faf7!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;
  }
  .search-wr__input::placeholder{color:#7c8377!important}
  .search-wr__input:focus{
    border-color:#94c608!important;
    background:#fff!important;
    box-shadow:0 0 0 3px rgba(148,198,8,.10)!important;
  }
  .search-wr__btns-pair{
    width:46px!important;
    height:46px!important;
    line-height:46px!important;
    background:transparent!important;
  }
  .search-wr__btns-pair .search-wr__submit,
  .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;
  }
  .search-wr__btns-pair .search-wr__submit:hover{background:#edf5d6!important;color:#6b9300!important}

  /* Search dropdown becomes a clean card attached to the search bar. */
  .search-wr__loadout-wr{
    left:0!important;
    right:0!important;
    margin-top:7px!important;
    max-height:430px;
    border:1px solid #e7eadf;
    border-radius:14px!important;
    box-shadow:0 18px 45px rgba(25,34,18,.14)!important;
    overflow:hidden auto!important;
    transform:none!important;
    animation:none!important;
    transform-origin:center!important;
  }
  .search-wr__loadout-wr._active{transform:none!important;animation:none!important}
  .search-wr__loadout{padding:8px!important}
  .search-wr__loadout-bot{
    padding:11px 14px!important;
    background:#f6f8f3!important;
    color:#4f5947!important;
    border-top:1px solid #e9ece5;
    font-size:13px!important;
    text-align:center;
  }
  .search-wr__loadout-bot-link{font-weight:700;color:#648d00!important}

  /* Desktop account controls: cabinet / favorites / cart / currency. */
  .header-user,.modal-login{order:1;flex:0 0 auto!important}
  .mc-header-favs{order:2}
  .header-store{order:3}
  .currency__dropdown{order:4}
  .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;
  }
  .mc-header-favs i{font-size:18px;color:#30352e}
  .mc-header-favs:hover{background:#f5f9ea;border-color:#cbdca0;color:#638a00;transform:translateY(-1px)}
  .mc-header-favs:hover i{color:#7aa700}
  .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;
  }
  .header-store>i.fa-regular,.header-store>i.fa-solid{font-size:18px!important}
  .header-store i:not([class]){display:inline!important;font-style:normal!important}
  .basket-count{top:-7px!important;right:-4px!important}
  .header-user>a,.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;
  }
  .header-user>a i,.modal-login>a i{font-size:19px!important;color:#20231f!important}
  .header-user>a span,.modal-login>a span{display:inline!important;color:#161816!important}
  .header-user>a:hover,.modal-login>a:hover{background:#f7f8f5!important;border-color:#d8ddd2!important}
  .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;
  }
  .currency__dropdown .dropdown__head:after{right:10px!important}

  /* Slightly slimmer second navigation row. */
  .header-nav{height:52px!important}
  .header-nav__gr-link{font-size:14px!important;padding:4px 16px!important}
  .header__nav{border-color:#eceee9!important}
}

@media screen and (min-width:1025px) and (max-width:1240px){
  .header__top>.wrapper{grid-template-columns:150px minmax(0,1fr);column-gap:18px}
  .header__logo{width:146px!important;max-width:146px!important}
  .header__main-col{gap:10px;grid-template-columns:minmax(300px,1fr) auto}
  .mc-header-favs span,.header-user>a span,.modal-login>a span{display:none!important}
  .mc-header-favs,.header-user>a,.modal-login>a{min-width:46px!important;width:46px!important;padding:0!important}
  .header-store{min-width:92px!important;padding:0 11px!important}
}

/* Mobile header positioning retained from the old v6.9 patch. */
@media screen and (max-width:1020px){
  .page-body,.mc-page-body{padding-top:0!important}
  .header__top{position:relative!important}
  .search-wr,.header-mob__menu{top:100%!important}
}

/* === MANY SPEED v6.10: non-sticky header + precise desktop search alignment === */
/* Kill every legacy sticky/fixed header state. The header must leave the viewport with page scroll. */
.header,
.header__top,
.header__nav{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
}
.header{transform:none!important}
body._scrolled .header,
body._scrolled .header__top,
body._scrolled .header__nav{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  -webkit-transform:none!important;
}
body._scrolled .page-body,
body._scrolled .mc-page-body{padding-top:0!important}

@media screen and (min-width:1025px){
  /* Header itself no longer reserves a fake sticky offset. Nav is a normal second row. */
  .header{padding-bottom:0!important}
  body._scrolled .header{padding-bottom:0!important}

  .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;
  }
  .header__logo{
    align-self:center!important;
    justify-self:start!important;
    width:178px!important;
    max-width:178px!important;
    height:70px!important;
    margin:0!important;
  }
  .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;
  }
  .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;
  }
  .search-wr{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  .search-wr__main{
    position:relative!important;
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  .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;
  }
  .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;
  }
  .search-wr__btns-pair .search-wr__submit,
  .search-wr__btns-pair .iconic{
    position:absolute!important;
    inset:0!important;
    width:40px!important;
    height:40px!important;
    line-height:40px!important;
    margin:0!important;
  }
  .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;
  }
  .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){
  .header__top>.wrapper{
    grid-template-columns:150px minmax(0,1fr)!important;
    column-gap:18px!important;
  }
  .header__logo{width:146px!important;max-width:146px!important;height:62px!important}
  .header__main-col{grid-template-columns:minmax(280px,1fr) auto!important;gap:12px!important}
}

/* === MANY SPEED v6.11: sticky header on page scroll ===
   Keep the finished v6.10 header visible while the page scrolls.
   Native position:sticky avoids layout jumps and does not need JS. */
.header.js-header,
.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 rgba(31,38,24,.08),0 8px 22px rgba(25,31,20,.045)!important;
}

/* Legacy _scrolled rules must never turn the header back into fixed/relative
   or hide one of its rows. */
body._scrolled .header,
body._scrolled .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 .header__top{
  display:block!important;
  position:relative!important;
  top:auto!important;
}
body._scrolled .header__nav,
.header__nav{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  -webkit-transform:none!important;
}
body._scrolled .page-body,
body._scrolled .mc-page-body{
  padding-top:0!important;
}

/* Mobile header also stays visible; menu/search continue to open below it. */
@media screen and (max-width:1024px){
  .header.js-header,
  .header{
    position:-webkit-sticky!important;
    position:sticky!important;
    top:0!important;
  }
  .header-mob__menu,
  .search-wr{
    /* Preserve the existing mobile positioning relative to the sticky header. */
  }
}

/* === MANY SEARCH v7.0: anchored fast suggestions + compact search results === */

/* Fast suggestions: JS fixes coordinates to the real #story input, these rules only style the card. */
#searchsuggestions{
  box-sizing:border-box!important;
  padding:7px!important;
  background:#fff!important;
  border:1px solid #e4e9df!important;
  border-radius:14px!important;
  box-shadow:0 18px 45px rgba(24,32,18,.16)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scrollbar-gutter:stable;
}
#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;
}
#searchsuggestions .dle-fast_item:hover{
  background:#f4f7ef!important;
  transform:none!important;
}
#searchsuggestions .dle-fast_item__media{
  display:flex;
  align-items:center;
  justify-content:center;
  width:58px;
  height:58px;
  border-radius:9px;
  background:#f5f6f3;
  overflow:hidden;
}
#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;
}
#searchsuggestions .dle-fast_item__body{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:5px;
}
#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;
}
#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;
}
#searchsuggestions .dle-fast_meta strong{
  color:#6d9500;
  font-size:12px;
}
#searchsuggestions .dle-fast_item__arrow{
  display:flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  color:#aab0a5;
  font-size:11px;
}
#searchsuggestions .dle-fast_item:hover .dle-fast_item__arrow{color:#739d00}
#searchsuggestions .seperator{
  display:block!important;
  width:auto!important;
  margin:5px 0 0!important;
  padding:5px 0 0!important;
  border-top:1px solid #edf0e9!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
}
#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;
}
#searchsuggestions .seperator a:after{
  content:"→";
  font-size:17px;
  line-height:1;
}
#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){
  #searchsuggestions{
    padding:6px!important;
    border-radius:12px!important;
  }
  #searchsuggestions .dle-fast_item{
    grid-template-columns:52px minmax(0,1fr) 18px!important;
    min-height:64px!important;
    gap:9px!important;
    padding:6px!important;
  }
  #searchsuggestions .dle-fast_item__media{width:52px;height:52px;border-radius:8px}
  #searchsuggestions .dle-fast_item__title{font-size:13px}
}

/* === MANY search UI v2: spacing, card metadata and corrected search icon === */
/* Keep the submit button/icon mathematically centered; do not rely on the old iconic glyph baseline. */
.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;
}
.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;
}
.search-wr__btns-pair .search-wr__submit:hover{
  background:#87b500!important;
  color:#111!important;
}

/* === MANY search UI v4: mobile expanded-search submit alignment ===
   v2 made the desktop submit button visible everywhere. On <=1024px the legacy
   mobile form is a full-width row below the header, so anchor the submit button
   to the right edge of that row instead of inheriting the old left-side geometry. */
@media screen and (max-width:1024px){
  body._mob-search-open .search-wr{
    box-sizing:border-box!important;
  }
  body._mob-search-open .search-wr__main{
    position:relative!important;
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body._mob-search-open .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 .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 .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 .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 .search-wr{
    padding:8px!important;
  }
  body._mob-search-open .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 .search-wr__btns-pair{
    right:3px!important;
    width:40px!important;
    height:40px!important;
  }
}

/* MANY-COURSES Store update requests v1.1 */
.mc-order-modal [hidden]{display:none!important}.mc-order-modal__update{margin-top:12px;padding:12px 14px;border:1px solid #e3e9d6;border-radius:11px;background:#f8fbf1}.mc-order-modal__update-message{color:#6c7781;font-size:12.5px;line-height:1.5}.mc-order-modal__empty-link{color:#8b949f}.mc-orders__btn--update{background:#fff;border-color:#b9d66c;color:#638b08!important}.mc-orders__btn--update:hover{background:#f4f9e8}.mc-orders__btn--renew{background:#fff7e8;border-color:#f0cf8e;color:#9a6500!important}.mc-orders__btn--renew:hover{background:#fff0cf}.mc-renewal-offer{display:flex;align-items:flex-start;gap:10px;margin:0 0 12px;padding:12px 14px;border:1px solid #cfe49b;border-radius:11px;background:#f5fae9;color:#506820}.mc-renewal-offer>i{margin-top:3px;color:var(--color1);font-size:17px}.mc-renewal-offer b{display:block;font-size:14px;line-height:1.35}.mc-renewal-offer span{display:block;margin-top:3px;color:#78846c;font-size:12px;line-height:1.4}@media(max-width:520px){.mc-order-modal__update{padding:11px 12px}.mc-order-modal__actions .mc-orders__btn--renew,.mc-order-modal__actions .mc-orders__btn--update{flex-basis:100%}}

/* MANY-COURSES Store renewal price + full bonus payment v1.2 */
.mc-renewal-price-applied{color:#5f8f00!important;font-weight:800!important}.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}.mc-renewal-discount-badge{display:inline-flex;align-items:center;margin-left:10px;padding:5px 9px;border-radius:999px;background:#f2f8df;color:#5f840d;font-size:12px;font-weight:700;line-height:1.2}.mc-renewal-offer strong{color:#5f8f00}.mc-bonus-fullpay-note{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px;padding:12px 14px;border:1px solid #cfe49b;border-radius:11px;background:#f5fae9;color:#536c20;font-size:13px;line-height:1.45}.mc-bonus-fullpay-note>i{margin-top:2px;color:#78a50a;font-size:17px}.basket-form_payment.mc-payment-not-needed>.e-grid4{opacity:.45}.basket-form_payment.mc-payment-not-needed>.mc-payment-help{opacity:.6}@media(max-width:620px){.mc-renewal-old-price{margin-left:8px;font-size:14px}.mc-renewal-discount-badge{margin-left:0;margin-top:7px}.price-wr__main-str:has(.mc-renewal-discount-badge){display:flex;flex-wrap:wrap;align-items:center;gap:0 4px}}

/* MANY favorites header badge v1 */
.mc-header-favs{position:relative}
.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;
}
.mc-header-favs__count[hidden],.mc-header-favs__count[data-count="0"]{display:none!important}
@media(max-width:760px){
  .mc-header-favs__count{top:-7px;right:-7px;min-width:18px;height:18px;padding:0 4px;font-size:9px}
}

/* === MANY SEARCH v7.1: clear button + stable dropdown anchor === */
.search-wr__input{padding-right:96px!important}
.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;
}
.mc-search-clear:hover{background:#eef2e9!important;color:#30362d!important}
.mc-search-clear:focus-visible{outline:2px solid rgba(145,201,0,.38)!important;outline-offset:1px!important}
.mc-search-clear[hidden]{display:none!important}
#searchsuggestions{z-index:10060!important;max-height:min(520px,70vh)!important}
@media(max-width:1024px){body._mob-search-open .search-wr__input{padding-right:94px!important}}
@media(max-width:480px){body._mob-search-open .search-wr__input{padding-right:92px!important}.mc-search-clear{right:48px!important;width:30px!important;height:30px!important}}
.mc-filter-group-hint{display:block;margin-top:7px;color:#8b9186;font-size:10.5px;line-height:1.3}

/* MANY-COURSES hotfix 2026-09-09: уведомления, акции в корзине, mobile checkout */
.DLEPush{z-index:20050!important}
.mc-cart-gift-item{border:1px solid #dceab9!important;background:#fbfdf6!important}
.mc-cart-gift-badge{display:inline-flex;align-items:center;gap:5px;margin:3px 0 5px;padding:3px 7px;border-radius:7px;background:#eaf5ca;color:#648b08;font-size:10.5px;font-weight:700;line-height:1.2}
.mc-cart-gift-badge i{font-size:10px}
.mc-cart-gift-price{display:flex!important;align-items:center;gap:7px;flex-wrap:wrap}
.mc-cart-gift-price>span{text-decoration:line-through;color:#9aa3ab!important;font-weight:400}
.mc-cart-gift-price>b{color:#6e970d;font-size:12px}
.mc-sale-breakdown-row>span:last-child{color:#6e970d!important;font-weight:700!important}
.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 rgba(148,198,8,0)}50%{box-shadow:0 0 0 7px rgba(148,198,8,.18)}}
.mc-pay-button-attention{animation:mc-pay-button-pulse .7s ease 2}
@media(max-width:860px){
  .DLEPush{top:72px!important;right:12px!important;left:12px!important;width:auto!important}
  .DLEPush-notification.wrapper{max-width:none!important;width:100%!important;box-sizing:border-box}
}

/* === MANY referral CTA v1: authorized-only teaser under fullstory share buttons === */
.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 #deebc4;border-radius:12px;background:#f7fbeF;color:#28321f;text-align:left;font-family:inherit;cursor:pointer;box-shadow:none;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}
.mc-referrals-enabled .mc-referral-teaser{display:grid}
.mc-referral-teaser:hover{background:#f1f8df;border-color:#c9dd9f;transform:translateY(-1px)}
.mc-referral-teaser:focus-visible{outline:2px solid #91c400;outline-offset:2px}
.mc-referral-teaser__icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:#eaf5cf;color:#779f05;font-size:15px}
.mc-referral-teaser__text{display:flex;flex-direction:column;gap:2px;min-width:0}
.mc-referral-teaser__text strong{color:#31401f;font-size:12.5px;line-height:1.3;font-weight:750}
.mc-referral-teaser__text small{color:#7a8373;font-size:10.5px;line-height:1.35}
.mc-referral-teaser__arrow{justify-self:end;color:#8ba05d;font-size:11px}
.mc-referral-modal__icon{background:#edf6d8;color:#789f0c}
.mc-referral-modal__profile{display:flex!important;align-items:center;justify-content:center;gap:8px;text-decoration:none!important;box-sizing:border-box}
.mc-referral-modal__profile i{font-size:12px}
.mc-referral-modal__footnote{margin-top:10px;color:#8a9184;font-size:11px;line-height:1.45;text-align:center}
@media(max-width:630px){.mc-referral-teaser{grid-template-columns:38px minmax(0,1fr) 16px;padding:10px}.mc-referral-teaser__text strong{font-size:12px}.mc-referral-teaser__text small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.mc-referral-teaser{transition:none!important}}

/* === MANY referral CTA v3: centered modal without decorative overflow === */
.mc-referral-modal{z-index:20120!important}
.mc-referral-modal .mc-bonus-modal__backdrop{background:rgba(20,25,17,.62);backdrop-filter:blur(5px)}
.mc-referral-modal .mc-bonus-modal__dialog{
  box-sizing:border-box;
  width:min(570px,100%);
  padding:28px 28px 23px;
  border:1px solid #dce9bd;
  background:
    radial-gradient(ellipse at 7% 0%,rgba(202,237,115,.28) 0,rgba(202,237,115,.11) 20%,transparent 40%),
    linear-gradient(118deg,transparent 58%,rgba(255,255,255,.88) 67%,rgba(224,247,169,.34) 75%,transparent 86%),
    radial-gradient(ellipse at 100% 100%,rgba(145,201,0,.08),transparent 35%),
    linear-gradient(180deg,#fff 0%,#fdfefb 100%);
  box-shadow:0 30px 90px rgba(21,31,13,.32),0 0 0 1px rgba(255,255,255,.72) inset;
  isolation:isolate;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.mc-referral-modal .mc-bonus-modal__dialog::before,
.mc-referral-modal .mc-bonus-modal__dialog::after{display:none!important}
.mc-referral-modal__icon{box-shadow:0 9px 24px rgba(130,180,0,.17),0 0 0 1px rgba(135,185,0,.08) inset}
.mc-referral-modal__course{margin:-1px 42px 13px 0;padding:8px 10px;border:1px solid #e7edd9;border-radius:10px;background:rgba(248,251,241,.88);color:#46513b;font-size:12px;line-height:1.35;font-weight:700;max-height:48px;overflow:hidden}
.mc-referral-modal__rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important}
.mc-referral-modal__rules li{height:100%;box-sizing:border-box;background:rgba(251,253,247,.88)!important}
.mc-referral-modal__actions{display:grid;gap:9px}
.mc-referral-modal__copy{display:flex!important;align-items:center;justify-content:center;gap:8px}
.mc-referral-modal__copy.is-copied{background:#6f9f00!important}
.mc-referral-modal__profile{display:flex!important;align-items:center;justify-content:center;gap:7px;min-height:38px;color:#6d790f!important;font-size:12px;font-weight:700;text-decoration:none!important;border-radius:10px;transition:background .15s ease,color .15s ease}
.mc-referral-modal__profile:hover{background:#f1f7e1;color:#5d8500!important}
.mc-referral-teaser__text strong{font-size:12.2px}
@media(max-width:630px){
  .mc-referral-modal{padding:10px!important}
  .mc-referral-modal .mc-bonus-modal__dialog{width:100%;max-height:calc(100dvh - 20px);padding:22px 16px 17px}
  .mc-referral-modal__rules{grid-template-columns:1fr}
  .mc-referral-modal__course{margin-right:38px}
}

/* MANY-COURSES order item resolution + mobile action layout v1 */
.mc-order-product__poster{grid-column:1;grid-row:1 / span 2}
.mc-order-product__body{grid-column:2;grid-row:1;align-self:end}
.mc-order-product__actions{grid-column:2;grid-row:2;margin-top:9px;align-self:start}
.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}
.mc-order-product__resolution>i{margin-top:2px;font-size:15px;flex:0 0 auto}
.mc-order-product__resolution>div,.mc-order-product__resolution-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.mc-order-product__resolution b{color:#38434e}
.mc-order-product__resolution strong{color:#6d9500}
.mc-order-product__resolution--closed{border-color:#e1e5e8;background:#f8f9fa}
.mc-order-product__resolution--closed>i{color:#7f8a95}
.mc-order-product__resolution--unavailable{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border-color:#efd3a0;background:#fff9ef}
.mc-order-product__resolution--unavailable .mc-order-product__resolution-copy>b{color:#8b5c08}
.mc-order-product__resolution--unavailable .mc-order-product__resolution-copy>b i{margin-right:5px;color:#d89313}
.mc-orders__btn--compensation{min-height:38px;background:#fff;border-color:#e4b65a;color:#93620a!important;white-space:nowrap}
.mc-orders__btn--compensation:hover{background:#fff4dc;border-color:#dca53e}
.mc-order-product__resolution--compensated{border-color:#cfe3ad;background:#f5faec;color:#647357}
.mc-order-product__resolution--compensated>i{color:#76a10b}
.mc-order-product--compensated .mc-order-product__title{text-decoration:line-through;text-decoration-thickness:1px;color:#7d8790}
.mc-order-product--compensated .mc-order-product__poster img{filter:grayscale(.55);opacity:.7}
.mc-order-product--compensated .mc-order-product__actions{opacity:.72}
@media(max-width:520px){
  .mc-order-product__poster{grid-column:1;grid-row:1}
  .mc-order-product__body{grid-column:2;grid-row:1;align-self:center}
  .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}
  .mc-order-product__actions .mc-orders__btn{width:100%;min-width:0;flex:none!important;box-sizing:border-box}
  .mc-order-product__resolution{grid-column:1/-1;margin-top:2px}
  .mc-order-product__resolution--unavailable{grid-template-columns:1fr}
  .mc-order-product__resolution--unavailable .mc-orders__btn--compensation{width:100%}
}

/* === MANY-COURSES account/auth/orders hub v1 — 2026-09 === */
.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
}
.mc-auth__head{text-align:center;margin:0 0 22px;padding:0 34px}
.mc-auth__head h2,.mc-auth__verify h2{margin:0 0 7px;color:#20252b;font-size:25px;line-height:1.2}
.mc-auth__head p,.mc-auth__verify p{margin:0;color:#7a8490;font-size:13px;line-height:1.5}
.mc-auth .e-float{margin:0 0 12px}
.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}
.mc-auth .e-float input:focus{border-color:#a6cf38;box-shadow:0 0 0 3px rgba(148,198,8,.10)}
.mc-auth .e-float label{left:18px;top:10px;color:#87909a;font-size:11px}
.mc-auth .e-float>a{top:22px;right:17px;color:#739d00;border-bottom-color:#739d00}
.mc-auth__continue,.mc-auth__actions button,.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
}
.mc-auth__continue:hover,.mc-auth__actions button[type=submit]:hover,.mc-auth__verify-actions button:first-child:hover{background:var(--color2)}
.mc-auth__continue:disabled,.mc-auth__actions button:disabled,.mc-auth__verify-actions button:disabled{opacity:.62;cursor:wait}
.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}
.mc-auth__status.is-success{background:#f0f8df;color:#537217}.mc-auth__status.is-info{background:#eef5ff;color:#47627d}.mc-auth__status.is-error{background:#fff0ef;color:#a33e35}
.mc-auth__password{margin-top:0}.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}
.mc-auth__actions{display:grid!important;grid-template-columns:1fr auto;gap:9px;align-items:center;margin-top:11px}
.mc-auth__actions button[hidden]{display:none!important}.mc-auth__actions button[type=submit],.mc-auth__actions [data-auth-register-button]{grid-column:1/2}
.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}
.mc-auth__back:hover{background:#f8fafb!important;color:#3f474f!important}
.mc-auth .modal-login_lost{margin:2px 0 8px}.mc-auth .modal-login_lost .checkbox{display:flex;justify-content:flex-start}
.mc-auth .modal-login_soc{margin-top:22px;text-align:center;border-top:1px solid #e4e8ec;padding-top:2px}
.mc-auth .modal-login_soc span{margin:14px 0 12px;font-size:12px}.mc-auth .modal-login_soc .e-flex{gap:8px}
.mc-auth .modal-login_soc .e-flex>a,.mc-auth .modal-login_soc .e-flex a>img{margin:0!important;width:40px;height:40px}
.mc-auth__verify{text-align:center;padding:8px 0 2px}.mc-auth__verify[hidden],.mc-auth__main[hidden]{display:none!important}
.mc-auth__verify-icon{display:flex;align-items:center;justify-content:center;width:68px;height:68px;margin:0 auto 16px;border-radius:20px;background:#eaf5cf;color:#769d09;font-size:28px}
.mc-auth__verify p+p{margin-top:8px}.mc-auth__verify-help{margin:16px 0;padding:11px 13px;border:1px solid #e1e8d2;border-radius:10px;background:#fbfdf7;color:#75806b;font-size:12px;line-height:1.45}
.mc-auth__verify-actions{display:grid;gap:9px}.mc-auth__verify-actions .mc-auth__secondary{background:#fff;color:#5f6a73;border:1px solid #dfe5e9}
.mc-auth__verify-actions .mc-auth__secondary:hover{background:#f8fafb}.mc-auth__verify-status{min-height:18px;margin-top:10px;color:#65725d;font-size:12px;line-height:1.4}
.mc-auth__contact{margin-top:13px;color:#7b838b;font-size:12px}.mc-auth__contact a{color:#719800;font-weight:700}.mc-auth__verify-back{margin:13px auto 0!important;min-height:38px!important}

.mc-account-page{min-height:auto!important;max-width:1120px}.mc-account{display:grid;gap:18px}
.mc-account__hero,.mc-account__section,.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)}
.mc-account__hero{padding:25px}.mc-account__identity{display:flex;align-items:center;gap:15px}.mc-account__identity h1{margin:0;font-size:25px;line-height:1.2}.mc-account__email{margin-top:5px;color:#7d8790;font-size:13px}
.mc-account__avatar{width:72px;height:72px;flex:0 0 72px;border-radius:50%;overflow:hidden;background:#f1f3f4}.mc-account__avatar img{width:100%;height:100%;object-fit:cover}
.mc-account__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}
.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}
.mc-account__stat:hover{border-color:#cddd9e;background:#fbfdf6}.mc-account__stat>i{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#edf5db;color:#779f05;font-size:15px}
.mc-account__stat b{font-size:18px;line-height:1.1}.mc-account__stat span{color:#818a94;font-size:11px;line-height:1.2}
.mc-email-verify-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:16px;padding:20px 22px;border-color:#e8d6a8;background:#fffaf0}
.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}
.mc-email-verify-card__body h3{margin:0 0 5px;font-size:18px}.mc-email-verify-card__body>p{margin:0;color:#655f53;font-size:13px;line-height:1.5}
.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}.mc-email-verify-card__old-orders b{font-size:13px}
.mc-email-verify-card__actions{margin-top:14px}.mc-email-verify-card__help{margin-top:10px;color:#827765;font-size:11.5px}.mc-email-verify-card__help a{color:#718f08;font-weight:700}
.mc-account__section{padding:24px}.mc-account__section-head{margin-bottom:18px}.mc-account__section-head h2{margin:0 0 4px;font-size:20px}.mc-account__section-head p{margin:0;color:#838d96;font-size:12px}
.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}
.mc-account__upload>input[type=file]{display:none!important}.mc-account__upload #avatar{width:84px!important;height:84px!important;margin:0!important;border-radius:50%!important;grid-row:1/3}
.mc-account__upload-copy{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.mc-account__upload-copy button{min-height:40px;padding:0 15px;border:0;border-radius:10px;background:#799f08;color:#fff;font-weight:700;cursor:pointer}.mc-account__upload-copy span{color:#8a939d;font-size:11px}
.mc-account__delete-avatar{grid-column:2;color:#7e878f;font-size:11px}.mc-account__delete-avatar input{margin-right:5px}
.mc-account__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mc-account__fields .e-field{margin:0;min-width:0}.mc-account__fields .e-field>label{display:block;margin:0 0 7px;color:#46515c;font-size:12px;font-weight:700}
.mc-account__fields input,.mc-account__fields select,.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}.mc-account__field-note{margin-top:5px;color:#929aa2;font-size:10.5px;line-height:1.4}
.mc-account__xfields:empty{display:none}.mc-account__social .soc_links{display:flex;flex-wrap:wrap;gap:10px}.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}.mc-account__social img{max-width:28px;max-height:28px}
.mc-account__save{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 3px 12px}.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}.mc-account-btn--primary{background:var(--color1);color:#fff!important}.mc-account-btn--primary:hover{background:var(--color2)}.mc-account__delete{color:#b3554e;font-size:12px}

.mc-orders-hub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 18px}
.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,#f8fbf1);color:#283128;text-decoration:none;box-shadow:0 5px 18px rgba(45,61,28,.035)}
.mc-orders-hub__card:hover{border-color:#c9dc91}.mc-orders-hub__card--ref{background:linear-gradient(135deg,#fffdf8,#f6faeb)}.mc-orders-hub__icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:13px;background:#eaf5ce;color:#719900;font-size:19px}
.mc-orders-hub__card>span:last-child{display:flex;flex-direction:column;min-width:0}.mc-orders-hub__card small{color:#838d83;font-size:10.5px}.mc-orders-hub__card b{margin-top:2px;font-size:18px;line-height:1.2}.mc-orders-hub__card em{margin-top:3px;color:#798278;font-size:10.5px;font-style:normal;line-height:1.35}
.mc-orders-tools{display:grid;gap:10px;margin-top:18px}.mc-orders-tool{border:1px solid #e5e9ec;border-radius:13px;background:#fff;overflow:hidden}.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}.mc-orders-tool>summary::-webkit-details-marker{display:none}.mc-orders-tool>summary span{display:flex;align-items:center;gap:8px}.mc-orders-tool>summary>i{font-size:11px;transition:transform .18s}.mc-orders-tool[open]>summary>i{transform:rotate(180deg)}.mc-orders-tool__body{padding:2px 16px 17px;border-top:1px solid #eef1f2}.mc-orders-tool__body .mc-ref-panel,.mc-orders-tool__body .mc-bonus-history{max-width:none!important;margin-top:16px}
.mc-email-result .btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:9px;background:#8fbd08;color:#fff!important;text-decoration:none;font-weight:700;border:0;cursor:pointer}

@media(max-width:700px){
  .mc-auth .mc-auth__modal{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:30px 18px 22px;border-radius:17px}
  .mc-auth__head{padding:0 25px;margin-bottom:18px}.mc-auth__head h2,.mc-auth__verify h2{font-size:22px}.mc-auth__actions{grid-template-columns:1fr}.mc-auth__actions button[type=submit],.mc-auth__actions [data-auth-register-button]{grid-column:auto}.mc-auth__back{width:100%!important}
  .mc-account-page{width:calc(100% - 20px)!important;margin-top:16px!important}.mc-account{gap:12px}.mc-account__hero,.mc-account__section{padding:17px;border-radius:14px}.mc-account__identity h1{font-size:20px}.mc-account__avatar{width:58px;height:58px;flex-basis:58px}
  .mc-account__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px}.mc-account__stat{padding:10px;grid-template-columns:32px 1fr;column-gap:7px}.mc-account__stat>i{width:32px;height:32px}.mc-account__stat b{font-size:16px}
  .mc-email-verify-card{grid-template-columns:1fr;gap:10px;padding:16px;border-radius:14px}.mc-email-verify-card__icon{width:44px;height:44px;border-radius:12px;font-size:19px}.mc-email-verify-card__actions .mc-account-btn{width:100%;box-sizing:border-box;text-align:center}
  .mc-account__fields{grid-template-columns:1fr;gap:13px}.mc-account__upload{grid-template-columns:68px minmax(0,1fr);gap:10px 12px;padding:12px}.mc-account__upload #avatar{width:68px!important;height:68px!important}.mc-account__upload-copy{align-items:flex-start;flex-direction:column}.mc-account__upload-copy button{min-height:38px}.mc-account__delete-avatar{grid-column:1/-1}.mc-account__save{align-items:stretch;flex-direction:column}.mc-account__save .mc-account-btn{width:100%;box-sizing:border-box}.mc-account__delete{text-align:center;padding:7px}
  .mc-orders-hub{grid-template-columns:1fr;gap:8px}.mc-orders-hub__card{grid-template-columns:42px minmax(0,1fr);padding:13px}.mc-orders-hub__icon{width:42px;height:42px}.mc-orders-hub__card b{font-size:16px}.mc-orders-tool__body{padding:1px 12px 14px}.mc-orders-tool>summary{padding:13px}
}

/* === MANY-COURSES auth/profile hotfix v1.1 — 2026-09 === */
.mc-auth__continue[hidden],
.mc-auth__password[hidden],
.mc-auth__status[hidden],
.mc-auth [data-auth-login-options][hidden],
.mc-auth [data-auth-register-note][hidden]{display:none!important}
.mc-auth__main,.mc-auth__email,.mc-auth__password,.mc-auth__password>.e-float,.mc-auth__status,.mc-auth__continue,.mc-auth__actions,.mc-auth__register-note{width:100%;box-sizing:border-box}
.mc-auth__actions{display:flex!important;flex-direction:column;align-items:stretch;gap:9px}
.mc-auth__actions button,.mc-auth__actions button[type=submit],.mc-auth__actions [data-auth-register-button],.mc-auth__back{width:100%!important;grid-column:auto!important;box-sizing:border-box}
.mc-auth .modal-login_lost{width:100%;box-sizing:border-box}
.mc-auth .modal-login_lost .checkbox{width:100%;align-items:center}
@media(max-width:640px){.mc-auth .mc-auth__modal{padding-left:16px;padding-right:16px}.mc-auth__head{padding-left:8px;padding-right:8px}}

/* MANY-COURSES hotfix 2026-09-15 v2: auth step visibility + compact referral modal */
.mc-auth__continue[hidden]{display:none!important}
.mc-referral-modal__lead{margin-bottom:13px}
.mc-referral-modal__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 10px}
.mc-referral-modal__fact{display:flex;align-items:flex-start;gap:9px;min-width:0;padding:10px 11px;border:1px solid #e8eddc;border-radius:11px;background:rgba(251,253,247,.9);color:#505a49;font-size:12px;line-height:1.4}
.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:#eff6df;color:#789f0c;font-size:11px}
.mc-referral-modal__fact strong{color:#6f9900}
.mc-referral-modal__note{margin:0 0 16px;padding:9px 11px;border-radius:10px;background:#f6f8f2;color:#727b6c;font-size:11.5px;line-height:1.45}
@media(max-width:630px){.mc-referral-modal__facts{grid-template-columns:1fr}.mc-referral-modal__fact{padding:9px 10px}.mc-referral-modal__note{font-size:11px}}

/* MANY-COURSES hotfix 2026-09-15 v3: centered remember switch + login backdrop blur */
.mc-auth [data-auth-login-options]{
  width:100%;
  margin:5px 0 10px!important;
  box-sizing:border-box;
}
.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;
}
.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;
}
.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;
}

/* Same darkened/blurred backdrop treatment as the cart modal. */
.mc-auth .mc-auth__modal{
  z-index:9999!important;
}
.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){
  .mc-auth .mc-auth__modal + .e-overlay.active{animation:none!important}
}
@media(max-width:420px){
  .mc-auth [data-auth-login-options] .checkbox{gap:11px!important}
  .mc-auth [data-auth-login-options] .checkbox label{font-size:13.5px}
}