:root {--mcol: #ff5e2c;--scol: #ff5200;--bg: #f9f9f9;--bcol: #001621;}
::selection {color: white;background: black;}
::-webkit-scrollbar-track {background-color: #f5f5f5;}
::-webkit-scrollbar-thumb {background-color: #121213;border-radius: 5px;border: 0px solid #f5f5f5;background-clip: padding-box;}
::-webkit-scrollbar {width: 8px;height: 8px;background-color: #f5f5f5;}
html, body {margin: 0;padding: 0;height: 100%;}
body {line-height: 20px;font-size: 14px;font-weight: 300;letter-spacing: 0.2px;color: #707a8a;font-family: 'Inter', sans-serif;background-color: #f5f5f7;overflow-x: hidden;}
img, a img {border: none;outline: none;max-width: 100%;}
a {text-decoration: none;color: #3e3e3e;transition: all 0.3s ease;}
a:hover {color: black;}
b {font-weight: 500;}
ul {margin: 0;padding: 0;}
li {list-style: none;}
hr {border: none;height: 1px;background: #eee;}
h1,h2,h3,h4,h5,h6 {margin: 0 0 22px;padding: 0;color: #24272f;font-weight: 500;}
h1 {font-size: 22px;line-height: 24px;}
h2 {font-size: 22px;line-height: 22px;}
h3 {font-size: 20px;line-height: 20px;}
h4 {font-size: 17px;line-height: 17px;}
h5 {font-size: 16px;line-height: 16px;}
h6 {font-size: 15px;line-height: 15px;}
input {outline: none;resize: none;box-sizing: border-box;}
select {position: relative;z-index: 2;height: 48px;padding: 0 32px 0 12px;color: #464646;font-size: 13px;font-family: 'Inter', sans-serif;border-radius: 5px;border: 1px solid #e0e0e0;background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>');background-repeat: no-repeat;background-position: right 8px center;background-size: 15px;cursor: pointer;appearance: none;transition: all 0.3s ease;}
select:focus {outline: none;}
textarea {overflow: auto;color: gray;line-height: 24px;min-height: 40px;padding: 14px;box-sizing: border-box;font-size: 13px;font-family: 'Inter', sans-serif;border-radius: 5px;border: 1px solid #eee;outline: none;}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"] {height: 48px;padding: 0 12px;color: #3b3b3b;font-size: 14px;font-family: 'Inter', sans-serif;border-radius: 7px;border: 1px solid #e0e0e0;transition: all 0.3s ease;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, textarea:focus {border-color: #6b6b6b;box-shadow: 0 3px 18px rgb(0 0 0 / 6%);}
input[type="button"], input[type="submit"], input[type="reset"], button {line-height: 48px;padding: 0 21px;color: white;font-size: 12px;font-weight: 400;font-family: 'Inter', sans-serif;text-transform: uppercase;border: none;border-radius: 3px;background-color: #24272f;cursor: pointer;transition: all 0.3s ease;}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover {color: white;background-color: #23262e;}
.cnt {max-width: 100%;width: 1320px;margin: 0 auto;}
.clr::after {content: '';display: block;clear: both;}
.cnt.box {padding: 30px;border-radius: 30px;}
.left {float: left;}
.right {float: right;}
.col2 {width: 50%;}
.col3 {width: 33.3333%;}
.col4 {width: 25%;}
.col6 {width: 16.6667%;}
.col2, .col3, .col4, .col6 {float: left;}
header {background: linear-gradient(181deg, rgb(0 0 0 / 3%), rgb(0 0 0 / 5%), rgb(0 0 0 / 3%), #f5f5f7);}
.line-head[data-position-fixed="true"] {position: fixed;}
.currency-rates {display: flex;float: left;margin-left: 40px;font-size: 12px;}
.currency-rates > div {margin-right: 16px;}
.top .nav > div > ul > li {display: inline-block;float: left;margin-right: 28px;}
.top .nav > div > ul > li > a {display: inline-block;position: relative;line-height: 27px;color: #4a4a4a;font-size: 14.5px;}
.top .nav > div > ul > li > a.hot {position: relative;padding-left: 30px;color: black;font-weight: 500;}
.top .nav > div > ul > li > a.hot:before {content: '';display: inline-block;position: absolute;top: 2px;left: 0;width: 20px;height: 20px;border-radius: 50%;background-image: url('/template/hot.svg');background-size: 13px;background-repeat: no-repeat;background-position: center;background-color: var(--bcol);}
.top .nav > div > ul > li > a:hover {color: var(--scol);}
.top .menu-home-page {margin-left: 6px;transform: scale(1.3);}
.top .menu-home-page span {display: none;}
.top .menu-home-page:before {content: '\f015';font-family: 'Line Awesome Free';font-weight: 900;}
.top-nav-bar {display: flex;float: left;height: 56px;box-sizing: border-box;align-items: center;}
.icon-bar {display: flex;position: relative;float: left;width: 38px;height: 18px;overflow: hidden;cursor: pointer;}
.icon-bar > div {position: absolute;height: 2px;background: black;transform-origin: left;transform: scaleX(0);animation: draw-line 0.7s cubic-bezier(.65,.05,.36,1) forwards;}
.icon-bar > div:nth-child(1) {top: 0;left: 0;width: 18px;animation-delay: 0s;}
.icon-bar > div:nth-child(2) {top: calc(50% - 1px);width: 100%;animation-delay: 0.12s;}
.icon-bar > div:nth-child(3) {bottom: 0;right: 0;width: 18px;transform-origin: right;animation-delay: 0.24s;}

/* rating yandex */
.rating-card > a {display: flex;align-items: center;}
.rating-card .score {display: flex;margin-right: 12px;color: #323232;font-size: 21px;font-weight: 400;letter-spacing: -0.02em;}
.score span {opacity: 0;filter: blur(2px);transform: translateY(-20px);animation: scoreIn 0.6s cubic-bezier(.22,.61,.36,1) forwards;will-change: transform, opacity;}
.score .digit:nth-child(1) {animation-delay: 0s;}
.score .comma {animation-delay: 0.15s;}
.score .digit:nth-child(3) {animation-delay: 0.3s;}
.stars-block {color: #ffcc02;font-size: 12px;}
.stars-icons span {display: inline-block;margin-right: 2px;transform: scale(2.2);opacity: 0;animation: star-drop 0.85s cubic-bezier(.22, .8, .25, 1.1) forwards;animation-delay: calc(var(--i) * 0.18s + 0.45s);will-change: transform, opacity;}
.stars-icons span:last-child {margin-right: 0;}
.rating-count {font-size: 13px;opacity: 0;transform: translateY(6px);animation: ratingFadeIn 0.4s ease-out forwards;animation-delay: 1.6s;will-change: transform, opacity;}
.yandex-icon {width: 20px;height: 20px;margin-left: 12px;border-radius: 50%;background-image: url('/template/brand/yandex.webp');background-size: 20px;background-position: center;opacity: 0;transform: scale(1.4);animation: iconPopIn 0.9s cubic-bezier(.22, .9, .25, 1) forwards;animation-delay: 2.4s;will-change: transform, opacity;}

.top-helper {position: relative;float: right;margin-right: 150px;}
.helper-title {margin-top: 12px;padding: 8px 13px;color: #333;font-size: 13px;font-weight: 400;border-radius: 7px;background-color: white;transition: all 0.3s ease;cursor: pointer;}
.helper-title i {transition: all 0.3s ease;}
.helper-title:hover {background-color: #f7f7f7;}
.top-helper.active .helper-title {color: white;background-color: var(--bcol);}
.top-helper.active .helper-title i {transform: translateY(2px) rotate(180deg);}

.helper-menu-popover {position: absolute;z-index: 10;top: 45px;right: 0;min-width: 240px;padding: 16px 12px;box-sizing: border-box;border-radius: 24px;box-shadow: 0 12px 29px rgb(0 0 0 / 10%);background-color: rgb(255 255 255 / 85%);backdrop-filter: blur(5px);transition: all 0.45s ease;visibility: hidden;opacity: 0;}
.top-helper.active .helper-menu-popover {top: 55px;opacity: 1;visibility: visible;}
.helper-menu-popover > a {display: block;padding: 8px 10px;font-size: 16px;font-weight: 400;}
.helper-menu-popover > a:hover {color: var(--scol);}
.helper-menu-popover > a.helper-link:hover {transform: translateX(4px);}
.helper-menu-popover > a .arrow {position: relative;top: 1px;margin-left: 4px;font-size: 15px;}
.helper-menu-popover > a.helper-link-contacts {padding: 4px 10px;font-size: 18px;letter-spacing: 0.3px;}
.helper-popover-subtitle {margin: 10px 0 4px 0;padding: 0 10px;font-size: 12px;color: #949494;font-weight: 400;}
.helper-menu-popover .work-time {margin: 18px 0 8px 0;padding: 0 10px;color: #3e3e3e;font-size: 12px;line-height: 15px;}
.helper-menu-popover .work-time span {display: block;margin-bottom: 3px;}
.helper-menu-popover .work-time span:last-child {margin-bottom: 0;}
.helper-menu-popover .work-time b {display: block;color: #949494;font-weight: 400;margin-bottom: 8px;}

.user-panel {position: fixed;z-index: 100;right: calc(50% - 660px);float: right;width: 130px;margin: 3px 0;border-radius: 28px;background-color: rgb(255 255 255 / 50%);backdrop-filter: blur(6px);}
.user-panel:after {content: '';position: absolute;top: 19px;left: 50%;width: 1px;height: 34%;background-color: rgb(0 0 0 / 14%);}
.user-panel > div {display: flex;float: left;width: 50%;align-items: center;justify-content: center;}
.userbox > i {display: inline-block;width: 100%;color: #333;font-size: 38px;line-height: 50px;cursor: pointer;transition: all 0.3s ease;}
.userbox:hover > i {color: var(--scol);}
.userbox .avatar-user {display: inline-block;position: relative;top: 6px;width: 36px;height: 36px;border-radius: 50%;background-size: cover;background-position: center;background-image: url('https://public-static.cdek.ru/cabinet/267/ninja.png');}
.head-basket > a {display: block;color: #333;font-size: 38px;line-height: 50px;}
.head-basket > a i span {display: block;position: absolute;z-index: 2;bottom: 4px;right: 12px;width: 16px;height: 16px;line-height: 16px;text-align: center;color: #ffffff;font-size: 10px;font-weight: 600;font-family: 'Inter', sans-serif;border-radius: 4px;background-color: var(--scol);}
.search {position: absolute;z-index: 2;left: calc(50% - 135px);padding-left: 20px;}
#shop-basket {position: absolute!important;z-index: 4;top: 70px;right: -550px;width: 370px;padding: 30px 24px;box-sizing: border-box;border-radius: .8rem;box-shadow: 0 6px 38px rgb(0 0 0 / 7%);background-color: white;-webkit-transition: .45s ease-in-out;transition: .45s ease-in-out;visibility: hidden;}
#shop-basket.open {right: 0;visibility: visible;}
.basket-title {position: relative;padding: 12px 0;font-size: 16px;font-weight: 200;text-align: center;border-radius: 7px;background-color: var(--bg);}
.basket-summ {padding-top: 24px;margin-top: 24px;font-size: 15px;line-height: 20px;background-image: linear-gradient(to right, rgb(0 0 0 / 60%) 0 10%, rgb(255 255 255 / 0%) 10%);background-position: top;background-size: 8px 1px;background-repeat: repeat-x;}
.basket-summ b {float: right;color: black;font-size: 21px;font-weight: 500;}
.basket-body {position: relative;margin: 24px 0;max-height: 315px;padding-right: 10px;box-sizing: border-box;overflow-x: hidden;overflow-y: auto;}
.basket-body::-webkit-scrollbar {width: 4px;}
.basket-body::-webkit-scrollbar-track {background: #f5f5f5; border-radius: 4px;}
.basket-body::-webkit-scrollbar-thumb {background: #e4e4e4; border-radius: 4px; transition: background 0.3s ease;}
.basket-body li {display: flex;position: relative;width: 100%;margin-bottom: 18px;padding-bottom: 18px;border-bottom: 1px solid #eee;align-items: center;justify-content: center;}
.basket-body li:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
.basket-item-icon {float: left;margin-right: 16px;border-radius: 4px;overflow: hidden;}
.basket-item-icon img {display: block;min-width: min-content;height: 80px;}
.basket-item-name {width: calc(100% - 74px);padding-right: 30px;box-sizing: border-box;}
.basket-item-name .name {margin-bottom: 5px;}
.basket-item-name .name a {display: -webkit-box;max-height: 33px;line-height: 17px;color: #24272f;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;}
.basket-item-name .name a:hover {color: var(--scol);}
.basket-item-name .options {margin-bottom: 6px;font-size: 11px;font-weight: 400;line-height: 15px;padding-right: 4px;}
.basket-item-name .cost {color: #454545;font-size: 15px;font-weight: 400;font-family: 'Roboto', sans-serif;}
.basket-item-button {position: absolute;top: 0px;right: 16px;height: 100%;}
.basket-item-button i {position: absolute;top: 0;right: -23px;padding: 5px;color: #b9b9b9;border-radius: 7px;background-color: #f7f7f7;font-size: 17px;cursor: pointer;transition: all 0.3s ease 0s;}
.basket-item-button i:hover {color: var(--mcol);}
.load-basket {display: flex;position: absolute;z-index: 2;top: 0;left: 0;width: 100%;height: 100%;border-radius: .8rem;background-color: rgb(255 255 255 / 80%);backdrop-filter: blur(2px);align-items: center;justify-content: center;}
.open .load-basket {pointer-events: none;animation: fadeOut 1s ease-in-out 1s forwards;}
.load-basket:before {content: '\f021';display: inline-block;font-size: 30px;color: black;font-weight: 900;font-family: 'Line Awesome Free';animation-delay: 10s;}
.open .load-basket:before {animation: beautifulSpin 1.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.35s infinite;}
.basket-container > a {display: flex;margin-top: 24px;line-height: 56px;text-align: center;color: black;font-size: 17px;font-weight: 500;letter-spacing: 0.3px;border-radius: 56px;border: 2px solid black;align-items: center;justify-content: center;}
.basket-container > a .arrow {position: relative;top: 1px;margin-left: 8px;transform: scale(1.2);transition: all 0.3s ease;}
.basket-container > a:hover .arrow {transform: scale(1.2) translateX(4px);}
.c-body .summ {font-size: 14px; line-height: 20px;}
.c-body .summ b {float: right; color: #24272f; font-size: 20px; font-weight: 600;}
.c-body ul {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid #fbfbfb;}
.c-body li {display: flex; position: relative; width: 100%; margin-bottom: 18px; align-content: center; justify-content: center; align-items: center;}
.c-body li:last-child {margin-bottom: 0;}
i.remove-basket-open, i.product-price-popup-close {position: absolute;z-index: 2;top: -32px;left: -24px;width: 30px;height: 30px;line-height: 30px;color: black;text-align: center;border-radius: 10px;box-shadow: 0 3px 13px rgb(0 0 0 / 7%);background-color: rgb(255 255 255 / 80%);transition: all 0.3s ease 0s;cursor: pointer;}
i.remove-basket-open:hover, i.product-price-popup-close:hover {color: white;background-color: black;}
.basket-empty-poster {margin: 24px 0;width: 100%;height: 200px;background-image: url('/template/basket.png');background-size: contain;background-position: center;background-repeat: no-repeat;}
.basket-empty-title {line-height: 30px;color: black;font-size: 24px;font-weight: 100;text-align: center;letter-spacing: 1.2px;}
.basket-empty-title > span {color: gray;}
.basket-empty-buttons {display: flex;margin: 18px 0;align-items: center;justify-content: center;gap: 10px;}
.basket-empty-buttons > a {display: inline-block;padding: 12px 20px;font-size: 15px;font-weight: 400;border-radius: 8px;border: 1px solid #e0e0e0;}
.basket-empty-buttons > a:hover {border-color: black;}
.search input {width: 250px; height: 56px; color: #333; font-size: 19px; font-weight: 300; letter-spacing: 0.4px; mix-blend-mode: difference; border: 0; background-color: transparent;}
.search input::placeholder {color: #626262; font-size: 15px;}
.search input:focus {box-shadow: none;}
.search > i.la-search {position: absolute; top: 17px; left: 0; color: #626262; font-size: 23px; transform: scale(-1, 1);}
.top {display: flex;margin-bottom: 0;align-items: center;}
.top-contacts {margin-left: auto;padding: 10px 16px;border-radius: .8rem;background-color: white;}
header > .cnt {display: flex;padding: 8px 0 32px 0;align-items: center;}
#logotype {float: left;margin-right: 28px;}
#logotype a {display: block; min-width: 150px; height: 150px; border-radius: 12px; background-image: url('/template/logo.png'); background-size: 150px; background-position: center 50px; background-repeat: no-repeat;}
.head {display: flex; float: left; width: calc(100% - 130px); flex-direction: column;}
.contacts .columns {display: flex;flex-direction: column;}
.contacts .columns > a {display: block; position: relative; margin: 12px 0 8px 0; color: #222; font-size: 23px; font-weight: 500;}
.contacts .columns > a:hover:after {width: 100%; background-color: #333;}
.contacts .columns > span {font-size: 13px;}
.contacts .columns > span.work {font-size: 12px;}
.contacts .columns > span.work > b {margin-right: 4px; color: #f38947; text-transform: uppercase; letter-spacing: 0.3px;}
.contacts .columns > span.work > i {margin-left: 4px; width: 18px; height: 18px; font-size: 12px; line-height: 18px; text-align: center; border-radius: 4px; background-color: var(--bg);}
.contacts > span.address > b {color: #222; font-weight: normal;}
.social {margin-top: 17px;}
.social > a {display: inline-block;position: relative;float: left;width: 36px;height: 36px;line-height: 36px;margin-right: 10px;color: #333;font-size: 23px;-webkit-font-smoothing: antialiased;text-align: center;font-family: 'Line Awesome Brands';border-radius: 6px;background-color: #f2f2f2;overflow: hidden;}
.social > a.vk:after {content: '\f189'; position: relative; z-index: 1; top: 0; left: -8px; font-size: 51px;}
.social > a.vk:before {content: '';position: absolute;z-index: 2;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 5px solid #f2f2f2;}
.social > a.wp:after {content: '\f232';}
.social > a.tg:after {content: '\f2c6';}
.social > a.inst:after {content: '\f16d'; font-size: 27px;}
.top .left {margin-top: 28px;}
.main-nav {display: inline-block;position: relative;width: 100%;margin-top: 18px;padding: 5px;box-sizing: border-box;border-radius: 7px;background-color: white;}
ul.catalog > li {display: inline-block;float: left;margin-right: 8px;}
ul.catalog > li:last-child {margin-right: 0;}
ul.catalog > li > a {display: inline-block;position: relative;line-height: 54px;padding: 0 16px;color: #000;font-size: 15px;font-weight: 500;border-radius: 7px;}
ul.catalog > li > a:hover {color: var(--scol);}
ul.catalog > li a.iphone:after {content: 'New'; display: inline-block; position: absolute; right: -6px; line-height: normal; font-size: 11px; font-weight: 400; padding: 2px 3px; border-radius: 4px; color: #f38947;}
ul.catalog > li.catalog-page-button > a {margin-right: 7px;padding: 0 20px;color: white;font-size: 15px;font-weight: 400;border-radius: 7px;background-color: var(--bcol);}
ul.catalog > li.catalog-page-button > a > span {margin-left: 6px;}
ul.catalog > li.catalog-page-button > a > i {transform: scale(1.4);}
ul.catalog > li.catalog-page-button > a:hover {background-color: #1e1e1e;}
.catalog-dropdown {position: absolute; z-index: 101; top: 100%; left: 0; width: 100%; padding: 0; border-top: 1px solid #eee; border-radius: 0 0 14px 14px; transition: all 0.3s ease; visibility: hidden; opacity: 0;}
.catalog-open .catalog-dropdown {opacity: 1; visibility: visible;}
.catalog-container {display: flex; min-height: 400px;}
.catalog-categories {width: 300px; background: var(--bg); border-right: 1px solid #eee; padding: 20px 0;}
.category-item {display: flex; align-items: center; padding: 15px 20px; cursor: pointer; transition: all 0.2s ease; border-left: 3px solid transparent;}
.category-item:hover {background: rgba(0, 0, 0, 0.03);}
.category-item.active {background: white; border-left: 3px solid var(--scol);}
.category-item i:first-child {font-size: 20px; margin-right: 15px; color: #666; width: 24px; text-align: center;}
.category-item div {flex: 1;}
.category-item h4 {margin: 0; font-size: 14px; font-weight: 600;}
.category-item p {margin: 4px 0 0; font-size: 12px; color: #888;}
.category-item i:last-child {margin-left: 4px; color: #999; font-size: 14px;}
.catalog-subcategories {flex: 1; padding: 32px 30px; overflow-y: auto; background-color: rgb(255 255 255);}
.subcategory-content {display: none; animation: fadeIn 0.3s ease;}
.subcategory-content.active {display: block;}
.subcategory-content h3 {margin: 0 0 20px 0; font-size: 17px; font-weight: 200; color: #687485; letter-spacing: 0.3px;}
.subcategory-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.subcategory-col h4 {margin: 0 0 15px 0; font-size: 14px; font-weight: 600; color: #666; text-transform: uppercase; letter-spacing: 0.5px;}
.subcategory-col ul {list-style: none; padding: 0; margin: 0;}
.subcategory-col ul li {margin-bottom: 10px;}
.subcategory-col ul li a {display: block; color: #444; font-size: 14px; padding: 6px 0; transition: color 0.2s ease;}
.subcategory-col ul li a:hover {color: #000;}
.popular-items {display: flex; flex-direction: column; gap: 12px;}
.popular-item {display: block; padding: 12px 15px; background: #f8f9fa; border-radius: 8px; color: #333; font-size: 14px; font-weight: 500; transition: all 0.2s ease; position: relative;}
.popular-item:hover {background: #e9ecef; transform: translateY(-2px);}
.badge {position: absolute; top: -6px; right: -6px; background: #ff3b30; color: white; font-size: 10px; padding: 2px 6px; border-radius: 10px; font-weight: 600;}
.badge.new {background: #007aff;}
.brand-carousel {margin-bottom: 34px; width: 100%;}
.brand-carousel .cnt {display: flex;align-items: center;justify-content: center;}
.brand-carousel .cnt > a {display: inline-block;height: 50px;margin: 0 60px;background-size: contain;background-position: center;background-repeat: no-repeat;opacity: 0.15;}
.brand-carousel .cnt > a.apple {position: relative; top: -6px; width: 40px; background-image: url('/template/brand/apple.webp');}
.brand-carousel .cnt > a.samsung {width: 142px; background-image: url('/template/brand/samsung.webp');}
.brand-carousel .cnt > a.dyson {width: 110px;background-image: url('/template/brand/dyson.webp');background-size: contain;}
.brand-carousel .cnt > a.mi {width: 46px; background-image: url('/template/brand/mi-black.webp');}
.brand-carousel .cnt > a.honor {width: 116px; background-image: url('/template/brand/honor.webp');}
.brand-carousel .cnt > a.playstation {width: 194px; background-image: url('/template/brand/playstation.webp');}
.video-bg {display: flex;position: relative;z-index: -1;top: -60px;min-height: 770px;margin-top: -335px;left: 0;width: 100%;background-size: cover;background-position: center -60px;background-image: url('https://psv4.userapi.com/s/v1/d2/BzPFsONezcp5zccfKhf46WtSjzO_GEWdB7ZyxCdXGHAPe8gebZFQU5Nu7iY2uyvKtZuoRblv1HiqJGqQyDOVETIOfvrZTxiU176VgI7MTVjK5Z9pA8_XaaKtezMjbDW0P1tCQ5CwwEZt/cat-iphone-min.png');background-repeat: no-repeat;justify-content: center;align-items: center;}
.video-bg video {position: relative;top: 80px;height: 600px;opacity: 0;}
.video-content {position: absolute; z-index: 2; top: 50%; opacity: 0;}
.section-title {display: flex; align-items: center; margin-bottom: 40px;}
.title-1 {display: inline-block;margin-bottom: 0;color: #687485;font-size: 34px;font-weight: 200;line-height: 42px;}
h1.title-1 {font-size: 40px;}
.title-1 > span {display: table;color: var(--bcol);font-size: 38px;font-weight: 500;}
.product-categs {
 margin-top: 60px;
}
.categ-list {display: flex;gap: 10px;justify-content: center;}
.c-item > a {display: flex;align-items: center;}
.c-item span {display: inline-block;padding: 0 40px 0 14px;color: #333;font-weight: 500;font-size: 16px;transition: all 0.3s ease;}
.c-item:hover span {color: var(--scol);}
.c-item i {display: inline-block;width: 70px;height: 80px;border-radius: 0 50% 50% 0;background-position: center;background-size: 36px;background-repeat: no-repeat;background-color: var(--bg);}
.c-item {opacity: 0;border-radius: 12px;box-shadow: 0 2px 3px rgb(0 0 0 / 3%);background-color: rgb(255 255 255 / 40%);backdrop-filter: blur(3px);transform: translateX(-40px);animation: appleReveal 1.4s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;animation-delay: calc(1s + var(--i) * 0.18s);will-change: transform, opacity;overflow: hidden;}
.product {margin: 60px 0;}
.title-message {display: inline-block; margin-left: auto;}
.title-message > span {display: block; font-size: 14px;}
.title-message > .buttons {margin-top: 18px;}
.title-message > .buttons > a {display: inline-block;float: left;margin-right: 12px;padding: 16px 28px;color: black;font-size: 15px;font-weight: 500;border-radius: 24px;}
.title-message > .buttons > a:last-child {margin-right: 0;}
.title-message > .buttons > a.catalog-link {padding: 16px 22px;border-radius: .8rem;/* border: 1px solid #eee; */background-color: white;}
.catalog-link:before {content: '\f061'; display: inline-block; position: relative; margin-right: 10px; top: -1px; font-family: 'Line Awesome Free'; font-weight: 900; transform: rotate(-45deg) scale(1.6); -webkit-font-smoothing: antialiased;}
.title-message > .buttons > a.telegram-link {background-color: transparent;}
a.telegram-link > span {text-decoration: none; background: linear-gradient(90deg, #2AABEE, #229ED9, #1E88E5); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}
.telegram-link:before {content: '\f2c6'; display: inline-block; margin-right: 10px; color: #229ed9; font-family: 'Line Awesome Brands'; font-weight: 900; transform: scale(1.4);}
.banners {margin-bottom: 60px;}
.banner-3 {float: left;width: 420px;height: 260px;margin-right: 30px;background-color: white;background-position: center bottom;background-size: contain;background-repeat: no-repeat;}
.banner-3:nth-child(3n) {margin-right: 0;}
.faq-list {display: flex;width: 100%;min-height: 265px;margin-bottom: 24px;gap: 12px;}
.faq-list li {display: flex;position: relative;max-height: max-content;padding: 24px 16px 48px 16px;box-sizing: border-box;border-radius: 24px;background-color: #f9f9f9;flex-direction: column;cursor: pointer;}
.faq-list li.active {max-width: 400px;padding: 28px 24px;background-color: white;}
.faq-title {color: #333;font-size: 14px;font-weight: 500;line-height: 22px;}
.faq-list li.active .faq-title {font-size: 18px;}
.faq-message {display: none;margin-top: 14px;line-height: 26px;}
.faq-list li.active .faq-message {display: block;}
.faq-list li .number {display: inline-block;position: absolute;z-index: 3;bottom: 4px;right: 4px;width: 30px;height: 30px;line-height: 30px;color: #acacac;font-size: 13px;font-weight: 400;font-style: normal;text-align: center;border-radius: 50%;background-color: #f9f9f9;transition: all 0.3s ease;}
.faq-list li:hover .number {color: white;background-color: var(--bcol);}

.faq-list .borders {position: absolute;right: 0;bottom: 0;width: 48px;height: 48px;}
.faq-list .borders .border-ugl {position: absolute;z-index: 2;width: 24px;height: 24px;}
.faq-list .borders .border-ugl:after {content: '';position: absolute;z-index: 1;width: 100%;height: 100%;background-color: #f5f5f7;}
.faq-list .borders .border-ugl .ugl {position: absolute;z-index: 2;width: 100%;height: 100%;}

.faq-list .borders .border-ugl.one {top: 24px;left: -24px;}
.faq-list .borders .border-ugl.one .ugl {border-radius: 0 0 24px 0;background-color: #f9f9f9;}

.faq-list .borders .border-ugl.two {top: 0;left: 0;}
.faq-list .borders .border-ugl.two .ugl {border-radius: 24px 0 0 0;background-color: #f5f5f7;}
.faq-list .borders .border-ugl.two:after {background-color: #f9f9f9;}

.faq-list .borders .border-ugl.three {top: -24px;left: 24px;}
.faq-list .borders .border-ugl.three .ugl {border-radius: 0 0 24px 0;background-color: #f9f9f9;}

.faq-list .borders:after {content: '';position: absolute;z-index: 1;bottom: 0;right: 0;width: 100%;height: 100%;background-color: #f5f5f7;}

.faq-list li.active .number {bottom: 8px;right: 8px;color: white;background-color: black;}
.faq-list li.active .borders {opacity: 0;}

.items-carousel > div {position: relative;width: calc(100% + 17.5px);height: 525px;padding-bottom: 60px;box-sizing: border-box;overflow: hidden;}
.items-carousel .owl-dots {position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;}
.items-carousel .owl-dots button {width: 8px;height: 8px;margin: 0 4px;color: #333;border-radius: 16px;background-color: #ececec;}
.items-carousel .owl-dots button.active {width: 24px;background-color: var(--bcol);}

.goods-list {display: flex!important; gap: 20px; flex-wrap: wrap;}
.list-item {position: relative;flex: 0 0 248px;width: 250px;height: max-content;padding: 10px 14px;box-sizing: border-box;border-radius: 17px;overflow: hidden;background-color: white;}
.owl-item .list-item {width: 93.4579439%;}
#content .list-item {flex: 0 0 310px;padding: 12px 14px;}
#content .goods-list {gap: 48px 25px;}
.list-item .image {display: flex; align-items: center; position: relative; z-index: 2; border-radius: 14px; overflow: hidden;}
#content .list-item .image > a {height: 300px;}
.list-item .image > a {display: flex;width: 100%;height: 230px;justify-content: center;align-items: center;background-color: #fafafa;}
.list-item .image img {display: table;mix-blend-mode: darken;transition: all 0.3s ease;}
.list-item .image:hover img {opacity: 1;}

.list-item .image img:nth-child(2) {position: absolute;opacity: 0;}

.list-item .image .label {display: inline-block;position: absolute;z-index: 2;padding: 4px 8px;color: #c9c9c9;font-size: 11px;font-weight: 500;border-radius: 28px;}
.list-item .image .label.stock {bottom: 10px;left: 10px;font-weight: 300;background-color: white;}
.list-item .image .label.stock.small {color: #d39017ad;font-weight: 400;background-color: oldlace;}
.list-item .image .label.used {top: 26px; right: 26px;}
.list-item .box {width: 100%;box-sizing: border-box;padding: 16px 0 8px 0;backdrop-filter: blur(1px);}
.list-item .name {display: table;line-height: 20px;color: #454545;font-size: 14px;font-weight: 400;letter-spacing: 0.3px;font-family: 'Roboto', sans-serif;}
.list-item .name:hover {color: var(--mcol);}
.list-item .categ {display: block; margin-bottom: 4px; color: #687485; font-size: 12px; line-height: 16px; letter-spacing: 0.2px;}
.list-item .price-block {margin-top: 30px;}
#content .list-item .price-block > span {font-size: 21px;}
.list-item .price-block .sale {display: inline-block; position: relative; top: -4px; margin-right: 4px; padding: 2px 4px; color: white; font-size: 10px!important; font-weight: 500; border-radius: 4px; background-color: var(--scol);}
.list-item .price-block > span {display: inline-block;position: relative;color: var(--bcol);font-size: 19px;font-weight: 500;font-family: 'Roboto', sans-serif;}
.list-item .price.new {color: var(--scol);}
.list-item .price.old {margin-left: 10px; color: #687485; font-size: 15px!important; font-weight: 300;}
.list-item .price.old:after {content: ''; position: absolute; top: calc(50% - 1px); left: -5px; right: -4px; height: 1px; background-color: #687485;}
.price-credit span {display: inline-block;margin-top: 8px;padding: 3px 6px 3px 3px;color: #333;font-size: 13px;font-weight: 300;border-radius: 5px;border: 1px solid #000000;}
.price-credit span > b {display: inline-block;padding: 1px 6px;color: white;font-size: 12px;font-weight: 300;letter-spacing: 0.3px;border-radius: 3px;background-color: var(--bcol);}
.list-item .buttons {display: flex;margin: 18px 0 0 0;align-items: center;}
.list-item .i-basket {display: inline-block;line-height: 38px;padding: 0 22px;box-sizing: border-box;color: white;font-size: 13px;font-weight: 400;border: 1px solid var(--bcol);border-radius: 30px;background-color: var(--bcol);background-image: none!important;transition: all 0.45s ease;cursor: pointer;}
.list-item .i-basket:hover {background-color: #37393f;}
.buy-fast {margin-left: 14px;color: black;font-size: 13px;transition: all 0.45s ease;cursor: pointer;}
.buy-fast:hover {color: var(--scol);}
.banners-two {margin-bottom: 60px;}
.banner-2 {position: relative;float: left;width: calc(50% - 10px);height: 360px;margin-right: 20px;padding: 40px 36px;box-sizing: border-box;border-radius: 24px;}
.banner-2.two-banner {margin-right: 0;background-image: url('/template/media/banner-2.png?new');background-position: 0 bottom;background-size: 350px;background-repeat: no-repeat;background-color: #f9f9f9;}
.banner-badge {display: inline-block;margin-bottom: 26px;color: #000000;font-size: 13px;font-weight: 100;letter-spacing: 0.6px;border-radius: 4px;text-transform: uppercase;}
.banner-title {font-size: 40px;line-height: 38px;}
.banner-description {max-width: 300px;margin: 26px 0;line-height: 24px;color: #757575;font-size: 15px;font-weight: 100;letter-spacing: 0.3px;background: linear-gradient(90deg, rgb(253 108 0), rgb(20 156 104) 17%, rgb(202 141 30) 33%, rgb(29, 29, 31) 50.01%, rgb(36 160 184)) 0% / 300% 100% text;}
.banner-content .price {margin-bottom: 14px;color: #000000;font-size: 14px;}
.banner-2.one-banner {background-color: #f8f8f6;background-image: url(/ip17.png);background-position: 180px -115px;background-size: 600px;background-repeat: no-repeat;}
.banner-actions {display: flex;align-items: center;margin-top: 40px;}
.banner-actions-product {margin-right: 30px;}
.banner-actions-product img {display: table;max-height: 90px;}
.banner-actions-content > a {display: inline-block;padding: 10px 26px;color: white;font-size: 15px;font-weight: 400;border-radius: 44px;border: 1px solid var(--bcol);background-color: var(--bcol);}
.banner-2.iphone .banner-title {color: #fa7b1e;font-weight: 300;}
.banner-2:nth-child(2n) .banner-content {display: flex;flex-direction: column;align-items: flex-end;padding-left: 250px;box-sizing: border-box;text-align: right;}
.subscribe .subscribe-box {float: left;width: 23.8636364%;max-height: 346px;padding: 18px 12px;}
.subscribe .services {float: right;width: 74.6212121%;}
.services.page-content {width: 100%;}
.services-item {float: left;width: 31.9796954%;margin-right: 2.03045685%;border-radius: 24px;box-sizing: border-box;/* border: 1px solid #eee; */background-color: white;}
.services-item:nth-child(3n) {margin-right: 0;}
.service-poster {width: 100%;height: 190px;background-position: bottom center;background-size: contain;background-repeat: no-repeat;}
.service-box {padding: 27px 20px;box-sizing: border-box;text-align: center;border-radius: 0 0 24px 24px;}
.service-box > span {color: black;font-size: 16px;font-weight: 200;letter-spacing: 0.4px;font-family: 'Roboto', sans-serif;}
.services-button {display: block;margin: 0px 25px 30px;padding: 5px 0;color: white;font-size: 12.2px;font-weight: 400;text-align: center;border-radius: 8px;background-color: black;}
.services-button:hover {color: white;background-color: #333333;}
.services-button > i {margin-right: 8px;transform: scale(1.3);}
.subscribe-box {position: relative;width: 100%;box-sizing: border-box;border-radius: 24px;background-color: white;}
.sidebar-stucky .subscribe-box {padding: 12px 6px;}
.subscribe-social-title {padding: 12px;box-sizing: border-box;color: black;font-weight: 500;font-size: 21px;line-height: 29px;letter-spacing: 0;}
.sidebar .subscribe-social-title {line-height: 26px;}
.subscribe-box .fa-vk {display: inline-block;position: absolute;z-index: 1;top: 0;right: 12px;font-size: 70px;font-weight: 900;color: rgb(2 119 255 / 7%);pointer-events: none;}
footer {position: relative;margin: 50px 0 0;border-radius: 30px 30px 0 0;overflow: hidden;}
footer #logotype {float: left;margin-right: 68px;}
.footer-contacts {display: flex;padding-top: 60px;align-items: center;}
.contacts-block {position: relative;margin-right: 78px;padding-left: 48px;box-sizing: border-box;}
.contacts-block:nth-child(3) {margin-right: 0;}
.contacts-block .val {color: var(--bcol);font-weight: 500;font-size: 15px;}
.contacts-block > i {position: absolute;top: calc(50% - 6px);left: 4px;transform: scale(2.5);}
.footer-contacts .val > a {color: black;}
.contacts-block .sub {margin-top: 10px;font-weight: 400;}
.contacts-block .sub > a {color: #707a8a;text-decoration: underline;}
.contacts-block .sub > a:hover {color: black;}
.contacts-block .sub > span {margin-right: 12px;}
.contacts-block .sub > span:last-child {margin-right: 0;}
.contacts-block .taxi {position: relative;padding-left: 32px;text-decoration: none!important;}
.contacts-block .taxi img {position: absolute;top: -6px;left: 0;animation: bounce 2.6s ease-in-out infinite;}

@keyframes bounce { 0%, 100% { transform: translateY(0); } 25% { transform: translateY(-3.5px); /* подпрыгивание вверх */ } 50% { transform: translateY(0); } 75% { transform: translateY(-1px); /* маленький отскок */ } }

.contacts-block .bus {position: relative;padding-left: 30px;}
.contacts-block .bus img {position: absolute;top: -6px;left: 0;transform: scale(1.1);}
.qr-codes {margin-left: auto;}
.qr-codes > a {float: left;margin-right: 22px;box-shadow: 0 3px 10px rgb(0 0 0 / 4%);}
.qr-codes > a:last-child {margin-right: 0;}
.qr-code-a {display: block;width: 114px;height: 114px;border-radius: 14px;background-position: center;background-repeat: no-repeat;background-size: contain;}
.qr-code-a.vk {background-image: url('/template/qr-code-vk.png');}
.qr-code-a.tg {background-image: url('/template/qr-code-tg.png');}
.qr-code-a.insta {background-image: url('/template/qr-code-insta.png');}
.footer-bottom {display: flex;position: relative;width: 100%;padding: 28px 0;flex-direction: column;}
.footer-bottom .f-left > span {display: block;}
.footer-bottom .f-left > span.legal {opacity: 0.7;margin-bottom: 6px;font-size: 13px;font-weight: 200;text-transform: uppercase;}
.footer-bottom .f-left > span.root {color: #454545;font-size: 14.5px;letter-spacing: 0;}
.f-right {position: absolute;top: 29px;right: 0;}
.footer-bottom .pay {display: flex;align-items: center;justify-content: center;}
.footer-bottom .pay > i {display: inline-block;float: left;margin-left: 32px;background-size: contain;background-position: center;background-repeat: no-repeat;opacity: 0.1;}
.footer-bottom .pay > i.visa {width: 70px;height: 23px;background-image: url('/template/visa.png');}
.footer-bottom .pay > i.mastercard {width: 41px;height: 26px;background-image: url('/template/mastercard.png');}
.footer-bottom .pay > i.mir {width: 72px;height: 21px;background-image: url('/template/mir.png');}
.footer-bottom .pay > i.sbp {width: 74px;height: 38px;background-image: url('/template/sbp.png');}
.footer-logo-text {position: absolute;bottom: 84px;width: 100%;color: rgb(0 0 0 / 1.5%);font-size: 200px;font-weight: 500;text-align: center;pointer-events: none;}

/* cookies */
.cookie-acceptation {position: fixed;z-index: 999;bottom: 20px;right: -500px;width: 280px;padding: 20px 28px;box-sizing: border-box;border-radius: 18px;box-shadow: 2px 12px 32px 0 rgba(0, 0, 0, .149);background-color: white;}
.cookie-acceptation p {margin: 0;line-height: 20px;color: black;font-size: 13px;}
.cookie-acceptation p > a {color: var(--scol);}
.cookie-acceptation button {width: 100%;line-height: 38px;margin-top: 20px;font-size: 13px;text-align: center;text-transform: none;border-radius: 18px;border: 1px solid #24272f;}
.cookie-acceptation button:hover {background-color: #2c303a;}
.cookie-acceptation > i {position: absolute;top: 0;right: 0px;color: rgb(0 0 0 / 3%);font-size: 64px;pointer-events: none;}
.cookie-acceptation.show {animation: slideUp 1.5s ease forwards;}

.middle {margin-top: 24px;}
.content-wrapper {display: flex;position: relative;}
.main-content {margin-left: auto;width: 980px;}
.sidebar {position: absolute;top: 0;left: 0;width: 310px;height: 100%;}
.block {margin-bottom: 30px;padding: 28px 18px;box-sizing: border-box;border-radius: 18px;background-color: white;}
.sidebar-stucky {position: sticky;top: 16px;}

#path {}
#path .cnt > span {border-radius: 5px;background-color: var(--bg);}
#path .cnt > span {display: table;padding: 0 20px;border-radius: 7px;}
#path span > span {display: inline-block;position: relative;float: left;margin-right: 26px;}
#path span > span:last-child {margin-right: 0;}
#path span > span:after {display: inline-block;content: "\f105";margin-left: 20px;padding-left: 25px;color: var(--scol);font-family: 'FontAwesome';}
#path span > span:last-child:after, #path span > span:last-child:before {display: none;}
#path span > span:before {content: '';position: absolute;top: 49%;right: 2px;width: 26px;height: 1px;background-color: var(--scol);}
#path span > span a {display: inline-block;padding: 12px 0;color: gray;}
#path span > span:last-child a {color: black;font-weight: 400;}
#path span > span a:hover {color: var(--scol);}

table.catalog {display: none;margin-top: -16px;margin-bottom: 36px;display: none;}
table.catalog tr {display: inline-block;float: left;margin-right: 14px;}
table.catalog tr:last-child {margin-right: 0!important;}
.catalog-item {display: inline-block!important;line-height: 20px!important;padding-bottom: 0!important;}
table.catalog h3 {margin: 0!important;font-weight: 400;}
table.catalog h3 > a {display: block;font-size: 15px;color: #333;padding: 10px 20px!important;border-radius: 8px;box-shadow: 0 2px 3px rgb(0 0 0 / 3%);background-color: white;}
table.catalog div {display: none!important;}
.block.catalog-box {padding: 0;border-radius: 0;border: 0;background-color: transparent;}
.flist-label {display: block;margin-bottom: 12px;color: black;font-size: 15px;font-weight: 500;}
input[type="text"].price_filter {float: left;width: 48%;}
#price_min {margin-right: 4%;}
#flist-item-price button {width: 100%;line-height: 36px;margin-top: 8px;padding: 0;color: #7a7a7a;font-size: 10px;letter-spacing: 0.4px;text-align: center;border: 1px solid var(--bg);background-color: var(--bg);}
#flist-item-price button:hover {background-color: #eee;}
.b-body.categ-list-active > ul > li {display: none;}
.b-body.categ-list-active > ul > li.list-parent {display: block;}
.b-body > ul > li {display: none;}
.b-body > .ul-active > li {display: block;}
.ul-active, .categ-list-active {display: block!important;}
.li-active > ul {display: block!important;}
.cat-tree u, .cat-tree b, .cat-tree i {display: none;}
ul.cat-tree {padding-left: 10px!important;}
.b-body > ul.cat-tree {display: block!important;padding-left: 0!important;}
.b-body.list-parent > .ul-active, .b-body > ul > li > .ul-active, .b-body > ul > li.categ-list-active > ul {display: block;padding: 22px 18px!important;border-radius: 7px;background-color: white;}
.b-body.list-parent > .ul-active > li > a, .b-body > ul > li > .ul-active > li > a, .b-body > ul > li.categ-list-active > ul > li > a {display: block;position: relative;line-height: 22px;padding: 12px 0;color: black;font-size: 16px;font-weight: 400;}
.b-body.list-parent > .ul-active > li > a:after, .b-body > ul > li > .ul-active > li > a:after, .b-body > ul > li.categ-list-active > ul > li > a:after {content: '\f105';position: absolute;top: calc(50% - 11px);right: 12px;color: #c1c1c1;font-size: 13px;font-weight: 900;font-family: 'Line Awesome Free';}
.b-body.list-parent > .ul-active > li.li-active > a, .b-body > ul > li > .ul-active > li.li-active > a, .b-body > ul > li.categ-list-active > ul > li.list-parent > a {padding: 12px;border-radius: 7px;background-color: rgb(243 137 71 / 7%);}
.b-body.list-parent > .ul-active > li.li-active > a:after, .b-body > ul > li > .ul-active > li.li-active > a:after, .b-body > ul > li.categ-list-active > ul > li.list-parent > a:after {color: black!important;transform: rotate(270deg);}
.li-active > ul.cat-tree, .b-body > ul > li.categ-list-active > ul > li.list-parent > .ul-active {margin: 10px 0 18px 0;padding-left: 0!important;padding: 10px 6px!important;border-radius: .8rem;background-color: var(--bg);}
.li-active > ul.cat-tree > li, .b-body > ul > li.categ-list-active > ul > li.list-parent > .ul-active > li {margin-bottom: 10px;}
.li-active > ul.cat-tree > li:last-child , .b-body > ul > li.categ-list-active > ul > li.list-parent > .ul-active > li:last-child {margin-bottom: 0;}
.li-active > ul.cat-tree > li > a, .b-body > ul > li.categ-list-active > ul > li.list-parent > .ul-active > li > a {display: block;padding: 8px 8px;font-size: 15px;font-weight: 400;}
.li-active > ul.cat-tree > li > a:hover, .b-body > ul > li.categ-list-active > ul > li.list-parent > .ul-active > li > a:hover {color: var(--scol);}
.b-body > ul > .list-parent > a, li.categ-list-active > a {display: block;position: relative;margin-bottom: 18px;color: black;font-weight: 400;font-size: 19px;}
.b-body > ul > .list-parent > a:before, li.categ-list-active > a:before {content: '\f060';display: inline-block;position: relative;top: -1px;width: 30px;height: 30px;margin-right: 10px;line-height: 30px;color: white;font-size: 16px;font-weight: 900;text-align: center;font-family: 'Line Awesome Free';border-radius: 50%;background-color: black;}
.b-body > ul > li.categ-list-active > ul > li.list-parent > .ul-active > .li-active > a {color: var(--scol);}
.ppblock {margin-top: 18px;}
.shop-page-wrap {text-align: left!important;}
#shop-page-more > button {margin-bottom: 8px;line-height: 48px;width: 100%;color: #333;font-weight: 500;letter-spacing: 2px;background-color: #ececec;overflow: hidden;}
#shop-page-more > button:hover {background-color: rgb(0 0 0 / 8%);}
#shop-page-more > button:before {content: '\f021';display: inline-block;margin-right: 12px;font-weight: 600;font-family: 'Line Awesome Free';transform: scale(1.4);}
.plist > * {display: inline-block;float: left;margin-right: 14px;width: 40px;height: 40px;line-height: 40px;text-align: center;font-weight: 500;border-radius: 2px;background-color: var(--bg);}
.plist > a:hover {color: white;background-color: #24272f;}
.pgSwchA {color: white;border-color: black;background-color: black;}
.pprev > a, .pnext > a {display: inline-block;margin: 0 14px;line-height: 44px;color: black;}
.pnext > a:hover {transform: translateX(5px);}
.pprev > a:hover {transform: translateX(-5px);}
.slist {display: flex;position: relative;top: -34px;max-width: max-content;margin-left: auto;margin-bottom: -8px;padding: 18px;border-radius: .8rem;border: 1px solid #eee;background-color: white;}
.slist a {display: inline-block;padding: 0 10px;}
.seo-text {display: inline-block;width: 100%;margin-top: 50px;}
.seo-text h2 {color: #687485;font-weight: 100;font-size: 21px;}
.seo-text p {margin: 14px 0;line-height: 19px;color: rgb(0 0 0 / 20%);font-size: 12px;}
.seo-text p:last-child {margin-bottom: 0;}

.item-page {padding-top: 8px;margin-bottom: 60px;}
.item-page > .cnt {position: relative;box-sizing: border-box;border-radius: 7px;}
#item-main-content {display: inline-block;width: calc(100% - 380px);}
.item-image {float: left;width: 550px;}
.item-image .main {float: right;width: calc(100% - 110px);box-sizing: border-box;}
.item-image .main .image {position: relative;display: flex;width: 100%;height: 474px;border-radius: 7px;overflow: hidden;justify-content: center;align-items: center;background-color: white;}
.item-image .main img {display: table;min-width: max-content;height: 94%;cursor: zoom-in;margin-bottom: 0;}
.item-image .main .image span {display: inline-block;position: absolute;z-index: 2;width: 40px;height: 40px;line-height: 40px;color: black;font-size: 18px;text-align: center;border-radius: 30%;background-color: white;opacity: 0;transform: scale(-1, 1);transition: all 0.45s ease;}
.item-image .main .image img:hover + span {opacity: 1;}
.item-image .main .image span i {transform: scale(1.2);}
.item-image .sub {position: relative;float: left;width: 90px;}
.sub-images-box {max-height: 474px;overflow: hidden;position: relative;}
.sub-images-box-inner {transition: transform 0.3s ease;transform: translateY(0);}
.item-image .sub-image-box {display: block;margin-bottom: 22px;padding: 5px;box-sizing: border-box;border-radius: 10px;border: 1px solid transparent;background-color: white;transition: all 0.3s ease;cursor: pointer;height: 102px;}
.item-image .sub-image-box:last-child {margin-bottom: 0;}
.item-image .sub-image-box:hover {border-color: var(--bcol);}
.item-image .sub-image-box.active {border-color: black;}
.item-image .sub-image-box .box-image {display: flex;position: relative;width: 100%;height: 90px;border-radius: 8px;overflow: hidden;align-items: center;justify-content: center;}
.item-image .sub-image-box img {display: inline;position: absolute;}
.sub-images-button {display: flex;position: absolute;z-index: 2;left: calc(50% - 15px);width: 28px;height: 28px;color: #d8d8d8;font-size: 12px;font-style: normal;border: 1px solid #eee;border-radius: 50%;background-color: white;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s ease;opacity: 1;visibility: visible;}
.sub-images-button {color: white;border-color: var(--bcol);background-color: var(--bcol);}
.sub-images-button:after {content: '\f107';font-family: 'Line Awesome Free'; font-weight: 900;}
.sub-images-button.up {top: -14px;transform: rotate(180deg);}
.sub-images-button.bottom {bottom: -14px;}
.sub-images-button.hidden {opacity: 0;visibility: hidden;pointer-events: none;}

.item-info {float: left;width: 370px;margin-left: 20px;}
.item-info-box {margin-bottom: 30px;padding: 22px;box-sizing: border-box;border-radius: 24px;background-color: #ffffff;}
.column {float: right;width: 740px;}
.item-head {margin-bottom: 24px;}
.item-head:last-child {margin-bottom: 0;}
.labels {display: flex;margin-bottom: 14px;flex-wrap: wrap;gap: 10px;}
.labels span {display: inline-block;float: left;padding: 0 9px;box-sizing: border-box;line-height: 28px;font-size: 12px;font-weight: 500;color: #333;border-radius: 5px;border: 1px solid transparent;}
.labels span.sale {color: white;background-color: #ea1f49;}
.labels span.rustore {color: #966feb;border: 1px solid #966feb;}
.labels span.by {color: #f38947;border-color: #f38947;}
.labels span.new {color: #0497fe;border-color: #0497fe;}
.labels span.stock {border-color: darkgrey;background-color: var(--bg);}
.labels span.stock > i {color: #6c6c6c;margin-right: 2px;}
.name h1 {margin-bottom: 0;color: var(--bcol);font-size: 24px;line-height: 30px;font-weight: 500;}
.name .art {display: table;margin: 4px 0 0;color: #b3b3b3;font-size: 13px;font-weight: 400;transition: all 0.3s ease;cursor: pointer;}
.name .art:hover {color: var(--bcol);}
.name .art:hover i {opacity: 1;}
.copy-icon {display: inline-block;margin-right: 3px;width: 16px;height: 16px;background-image: url('/template/copy.svg?1');background-size: contain;background-position: center;transition: all 0.3s ease;opacity: 0.2;}
.name .art > i {position: relative;top: 3px;}
.item-brand {display: flex;margin-top: 24px;align-items: center;}
.image-brand {display: flex;min-width: 48px;height: 48px;margin-right: 12px;padding: 10px;box-sizing: border-box;border-radius: 12px;background-color: var(--bg);justify-content: center;align-items: center;}
.image-brand img {height: 100%;}
.item-brand-box .name {display: flex;margin-bottom: 3px;color: black;font-size: 15px;font-weight: 400;align-items: center;}
.item-brand-box .name > svg {margin-left: 6px;}
.item-brand-box .sub {font-size: 13px;}
.item-option-links {display: flex;}
.item-option-links > a {display: inline-block;float: left;margin-right: 8px;padding: 7px 10px;box-sizing: border-box;border-radius: 6px;border: 1px solid black;height: 36px;}
.item-option-links > a.active {color: white;background-color: black;}

.shop-options > li {margin-bottom: 22px!important;}
.shop-options > li:last-child {margin-bottom: 0!important;}
.shop-options .opt {display: block;margin-bottom: 8px; color: black; font-weight: 200;}
.shop-options .val {display: flex;}
.shop-options input {position: absolute;visibility: hidden;}
.shop-options label {display: inline-block;position: relative;margin-right: 8px;padding: 7px 11px;box-sizing: border-box;color: #3e3e3e;border-radius: 6px;border: 1px solid #dbdbdb;cursor: pointer;}
.shop-options .active-option {color: white;border-color: var(--bcol);background-color: var(--bcol);}
.opt-val-surcharge, .colors-option label .opt-val-name {position: absolute;z-index: 5;top: -48px;left: -10px;display: block;min-width: max-content;padding: 10px 14px;color: black;font-size: 13px;border-radius: 8px;box-shadow: 0 4px 10px rgb(0 0 0 / 10%);background-color: white;opacity: 0;visibility: hidden;transition: all 0.3s ease;}
.shop-options label:hover .opt-val-surcharge, .colors-option label:hover .opt-val-name {opacity: 1;visibility: visible;}
.opt-val-surcharge .par {display: none;}

.colors-option label {width: 38px;height: 38px;padding: 4px;border: 2px solid #eee;border-radius: 50%;}
.colors-option label.active-option {background-color: transparent;}
.colors-option label .color-circle {display: block;width: 100%;height: 100%;border-radius: 50%;}

.item-char {margin: 0;padding: 0 24px;box-sizing: border-box;font-size: 13px;}
.item-char dt, .item-char dd {position: relative;z-index: 2;background-color: #f5f5f7;}
.item-char dt {padding-right: 10px;color: darkgray;font-weight: 400;}
.item-char dd {margin: 0;margin-left: auto;padding-left: 10px;color: black;font-weight: 400;}
.item-char .value {display: flex;position: relative;margin-bottom: 14px;}
.item-char .value:last-child {margin-bottom: 0;}
.item-char .value:after {content: '';position: absolute;z-index: 1;bottom: 5px;width: 100%;height: 1px;background-image: linear-gradient(to right, rgb(0 0 0 / 85%) 0 10%, rgb(255 255 255 / 0%) 10%);background-position: top;background-size: 7px 1px;background-repeat: repeat-x;}

.tcredit-banner {display: inline-block;margin-top: 40px;}

#column-sticky {position: absolute;z-index: 1;top: 0;right: 0;width: 354px;}
.sticky-box {top: 64px;}
.discount-badge {display: flex;position: relative;margin-bottom: 12px;padding: 12px 12px 12px 18px;color: #61a849;font-size: 13px;font-weight: 400;border-radius: 12px;background: linear-gradient(104deg, hsla(99, 96%, 82%, .5) -5.13%, hsla(88, 63%, 69%, .5) 17.53%, rgba(168, 234, 255, .5) 83.44%, rgba(77, 207, 255, .5) 103.59%), #fff;align-items: center;}
.discount-badge > span {display: flex;position: relative;z-index: 2;align-items: center;}
.discount-badge > span > svg {margin-right: 4px;flex-shrink: 0;}
.discount-badge::after {content: '';position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, #00000000 0%, rgb(255 255 255 / 35%) 50%, transparent 100%);animation: softLight 5s ease-in-out infinite;background-size: 200% 100%;}
.credit-data-box {display: flex;margin-top: 20px;padding: 10px 16px;box-sizing: border-box;border-radius: .8rem;background-color: #f5f6fa;background-image: url('https://api.halvacard.ru/public-api/files/1f0d6b68-e954-462e-8971-a2eff3aff0b6-240x240.png');background-size: 62px;background-repeat: no-repeat;background-position: bottom right;align-items: center;}
.credit-data-box .data-credit-pay {min-width: max-content;margin-right: 10px;padding: 5px 7px;box-sizing: border-box;border-radius: .4rem;background-color: #ffffff;}
.credit-data-box .data-credit-pay > span {display: block;margin-bottom: -2px;color: #aaaaaa;font-size: 11px;font-weight: 200;}
.credit-data-box .data-credit-pay > h4 {margin: 0;font-size: 12px;font-weight: 500;letter-spacing: -0.2px;}
.data-credit-message {line-height: 17px;color: black;font-weight: 400;font-size: 13px;}
.tradein-data-box {margin-top: 20px;border-radius: 4px;background: linear-gradient(97.87deg, rgba(220, 254, 206, 0.5) 1.47%, rgba(155, 225, 255, 0) 101.72%), #F6FDFF;}
.tradein-message {display: flex;align-items: center;padding: 18px 12px;}
.tradein_icons {display: flex;margin-right: 16px;}
.tradein-text {color: black;font-size: 12px;line-height: 16px;}
.tradein-text b {font-size: 13px;}
#data-item-box {position: relative;padding: 20px 14px;border-radius: .8rem;box-shadow: 0 8px 38px rgb(22 22 37 / 12%);background-color: white;}
#data-item-box.stock {margin-top: 32px;padding-top: 38px;}
.stock-message {display: inline-block;position: absolute;z-index: 2;top: -17px;left: 7px;padding: 8px 16px;color: #d39017ad;font-size: 13px;font-weight: 400;border-radius: 24px;background-color: oldlace;}
.pricebox {padding: 0 8px;}
.pricebox > span {color: #24272f;font-size: 27px;font-weight: 500;font-family: 'Roboto', sans-serif;letter-spacing: 0.3px;}
.pricebox.sale {display: flex;align-items: center;flex-wrap: wrap;}
.pricebox.sale > span {color: black;}
.pricebox .oldprice {display: flex;flex-direction: column;margin-left: 20px;font-size: 16px;line-height: 16px;font-family: 'Roboto', sans-serif;}
.pricebox .oldprice > span {font-size: 12px;}
.pricebox.sale > span.sale {display: inline-block;position: relative;top: 0px;margin-right: 10px;padding: 2px 4px;color: white;font-size: 10px !important;font-weight: 500;border-radius: 4px;background-color: var(--scol);}
.price-sale > p {margin: 3px 0 0;color: black;font-size: 12px;}
.price-sale > p > svg {position: relative;top: 3px;}
.price-sale .popup-text {display: none;position: absolute;z-index: 2;padding: 20px;color: white;font-size: 12px;border-radius: 20px;backdrop-filter: blur(7px);background-color: rgb(0 0 0 / 85%);}
.price-sale .popup-text p {margin: 0 0 18px;}
.price-sale .popup-text p:last-child {margin: 0;}
.item-button {display: flex;margin-top: 18px;gap: 4px;}
.item-button > .basket-button {flex: 1;}
.item-button > .basket-button > * {color: black;font-weight: 500;text-align: center;line-height: 51px;border-radius: 48px;border: 1px solid var(--bcol);cursor: pointer;}
.item-button > .basket-button.buy {color: white;font-size: 15px;}
.item-button > .basket-button.buy .add {color: white;background-color: black;}
.basket.wait {position: relative;pointer-events: none;cursor: default;color: transparent;background-color: black;}
.basket.wait::after {content: '';position: absolute;top: 51%;left: 50%;width: 12px;height: 12px;margin: -8px 0 0 -8px;border-radius: 50%;background: currentColor;box-shadow: -24px 0 currentColor, 24px 0 currentColor;box-sizing: border-box;animation: basket-shadow-pulse 1.4s linear infinite;}
.item-button > .basket-button > a, #product-sticky-bar a.basket {display: none;color: white;border-color: var(--scol);background-color: var(--scol);}
.item-button > .basket-button > a:hover, #product-sticky-bar a.basket {opacity: 0.95;}
.item-button > .basket-button .done {display: none;}
.item-button > .basket-button .done + a {display: block;}

.not-stock .basket-button.fast {display: none;}

#data-item-box .price-tracker {display: flex;margin-top: 14px;color: #333;font-size: 12px;font-weight: 400;justify-content: center;align-items: center;transition: all 0.3s ease;cursor: pointer;}
#data-item-box .price-tracker > i {position: relative;top: -1px;margin-right: 8px;font-size: 15px;transform: scale(1.4);}
#data-item-box .price-tracker:hover {color: black;}
.data-delivery {margin-top: 20px;padding: 10px 20px;border-radius: 20px;background-color: white;}
.delivery-box > li {margin-bottom: 8px;color: black;font-weight: 200;letter-spacing: 0.3px;}
.delivery-box > li:last-child {margin-bottom: 0;}
.delivery-box > li > svg {position: relative;top: 3px;margin-right: 2px;}
.delivery-box > li > b {font-weight: 400;}

.photo-reviews {}
.photo-reviews-container {display: flex;gap: 18px;margin-top: 60px;padding: 10px;border-radius: 15px;background-color: white;}
.photo-reviews-card {display: flex;width: 20%;height: 174px;overflow: hidden;align-items: center;justify-content: center;border-radius: 10px;}

.description {width: 920px;margin-top: 60px;}
h2.description-title {font-size: 24px;}
.description p {margin: 18px 0;color: #4b525d;font-size: 15px;line-height: 24px;}
.description p:first-child {margin-top: 0;}
.description p:last-child {margin-bottom: 0;}
.description p > b, .description p > strong {color: black;}

.also-buy {display: inline-block;width: 100%;margin-top: 60px;padding: 24px 12px;box-sizing: border-box;border-radius: 24px;background-color: var(--bg);}
.also-buy > h2 {margin-bottom: 22px;}
.also-goods .list-item {flex: 0 0 243px;overflow: visible;}
.also-goods .list-item:after {content: '+';position: absolute;z-index: 3;top: 110px;right: -25px;width: 30px;height: 30px;line-height: 28px;color: #c9c9c9;font-size: 24px;font-weight: 200;text-align: center;border-radius: 50%;background-color: #f2f2f2;}
.also-goods .list-item:last-child:after {display: none;}
.also-goods .list-item .price-block > span {font-size: 19px;}
.also-goods .list-item .image > a {height: 243px;background-color: #f9f9f9;}

.also-view-categs {margin: 60px 0 0 0!important;}
.also-view-categs ul {display: flex;gap: 14px;}
.also-view-categs ul > li > a {display: inline-block;padding: 12px 30px;font-weight: 400;background-color: #fafafa;border-radius: 46px;}
.also-view-categs ul > li > a:hover {color: white;border-color: var(--bcol);background-color: var(--bcol);}
.lastv, .also-view-categs {display: inline-block;width: 100%;margin-bottom: 60px;clear: both;}
.lastv {margin-top: 60px;margin-bottom: 0px;}
.banners-two + .lastv {margin-top: 0;margin-bottom: 60px;}
.lastv-goods {display: flex;}
.lastv-goods > div {display: flex;width: 100%;}
.lastv-goods .with-clear:after {display: none;}
.lastv-goods .list-item {display: flex;width: max-content;padding: 8px 18px 8px 8px;flex: 3;align-items: center;background-color: white;}
.lastv-goods .list-item .image {min-width: 85px;width: 85px;height: 100px;border-radius: 8px;}
.lastv-goods .list-item .image img {transform: scale(1.2);}
.lastv-goods .list-item .box {margin: 0 36px 0 18px;padding: 0;}
.lastv-goods .list-item .name {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-word;max-width: 200px;font-size: 14px;line-height: 19px;}
.lastv-goods .list-item .price-block {margin-top: 6px;}
.lastv-goods .list-item .buttons {margin-top: 0;}
.lastv-goods .list-item .i-basket {color: black;border-color: #fafafa;background-color: #fafafa;transform: scale(1.02);}
.lastv-goods .list-item .image span, .lastv-goods .buy-fast, .lastv-goods .price-credit, .lastv-goods .list-item .categ {display: none;}
.lastv-goods .list-item .price-block > span {font-size: 16px;}

#product-sticky-bar {display: flex;justify-content: center;}
#product-sticky-bar .sticky-box {backdrop-filter: blur(14px);display: flex;position: fixed;z-index: 10;top: 10px;padding: 3px 6px;box-sizing: border-box;align-items: center;border-radius: 10px;box-shadow: 0 4px 10px rgb(0 0 0 / 4%);background-color: rgb(255 255 255 / 75%);opacity: 0;transform: scale(0.9);visibility: hidden;transition: 0.55s;}
#product-sticky-bar.active .sticky-box {opacity: 1;transform: scale(1);visibility: visible;}
#product-sticky-bar .image {display: flex;width: 50px;height: 50px;overflow: hidden;align-items: center;justify-content: center;border-radius: 8px;}
#product-sticky-bar .sticky-box > h3 {margin: 0 60px 0 18px;font-size: 15px;font-weight: 300;}
#product-sticky-bar .price > span {color: #24272f;font-size: 19px;font-weight: 500;font-family: 'Roboto', sans-serif;letter-spacing: 0.3px;}
#product-sticky-bar .basket {display: inline-block;margin-left: 16px;line-height: 40px;padding: 0 28px;color: black;font-size: 14px;font-weight: 500;border-radius: 54px;border: 1px solid black;cursor: pointer;}

#product-price-popup {display: flex;justify-content: center;position: fixed;z-index: 10;top: 0;left: 0;width: 100%;height: 100%;backdrop-filter: blur(4px);background-color: rgb(0 0 0 / 15%);align-items: center;visibility: hidden;opacity: 0;transition: all 0.45s ease;}
#product-price-popup.active {visibility: visible;opacity: 1;}
.product-price-popup-box {position: relative;max-width: 300px;height: max-content;padding: 38px 30px;border-radius: 18px;background-color: white;transform: translateY(-12px);filter: blur(7px);transition: all 0.45s ease;}
#product-price-popup.active .product-price-popup-box {transform: translateY(0);filter: blur(0px);}
.product-price-popup-box h2 {margin-bottom: 28px;font-size: 24px;line-height: 28px;}
.product-price-popup-box p {font-size: 13px;}
.product-price-popup-box input {width: 100%;}
.product-price-popup-box input[type="text"] {padding-left: 44px;font-size: 16px;}
.product-price-popup-box input[type="submit"] {width: 100%;height: 52px;letter-spacing: 1px;font-size: 13px;}
.product-price-popup-box .phone-hint {font-size: 10px;}
.product-price-popup-box .la-bell {position: absolute;top: 10px;right: 8px;font-size: 64px;color: var(--scol);opacity: 0.07;}

.login-page {height: 100%;overflow: hidden;}
.login-page > div:nth-child(1), .login-page > div:nth-child(2) {background: none!important;border: none!important;}
.login-page .myWinLoadSF {display: none;}
.login-page .top-page {position: absolute;z-index: 2;width: 100%;top: 0;}
.login-body {display: flex;position: relative;width: 100%;height: 100%;align-items: center;justify-content: center;}
.l-box {position: relative;z-index: 10;padding: 54px 50px 38px;box-sizing: border-box;border-radius: 30px;box-shadow: 0 30px 60px rgb(0 0 0 / 10%);background-color: white;}
.l-title {line-height: 36px;margin-bottom: 44px;color: black;font-weight: 500;font-size: 32px;text-align: center;}
.checkout-page .l-title {line-height: 34px;}
#ucoz-login-form {width: 100%;max-width: 350px;}
.step-indicator {display: flex;justify-content: center;align-items: center;margin-bottom: 25px;gap: 8px;}
.step {min-width: 32px;height: 32px;border-radius: 50%;background: var(--bg);display: flex;align-items: center;justify-content: center;font-size: 14px;transition: all 0.3s ease;}
.step.active {color: white;background-color: black;transform: scale(1.14);}
.step-line {height: 2px;width: 30px;margin: 0 4px;background: #e0e0e0;transition: all 0.3s ease;}
.step-line.active {background: var(--scol);}
.login-step {display: none;animation: fadeIn 0.3s ease;}
.login-step.active-step {display: block;}
.input-group {position: relative;margin-bottom: 20px;}
.password-hint {margin-top: -12px;color: gray;font-size: 12px;}
.emailInput-box {position: relative;}
.email-validation {position: absolute;top: 17px;right: 18px;color: #7ba27b;pointer-events: none;}
.phone-label,.password-label {margin-bottom: 8px;font-weight: 500;color: #333;}
#fullname-display {text-transform: capitalize;}
.phone-input-wrapper {position: relative;margin-bottom: 5px;}
.rus-svg-icon {position: absolute;top: calc(50% - 13px);left: 12px;width: 24px;height: 24px;background-image: url('/template/russia.svg');background-size: contain;background-position: center;}
.phone-prefix {position: absolute;left: 28px;top: 50%;transform: translateY(-50%);color: #666;font-weight: 500;}
input[type="tel"].phone-input {height: 54px;padding-left: 48px!important;font-size: 16px;box-sizing: border-box;}
input.loginField {height: 54px;font-size: 16px;}
.phone-hint {line-height: 17px;font-size: 12px;margin-top: 5px;}
.button-group {display: flex;gap: 10px;margin-top: 25px;flex-direction: column;}
input.loginButton, button.loginButton {flex: 1;padding: 10px 20px;color: white;font-size: 14px;border-radius: 8px;letter-spacing: 0.6px;background-color: black;transition: background 0.3s;}
.loginButton:hover {background-color: var(--bcol);}
.loginButton-box {position: relative;}
.loginButton-box input {width: 100%;}
.loginButton-box.done:after {content: '';position: absolute;top: 51%;left: 50%;width: 12px;height: 12px;margin: -8px 0 0 -8px;border-radius: 50%;background: currentColor;box-shadow: -24px 0 currentColor, 24px 0 currentColor;box-sizing: border-box;animation: basket-shadow-pulse 1.4s linear infinite;}
.loginButton-box.done input {color: transparent;}
.back-btn {background: transparent;color: black;font-size: 13px;}
.back-btn:hover {color: black;background: transparent;transform: translateX(-4px);}
.next-btn {display: flex;width: 100%;align-items: center;justify-content: center;gap: 8px;}
.auth-register-link {text-align: center;}
.loginRegister {display: inline-block;margin-left: 14px;padding: 12px 0;color: black;font-size: 15px;font-weight: 400;text-align: center;border-radius: 8px;}
.loginRegister > i {margin-right: 6px;transform: scale(1.4);}
.arrow {font-size: 16px;}
.user-info {padding: 8px 15px;border-radius: 4px;margin-bottom: 18px;font-size: 13px;text-align: center;background-color: var(--bg);}
.password-toggle {position: absolute;right: 0;top: 28px;padding: 0 16px;line-height: 54px;font-size: 18px;cursor: pointer;user-select: none;}
.eye-icon {font-size: 18px;opacity: 0.7;}
.eye-icon:hover {opacity: 1;}
.remember-row {margin-top: -12px;font-size: 14px;}
.remember-row input[type="checkbox"] {margin-right: 4px;}
.error-message {color: #dc3545;background: #f8d7da;padding: 10px;border-radius: 4px;margin-bottom: 15px;text-align: center;font-size: 14px;}
#ucoz-login-form .legal {margin-top: 22px;line-height: 16px;font-size: 11px;text-align: center;}
#ucoz-login-form .legal > a {color: #333;}
#ucoz-login-form .legal > a:hover {color: black;text-decoration: underline;}
#bottomInfoBar {display: none!important;}

.pop-up-question {display: flex;position: fixed;z-index: 999;top: 0;left: 0;width: 100%;height: 100%;backdrop-filter: blur(8px);background-color: rgb(0 0 0 / 25%);align-items: center;justify-content: center;perspective: 1000px;}
.pop-up-box {position: relative;top: -50px;width: 100%;max-width: 420px;border-radius: 30px;background-color: black;transform-style: preserve-3d;transition: transform 0.1s ease-out;will-change: transform;animation: popupAppear 1s ease-out forwards;}
.pop-up-box .poster {position: absolute;top: 0;left: 0;width: 100%;height: 85%;border-radius: 30px;background-size: cover;background-position: center;}
.pop-up-content {position: relative;z-index: 2;padding: 230px 40px 40px 40px;}
.pop-up-title {box-sizing: border-box;padding-left: 148px;color: white;font-size: 45px;line-height: 38px;text-shadow: 0 0 10px black;position: relative;}
.pop-up-title span {display: block;font-weight: 400;}
.pop-up-title span.sub {margin: 14px 0 34px 0;color: rgb(255 255 255 / 80%);font-size: 14px;font-weight: 200;line-height: 22px;}
.pop-up-title img {position: absolute;top: 8px;left: 0;width: 120px;border-radius: 8px;}
.pop-up-form span {display: block;font-size: 12px;line-height: 17px;}
.pop-up-form input[type="text"] {width: 100%;margin-bottom: 20px;padding-left: 20px;height: 60px;color: white;font-size: 15px;letter-spacing: 0.3px;border-radius: 8px;border: 1px solid white;background-color: transparent;}
.pop-up-form input[type="text"]::placeholder {color: white;}
.pop-up-form input[type="text"]:focus {border-color: var(--scol);}
.pop-up-contacts {margin-top: 18px;}
.pop-up-contacts a {display: inline-block;margin-right: 5px;color: white;font-size: 13px;}
.pop-up-contacts a:last-child {margin-right: 0;}
#pop-up-closed {position: absolute;top: -26px;right: -44px;width: 38px;height: 38px;line-height: 38px;color: var(--scol);font-size: 21px;text-align: center;border-radius: 50%;background-color: black;transition: all 0.3s ease;cursor: pointer;}
#pop-up-closed:hover {transform: scale(1.05);}

#veduchat {position:fixed;z-index: 100;bottom: 30px;right: 24px;}
.veduchat-button-icon {display: flex;width: 50px;height: 50px;border-radius: 50%;background-color: var(--bcol);background-size: 200% 100%;align-items: center;justify-content: center;fill: white;transition: all 0.45s ease;cursor: pointer;}
.veduchat-button-icon:hover {box-shadow: 0 3px 16px rgb(0 0 0 / 20%);transform: scale(1.06);}

#blur {position: fixed;z-index: 10;top: 0;left: 0;width: 100%;height: 100%;backdrop-filter: blur(4px);background-color: rgb(0 0 0 / 15%);opacity: 1;visibility: hidden;transition: .45s ease-in-out;}
.blur-focus #blur {opacity: 1;visibility: visible;}

.popup-float {position:fixed;display:flex;z-index:100;bottom:30px;left:0;width:100%;justify-content:center;}
.popup-float-container {display:flex;position:relative;padding:6px 8px;align-items:center;border-radius:12px;background:rgb(34 34 34 / 80%);transform:translateY(60px) scale(.92);opacity:0;transition:transform 1.4s cubic-bezier(.16,.84,.3,1), opacity 1.4s ease;}
.popup-float.active .popup-float-container {transform:translateY(0) scale(1);opacity:1;}
.popup-float-container .video-poster {position:relative;width:70px;height:70px;margin-right:8px;overflow:hidden;border-radius:7px;}
.popup-float-container .video-box {width:100%;height:100%;border-radius:8px;overflow:hidden;}
.popup-float-container .video-box.double {position:absolute;top:0;left:0;filter:blur(10px);transform:scale(1.15);}
.popup-float-container .video-box video {position:absolute;z-index:1;top:calc(50% - 70px);width:100%;}
.popup-float-container .logo {border-radius:50%;background:black;}
.popup-float-container .logo>a {display:block;width:70px;height:70px;background:url(/template/logo.png) center/42px no-repeat;filter:invert(1);}
.popup-float-container .content-promo {display:flex;height:70px;box-sizing:border-box;color:#dedede;border-radius:8px;background:#3e3e3e;align-items:center;overflow:hidden;width:0;opacity:0;transition:width 1.8s cubic-bezier(.16,.84,.3,1), opacity 1.2s ease;}
.popup-float-container .content-promo.show {opacity:1;margin-left:8px;padding:6px 6px 6px 16px;}
.popup-float-container #promo-text {display:flex;flex-direction:column;line-height:1.25;font-size:15px;min-width:140px;}
.popup-float-container .line {opacity:0;transform:translateY(6px);transition:opacity 0.9s ease, transform 0.9s cubic-bezier(.16,.84,.3,1);}
.popup-float-container .line.show {opacity:1;transform:translateY(0);}
.popup-float-container .button {display:flex;margin-left:18px;}
.popup-float-container .button a {display:flex;min-width:max-content;height:54px;padding:0 14px;margin-right:6px;color:#fff;font-size:15px;border-radius:8px;border:1px solid #4e4e4e;align-items:center;justify-content:center;opacity:0;transform:translateX(30px);transition:opacity 0.8s ease, transform 0.9s cubic-bezier(.16,.84,.3,1);}
.popup-float-container .button a:last-child {margin-right:0;}
.popup-float-container .button a.show {opacity:1;transform:translateX(0);}
#popup-float-closed {position:absolute;top:-26px;right:-26px;width:28px;height:28px;line-height:29px;color:var(--scol);font-size:14px;text-align:center;border-radius:50%;background:rgb(34 34 34 / 80%);cursor:pointer;transition:.3s;}
#popup-float-closed:hover {transform:scale(1.07);}

.checkout-page {background-color: #fafafa;}
.checkout-page:after {content: '\f290';position: absolute;z-index: -1;top: 270px;left: calc(50% - 200px);color: #f1f1f1;font-size: 400px;font-weight: 900;font-family: 'Line Awesome Free';}
.checkout-page .cnt {width: 1100px;}
.checkout-page .top-page .cnt {position: relative;width: 1320px;}
.checkout-page #logotype {position: relative;z-index: 2;}
.main-top-title {position: absolute;z-index: 0;top: 54px;width: 100%;text-align: center;pointer-events: none;}
.main-top-title h1 {margin-bottom: 0;color: rgb(0 0 0 / 25%);font-size: 31px;font-weight: 100;letter-spacing: 1px;}
.main-top-title h1 > small {display: none;color: #bdbdbd;font-size: inherit;font-weight: 200;}
.main-top-title .ssl {display: flex;margin-top: 10px;align-items: center;justify-content: center;font-size: 11px;color: gray;}
.main-top-title .ssl > svg {margin-right: 6px;}
.main-top-title > .sub {margin-top: 10px;color: rgb(0 0 0 / 20%);font-weight: 200;}
.checkout-page .top-contacts {float: right;margin-top: 14px;}
#checkout-main-body {margin: 70px 0 60px 0;}
.checkout-basket-title {margin-bottom: 22px;color: black;font-size: 24px;font-weight: 400;}
.checkout-basket-title > small {color: #bdbdbd;font-size: inherit;}
#order-table {position: relative;}
.checkout-page table {border-spacing: 0;border-collapse: collapse;}
#checkout-main-body table tbody > tr:last-child, .order-item-nom {display: none!important;}
.order-head-art, .order-head-name {opacity: 0;pointer-events: none;}
.checkout-page #order-table .order-head {background-color: #f1f1f1;}
.checkout-page #order-table .order-head th {width: auto!important;padding: 0 34px;line-height: 54px;color: rgb(0 0 0 / 35%);font-size: 14px;font-weight: 300;border-bottom: none;}
.checkout-page #order-table .order-head .order-head-del {text-align: center;}
.checkout-page #order-table tr {background-color: white;}
.checkout-page #order-table .order-item td {padding: 20px 34px;font-size: 16px;letter-spacing: 0.3px;border: none;}
.checkout-page #order-table .order-item .order-item-name {font-size: 15px;}
.checkout-page #order-table .order-item .order-item-name small {display: block;width: max-content;font-size: 12px;}
.checkout-page #order-table .order-item-img a {display: grid;}
.checkout-page #order-table .order-item-img img {display: block;height: 90px;min-width: max-content;border-radius: 4px;}
.order-item-name a:hover {color: var(--mcol)!important;}
.checkout-page #order-table .order-item td.order-item-price, .checkout-page #order-table .order-item td.order-item-sum {color: #24272f;font-weight: 600;letter-spacing: 0.5px;}
.checkout-page #order-table .order-item td.order-item-del {padding: 0;}
.order-item-del input {position: absolute;opacity: 0;}
.order-item-del i {font-size: 19px;color: #a5a6aa;padding: 28px;cursor: pointer;transition: all 0.2s ease 0s;}
.order-item-del i:hover {color: red;}

.order-item-cnt {width: 110px;position: relative;}
.order-item-cnt > * {float: left;height: 52px;text-align: center;}
.order-item-cnt input {width: 110px;height: 36px;padding: 0 34px;box-sizing: border-box;color: black;font-size: 14px;font-weight: 500;text-align: center;border-radius: 4px;border: none;}
.order-item-cnt input:focus {color: black;box-shadow: none;}
.order-item-cnt span {display: block;position: absolute;z-index: 2;width: 33px;line-height: 30px;height: 34px;color: black;border-radius: 4px;border: 1px solid var(--bg);overflow: hidden;transition: all 0.3s ease;cursor: pointer;}
.order-item-cnt span:hover {border-color: #dddddd;}
.order-item-cnt span:after {content: "";display: inline-block;font-size: 17px;font-weight: 600;font-family: 'Line Awesome Free';}
.order-item-cnt span.minus {left: 34px;}
.order-item-cnt span.minus.disabled {border-color: #fafafa;background-color: #fafafa;cursor: default;}
.order-item-cnt span.minus:after {content: '-';}
.order-item-cnt span.plus {right: 34px;}
.order-item-cnt span.plus:after {content: "+";}
#order-total-line {margin-top: 20px;line-height: 44px;font-size: 14px;color: rgb(0 0 0 / 45%);font-family: 'Roboto', sans-serif;letter-spacing: 0.4px;}
#order-total-line input {float: right;margin-left: 12px;color: #7a7a7a;background-color: #eee;}
#order-total-line input:hover {background-color: #e7e7e7;}
#order-total-line.focus input[type="submit"] {color: white;background-color: black;}
#order-table .MyWinGrid {display: none!important;}
.order-data .title {margin: 0 0 22px;font-size: 21px;color: #24272f;}
.order-data .title > b {display: inline-block;position: relative;top: -2px;margin-right: 10px;width: 30px;height: 30px;line-height: 30px;color: white;font-size: 12px;text-align: center;border-radius: 50%;background-color: #24272f;}
.order-data .title > span {display: block;padding-left: 47px;font-size: 12px;font-weight: 200;}
.methods-list {width: 100%;border-spacing: 0;}
.methods-list tr {display: block;position: relative;float: left;width: 49%;min-height: 92px;margin-bottom: 18px;padding: 24px 22px;box-sizing: border-box;color: gray;font-size: 13px;background-color: white;}
.methods-list tr:nth-child(2n) {margin-left: 2%;}
.methods-list tr:nth-last-child(-n+2) {margin-bottom: 0;}
.methods-list tr:nth-child(2n+1) {clear: both;}
.methods-list th {display: block;position: absolute;top: 0;left: 0;width: 100%!important;height: 100%;}
.methods-list th div {position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;padding-bottom: 0;border: 2px solid #f6f6f6;box-sizing: border-box;border-radius: 8px;cursor: pointer;}
.methods-list th input:checked + div {border-color: black;}
.methods-list input {position: absolute;right: 10px;bottom: 10px;opacity: 0.6;}
.order-details .methods-list label {margin-bottom: 6px;color: #24272f;font-size: 15px;font-weight: 400;}
.order-details .methods-list label:after {content: '';position: absolute;z-index: 2;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;}
.order-details .methods-list .label + div {padding-bottom: 0;}
.order-details .methods-list .label + div:first-letter {text-transform: lowercase;}
#order-field-2-block input {text-transform: capitalize;}
#delivery-list {display: flex;gap: 12px;}
.delivery-block {display: flex;flex: 3;position: relative;padding: 20px 14px;}
.delivery-input > div {position: absolute;z-index: 2;top: 0;left: 0;width: 100%;height: 100%;padding-bottom: 0!important;box-sizing: border-box;border-radius: 8px;border: 1px solid #e0e0e0;}
.delivery-content {padding-bottom: 0!important;}
.delivery-name {display: flex;align-items: center;}
.delivery-name > svg {margin-right: 12px;padding: 8px;border-radius: 50%;background-color: #f8f8f8;}
.delivery-input input:checked + div {border: 2px solid black;}
#delivery-list .delivery-block label {font-weight: 300;margin-bottom: 0;}
.delivery-content > .descr {display: none;}
.my-shop-info {margin-top: 34px;padding: 0 12px;}
.my-shop-info h4 {margin-bottom: 12px;font-size: 16px;font-weight: 400;}
.my-shop-info h4 > small {color: #676767;font-weight: 300;}
.my-shop-info .address {margin-bottom: 2px;color: black;font-size: 13.5px;font-weight: 200;}
.my-shop-info .work {color: gray;font-size: 12.5px;font-weight: 200;}

.delivery-form {display: flex;margin-top: 34px;flex-direction: column;gap: 14px;}
.adress-field input {width: 100%;}
.three-field {display: flex;gap: 12px;}

#payment-block-2 {display: none;}
.payment-metod.commission #payment-block-2 {display: block;}
.payment-metod.commission #payment-block-3 {display: none;}

#payment-block-3 {margin-bottom: 0;}
#payment-block-3 {clear: none;margin-left: 2%;}

.order-fields form {display: flex;width: 100%;gap: 12px;}
.order-fields .title {margin-bottom: 28px;}
.order-fields form div, .delivery-field {position: relative;flex: 3;padding: 0;padding-bottom: 0;border-radius: 8px;border: 1px solid #e0e0e0;background-color: white;transition: all 0.3s ease;}
.order-fields form div.hidden {position: absolute;opacity: 0;visibility: hidden;}
#order-field-4-block, #order-field-5-block, #order-field-6-block, #order-field-7-block, #order-field-8-block {display: none;}
.order-fields form div:hover, .delivery-field:hover {border-color: black;}
.order-fields .methods-list .label, .delivery-field span {display: inline-block;position: absolute;top: 5px;left: 10px;min-width: auto;min-height: auto;color: #828282;font-size: 12px;font-weight: 200;pointer-events: none;}
.order-fields input, .delivery-field input {position: static;width: 100%!important;height: 58px;padding: 14px 10px 0;color: #39393c;font-size: 15px;border: none;border-radius: 3px;background-color: transparent;opacity: 1;}
.order-fields input:focus, .delivery-field input:focus {box-shadow: none;border-color: var(--mcol);}
.notification-pay-online {height: 0;margin-top: 22px;transition: all 0.45s ease;overflow: hidden;}
.notification-pay-online.active {height: 48px;}
.notification-box {display: flex;height: 48px;padding: 4px 14px;box-sizing: border-box;align-items: center;border-radius: 8px;background-color: #fff5dd;}
.notification-pay-online span {color: black;font-size: 13.5px;font-weight: 200;letter-spacing: 0.3px;}
.notification-pay-online svg {margin-right: 12px;color: #ffc968;}
.order-details {display: table;width: 100%;margin-top: 30px;}
.order-details > .cnt {position: relative;}
.order-data {float: left;width: 760px;}
.order-step {margin-bottom: 24px;padding: 40px 24px;box-sizing: border-box;border-radius: 12px;background-color: white;}
.order-step:last-child {margin-bottom: 0;}
.order-details .outcome {position: absolute;top: 0;right: 0;z-index: 5;width: 316px;height: 100%;}
.order-details .sticky {position: sticky;top: 14px;box-sizing: border-box;}
.order-details .sub-title {line-height: 23px;color: #24272f;font-size: 15px;font-weight: 500;}
.order-details .outcome .box {position: relative;padding: 27px 24px;border-radius: .8rem;box-shadow: 0 4px 10px rgb(0 0 0 / 4%);background-color: white;}
.order-details .outcome .box:after {right: calc(50% - 10px);}
.order-details .outcome ul {display: table;width: 100%;box-sizing: border-box;}
.order-details .outcome li {position: relative;margin-bottom: 16px;line-height: 17px;}
.order-details .outcome li:last-child {margin-bottom: 0;}
.order-details .outcome li > .osum {display: none;}
.order-details .outcome li > span {display: inline-block;position: relative;z-index: 2;background-color: white;}
.order-details .outcome ul span.par {padding-right: 8px;color: #777777;}
.order-details .outcome ul span.val {float: right;padding-left: 8px;color: #444444;font-size: 15px;font-weight: 400;text-transform: lowercase;}
.order-details .outcome ul span.val.plus {color: var(--mcol);}
.order-details .outcome ul span.val .order_discount {color: #ffc910;}
.order-details .outcome ul span.val img {display: flex;vertical-align: 0!important;}
.order-details .outcome .to-pay {width: 100%;margin-bottom: 20px;}
.order-details .outcome .summ {margin-top: 24px;padding-top: 18px;line-height: 27px;font-size: 18px;color: #24272f;background-image: linear-gradient(to right, rgb(0 0 0 / 75%) 0 10%, rgb(255 255 255 / 0%) 10%);background-position: top;background-size: 7px 1px;background-repeat: repeat-x;}
.order-details .outcome .summ span {float: right;color: black;font-size: 22px;font-weight: 600;}
.order-details .outcome .to-pay #order-button {margin: 0;width: 100%;height: auto;line-height: 65px;color: white;font-size: 14px;letter-spacing: 2px;border-radius: 7px;background-color: black;}
.order-details .outcome .to-pay #order-button:hover {color: white;opacity: 0.85;}
.order-politik {display: inline-block;margin-top: 20px;line-height: 16px;font-size: 10px;color: rgb(0 0 0 / 45%);text-align: center;}
.order-politik a {color: inherit;border-bottom: 1px solid rgb(255 255 255 / 0.08);}
.order-details .promocode {display: table;width: 100%;margin-top: 30px;}
.order-details .promocode .sub-title {margin-bottom: 12px;}
.order-details .promocode input {float: left;height: 50px;line-height: 44px;padding: 0 20px;}
.order-details .promocode input[type="text"] {width: 100%;letter-spacing: 0.4px;text-transform: uppercase;border-radius: 44px;}
.order-details .promocode input[type="text"]::placeholder {font-size: 13px;text-transform: initial;}
.order-details .promocode input[type="button"] {width: 120px;height: 36px;margin: 7px 0;line-height: 36px;margin-left: -120px;color: black;border-radius: 0;border-left: 1px solid #eee;background-color: transparent;}
.order-details .promocode input[type="button"]:hover {color: var(--mcol);}
.checkout-page footer .cnt {width: 1320px;}
body.basket-empty:after {display: none;}
body.basket-empty {background-image: url('https://buyphones.ru/template/basket.png');background-position: center;background-size: 470px;background-repeat: no-repeat;background-color: white;}
body.basket-empty .top-contacts, body.basket-empty footer {display: none;}

.footer-mini {position: relative;min-height: 150px;overflow: hidden;}
.footer-logo-text {bottom: 75px;color: rgb(0 0 0 / 1%);font-size: 146px;}

.module-page {background-color: #fafafa;}
.module-page:after {content: '\f290';position: absolute;z-index: -1;top: 200px;left: calc(50% - 200px);color: #f1f1f1;font-size: 400px;font-weight: 900;font-family: 'Line Awesome Free';}
.module-page .top-page .cnt {position: relative;}
.module-page .top-contacts {float: right;margin-top: 14px;}
.module-middle {margin-top: 40px;}
.index-page .module-middle {margin-top: 10px;}
.module-sidebar {width: 300px;float: left;}
.module-sidebar .m-block {margin-bottom: 24px;padding: 20px 14px;box-sizing: border-box;border-radius: .8rem;background-color: white;}
.module-sidebar .uMenuV > ul > li {margin-bottom: 3px;}
.module-sidebar .uMenuV > ul > li:last-child {margin-bottom: 0;}
.module-sidebar .m-block:nth-child(2) .uMenuV > ul > li:nth-child(1) {display: none;}
.module-sidebar .uMenuV > ul > li > a {display: block;padding: 10px 10px;color: black;font-size: 14.5px;font-weight: 400;border-radius: 7px;}
.module-sidebar .uMenuV > ul > li > a:hover {background-color: #f8f8f8;}
.surface-user-menu > li > a:before {content: '';display: inline-block;margin-right: 16px;font-weight: 900;font-family: 'Line Awesome Free';transform: scale(1.5);}
.surface-user-menu > li > a.menu-home-page:before {content: '\f015';}
.surface-user-menu > li > a.menu-myorders-page:before {content: '\f466';}
.surface-user-menu > li > a.menu-lk-page:before {content: '\f007';}
.surface-user-menu > li > a.menu-about-page:before {content: '\f059';}
.surface-card {display: flex;margin-bottom: 16px;align-items: center;}
.surface-card .user-avatar {width: 40px;height: 40px;background-position: center;background-size: contain;background-repeat: no-repeat;}
.surface-card-box {display: flex;flex-direction: column;margin-left: 12px;}
.surface-card-box .name {margin: 3px 0 2px 0;color: black;font-size: 16px;font-weight: 400;}
.surface-card-box .name > b {position: relative; top: -3px; display: inline-block; margin-left: 8px; padding: 1px 4px; color: white; font-size: 9px; font-weight: 400; border-radius: 4px; background-color: #66af54;}
.surface-card-box .login {color: #bababa;font-size: 13px;}
.module-content {width: 990px;float: right;}

.order-section .module-content {padding: 40px 26px;box-sizing: border-box;background-color: white;}
.order-section .title-2 {color: black;font-weight: 400;}
.order-short {display: flex;padding: 8px 30px 30px;border-bottom: 1px solid #f6f6f6;align-items: center;align-content: center;justify-content: center;}
.order-short .date {margin-bottom: 10px;font-size: 14px;color: #b2b2b2;}
.order-short .status {display: table;padding: 0 14px;line-height: 32px;font-size: 11px;font-weight: 500;color: #333;border-radius: 3px;border: 1px solid #eee;background-color: #eee;}
.order-short .status.new {color: #66af54;border-color: #66af54;background-color: #f5fff3;}
.order-short .text {margin-left: 34px;font-size: 14px;color: var(--mcol);}
.credit-button-box {display: flex;flex-direction: column;margin-left: 40px;padding: 12px 10px;border-radius: 18px;background-color: var(--bg);}
.credit-button-box select {margin-bottom: 10px;}
.order-short .total {margin-left: auto;color: #24272f;font-size: 18px;}
.order-short .total > b {margin-left: 10px;color: black;font-size: 22px;}
.order-section .module-content .name {margin-bottom: 24px;font-size: 19px;color: #24272f;}
.state li {display: table;width: 100%;margin-bottom: 17px;}
.state li:last-child {margin-bottom: 0;}
.state span {display: inline-block;float: left;font-size: 14px;color: #333;}
.state span .phone-mask, .state span .order-field-name {font-weight: 300;}
.state span .order-field-name {text-transform: capitalize;}
.state .par {width: 100%;max-width: 220px;color: #858585;margin-right: 12px;}
.state .sum {color: black;font-size: 17px;font-weight: 500;}
.order-section #order-table table {display: block;position: relative;z-index: 2;width: 100%;border-spacing: 0;}
.order-section #order-table tbody {display: block;padding: 0 30px;}
.order-section #order-table tr {display: table;width: 100%;padding: 16px 0;box-sizing: border-box;border-bottom: 1px dashed #f6f6f6;}
.order-section #order-table tr:last-child {border-bottom: 1px solid #f6f6f6;}
.order-section #order-table .order-item td {width: max-content;text-align: left;border-bottom: none;}
.order-section .order-item-price {color: #7d7d7d;font-size: 16px;font-weight: 400;letter-spacing: 0.5px;}
.order-section .order-item-img {width: 62px!important;padding: 0;}
.order-section .order-item-img > a {display: block;}
.order-section #order-table td.order-item-img img {display: table;mix-blend-mode: darken;width: 90px;max-width: 90px;border-radius: 4px;}
.order-section .order-item-name {padding-left: 30px;}
.order-section .order-item-name a {font-size: 15px;color: #24272f;}
.order-section .order-item-cnt {color: #7a7a7a;}
.order-section .order-item-cnt:after {content: ' x';}
.order-section .order-item-sum {color: #333;font-size: 17px;font-weight: 500;}
.order-section thead, .order-section #order-table tbody:nth-child(3), .order-section #order-table .order-item td.order-item-price-in {display: none;}
.order-section .num {display: flex;margin: 22px 0 60px 0;align-items: center;}
.order-section .num input {margin-right: 12px;color: #7a7a7a;background-color: #eee;}
.order-section .num input:hover {background-color: #e7e7e7;}
.order-section .num .right {margin-top: 0;margin-left: auto;color: rgb(0 0 0 / 45%);font-size: 15px;letter-spacing: 0.4px;font-family: 'Roboto', sans-serif;}
.order-section .num .right > b {color: black;}
.order-section.edit #order-table tbody:nth-child(3) {display: block;color: black;}
.edit .order-add-item input {float: left;}
.edit .order-add-item input[type="text"] {margin-right: 12px;border: 1px solid #e0e0e0;border-radius: 8px;}
.edit .order-add-item input[type="button"], .edit .order-add-item input[type="submit"] {color: #7a7a7a;background-color: #eee;}
.edit .order-add-item input[type="button"]:hover, .edit .order-add-item input[type="submit"]:hover {background-color: #e7e7e7;}
.order-section.edit #order-table tbody:nth-child(3) td:nth-last-child(2):after {content: 'x';margin: 0 6px;font-weight: 400;}
.order-item-price input, .edit .order-item-cnt input {width: 100px;text-align: center;border-radius: 8px;border: 1px solid #e0e0e0;}
.edit .order-item-cnt input {width: 60px;height: 44px;padding: 0;font-weight: 300;}
.order-section.edit .order-item-cnt:after {display: none;}

.invoices-filters {margin-top: 110px;}
.invoices-actions {display: flex;gap: 14px;justify-content: center;}
.invoices-actions > div {display: flex;padding: 18px;border-radius: .8rem;box-shadow: 0 6px 20px rgb(0 0 0 / 5%);background-color: white;align-items: center;flex: 4;}
.invoices-actions > .infoOrders {display: flex;gap: 14px;padding: 0;border-radius: 0;box-shadow: none;background-color: transparent;}
.ordersVal {display: flex;min-width: max-content;color: #383838;font-weight: 400;align-items: center;padding: 18px;border-radius: .8rem;box-shadow: 0 6px 20px rgb(0 0 0 / 5%);background-color: white;}
.ordersVal > i {margin-right: 12px;width: 48px;height: 48px;line-height: 48px;font-size: 26px;text-align: center;border-radius: 7px;}
.ordersVal > i.la-shopping-bag { color: #003460; background-color: #e5ecf2; }
.ordersVal > i.la-sync {color: #f8b21c; background-color: #ffe9ba;}
.ordersVal > b {margin-left: 8px;font-size: 16px;}
.invoices-order-search input[type="text"] {padding: 0 14px;width: 100%;margin-right: 12px;}
.invoices-order-search input[type="text"]:hover {border-color: black;}
.invoices-order-search input[type="button"], .invoices-tool-item input[type="submit"], .filter-category input[type="button"], #invoice-form-export, #invoice-form-print {padding: 0 24px;height: 48px;color: #7a7a7a;background-color: var(--bg);}
.invoices-order-search input[type="button"]:hover, .invoices-tool-item input[type="submit"]:hover, .filter-category input[type="button"]:hover {background-color: #e7e7e7;}
.invoices-tools-panel {max-width: max-content;}
.invoices-tool-item > span {display: none;}
.invoices-tool-item input[type="submit"] {margin: 0 2px;}
#invoice-form-send-el-goods {display: none!important;}
.invoices-filters-list {display: flex;gap: 16px;padding: 24px 20px;border-radius: .8rem;box-shadow: 0 6px 20px rgb(0 0 0 / 5%);background-color: white;justify-content: center;}
.invoices-filter-label, .filter-category > span {display: block;margin-bottom: 12px;color: #505050;font-size: 14.5px;font-weight: 400;}
.invoices-filters-list select {border-radius: 7px;}
.invoices-filters-list select:hover {border-color: black;}
.user-search-container {position:relative;display:inline-block;}
#user-search-input {font-size: 13px;}
#user-search-input::placeholder {color: #464646;}
.users-dropdown {position:absolute;top:100%;left:0;right:0;background:white;max-height:300px;overflow-y:auto;z-index:1000;box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
.users-dropdown-list {max-height: 500px;overflow-y:auto;}
.user-dropdown-item {padding: 12px 14px;color: black;font-size: 13px;font-weight: 400;cursor:pointer;border-bottom:1px solid #f0f0f0;white-space:nowrap;letter-spacing: 0.4px;overflow:hidden;text-overflow:ellipsis;}
.user-dropdown-item:hover {background-color:#f5f5f5;}
.no-results {padding: 18px 10px;color:#999;text-align:center;}
.users-dropdown::-webkit-scrollbar {width:8px;}
.users-dropdown::-webkit-scrollbar-track {background:#f1f1f1;}
.users-dropdown::-webkit-scrollbar-thumb {background:#888;border-radius:4px;}
.users-dropdown::-webkit-scrollbar-thumb:hover {background:#555;}
.invoices-filters-categories {display: flex;gap: 20px;margin: 20px 0 40px 0;}
.filter-category {min-width: max-content;padding: 24px 20px;border-radius: .8rem;box-shadow: 0 6px 20px rgb(0 0 0 / 5%);background-color: white;flex: 3;}
.filter-category input {float: left;}
.filter-category input:nth-child(3) {margin: 0 8px;}
.filter-category select {display: none;}
.ui-datepicker {z-index: 3!important;}
.invoices-admin #invoice-form {padding: 12px 24px;box-sizing: border-box;color: #505050;border-radius: 7px;background-color: var(--bg);}
#invoice-form-export, #invoice-form-print {background-color: #e9e9e9;}
#invoice-form-export:hover, #invoice-form-print:hover {background-color: #e0e0e0;}
.invoices-admin #invoice-form + hr {margin: 16px 0;}
.invoices-admin #invoice-table {width: 100%;border-collapse: collapse;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;font-size: 14px;color: #333;background: #fff;}
.invoices-admin #invoice-table .gTableSubTop {padding: 18px 12px;text-align: left;font-weight: 400;color: #505050;border-bottom: 2px solid #eaeaea;background: var(--bg);cursor: pointer;transition: background 0.2s;white-space: nowrap;}
.invoices-admin #invoice-table .gTableSubTop:hover {background: #f0f0f0;}
.invoices-admin #invoice-table tr {position: relative;transition: background 0.2s;}
.invoices-admin #invoice-table td {padding: 16px 12px;vertical-align: middle;}
.invoices-admin .selAll, .sel {width: 18px;height: 18px;cursor: pointer;accent-color: black;}
.invoices-admin .inv-id a {color: #676767;font-weight: 400;font-size: 15px;}
.invoices-admin .inv-id a:hover {color: var(--scol);}
.invoices-admin .inv-id-actions > a:after {content: '';position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;}
.invoices-admin .inv-id-actions > a:hover:after{background-color: rgb(0 0 0 / 2%);}
.invoices-admin .inv-id-actions small a {color: #888;font-size: 12px;text-decoration: none;}
.invoices-admin .inv-id-actions small a:hover {color: #555;text-decoration: underline;}
.invoices-admin .col_status a {display: inline-block;position: relative;z-index: 2;padding: 6px 12px;border-radius: 4px;background: #f5f5f5;color: #555;text-decoration: none;font-size: 12px;font-weight: 400;transition: all 0.2s;border: 1px solid #e0e0e0;}
.invoices-admin .col_status a:hover {background: #eaeaea;transform: translateY(-1px);box-shadow: 0 2px 4px rgba(0,0,0,0.05);}
.invoices-admin .inv_status_0 .col_status a {background: #f5fff3;color: #66af54;border-color: #66af54;}
.invoices-admin .inv_status_3 .col_status a {background: #fff3e0;color: #ef6c00;border-color: #ffe0b2;}
.invoices-admin .inv_status_9 .col_status a {background: #ffe0e0;color: #ff7373;border-color: #ffb2b2;}
.invoices-admin .col_status select {position: relative;z-index: 2;}
.invoices-admin .col_add_time {color: #666;white-space: nowrap;}
.invoices-admin .col_add_time small {display: block;font-size: 12px;color: #999;margin-top: 4px;}
.invoices-admin .col_user a.user {color: #333;text-decoration: none;font-weight: 500;}
.invoices-admin .col_user a.user:hover {color: var(--scol);}
.invoices-admin .col_amount b {font-size: 16px;color: #222;display: block;}
.invoices-admin .col_payment_id {position: relative;z-index: 2;}
.invoices-admin .col_payment_id small a {color: #666;text-decoration: none;}
.invoices-admin .col_payment_id small a:hover {color: var(--scol);text-decoration: underline;}
.invoices-admin .col_payment_id small {font-size: 14px;}
.invoices-admin .order__button-pay {color: #7a7a7a;border: none;padding: 6px 14px;border-radius: 4px;font-size: 12px;font-weight: 400;background: var(--bg);cursor: pointer;transition: background 0.2s;}
.invoices-admin .order__button-pay:hover {background: #0da271;}
.invoices-admin #ipaymsel-2 table {width: auto;border-collapse: collapse;}
.invoices-admin #ipaymsel-2 td {padding: 0;border: none;vertical-align: middle;}
.invoices-admin #ipaymsel-2 td:first-child {padding-right: 12px;}
.invoices-admin .inv-profit {display: none!important;}
@media (max-width: 768px) {#invoice-table {font-size: 13px;}#invoice-table td, #invoice-table .gTableSubTop {padding: 12px 8px;}.col_status a {padding: 4px 8px;font-size: 12px;}.inv-id a {font-size: 14px;}}

.order-section .module-content.my-orders-table {padding: 0;}
.my-orders-table .gTable {width: 100%;border-collapse: collapse;}
.my-orders-table .gTable .gTableSubTop {padding: 17px 20px;font-size: 14px;color: rgb(0 0 0 / 35%);white-space: nowrap;background: var(--bg);cursor: pointer;}
.my-orders-table .gTable td {padding: 24px 20px;border-bottom: 1px solid #f0f0f0;vertical-align: middle;color: #2c2c2c;}
.my-orders-table .gTable tr:last-child td { border-bottom: none; }
.my-orders-table .gTable tbody tr:hover { background: #fcfcfc; }
.my-orders-table .col_inv_id .inv-id { display: flex; flex-direction: column; gap: 4px; }
.my-orders-table .col_inv_id .inv-id-actions { display: flex; align-items: center; gap: 10px; }
.my-orders-table .col_inv_id .inv-id-actions a {color: #222;text-decoration: none;font-weight: 600;font-size: 15px;border-bottom: 1px solid transparent;transition: border 0.2s;}
.my-orders-table .col_inv_id .inv-id-actions a:hover {color: var(--scol);}
.my-orders-table .col_inv_id .inv-id-actions small { font-size: 11px; color: #9a9a9a; }
.my-orders-table .col_inv_id .inv-id-actions small a {display: none;}
.my-orders-table .col_status { font-weight: 500; color: #4a4a4a; }
.my-orders-table .col_amount b { font-weight: 600; color: #1a1a1a; font-size: 15px; }
.my-orders-table .col_add_time { color: #6f6f6f; font-size: 13px; }
.my-orders-table .col_add_time small { display: block; font-size: 11px; color: #9f9f9f; margin-top: 2px; }
.my-orders-table .col_payment_id { color: #4a4a4a; }
.my-orders-table .col_payment_id table { width: 100%; border-collapse: collapse; }
.my-orders-table .col_payment_id table td { padding: 0; border: none; background: transparent; }
.my-orders-table .col_payment_id small a { color: #6a6a6a; text-decoration: none; font-size: 13px; border-bottom: 1px dashed #c4c4c4; transition: all 0.2s; }
.my-orders-table .col_payment_id small a:hover { color: #2a2a2a; border-bottom-color: #6a6a6a; }
.my-orders-table .order__button-pay { background: transparent; border: 1px solid #c9c9c9; padding: 8px 18px; font-size: 12px; font-weight: 500; color: #4a4a4a; border-radius: 4px; cursor: pointer; transition: all 0.2s; white-space: nowrap; }
.my-orders-table .order__button-pay:hover { background: #f2f2f2; border-color: #8f8f8f; color: #2a2a2a; }
.my-orders-table .order__button-pay:active { background: #e5e5e5; border-color: #6f6f6f; color: #1a1a1a; }
.my-orders-table .forumIcoTd { width: 1%; white-space: nowrap; }
.my-orders-table .nowrap { white-space: nowrap; }

.lk-page {background-color: #f5f5f7;}
.lk-page:after {content: '\f007';top: 135px;left: calc(50% - 180px);font-size: 360px;color: var(--bg);}
.user-personal-list {display: flex;gap: 12px;margin-bottom: 44px;}
.personal-data {position: relative;height: 56px;padding: 24px 18px 0 12px;box-sizing: border-box;color: #39393c;font-size: 15px;border-radius: 8px;border: 1px solid #e0e0e0;}
.personal-data span {display: block;position: absolute;top: 5px;color: #828282;font-size: 12px;font-weight: 200;}
.lk-bottom-buttons > a {display: inline-block;margin-right: 6px;padding: 12px 18px;color: #919191;font-size: 13px;font-weight: 400;border-radius: 3px;background-color: #f8f8f8;}
.lk-bottom-buttons > a > i {margin-left: 6px;transform: scale(1.4);}
.lk-bottom-buttons > a:hover {color: gray;background-color: var(--bg);}
.user-data-reg {display: block;margin-bottom: 20px;color: #bababa;font-size: 13px;font-weight: 200;}

/* edit item page */
.checkout-page.item-edit:after {display: none;}
#form-item-edit {position: relative;margin-top: 70px;}
.edit-left-block {width: 770px;}
.edit-left-block .form-section {margin-bottom: 20px;padding: 24px 24px;box-sizing: border-box;border-radius: 12px;background-color: white;}
.form-label {margin-bottom: 12px;color: black;font-size: 15px;}

.edit-left-block input {font-size: 16px;height: 54px;}
.edit-left-block #goods-options-list td[align="right"] input {width: 120px;}
#cat-add {height: 400px;margin-top: 18px;padding: 8px 14px;background-image: none;}
#cat-add option {padding: 7px 0;font-size: 14px;}

#shop-categories label {display: flex;align-items: center;float: right;gap: 12px;font-size: 15px;}

.edit-right-block {position: absolute;z-index: 10;top: 0;right: 0;width: 310px;height: 100%;}
.edit-box-sticky {position: sticky;top: 20px;padding: 16px;box-sizing: border-box;box-shadow: 0 4px 10px rgb(0 0 0 / 4%);background-color: white;border-radius: .8rem;}

.form-actions {display: flex;gap: 6px;margin-bottom: 20px;flex-direction: column;}
.form-actions > input {min-width: 100%;line-height: 54px;font-size: 13px;letter-spacing: 1.2px;}
.form-actions > input:last-child {line-height: 34px;color: #8d8d8d;font-size: 10px;font-weight: 300;border-radius: 2px;background-color: #eee;}
.edit-right-block .form-section {margin-bottom: 18px;}
.edit-right-block .form-section:last-child {margin-bottom: 0;}

.page-stock-edit:after {display: none;}
.page-stock-edit #setAdd .gTableSubTop {color: black;font-size: 26px;font-weight: 400;padding-top: 38px;padding-bottom: 32px;}
.page-stock-edit input {margin-right: 6px;color: #333;background-color: #eee;}
.page-stock-edit #setAdd {margin-bottom: 18px;}
.page-stock-edit .set-add-actions, .stock-sets-table-actions {margin: 18px 0;}
.page-stock-edit .forumIcoTd {padding-right: 20px;}
.page-stock-edit .optTitle {margin-bottom: 6px;color: black;}
.page-stock-edit .scrollable-table-container {overflow-x: auto; margin: 20px 0; border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); background: white; border: 1px solid #eef2f6;}
.page-stock-edit #header td {background: var(--bg);color: #1a2634;font-weight: 600;padding: 16px 12px;border-bottom: 2px solid #e2e8f0;letter-spacing: 0.3px;font-size: 14px;text-transform: uppercase;white-space: nowrap;}
.page-stock-edit .stock-sets-table td {padding: 14px 12px; border-bottom: 1px solid #edf2f7; color: #2d3a4b; vertical-align: middle;}
.page-stock-edit .stock-sets-table input[type="text"] {width: 90%; padding: 8px 10px; border: 1px solid #dce3ec; border-radius: 8px; font-size: 14px; transition: all 0.2s; background: white; box-shadow: inset 0 1px 3px rgba(0,0,0,0.03);}
.page-stock-edit .stock-sets-table input[type="text"]:focus {border-color: black;}
.page-stock-edit .stock-sets-table input[type="checkbox"] {width: 18px; height: 18px; cursor: pointer; accent-color: #3b82f6; margin: 0; transform: scale(1.1);}
.page-stock-edit .setItem-remove-btn {display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 8px;background: #f7f7f7;transition: all 0.2s;}
.page-stock-edit .setItem-remove-btn:hover {background: #fecaca; transform: scale(1.05);}
.page-stock-edit .setItem-remove-btn img {width: 12px;height: 12px;opacity: 0.8;transition: opacity 0.2s;}
.page-stock-edit .setItem-remove-btn:hover img {opacity: 1;}
.page-stock-edit .stock-sets-table input[type="text"][style*="display:none"] {display: none !important;}
.page-stock-edit .stock-sets-table td:last-child {text-align: center;}
.page-stock-edit .stock-sets-table td:first-child {text-align: center;}
.page-stock-edit .stock-sets-table td[width="10%"] {min-width: 100px;}
.page-stock-edit .stock-sets-table td[width="1%"] {width: 40px; min-width: 40px;}
.page-stock-edit .scrollable-table-container {margin: 40px 0 20px 0;}
.page-stock-edit input.stock-save-btn {margin-top: 8px;line-height: 54px;padding: 0 26px;color: white;background-color: black;}

#image-list #gimage-add.wait {background-image: none!important;}
#image-list #gimage-add.wait p {display: block!important;}

.articul-copy-popup {position: fixed;z-index: 999;bottom: 32px;right: 100px;padding: 12px 16px;color: white;border-radius: .8rem;box-shadow: 0 6px 18px rgb(0 0 0 / 10%);background-color: #4CAF50;animation: popupArtCopy 0.3s ease forwards;}
.articul-copy-popup i {width: 22px;height: 22px;line-height: 22px;margin-right: 6px;font-size: 12px;text-align: center;border-radius: 50%;background-color: var(--bcol);}

.page-content-wrapper h1 {font-size: 38px;}
.page-content-wrapper h3 {margin-bottom: 14px;font-size: 24px;}
.page-content-wrapper h3 + .contacts-number {margin-top: 30px;}

.contacts-number {display: flex;align-items: center;}
.contacts-number a {color: #222;font-size: 23px;font-weight: 500;}
.contacts-number i {margin-right: 20px;width: 60px;height: 60px;line-height: 60px;color: var(--scol);font-size: 36px;text-align: center;border-radius: 50%;background-color: var(--bg);}
.contacts-number-content {padding-top: 4px;}
.contacts-number-content h4 {margin-bottom: 0;}

.page-content-wrapper .mb-2 {margin: 60px 0 0;}
.page-content-wrapper .mb-2 p {margin: 8px 0;}
.page-content-wrapper .mb-2 p:last-child {margin-bottom: 0;}

.social-link-group {display: flex;gap: 20px;}
.social-link-card {display: flex;position: relative;margin-top: 18px;flex-direction: column;padding: 16px 18px;box-sizing: border-box;border-radius: 14px;background-color: var(--bg);}
.social-link-card h4 {margin-bottom: 12px;}
.social-link-card a {color: #707a8a;font-size: 16px;}
.social-link-card a:hover {color: var(--scol);}
.social-link-card a:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* KEYFRAMES */
@keyframes draw-line {to {transform: scaleX(1);}}
@keyframes scoreIn {to {opacity: 1;filter: blur(0);transform: translateY(0);}}
@keyframes star-drop {0% {transform: scale(2.2);opacity: 0;}65% {transform: scale(0.9);opacity: 1;}85% {transform: scale(1.06);}100% {transform: scale(1);opacity: 1;}}
@keyframes ratingFadeIn {to {opacity: 1;transform: translateY(0);}}
@keyframes iconPopIn {to {opacity: 1;transform: scale(1);}}
@keyframes fadeOut {0% {opacity: 1;} 100% {opacity: 0; visibility: hidden;}}
@keyframes beautifulSpin {0% {transform: scale(1.2) rotate(0deg);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}50% {transform: scale(1.2) rotate(180deg);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}100% {transform: scale(1.2) rotate(360deg);}}
@keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}}
@keyframes appleReveal {from {opacity: 0;transform: translateX(-40px);} to {opacity: 1;transform: translateX(0);}}
@keyframes slideIn {from {opacity: 0;transform: translateX(-30px);} to {opacity: 1;transform: translateX(0);}}
@keyframes slideUp {from {right: -500px;} to {right: 20px;}}
@keyframes softLight {0%, 100% {background-position: -200% 0;} 50% {background-position: 200% 0;}}
@keyframes basket-shadow-pulse {33% {background: currentColor;box-shadow: -24px 0 white, 24px 0 currentColor;}66% {background: white;box-shadow: -24px 0 currentColor, 24px 0 currentColor;}100% {background: currentColor;box-shadow: -24px 0 currentColor, 24px 0 white;}}
@keyframes popupAppear {0% {top: -50px;}100% {top: 0;}}
@keyframes popupArtCopy {from {opacity: 0;transform: translateX(40px);} to {opacity: 1;transform: translateX(0);}}

.grecaptcha-badge {display: none!important;}
.fancybox__container {backdrop-filter: blur(4px);--fancybox-bg: rgb(0 0 0 / 90%) !important;}

#mobile-nav-bar {display: none;position: fixed;z-index: 10;bottom: 8px;left: 0;width: 100%;}
#mobile-nav-bar .bottom-nav {display: flex;justify-content: center;align-items: center;}
#mobile-nav-bar .main-nav-bar, #mobile-nav-bar .sub-nav-bar {display: flex;width: max-content;padding: 4px;box-sizing: border-box;border-radius: 52px;background-color: rgb(255 255 255 / 50%);backdrop-filter: blur(6px);gap: 8px;justify-content: center;align-items: center;}
#mobile-nav-bar .bottom-nav a {display: flex;width: 48px;padding: 12px 10px;box-sizing: border-box;align-items: center;justify-content: center;border-radius: 52px;}
#mobile-nav-bar .bottom-nav a.active {color: white;background-color: var(--bcol);}
#mobile-nav-bar .icon {font-size: 24px;}
#mobile-nav-bar .label {display: none;font-size: 11px;font-weight: 400;}
#mobile-nav-bar .active .label {/* display: block; */margin: 0 10px;}
#mobile-nav-bar i {position: relative;}
#mobile-nav-bar i > span {display: inline-block;position: absolute;bottom: -1px;right: -2px;width: 12px;height: 12px;line-height: 12px;color: white;font-size: 6px;font-weight: 500;text-align: center;font-family: 'Inter', sans-serif;border-radius: 4px;background-color: var(--scol);}

/* media */
@media screen and (max-width: 1340px) {
 .cnt {max-width: 94%;}
 .user-panel {right: 3%;}
 header > .cnt {flex-direction: column;}
 .head {width: 100%;}
 .top {justify-content: center;}
 #logotype, footer #logotype {float: none;margin-right: 0;}
 .top-contacts {margin-left: 4%;}
 ul.catalog > li.catalog-page-button > a > span {display: none;}
 .items-carousel > div {height: auto;gap: 28px;}
 .list-item {flex: 0 0 calc(33.3333% - 28px);padding: 16px 18px;}

 .footer-contacts {justify-content: center;}
 .f-left {margin: 16px 0;text-align: center;}
 .f-right {position: static;margin-top: 24px;}
}

@media screen and (max-width: 1170px) {
 .items-carousel > div {min-width: 100%;}
 .list-item {flex: 0 0 calc((100% - 73px) / 3);}
}

@media screen and (max-width: 1100px) {
 .banner-2 {padding: 40px 24px;}
 .banner-2.one-banner {background-size: 500px;background-position: 140px -45px;}
 .banner-2.two-banner {background-size: 300px;background-position: -40px bottom;}
 .banner-2.two-banner .banner-content {padding-left: 200px;}
 .faq-list {flex-wrap: wrap;gap: 18px;}
 .faq-list li {flex: 0 0 calc(50% - 18px);padding: 24px 16px 24px 16px;}
 .faq-list li.active {max-width: max-content;}
 .banner-2.two-banner .banner-content {padding-left: 100px;}
 .lastv-goods .list-item .buttons {display: none;}
}

@media screen and (max-width: 1060px) {
 .top-contacts {margin-left: 3%;}
 .top .nav > div > ul > li {margin-right: 24px;}
 ul.catalog > li > a {padding: 0 13px;}
}

@media screen and (max-width: 1024px) {
 .subscribe .subscribe-box {float: none;width: 100%;margin-bottom: 20px;}
 .subscribe .services {float: none;width: 100%;}
 .contacts-block {margin-right: 28px;padding-left: 44px;}
}

@media screen and (max-width: 1023px) {
 .banner-2 {width: 600px;float: none;margin: auto!important;}
 .banner-2.one-banner{background-size: 500px;background-position: 180px -45px;}
 .banner-2.two-banner {margin-top: 30px!important;background-size: 300px;}
 .banner-2.two-banner .banner-content {padding-left: 200px;}
}

@media screen and (max-width: 1000px) {
 .top .left, .top .right {float: none;width: 100%;box-sizing: border-box;}
 .top {display: block;}
 .top-contacts {margin-left: 0;height: auto;}
 .contacts .columns {display: flex;flex-direction: row-reverse;align-items: center;}
 .top .nav > div > ul > li > a {padding: 6px;}
 .top .nav > div > ul > li > a.hot:before {top: 8px;}
 .main-nav {margin-top: 14px;}
 ul.catalog > li > a {padding: 0 18px;}
 .top-contacts .contacts {display: flex;align-items: center;gap: 34px;}
 .contacts .columns > a, .social {margin: 0;}
 .contacts .columns > a {margin-right: 34px;}
}