:root {--mcol: #fe5119;--scol: #004a84;--bgcol: #232526;}
::selection {color: white;background: var(--scol);}
::-webkit-scrollbar-track {background-color: #f5f5f5;}
::-webkit-scrollbar-thumb {background-color: #d4d4d4;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: #333;font-family: 'Onest', sans-serif;background-color: white;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: 'Onest', 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: 'Onest', 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: 'Onest', 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: 56px;padding: 0 16px;color: white;font-size: 12px;font-weight: 500;font-family: 'Onest', sans-serif;text-transform: uppercase;border: none;border-radius: 8px;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: 1300px;margin: 0 auto;}
.cnt::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-color: #004a840f;}
.topline .cnt {display: flex;position: relative;padding: 12px 0 6px 0;align-items: center;}
.office-selection {display: flex;position: absolute;width: 274px;left: calc(50% - 137px);justify-content: center;flex-wrap: nowrap;flex-direction: row;}
.office-selection_box {display: flex;flex-wrap: nowrap;gap: 10px;padding: 10px 18px;border-radius: 40px;color: rgba(245,245,247,.5);letter-spacing: 0;cursor: pointer;align-items: center;transition: all 0.3s ease;}
.office-selection_box > i {margin-left: -2px;color: black;font-size: 9px;transition: all 0.3s ease;}
.office-selection_box:hover > i {transform: rotate(-180deg);}
.office-selection_box .icon i {position: relative;top: -2px;margin-right: 6px;color: #ff5e2c;transform: scale(1.5);}
.office-address {position: relative;top: -1px;color: rgb(0 0 0 / 80%);font-size: 16px;font-weight: 500;}
.office-name {color: #9ba4af;font-size: 13px;}

.office-selection_modal {position: fixed;top: 0;z-index: 1001;width: max-content;padding: 28px 20px;border-radius: 24px;box-shadow: 0 6px 18px rgb(0 0 0 / 10%);background-color: white;opacity: 0;visibility: hidden;transition: all 0.3s ease;}
.office-selection_modal.active {top: 14px;opacity: 1;visibility: visible;}
.office-selection_modal span {display: block;margin-bottom: 16px;font-size: 15px;font-weight: 500;}
.office-selection_modal button {padding: 0 24px;color: black;font-weight: 500;letter-spacing: 0.2px;border-radius: 48px;border: 1px solid #1b1b1b4d;background-color: transparent;}
.office-selection_modal button:hover {border-color: var(--mcol);}
.office-selection_modal button.active {color: white;border-color: var(--mcol);background-color: var(--mcol);}
.office-selection_modal > i {position: absolute;top: 5px;right: 6px;padding: 8px;font-size: 15px;transition: all 0.3s ease;cursor: pointer;}
.office-selection_modal > i:hover {color: var(--mcol);}

.top-left {position: relative;z-index: 10;}
.top-right {display: flex;position: relative;z-index: 10;margin-left: auto;align-items: center;gap: 32px;}

.top-social-links {display: flex;gap: 8px;}
.top-social-links a {display: flex;width: 30px;height: 30px;color: white;font-size: 21px;text-align: center;border-radius: 50%;align-items: center;justify-content: center;overflow: hidden;opacity: 0.85;}
.top-social-links a:hover {opacity: 1;}
.top-social-links .max-icon {display: inline-block;width: 30px;height: 30px;background-image: url('/template/img/max-icon.jpg');background-position: center;background-size: 30px;}
.top-social-links .vk-link {position: relative;background-color: #147bff;}
.top-social-links .vk-link:after {content: '';position: absolute;width: 70%;height: 70%;border: 5px solid #147bff;}
footer .top-social-links .vk-link:after {width: 60%;height: 62%;}
.top-social-links .vk-link i {position: relative;top: 0px;transform: scale(2.12);}
.top-social-links .telegram-link {line-height: 28px;background-color: #30a9e7;}
.top-social-links .whatsapp-link {background-color: #28d366;}
.top-social-links .whatsapp-link i {transform: scale(1.1);}

.head-links {margin-left: -8px;}
.head-links ul {display: flex;}
.head-links li > a {display: inline-block;float: left;margin-right: 8px;padding: 10px;color: rgb(0 0 0 / 55%);font-size: 14px;}
.head-links li > a:hover {color: #232526;}
.head-links li > a.hot {position: relative;padding-left: 38px;font-weight: 600;color: #232526;}
.head-links li > a.hot:before {content: '';display: inline-block;position: absolute;top: 7px;left: 8px;width: 22px;height: 22px;border-radius: 50%;background-image: url('https://buyphones.ru/template/hot.svg');background-size: 13px;background-repeat: no-repeat;background-position: center;background-color: #232526;}

.top-phone {display: flex;position: relative;align-items: center;gap: 6px;}
.top-phone .work-hourse {margin-bottom: 4px;font-size: 13px;}
.top-phone .work-hourse > b {color: rgba(153, 163, 174, 1);font-weight: 400;font-size: 12px;}
.top-phone .work-hourse > span {margin-right: 6px;font-weight: 500;font-size: 11px;letter-spacing: 0.3px;text-transform: uppercase;}
.top-phone .work-hourse.open > span {color: #18ad09;}
.top-phone .work-hourse.close > span {color: var(--mcol);}
.top-phone a {float: right;color: #232526;font-size: 21px;font-weight: 600;}

.top-phone_modal {position: absolute;opacity: 0;visibility: hidden;}

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

#sitelogo {display: inline-block;float: left;padding: 18px 16px 18px 0;}
#sitelogo a {display: flex;position: relative;top: -5px;height: 74px;padding-left: 84px;background-image: url('/template/img/logo.png');background-size: 69px;background-repeat: no-repeat;align-items: center;}
#sitelogo a > span {position: relative;top: 5px;line-height: 28px;color: #004a84;font-size: 27px;font-weight: 500;letter-spacing: normal;text-transform: uppercase;letter-spacing: -0.4px;text-align: center;=: linear-gradient(
 282deg, #000000 0%, #004a84 100%), linear-gradient(#0000000d, #0000000d);font-family: 'Unbounded', sans-serif;}

.btn-catalog {display: inline-flex;align-items: center;gap: 0.5rem;height: 56px;padding: 0 1.4rem;box-sizing: border-box;color: #fff;font-weight: 500;font-size: 15px;border-radius: 12px;background: var(--mcol);cursor: pointer;}
.btn-catalog:hover {color: white;}
header .btn-catalog {margin-left: 24px;}

.header-search {position: relative;width: 484px;height: 56px;margin-left: 18px;}
input[type="text"].header-search__input {min-width: 0;width: 100%;height: 56px;padding: 0.65rem 1.2rem;color: black;font-size: 17px;font-weight: 400;letter-spacing: 0.2px;font-family: 'Onest', sans-serif;border: none;background: white;}
input[type="text"].header-search__input::placeholder {color: #747474;font-size: 0.9rem;letter-spacing: 0.2px;}
input[type="text"].header-search__input:hover, input[type="text"].header-search__input:focus {box-shadow: 0 3px 12px rgb(0 0 0 / 9%);background-color: white;}
.header-search__btn {position: absolute;right: 0;padding: 0.5rem 1.2rem;box-sizing: border-box;color: #747474;cursor: pointer;background-color: transparent;}
.header-search__btn:hover {color: var(--mcol);background-color: transparent;}

.user-panel {display: flex;margin-left: auto;gap: 38px;}

.user-panel-btn > div > a {display: flex;min-width: 78px;height: 68px;align-items: center;flex-direction: column;justify-content: center;}
.user-panel-btn > div > a > i {position: relative;color: black;font-size: 40px;}
.head-services > div > a > i {transform: scale(0.9);}
.user-panel-btn > div > a > b {color: rgb(0 0 0 / 60%);font-size: 12px;}
.user-panel-btn > div > a:hover > b {color: black;}

.head-user > div > a > i {top: 2px;}

.head-basket_link {position: relative;}
.head-basket > div > a {min-width: 72px;border-radius: 18px;background-color: rgb(255 94 44 / 6%);}
.head-basket > div > a > span {display: inline-block;position: absolute;z-index: 2;top: 4px;right: 8px;width: 18px;height: 18px;line-height: 19px;text-align: center;color: #ffffff;font-size: 9px;font-weight: 400;font-family: 'Onest', sans-serif;border-radius: 50%;background-color: var(--mcol);}
.head-basket > div > a > b {font-size: 12px;}
.head-basket > div > a > i {color: #ff5e2c;}

.cart-drawer__panel {position: fixed;z-index: 9999;top: 0;right: -440px;width: 100%;max-width: 440px;height: 100%;background: white;display: flex;flex-direction: column;transform: translateX(0);box-shadow: -8px 0 32px rgba(0, 0, 0, 0.12);transition: all 0.3s ease;}
.cart-drawer__panel.active {right: 0;}
.cart-drawer__header {display: flex;align-items: center;justify-content: space-between;padding: 20px 26px;border-bottom: 1px solid #eee;}
.cart-drawer__title {font-family: 'Unbounded', sans-serif;font-weight: 600;font-size: 1.25rem;}
.cart-drawer__header i {display: flex;height: 40px;align-items: center;justify-content: center;font-size: 1.5rem;color: #d2d2d2;cursor: pointer;transition: all 0.3s ease;}
.cart-drawer__header i:hover {color: var(--color-text); background: var(--color-surface);}
.cart-drawer__list {flex: 1; overflow-y: auto; padding: 1rem 1.5rem; list-style: none;}
.cart-drawer__list > li {display: flex;position: relative;align-items: center;justify-content: center;}
.basket-item-icon {min-width: 100px;height: 110px;margin-right: 16px;}
.basket-item-icon a {display: flex;position: relative;width: 100%;height: 100%;justify-content: center;align-items: center;border-radius: 16px;border: 1px solid #eee;}
.basket-item-icon img {position: absolute;max-width: min-content;height: 100%;object-fit: contain;}
.basket-item-name a {display: inline-block;margin-bottom: 10px;color: rgb(0 0 0 / 45%);font-weight: 400;}
.basket-item-name .cost {font-size: 15px;font-weight: 500;}
.cart-drawer__footer {padding: 1.5rem;border-top: 1px solid #eee;}
.cart-drawer__total {display: flex;justify-content: space-between;align-items: center;margin-bottom: 1.5rem;font-size: 18px;font-weight: 500;}
.cart-btn {display: inline-block;width: 100%;line-height: 62px;color: white;font-size: 17px;font-weight: 500;text-align: center;letter-spacing: 0.4px;border-radius: 12px;background-color: var(--mcol);}
.cart-btn:hover {color: white;box-shadow: 0 4px 18px #ff5e2c6e;}
.cart-drawer__sum {font-size: 24px;color: #333;font-weight: 500;}
.cart-drawer__checkout {width: 100%; margin-bottom: 0.75rem;}
.cart-drawer__hint {font-size: 0.8rem;color: rgba(153, 163, 174, 1);text-align: center;}
.cart-drawer__empty {padding: 2rem; text-align: center; color: var(--color-text-muted);}
.basket-item-func {position: absolute;top: 0;right: 0;}
.basket-item-func i {padding: 5px;color: #979797;font-size: 15px;border-radius: 6px;background-color: #eee;transition: all 0.3s ease;cursor: pointer;}
.basket-item-func i:hover {color: var(--mcol);}

.main-categs {position: relative;z-index: 9;top: 0;left: 0;width: 100%;box-shadow: 0 2px 4px #0000000d;background-color: white;}
.main-categs > .cnt {position: relative;}
.main-categs li {display: inline-block;float: left;margin-right: 12px;}
.main-categs li:nth-child(1) {margin-left: -10px;}
.main-categs li:nth-last-child(2) {margin-right: 0;}
.main-categs li > a {display: flex;height: 70px;padding: 0 10px;color: #000000;font-size: 0.94rem;font-weight: 400;align-items: center;letter-spacing: -0.12px;font-family: 'Unbounded', sans-serif;}
.main-categs li > a:hover {color: var(--mcol);}
.main-categs li > a.windows-btn {position: absolute;right: 10px;color: var(--scol);padding-left: 44px;padding-right: 0;font-size: 15px;font-weight: 500;letter-spacing: 0;font-family: 'Onest', sans-serif;}
.main-categs li > a.windows-btn:before {content: '';position: absolute;left: 0;width: 34px;height: 30px;border-radius: 4px;background-image: url('/template/img/window.svg');background-size: contain;background-position: center;background-repeat: no-repeat;background-size: 44px;}
.main-categs li > a.windows-btn:after {content: '';position: absolute;width: 112%;height: 42px;left: -6%;border-radius: 8px;background-color: rgb(0 103 210 / 6%);}

.titile-section h1, .titile-section h2 {display: inline-block;margin-bottom: 26px;font-size: 26px;font-weight: 300;font-family: 'Unbounded', sans-serif;letter-spacing: 0;}
.titile-section h1 {margin-bottom: 0;font-size: 24px;line-height: 38px;}
.catalog-value {display: inline-block;float: right;color: rgba(153, 163, 174, 1);}

/* promo section */
.promo-section {padding: 40px 0;}
.promo-box {float: left;width: 370px;height: 557px;box-sizing: border-box;border-radius: 32px;background-color: white;}
.promo-box .list-item {height: 100%;padding: 20px;border-radius: 32px;}
.promo-box .item_name a {line-height: 21px;font-size: 13px;}
.promo-box .item_img > a {height: 300px;}
.promo-box .item_box {margin-bottom: 16px;}
.promo-box .item_price > .price {font-size: 24px;}
.promo-box .basket-btn {margin-left: 18px;}
.utp-group {display: flex;float: right;width: calc(100% - 390px);margin-left: 20px;gap: 20px;flex-wrap: wrap;}
.utp-item {position: relative;border-radius: 10px;overflow: hidden;}
.utp-item_img {position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.utp-item_content {display: flex;position: relative;z-index: 2;padding: 28px 24px;box-sizing: border-box;flex-direction: column;gap: 10px;}
.utp-item_content h3 {margin-bottom: 0;font-size: 1.4rem;font-weight: 600;line-height: 28px;}
.utp-item_text p {margin: 0;font-size: 1rem;font-weight: 500;line-height: 17px;}

.utp-slider {width: 600px;height: 370px;}
.utp-slider .utp-item_text p {font-size: 14px;}

.utp-banner {width: 290px;height: 370px;}
.utp-banner .utp-item_content {align-items: center;text-align: center;}
.utp-banner .utp-item_content h3 {font-size: 1.55rem;color: white;}
.utp-banner .utp-item_text p {color: white;}

.utp-banners-three {display: flex;width: 100%;max-width: 910px;gap: 20px;}
.utp-banners-three .utp-item {display: flex;flex: 1;height: 167px;background-color: #f2f4f8;align-items: center;}
.utp-banners-three .utp-item_content {height: 100%;gap: 16px;padding-right: 118px;justify-content: center;}
.utp-banners-three .utp-item_content h3 {font-size: 1.23rem;line-height: 24px;}
.utp-banners-three .utp-item_text p {font-size: 13px;}

.utp-banners-three .utp-item:hover .utp-banners_icon {transform: scale(1.04);}
.utp-banners_icon {position: absolute;width: 140px;height: 140px;right: 0;background-repeat: no-repeat;background-position: center;background-size: cover;transition: all 0.3s ease;}
.utp-banners_icon.icon-1 {background-image: url('/template/img/icon-1.png');}
.utp-banners_icon.icon-2 {background-image: url('/template/img/icon-2.avif');}
.utp-banners_icon.icon-3 {background-image: url('/template/img/icon-3.avif');}

.map-about {margin-bottom: 40px;}
.map-about .cnt {display: flex;border-radius: 32px;border: 1px solid #eee;background-color: white;overflow: hidden;}
.map-about_content {width: 43%;}
.map-about_content {display: flex;padding: 20px 0 20px 34px;box-sizing: border-box;flex-direction: column;justify-content: center;}
.map-about_address {display: flex;flex-direction: column;}
.map-about_address > .address {margin-bottom: 14px;color: rgba(153, 163, 174, 1);font-size: 21px;}
.map-about_address > .address > b {color: black;font-size: 24px;}
.map-about_address > .time {display: flex;gap: 16px;font-size: 13px;}
.map-about_address > .time > b {text-transform: uppercase;}
.map-about_address > .time > b.open {color: #18ad09;}
.map-about_address > .time > b.close {color: var(--mcol);}
.map-about_btn {width: max-content;margin-top: 21px;color: #333;background-color: #eee;}
.map-about_btn:hover {background-color: var(--mcol);}
.map-about_title {margin-bottom: 28px;font-size: 14px;font-weight: 500;letter-spacing: 0;font-family: 'Unbounded', sans-serif;}
#myMap {width: 100%;background-color: #f2f3f4;}
.map-about #myMap {width: 57%;}

.ymaps3--open-maps-button {display: none!important;}

/* list-item */
.list-item {height: max-content;padding: 12px 14px;box-sizing: border-box;border-radius: 24px;border: 1px solid #eee;background-color: white;}
#content .list-item {padding: 16px;}
.item_img {position: relative;}
.item_img .label {position: absolute;z-index: 2;height: 28px;padding: 4px 8px;box-sizing: border-box;border-radius: 6px;font-size: 11px;font-weight: 500;}
.item_img .label.hit {top: 0;right: 0;color: var(--scol);background-color: #004b8514;}
.item_img .label.new {top: 0;left: 0;color: #14b800;background-color: #14b8001f;}
.item_img .label.opentherm {bottom: 2px;left: 0;padding-left: 36px;color: #42b5a3;font-size: 13px;font-weight: 500;font-family: "Times New Roman", Times, serif;background-color: #e3f4f0;}
.item_img .label.opentherm:before {content: '';display: inline-block;position: absolute;top: 6px;left: 8px;width: 22px;height: 15px;background-image: url('/template/img/opentherm_logo.png');background-position: center;background-repeat: no-repeat;background-size: contain;}
.item_img > a {display: flex;width: 100%;height: 250px;padding-top: 10px;align-items: center;justify-content: center;}
#content .item_img > a {height: 280px;}
.item_img img {position: relative;z-index: 1;max-height: 100%;transition: all 0.3s ease;}
.item_img > a:hover img {transform: scale(1.04);}
.item_category a {display: inline-block;margin-bottom: 4px;color: rgba(153, 163, 174, 1);font-size: 13px;font-weight: 500;}
.item_category a:hover {color: var(--scol);}
.item_name > h3 {margin-bottom: 0;}
.item_name a {display: inline-block;font-size: 12px;line-height: 20px;font-weight: 300;font-family: 'Unbounded', sans-serif;}
.item_name a:hover {color: black;}
.item_box {display: flex;flex-wrap: nowrap;align-items: center;margin-bottom: 6px;}
.item_price {position: relative;top: 2.4px;}
.item_price > .price {font-size: 22px;font-weight: 500;}
.basket-btn {position: relative;z-index: 2;margin-left: 12px;}
.basket-btn > a {display: flex;width: 44px;height: 44px;border-radius: 16px;color: black;font-size: 28px;border: 1px solid #eee;align-items: center;justify-content: center;transition: all .2s ease;}
.basket-btn > a:hover {color: white;border-color: var(--mcol);background-color: var(--mcol);}

.list-item_bnt {display: flex;align-items: center;margin-top: 18px;}
.item_article {display: flex;position: relative;width: 20px;height: 20px;margin-left: auto;color: rgba(153, 163, 174, 1);font-size: 12px;transition: all 0.3s ease;cursor: pointer;justify-content: center;align-items: center;}
.item_article:hover {color: black;}
.item_article:hover .copy-icon {opacity: 1;}
.item_article b {position: absolute;top: -32px;right: 0;min-width: max-content;padding: 3px 6px;color: white;font-weight: inherit;border-radius: 8px;box-shadow: 0 4px 8px rgb(0 0 0 / 10%);background-color: #222222;transition: all 0.3s ease;opacity: 0;visibility: hidden;}
.item_article:hover b {opacity: 1;visibility: visible;}
.item_article .copy-icon {position: relative;top: 2px;width: 18px;height: 18px;}
.copy-icon {display: inline-block;margin-right: 3px;width: 16px;height: 16px;background-image: url('https://buyphones.ru/template/copy.svg');background-size: cover;background-position: center;transition: all 0.3s ease;opacity: 0.2;}
.write-bnt {display: flex;position: relative;width: max-content;height: 38px;margin-right: 12px;align-items: center;box-sizing: border-box;font-size: 13px;color: rgb(0, 74, 132);cursor: pointer;padding: 4px;border-radius: 20px;border: 1px solid #eee;overflow: hidden;transition: 0.6s;}
.write-bnt span {display: inline-block;position: static;min-width: max-content;padding-left: 10px;font-weight: 500;margin-right: 6px;}
.write-bnt svg {right: 4px;}

.goods-list {display: grid !important;grid-template-columns: repeat(5, 1fr);width: 100%;gap: 12px;overflow: auto;}
#content .goods-list {grid-template-columns: repeat(3, 1fr);gap: 18px;}
.goods-list .list-item {border-radius: 24px;}

.product-section {margin: 30px 0 60px 0;}

.ppblock {margin-top: 18px;}
.shop-page-wrap {text-align: left!important;}
#shop-page-more {margin-bottom: -30px;}
#shop-page-more > button {margin-bottom: 8px;line-height: 48px;width: 100%;color: #333;font-weight: 500;letter-spacing: 2px;background-color: rgb(0 0 0 / 3%);}
#shop-page-more > button:hover {background-color: rgb(0 0 0 / 8%);}
#shop-page-more > button:before {content: '\f021';display: inline-block;margin-right: 14px;font-family: 'Line Awesome Free';transform: scale(1.2);}
.shop-pagination {margin-top: 30px;}
.plist > * {display: inline-block;float: left;margin-right: 12px;width: 40px;height: 40px;line-height: 40px;text-align: center;font-weight: 500;border-radius: 2px;background-color: rgb(0 0 0 / 3%);}
.plist > a:hover {color: white;background-color: #24272f;}
.pgSwchA {color: white;border-color: var(--mcol);background-color: var(--mcol);}
.pprev > a, .pnext > a {display: inline-block;margin: 0 12px;line-height: 44px;color: var(--mcol);font-size: 14px;}
.pprev > a:hover, .pnext > a:hover {color: #24272f;}


/* page */
.path {margin-top: 30px;}
.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: 22px;padding-left: 25px;color: var(--mcol);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: 48.3%;right: 2px;width: 26px;height: 1px;background-color: var(--mcol);}
.path span > span a {display: inline-block;padding: 12px 0;color: rgba(153, 163, 174, 1);font-size: 14.48px;}
.path span > span a:hover {color: var(--mcol);}

/* middle */

.content-wrapper {display: flex;position: relative;min-height: 250px;}
.main-content {margin-left: auto;width: 73.8461538%;}
.sidebar {position: absolute;top: 0;left: 0;width: 23.8461538%;min-height: max-content;height: 100%;}
.block {margin-bottom: 30px;padding: 0 16px;box-sizing: border-box;background-color: white;}
.block:last-child {margin-bottom: 0;}
.block.vk-block {max-height: 239px;padding: 0;border-radius: 18px;overflow: hidden;}
.sidebar-stucky {position: sticky;top: 16px;}

.catalog-page .middle {margin-bottom: 80px;}
.catalog-page .titile-section h1 {font-size: 32px;margin-bottom: 44px;}

.catalog-with-image tbody {display: flex;gap: 14px;margin-top: -18px;margin-bottom: 30px;}
.catalog-with-image tbody tr {display: block;position: relative;padding: 12px 10px;border-radius: 12px;border: 1px solid #eee;background-color: white;}
.catalog-with-image tbody tr > td {display: flex;align-items: center;padding-bottom: 0;}
.catalog-with-image h3 {margin: 0 12px 0 12px!important;}
.catalog-with-image h3 > a {font-size: 15px;font-weight: 500;}
.catalog-with-image h3 > a:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.catalog-with-image .catalog-item div {display: none;}
table.catalog img {height: 58px;}

.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 #eee;background-color: #eee;}
#flist-item-price button:hover {background-color: #e2e2e2;}
.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: 14px 16px!important;border-radius: 20px;border: 1px solid #eee;background-color: #ffffff;}
.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: 16px 0;padding-right: 32px;color: black;font-size: 15px;font-weight: 400;border-bottom: 1px solid #f6f6f6;}
.b-body.list-parent > .ul-active > li:last-child > a, .b-body > ul > li > .ul-active > li:last-child > a, .b-body > ul > li.categ-list-active > ul > li:last-child > a {border-bottom: 0;}
.b-body.list-parent > .ul-active > li > a:hover, .b-body > ul > li > .ul-active > li > a:hover, .b-body > ul > li.categ-list-active > ul > li > a:hover {transform: translateX(6px);}
.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% - 10px);right: 12px;color: #c1c1c1;font-size: 13px;font-weight: 900;font-family: 'Line Awesome Free';transition: inherit;}
.b-body.list-parent > .ul-active > li > a:hover:after, .b-body > ul > li > .ul-active > li > a:hover:after, .b-body > ul > li.categ-list-active > ul > li > a:hover:after {color: black;}
.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: 14px 12px;border-radius: 7px;color: white;border-bottom: 0;background-color: #343434;transform: translateX(0)!important;}
.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: white!important;transform: rotate(270deg);}
.li-active > ul.cat-tree, .b-body > ul > li.categ-list-active > ul > li.list-parent > .ul-active {margin: -6px 0 16px 0;padding-left: 0!important;padding: 16px 6px 10px 6px!important;border-radius: 0 0 8px 8px;background-color: #f2f6fd;}
.li-active > ul.cat-tree:last-child, .b-body > ul > li.categ-list-active > ul > li.list-parent > .ul-active:last-child {margin-bottom: 0;}
.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: 10px 8px;line-height: 20px;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: 12px;color: black;font-weight: 400;font-size: 20px;}
.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: var(--scol);font-size: 16px;font-weight: 900;text-align: center;font-family: 'Line Awesome Free';border-radius: 11px;background-color: #f2f6fd;}
.b-body > ul > li.categ-list-active > ul > li.list-parent > .ul-active > .li-active > a {color: var(--scol);}

/* item page */
.item-page {margin-bottom: 60px;}
.item-page > .cnt {position: relative;box-sizing: border-box;border-radius: 7px;}
.item-page .titile-section {display: flex;margin-bottom: 34px;align-items: center;}
#item-main-content {display: inline-block;width: calc(100% - 384px);float: left;padding: 8px;border-radius: 8px;background-color: #fbfbfd;}
.item-image {position: relative;float: left;width: calc(60.4347826% - 30px);box-sizing: border-box;background-color: white;overflow: hidden;}
.item-image .main {width: 100%;/* padding-left: 72px; */box-sizing: border-box;}
.item-image .main .image {position: relative;display: flex;width: 100%;height: 540px;overflow: hidden;justify-content: center;align-items: center;background-color: #fbfbfd;}
.item-image .main img {min-width: fit-content;height: 98%;cursor: zoom-in;margin-bottom: 0;object-fit: contain;mix-blend-mode: darken;}
.item-image .main .image span {display: inline-block;position: absolute;z-index: 2;width: 40px;height: 40px;line-height: 40px;color: white;font-size: 18px;text-align: center;border-radius: 30%;backdrop-filter: blur(4px);background-color: rgb(255 255 255 / 58%);box-shadow: inset 1px 1px 0 rgb(255 255 255 / 75%), inset 0 0 5px rgb(255 255 255 / 75%);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: absolute;top: 12px;width: 72px;}
.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: 80px;}
.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: #004a84;}
.item-image .sub-image-box .box-image {display: flex;position: relative;width: 100%;height: 100%;border-radius: 8px;overflow: hidden;align-items: center;justify-content: center;}
.item-image .sub-image-box img {display: inline;position: absolute;width: auto;height: 100%;object-fit: cover;}
.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: right;width: 368px;}
.item-info-box {margin-bottom: 24px;}
.column {float: right;width: 740px;}
.item-head {margin-bottom: 14px;}
.item-head:last-child {margin-bottom: 0;}
.labels {margin-right: 16px;}
.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: black;background-color: #fcea38;border-color: #fcea38;}
.labels span.new {color: #14b800;background-color: #14b8001f;}
.labels span.stock {border-color: darkgrey;background-color: var(--bg);}
.labels span.stock > i {color: #6c6c6c;margin-right: 2px;}
.labels span.akb {color: green;}
.labels span.akb > i {transform: scale(1.8); margin-right: 6px;}
.name .art {display: table;margin: 6px 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;}
.name .art > i {position: relative;top: 3px;}

.item-guard {display: flex;align-items: center;color: black;}
.item-guard p {color: #fd511a;margin: 0;font-weight: 500;}
.item-guard_icon {position: relative;top: 1px;margin-right: 8px;color: var(--mcol);}

.item-brand {display: flex;align-items: center;padding: 22px;box-sizing: border-box;border-radius: 24px;/* border: 1px solid #eee; */background-color: white;flex-wrap: wrap;}
.image-brand {display: flex;min-width: 48px;height: 48px;margin-left: auto;padding: 10px;box-sizing: border-box;border-radius: 12px;background-color: white;justify-content: center;align-items: center;}
.image-brand img {height: 100%;max-width: 90px;object-fit: contain;}
.item-brand-box .name {display: flex;margin-bottom: 3px;color: black;font-size: 18px;font-weight: 500;align-items: center;}
.item-brand-box .name > svg {margin-left: 6px;}
.item-brand-box .sub {font-size: 13px;}
.made-in-brand {display: flex;width: 100%;margin-top: 14px;padding-top: 14px;border-top: 1px solid #eee;flex-wrap: wrap;gap: 8px;}
.made-in-brand_item {display: flex;}
.made-in-brand .flag {margin-right: 10px;border-radius: 3px;}
.made-in-brand p {margin: 6px 0 0;font-size: 12px;line-height: 16px;}

.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 > li:nth-last-child(2) {height: 67px;max-height: 67px;border-radius: 14px;}
.shop-options > li:nth-last-child(2) > * {display: none;}
.shop-options > li.colors-option > * {display: block;}
.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;box-sizing: border-box;font-size: 13px;}
.item-char dt, .item-char dd {position: relative;z-index: 2;background-color: white;}
.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;}

.item-brief {position: relative;margin-bottom: 22px;padding: 20px 22px;box-sizing: border-box;border-radius: 8px;/* border: 1px solid #eee; */background-color: #f2f4f8;}
.item-brief:after {content: '';position: absolute;top: calc(50% - 6px);left: -7px;width: 12px;height: 12px;border-radius: 0px;border-bottom: 1px solid #f3f3f5;border-left: 1px solid #f3f3f5;transform: rotate(45deg);background-color: inherit;}
.item-brief p {margin: 0;color: black;font-size: 15px;font-weight: 500;line-height: 24px;hyphens: auto;overflow-wrap: break-word;word-wrap: break-word;}

#column-sticky {float: right;width: 360px;}
.sticky-box {top: 64px;}

.usluga-montazh {display: flex;position: relative;z-index: 1;margin-top: -10px;padding: 24px 0 14px 18px;border-radius: 0 0 12px 12px;background-color: #f2f6fe;align-items: center;}
.usluga-montazh span:first-child {display: inline-block;margin-bottom: 4px;color: var(--scol);font-size: 12px;}
.usluga-montazh h3 {margin: 0;font-size: 19px;font-weight: 600;}
.usluga-montazh span.price {display: inline-block;margin-top: 6px;padding: 1px 6px;color: #8a96ae;font-size: 10px;font-weight: 500;letter-spacing: 0;border-radius: 4px;background-color: #e7ecf6;}
.usluga-montazh .usluga-montazh_image {position: absolute;bottom: 10px;right: 20px;width: 74px;height: 74px;border-radius: 12px;background-image: url('https://rkcdn.ru/rusklimat.ru/montazh-kotelnykh-sistem.jpg?p=best');background-position: center;background-size: contain;}

#data-item-box {position: relative;z-index: 2;padding: 24px 18px;box-sizing: border-box;border-radius: 8px;border: 2px solid #f2f6fe;background-color: white;}
#data-item-box.not-stock {margin-top: 0;}
.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 > span {color: #24272f;font-size: 26px;font-weight: 500;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: 8px;padding: 2px 7px;color: white;font-size: 10px !important;font-weight: 500;border-radius: 4px;background-color: var(--scol);}

.item-basket-btn {display: flex;flex-wrap: nowrap;padding: 6px;border-radius: 8px;background-color: #f2f6fe;}
.quantity-control {position: absolute;display: flex;width: 120px;border-radius: 8px;background-color: white;}
.quantity-control button {color: black;font-size: 18px;background-color: transparent;}
.quantity-control input {height: 54px;padding: 0;text-align: center;font-weight: 500;font-size: 17px;border: none;color: black;background-color: transparent;}
.quantity-control input:focus {box-shadow: none;}

.item-button {display: flex;margin-top: 14px;gap: 8px;flex-direction: column;}
.item-button .basket-button {flex: 1;overflow: hidden;}
.item-button .basket-button > * {color: black;font-weight: 600;text-align: center;line-height: 48px;border-radius: 4px;cursor: pointer;}
.item-button .basket-button .basket {height: 56px;line-height: 56px;}
.item-button .basket-button.buy {max-width: calc(100% - 126px);margin-left: 126px;color: white;font-size: 14px;text-transform: uppercase;letter-spacing: 0.4px;border-radius: 8px;background-color: #004a84;}
.item-button .basket-button.buy .add {color: white;}
.item-button .basket-button.buy .add:before, .item-button .basket-button .done + a:before {content: '\f217';display: inline-block;margin-right: 18px;color: white;font-weight: 900;font-family: 'Line Awesome Free';transform: scale(2.5);-webkit-font-smoothing: antialiased;}
.item-button.not-stock .basket {font-size: 16px;line-height: 54px;}
.basket.wait {position: relative;pointer-events: none;cursor: default;color: #ffffff00;}
.basket.wait::after {content: '';position: absolute;top: 51%;left: 50%;width: 12px;height: 12px;margin: -8px 0 0 -8px;color: white;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;}
.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;position: relative;overflow: hidden;}
.item-button .basket-button .done + a:before {content: '\f07a';}
.item-button .basket-button.fast .basket {height: 48px;line-height: 48px;color: var(--scol);letter-spacing: 0.4px;border-radius: 8px;background-color: #f2f6fd;}

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

.notify-product-stock {display: none;position: relative;margin-top: 18px;}
.notify-product-stock.true {display: block;}
.notify-product-stock span {display: inline-block;position: absolute;z-index: 2;top: -10px;left: 15px;padding: 0 8px;color: #aaaeb0;font-size: 12px;background-color: white;}
.notify-product-stock .inputs-box {position: relative;}
.notify-product-stock input[type="tel"] {width: 100%;height: 53px;padding: 0 130px 0 22px;border-color: #eee;border-radius: 48px;}
.notify-product-stock input[type="submit"] {position: absolute;top: 5.5px;right: 8px;padding: 0 20px;line-height: 42px;color: #aaaeb0;font-size: 11px;font-weight: 500;letter-spacing: 0.4px;border-radius: 38px;background-color: #eee;/* opacity: 0; */}

#notifyPhoneInput:invalid + #notifySubmitBtn {color: #aaaeb0;pointer-events: none;cursor: default;}
#notifyPhoneInput:valid + #notifySubmitBtn {color: black !important;pointer-events: auto;}

.data-delivery {margin-top: 20px;padding: 18px;border-radius: 12px;background-color: white;}
.delivery-box > li {margin-bottom: 14px;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;left: 2px;margin-right: 12px;}
.delivery-box > li > b {font-weight: 400;}
.delivery-box > li > i {position: relative;top: 2px;margin: 0 10px 0 4px;font-size: 18px;}

.data-delivery .stock {display: flex;gap: 14px;}
.data-delivery .stock_icon i {font-size: 21px;color: #16ad0a;}
.data-delivery .stock b {color: #16ad0a;}
.data-delivery .stock_content {display: flex;flex-direction: column;}

.description {display: inline-block;width: 100%;max-width: 920px;margin-top: 60px;}
h2.description-title {font-size: 26px;}
.item-description {color: rgb(47 39 30 / 85%);font-size: 16px;line-height: 28px;hyphens: auto;overflow-wrap: break-word;word-wrap: break-word;}

.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, .also-goods .list-item .item-go-chat {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;flex-wrap: nowrap;flex-direction: row;}
.also-view-categs ul > li {flex: 0 0 auto;}
.also-view-categs ul > li > a {display: block;padding: 12px 30px;font-weight: 400;background-color: white;border-radius: 46px;white-space: nowrap;}
.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;}
.lastv h2 {font-size: 26px;}
.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 .image {min-width: 85px;width: 85px;height: 100px;border-radius: 8px;}
.lastv-goods .list-item .image img {transform: scale(1.2);height: 64%;}
.lastv-goods .list-item .box {margin-left: 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: 0;}
.lastv-goods .list-item .link-basket {color: black;border-color: #fafafa;background-color: #fafafa;}
.lastv-goods .list-item .link-basket:hover {color: white;background-color: var(--bcol);}
.lastv-goods .list-item .link-basket:after {content: '';position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;}
.lastv-goods .list-item .image span, .lastv-goods .item-go-chat, .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(4px);display: flex;position: fixed;z-index: 10;top: 10px;padding: 3px 6px;box-sizing: border-box;align-items: center;border-radius: 10px;box-shadow: inset 1px 1px 0 rgb(255 255 255 / 75%), inset 0 0 5px rgb(255 255 255 / 75%);background-color: rgb(255 255 255 / 60%);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: 60px;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;}


/* footer */
.feedback {margin-bottom: 30px;}
.feedback .cnt {display: flex;padding: 42px 22px;box-sizing: border-box;border-radius: 10px;align-items: center;align-content: center;background-color: #f2f4f8;}
.feedback .titles {display: flex;flex-direction: column;gap: 10px;}
.feedback .titles b {color: var(--scol);font-weight: 600;font-size: 1.8rem;}
.feedback .titles span {color: var(--scol);font-weight: 500;}
.feedback .contacts {display: flex;flex-direction: column;gap: 10px;margin-left: auto;}
.feedback .contacts > a {color: var(--scol);font-size: 20px;font-weight: 600;}
.feedback button {margin-left: 64px;padding: 0 16px;line-height: 56px;color: white;font-weight: 600;letter-spacing: 0.4px;border-radius: 12px;background-color: var(--mcol);}
.checkout-page .feedback button {color: var(--scol);background-color: #eee;}
.checkout-page .feedback button:hover {color: white;background-color: var(--mcol);}

footer {border-radius: 64px 64px 0 0;}
footer .cnt {display: flex;align-items: center;padding-bottom: 22px;}
footer .f-left {display: flex;margin-left: 38px;gap: 5px;flex-direction: column;}
footer .f-left .legal {color: rgba(153, 163, 174, 1);font-size: 12px;text-transform: uppercase;}
footer .f-left .root {font-size: 15px;}
footer .f-left .root b {color: black;font-size: 14px;}
footer .f-left .root span {position: absolute;opacity: 0;}
footer .top-social-links {margin-left: auto;}
footer .top-social-links a {width: 42px;height: 42px;font-size: 23px;}

/* modal callback */
.modal-callback {display: flex;position: fixed;z-index: 1000;inset: 0;align-items: center;justify-content: center;opacity: 0;visibility: hidden;transition: all 0.3s ease;}
.modal-callback.active {opacity: 1;visibility: visible;}
.modal-callback_box {position: relative;z-index: 1001;width: 100%;max-width: 400px;padding: 2rem;box-sizing: border-box;border-radius: 28px;background-color: white;transform: scale(0.97);transition: all 0.3s ease;}
.modal-callback.active .modal-callback_box {transform: scale(1);}
.modal-callback_title {font-size: 1.35rem;margin-bottom: 0.5rem;font-family: 'Unbounded', sans-serif;}
.modal-callback_text {color: gray; font-size: 0.95rem; margin-bottom: 1.5rem;}
.modal-callback_box input {width: 100%;height: 54px;margin-bottom: 1rem;padding: 0.75rem 1rem;color: #333;font-size: 1rem;border-radius: 12px;border: 1px solid #eee;}
.modal-callback_box button {width: 100%;line-height: 54px;font-size: 0.84rem;font-weight: 500;letter-spacing: 0.8px;border-radius: 20px;box-shadow: 0 4px 20px rgb(254 100 0 / 22%);background-color: var(--mcol);}
.modal-callback_box > i {position: absolute;top: 10px;right: 10px;padding: 8px;font-size: 16px;transition: all 0.3s ease;cursor: pointer;}
.modal-callback_box > i:hover {color: var(--mcol);}

.overlay_bg {position: fixed;z-index: 1000;top: 0;width: 100%;height: 100%;background-color: rgb(0 0 0 / 80%);}

/* cookies */
.cookie-acceptation {position: fixed;z-index: 9999;bottom: 58px;right: -500px;width: 280px;padding: 18px 22px;box-sizing: border-box;border-radius: 24px;box-shadow: 12px 12px 42px 0 rgb(0 0 0 / 14%);background-color: rgb(255 255 255 / 84%);backdrop-filter: blur(12px);}
.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: 42px;margin-top: 20px;color: black;font-size: 13px;font-weight: 600;text-transform: uppercase;border-radius: 12px;border: none;background-color: #eee;}
.cookie-acceptation button:hover {color: white;background-color: var(--mcol);}
.cookie-acceptation > i {position: absolute;top: 0;right: 0px;color: rgb(0 0 0 / 5%);font-size: 72px;pointer-events: none;}
.cookie-acceptation.show {animation: slideUp 1.5s ease forwards;}


.top-page {position: absolute;z-index: 2;width: 100%;top: 12px;}
.top-page .cnt {display: flex;}

.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-body {display: flex;position: relative;width: 100%;height: 100%;align-items: center;justify-content: center;}
.l-box {position: relative;z-index: 10;padding: 44px 50px 34px;box-sizing: border-box;border-radius: 34px;background-color: white;box-shadow: 0 30px 60px rgb(0 0 0 / 10%);}
.l-title {line-height: 36px;margin-bottom: 38px;color: var(--scol);font-weight: 500;font-size: 32px;}
.checkout-page .l-title {line-height: 34px;}
#ucoz-login-form {width: 100%;max-width: 350px;}
.step-indicator {display: flex;align-items: center;margin-bottom: 22px;gap: 8px;}
.step {min-width: 32px;height: 32px;border-radius: 10px;display: flex;align-items: center;justify-content: center;font-size: 14px;border: 1px solid #eee;transition: all 0.3s ease;}
.step.active {background-color: #eee;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: 14px;}
.password-hint {margin-top: -12px;color: gray;font-size: 12px;margin-bottom: 14px;}
.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;}
.phone-input-wrapper .la-phone {display: flex;position: absolute;left: 0;width: 48px;height: 56px;color: #878787;font-size: 22px;align-items: center;justify-content: center;pointer-events: none;}
.phone-prefix {position: absolute;left: 28px;top: 50%;transform: translateY(-50%);color: #666;font-weight: 500;}
input[type="tel"].phone-input {height: 56px;padding-left: 48px!important;font-size: 17px;box-sizing: border-box;}
input.loginField {height: 54px;font-size: 16px;}
.phone-hint {line-height: 17px;font-size: 12px;margin-top: 5px;color: gray;}
.button-group {display: flex;gap: 10px;flex-direction: column;}
input.loginButton, button.loginButton {flex: 1;padding: 10px 20px;color: #333;font-size: 14px;font-weight: 600;border-radius: 8px;letter-spacing: 0.6px;background-color: #eee;cursor: no-drop;}
.loginButton:hover {background-color: #eee;opacity: 0.85;}
.loginButton.done {color: white;background-color: var(--mcol)!important;cursor: pointer;}
.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: 24px;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 {margin-bottom: 18px;padding: 6px;font-size: 13px;text-align: center;letter-spacing: 0.4px;border-radius: 8px;background-color: #f4f4f4;}
.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;margin-bottom: 8px;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: 18px;line-height: 16px;color: #b9b9b9;font-size: 11px;text-align: center;}
#ucoz-login-form .legal > a {color: var(--scol);}
#ucoz-login-form .legal > a:hover {color: black;text-decoration: underline;}
#bottomInfoBar {display: none!important;}

.cart-empty {margin-top: 40px;margin-bottom: -60px;}
.cart-empty .cnt.clr {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.cart-empty__icon {margin-bottom: 1.2rem;color: #c5cee0;font-size: 88px;text-align: center;border-radius: 50%;}
.cart-empty__icon svg {width: 64px; height: 64px; display: block; margin: 0 auto;}
.cart-empty__title {font-size: 1.8rem;font-weight: 550;line-height: 1.3;color: #1a1f2c;margin: 0 0 0.5rem 0;letter-spacing: -0.3px;text-align: center;}
.cart-empty__description {font-size: 0.875rem; line-height: 1.5; color: #6c7a8a; margin: 0 0 1.75rem 0; text-align: center;}
.cart-empty__actions {margin-bottom: 2rem; text-align: center;}
.cart-empty__button {display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; background: #000; color: #fff; padding: 0.75rem 1.5rem; border-radius: 2rem; font-size: 0.875rem; font-weight: 500; text-decoration: none; transition: background 0.2s ease, transform 0.1s ease;}
.cart-empty__button:hover {background: #2c2c2c;}
.cart-empty__button:active {transform: scale(0.97);}
.cart-empty__button svg {transition: transform 0.2s ease;}
.cart-empty__button:hover svg {transform: translateX(3px);}
.cart-empty__suggestions {padding-top: 1.5rem;text-align: center;border-top: 1px solid #edf2f7;}
.cart-empty__suggest-label {display: block;font-size: 0.7rem;text-transform: uppercase;letter-spacing: 0.08em;color: #94a3b8;margin-bottom: 0.75rem;} 
.cart-empty__chips {display: flex;flex-wrap: wrap;justify-content: center;gap: 0.5rem;}
.cart-empty__chip {display: inline-block;padding: 12px 24px;color: #334155;font-size: 13px;text-decoration: none;border-radius: 2rem;background: #f1f5f9;transition: all 0.2s ease;}
.cart-empty__chip:hover {color: #0f172a;background: #e2e8f0;}

.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: 60px 0;}

.checkout-page .shop-form-page .cnt {max-width: 1100px;}
.checkout-page .feedback .cnt {margin-top: 60px;max-width: 1100px;}

.checkout-basket-title {margin-bottom: 22px;color: black;font-size: 23px;font-weight: 400;font-family: 'Unbounded', sans-serif;}
.checkout-basket-title > small {color: #bdbdbd;font-size: inherit;}
#order-table {position: relative;border-radius: 12px;border: 1px solid #f7f7f7;overflow: hidden;}
.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: #f7f7f7;}
.checkout-page #order-table .order-head th {width: auto!important;padding: 0 22px;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: 24px 22px;font-size: 16px;letter-spacing: 0.3px;border: none;}
.checkout-page #order-table .order-item .order-item-name {font-size: 14px;}
.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;min-width: 140px;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-size: 18px;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 #f7f7f7;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: 22px;}
.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: 22px;}
.order-item-cnt span.plus:after {content: "+";}
#order-total-line {margin-top: 20px;line-height: 44px;color: rgb(0 0 0 / 45%);letter-spacing: 0.4px;}
#order-total-line input {float: right;margin-left: 12px;color: #7a7a7a;background-color: #f7f7f7;}
#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: -4px;margin-right: 6px;width: 32px;height: 32px;line-height: 32px;color: white;font-size: 12px;text-align: center;border-radius: 10px;background-color: var(--bgcol);}
.order-data .title > span {display: block;padding-left: 42px;font-size: 12px;font-weight: 200;color: gray;}
.methods-list {width: 100%;border-spacing: 0;}
.methods-list tbody {display: flex;flex-wrap: wrap;gap: 18px;}
.methods-list tr {display: block;position: relative;width: calc((100% - 18px) / 2);min-height: 92px;padding: 24px 14px;box-sizing: border-box;color: gray;font-size: 13px;background-color: white;}
.methods-list tr:nth-last-child(-n+2) {margin-bottom: 0;}
.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;border-radius: 8px;background-color: white;}
.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: 500;}
.my-shop-info h4 > small {color: #676767;font-weight: 300;}
.my-shop-info .address {margin-bottom: 4px;color: black;font-weight: 200;font-size: 16px;}
.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-6 {display: none;}

#payment-block-6 {margin-bottom: 0;}
#payment-block-6 {clear: none;}

.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: 6px;left: 14px;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: 64px;padding: 14px 14px 0;color: #39393c;font-size: 16px;border: none;border-radius: 3px;background-color: transparent;opacity: 1;}
.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: 69.0909091%;}
.order-step {margin-bottom: 24px;padding: 40px 24px;box-sizing: border-box;border-radius: 12px;background-color: #fcfcfc;}
.order-step:last-child {margin-bottom: 0;}
.order-details .outcome {position: absolute;top: 0;right: 0;z-index: 5;width: 28.7272727%;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;border: 1px solid #eee;}
.order-details .outcome .box:after {content: '';position: absolute;top: -8px;left: calc(50% - 10px);width: 20px;height: 20px;border-radius: 4px;transform: rotate(45deg);background-color: inherit;}
.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.cash {margin-top: -10px;}
.order-details .outcome li.cash span {display: flex;position: relative;left: -3px;align-items: center;gap: 4px;color: black!important;font-size: 11px;}
.order-details .outcome li > .osum {display: none;}
.order-details .outcome li > span {display: inline-block;position: relative;z-index: 2;}
.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: 19px;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: 23px;font-weight: 600;}
.order-details .outcome .to-pay #order-button {margin: 0;width: 100%;height: auto;line-height: 65px;color: #333;font-size: 14px;font-weight: 600;letter-spacing: 2px;border-radius: 12px;background-color: #f2f4f8;cursor: no-drop;}
.order-details .outcome .to-pay #order-button:hover {opacity: 0.85;}
.order-details .outcome .to-pay #order-button.active {color: white;background-color: #10c44d;cursor: pointer;}
.order-politik {display: inline-block;margin-top: 20px;line-height: 17px;font-size: 10px;color: rgb(0 0 0 / 45%);text-align: center;}
.order-data .order-politik {margin-top: 16px;}
.order-politik a {color: black;border-bottom: 1px solid rgb(0 0 0 / 8%);}
.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);}
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;}

.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 {float: left;width: 22.7272727%;}
.module-sidebar .m-block {margin-bottom: 24px;padding: 20px 14px;box-sizing: border-box;border-radius: 12px;border: 1px solid #eee;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: 10px;}
.surface-card-box .name {margin: 3px 0 2px 0;color: black;font-size: 17px;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: rgba(153, 163, 174, 1);font-size: 13px;}
.module-content {width: 75%;float: right;}

.order-section .module-content {margin-bottom: 40px;padding: 32px 18px;box-sizing: border-box;background-color: white;}
.order-section .title-2 {color: black;font-weight: 400;}
.order-short {display: flex;padding: 8px 0 30px;align-items: center;align-content: center;justify-content: center;flex-wrap: wrap;}
.order-short .date {margin-bottom: 10px;font-size: 14px;color: #b2b2b2;}
.order-short .status {display: table;padding: 0 14px;line-height: 34px;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-right: 32px;padding: 12px 14px;border-radius: .8rem;background-color: var(--bg);}
.credit-button-box select {margin-bottom: 10px;}
#finbox-create-order {position: relative;top: 2px;margin-right: 32px;line-height: 62px;padding: 0 28px;font-size: 13px;border-radius: 7px;background-color: #4b65ea;}
.order-short .total {margin-left: auto;color: #24272f;font-size: 22px;font-weight: 400;}
.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 16px;}
.order-section #order-table tr {display: table;width: 100%;padding: 24px 0;box-sizing: border-box;border-bottom: 1px dashed #f6f6f6;}
.order-section #order-table tr:last-child {border-bottom: none;}
.order-section #order-table .order-item td {width: max-content;text-align: left;border-bottom: none;}
.order-section #order-table .order-item .order-item-name {max-width: 250px;padding-left: 30px;padding-right: 30px;}
.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;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;line-height: 24px;}
.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;}
.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;}

.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: rgba(153, 163, 174, 1);white-space: nowrap;cursor: pointer;}
.my-orders-table .gTable td {padding: 24px 20px;border-bottom: 1px solid #eee;vertical-align: middle;color: #2c2c2c;}
.my-orders-table .gTable tr {position: relative;}
.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(--mcol);}
.my-orders-table .col_inv_id .inv-id-actions a:after {content: '';position: absolute;z-index: 2;top: 0;left: 0;width: 100%;height: 100%;}
.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;}

.order-status-card {max-width: 480px;width: 100%;margin-bottom: 30px;border-radius: 28px;background-color: #fbfbfb;}
.order-status-card_header {padding: 22px 24px 12px 24px;border-bottom: 1px solid #f2f2f2;}
.order-status-card_header h2 {margin-bottom: 10px;font-size: 22px;font-weight: 400;letter-spacing: -0.1px;}
.order-status-card_header p {font-size: 0.85rem;color: #8e8e93;margin: 0;}
.timeline {padding: 22px 16px 22px 24px;display: flex;flex-direction: column;}
.status-item {display: flex;position: relative;padding-bottom: 26px;align-items: center;}
.status-item.active .status-name {color: #01a25e;font-weight: 500;}
.status-item:last-child {padding-bottom: 8px;}
.status-left {display: flex;width: 24px;flex-direction: column;align-items: center;flex-shrink: 0;}
.status-left::before {content: '';position: absolute;top: 10px;left: 12px;width: 2px;height: 100%;background-color: #e2e2e6;transform: translateX(-50%);z-index: 1;}
.status-item:last-child .status-left::before {display: none;}
.status-dot {width: 12px;height: 12px;background: white;border: 2px solid #fbfbfb;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 13px;z-index: 2;background-color: #e1e1e5;transition: all 0.2s;}
.status-item.active .status-dot {border-color: #00a35e; background-color: #e9f7ef; box-shadow: 0 0 0 3px rgba(0, 163, 94, 0.15);}
.status-content {flex: 1;padding-left: 12px;}
.status-name {color: gray;font-size: 15px;}
.status-date {font-size: 0.75rem; color: #8e8e93; letter-spacing: -0.2px;}
.status-item.inactive .status-name {color: #8e8e93; font-weight: 450;}

.user-personal-list {display: flex;gap: 42px;margin-bottom: 44px;}
.personal-data {position: relative;height: 62px;padding-top: 30px;box-sizing: border-box;font-size: 17px;}
.personal-data span {display: block;position: absolute;top: 5px;min-width: max-content;color: #9ca3ae;font-size: 13px;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: #eee;}
.user-data-reg {display: block;margin-bottom: 20px;color: #bababa;font-size: 13px;font-weight: 200;}

#mobile-nav-bar {display: block;position: fixed;z-index: 1001;bottom: 0;left: 0;width: 100%;justify-content: center;border-top: 1px solid #eee;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);box-shadow: 0 4px 12px rgb(0 0 0 / 18%);background-color: rgb(255 255 255 / 80%);}
#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;box-sizing: border-box;justify-content: center;align-items: center;gap: 1.4rem;}
#mobile-nav-bar .bottom-nav a {display: flex;width: 70px;padding: 10px;color: rgba(153, 163, 174, 1);box-sizing: border-box;align-items: center;justify-content: center;border-radius: 24px;flex-direction: column;}
#mobile-nav-bar .icon {color: black;font-size: 28px;}
#mobile-nav-bar .icon svg {position: relative;top: 2px;margin-bottom: 3px;}
#mobile-nav-bar .sub-nav-bar .icon {transform: scale(1.24);}
#mobile-nav-bar .label {margin-top: -1px;font-size: 10px;font-weight: 500;}
#mobile-nav-bar .active .label {margin: 0 10px;}
.mobile-menu-catalog-active #mobile-nav-bar .catalog-mobile-button, .mobile-menu-catalog-active #mobile-nav-bar .catalog-mobile-button .icon {color: var(--mcol);}
#mobile-nav-bar i {position: relative;}
#mobile-nav-bar i > span {display: inline-block;position: absolute;top: -1px;right: -6px;width: 14px;height: 14px;line-height: 14px;color: white;font-size: 7px;font-weight: 500;text-align: center;font-family: 'Onest', sans-serif;border-radius: 50%;background-color: var(--mcol);}

.mobile-menu-catalog-active .mobile-menu-catalog {display: flex!important;}
.mobile-menu-catalog-active jdiv {display: none!important;}
.mobile-menu-catalog {display: flex;position: fixed;z-index: 1000;top: 0;left: 0;width: 100%;height: 100%;padding-bottom: 68px;box-sizing: border-box;background-color: white;flex-direction: column;}
.item-main-page .mobile-menu-catalog {padding-bottom: 0px;}
.mobile-menu-catalog_top {margin-bottom: 10px;}
.mobile-menu-catalog_top {display: block;width: 100%;height: 57px;line-height: 57px;box-sizing: border-box;color: white;font-size: 17px;border-radius: 0 0 20px 20px;background-color: #121619;}
.mobile-menu-catalog_top span i {margin-right: 4px;color: var(--mcol);}
.mobile-menu-catalog_content {display: flex;width: 100%;flex-direction: column;padding-bottom: 20px;box-sizing: border-box;scrollbar-width: none;-ms-overflow-style: none;overflow: auto;}
.mobile-menu-catalog_content::-webkit-scrollbar {display: none;}
.mobile-menu-catalog_content > div {padding: 10px 0;}
.mobile-menu-catalog_content li > a {display: block;position: relative;padding: 20px 0;line-height: 20px;font-size: 18px;font-weight: 500;}
.mobile-menu-catalog_content li > a:after {content: '\f105';position: absolute;right: 0;color: #c1c1c1;font-size: 13px;font-weight: 900;font-family: 'Line Awesome Free';}
.mobile-menu-catalog_content li {border-bottom: 1px solid #eee;}
.mobile-menu-catalog_content li:last-child {border-bottom: 0;}
.mobile-menu-catalog_content .uMenuRoot > li > ul {display: none;}

.mobile-menu-catalog_content .uMenuRoot.submenu-active > li {display: none;}
.mobile-menu-catalog_content .uMenuRoot.submenu-active > li.active {display: block;border-bottom: none;}
.mobile-menu-catalog_content .uMenuRoot.submenu-active > .uWithSubmenu > a {display: none;}
.mobile-menu-catalog_content .uMenuRoot > li.active > ul {display: block;}

.mobile-menu-catalog-active .main-nav-bar .catalog-mobile-button i {color: var(--scol);}

/* KEYFRAMES */
@keyframes slideUp {from {right: -500px;} to {right: 20px;}}

/* MEDIA */
@media screen and (max-width: 1300px) {
 .topline, .promo-box, .main-categs li > a.windows-btn, .head .btn-catalog {display: none;}
 .cnt {max-width: 92%;}
 header {background-color: transparent;}
 .mobile-top-bar {display: block!important;padding-bottom: 20px;background-color: #121619;}
 .mobile-bar-btn {display: flex;float: left;height: 57px;margin-right: 18px;align-items: center;justify-content: center;}
 .mobile-bar-btn i {display: flex;width: 42px;height: 42px;color: white;font-size: 24px;border-radius: 12px;border: 1px solid #ffffff40;align-items: center;justify-content: center;}
 .office-address .icon {display: none;}
 .office-selection {display: block;position: static;width: auto;float: left;}
 .office-selection_box {padding: 18px 0;gap: 8px;}
 .office-name {color: #ffffff;font-weight: 600;letter-spacing: 0.1px;text-transform: uppercase;font-size: 12px;}
 .office-selection_box > i {color: white;font-size: 11px;}
 .office-address .address {color: white;font-size: 12px;text-transform: uppercase;}
 .office-selection_modal {left: 4%;}
 .feedback-callback {float: right;}
 .feedback-callback_icon {height: 57px;line-height: 57px;padding-right: 8px;color: white;font-size: 26px;text-align: center;}
 .head {position: relative;z-index: 2;margin-top: -20px;padding-top: 10px;border-radius: 18px;background-color: #ebf0f8;overflow: hidden;}
 .main-head {display: block;}
 #sitelogo {display: flex;float: none;padding: 18px 0;justify-content: center;}
 .header-search {width: 100%;margin-left: 0;clear: both;}
 .user-panel {display: flex;justify-content: center;margin: 20px 0;}
 .main-categs li {margin-right: 14px;}
 .main-categs li > a {padding: 0 6px;font-size: 14px;}
 .utp-group {float: none;width: 100%;}
 .utp-group {margin-left: 0;justify-content: center;overflow: hidden;}
 .login-page .top-page {display: none;}
}

@media screen and (max-width: 1024px) {
 .map-about .cnt {display: flex;flex-direction: column;}
 .map-about_content, .map-about #myMap {width: 100%;}
 .map-about_content {padding: 32px 28px;}
 footer .cnt {display: flex;text-align: center;flex-direction: column;gap: 24px;padding-bottom: 72px;}
 footer .f-left, footer .top-social-links {margin-left: 0;}
 .content-wrapper {display: block;}
 .sidebar {display: none;}
 .main-content {width: 100%;}
 #item-main-content {float: none;width: 100%;}
 #column-sticky {float: none;margin: auto;}
}

@media screen and (max-width: 780px) {
 #mobile-nav-bar {display: block!important;}
 #sitelogo {padding: 16px 0;}
 #sitelogo a {transform: scale(0.88);}
 .main-categs, .user-panel {display: none;}
 .header-search {margin-bottom: 18px;}
 .header-search__btn {left: 0;right: auto;height: 56px;padding: 0.5rem 0.8rem;}
 input[type="text"].header-search__input {padding-left: 38px;}
 .titile-section h1, .titile-section h2 {line-height: 32px;}
 .catalog-page .titile-section h1 {margin-bottom: 18px;font-size: 28px;}
 .catalog-value {float: none;margin-bottom: 18px;}
 .promo-section {padding: 18px 0;}
 .utp-slider {height: auto;}
 .utp-item_img {position: static;}
 .utp-item_img img {display: block;}
 .item_box {margin-bottom: 4px;}
 .basket-btn {margin-left: 16px;}
 .catalog-page .basket-btn {margin-left: 10px;}
 .item_price > .price {font-size: 20px;font-weight: 600;}
 .item_category a {font-size: 11px;margin-bottom: 2px;}
 .item_name a {font-size: 11px;line-height: 19px;}
 .item_img .label {font-size: 10px;}
 .write-bnt {font-size: 12px;}
 .item_article .copy-icon {top: 1px;}
 
 body > jdiv > jdiv > jdiv {bottom: 80px!important;}
 body > jdiv > jdiv > jdiv > jdiv {margin-bottom: 0!important;}

 .catalog-with-image {display: block;margin-top: 18px;width: 100%;}
 .catalog-with-image tbody .catalog-item a {min-width: max-content;}
 .catalog-with-image tbody {overflow: auto;gap: 10px;}
 .catalog-with-image tbody tr {min-width: max-content;}
 table.catalog img {min-width: auto;height: 58px;}

 .path {margin-top: 6px;}
 .item-page .titile-section {flex-direction: column;align-items: flex-start;gap: 12px;}
 .item-image .sub {display: none;}
 .item-main-page .titile-section h1 {font-size: 26px;}
 .item-image, .item-info {float: none;width: 100%;}
 .item-brief:after {top: -7px;left: calc(50% - 9px);transform: rotate(
135deg);}
}

@media screen and (max-width: 480px) {
 .utp-group {gap: 18px;}
 .utp-banners-wrapper {display: flex;flex-wrap: nowrap;overflow: auto;gap: 18px;}
 .utp-banners-three .utp-item {min-width: 290px;height: 370px;}
 .utp-banner {min-width: 290px;}
 .feedback .titles b {display: none;}
 .feedback .cnt {display: flex;flex-direction: column;align-items: center;text-align: center;gap: 24px;}
 .feedback .contacts, .feedback button {margin-left: 0;}
 .list-item {padding: 9px 12px;}
 #content .list-item {padding: 9px 12px;}
 .item_img > a, #content .item_img > a {height: 200px;}
 .map-about_address > .time {margin-top: 12px;flex-direction: column;gap: 6px;}
 .l-box {box-shadow: none}
 .path .cnt > span {width: 100%;}
 .path .cnt > span > span {display: none!important;width: 100%;float: none;padding-right: 0;}
 .path span > span:last-child {display: block!important;width: 100%;}
 .path span span > a {display: block;width: 100%;color: var(--mcol);font-size: 15px;}
 .path span span > a:before {content: "\f060";position: relative;top: 2px;margin-right: 6px;color: var(--mcol);font-size: 17px;font-weight: 900;font-family: 'Line Awesome Free';}
 .catalog-page .path span > span:last-child {display: none!important;}
 .catalog-page .path span > span:nth-last-child(2) {display: block!important;}
 .path span > span:before, .path span > span:after {display: none;}
 #content .goods-list {gap: 10px;overflow: visible;grid-template-columns: repeat(2, minmax(0, 1fr));}
 .catalog-page .item_price > .price {font-size: 18px;}
 .item-image .main .image {height: 320px;}
 #column-sticky {width: 100%;margin-top: 30px;}
 .item-info-box, .description {margin-top: 30px;}
 .item-brief:after {display: none;}
 .item-brief {border: none;background-color: #fef3e6;}
}