html {min-width: 1024px;}
.modal-open {overflow: hidden !important;}
p {font-size: 0.8em; font-weight: 400; line-height: 1.5;}
.button {font-size: 0.6em; font-weight: 600; text-transform: uppercase; line-height: 1; text-align: center; padding: 1.5em 2em 1.2em; color: var(--bgcolor1); background-color: rgba(0,0,0,0.01); border: 2px  solid var(--bgcolor1); border-radius: 1em;}
.button:hover, .onactive {color: #fffdfb; background-color: var(--bgcolor1);}
.top--pro {padding-top: 3.41em;}
.b75-wt {width: 75%;}
.b60-wt {width: 60%;}
.b50-wt {width: 50%;}
.b40-wt {width: 40%;}
.b25-wt {width: 25%;}
.mobile {display: none;}
.vievport {scroll-snap-type: x proximity; scroll-behavior: smooth;}
.vievtrack {width: 100%; position: relative; scroll-snap-align: start; scroll-snap-stop: always;}
.container {width: 50%; padding: 0 5em;}
a {color: #1f1f1f;}
a:hover {color: var(--bgcolor2);}
h1, h2, h3, h4 {font-size: 2em; font-weight: 600; line-height: 0.8;}
h4 {font-size: 1em; line-height: 1.1;}

header .fix-menu .fix-line .flex a.cart {position: relative;}
header .fix-menu .fix-line .flex a.wish {color: var(--bgcolor2);}
#bag {position: absolute; font-family: AxiformaRegular, sans-serif; font-size: 60%; color: #fffdfd; top:-0.25em; right: -0.75em;}
header .hide-bar {display: none; left: 0; width: 100%; position: absolute; top: 2.3em; background-color: var(--bgcolor1); border-top: 1px solid rgba(255,255,255,0.1);}
header .header .hide-bar {top: 3.2em;}
header .hide-bar menu {width: 100%; padding: 2em; list-style: none;}
header .hide-bar menu li {font-size: 0.8em; padding: 0.25em;}
header .hide-bar menu li a {color: #fffbfb;}
header .hide-bar menu li a:hover {color: var(--bgcolor2);}
header .hide-bar form {width: 100%; padding: 2em;}
header .hide-bar form .form-grup {width: 100%; display: flex; flex-direction: row-reverse; border: 1px solid rgba(255,255,255,0.3); border-radius: 1em;}
header .hide-bar form .form-grup input {width: 94%; display: flex; flex-direction: column; font-size: 0.8em; color: #fffbfb; padding: 0.5em 1.5em 0.5em 0.5em; background: none; border: 0;}
header .hide-bar form .form-grup input::placeholder {color: #ddd;}
header .hide-bar form .form-grup button {width: 6%; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 1em; color: #ddd; background: none; border: 0;}

.crumbs {width: 100%; padding: 3.3em 0 0;}
.crumbs .container {padding: 0;}
.crumbs .flex {width: 100%; height: 21em;}
.crumbs .row {flex-direction: row;}
.crumbs .rem {flex-direction: row-reverse;}
.crumbs .flex .item {display: flex; flex-direction: column; width: 50%; height: 100%; justify-content: center;}
.crumbs .row .item {padding: 0 0 0 4em;}
.crumbs .rem .item {padding: 0 3em 0 1em;}
.crumbs .flex .item nav {font-size: 0.8em;}
.crumbs .flex .item nav .separator {margin: 0 0.25em;}
.crumbs .flex .item h1 {margin-top: 0.25em;}
.crumbs-title-with-icon {display: inline-flex; align-items: center; gap: 0.4em;}
.crumbs-title-with-icon .fa {font-size: 0.82em; color: var(--bgcolor1);}
.crumbs--no-breadcrumbs .flex .item h1 {margin-top: 0;}

li.submenu::after {font-family: FontAwesome; content: "\f0d7"; font-size: 0.6em; color: var(--bgcolor2); margin: 0 1.6em 0 -1em;}

.list-icons-items {list-style: none; font-size: 1em;}
.list-icons-items li {display: flex; flex-direction: row; align-items: center; gap: 0.5em; flex-wrap: nowrap;}
.list-icons-items li span {font-size: 1.1em; color: #ffc139;}
.list-icons-items li a, .list-icons-items li b {font-weight: 600;}

.list-svg-items {display: flex; flex-direction: row; list-style: none; gap: 1em; font-size: 0.8em;}
.list-svg-items li {display: flex; flex-direction: column; align-items: center; text-align: center;}
.list-svg-items li img {width: 20%; margin-bottom: 0.5em;}
.list-svg-items li a, .list-svg-items li b {font-weight: 600; text-transform: uppercase;}

.search-result-content {position: relative; padding-bottom: 4em;}

.art-content .container {background-color: var(--bgcolor1);}
.store .container {padding: 0.5em 2em 0;}

.storecase {width: 100%; display: flex; flex-direction: column; padding: 0.5em 0 0; gap: 0.5em;}
.storecase section {display: flex; flex-direction: row; align-items: center; padding: 1em; background-color: var(--bgcolor3); border-radius: 1em;}
/* Акционная подписка −50% (онлайн-игра / app) */
.storecase section.showroom-card--promo {
    position: relative;
    background: linear-gradient(135deg, rgba(230, 190, 72, 0.22) 0%, var(--bgcolor3) 38%, var(--bgcolor3) 100%);
    border: 2px solid #e6be48;
    box-shadow: 0 0 0 1px rgba(23, 63, 53, 0.35), 0 8px 24px rgba(0, 0, 0, 0.12);
}
.storecase section.showroom-card--promo figure img {
    border-color: #e6be48;
 box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
}
.storecase .showroom-promo-badge {
    margin: 0 0 0.35em 0;
    font-size: 0.95em;
    font-weight: 700;
    color: var(--bgcolor1);
}
.storecase .showroom-promo-badge span {
    display: inline-block;
    margin-right: 0.35em;
    padding: 0.15em 0.5em;
    border-radius: 0.35em;
    background: #e6be48;
    color: #173f35;
    font-weight: 800;
}
.storecase section .items {display: flex; flex-direction: column;}
.storecase section figure {width: 30%; overflow: hidden;}
.storecase section figure.add {width: 20%;}
.storecase section figure img {border: 5px solid var(--bgcolor1); border-radius: 0.75em;}
.storecase section .text-item {width: 70%; padding: 0 0 0 2em;}
.storecase section .text-item .bid {font-size: 1.2em; margin: 0.5em 0; color: var(--bgcolor1);}
.storecase section .text-item .bid s {font-size: 70%; color: #aaa; margin-right: 0.5em;}
.storecase section .text-item .but-item {display: flex; flex-direction: row; gap: 1em;}
.storecase section .text-item .but-item .button {flex: 1 1 auto; max-width: 50%;}
.storecase section .text-item .but-item .addcart {color: #fffdfd; background-color: var(--bgcolor1);}
.storecase section .text-item .but-item .button--wb {
    color: #fffdfd;
    background-color: var(--bgcolor1);
    border: 2px solid var(--bgcolor1);
    font-weight: 600;
    box-shadow: none;
}
.storecase section .text-item .but-item .button--wb:hover {
    color: #fffdfd;
    background-color: var(--bgcolor1);
    border-color: var(--bgcolor1);
    filter: brightness(1.06);
}
.storecase section .text-item .but-item .cart::before {font-family: FontAwesome; content: "\f07a"; font-size: 1.1em; margin-right: 0.5em;}


.lead-body {width: 100%; background-color: var(--bgcolor3); padding: 1em; border-radius: 1em;}
.lead-body .flex {flex-direction: row;}
.lead-body .flex .items {display: flex; flex-direction: column;}
.lead-body .flex .viev {width: 40%; position: relative;}
.lead-body .flex .vievport {width: 100%; overflow: hidden; }
.lead-body .flex .flex {flex-wrap: nowrap;}
.lead-body .flex .flex figure {display: flex; flex-direction: column; width: 100%; min-width: 100%; padding: 0 0.25em;}
.lead-body .flex .flex figure img {height: 100%; object-fit: cover; object-position: center;}
.lead-body .flex .viev .leed {position: absolute; top: 0; height: 100%; display: flex; flex-direction: column; justify-content: center;}
.lead-body .flex .viev .leed-left {left: 0;}
.lead-body .flex .viev .leed-right {right: 0;}
.lead-body .flex .viev .leed label {position: relative; font-size: 1.6em; color: var(--bgcolor3); opacity: 0; cursor: pointer; transition: all 0.25s ease-out;}
.lead-body .flex .viev .leed-left label {transform: translateX(-100%);}
.lead-body .flex .viev .leed-right label {transform: translateX(100%);}
.lead-body .flex .viev:hover .leed label {opacity: 0.6; transform: translateX(0);}
.lead-body .flex .viev .leed label:hover {opacity: 1;}
.lead-body .flex .text-item {width: 60%; padding: 0.5em 0 0 1em;}
.lead-body .flex .text-item h2 {font-size: 1.2em; line-height: 1.1; margin-bottom: 1em;}
.lead-body .flex .text-item ul {font-size: 0.7em; list-style: none; line-height: 1; padding: 0 1em 0 0;}
.lead-body .flex .text-item ul li {display: flex; flex-direction: row; margin-bottom: 1em;}
.lead-body .flex .text-item ul li span {display: flex; flex-direction: column;}
.lead-body .flex .text-item ul li .note {max-width: 90%; text-align: right;}
.lead-body .flex .text-item ul li .separator {border-bottom: 1px dashed #aaa; flex: 1 1 auto;}
.lead-body .flex .text-item .bid {font-size: 1.6em; color: var(--bgcolor1); margin: 0.5em 0;}
.lead-body .flex .text-item .bid s {font-size: 70%; color: #777; margin-right: 0.5em;}
.lead-body .flex .text-item .bid-item {display: flex; flex-direction: row; align-items: center; gap: 1em;}
.lead-body .flex .text-item .show-item {display: block;}
.lead-body .flex .text-item .show-item label {display: block; width: 100%; font-size: 0.8em;}
.lead-body .flex .text-item .show-item label input {margin-right: 0.5em;}
.lead-body .flex .text-item .bid-item .button, .lead-body .flex .text-item .show-item .button {width: 60%; padding: 1.6em 2em 1.3em;}
.lead-body .flex .text-item .show-item .button {margin-top: 1em;}
.lead-body .flex .text-item .bid-item .button::before {font-family: FontAwesome; content: "\f07a"; font-size: 1em; margin-right: 0.5em;}
.lead-body .flex .text-item .showroom-buy-row {display: flex; flex-direction: column; gap: 1em; align-items: stretch; max-width: 100%;}
.lead-body .flex .text-item .showroom-buy-row #addcart .pro-but {width: 100%; margin-top: 0;}
.lead-body .flex .text-item .showroom-buy-row #addshow .pro-but {width: 100%;}
.lead-body h3 {display: inline-block; font-size: 1.2em; width: auto; padding-bottom: 0.5em; margin: 0.75em 0 0.5em; border-bottom: 1px solid #1f1f1f;}
.lead-body .flex .text-item .bid-item .count-item {width: 40%; display: flex; flex-direction: column; justify-content: center; font-size: 0.7em;}

.count-selector{width: 100%; display: flex; flex-direction: row;}
.count-selector label, .count-selector input {width: 1em; align-content: center; display: flex; flex: 1 1 auto; height: 2em; justify-content: center; align-items: center; font-size: 1em; text-align: center; color: #1f1f1f; background-color: #fff; border: 1px solid #ddd; box-sizing: border-box;}
.count-selector label.fa-minus {border-right: 1px solid rgba(255,255,255,0.1); border-radius: 0.5em 0 0 0.5em; cursor: pointer;}
.count-selector label.fa-plus {border-left: 1px solid rgba(255,255,255,0.1); border-radius: 0 0.5em 0.5em 0; cursor: pointer;}
.count-selector label:hover {background-color: #eee;}

.cart-content {padding: 0 0 1em;}
.cart-content .container {padding: 0 1em;}
.cart-content .flex {width: 100%; flex-direction: row; font-size: 0.8em; border-bottom: 1px solid  var(--bgcolor1);}
.cart-content .flex .num_pos {display: flex; flex-direction: column; justify-content: center; width: 5%; padding: 0.5em;}
.cart-content .flex .num_pos .fa {font-size: 1em;}
.cart-content .flex .cart-body {display: flex; flex-direction: row; width: 90%;}
.cart-content .flex .product_pos {display: flex; flex-direction: row; width: 50%;}
.cart-content .flex .product_pos .items {display: flex; flex-direction: column; align-items: center; width: 25%; padding: 0.5em;}
.cart-content .flex .product_pos .name {width:  50%;}
.cart-content .flex .product_pos .price {text-align: right;}
.cart-content .flex .product_pos .items div {width: 100%; flex: 1 1 auto; padding: 0.25em;}
.cart-content .flex .product_pos .items img {width: 100%; max-width: 16em;}
.cart-content .flex .product_pos .items .count-selector {font-size: 0.8em;}
.cart-content .cart-total {display: flex; flex-direction: row; justify-content: flex-end; font-size: 0.8em; padding: 0.5em 3.75em;}
.cart-content .cart-total div {padding-left: 2em;}
.cart-content .part-content {padding: 1em 0;}
.cart-content .part-content > h2 {padding: 0 0.5em 0.5em;}
.cart-content .part-content .flex {flex-direction: row; flex-wrap: wrap; border: 0; gap: 1em;}
.cart-content .part-content .flex section {display: flex; flex-direction: column; position: relative; width: 49%; padding: 2em; border: 1px solid var(--bgcolor1); border-radius: 1em;}
.cart-content .part-content .flex section * {cursor: pointer;}
.cart-content .part-content .flex section .text-item {}
.cart-content .part-content .flex section .text-item p {display: flex; flex-direction: row; justify-content: space-between; margin-top: 1em;}
.cart-content .part-content .flex section .text-item p span {display: flex;}
.cart-content .part-content .flex section .text-item p span.separator {flex: 1 1 auto; border-bottom: 1px dashed #777;}
.cart-content .part-content .flex section .text-item p a.copy::after {font-family: FontAwesome; content: "\f24d"; font-size: 1em; margin-left: 0.25em;}
.cart-content .part-content .flex section .text-item p a.price::after {font-family: FontAwesome; content: "\f283"; font-size: 1em; margin-left: 0.25em;}
.cart-content .part-content .flex section .text-item p a.telegram::after {font-family: FontAwesome; content: "\f1d8"; font-size: 1em; margin-left: 0.25em;}
.cart-content .part-content .flex section .text-item p a.vk::after {font-family: FontAwesome; content: "\f189"; font-size: 1em; margin-left: 0.25em;}
.cart-content .part-content .flex section .text-item p a.browser::after {font-family: FontAwesome; content: "\f0ac"; font-size: 1em; margin-left: 0.25em;}

.navi-content .container {background-color: var(--bgcolor1); color: #fff;}
.navi-content .flex {flex-direction: row; justify-content: space-between; padding: 2em 0;}
.navi-content .flex .button {width: 49.4%; color: #fffdfd; border-color: #fffdfd;}
.navi-content .flex .button:hover {color: var(--bgcolor1); background-color: #fffdfd;}
.navi-content .flex .arrow-left::before {font-family: FontAwesome; content: "\f104"; font-size: 1em; margin-right: 0.5em;}
.navi-content .flex .arrow-right::after {font-family: FontAwesome; content: "\f105"; font-size: 1em; margin-left: 0.5em;}

.orderform {width: 100%; padding: 0 10% 0 30%;}

.comments__list {width: 100%; list-style: none; padding: 0.5em 0;}
.comments__item {width: 100%; padding: 2em; margin-bottom: 0.5em; background-color: var(--bgcolor3); border-radius: 1em;}
.feedback__top-wrap {width: 100%; display: flex; flex-direction: row; align-items: center;}
.feedback__top-wrap .feedback__img {width: 40px; height: 40px; display: flex;}
.feedback__top-wrap .feedback__info {width: calc(100% -  40px); display: flex; flex-direction: row; justify-content: space-between; font-size: 14px; padding: 0 0 0 1em;}
.feedback__top-wrap .feedback__info * {display: flex; list-style: none;}
.feedback__header {font-size: 1rem;}
.feedback__top-wrap .feedback__info .feedback__state--text {display: none;}
.feedback__content {padding:  0.5em 0;}
.feedbacks-bables__title, .feedback__sellers-reply-title {font-size: 1rem; font-weight: 600; margin: 0.75em 0 0;}
.feedbacks-bables__list {font-size: 1rem; padding: 0 0 0 1em; list-style: disc;}
.feedback__photos {display: flex; flex-direction: row; flex-wrap: wrap; padding: 1em 0 0; list-style: none; gap: 0.25em;}
.feedback__text--item {display: block;}
.feedback__text--item-bold {font-weight: 600; margin-right: 0.5em;}
.feedbackContainer--wR6I1, .feedbackContainer--auS9R {display: none;}


.log-content {width: 60%; padding: 0 2em 4em;}

.usertext {text-align: justify; padding: 0.5em 1.5em;}
.usertext h4 {font-size: 1em; text-align: left; margin: 0.75em 0 0.5em;}
.usertext ul, .usertext ol {font-size: 0.8em; padding: 0 0 0 1em;}
.usertext ul ul, .usertext ol ul {font-size: 1em;}
.usertext p, .usertext li {
	margin-bottom: 0.5em;
	-webkit-hyphens: auto;
    -webkit-hyphenate-limit-before: 3;
    -webkit-hyphenate-limit-after: 3;
    -webkit-hyphenate-limit-chars: 6 3 3;
    -webkit-hyphenate-limit-lines: 2;
    -webkit-hyphenate-limit-last: always;   
    -webkit-hyphenate-limit-zone: 8%;

    -moz-hyphens: auto;
    -moz-hyphenate-limit-chars: 6 3 3;
    -moz-hyphenate-limit-lines: 2;  
    -moz-hyphenate-limit-last: always;
    -moz-hyphenate-limit-zone: 8%;

    -ms-hyphens: auto;
    -ms-hyphenate-limit-chars: 6 3 3;
    -ms-hyphenate-limit-lines: 2;
    -ms-hyphenate-limit-last: always;   
    -ms-hyphenate-limit-zone: 8%;

    hyphens: auto;
    hyphenate-limit-chars: 6 3 3;
    hyphenate-limit-lines: 2;
    hyphenate-limit-last: always;   
    hyphenate-limit-zone: 8%;
}
.usertext a {color: #6f6fff; text-decoration: underline;}


.slide-track {position: relative; width: 100%; overflow: hidden;}
.slide-list {position: relative; display: flex; flex-wrap: nowrap; gap: 0.75em;}
.slide-list figure {position: relative; width: 15em; min-width: 15em; height: 15em;}
.slide-list figure img {height: 100%; object-fit: cover; object-position: center;}
.slide-list figure:hover {background-size: 200%;}

.map {position: relative;}
.map .ramc {position: absolute; display: flex; justify-content: center; align-items: center; background-color: rgba(255,255,255,0.5); opacity: 0;}
.map .ramc:hover {opacity: 1;}

.modal-content {display: inline-block; width: 30vw; line-height: 1; text-align: left; vertical-align: middle; padding: 0 2.5em 2.5em; background-color: #eee; box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.3); overflow: hidden; transition: all 0.4s ease-out; transform: scale(0);}
.modal-content .close {font-size: 1.8em; position: absolute; top: 1em; right: 1em; color: #333; opacity: 0.3;}
.modal-content .modal-body {width: 100%; text-align: center; padding-top: 2.5em;}
.modal-content .modal-body span {font-size: 3.5em; color: var(--bgcolor2); margin: 20px 0;}
.modal-content .modal-body p {font-weight: 600; font-size: 1em; line-height: 1; color: #333;}
.modal-content .close:hover {opacity: 1;}
.form-content {font-size: 0.8em;}
.form-content .title {width: 100%; padding: 4em 0 2em; font-weight: normal;}
.form-content .title h4 {font-size: 2em; font-weight: 400; line-height: 1;}
.product-content .item-smal form .title {padding: 1em 0 2em;}
.product-content .item-smal form .title h4 {font-size: 1.6em;}
.form-content .form-group p > a {color: var(--bgcolor1); text-decoration: underline;}
.form-content .form-group, .form-content .policy-note {width: 100%; position: relative; margin-bottom: 1.5em;}
.form-content .form-group > label {position: absolute; left: 0; white-space: nowrap; max-width: 100%; overflow: hidden; top: 0; height: 3em; margin: 0; cursor: text; pointer-events: none; display: flex; align-items: center; color: #777; transition: all 0.2s ease;}
.form-content .form-group > label > span {margin: 0 0.4em; padding: 0 0.4em;}
.form-content .form-group > label > span.required::after {content: "*"; color: #ff0000; margin-left: 0.15em;}
.form-content .input-filled > label {top: -1.2em; height: 1em; line-height: 1em; font-size: 0.75em; color: inherit;}
.form-content .form-group i {position: absolute; right: 0; width: 2.5em; font-size: 1em; font-style: normal; text-align: center; top: 50%; line-height: 2em; height: 2em; margin-top: -1em; opacity: 0.3; transition: all 0.3s ease; pointer-events: none;}
.form-content .form-group .form-control {display: block; width: 100%; height: 3em; font-size: 1em; color: #55595c; padding: 0.5em 1.5em 0.5em 0.5em; background: #fff; border: #ddd solid 1px; border-radius: 1em;}
.form-content .form-group textarea.form-control {height: auto;}
.form-content .form-group i.textarea {top: 1.5em;}
.form-content .form-group i.name::after {font-family: FontAwesome; content: "\f007";}
.form-content .form-group i.tel::after  {font-family: FontAwesome; content: "\f095";}
.form-content .form-group i.email::after {font-family: FontAwesome; content: "\f0e0";}
.form-content .form-group i.password {pointer-events: auto; cursor: pointer;}
.form-content .form-group i.password::after {font-family: FontAwesome; content: "\f070";}
.form-content .form-group i.openpassword::after {font-family: FontAwesome; content: "\f06e";}
.form-content .form-group i.textarea::after {font-family: FontAwesome; content: "\f040";}
.form-content .form-group i.search::after, .form-content .form-group button.search::after {font-family: FontAwesome; content: "\f002";}
.form-content .button {margin-bottom: 2.5em;}
.form-content .callback-form-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65em 1em;
	align-items: stretch;
	justify-content: center;
	margin-bottom: 2.5em;
}
.form-content .callback-form-actions .button {
	margin-bottom: 0;
	flex: 1 1 calc(50% - 0.55em);
	min-width: min(100%, 11em);
	box-sizing: border-box;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.form-content .form-group .flex {flex-direction: row; flex-wrap: wrap; padding: 1em 0;}
.form-content .form-group .flex label {display: flex; flex-direction: column; flex: 1 0 auto; max-width: 50%; min-width: 19%; text-align: center;}
.form-content .form-group .flex label span {font-size: 0.8em;}
.form-content .policy-note label span {font-size: 0.8em;}
.art-content iframe {width: 100%; height: 35em;}
.popup {text-align: center; line-height: 100vh; background-color: rgba(0,0,0,0.5);}

.fancybox-inner {position: fixed; left: 0; width: 100%; top: 0; height: 100%; background-color: rgba(0,0,0,0.8);}
.fancybox-infobar {color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0;}
.fancybox-toolbar {right: 0; top: 0; z-index: 9999;}
.fancybox-toolbar .fancybox-button {color: #eee; background: rgba(30,30,30,.6); border: 0; cursor: pointer; display: inline-block; height: 44px; padding: 10px; position: relative; transition: color .2s; vertical-align: top; width: 44px;}
.fancybox-toolbar .fancybox-button i {font-size: 1.6em; font-style: normal;}
.fancybox-button-arrow {position: absolute; height: 100px; top: calc(50% - 50px); width: 70px; color: #eee; background: none; border: 0; cursor: pointer; z-index: 999;}
.fancybox-arrow-left {left: 0; padding: 31px 26px 31px 6px;}
.fancybox-arrow-right {right: 0; padding: 31px 6px 31px 26px;}
.fancybox-button-arrow i {font-size: 1.6em; font-style: normal; padding: 10px; background: rgba(30,30,30,.6);}
.fancybox-inner .container {height: 100%; padding: 44px 0;}
.fancybox-slide {width: 100%; height: 0; text-align: center; opacity: 0; visibility: collapse; transition: opacity 0.2s ease-out; transition: transform 0.35s ease-out; z-index: -1;}
.fancybox-inner .wish {height: 100%; opacity: 1; visibility: visible; z-index: 999;}
.zoom {transform: scale(1.5);}
.fancybox-slide img {width: auto; height: 100%; cursor: zoom-in;}
.zoom img {cursor: grab;}

.disclaimer {position: fixed; width: 40%; right: 1.5em; bottom: 1em; background-color: #ebebeb; border-radius: 0.25em; transform: translateY( calc(100% + 1em) ); transition: transform 0.6s ease-out; z-index: 8888;}
.disclaimer .flex {padding: 1.5em; flex-direction: row;}
.disclaimer .flex .text-item {display: flex; flex-direction: column; width: 95%; padding-right: 1em;}
.disclaimer .flex .text-item p {font-size: 0.8em; color: #111;}
.disclaimer .flex .text-item a {color: var(--bgcolor2); font-weight: 600; text-decoration: underline; text-underline-offset: 0.2em;}
.disclaimer .flex .text-item a:hover {color: #d4b038;}
.disclaimer .flex .but-item {display: flex; flex-direction: column; width: 5%;}
.disclaimer .flex .but-item .close {text-align: center; padding: 1em;}
.disclaimer-active {transform: translateY(0);}

/* Подсказка: вход в онлайн-игру по иконке джойстика (chunks/game-entry-hint.php) */
.game-entry-hint {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10050;
	background: linear-gradient(180deg, rgba(23, 63, 53, 0.96), rgba(15, 43, 37, 0.99));
	color: #fffefb;
	box-shadow: 0 -6px 28px rgba(0, 0, 0, 0.22);
	padding: 0.65em 0;
	padding-bottom: max(0.65em, env(safe-area-inset-bottom, 0px));
	border-top: 2px solid rgba(230, 190, 72, 0.45);
}
.game-entry-hint[hidden] {
	display: none !important;
}
.game-entry-hint__row {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 0.85em;
	flex-wrap: wrap;
}
.game-entry-hint__text {
	margin: 0;
	font-size: 0.72em;
	line-height: 1.45;
	max-width: 78%;
	color: #fffefb;
}
.game-entry-hint__text .game-entry-hint__ico {
	display: inline-block;
	vertical-align: -0.12em;
	font-size: 1.25em;
	line-height: 1;
	color: #e6be48;
	margin: 0 0.12em 0 0.06em;
}
.game-entry-hint__btns {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 0.5em;
	align-items: stretch;
	flex: 0 0 auto;
}
.game-entry-hint__btns .button {
	margin: 0;
	padding: 0.85em 1.1em 0.7em;
	font-size: 0.55em;
	text-transform: none;
	white-space: normal;
	border-color: #e6be48;
	color: #173f35;
	background-color: #f5e6a8;
	flex: 1 1 0;
	min-width: 0;
	text-align: center;
}
.game-entry-hint__btns .button:hover {
	color: #fffdfb;
	background-color: var(--bgcolor1);
}
header nav #site-gamepad-link {
	color: #e6be48 !important;
}
header nav #site-gamepad-link:hover {
	color: #fcdc57 !important;
}
@keyframes gamepad-hint-pulse {
	0%, 100% { transform: scale(1); filter: brightness(1); }
	50% { transform: scale(1.12); filter: brightness(1.15); }
}
header nav #site-gamepad-link.site-gamepad-link--pulse {
	animation: gamepad-hint-pulse 1.25s ease-in-out 4;
	color: #e6be48 !important;
}

@media(max-width:760px) {

html {min-width: 320px;}
.modal-open {padding-right: 0;}
p {font-size: 1.3em; font-weight: 400; line-height: 1.5;}
.button {font-size: 0.9em;}
.mobile {display: block;}
.desctop {display: none;}
.b75-wt {width: 100%;}
.b60-wt {width: 100%;}
.b50-wt {width: 100%;}
.b40-wt {width: 100%;}
.b25-wt {width: 100%;}

h3 {font-size: 2em;}
.container {width: 100%; max-width: 760px; padding: 0 1em;}
.store .container {padding: 0;}
.list-svg-items {font-size: 12px;}
.list-svg-items li img {width: 30%;}
	
header.header .hide-bar {top: 3.9em;}
header .hide-menu menu li {font-size: 1.4em;}
header .hide-bar form .form-grup input {width: 90%; font-size: 14px;} 
header .hide-bar form .form-grup button {width: 10%; font-size: 14px;}

.crumbs {padding: 3.9em 0 0;}
.crumbs .row {background-position: center right;}
.crumbs .flex .item {width: 60%;}
.crumbs .row .item {padding: 0 0 0 2em;}
.crumbs .rem .item {align-items: flex-end; text-align: right; padding: 0 2em 0 0;}
.crumbs .flex .item nav {font-size: 12px;}
	
.storecase {font-size: 130%;}
.storecase section figure {width: 45%;}
.storecase section figure.add {width: 35%;}
.storecase section .text-item {width: 55%;}
.storecase section .text-item .but-item {flex-direction: column;}
.storecase section .text-item .but-item .button {max-width: 100%;}
	
.lead-body {padding: 1em 2em; border-radius: 0;}
.lead-body > .flex {flex-direction: column;}
.lead-body .flex .viev {width: 100%; overflow: hidden;}
.lead-body .flex .vievport {overflow-x: auto;}
.lead-body .flex .viev .leed label {font-size: 3em; transform: translateX(0); opacity: 0.6;}
.lead-body .flex .text-item {width: 100%; font-size: 150%; padding: 1em 0;}
.lead-body h3 {font-size: 1.5em; margin: 0.5em  0;}
	
.usertext h4 {font-size: 1.5em;}
.usertext ul, .usertext ol {font-size: 1.3em; text-align: left;}
	
.cart-content .flex {font-size: 130%;}
.cart-content .flex .cart-body {flex-direction: column;}
.cart-content .flex .product_pos {display: flex; flex-direction: row; width: 100%;}
.cart-content .cart-total {font-size: 130%; padding: 1em 2.35em;}
.cart-content .part-content > h2 {font-size: 3em;}
.cart-content .part-content .flex {flex-direction: column;}
.cart-content .part-content .flex section {width: 100%;}
.cart-content .part-content .flex section * {cursor: pointer;}


	
.orderform {width: 100%; padding: 0 2em;}
	
.log-content {width: 100%;}	

.slide-track {width:  calc(100% + 3em); margin-left: -1.5em; overflow-x: auto;}

.modal-content {width: 90%; padding: 0 25px 25px;}
.form-content {font-size: 120%;}
.form-content .button {font-size: 0.6em;}

.fancybox-slide {display: flex; flex-direction: column; justify-content: center;}
.fancybox-inner .wish {height: 100vh;}
.fancybox-slide img {width: 100%; height: 100%; object-fit: contain; object-position: center;}

table.table {width: 150%;}
	

.disclaimer {width: 100%; right: 0; bottom: 0; border-radius: 0; transform: translateY(100%);}
.disclaimer .flex .text-item p {font-size: 12px;}
.disclaimer .flex .but-item .close {font-size: 14px;}
.disclaimer-active {transform: translateY(0);}

.game-entry-hint__text {max-width: 100%; font-size: 1.05em;}
.game-entry-hint__row {flex-direction: column; align-items: stretch; gap: 0.55em;}
.game-entry-hint__btns {justify-content: stretch; flex-wrap: nowrap;}
.game-entry-hint__btns .button {flex: 1 1 0; width: auto; min-width: 0; font-size: 0.72em; padding: 0.65em 0.45em;}
}