* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-style: normal;
    -webkit-overflow-scrolling: touch;
}
body.no-scroll {
    overflow: hidden;
}

.wrapper {
    overflow-x: hidden;
    background-color: #F8F9FA;
    background-color: var(--opdev-light);
}

.container {
    max-width: 1296px;
    padding: 0 12px;
    margin: 0 auto;
}

.container h1 {
    font-size: 32px;
    color: var(--opdev-gray-800);
    line-height: 40px;
}

a {
    text-decoration: none;
    color: var(--opdev-primary);
}

a:hover {
    color: var(--opdev-primary);
}

a,
img,
button,
input,
label,
svg,
path {
    transition: .3s ease all;
}

button,
input {
    background-color: transparent;
    border: none;
    outline: none;
}

button {
    cursor: pointer !important;
}

input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

form input[name="form_checkbox_POLICY[]"] {
  margin-bottom: 0 !important;
  vertical-align: middle;
}

.no-scroll {
    overflow: hidden;
}


/* Header start */
.header {
    background-color: var(--opdev-primary);
}

.header.light {
    background-color: var(--opdev-white);
}
.header.light .header_block .header_call,
.header.light .header_search .header_search-label{
    background: var(--opdev-primary);
    border: 1px solid var(--opdev-primary);
}
.header.light .header_search .header_search-inp{
    border: 1px solid var(--opdev-primary);
}

.header-scroll {
    position: fixed;
    top: -100%;
    left: 0;
    z-index: 999;
    width: 100%;
    transition: .3s ease all;
}

.header-scroll.active {
    top: 0;
}

.header .header_content {
    display: flex;
    flex-direction: column;
}


.header_content .header_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*gap: 20px;*/
    padding: 8px 0;
    border-bottom: 1px solid var(--opdev-primary-100);
}

.header.light .header_top {
    border-bottom: 1px solid var(--opdev-gray-200);
}

.header_content .header_top-location {
    position: relative;
}

.header_content .header_location-tab {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    color: #FFF;
    color: var(--opdev-white);
}

.header_location-tab .header_location-arrow.active {
    transform: rotateZ(-180deg);
}

.header_top-location .header_location-texts {
    position: absolute;
    opacity: 0;
    top: 15px;
    left: 0;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    gap: 4px;
    background-color: var(--opdev-primary);
    box-shadow: 0 0 7px 0 #FFF;
    box-shadow: 0 0 7px 0 var(--opdev-light);
    border-radius: 5px;
    padding: 10px;
    transition: .3s ease all;
}

.header_top-location .header_location-texts.active {
    top: 23px;
    opacity: 1;
    pointer-events: all;
}

.header_location-texts span {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    color: #FFF;
    color: var(--opdev-white);
    cursor: pointer;
    white-space: nowrap;
    border-bottom: 1px solid transparent;
    transition: .3s ease all;
}

.header_location-texts span:hover {
    border-bottom: 1px solid #FFF;
    border-bottom: 1px solid var(--opdev-light);
}

.header_top .header_phone {
    display: flex;
    align-items: center;
    gap: 10px;
}

.header_top .header_navs {
    display: flex;
    align-items: center;
    gap: 10px;
}

.header_navs .header_nav {
    position: relative;
    font-size: 14px;
    line-height: 16px;
    color: #FFF;
    color: var(--opdev-white);
    display: flex;
    align-items: center;
    gap: 4px;
    overflow: hidden;
}

.header_mob .header_navs .header_nav {
    font-size: 20px;
    line-height: 30px;
}

.header_navs .header_nav::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -150%;
    width: 100%;
    height: 1px;
    background-color: #FFF;
    background-color: var(--opdev-light);
    transition: .3s ease all;
}

.header_nav.selected {
    text-decoration: underline;
}

.header.light .header_navs .header_nav::after {
    background-color: var(--opdev-primary);
}

.header_navs .header_nav:hover::after {
    left: 0;
}

.header_content .header_bottom {
    padding: 6px 0;
    display: flex;
    align-items: center;
    gap: 27px;
}

.header_content .header_logo {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.header_content .header_logo img {
    width: 130px;
}

.header_content .header_logo span {
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    color: #FFF;
    color: var(--opdev-white);
    white-space: nowrap;
}

.header_content .header_block,
.header_content .header_block-wrap {
    display: flex;
    align-items: center;
    gap: 24px;
    width: 100%;
}

.modal_back {
    position: fixed;
    inset: 0;
    z-index: 3;
    background: rgba(0, 0, 0, 0.32);
    opacity: 0;
    visibility: hidden;
    transition: .3s all ease;
    cursor: pointer;
}

.modal_back.open {
    opacity: 1;
    visibility: visible;
}

body:has(.modal_back.open) {
    overflow: hidden;
}

.header_content .header_search {
    display: flex;
    align-items: center;
    width: 100%;
    height: 38px;
    position: relative;
}

.header_search.active {
    z-index: 4;
}

.header_search .suggested_list {
    position: absolute;
    padding: 9px;
    border-radius: 8px;
    background: var(--white, #FFF);
    list-style: none;
    width: calc(100% - 42px);
    left: 0;
    top: 45px;
    opacity: 0;
    z-index: 4;
    visibility: hidden;
    transition: .3s all ease;
}

.header_search.active .suggested_list {
    opacity: 1;
    visibility: visible;
}

.header_search .suggested_list li {
    padding: 6px 8px;
    margin: 0 0 8px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 125%;
    color: var(--Gray-600, #6C757D);
    transition: .3s all ease;
    cursor: pointer;
}

.header_search .suggested_list li:hover {
    color: var(--Gray-800, #343A40);
}

.header_search .suggested_list li:last-child {
    margin: 0;
}

.header-scroll .header_content .header_search {
    max-width: 570px;
    margin-left: auto;
}

.header_search .header_search-inp {
    height: 100%;
    width: 100%;
    padding: 6px 12px;
    background: #FFF;
    background: var(--opdev-white);
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
    border-radius: 4px 0px 0px 4px;
    font-size: 16px;
    line-height: 24px;
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.header_search .header_search-inp::placeholder {
    font-size: 16px;
    line-height: 24px;
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.header_search .header_search-label {
    width: 42px;
    height: 100%;
    padding: 10px 12px;
    border-radius: 0px 4px 4px 0px;
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
    background-color: var(--opdev-primary);
    cursor: pointer;
}

.header_search .header_search-label:hover {
    background-color: #02747E;
    background-color: var(--opdev-primary-dark);
}

.header_block .header_call {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #FFF;
    color: var(--opdev-white);
    background: #00929F;
    background: var(--opdev-primary);
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
    border-radius: 4px;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.header_block .header_call:hover {
    background-color: #02747E;
    background-color: var(--opdev-primary-dark);
}

.header_block .header_call img {
    display: none;
    vertical-align: middle;
}

.header_block .header_phone-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.header_block .header_phone-wrap .header_phone {
    display: none;
}

.header_phone-wrap .header_logo-mob {
    width: 100px;
    display: none;
}

.header_block .header_phone {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.header_phone .header_phone-box {
    display: flex;
    align-items: center;
    gap: 4px;
}

.header_phone .header_phone-box a {
    font-size: 16px;
    line-height: 20px;
    color: #FFF;
    color: var(--opdev-white);
    white-space: nowrap;
}

.header.light .header_phone .header_phone-box a,
.header.light .header_phone .header_phone-box span,
.header.light .header_navs .header_nav {
    color: var(--opdev-black);
}

.header_phone .header_phone-box span {
    font-size: 12px;
    line-height: 16px;
    color: #FFF;
    color: var(--opdev-white);
}
.header_top .header_phone .header_phone-box a {
    font-size: 14px;
}
.header_menu {
    display: flex;
    align-items: center;
    gap: 2px;
}

.header_menu .header_menu-tab {
    position: relative;
    width: 76px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.header_menu:has(.header_menu-link){
    gap: 18px;
}
.header_menu .header_menu-link{
    padding: 8px;
    border-radius: 4px;
    background: var(--Gray-100, #F8F9FA);
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    color: var(--Gray-800, #343A40);
    white-space: nowrap;
    text-wrap: nowrap;
}
.header_menu .header_menu-tab img {
    width: 24px;
    height: 24px;
}

.header_menu .header_menu-tab span {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    color: #FFF;
    color: var(--opdev-white);
}

.header_menu .header_menu-tab b {
    position: absolute;
    top: 0;
    right: 5px;
    padding: 5px 3px;
    height: 16px;
    background: #FFF;
    background: var(--opdev-white);
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    line-height: 12px;
    color: #02747E;
    color: var(--opdev-primary-dark);
}

/* Header mob */
.header_bars {
    padding: 6.5px;
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
    background-color: var(--opdev-primary);
    border-radius: 3.2px;
    display: none;
    align-items: center;
    justify-content: center;
}

.header_bars:hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
}
.header.light .header_bars:hover,
.header.light .header_bars{
    background: #EC1821;
    background: var(--opdev-primary);
    border: 1px solid #EC1821;
    border: 1px solid var(--opdev-primary);
}

.header_mob {
    position: fixed;
    top: 0;
    right: -150%;
    z-index: 17;
    padding: 10px 20px;
    width: 300px;
    background: #00929F;
    background: var(--opdev-primary);
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: auto;
    gap: 20px;
    transition: .3s ease all;
}

.header.light .header_mob {
    background: var(--opdev-white);
}

.header_mob p {
    white-space: nowrap;
}

.header_mob.active {
    right: 0;
}

.header_mob.active+.header_mob-bg {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 16;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}

.header_mob .header_close {
    max-width: fit-content;
    margin-left: auto;
}
.header_mob .header_close svg path{
    fill: #000;
}

.header_mob .header_navs {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.header_mob .header_navs .header_nav {
    max-width: fit-content;
    color: var(--opdev-light);
}

/* Header end */

/* Header Message start */
.header_message {
    background: #000;
    background: var(--opdev-dark);
    padding: 5px 0px;
}

.header_message .head_message-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.header_message .head_message-info {
    display: flex;
    align-items: center;
    gap: 50px;
}

.header_message .head_message-title {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #FFF;
    color: var(--opdev-white);
}

.header_message .info__circle-img:hover svg path,
.header_message .info__circle-img.active svg path {
    fill: #FF5B3A;
    fill: var(--opdev-danger);
}

.header_message .head_message-link {
    padding: 4px 8px;
    border: 1px solid #00929F;
    border: 1px solid var(--opdev-primary);
    border-radius: 3.2px;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: var(--opdev-primary);
}

.header_message .head_message-link:hover {
    background: #00BDAD;
    background: var(--opdev-primary);
    color: #FFF;
    color: var(--opdev-white);
}

/* Header Message end */



/* Bottom menu */
.bottom_menu {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: #FFF;
    background: var(--opdev-white);
    width: 100%;
    height: 48px;
    display: none;
    align-items: center;
}

.bottom_menu .bottom_menu-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    width: 100%;
    padding: 12px;
    border-top: 1px solid #CED4DA;
    border-top: 1px solid var(--opdev-gray-400);
    border-right: 1px solid #CED4DA;
    border-right: 1px solid var(--opdev-gray-400);
}

.bottom_menu .bottom_menu-link.active svg path,
.bottom_menu .bottom_menu-link:hover svg path {
    fill: #00929F;
    fill: var(--opdev-primary);
}

.bottom_menu-link .bottom_menu-spn {
    position: absolute;
    left: 60%;
    top: 5px;
    padding: 2px 4px;
    font-size: 10px;
    font-weight: 700;
    line-height: 12px;
    color: #FFF;
    color: var(--opdev-white);
    border-radius: 4px;
    background: #00929F;
    background: var(--opdev-primary);
}

/* Bottom menu */

/* Breadcrumb start */
.breadcrumb {
    padding: 26px 0;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
}
.breadcrumb-span {
    margin: 0;
}
.breadcrumb img {
    width: 8px !important;
}

.breadcrumb .breadcrumb-items {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow: auto;
}

.breadcrumb .breadcrumb-items::-webkit-scrollbar {
    display: none;
}

.breadcrumb-items .breadcrumb-link {
    display: flex;
    align-items: center;
    gap: 6px;
}

.breadcrumb-items .breadcrumb-link span {
    font-size: 16px;
    line-height: 16px;
    color: #00929F;
    color: var(--opdev-primary);
    border-bottom: 1px solid #00929F;
    border-bottom: 1px solid var(--opdev-primary);
    white-space: nowrap;
    text-wrap: nowrap;
}

.breadcrumb-items .breadcrumb-span {
    font-size: 16px;
    line-height: 20px;
    color: #6C757D;
    color: var(--opdev-gray-600);
    white-space: nowrap;
    text-wrap: nowrap;
}
.breadcrumb-items .breadcrumb-link svg path{
    fill: var(--opdev-primary);
}

/* Breadcrumb end */

/* Catalog start */
.catalog {
    padding-bottom: 48px;
}

.catalog .catalog-main {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.catalog-main .catalog_top {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.catalog_top .catalog-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    color: #343A40;
    color: var(--opdev-black);
    margin-bottom: 0;
}

.catalog_top .catalog_mini-cards {
    display: grid;
    grid-template-columns: 18% 18% 18% 18% 18%;
    gap: 16px;
}

.catalog_mini-cards .catalog_mini-card {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px 8px 8px;
    background: #FFF;
    background: var(--opdev-white);
    border-radius: 8px;
}

.catalog_mini-cards .catalog_mini-card p {
    font-size: 14px;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-black);
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.catalog_top .catalog_filter {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.catalog_filter .catalog_filter-spn {
    font-size: 12px;
    line-height: 16px;
    color: #00929F;
    color: var(--opdev-primary);
    padding: 3px 6px;
    background: #00929F1A;
    background: var(--opdev-primary-light);
    border-radius: 4px;
    width: fit-content;
}

.catalog_filter .catalog_filter-tabs {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.catalog_filter .catalog_filter-tab {
    font-size: 14px;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-black);
    padding: 8px;
    border-radius: 8px;
    background: #FFF;
    background: var(--opdev-white);
    white-space: nowrap;
}

.catalog .catalog_block {
    position: relative;
    display: flex;
    align-items: stretch;
    gap: 24px;
}

.sidebar_wrap {
    z-index: 2;
    width: 24%;
    height: auto;
}

.wrapper:has(.catalog_sidebar) {
    overflow-x: clip;
}

.catalog_block .catalog_sidebar {
    position: sticky;
    top: 65px;
    transform: none;
    width: 306px;
    /* max-height: calc(100svh - 52px - 15px); */
    /* overflow-y: auto; */
    display: flex;
    flex-direction: column;
    gap: 16px;
    background-color: #F8F9FA;
    background-color: var(--opdev-light);
}




.catalog_block .catalog_sidebar::-webkit-scrollbar {
    display: none;
}

.catalog_sidebar .sidebar_header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 40px;
    display: none;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    background: #FFF;
    background: var(--opdev-white);
}

.catalog_sidebar .sidebar_header .sidebar_close {
    cursor: pointer;
}

.catalog_sidebar .sidebar_item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px 12px 12px;
    background: #FFF;
    background: var(--opdev-white);
    border-radius: 8px;
}

.sidebar_item .sidebar_item-title {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 10px;
    cursor: pointer;
}
.sidebar_item .sidebar_item-title.active a{
    color: var(--opdev-primary);
}
.sidebar_item-box .sidebar_box a.active {
    color: var(--opdev-primary);
}
.sidebar_item .sidebar_item-title a {
    color: #343A40;
    color: var(--opdev-black);
}

.sidebar_item .sidebar_text-modal {
    position: relative;
}

.sidebar_item .sidebar_modal {
    position: absolute;
    left: 110%;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    pointer-events: none;
    width: 251px;
    z-index: 4;
    padding: 10px;
    border-radius: 4px;
    color: #FFF;
    background-color: var(--opdev-light);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 0px 14px 0px;
    transition: .3s ease all;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.sidebar_item .sidebar_modal.active {
    opacity: 1;
    pointer-events: all;
}

.sidebar_item .sidebar_modal::after {
    content: '';
    position: absolute;
    left: -7px;
    top: 35%;
    z-index: -1;
    width: 15px;
    height: 15px;
    background: #FFF;
    background: var(--opdev-white);
    transform: rotate(-45deg);
}

.sidebar_modal .sidebar_modal-close {
    display: none;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin: 0 auto;
}

.sidebar_item .sidebar_modal-title {
    display: none;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
}

.sidebar_item .sidebar_modal-text {
    font-size: 12px;
    line-height: 14px;
    color: #343A40;
    color: var(--opdev-black);
}

.sidebar_item .sidebar_item-title b {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
    display: flex;
    align-items: center;
    gap: 13px;
    max-width: 230px;
}

.sidebar_item-arrow {
    width: 24px !important;
}

.sidebar_item .sidebar_item-arrow {
    transition: .3s ease all;
    transform: rotateX(0deg);
}

.sidebar_item .sidebar_item-arrow.active {
    transform: rotateX(180deg);
}

.sidebar_item .sidebar_item-box {
    display: flex;
    align-items: left;
    gap: 12px;
}

.sidebar_item .sidebar_item-box.active {
    display: flex;
}

.sidebar_item-box .sidebar_item-inp {
    position: relative;
    width: 100%;
}

.sidebar_item-box .sidebar_item-inp span {
    position: absolute;
    top: 11px;
    left: 12px;
    font-size: 16px;
    line-height: 16px;
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.sidebar_item-box .sidebar_item-inp input {
    background: #FFF;
    background: var(--opdev-white);
    width: 100%;
    height: 38px;
    border: 1px solid var(--opdev-gray-400);
    border: 1px solid #CED4DA;
    padding: 6px 12px 6px 35px;
    border-radius: 3.2px;
    font-size: 16px;
    line-height: 24px;
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.sidebar_item .sidebar_item-check {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sidebar_item .sidebar_item-check.active {
    display: none;
}

.question_modal-wrap .sidebar_check-inp,
.sidebar_item-check .sidebar_check-inp {
    display: flex;
    align-items: center;
    gap: 8px;
}

.order_item-title .circle_recipient.none,
.sidebar_item-check .sidebar_check-inp.none {
    display: none;
}

.sidebar_item-check .sidebar_check-inp label {
    font-size: 16px;
    line-height: 20px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
    cursor: pointer;
}

.sidebar_check-inp {
    margin-bottom: 10px;
}

.sidebar_check-inp input[type="checkbox"] {
    appearance: none;
    color: #FFF;
    background-color: var(--opdev-light);
    width: 16px;
    height: 16px;
    border: 1px solid #CED4DA;
    border: 1px solid var(--opdev-gray-400);
    border-radius: 4px;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
}

.sidebar_check-inp input[type="checkbox"]::before {
    content: "";
    width: 10px;
    height: 10px;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--opdev-light);
    transform-origin: bottom left;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

.sidebar_check-inp input[type="checkbox"]:checked::before {
    transform: scale(1);
}

.sidebar_check-inp input[type="checkbox"]:checked {
    border: 1px solid #00929F;
    border: 1px solid var(--opdev-primary);
    background: #00929F;
    background: var(--opdev-primary);
}

.sidebar_item-check .sidebar_check-inp input[type="checkbox"]:checked+label {
    color: #343A40;
    color: var(--opdev-black);
}

.sidebar_item-check .more_check-btn {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    color: #00929F;
    color: var(--opdev-primary);
    text-align: start;
    cursor: pointer;
}

.catalog_sidebar .sidebar_links {
    position: sticky;
    bottom: 0;
    z-index: 2;
    width: 306px;
    padding: 8px 12px;
    background: #FFF;
    background: var(--opdev-white);
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.sidebar_links.sidebar_links_down {
    position: relative !important;
}

.sidebar_links .sidebar_link {
    height: 38px;
    width: 98px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #00929F;
    border: 1px solid var(--opdev-primary);
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #00929F;
    color: var(--opdev-primary);
}

.sidebar_links .sidebar_link1:hover {
    background: #00929F;
    background: var(--opdev-primary);
    color: #FFF;
    color: var(--opdev-white);
}

.sidebar_links .sidebar_link2 {
    width: 100%;
    background: #00929F;
    background: var(--opdev-primary);
    color: #FFF;
    color: var(--opdev-white);
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
}

.sidebar_links .sidebar_link2:hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

.catalog_block .home_sidebar {
    border-radius: 8px;
    padding: 12px;
    background: #FFF;
    background: var(--opdev-white);
    /* height: 1578px; */
    overflow-y: auto;
}

.catalog_block .home_sidebar::-webkit-scrollbar {
    display: none;
}

.home_sidebar-wrap .home_sidebar-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 33px;
    color: #343A40;
    color: var(--opdev-black);
    margin-bottom: 8px;
}

.home_sidebar .sidebar_item .sidebar_item-title {
    padding: 0;
    background: #F8F9FA;
    background: var(--opdev-light);
}

.home_sidebar .catalog_items {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.home_sidebar .sidebar_item {
    background: #F8F9FA;
    background: var(--opdev-light);
    padding: 8px 12px;
}


.home_sidebar .sidebar_item .sidebar_item-box {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.sidebar_item .sidebar_item-title a {
    color: var(--opdev-black);
}

.sidebar_item-box .sidebar_box a {
    font-size: 14px;
    line-height: 16px;
    color: var(--opdev-black);
}

.sidebar_item-box .sidebar_box a:hover {
    color: var(--opdev-primary);
}

.home_sidebar .sidebar_item .sidebar_item-box {
    flex-direction: none;
}

.home_sidebar .sidebar_item .sidebar_item-box.active {
    display: none;
}

.home_sidebar .sidebar_item-box .sidebar_box {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sidebar_item-box .sidebar_box span {
    font-size: 12px;
    line-height: 16px;
    padding: 2px 6px;
    color: #00929F;
    color: var(--opdev-primary);
    border-radius: 4px;
    background: var(--opdev-primary-light);
    max-width: fit-content;
}

.sidebar_item-box .sidebar_box p {
    font-size: 14px;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-black);
}
.sidebar_box .sidebar_box-logo {
    display: flex;
    align-items: start;
    gap: 8px;
    flex-wrap: wrap;
}

.sidebar_box-logo .sidebar_logo-link {
    padding: 5px 8px;
    background: #FFF;
    background: var(--opdev-white);
    border-radius: 4px;
    border: 1px solid #DEE2E6;
    border: 1px solid var(--opdev-gray-300);
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}



.catalog_block .catalog_product {
    display: flex;
    flex-direction: column;
    width: 74%;
    margin-left: auto;
}

.catalog_product .product_filters {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.product_filters .product_filter {
    display: none;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    background: #FFF;
    background: var(--opdev-white);
    border: 1px solid #E9ECEF;
    border: 1px solid var(--opdev-gray-200);
    width: 156px;
    font-size: 14px;
    line-height: 16px;
    color: #00929F;
    color: var(--opdev-primary);
}

.catalog_product .product_radio-tab {
    display: none;
    align-items: center;
    gap: 8px;
    color: #6C757D;
    color: var(--opdev-gray-600);
    font-size: 14px;
    line-height: 16px;
}

.catalog_product .product_radio-tab.active img {
    transform: rotateX(-180deg);
}

.catalog_product .product_links {
    display: flex;
    align-items: center;
    gap: 17px;
}

.product_links .product_link {
    font-size: 14px;
    line-height: 16px;
    color: #00929F;
    color: var(--opdev-primary);
}

.product_links .product_link:hover,
.product_links .product_link.active {
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.catalog_product .product_radio-wrap {
    position: fixed;
    bottom: -20px;
    left: 0;
    width: 100%;
    z-index: 16;
    opacity: 0;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 32px 16px 16px;
    background: #FFF;
    background: var(--opdev-white);
    border-radius: 8px 8px 0 0;
    transition: .3s ease all;
}

.catalog_product .product_radio-wrap.active {
    bottom: 0;
    opacity: 1;
    pointer-events: all;
}

.catalog_product .product_radio-wrap.active+.product_radio-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #343a407b;
    background: var(--opdev-light-black);
    z-index: 15;
}

.product_radio-wrap .product_radio-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
}

.product_radio-wrap .product_radio-btn {
    width: 100%;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #00929F;
    background: var(--opdev-primary);
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
    color: #FFF;
    color: var(--opdev-white);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;

}

.product_radio-wrap .product_radio-btn:hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

.catalog_product .product_radio-items {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.catalog_product .product_radio-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.product_radio-inp[type="radio"]:checked,
.product_radio-inp[type="radio"]:not(:checked) {
    position: absolute;
    opacity: 0;
}

.product_radio-inp[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: var(--opdev-gray-400);
    color: #CED4DA;
}

.product_radio-inp[type="radio"]:checked+label {
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #343A40;
    color: var(--opdev-black);
}

.product_radio-inp[type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    background: #FFF;
    background: var(--opdev-white);
    border-radius: 100%;
    border: 1px solid var(--opdev-gray-400);
    border: 1px solid #CED4DA;
}

.product_radio-inp[type="radio"]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #00929F;
    border: 1px solid var(--opdev-primary);
    border-radius: 100%;
    background: #00929F;
    background: var(--opdev-primary);
}

.product_radio-inp[type="radio"]:checked+label:after,
.product_radio-inp[type="radio"]:not(:checked)+label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #FFF;
    background: var(--opdev-white);
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.product_radio-inp[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.product_radio-inp[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.product_radio-item .product_radio-label {
    font-size: 14px;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-black);
    white-space: nowrap;
}

.product_cards {
    margin-top: 8px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
}

.product_cards_full {
    margin-top: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}

.product_cards-wrap {
    margin-bottom: 48px;
}

.product_card {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: #FFF;
    background: var(--opdev-white);
    display: flex;
    flex-direction: column;
    border: 1px solid #DEE2E6;
    border: 1px solid var(--opdev-gray-300);
}

.product_card .product_card-block {
    position: relative;
    padding: 8px;
    height: 252px;
}

.product_card .product_card-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product_card .product_card-tabs {
    position: absolute;
    top: 7px;
    right: 7px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.header_message .info__circle-img svg path,
.video svg path,
.like svg path {
    fill: #00BDAD;
    fill: var(--opdev-primary);
}

.like:hover svg path {
    fill: #02747E;
    fill: var(--opdev-primary-dark);
}

.video .video2,
.like .like2 {
    display: none;
}

.video.active .video1,
.like.active .like1 {
    display: none;
}

.video.active .video2,
.like.active .like2 {
    display: block;
}

.video.active svg path,
.like.active svg path {
    fill: #00BDAD;
    fill: var(--opdev-primary);
}

.product_card .card_block-spns {
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: absolute;
    bottom: 8px;
    left: 8px;
}

.card_block-spns .card_block-spn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    height: 25px;
    padding: 2px 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #FFF;
    color: var(--opdev-white);
    border-radius: 4px;
    max-width: fit-content;
}

.card_block-spns .card_block-spn.hit {
    background: #FFAC05;
    background: var(--opdev-warning);
}

.card_block-spns .card_block-spn.percent {
    background: #FF5B3A;
    background: var(--opdev-danger);
}

.card_block-spns .card_block-spn.new {
    background: #00BDAD;
    background: var(--opdev-success);
}

.product_card-block .product_card-code {
    position: absolute;
    right: 12px;
    bottom: 8px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
}

.product_card .product_card-info {
    display: flex;
    flex-direction: column;
    justify-content: end;
    height: 100%;
    gap: 16px;
    padding: 12px;
}

.product_card-info .product_card-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #00929F;
    color: var(--opdev-primary);
    height: 48px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product_card-info .product_card-price,
.product_card-price .card_price-spn {
    display: flex;
    align-items: center;
    gap: 8px;
}

.product_card-info .product_card-price b {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
}

.product_card-price .card_price-spn span {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: 16px;
    text-decoration: line-through;
    color: var(--opdev-gray-400);
    color: #CED4DA;
}

.product_card-info .product_card-shop {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product_card-shop .card_info-date {
    display: flex;
    align-items: center;
    gap: 16px;
}

.card_info-date .info_date-box {
    display: flex;
    align-items: center;
    gap: 4px;
}

.card_info-date .info_date-box span {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #00BDAD;
    background: var(--opdev-success);
}

.card_info-date .info_date-box .spn-blue {
    background: #00BDAD;
    background: var(--opdev-success);
}

.card_info-date .info_date-box .spn-red {
    background: #FF5B3A;
    background: var(--opdev-danger);
}

.card_info-date .info_date-box b {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-black);
}

.product_card-shop .product_shop-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    border-radius: 3.2px;
    color: #FFF;
    color: var(--opdev-white);
    border: 1px solid var(--opdev-primary);
    background: var(--opdev-primary);
}

.product_card-shop .product_shop-link:active,
.product_card-shop .product_shop-link:hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

.product_card-shop .product_shop-link-incart {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    border-radius: 3.2px;
    color: var(--opdev-primary);
    border: 1px solid var(--opdev-primary);
    background: var(--opdev-white);
}

.product_card-shop .product_shop-link-incart:hover {
    background: var(--opdev-primary-light);
}

.product_card-shop .product_shop-link-preorder {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    border-radius: 3.2px;
    color: var(--opdev-danger);
    border: 1px solid var(--opdev-danger);
    background: var(--opdev-white);
}

.product_card-shop .product_shop-link-preorder:hover {
    background: var(--opdev-danger-light);
}


.product_card-shop .product_shop-link[disabled],
.product_card-shop .product_shop-link.disabled,
.product_card-shop .product_shop-link:disabled {
    background-color: var(--opdev-gray-300);
    border-color: var(--opdev-gray-300);
    color: var(--opdev-gray-500);
    cursor: default;
    font-weight: 400;
    fill: var(--opdev-gray-500);
}

.product_card-shop .product_shop-link.added {
    background-color: #02747E;
    background-color: var(--opdev-primary-dark);
    border: 1px solid var(--opdev-primary-dark);
}

.product_card-shop .product_shop-link svg {
    /*width: 16px;*/
    /*height: 16px;*/
    fill: var(--opdev-white);
}

.product_card-shop .product_shop-link.disabled svg {
    fill: var(--opdev-gray-500);
}

.product_paginations-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 24px;
}

.product_paginations {
    display: flex;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #DEE2E6;
    border: 1px solid var(--opdev-gray-300);
    height: 39px;
    overflow: hidden;
}

.product_paginations .pagination_dote,
.product_paginations .pagination_arrow {
    width: 38px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #DEE2E6;
    border-right: 1px solid var(--opdev-gray-300);
}
.pagination_dote path{
    fill: var(--opdev-primary);
}
.product_paginations .pagination_arrow2 {
    border: none;
}

.product_paginations .pagination_arrow:hover {
    background: #00929F;
    background: var(--opdev-primary);
}
.product_paginations .pagination_arrow svg path{
    fill: var(--opdev-primary);
}
.product_paginations .pagination_arrow:hover svg path {
    fill: var(--opdev-light);
    fill: #FFF;
}

.product_paginations .pagination_num {
    width: 35px;
    height: 100%;
    border-right: 1px solid #DEE2E6;
    border-right: 1px solid var(--opdev-gray-300);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .3s ease all;
}

.product_paginations .pagination_num span {
    font-size: 16px;
    line-height: 16px;
    color: #00929F;
    color: var(--opdev-primary);
    border-bottom: 1px solid #00929F;
    border-bottom: 1px solid var(--opdev-primary);
    transition: .3s ease all;
}

.product_paginations .pagination_num.active,
.product_paginations .pagination_num:hover {
    background: #00929F;
    background: var(--opdev-primary);
}

.product_paginations .pagination_num.active span,
.product_paginations .pagination_num:hover span {
    color: #FFF;
    color: var(--opdev-white);
    border-color: #FFF;
    border-color: var(--opdev-light);
}

.catalog_product .pagination_all-value {
    font-size: 16px;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
}

.catalog_product .catalog_texts {
    border-radius: 8px;
    background: #E9ECEF;
    background: var(--opdev-gray-200);
    padding: 24px 24px 24px;
    /*display: flex;*/
    flex-direction: column;
    gap: 10px;
}

.catalog_product .catalog_texts2 {
    margin-top: 0;
    margin-bottom: 48px;
}

.catalog_texts .catalog_text {
    font-size: 14px;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-black);
}

/* Catalog end */

/* Brend start */
.brend {
    padding-bottom: 48px;
}

.brend .brend_block {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.viewed_block .viewed_title,
.brend_block .brend-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 33px;
    color: #343A40;
    color: var(--opdev-black);
}

.brend_block .brend_items {
    position: relative;
}

.brend_items .brend_item-total {
    position: absolute;
    bottom: -10px;
    right: 0;
    z-index: 2;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    padding: 10px;
    background: #F8F9FA;
    background: var(--opdev-light);
}

.brend_block .brendSlide2,
.brend_block .brendSlide {
    padding-bottom: 32px;
}

.brend_item .brend_item-logo img {
    width: 100%;
}


.brend_block .brend_item {
    display: flex;
    align-items: center;
    gap: 16px;
}

.brend_item .brend_item-logo {
    padding: 16px;
    height: 62px;
    width: 100%;
    background: #FFF;
    background: var(--opdev-white);
    border: 1px solid #DEE2E6;
    border: 1px solid var(--opdev-gray-300);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Brend end */


/* Viewed start */
.viewed {
    padding-bottom: 49px;
}

.viewed-end {
    padding-bottom: 0;
}

.viewed .viewed_block {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.viewed_block .viewed_card-total {
    position: absolute;
    bottom: -10px;
    right: 0;
    z-index: 2;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    padding: 10px;
    background: #F8F9FA;
    background: var(--opdev-light);
}

.viewed_block .viewed_cards {
    display: flex;
    align-items: start;
    gap: 24px;
    overflow: auto;
    padding-bottom: 0;
}

.viewedSlide2 .swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    width: 100%;
}

.viewedSlide3,
.viewedSlide2,
.viewedSlide,
.noteSlide {
    padding-bottom: 32px;
    width: 100%;
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    border-radius: 4px;
    bottom: 0;
    left: 0;
    height: 16px;
    background-color: #E9ECEF;
    background-color: var(--opdev-gray-200);
}

.swiper-scrollbar-drag {
    border-radius: 4px;
    background-color: #00929F;
    background-color: var(--opdev-primary);

}

.viewed_cards .product_card {
    width: 100%;
}

.viewed_cards .product_card .product_card-block {
    width: 100%;
}

/* Viewed end */

/* News card start */
.news-list_cards {
    display: flex;
    align-items: start;
    gap: 24px;
    padding-bottom: 49px;
}

.news-list_cards .news-list_card {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.news-list_card .news-list_card-link {
    height: 38px;
    padding: 6px 12px;
    background: #00929F;
    background: var(--opdev-primary);
    border-radius: 4px;
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
    max-width: fit-content;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #FFF;
    color: var(--opdev-white);
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.news-list_card .news-list_card-link:hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

.news-list_cards .news-list_card:nth-child(3) {
    gap: 16px;
}

.news-list_card .news-list_card-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.news-list_card .news-list_card-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 33px;
    color: #343A40;
    color: var(--opdev-black);
}

.news-list_card .news-list_card-text {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-list_card:nth-child(2) .news-list_card-text {
    height: 49px;
}

.news-list_card .news-list_card-date {
    font-size: 14px;
    line-height: 16px;
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.news-list_card .news-list_card-img {
    width: 306px;
    height: 160px;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #DEE2E6;
    border: 1px solid var(--opdev-gray-300);
}

/* News card end */

/* Subscribe start */
.subscribe {
    padding-bottom: 48px;
}

.subscribe .subscribe_block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 20px 220px;
    border-radius: 8px;
    background: #E9ECEF;
    background: var(--opdev-gray-200);
    border: 1px solid #DEE2E6;
    border: 1px solid var(--opdev-gray-300);
}

.subscribe_block .subscribe_info {
    display: flex;
    align-items: center;
    gap: 8px;
}

.subscribe_info .subscribe_inp {
    width: 260px;
    background: #FFF;
    background: var(--opdev-white);
    border: 1px solid var(--opdev-gray-400);
    border: 1px solid #CED4DA;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 20px;
    color: #6C757D;
    color: var(--opdev-gray-600);
    border-radius: 4px;
}

.subscribe_info .subscribe_inp::placeholder {
    font-size: 16px;
    line-height: 20px;
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.subscribe_info .subscribe_btn {
    padding: 6px 12px;
    background: #00929F;
    background: var(--opdev-primary);
    border-radius: 4px;
    color: #FFF;
    color: var(--opdev-white);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
}

.subscribe_info .subscribe_btn:hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

.subscribe-img {
    width: 200px !important;
}

/* Subscribe end */


/* Home Slider start */
.home {
    padding: 24px 0px 48px;
}

.home_slider .swiper-wrapper2 {
    display: flex;
    justify-content: center;
}

.home_slider .swiper-button-next,
.home_slider .swiper-button-prev {
    background: #FFF;
    background: var(--opdev-white);
    border: 1px solid #CED4DA;
    border: 1px solid var(--opdev-gray-400);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 10px;
    color: #343A40;
    color: var(--opdev-black);
    font-weight: 800;
}

.swiper-wrapper2 .swiper-slide {
    width: 140px !important;
    height: 52px;
    border-radius: 8px;
    overflow: hidden;
    margin: 0;
    border: 2px solid transparent;
}

.swiper-wrapper2 .swiper-slide-thumb-active {
    border: 2px solid #6C757D;
    border: 2px solid var(--opdev-gray-600);
}

.home_slider .home_slider-top {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}

.home_slider .slider_top-img {
    width: 100%;
    height: 298px;
    border-radius: 8px;
    object-fit: cover;
}

.home_slider .home_slider-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.home_slider .slider_bottom-img {
    cursor: pointer;
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
}

/* Home Slider end */

/* Note start */
.advantages,
.note {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 48px;
}

.advantages .advantage_title,
.note .note_title {
    font-size: 22px;
    font-weight: 700;
    line-height: 33px;
    color: #343A40;
    color: var(--opdev-black);
}

.note .note_block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.note_block .certificate_block-img,
.note_block .note_block-img {
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #DEE2E6;
    border: 1px solid var(--opdev-gray-300);
}

.note_block .certificate_block-img {
    height: 184px;
    object-fit: cover;
}

/* Note end */

/* Advantages start */
.advantages .advantage_block {
    display: grid;
    grid-template-columns: 31.5% 31.5% 31.5%;
    gap: 24px;
}

.advantage_block .advantage_block-img {
    width: 100%;
    height: 160px;
    overflow: hidden;
    object-fit: none;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #DEE2E6;
    border: 1px solid var(--opdev-gray-300);
}

/* Advantages end */

/* Order start */
.order {
    padding: 0 0 50px;
}

.order .order_title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    color: #343A40;
    color: var(--opdev-black);
}

.order .order_block {
    padding-top: 24px;
    display: grid;
    grid-template-columns: 32% 32% 32%;
    gap: 24px;
}

.order_block .order_price-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    background-color: #F8F9FA;
    background-color: var(--opdev-light);
}

.order_items .order_item.order_product {
    display: block;
}

.order_items img {
    width: auto;
    object-fit: contain;
    display: block;
    flex-shrink: 0;
    align-self: flex-start;
}

.order_price-wrap .order_item.order_product {
    display: none;
}

body:has(.order_item.required) {
    overflow: hidden;
}

main:has(.order_item.required) {
    position: relative;
}

main:has(.order_item.required)::after {
    position: absolute;
    content: '';
    inset: 0;
    background-color: #343A40;
    opacity: .32;
    z-index: 2;
}

.order_block .order_item.required {
    position: relative;
    z-index: 3;
}


/* body:has(.basket_tabs.required) {
    overflow: hidden;
}

main:has(.basket_tabs.required) {
    position: relative;
}

main:has(.basket_tabs.required)::after {
    position: absolute;
    content: '';
    inset: 0;
    background-color: #343A40;
    opacity: .32;
    z-index: 2;
}

.card_items .basket_tabs.required {
    position: relative;
    z-index: 4;
} */

.basket_tabs {
    z-index: 4;
}
.basket_tabs_note {
    z-index: 3;
    text-align: center;
    display: block;
    background-color: var(--opdev-white);
    font-weight: 500;
    padding: 15px;
    border-radius: 0 0 8px 8px;
    margin-top: -30px;
}


.order_block .order_price-wrap,
.order_block .order_item,
.order_block .order_items {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.order_block .order_item {
    padding: 16px;
    border-radius: 8px;
    background-color: #FFF;
}

.order_item .order_item-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.delivery_check .delivery_item-circle,
.order_item-title .order_item-circle {
    position: relative;
}

.order_item-title .delivery_item-circle.none {
    display: none !important;
}

.order_item-circle .item_circle-img {
    cursor: pointer;
}

.order_item-circle .order_circle-modal:hover,
.order_item-circle .item_circle-img:hover+.order_circle-modal {
    opacity: 1;
    pointer-events: all;
}

.order_item-circle .order_circle-modal {
    position: absolute;
    right: 30px;
    top: -2px;
    opacity: 0;
    pointer-events: none;
    z-index: 2;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 14px;
    color: #343A40;
    color: var(--opdev-black);
    background-color: #FFF;
    background-color: var(--opdev-light);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 0px 14px 0px;
    transition: .3s ease all;
    display: flex;
    flex-direction: column;
    gap: 5px;
    white-space: nowrap;
}

.order_item .order_circle-modal::after {
    content: '';
    position: absolute;
    right: -5px;
    top: 30%;
    z-index: -1;
    width: 10px;
    height: 10px;
    background: #FFF;
    background: var(--opdev-white);
    transform: rotate(-45deg);
}

.order_item-circle .delivery_circle-modal {
    top: -6px;
}

.order_item-title .order_item-circle .delivery_circle-modal {
    top: -2px;
}

.delivery_circle-modal .circle-delete,
.delivery_circle-modal .circle-edit {
    font-size: 12px;
    line-height: 14px;
    color: #343A40;
    color: var(--opdev-black);
    text-decoration: underline;
}

.delivery_circle-modal .circle-delete {
    color: #FF5B3A;
    color: var(--opdev-danger);
}

.order_item-title h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 33px;
    color: #343A40;
    color: var(--opdev-black);
}

.order_item .order_recipient-tab {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    padding: 10px 8px;
    width: 100%;
    background: var(--opdev-light);
    border-radius: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--opdev-black);
}

.order_item .order_recipient-tab:hover {
    background: #E9ECEF;
    background: var(--opdev-gray-200);

}

.order_block #orderProduct2 {
    display: none;
}

.order_block .order_product {
    background-color: transparent;
}

.order_product .order_product-cards {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.order_product .order_product-card {
    display: flex;
    align-items: center;
    gap: 16px;
}

.order_product-card img {
    width: 82px;
    border-radius: 6px;
}

.order_product-card .order_card-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.order_product-card .order_card-info b {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.order_product-card .order_card-spn {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: 16px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
}

.order_product-card .order_card-spn .spn-discount {
    text-decoration: line-through;
}

.order_item .delivery_tabs {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 2px;
    border-radius: 8px;
    background: #E9ECEF;
    background: var(--opdev-gray-200);
    overflow: hidden;
}

.delivery_tabs .delivery_tab {
    width: 100%;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 7px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-black);
    white-space: nowrap;
}

.delivery_tabs .delivery_tab.active {
    background: #FFF;
    background: var(--opdev-white);
}

.delivery_cards .delivery_card {
    display: none;
    flex-direction: column;
    gap: 16px;
}

.delivery_cards .delivery_card.active {
    display: flex;
}

#formModalValue .delivery_check,
.delivery_card .delivery_check {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    padding: 8px;
    height: 56px;
    background: #F8F9FA;
    background: var(--opdev-light);
}

#formModalValue .delivery_check .delivery_check-inp,
.delivery_check .delivery_check-inp {
    width: 16px;
    height: 16px;
}

.delivery_check input[type="checkbox"] {
    appearance: none;
    color: #FFF;
    color: var(--opdev-white);
    width: 13px;
    height: 13px;
    background: transparent;
    border: 1px solid #CED4DA;
    border: 1px solid var(--opdev-gray-400);
    border-radius: 100%;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
}

.delivery_check input[type="checkbox"]::before {
    width: 7.5px;
    height: 6px;
}

.delivery_check input[type="checkbox"]:checked {
    background: #00BDAD;
    background: var(--opdev-success);
    border: 1px solid #00BDAD;
    border: 1px solid var(--opdev-success);
}

.delivery_check label {
    font-size: 16px;
    line-height: 20px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
    cursor: pointer;
    width: 344px;
}

.delivery_check input[type="checkbox"]:checked~label {
    color: #343A40;
    color: var(--opdev-black);
}

.delivery_card .delivery_logo {
    display: flex;
    align-items: center;
    gap: 16px;
}

.delivery_card .delivery_logo-tab {
    position: relative;
    background: #F8F9FA;
    height: 72px;
    border-radius: 8px;
    padding: 20px 40px;
    border: 2px solid transparent;
}

.delivery_card .delivery_logo-tab:hover {
    background: #DEE2E6;
    background: var(--opdev-gray-300);
}

.delivery_card .delivery_logo-tab.active {
    border-color: #00BDAD;
    border-color: var(--opdev-success);
    background: #FFF;
    background: var(--opdev-white);
}

.delivery_card .delivery_logo-tab.active:hover {
    background: #FFF;
    background: var(--opdev-white);
}

.delivery_card .delivery_logo-tab.active .delivery_logo-check {
    opacity: 1;
}

.delivery_logo .delivery_logo-img {
    max-width: 100%;
    height: 100%;
}

.delivery_logo .delivery_logo-check {
    position: absolute;
    top: 6px;
    left: 6px;
    opacity: 0;
}

.order_item .delivery_date {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: var(--Gray-800, #343A40);
}

.delivery_logo .delivery_price {
    position: absolute;
    right: 6px;
    bottom: 4px;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    color: var(--Gray-500, #ADB5BD);
}

.delivery_card .delivery_map-tab,
.delivery_card .delivery_recipient-tab {
    display: none;
}

.delivery_card .delivery_map-tab.active,
.delivery_card .delivery_recipient-tab.active {
    display: flex;
}

#formModalValue .delivery_check label,
#formModalValue2 .delivery_check label,
.delivery_card .delivery_check label {
    display: flex;
    flex-direction: column;
}

#formModalValue .delivery_check label p,
#formModalValue2 .delivery_check label p,
.delivery_card .delivery_check label p {
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 300px;
}

#formModalValue .delivery_check label span,
#formModalValue2 .delivery_check label span,
.delivery_card .delivery_check label span {
    font-size: 12px;
    line-height: 16px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 300px;
}

#formModalValue .delivery_addreess-check,
#formModalValue2 .delivery_addreess-check,
.delivery_card .delivery_addreess-check {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delivery_check .delivery_addreess-label {
    width: auto;
}

.order_item #formModalValue,
.delivery_card #sidebarCheckInp {
    flex-direction: column;
    gap: 16px;
}

.order_item #deliveryValue,
.delivery_card #deliveryAddreess {
    display: none;
    justify-content: space-between;
    gap: 10px;
}

.order_item #formModalValue.flex,
.order_item #deliveryValue.flex,
.delivery_card #sidebarCheckInp.flex,
.delivery_card #deliveryAddreess.flex {
    display: flex;
}


.order_item .order_payment,
.order_item .order_delivery {
    display: grid;
    grid-template-columns: 48% 48%;
    gap: 16px;
}

.order_item .order_payment-text,
.order_item .order_delivery-text {
    font-size: 14px;
    line-height: 16px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
}

.order_price .order_price-boxs,
.order_item .order_price {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.order_items .order_item-btn {
    width: 100%;
    height: 48px;
    border-radius: 4.8px;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
    border: 1px solid #DEE2E6;
    border: 1px solid var(--opdev-gray-300);
    background: #DEE2E6;
    background: var(--opdev-gray-300);
}

.order_items .order_item-btn.active {
    background: #00929F;
    background: var(--opdev-primary);
    color: #FFF;
    color: var(--opdev-white);
}

.order_items .order_item-btn.active:hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

.order_payment .order_payment-tab,
.order_delivery .order_delivery-tab {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 10px;
    border: 1px solid transparent;
    background: #F8F9FA;
    background: var(--opdev-light);
    border-radius: 8px;
}

.order_payment .order_payment-tab span,
.order_delivery .order_delivery-tab span {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    text-align: left;
    color: var(--opdev-gray-700);
    transition: .3s ease all;
}

.order_payment .order_payment-tab svg,
.order_delivery .order_delivery-tab svg {
    transition: .3s ease all;
}

.order_payment .order_payment-tab:hover,
.order_delivery .order_delivery-tab:hover,
.order_payment .order_payment-tab.active,
.order_delivery .order_delivery-tab.active {
    border-color: #00BDAD;
    border-color: var(--opdev-success);
}

.order_payment .order_payment-tab:hover span,
.order_payment .order_payment-tab.active span {
    color: #00BDAD;
    color: var(--opdev-success);
}

.order_payment .order_payment-tab:hover svg path,
.order_payment .order_payment-tab.active svg path {
    fill: #00BDAD;
    fill: var(--opdev-success);
}

.order_price .order_price-boxs {
    padding-bottom: 15px;
    border-bottom: 1px solid #DEE2E6;
    border-bottom: 1px solid var(--opdev-gray-300);
}

.order_price .order_price-total,
.order_price .order_price-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.order_price .order_price-box p {
    font-size: 16px;
    line-height: 20px;
    color: #343A40;
    color: var(--opdev-black);
}

.order_price-box .order_price-spn {
    display: flex;
    align-items: center;
    gap: 13px;
}

.order_price-box .order_price-spn span {
    font-size: 14px;
    line-height: 16px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
}

.order_price .order_price-total b {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
}

.order_code {
    display: flex;
    align-items: center;
    flex-direction: initial !important;
    justify-content: space-between;
    gap: 0 !important;
    padding: 16px;
    border-radius: 8px;
    background-color: #FFF;
}

.order_code .order_code-inp {
    width: 100%;
    padding: 6px 12px;
    border-radius: 4px;
    border: 1px solid #CED4DA;
    border: 1px solid var(--opdev-gray-400);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.order_code .order_code-inp::placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.order_code .order_code-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 34px;
    background: #E9ECEF;
    background: var(--opdev-gray-200);
    border-radius: 0px 4px 4px 0px;
}

/* Order end */

/* Order Modal */
.form_modal,
.map_modal,
.address_modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: .3s ease all;
}

.form_modal.active,
.map_modal.active,
.address_modal.active {
    opacity: 1;
    pointer-events: all;
}

.form_modal .form_modal-bg,
.map_modal .map_modal-bg,
.address_modal .address_modal-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #343a4068;
}

.form_modal .modal_wrap,
.map_modal .modal_wrap,
.address_modal .modal_wrap {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 560px;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 16px;
}

.map_modal .modal_wrap {
    width: 896px;
    overflow: hidden;
}

.map_modal .map_modal-img {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.map_modal .map_close {
    position: absolute;
    top: 25px;
    right: 23px;
    background: #FFF;
}

.map_modal .map_close img {
    width: 30px;
    height: 30px;
}

.form_modal .modal_top,
.map_modal .modal_top,
.address_modal .modal_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.modal_top .close-mob {
    display: none;
}

.form_modal .modal_top h3,
.address_modal .modal_top h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
}

.form_modal .modal_form-wrap,
.address_modal .address_modal-form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.form_modal .modal_form-box,
.address_modal .address_form-box {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.form_modal .modal_form-box label,
.address_modal .address_form-box label {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
}

.form_modal .modal_form-box input,
.address_modal .address_form-box textarea,
.address_modal .address_form-box input {
    border: 1px solid var(--opdev-gray-400);
    border: 1px solid #CED4DA;
    padding: 7px 13px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #6C757D;
    color: var(--opdev-gray-600);
    cursor: auto;
}

.address_modal .address_form-box textarea {
    max-width: 528px;
    min-height: 74px;
    max-height: 400px;
    outline: none;
}

.form_modal .modal_form-btn,
.form_modal .modal_form-btn2,
.address_modal .address_form-btn {
    padding: 6px 12px;
    width: 107px;
    height: 38px;
    border-radius: 4px;
    background: #00929F;
    background: var(--opdev-primary);
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #FFF;
    color: var(--opdev-white);
}

.form_modal .modal_form-btn:hover,
.form_modal .modal_form-btn2:hover,
.address_modal .address_form-btn:hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

/* Order Modal */

/* Form modal */
.form_modal .modal_wrap {
    width: 720px;
}

.form_modal .modal_form-bottom1,
.form_modal .modal_form-bottom2,
.form_modal form {
    display: grid;
    grid-template-columns: 48% 48%;
    gap: 24px;
}

.form_modal .modal_form-bottom1,
.form_modal .modal_form-bottom2 {
    display: flex;
    flex-direction: column;
    appearance: 24px;
}

.form_modal .modal_form-bottom2 {
    display: none;
}

.form_modal .modal_form-tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 2px;
    border-radius: 8px;
    background: #E9ECEF;
    background: var(--opdev-gray-200);
}

.form_modal .modal_form-tab {
    padding: 10px 20px;
    width: 100%;
    border-radius: 7px;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-black);
}

.form_modal .modal_form-tab.active {
    background: #FFF;
    background: var(--opdev-white);
}

.form_modal .modal_form-img {
    width: 100%;
    height: 100%;
}

.form_modal .sidebar_check-inp {
    display: flex;
    align-items: center;
    gap: 8px;
}

.form_modal .sidebar_check-inp label {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
}

.form_modal .sidebar_check-inp label a {
    text-decoration: underline;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
}

.form_modal .sidebar_check-inp input[type="checkbox"]:checked+label a {
    color: #343A40;
    color: var(--opdev-black);
}


/* Info start */
.info {
    padding-bottom: 49px;
}
.element-simple{
    overflow: hidden;
}

.info .info_wrap {
    display: grid;
    grid-template-columns: 65% 416px;
    gap: 24px;
}

.info.element-simple .info_wrap{
    grid-template-columns: 49% 49%;
}
.info.element-simple .info_wrap.info_wrap_full{
    grid-template-columns: 100%;
}

.element-simple .info_slide,
.element-simple .info_slide .infoSlide2,
.element-simple .info_slide .infoSlide2 .info_slide-img{
    width: 100%;
}
.element-simple .info_slide .infoSlide2,
.element-simple .info_slide .infoSlide2 .info_slide-img{
    height: 636px;
    object-fit: contain;
}

.element-simple .info_slide .infoSlide{
    width: 100%;
    overflow: auto;
}

.element-simple .info_slide .infoSlide::-webkit-scrollbar{
    display: none;
}

.element-simple .info_slide .infoSlide .info_slide-img,
.element-simple .info_slide .infoSlide .swiper-slide{
    width: 69px !important;
    height: 69px;
}

.info_accessory {
    font-size: 16px;
}

.info_accessory table {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0;
}

.info_accessory td:first-child {
    width: 80px;
}

.info_accessory th, .info_accessory td {
    padding: 8px;
    border: 1px solid var(--opdev-gray-200);
    text-align: left;
    color: var(--opdev-gray-800);
}

.info_accessory th {
    /* background-color: var(--opdev-gray-200); */
    font-weight: 500;
    font-size: 16px;
}

.info_accessory a {
    color: var(--opdev-primary);
    text-decoration: none;
}


.info_wrap .info_left {
    display: flex;
    flex-direction: column;
}

.info_wrap .info_title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    color: var(--opdev-black);
    margin-bottom: 24px;
}

.info_wrap .info_slide-wrap {
    display: flex;
    align-items: start;
    gap: 24px;
    /* margin-top: 60px; */
}

.info_wrap .info_slide {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.info_slide .swiper-button-next,
.info_slide .swiper-button-prev{
    position: absolute;
    bottom: 1%;
    top: auto;
    background: var(--opdev-gray-200);
    border-radius: 100%;
    width: 32px;
    height: 32px;
}

.info_slide .infoSlide2 .card_block-spns {
    position: absolute;
    z-index: 2;
    top: 8px;
    left: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.info_slide .infoSlide2,
.info_slide .infoSlide2 .info_slide-img {
    width: 416px;
    height: 416px;
    margin-left: 0;
}
.info_slide .infoSlide {
    width: 320px;
    margin: 0 auto;
}

.info_slide .infoSlide2 .info_slide-img {
    border-radius: 8px;
    background: #FFF;
    background: var(--opdev-white);
    border: 1px solid #DEE2E6;
    border: 1px solid var(--opdev-gray-300);
}

.info_slide .infoSlide .info_slide-img {
    width: 40px;
    height: 40px;
    cursor: pointer;
    border-radius: 8px;
}

.info_slide .infoSlide .swiper-slide {
    border: 1px solid #DEE2E6;
    border: 1px solid var(--opdev-gray-300);
    border-radius: 8px;
    width: 40px !important;
    height: 40px;
    overflow: hidden;
}

.info_slide .infoSlide .swiper-slide.swiper-slide-thumb-active {
    border: 1px solid var(--opdev-primary);
}

.info_value .info_question,
.slide_info .slide_info-texts,
.info_slide-wrap .slide_info {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.slide_info .slide_info-top {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.slide_info .slide_info-rate {
    display: flex;
    align-items: center;
    gap: 24px;
}

.slide_info-rate .info_rate-spn,
.slide_info-rate .info_rate-star {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 5px;
    border-radius: 4px;
    background: var(--opdev-white);
}

.slide_info-rate .info_rate-spn,
.slide_info-rate .info_rate-star a {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #343A40;
    color: var(--opdev-black);
    white-space: nowrap;
    cursor: pointer;
}

.star-img.last-star {
    margin-right: 10px;
}

.slide_info-rate .info_rate-spn,
.slide_info-rate .info_rate-star a:hover {
    color: var(--opdev-primary);
}

.slide_info .slide_info-texts p {
    font-size: 16px;
    line-height: 20px;
    color: #343A40;
    color: var(--opdev-black);
}

.slide_info .slide_info-boxs {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.slide_info .slide_info-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
}

.slide_info .slide_info-box span {
    font-size: 16px;
    line-height: 20px;
    color: #343A40;
    color: var(--opdev-black);
    white-space: nowrap;
}

.slide_info .slide_info-box .box-line {
    height: 1px;
    width: 100%;
    border-radius: 1px;
    background: #DEE2E6;
    background: var(--opdev-gray-300)
}

.info_wrap .info_right {
    position: relative;
}

.info_wrap .info_right-card {
    border-radius: 4px;
    padding: 24px 16px;
    background: #FFFFFF;
    background: var(--opdev-white);
    display: flex;
    flex-direction: column;
    gap: 16px;
    /* margin-top: 60px; */
}
.info_wrap .element-simple_left-card{
    background: transparent;
    padding: 0;
    border-radius: 0;
}
.info_wrap .element-simple_left-card .element-simple_right-card {
    border-radius: 4px;
    padding: 24px 16px;
    background: #FFFFFF;
    background: var(--opdev-white);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.info_wrap .info_left-card {
    display: none;
}

.info_wrap .right_card-fixed.fixed {
    position: fixed;
    left: auto;
    right: auto;
    z-index: 10;
}

.info_wrap .right_card-fixed.stopped {
    position: absolute;
    left: 0;
    right: 0;
}

.element-simple .info_wrap .right_card-fixed.fixed {
    width: 100%;
    max-width: 625px;
}

.element-simple .info_wrap .right_card-fixed{
    background: transparent;
    gap: 24px;
    padding: 0;
    border-radius: 0;
}
.element-simple .info_wrap .right_card-fixed .element-simple_right-card{
    border-radius: 4px;
    padding: 24px 16px;
    background: #FFFFFF;
    background: var(--opdev-white);
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 100px;
}
.element-simple .info_right-card .element-simple_right-boxs{
    display: grid;
    align-items: start;
    grid-template-columns: 48% 48%;
    gap: 24px;
}
.element-simple .info_right-card .element-simple_right-box{
    width: 100%;
    border-radius: 8px;
    background: #FFF;
    background: var(--opdev-white);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
}
.element-simple .info_right-card .element-simple_right-box b{
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-gray-800);
}
.element-simple .info_right-card .element-simple_right-box p{
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #343A40;
    color: var(--opdev-gray-800);
}

.info_right-card .right_card-top {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 16px;
}

.info_right-card .right_card-price {
    display: flex;
    align-items: center;
    gap: 22px;
}

.info_right-card .right_card-price b {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    color: #343A40;
    color: var(--opdev-black);
}

.info_right-card .right_card-price span {
    font-size: 22px;
    font-weight: 400;
    line-height: 33px;
    /* text-decoration: line-through; */
    color: #ADB5BD;
    color: var(--opdev-gray-500);
}

.info_right-card .right_card-top a {
    font-size: 14px;
    line-height: 16px;
    color: #00929F;
    color: var(--opdev-primary);
    text-decoration: underline;
}

.info_right-card .right_card-boxs {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.info_right-card .right_card-text{
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #343A40;
    color: var(--opdev-gray-800);
}

.info_right-card .right_card-box {
    display: flex;
    align-items: center;
    gap: 16px;
}

.info_right-card .right_card-box p {
    font-size: 16px;
    line-height: 20px;
    color: #343A40;
    color: var(--opdev-gray-800);
}

.info_right-card .right_card-box b {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-gray-800);
}

.info_right-card .right_card-box b .red,
.info_right-card .right_card-box b .green {
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background: #00BDAD;
    background: var(--opdev-success);
}

.info_right-card .right_card-box b .red {
    background: #FF5B3A;
    background: var(--opdev-danger);
}

.info_right-card .right_card-spn {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.info_right-card .right_card-spn a {
    padding: 8px;
    font-size: 14px;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-black);
    padding: 8px;
    border-radius: 8px;
    background: #F8F9FA;
    background: var(--opdev-light);
    white-space: nowrap;
}

.info_right-card .info_right-tabs {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.info_right-card .info_right-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 38px;
    width: 100%;
    padding: 6px 12px 6px 12px;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid #00929F;
    border: 1px solid var(--opdev-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #00929F;
    color: var(--opdev-primary);
}

.info_right-card .info_right-tab:nth-child(2) {
    background: #00929F;
    background: var(--opdev-primary);
    color: #FFF;
    color: var(--opdev-white);
}

.info_right-card .info_right-tab:nth-child(2).active {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

.info_right-card .like-tab.active:hover svg path {
    fill: #02747E;
    fill: var(--opdev-primary-dark);
}

.info_right-card .like-tab.active svg path {
    stroke: #02747E;
    stroke: var(--opdev-primary-dark);
}

.info_wrap .info_description {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.info_description .info_tabs {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 2px;
    border-radius: 8px;
    background: #E9ECEF;
    background: var(--opdev-gray-200);
}

.info_description .info_tabs::after {
    content: '';
    position: absolute;
    top: -28px;
    left: 0;
    width: 100%;
    height: 28px;
    background-color: #F8F9FA;
    background-color: var(--opdev-light);
}

.info_description .info_tabs-wrap {
    margin-top: 80px;
    background-color: #F8F9FA;
    background-color: var(--opdev-light);
}
.element-simple .info_description .info_tabs-wrap {
    margin-top: 43px;
}

.info_description .info_tab {
    width: 164px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    color: #343A40;
    color: var(--opdev-dark);
}

.info_description .info_tab.active {
    background: #FFF;
    background: var(--opdev-white);
    border-radius: 7px;
}

.info_wrap .info_values {
    position: relative;
}

.info_wrap .info_value {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    padding-bottom: 40px;
    border-bottom: 1px solid #DEE2E6;
    border-bottom: 1px solid var(--opdev-gray-300);
    transition: .6s ease all;
    pointer-events: none;
}

.info_wrap .info_value.active {
    position: relative;
    opacity: 1;
    pointer-events: all;
}

.info_value .description_wrap {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.info_value .info_character {
    width: 100%;
}

.info_value .info_reviews,
.info_value .info_equipment,
.info_value .info_character,
.description_wrap .description_texts {
    display: flex;
    flex-direction: column;
    /* gap: 5px; */
}

.description_texts {
    color: var(--opdev-gray-800);
    font-weight: 400;
}

.info_value h3, .info_value_title {
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    color: var(--opdev-gray-800);
}
.info_value .info_equipment .info_equipment-box{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.info_value .info_equipment .info_equipment-box a,
.info_value .info_equipment .info_equipment-box ul li{
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #34343472;
    color: var(--opdev-gray-800);
}
.info_value .info_equipment .info_equipment-box a{
    text-decoration: underline;
}

.info_value ul li,
.info_value p,
.info_value h4 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--opdev-gray-800);
}

.info_value ul li,
.info_value p {
    font-weight: 400;
    line-height: 20px;
}

.info_value ul li {
    margin-left: 25px;
}



.info_character_boxs_simple {
    /* display: none; */
}

.info_character_boxs_simple .info_character_box_simple {
    display: block;
    margin-bottom: 24px;
}

.info_character_boxs_simple .info_character_name {
    font-weight: 400;
    color: var(--opdev-gray-800);
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
}

.info_character_boxs_simple .info_character_value {
    font-size: 16px;
    color: var(--opdev-gray-600);
    font-weight: 300;
}



.info_character .info_character-boxs,
.info_value .description_video {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.element-simple .element-simple_description-img{
    width: 100%;
    height: 420px;
    object-fit: cover;
    margin-top: 23px;
}

.element-simple .element-simple_download-wrap{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.element-simple .element-simple_download-wrap b{
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-gray-800);
}
.element-simple .element-simple_download-wrap .element-simple_download-tabs{
    display: flex;
    align-items: start;
    gap: 16px;
    flex-wrap: wrap;
}

.element-simple .info_wrap .info_value{
    border-bottom: none;
}

.info_value .description_video {
    width: 100%;
}

.description_video iframe {
    width: 100%;
    height: 481px;
    border-radius: 8px;
    border: none;
}



.info_character .info_character-box {
    display: flex;
    align-items: center;
    gap: 8px;
}

.info_character .info_character-box span {
    font-size: 16px;
    line-height: 20px;
    color: #343A40;
    color: var(--opdev-black);
    white-space: nowrap;
}

.info_character .info_character-box .box-line {
    width: 100%;
    height: 1px;
    border-radius: 1px;
    background: #DEE2E6;
    background: var(--opdev-gray-300);
}

.info_reviews .info_review {
    display: grid;
    grid-template-columns: auto;
    gap: 24px;
}

.info_review-card {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    border-radius: 8px;
    background: var(--opdev-white);
}

.review_modal .info_review-card {
    padding: 0;
}

.info_review .info_review-card.none {
    display: none;
}

.info_review-card .info_review-name {
    display: flex;
    align-items: center;
    gap: 16px;
}

.info_review-card .info_review-name img {
    width: 48px;
    height: 48px;
    border-radius: 100%;
}

.info_review-card .info_review-name b {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
}

.info_review-star {
    display: flex;
    align-items: center;
    gap: 4px;
}

.info_review-star .star-img.noActive svg path {
    fill: #E9ECEF;
}

.info_review-star .star-img.active svg path {
    fill: #FFDA6A;
}

.info_review-card .info_review-text {
    font-size: 16px;
    line-height: 20px;
    color: #343A40;
    color: var(--opdev-black);
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.review_modal .info_review-card .info_review-text {
    -webkit-line-clamp: initial;
}

.info_review-card .info_review-btn {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #00929F;
    color: var(--opdev-primary);
    display: flex;
    align-items: start;
    text-decoration: underline;
}

.info_review-card .info_review-date {
    font-size: 14px;
    line-height: 16px;
    margin-top: auto;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
}

.info_value .info_value-link {
    border: 1px solid #00929F;
    border: 1px solid var(--opdev-primary);
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #00929F;
    color: var(--opdev-primary);
    width: max-content;
}

.info_value .info_value-link:hover {
    color: #FFF;
    color: var(--opdev-white);
    border-color: #02747E;
    border-color: var(--opdev-primary-dark);
    background: #02747E;
    background: var(--opdev-primary-dark);
}

.info_question-box {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 16px;
    border-radius: 8px;
    background: var(--opdev-white);
    max-height: 1000px;
    overflow-y: auto;
}

.info_question-box .info_question-item {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.info_question-box .info_question-item:nth-child(2) {
    padding-left: 48px;
}

.info_question-box .info_question-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.info_question-box .info_question-name {
    display: flex;
    align-items: center;
    gap: 12px;
}

.info_question-box .info_question-name img {
    border-radius: 100%;
    width: 48px;
    height: 48px;
}

.info_question-box .info_question-name b {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
}

.info_question-box .info_question-top span {
    font-size: 14px;
    line-height: 16px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
}

.info_question-item .info_question-text {
    font-size: 16px;
    line-height: 20px;
    color: #343A40;
    color: var(--opdev-black);
}

/* Info end */

/* Question modal */
.review_modal,
.question_modal {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9;
    background: #343a4068;
    opacity: 0;
    pointer-events: none;
    transition: .3s ease all;
}

.review_modal.active,
.question_modal.active {
    opacity: 1;
    pointer-events: all;
}

.review_modal .review_modal-wrap,
.question_modal .question_modal-wrap {
    padding: 16px;
    border-radius: 8px;
    background: #FFFFFF;
    background: var(--opdev-light);
    width: 640px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.review_modal .review_modal-top,
.question_modal .question_modal-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.question_modal .question_modal-top h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
}

.review_modal .review-close .review_close-img2,
.question_modal .question-close .question_close-img2 {
    display: none;
}

.question_modal .question_modal-form,
.question_modal .question_modal-body {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.question_modal .question_modal-body {
    gap: 4px;
}

.question_modal .question_modal-body label {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
    display: flex;
    align-items: center;
}

.question_modal .question_modal-body label span {
    color: #FF5B3A;
    color: var(--opdev-danger);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 5.33px;
}

.question_modal .question_modal-body textarea {
    border: 1px solid #CED4DA;
    border: 1px solid var(--opdev-gray-400);
    background: #FFF;
    background: var(--opdev-white);
    padding: 7px 13px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #6C757D;
    color: var(--opdev-gray-600);
    max-width: 100%;
    min-height: 74px;
    max-height: 300px;
    resize: vertical;
    outline: none;
}

.question_modal .question_modal-body input {
    border: 1px solid #CED4DA;
    border: 1px solid var(--opdev-gray-400);
    background: #FFF;
    background: var(--opdev-white);
    padding: 7px 13px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.question_modal .question_modal-body input::placeholder,
.question_modal .question_modal-body textarea::placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.question_modal-wrap .question_checked {
    display: flex;
    align-items: center;
    gap: 8px;
}

.question_modal .question_modal-texts {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.question_modal .question_modal-texts p {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.question_modal .question_modal-texts p a {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-decoration: underline;
    color: #00929F;
    color: var(--opdev-primary);
}

.question_modal .question_modal-btn {
    padding: 6px 12px;
    background: #00929F;
    background: var(--opdev-primary);
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #FFF;
    color: var(--opdev-white);
    width: max-content;
}

.question_modal .question_modal-btn:hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

/* Question modal */

/* Personal */
.personal {
    padding-bottom: 45px;
}

.personal .personal_title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    color: #343A40;
    color: var(--opdev-black);
}

.personal .personal_block {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    gap: 24px;
    margin-top: 24px;
}

.personal_block .personal_wrap {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.personal_block .personal_info {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 8px;
    background: #FFF;
    background: var(--opdev-white);
    padding: 16px;
}

.personal_block .personal_info h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    color: #343A40;
    color: var(--opdev-black);
}

.personal_info .personal_info-img {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    object-fit: cover;
}

.personal_info .personal_info-box {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.personal_info-box .personal_eye {
    position: absolute;
    top: 5.5px;
    right: 0;
    border-radius: 3.2px;
    border: 1px solid #00929F;
    border: 1px solid var(--opdev-primary);
    width: 31px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.personal_info-box .personal_eye .eye_flex {
    width: 17px;
    height: 17px;
    position: absolute;
    right: -8%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

.personal_info-box .personal_eye.active .eye_hidden {
    display: none;
}

.personal_info-box .personal_eye.active .eye_flex {
    display: block;
}

.personal_info .personal_info-box span {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
}

.personal_info .personal_info-box b {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
}

.personal_block .personal_info-range {
    display: flex;
    align-items: center;
    gap: 16px;
}

.personal_info-range label {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
}

.personal_info-range input {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 16px;
    margin: 0;
    vertical-align: top;
    background: #FFF;
    background: var(--opdev-white);
    border: 1px solid #ADB5BD;
    border: 1px solid var(--opdev-gray-500);
    border-radius: 30px;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all 0.3s cubic-bezier(0.2, 0.85, 0.32, 1.2);
}

.personal_info-range input::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 1px;
    top: 1px;
    width: 12px;
    height: 12px;
    background: #ADB5BD;
    background: var(--opdev-gray-500);
    border-radius: 50%;
    transform: translateX(0);
    transition: all 0.3s cubic-bezier(0.2, 0.85, 0.32, 1.2);
}

.personal_info-range input:checked::after {
    transform: translateX(calc(100% + 4px));
    background-color: #fff;
}

.personal_info-range input:checked {
    background: #00929F;
    background: var(--opdev-primary);
}

.personal_block .personal_info-btn {
    max-width: fit-content;
    background: var(--opdev-primary);
    border: 1px solid var(--opdev-primary-dark);
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--opdev-light);
    cursor: pointer;
}

/* Personal */

/* Footer start */
.footer {
    background: #FFF;
    background: var(--opdev-white);
}

.footer_content {
    display: flex;
    flex-direction: column;
}

.footer_content .footer_block {
    padding: 32px 0px 28px;
    display: flex;
    align-items: start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px;
}

.footer_block .footer_items {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 196px;
}

.footer_block .footer_item {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer_block .footer_item-mob {
    display: none;
}

.footer_item .footer_item-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
}

.footer_item .footer_item-links {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer_block .footer_item-time,
.footer_item .footer_item-link {
    font-size: 14px;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-black);
}

.footer_item .footer_item-link.call {
    font-size: 14px;
    font-weight: 700;

}

.footer_item .footer_social {
    display: flex;
    align-items: center;
    gap: 16px;
}

.footer_item .footer_social-link:hover {
    transform: scale(1.1);
}

.footer_item .footer_pay {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.footer_item .footer_pay-box {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 8px;
    background: #F8F9FA;
    background: var(--opdev-light);
    height: 40px;
    width: 158px;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #495057;
    color: var(--opdev-gray-700);
    border: 1px solid transparent;
    white-space: nowrap;
}

.footer_item .footer_brend {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer_item .footer_brend-link {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 2px;
    width: 128px;
    height: 55px;
    border-radius: 8px;
    background: #F8F9FA;
    background: var(--opdev-light);
    border: 1px solid transparent;
    padding: 9px 16px;
}

.footer_item .footer_brend-link:hover {
    background: #FFF;
    background: var(--opdev-white);
    border: 1px solid #00929F;
    border: 1px solid var(--opdev-primary);
}

.footer_brend-link .footer_brend-img {
    height: 20px;
}

.footer_brend-link .footer_brend-star {
    display: flex;
    align-items: center;
    gap: 4px;
}

.footer .footer_bottom {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 56px;
    padding: 16px 0;
    border-top: 1px solid #CED4DA;
    border-top: 1px solid var(--opdev-gray-400);
}

.footer_bottom .footer_bottom-link {
    font-size: 14px;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-black);
    border-bottom: 1px solid #343A40;
    border-bottom: 1px solid var(--opdev-black);
}
.footer_bottom p {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: var(--opdev-black);
}

.product_fixed_card {
    position: fixed;
    z-index: 2;
    bottom: 48px;
    left: 0;
    display: none;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 7px 12px 7px 27px;
    width: 100%;
    background: #FFF;
    background: var(--opdev-white);
}

.product_fixed_card.product_fixed_card2 {
    padding: 6px 12px;
}

.product_fixed_card .product_fixed-price {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.product_fixed_card .product_fixed-price b {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
    white-space: nowrap;
}

.product_fixed_card .product_fixed-price span {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
    text-decoration: line-through;
    white-space: nowrap;
}

.product_fixed_card .product_fixed-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 38px;
    width: 100%;
    border-radius: 4px;
    background: #00929F;
    background: var(--opdev-primary);
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
    padding: 6px 35px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #FFF;
    color: var(--opdev-white);
    white-space: nowrap;
}

.product_fixed_card .product_fixed-link.active {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

/* Footer end */


/* BASKET  */
.basket_block {
    padding-bottom: 48px;
}

.basket_block .basket_title {
    margin-bottom: 48px;
}

.basket_title h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
}

.basket_block .basket_all {
    display: grid;
    grid-template-columns: 68% 30%;
    gap: 24px;
}

.basket_all .card_items,
.basket_items {
    display: flex;
    flex-direction: column;
    gap: 24px;
}



.basket_all .card_item,
.basket_all .card_item_disabled {
    display: flex;
    flex-direction: column;
    gap: 24px;
    border-radius: 8px;
    padding: 16px 24px 16px 16px;
    background: #FFFFFF;
    background: var(--opdev-white);
}

.basket_items h2 {
    font-size: 1.3em;
    color: var(--opdev-gray-700);
    margin-top: 50px;
}
.basket_all .card_item_disabled {
    opacity: 0.5;
    border: 1px solid var(--opdev-gray-400);
    filter: grayscale();
}

.card_item .img_card img,
.card_item_disabled .img_card_disabled img {
    width: 128px;
    height: 128px;
    border-radius: 8px;
}

.card_item .img_card,
.card_item_disabled .img_card_disabled {
    display: flex;
    align-items: start;
    gap: 24px;
}

.card_item .info_card,
.card_item_disabled .info_card_disabled {
    width: calc(100% - 152px);
    margin-left: auto;
    margin-top: -100px;
}

.card_item .card_block-spns {
    display: flex;
}

.card_block-spns .card_block-spn {
    margin-right: 4px;
}

.info_card-title,
.info_card-title_disabled {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 36px;
    margin-bottom: 4px;
    width: 100%;
}

.info_card-title h3,
.info_card-title_disabled h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.info_card-title .info_card-price,
.info_card-title_disabled .info_card-price_disabled {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: end;
}

.info_card-title .info_card-price b,
.info_card-title_disabled .info_card-price_disabled b {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    text-align: right;
    color: #343A40;
    color: var(--opdev-black);
    white-space: nowrap;
}

.info_card-title .info_card-price span,
.info_card-title_disabled .info_card-price_disabled span {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: right;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
    text-decoration: line-through;
}


.info_card .info_card-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;
}

.info_card-bottom .card_bottom {
    display: flex;
    align-items: center;
    gap: 16px;
}

.info_card-bottom .info_card-btns {
    display: flex;
    align-items: center;
    gap: 8px;
}

.info_card-bottom .info_card-btns button {
    width: 38px;
    height: 38px;
    background: #F8F9FA;
    background: var(--opdev-light);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.info_card-bottom .info_card-dates {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.info_card-bottom .info_card-dates p {
    font-size: 12px;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-black);
}

.info_card-bottom .info_card-date {
    display: flex;
    align-items: center;
    gap: 16px;
}

.info_card-date .info_date-box {
    display: flex;
    align-items: center;
    gap: 4px;
}

.info_card-date .info_date-box span {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #00BDAD;
    background: var(--opdev-success);
}

.info_card-date .info_date-box .spn-red {
    background: #FF5B3A;
    background: var(--opdev-danger);
}

.info_card-date .info_date-box b {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-black);
}

.info_card-bottom .info_card-calc {
    display: flex;
    align-items: center;
    gap: 8px;
}

.info_card-bottom .info_card-calc .calc-minus,
.info_card-bottom .info_card-calc .calc-plus {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F8F9FA;
    background: var(--opdev-light);
    border-radius: 4px;
    cursor: pointer;
}

.info_card-calc .calc-minus .minus-img2 {
    display: none;
}

.info_card-calc .calc-minus.active .minus-img2 {
    display: block;
}

.info_card-calc .calc-minus.active .minus-img1 {
    display: none;
}

.info_card-calc .calc-num {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
    width: 46px;
    height: 38px;
    border: 1px solid #CED4DA;
    border: 1px solid var(--opdev-gray-400);
    border-radius: 4px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFF;
    background: var(--opdev-white);
}

.basket_all .basket_order-wrap {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.basket_order-wrap .basket_order {
    padding: 16px;
    border-radius: 8px;
    background: #FFFFFF;
    background: var(--opdev-white);
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.basket_order-wrap .basket_order h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    color: #343A40;
    color: var(--opdev-black);
}

.basket_order .order_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.basket_order .order_info p {
    font-size: 16px;
    line-height: 20px;
    color: #343A40;
    color: var(--opdev-black);
}

.basket_order .order_info .order_info-price {
    display: flex;
    align-items: center;
    gap: 13px;
}

.order_info .order_info-price span {
    font-size: 14px;
    line-height: 16px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
}

.basket_order .order_info-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-top: 1px solid #DEE2E6;
    border-top: 1px solid var(--opdev-gray-300);
    padding-top: 15px;
}

.basket_order .order_info-total span,
.basket_order .order_info-total b {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
}

.basket_order-wrap .order-btn-wrap {
    width: 100%;
    padding: 16px;
    border-radius: 8px;
    background: var(--opdev-light);
}

.basket_order-wrap .order-btn {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: var(--opdev-white);
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--opdev-primary);
    border: 1px solid var(--opdev-primary-dark);
    border-radius: 4.8px;
}

.basket_order-wrap .order-btn:hover {
    background: var(--opdev-primary-dark);
}

.basket_order-wrap .order-btn.disabled {
    background: var(--opdev-gray-400);
    border: 1px solid var(---opdev-gray-400);
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}

.basket_order-wrap .order-btn-clcart {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: var(--opdev-danger);
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--opdev-white);
    border: 1px solid var(--opdev-danger);
    border-radius: 4.8px;
}

.basket_order-wrap .order-btn-clcart:hover {
    background: var(--opdev-danger);
    color: var(--opdev-white);
}


/* ORDER delivery */
.delivery {
    padding-bottom: 41px;
}

.delivery .delivery_title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    color: #343A40;
    color: var(--opdev-black);
}

.delivery .delivery_block {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 24px;
}

.delivery_block .delivery_links {
    display: flex;
    align-items: center;
    gap: 18px;
}

.delivery_links .delivery_link {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #00929F;
    color: var(--opdev-primary);
    width: fit-content;
    background: none;
    padding: 0;
}

.delivery_links .delivery_link.active {
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.delivery_block .delivery_items {
    display: flex;
    flex-direction: column;
    gap: 41px;
}

.delivery_items .delivery_item {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 16px;
    border-radius: 8px;
    background: #FFFFFF;
    background: var(--opdev-light);
}

.delivery_item .delivery_item-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    color: #343A40;
    color: var(--opdev-black);
}

.delivery_item .delivery_item-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.delivery_item .delivery_item-num {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.delivery_item p {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #343A40;
    color: var(--opdev-black);
}

.delivery_item .delivery_item-num span {
    font-size: 16px;
    line-height: 20px;
    color: #00929F;
    color: var(--opdev-primary);
    padding: 4px 8px;
    border-radius: 4px;
    background: #E0F0F1;
    background: var(--opdev-primary-light);
}

.delivery_item .delivery_item-num .red {
    color: #FF5B3A;
    color: var(--opdev-danger);
    background: #FFEFEC;
    background: var(--opdev-primary);
}

.delivery_item-boxs {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.delivery_item-box {
    display: flex;
    align-items: center;
    gap: 16px;
}

.delivery_item-box img {
    width: 80px;
    height: 80px;
    border-radius: 8px;
}

.delivery_item-box .delivery_box-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.delivery_item-box .delivery_box-info b {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.delivery_item-box .delivery_box-info span {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
}

.delivery_box-info span span {
    text-decoration: line-through;
}

.delivery_item .delivery_item-btns {
    display: flex;
    align-items: center;
    gap: 16px;
}

.delivery_item .delivery_item-btn {
    padding: 6px 12px;
    border-radius: 4px;
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
    background: #00929F;
    background: var(--opdev-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #FFF;
    color: var(--opdev-white);
}

.delivery_item .delivery_item-btn:hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

.delivery_item .delivery_item-btn:nth-child(2) {
    background: transparent;
    color: #00929F;
    color: var(--opdev-primary);
    border: 1px solid #00929F;
    border: 1px solid var(--opdev-primary);
}

.delivery .delivery_ct {
    gap: 55px;
    margin-bottom: 7px;
}

.delivery_ct .delivery_catalog {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.delivery_catalog .delivery_catalog-img {
    width: 184px;
    height: 184px;
    background: #E9ECEF;
    background: var(--opdev-gray-200);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.delivery_catalog .delivery_catalog-img img {
    width: 112px;
    height: 112px;
}

.delivery_catalog h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    color: #343A40;
    color: var(--opdev-black);
}

.delivery_catalog a {
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
    padding: 6px 12px;
    border-radius: 4px;
    background: #00929F;
    background: var(--opdev-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #FFF;
    color: var(--opdev-white);
}

.delivery_catalog a:hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

.delivery_ct .delivery_catalog p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #343A40;
    color: var(--opdev-black);
}

.delivery_ct .delivery_catalog p a {
    background: none;
    padding: 0;
    border: none;
    border-radius: none;
    color: #00929F;
    color: var(--opdev-primary);
    text-decoration: underline;
    font-weight: 400;
}

.delivery .delivery_content {
    display: grid;
    grid-template-columns: 49% 49%;
    gap: 24px;
    margin-top: 24px;
}

.delivery .confirmation_content {
    gap: 26px;
}

.delivery .confirmation_content {
    grid-template-columns: 63% 34%;
}

.delivery_content .delivery3_cards {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delivery3_card {
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--opdev-white);
    padding: 16px;
    border-radius: 8px;
    height: fit-content;
}

.delivery3_card .delivery3_slide-wrap {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delivery3_card h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    color: #343A40;
    color: var(--opdev-black);
}

.delivery3_card .primary {
    padding: 4px 8px;
    border-radius: 4px;
    background: var(--opdev-primary-light);
    max-width: fit-content;
    font-size: 16px;
    line-height: 20px;
    color: var(--opdev-primary);
}

.delivery3_card .red {
    padding: 4px 8px;
    border-radius: 4px;
    background: var(--opdev-danger);
    max-width: fit-content;
    font-size: 16px;
    line-height: 20px;
    color: var(--opdev-white);
}

.delivery3_card .delivery3_card-box {
    display: flex;
    align-items: start;
    gap: 16px;
}

.delivery3_card-box .delivery3_box-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.delivery3_card-box .delivery3_box-info b {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
}

.delivery3_card-box .delivery3_box-info p {
    font-size: 16px;
    line-height: 20px;
    color: #343A40;
    color: var(--opdev-black);
}

.delivery3_card .delivery3_card-btns {
    display: flex;
    align-items: center;
    gap: 16px;
}

.delivery3_card .delivery3_card-btn {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #FFF;
    color: var(--opdev-white);
    padding: 6px 12px;
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
    border-radius: 4px;
    background: #00929F;
    background: var(--opdev-primary);
}

.delivery3_card .delivery3_card-btn:hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

.delivery3_card .delivery3_card-btn:nth-child(2) {
    background: transparent;
    border: 1px solid #00929F;
    border: 1px solid var(--opdev-primary);
    color: #00929F;
    color: var(--opdev-primary);
}

.delivery3_card .delivery3_slider {
    position: relative;
}

.delivery3_slider .swiper-button-prev:after,
.delivery3_slider .swiper-button-next:after {
    display: none;
}

.delivery3_slider .swiper-button-prev {
    left: -4px;
    z-index: 0;
    top: 70px;
}

.delivery3_slider .swiper-button-next {
    right: -4px;
    z-index: 0;
    top: 70px;
}

.delivery3_slider .deliverySlider {
    margin: 0px 40px;
}

.delivery3_slider .delivery3_slide {
    display: flex;
    align-items: center;
    gap: 16px;
}

.delivery3_slider .delivery3_slide img {
    width: 140px;
    height: 140px;
    border-radius: 8px;
}

.delivery3_slider .delivery3_slide h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
}

.delivery3_card .delivery3_feedback,
.delivery3_card .delivery3_star {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.delivery3_card .delivery3_feedback b,
.delivery3_card .delivery3_star b {
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    color: #343A40;
    color: var(--opdev-black);
}

.delivery3_star .info_review-star {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delivery3_feedback textarea {
    width: 100%;
    resize: none;
    resize: vertical;
    min-height: 90px;
    max-height: 200px;
    background: #FFF;
    background: var(--opdev-white);
    border: 1px solid #CED4DA;
    border: 1px solid var(--opdev-gray-400);
    padding: 7px 13px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #6C757D;
    color: var(--opdev-gray-600);
    border-radius: 4px;
}

.delivery3_feedback textarea::placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.delivery3_feedback button {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #FFF;
    color: var(--opdev-white);
    padding: 6px 12px;
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
    border-radius: 4px;
    background: #00929F;
    background: var(--opdev-primary);
    max-width: fit-content;
}

.delivery3_feedback button:hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
}


/* Error start */
.error {
    padding: 0 0 74px;
}

.error .error_block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.error_block .error_title {
    position: relative;
    display: flex;
    align-items: center;
}

.error_block .error_title-404 {
    gap: 312px;
}

.error_block .error_title-525 {
    gap: 35px;
}

.error_block .error_title img {
    position: absolute;
    left: 51%;
    top: 35px;
    transform: translate(-50%);
}

.error_block .error_title span {
    font-size: 497.14px;
    font-weight: 300;
    line-height: 596.57px;
    color: #00929F;
    color: var(--opdev-primary);
    z-index: 1;
}

.error_block .error_title-525 span {
    font-size: 462px;
    line-height: 554.4px;
}

.error_info .error_links,
.error_block .error_info {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
}

.error_block .error_info {
    position: relative;
    margin-top: -56px;
}

.error_block .error_info-404 {
    margin-top: -107px;
}

.error_block .error_info h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
}

.error_links .error_link {
    padding: 4px 8px;
    background: #00929F;
    background: var(--opdev-primary);
    color: #FFF;
    color: var(--opdev-white);
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
    border-radius: 3.2px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
}

.error_links .error_link:nth-child(1):hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

.error_links .error_link:nth-child(2) {
    background: transparent;
    color: #00929F;
    color: var(--opdev-primary);
    border-color: #00929F;
    border-color: var(--opdev-primary);
}

.question_modal-wrap .sidebar_check-inp label a,
.question_modal-wrap .sidebar_check-inp label {
    font-size: 16px;
    line-height: 20px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
    cursor: pointer;
}

.question_modal-wrap .sidebar_check-inp label a {
    text-decoration: underline;
}

/* Error end */


/* Authorization start */
.authorization {
    padding-bottom: 48px;
}

.authorization_block .authorization_form,
.authorization .authorization_block {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.authorization_block .authorization_form {
    max-width: 332px;
    border-bottom: 1px solid #DEE2E6;
    border-bottom: 1px solid var(--opdev-gray-300);
    padding-bottom: 24px;
}

.authorization_block .authorization_title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    color: #343A40;
    color: var(--opdev-black);
}

.authorization_form .form_box {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

.authorization_form .form_box label {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
    display: flex;
    align-items: center;
}

.authorization_form .form_box label span {
    color: #FF5B3A;
    color: var(--opdev-danger);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 5.33px;
}

.authorization_form .form_box input {
    width: 100%;
    padding: 7px 13px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #6C757D;
    color: var(--opdev-gray-600);
    border-radius: 4px;
    background: #FFF;
    background: var(--opdev-white);
    border: 1px solid #CED4DA;
    border: 1px solid var(--opdev-gray-400);
}

.authorization_form .form_box input::placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.authorization_form .form_box input.invalid {
    border-color: #FF5B3A;
    border-color: var(--opdev-danger);
}

.authorization_form .form_box input.valid {
    border-color: #CED4DA;
    border-color: var(--opdev-gray-400);
}


.authorization_form .password_eye .eye_hidden,
.authorization_form .password_eye .eye_flex {
    position: absolute;
    right: 13px;
    top: 29px;
    cursor: pointer;
}

.authorization_form .password_eye .eye_flex {
    width: 17px;
    height: 17px;
    top: 29px;
    display: none;
}

.authorization_form .password_eye.active .eye_flex {
    display: flex;
}

.authorization_form .password_eye.active .eye_hidden {
    display: none;
}

.authorization_form .recovery_link {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #00929F;
    color: var(--opdev-primary);
    text-decoration: underline;
}

.personal_modal-form .personal_check,
.authorization_form .author_check {
    display: flex;
    align-items: center;
    gap: 8px;
}

.authorization_form .author_check2 {
    display: flex;
    align-items: start;
    gap: 8px;
}

.personal_modal-form .personal_check label,
.authorization_form .author_check2 label,
.authorization_form .author_check label {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
}

.authorization_form .authorization_btn {
    width: 150px;
    padding: 6px 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #FFF;
    color: var(--opdev-white);
    border-radius: 4px;
    background: #00929F;
    background: var(--opdev-primary);
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
}

.authorization_form .authorization_btn:hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

.authorization_block .authorization_link,
.authorization_block .registration_link {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #00929F;
    color: var(--opdev-primary);
}

/* Authorization end */

/* Password */
.password {
    padding-bottom: 184px;
}

.password .password_text {
    font-size: 14px;
    line-height: 16px;
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.password_change .password_form,
.password .password_form {
    border-bottom: none;
}

.password_form .form_box-token input {
    background: #E9ECEF;
    background: var(--opdev-gray-200);
}

/* Password */

/* New */
.news {
    padding-bottom: 48px;
}

.news .news_block {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.favorites_block .favorites_title,
.cards_block .cards_title,
.news_block .news_title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    color: #343A40;
    color: var(--opdev-black);
}

.news_block .news_cards {
    display: grid;
    grid-template-columns: 23.5% 23.5% 23.5% 23.5%;
    gap: 24px;
}

.news_cards .news_card {
    background: #FFF;
    background: var(--opdev-white);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.news_cards .news_card img {
    object-fit: cover;
    width: 100%;
    height: 172px;
}

.news_cards .news_card .news_card-img2 {
    object-fit: cover;
}

.news_card .news_card-info {
    display: flex;
    flex-direction: column;
    gap: 19px;
    height: 100%;
    padding: 16px 12px 12px;
}

.news_card .news_card-texts {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.news_card .news_card-texts a {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.news_card .news_card-texts p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #343A40;
    color: var(--opdev-black);
}

.news_card .news_card-info span {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #6C757D;
    color: var(--opdev-gray-600);
    margin-top: auto;
}

.news_block .news_pagination {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
}

.news_pagination .news_pagination-amount {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
}

.news_pagination .news_pagination-items {
    display: flex;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #DEE2E6;
    border: 1px solid var(--opdev-gray-300);
    overflow: hidden;
}

.news_pagination .news_pagination-item {
    border-right: 1px solid #DEE2E6;
    border-right: 1px solid var(--opdev-gray-300);
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    cursor: pointer;
    transition: .3s ease all;
}

.news_pagination span {
    font-size: 16px;
    line-height: 24px;
    color: #00929F;
    color: var(--opdev-primary);
    text-decoration: underline;
}

.news_pagination .news_pagination-item.arrow:hover,
.news_pagination span.active,
.news_pagination span:hover {
    border-color: #00929F;
    border-color: var(--opdev-primary);
    background: #00929F;
    background: var(--opdev-primary);
    color: #FFF;
    color: var(--opdev-white);
}

.news_pagination .news_pagination-item.arrow:hover svg path {
    fill: #FFF;
    fill: var(--opdev-light);
}

.news_pagination .news_pagination-item:last-child {
    border: none;
}

.news_pagination .news_pagination-item.arrow {
    padding: 12px;
}

.news_pagination .news_pagination-item.dote {
    padding: 10px;
}

/* New */

/* Catalog page */
.cards {
    padding-bottom: 50px;
}

.cards .cards_block {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.cards_block .cards_boxs {
    display: grid;
    grid-template-columns: 23.5% 23.5% 23.5% 23.5%;
    gap: 24px;
}

.cards_block .cards_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
    background: #FFF;
    background: var(--opdev-white);
    border-radius: 8px;
    padding: 16px;
    cursor: pointer;
    transition: .3s ease all;
}

.cards_block .cards_box:hover {
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
}

.cards_block .cards_box img {
    /*width: 124px;*/
    height: 124px;
}

.cards_block .cards_box p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    color: #343A40;
    color: var(--opdev-black);
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cards_block .cards_new {
    display: grid;
    grid-template-columns: 23.5% 74.5%;
    gap: 24px;
}

.cards_new .cards_new-boxs {
    display: flex;
    flex-direction: column;
}

.cards_new .cards_new-boxs h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    color: #343A40;
    color: var(--opdev-black);
    margin-bottom: 9px;
}

.cards_new .cards_new-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 32px;
}

.cards_new .cards_new-box p {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cards_new .cards_new-box span {
    font-size: 14px;
    line-height: 16px;
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.cards_new .cards_new-link {
    padding: 6px 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #FFF;
    color: var(--opdev-white);
    border-radius: 4px;
    background: #00929F;
    background: var(--opdev-primary);
    border: 1px solid #00929F;
    border: 1px solid var(--opdev-primary);
    max-width: fit-content;
    text-align: center;
}

.cards_new .cards_new-link:hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
    border-color: #02747E;
    border-color: var(--opdev-primary-dark);
}

.cards_new .cards_new-texts {
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: #E9ECEF;
    background: var(--opdev-gray-200);
    border-radius: 8px;
    padding: 24px;
}

.cards_new .cards_new-texts p {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-black);
}

/* Catalog page */

/* Favorites */
.favorites {
    padding-bottom: 48px;
}

.favorites .favorites_block {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.favorites_block .favorites_cards {
    display: grid;
    grid-template-columns: 23.5% 23.5% 23.5% 23.5%;
    gap: 24px;
}

/* Favorites */

/* Confirmation */
.confirmation_content .confirmation_all {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #00929F;
    color: var(--opdev-primary);
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid #00929F;
    border: 1px solid var(--opdev-primary);
    padding: 6px 12px;
    max-width: fit-content;
}

.confirmation_content .confirmation__pay {
    background: #00929F;
    background: var(--opdev-primary);
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px;
    border-radius: 4.8px;
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: #FFF;
    color: var(--opdev-white);
}

.confirmation_content .confirmation__pay:hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

.confirmation_content .confirmation__pay {
    height: 38px;
    padding: 7px;
    font-size: 16px;
    line-height: 24px;
}

.delivery_content .confirmation_card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0px;
}

.delivery_content .confirmation_card p {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    color: #343A40;
    color: var(--opdev-black);
}

.confirmation_content .confirmation__link {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    color: #00929F;
    color: var(--opdev-primary);
    text-decoration: underline;
}

.confirmation_content .delivery_item-box.none {
    display: none;
}

/* Confirmation */

/* Personal start */
.personal_question .delivery3_card {
    /* gap: 0; */
}

.personal-none {
    display: none;
}

.personal_question2 .delivery3_card {
    gap: 24px;
}

.personal_question .personal_br {
    width: calc(100% - 32px);
    height: 1px;
    background: var(--opdev-gray-300);
    margin: 0 auto;
}

.personal_question .personal_question-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.personal_question .personal_question-top p {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--opdev-primary);
}

.personal_question .personal_question-top span {
    padding: 2px 6px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: var(--opdev-primary);
    border-radius: 4px;
    background: var(--opdev-primary-light);
}

.personal_question .personal_question-top .green {
    background: var(--opdev-success);
    color: var(--opdev-white);
}

.personal_question .personal_question-top .red {
    background: var(--opdev-danger-light);
    color: var(--opdev-danger);
}

.personal_question .personal_question-top b {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: var(--opdev-gray-500);
}

.personal_question2 .personal_br {
    width: 100%;
}

.personal_question .personal_link {
    padding: 6px 12px;
    border: 1px solid var(--opdev-primary);
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--opdev-primary);
    max-width: fit-content;
}

.personal_question .personal_link:hover {
    background: var(--opdev-primary);
    color: var(--opdev-white);
}

.personal_question .personal_link1 {
    margin-top: 16px;
}


.personal_modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    overflow: auto;
    width: 100%;
    height: 100vh;
    background: #34343472;
    opacity: 0;
    pointer-events: none;
    transition: .3s ease all;
    padding: 25px 0;
}

.personal_modal.active {
    opacity: 1;
    pointer-events: all;
}

.personal_modal .personal_modal-wrap {
    width: 640px;
    background: var(--opdev-white);
    border-radius: 8px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 0 auto;
}

.personal_modal .personal_modal-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.personal_modal .personal_modal-top p {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: var(--opdev-black);
}

.personal_modal .personal_close-mob {
    display: none;
}

.personal_modal .personal_modal-img {
    display: flex;
    align-items: center;
    gap: 24px;
}

.personal_modal .personal_modal-img img {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    object-fit: cover;
}

.personal_modal .personal_img-add {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--opdev-primary);
}

.personal_modal .personal_img-remove {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--opdev-danger);
    display: none;
}

.personal_modal .personal_modal-form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.personal_modal-form .personal_form-box {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.personal_form-box label {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    color: var(--opdev-gray-500);
}

.personal_form-box label span {
    color: var(--opdev-danger);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    width: 16px;
    padding: 5.33px 5.33px 0 5.33px;
}

.personal_form-box input {
    border: 1px solid var(--opdev-gray-400);
    width: 100%;
    height: 34px;
    padding: 7px 13px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--opdev-gray-600);
}

.personal_modal-form .personal_form-btn {
    padding: 6px 12px;
    border: 1px solid var(--opdev-primary-dark);
    background: var(--opdev-primary);
    border-radius: 4px;
    color: var(--opdev-white);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    max-width: fit-content;
}

.personal_modal-form .personal_form-btn:hover {
    background: var(--opdev-primary-dark);
}

.personal_modal-form .password_eye .eye_hidden,
.personal_modal-form .password_eye .eye_flex {
    position: absolute;
    top: 33px;
    right: 13px;
}

.personal_modal-form .password_eye .eye_flex {
    width: 17px;
    height: 17px;
    top: 34px;
    display: none;
}

.personal_modal-form .password_eye.active .eye_hidden {
    display: none;
}

.personal_modal-form .password_eye.active .eye_flex {
    display: block;
}

/* Personal end */

/* calc_modal */
body:has(.call_modal.show) {
    overflow: hidden;
}

.call_modal {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 560px;
    padding: 16px;
    border-radius: 8px;
    background-color: #FFF;
    z-index: 4;
    opacity: 0;
    visibility: hidden;
    transition: .3s all ease;
}

.call_modal.show {
    opacity: 1;
    visibility: visible;
}

.call_modal .mobile_close {
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 0 8px 0;
    cursor: pointer;
}

.call_modal_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 0 0 24px 0;
}

.call_modal_top .modal_title {
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    color: var(--Gray-800, #343A40);
}

.modal_input .caption {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    color: var(--Gray-500, #ADB5BD);
    margin: 0 0 4px 0;
}

.modal_input .caption sup {
    color: #FF5B3A;
}

.call_modal_inputs .product_radio-item {
    margin: 0 0 6px 0;
}

.call_modal_inputs .product_radio-item:last-child {
    margin: 0;
}

.call_modal_inputs .modal_input {
    margin: 0 0 24px 0;
}

.modal_input input[type='text'],
.modal_input input[type='tel'] {
    padding: 6px 12px;
    border-radius: 4px;
    border: 1px solid var(--Gray-400, #CED4DA);
    background: var(--white, #FFF);
    font-size: 16px;
    line-height: 125%;
    font-weight: 400;
    width: 100%;
}

.call_modal .modal_close {
    cursor: pointer;
}

.call_modal .modal_desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: var(--opdev-gray-600);
    margin: 0 0 24px 0;
}

.call_modal .modal_desc a {
    color: var(--opdev-primary-dark);
    text-decoration: underline;
}

/*.call_modal button {*/
/*    display: flex;*/
/*    padding: 6px 12px;*/
/*    border-radius: 4px;*/
/*    border: 1px solid var(--opdev-primary-dark);*/
/*    background: var(--opdev-primary-dark);*/
/*    font-size: 16px;*/
/*    line-height: 150%;*/
/*    font-weight: 500;*/
/*    cursor: pointer;*/
/*    color: var(--opdev-white);*/
/*    transition: .3s all ease;*/
/*}*/

/*.call_modal button:hover,*/
/*.call_modal button:active {*/
/*    background: var(--opdev-primary-dark);*/
/*}*/

/* Price start */
.price_catalog .price_wrap{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.price_wrap .price_title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.price_wrap .price_title h1{
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    color: var(--opdev-gray-800);
}
.button-primary{
    background: var(--opdev-primary) !important;
    color: var(--opdev-white) !important;
    border: 1px solid var(--opdev-primary);
}
.btn {
    border-radius: 4px !important;
    padding: 6px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    max-width: fit-content;
}
.btn-success {
    background: var(--opdev-primary) !important;
    color: var(--opdev-white) !important;
    border: 1px solid var(--opdev-primary);
}

.button{
    border-radius: 4px;
    padding: 6px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    max-width: fit-content;
    white-space: nowrap;
}
.button-full {
    border-radius: 4px;
    padding: 6px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    width: 100%;
    max-width: none;
}
.price_wrap .price_table{
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    border-radius: 8px;
    background: var(--opdev-white);
}
.price_table .price_table-title{
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    color: var(--opdev-gray-800);
}
.price_table .table_card{
    display: flex;
    flex-direction: column;
    gap: 4px;
    border-radius: 8px;
    overflow: hidden;
}
.table_card .table_box,
.table_card .table_top{
    display: flex;
    align-items: center;
    gap: 4px;
}
.table_card .table_left{
    padding: 4px 8px;
    width: 90%;
    max-width: 100%;
    background: var(--opdev-light);
}
.table_card .table_right{
    width: 96px;
    height: 100%;
    padding: 4px 8px;
    background: var(--opdev-light);
    display: flex;
    align-items: center;
}
.table_card .table_top .table_right,
.table_card .table_top .table_left{
    background: var(--opdev-gray-200);
}
.table_card .table_right b,
.table_card .table_left a,
.table_card .table_left b{
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--opdev-gray-800);
}
.table_card .table_left a{
    font-weight: 400;
    line-height: 20px;
    text-decoration: underline;
}
.table_card .table_right b{
    white-space: nowrap;
}
.table_card .table_boxs{
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* Summary start */
.summary_wrap{
    display: flex;
    flex-direction: column;
    gap: 48px;
}
.summary_wrap .summary_top{
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 636px;
}
.summary_top .summary_title{
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    color: var(--opdev-gray-800);
}
.summary_wrap .summary_top ul{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 33px;
}
.summary_wrap .summary_top p,
.summary_wrap .summary_top ul li{
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--opdev-gray-800);
    list-style: none;
}
.summary_wrap .summary_items{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.summary_wrap .summary_item-wrap{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.summary_items .summary_item-top{
    width: 100%;
    background: var(--opdev-gray-200);
    padding: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.summary_items .summary_item-top h3{
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
}
.summary_items .summary_item{
    display: flex;
    align-items: start;
    gap: 4px;
}
.summary_items .summary_item.end .summary_item-left{
    border-bottom-left-radius: 8px;
}
.summary_items .summary_item.end .summary_item-right{
    border-bottom-right-radius: 8px;
}
.summary_items .summary_item .summary_item-left{
    background: var(--opdev-white);
    padding: 8px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.summary_items .summary_item .summary_item-left a{
    width: 264px;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-decoration: underline;
    color: var(--opdev-gray-800);
}
.summary_items .summary_item .summary_item-right{
    max-width: 100%;
    width: 100%;
    background: var(--opdev-white);
    padding: 8px;
    height: 100%;
    display: flex;
    align-items: center;
}
.summary_items .summary_item .summary_item-right p{
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--opdev-gray-800);
}


/* @MEDIA START */
@media only screen and (max-width: 1230px) {
    .catalog_block .catalog_product {
        width: 71%;
    }

    .info .info_wrap {
        grid-template-columns: 65% 370px;
    }

    .info_wrap .right_card-fixed.fixed {
        width: 370px;
    }

    .info_description .info_tabs-wrap.fixed {
        width: 64%;
    }
}

@media only screen and (max-width: 1150px) {
    .info_wrap .info_right {
        display: none;
    }

    .info.element-simple .info_wrap,
    .info .info_wrap {
        grid-template-columns: 100%;
    }

    .info_description .info_tabs-wrap.fixed {
        width: 100%;
        padding-right: 20px;
    }

    .info_wrap .info_left-card {
        display: flex;
        width: 100%;
        margin-top: 0;
    }

    .info_description .info_tab {
        width: 100%;
    }

    .info_wrap .info_slide-wrap {
        flex-direction: column;
    }

    .card_item .info_card {
        margin-top: -90px;
    }

    .sidebar_links.sidebar_links_down {
        display: none;
    }

    .info_character-boxs {
        display: none !important;
    }

    .info_character_boxs_simple {
        display: block;
    }
}

@media only screen and (max-width: 1100px) {
    .product_cards,
    .product_cards_full {
        grid-template-columns: 1fr 1fr;
    }

    .header_content .header_block {
        flex-wrap: wrap;
        gap: 16px;
        justify-content: end;
    }

    .header-scroll .header_content .header_block {
        flex-wrap: nowrap;
        gap: 16px;
    }

    .catalog_block .catalog_product {
        width: 100%;
    }

    .brend_block .brendSlide2,
    .brend_block .brendSlide {
        overflow: unset;
    }

    .brend_item .brend_item-logo {
        padding: 8px;
        width: 100%;
    }

    .subscribe .subscribe_block {
        gap: 34px;
        padding: 20px 50px;
    }

    .home_sidebar-wrap {
        display: none;
    }

    .swiper-wrapper2 .swiper-slide {
        width: 110px !important;
        height: 40px;
    }

    .catalog_sidebar .sidebar_header,
    .product_filters .product_filter {
        display: flex;
    }

    .catalog .catalog_block {
        gap: 0;
    }

    .product_filters {
      /* display: none !important; */
    }

    .sidebar_wrap {
        width: auto;
        height: auto;
        z-index: 10;
        /* display: none !important; */
    }

    .catalog_block .catalog_sidebar {
        position: fixed;
        top: 0;
        left: 0;
        opacity: 0;
        pointer-events: none;
        width: 100%;
        max-height: none;
        height: 100vh;
        overflow: auto;
        z-index: 16;
        padding-top: 56px;
        padding-bottom: 70px;
        transition: .3s ease all;
    }

    .catalog_block .catalog_sidebar.active {
        opacity: 1;
        pointer-events: all;
    }

    .catalog_sidebar .sidebar_links {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .order .order_block {
        grid-template-columns: 48.5% 48.5%;
    }

    .cards_block .cards_boxs,
    .news_block .news_cards {
        grid-template-columns: 31.5% 31.5% 31.5%;
    }

    .favorites_block .favorites_cards {
        grid-template-columns: 31.5% 31.5% 31.5%;
    }

    .personal .personal_block {
        grid-template-columns: 100%;
    }
}

@media only screen and (max-width: 885px) {
    .header_content .header_block {
        flex-direction: column-reverse;
        align-items: end;
        gap: 8px;
    }

    .header_block .header_phone-wrap {
        width: 100%;
    }

    .header_block .header_phone-wrap .header_phone {
        display: flex;
    }

    .header_top .header_phone {
        display: none;
    }

    .header_content .header_top {
        padding: 8px 0px 0;
        border: none;
        justify-content: end;
    }

    .header_top-location .header_location-texts {
        right: 0;
        left: auto;
    }

    .header_content .header_bottom {
        padding-bottom: 12px;
        align-items: center;
    }

    .header_phone-wrap .header_logo-mob,
    .header-scroll .header_content .header_logo,
    .bottom_menu,
    .header_bars,
    .header_block .header_call img,
    .catalog_product .product_radio-tab {
        display: flex;
    }

    .catalog_product .product_links,
    .header_block .header_call span,
    .header_content .header_logo,
    .header_top .header_navs,
    .header_menu {
        display: none;
    }

    .header-scroll .header_content .header_logo img {
        width: 84px;
    }

    .header_block .header_call,
    .header_search .header_search-label {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header_search .header_search-label {
        width: 34px;
        border-radius: 0 3.2px 3.2px 0;
    }

    .header_search .header_search-inp {
        border-radius: 3.2px 0 0 3.2px;
    }

    .header_search .header_search-inp {
        font-size: 14px;
        line-height: 21px;
    }

    .header_content .header_search {
        height: 31px;
    }

    .header_phone .header_phone-box a {
        font-size: 14px;
        line-height: 16px;
        color: #FFF;
        color: var(--opdev-light);
        white-space: nowrap;
    }

    .header_content .header_block-wrap {
        gap: 16px;
    }


    .catalog_mini-cards .catalog_mini-card {
        flex-direction: column;
        align-items: center;
        padding: 8px 4px 8px 4px;
    }

    .catalog_mini-cards .catalog_mini-card p {
        font-size: 12px;
        text-align: center;
    }


    .sidebar_item .sidebar_modal {
        position: fixed;
        bottom: -50px;
        left: 0;
        top: auto;
        z-index: 17;
        width: 100%;
        padding: 0 16px 16px;
        border-radius: 8px 8px 0 0;
        transform: translate(0);
    }

    .sidebar_item .sidebar_modal.active {
        bottom: 0;
    }

    .sidebar_item .sidebar_modal.active+.sidebar_modal-bg {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 16;
        background: #343a407b;
        background: var(--opdev-light-black);
    }

    .sidebar_modal .sidebar_modal-close {
        display: flex;
    }

    .sidebar_modal .sidebar_modal-title {
        display: flex;
    }

    .sidebar_item .sidebar_modal-text {
        font-size: 14px;
        line-height: 18px;
        max-width: 328px;
    }

    .footer .footer_bottom {
        padding: 16px 0 60px;
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }

    .delivery .delivery_content,
    .basket_block .basket_all {
        grid-template-columns: 100%;
    }

    .error_block .error_title-404 {
        gap: 212px;
    }

    .error_block .error_title img {
        width: 300px;
        height: 300px;
        top: 8px;
    }

    .error_block .error_title span {
        font-size: 300px;
        line-height: 352px;
    }

    .error_block .error_info {
        margin-top: 1px;
    }

    .confirmation_content .delivery3_cards {
        flex-direction: column-reverse;
    }

    .confirmation_content .confirmation_cards {
        flex-direction: column;
    }

    .confirmation_content .confirmation_none {
        display: none;
    }
}

@media only screen and (max-width: 776px) {
    .catalog_top .catalog_mini-cards {
        grid-template-columns: 32% 32% 32%;
        gap: 4px;
    }

    .product_card-price .card_price-spn span,
    .breadcrumb-items .breadcrumb-link span,
    .breadcrumb-items .breadcrumb-span {
        font-size: 12px;
        line-height: 16px;
    }

    .subscribe .subscribe_block,
    .subscribe_block .subscribe_info {
        flex-direction: column;
        align-items: start;
    }

    .subscribe_block .subscribe_info {
        gap: 16px;
    }

    .catalog_top .catalog_filter {
        margin-top: 16px;
        gap: 8px;
    }

    .catalog_filter .catalog_filter-tabs {
        gap: 8px;
    }

    .catalog_filter .catalog_filter-tab {
        font-size: 12px;
        padding: 4px 8px;
        border-radius: 8px;
    }

    .catalog .catalog-main {
        gap: 32px;
    }


    .note .note_block {
        overflow: auto;
    }

    .note_block .note_block-img {
        width: 100%;
        overflow: initial;
    }

    .note_block .certificate_block-img {
        height: 129px;
    }

    .news-list_cards {
        flex-direction: column;
        gap: 48px;
    }

    .news-list_cards .news-list_card {
        width: 100%;
    }

    .swiper-wrapper2 .swiper-slide {
        width: 60px !important;
        height: 30px;
    }

    .home .home_slider {
        gap: 8px;
    }

    .home_slider .slider_top-img {
        height: 166px;
    }

    .order .order_block {
        grid-template-columns: 100%;
    }

    .order_items .order_item.order_product {
        display: none;
    }

    .order_price-wrap .order_item.order_product {
        display: block;
    }




    .map_modal .modal_wrap {
        width: 100%;
    }

    .map_modal .map_close {
        top: 18px;
        right: 18px;
    }

    .map_modal {
        padding: 0px 10px;
    }


    .info_wrap .info_slide-wrap {
        flex-direction: column;
    }

    .info_description .info_tabs-wrap {
        display: none;
    }

    .info_description .info_values {
        padding-top: 40px;
    }

    .info_wrap .info_value {
        display: flex;
        margin-bottom: 40px;
        opacity: 1;
        pointer-events: all;
        position: static;

    }

    .info_wrap .info_value.end {
        margin-bottom: 0;
    }

    .review_modal,
    .question_modal {
        align-items: end;
        bottom: -100%;
    }

    .review_modal.active,
    .question_modal.active {
        bottom: 0;
    }

    .review_modal .review_modal-wrap,
    .question_modal .question_modal-wrap {
        padding: 0 16px 50px;
        border-radius: 8px 8px 0 0;
        width: 100%;
    }

    .review_modal .review_modal-top,
    .question_modal .question_modal-top {
        flex-direction: column-reverse;
        align-items: start;
    }

    .review_modal .review-close,
    .question_modal .question-close {
        margin: 0 auto;
    }

    .review_modal .review-close .review_close-img2,
    .question_modal .question-close .question_close-img2 {
        display: flex;
    }

    .review_modal .review-close .review_close-img1,
    .question_modal .question-close .question_close-img1 {
        display: none;
    }

    .question_modal .question_modal-btn {
        width: 100%;
    }

    .cards_block .cards_boxs,
    .news_block .news_cards {
        grid-template-columns: 48% 48%;
    }

    .cards_block .cards_new {
        grid-template-columns: 100%;
        gap: 48px;
    }

    .cards_new .cards_new-boxs {
        max-width: 306px;
    }

    .favorites_block .favorites_cards {
        grid-template-columns: 47% 47%;
    }

    .personal_modal {
        align-items: end;
        padding-bottom: 0;
        padding-top: 70px;
    }

    .personal_modal .personal_modal-wrap {
        width: 100%;
        border-radius: 8px 8px 0 0;
        padding-top: 0;
    }

    .personal_modal .personal_close {
        display: none;
    }

    .personal_modal .personal_close-mob {
        display: block;
    }

    .personal_modal .personal_modal-close {
        margin: 0 auto;
    }

    .personal_modal .personal_modal-top {
        align-items: start;
        flex-direction: column-reverse;
        gap: 8px;
    }

    .personal_modal-form .personal_form-btn {
        max-width: 100%;
    }
}

@media only screen and (max-width: 576px) {
    .breadcrumb {
        padding: 24px 0;
    }

    .header_content .header_bottom {
        gap: 16px;
    }

    .header_phone-wrap .header_logo-mob {
        margin-bottom: 10px;
    }

    .header_message .head_message-info {
        flex-direction: column;
        align-items: start;
        gap: 4px;
    }

    .header_message .head_message-block {
        align-items: start;
    }

    .header_message .head_message-link {
        margin-left: 35px;
    }

    .header_message .head_message-title {
        font-size: 12px;
        line-height: 16px;
    }

    .breadcrumb .breadcrumb-items {
        gap: 4px;
    }

    .breadcrumb-items .breadcrumb-link:nth-child(1) span {
        display: none;
    }

    .bottom_menu-link .bottom_menu-spn {
        left: 66%;
        display: grid;
        place-content: center;
    }

    .catalog_block .catalog_sidebar.active {
        padding-top: 55px;
    }

    .price_wrap .price_title h1,
    .catalog_top .catalog-title {
        font-size: 24px;
        line-height: 32px;
    }

    .product_card-info .product_card-shop {
        flex-direction: column;
        gap: 12px;
        align-items: start;
    }

    .product_card .product_card-block {
        height: 158px;
    }

    .viewed_cards .product_card .product_card-block {
        width: 100%;
    }

    .product_card .product_card-info {
        gap: 10px;
        padding: 12px 8px 8px;
    }

    .product_card-info .product_card-title {
        height: 36px;
    }

    .product_card-info .product_card-title,
    .product_card-info .product_card-price b {
        font-size: 14px;
        line-height: 18px;
    }

    .product_card-info .product_card-price b {
        display: none;
    }

    .product_card-info .product_card-price .card_price-spn b {
        display: flex;
    }

    .product_card-shop .product_shop-link {
        width: 100%;
        height: 31px;
        display: flex;
        align-items: center;
    }

    .card_block-spns .card_block-spn,
    .product_card-block .product_card-code {
        font-size: 10px;
        line-height: 12px;
    }

    .product_cards {
        gap: 16px 24px;
        grid-template-columns: 1fr 1fr;
    }

    .product_paginations .pagination_num span {
        font-size: 14px;
        line-height: 14px;
    }

    .product_paginations .pagination_num,
    .product_paginations .pagination_dote,
    .product_paginations .pagination_arrow {
        padding: 4px 8px;
        width: auto;
    }

    .catalog_product .catalog_texts {
        padding: 12px;
        gap: 15px;
    }

    .catalog_texts {
        margin-top: 0;
    }

    .catalog_texts .catalog_text {
        font-size: 12px;
        line-height: 16px;
    }

    .card_block-spns .card_block-spn {
        height: 16px;
    }

    .card_block-spns .card_block-spn img {
        width: 12px;
        height: 12px;
    }

    .subscribe .subscribe_block {
        padding: 26px 27px 24px;
    }

    .footer_block .footer_items,
    .footer_item .footer_pay-box {
        width: 100%;
    }

    .footer_content .footer_block {
        padding: 16px 0px 24px;
        display: grid;
        grid-template-columns: 43% 43%;
    }

    .footer_block .footer_item-mob {
        display: flex;
    }

    .footer_block .footer_item-none {
        display: none;
    }

    .advantages .advantage_block {
        grid-template-columns: 47% 47%;
        gap: 8px 24px;
    }

    .advantage_block .advantage_block-img {
        height: 82px;
    }

    .home {
        padding: 24px 0px 48px;
    }

    .order {
        padding: 0 0 30px;
    }

    .order .order_title {
        font-size: 24px;
        line-height: 32px;
    }

    .order_item-title h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .order_block .order_price-wrap,
    .order_block .order_item,
    .order_block .order_items {
        gap: 16px;
    }

    .map_modal .map_close img {
        width: 20px;
        height: 20px;
    }

    .map_modal .map_close {
        top: 15px;
        right: 15px;
    }

    .form_modal,
    .address_modal {
        align-items: end;
        border-radius: 8px 8px 0 0;
    }

    .form_modal .modal_wrap {
        border-radius: 8px 8px 0 0;
    }

    .form_modal .modal_wrap,
    .address_modal .modal_wrap {
        padding-top: 0;
        gap: 16px;
    }

    .form_modal .modal_top,
    .address_modal .modal_top {
        flex-direction: column-reverse;
        gap: 8px;
        align-items: start;
    }

    .form_modal .modal_form-img,
    .modal_top .address_close-img {
        display: none;
    }

    .modal_top .close-mob {
        display: flex;
    }

    .modal_top .modal_close,
    .modal_top .address_close {
        margin: 0 auto;
    }

    .form_modal .modal_form-btn,
    .form_modal .modal_form-btn2,
    .form_modal .modal_wrap,
    .address_modal .address_form-btn {
        width: 100%;
    }

    .modal_form-btn {
        position: fixed;
        bottom: 10px;
        margin: 5px;
        padding: 0px;
        left: 0;
        width: 97% !important;
    }

    .order_item .order_payment,
    .form_modal form {
        grid-template-columns: 100%;
    }

    .form_modal .modal_wrap {
        height: 93vh;
        overflow: auto;
        padding-bottom: 100px;
    }

    .form_modal .modal_form-bottom1,
    .form_modal .modal_wrap::-webkit-scrollbar {
        display: none;
    }

    .form_modal .modal_form-bottom2 {
        display: flex;
    }

    .form_modal .modal_form-tabs {
        gap: 6px;
    }

    .form_modal .modal_form-tab {
        padding: 10px;
    }

    .delivery_check label {
        width: 100%;
        max-width: 240px;
    }

    .order_items .order_item-btn {
        position: fixed;
        bottom: 55px;
        left: 12px;
        width: 94%;
    }

    .order_payment .order_payment-tab {
        gap: 8px;
        flex-direction: initial;
        align-items: center;
        padding: 12px 12px;
    }

    .order_code {
        gap: 0;
    }

    .info_slide .infoSlide,
    .info_slide .infoSlide2,
    .info_slide .infoSlide2 .info_slide-img,
    .info_wrap .info_slide {
        width: 100%;
    }

    .info_slide .infoSlide2 .info_slide-img {
        object-fit: contain;
    }

    .info_slide .infoSlide2,
    .info_slide .infoSlide2 .info_slide-img {
        height: 336px;
    }

    .info_reviews .info_review {
        grid-template-columns: 100%;
        gap: 16px;
    }

    .info_question-item .info_question-text,
    .info_review-card .info_review-text,
    .info_value ul li,
    .info_value p,
    .slide_info .slide_info-box span,
    .slide_info .slide_info-texts p {
        font-size: 14px;
        line-height: 16px;
    }

    .info_value h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .info_value .info_equipment,
    .info_value .info_character,
    .description_wrap .description_texts {
        gap: 16px;
    }

    .description_video iframe {
        height: 191px;
    }

    .info_wrap .info_title {
        font-size: 24px;
        line-height: 32px;
    }

    .container h1 {
        font-size: 24px;
        line-height: 32px;
    }


    .basket_block .basket_title {
        margin-bottom: 16px;
    }

    .basket_title h2 {
        font-size: 24px;
        font-weight: 700;
        line-height: 32px;
    }

    .basket_all .card_item,
    .basket_all .card_item_disabled {
        flex-direction: column;
        gap: 16px;
    }

    .card_item .img_card,
    .card_item .img_card_disabled {
        display: flex;
        align-items: start;
        gap: 16px;
        width: 100%;
    }

    .info_card-title,
    .info_card-title_disabled {
        flex-direction: column-reverse;
        gap: 8px;
        height: auto;
        margin-bottom: 0;
    }

    .info_card-title .info_card-price,
    .info_card-title_disabled .info_card-price_disabled {
        align-items: start;
        gap: 0;
    }

    .info_card-title h3,
    .info_card-title_disabled h3 {
        font-size: 14px;
        line-height: 18px;
        -webkit-line-clamp: initial;
    }

    .info_card-title .info_card-price b,
    .info_card-title_disabled .info_card-price_disabled b {
        font-size: 16px;
        line-height: 24px;
        text-align: start;
    }

    .info_card-title .info_card-price span,
    .info_card-title_disabled .info_card-price_disabled span {
        font-size: 12px;
        line-height: 16px;
        text-align: start;
    }

    .card_item .img_card img,
    .card_item_disabled .img_card_disabled img {
        width: 80px;
        height: 80px;
    }

    .card_item .info_card {
        width: 100%;
        margin-left: auto;
        margin-top: 0;
    }

    .info_card .info_card-bottom {
        align-items: end;
    }

    .info_card-bottom .card_bottom {
        align-items: start;
        flex-direction: column-reverse;
    }

    .info_card-bottom .info_card-dates {
        gap: 4px;
    }

    .basket_order-wrap .order-btn-wrap {
        padding: 0;
        border-radius: 0;
        background: none;
    }

    .basket_order-wrap .order-btn {
        font-size: 16px;
        line-height: 24px;
        height: 38px;
        border-radius: 4px;
    }


    .delivery .delivery_title {
        font-size: 24px;
        line-height: 32px;
    }

    .delivery_block .delivery_items {
        display: flex;
        flex-direction: column;
        gap: 29px;
    }

    .delivery_item .delivery_item-num span {
        font-size: 12px;
        line-height: 16px;
        padding: 2px 6px;
    }

    .delivery_item-box .delivery_box-info b {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .delivery3_card .delivery3_card-btns {
        flex-wrap: wrap;
    }

    .delivery3_slider .delivery3_slide img {
        width: 80px;
        height: 80px;
    }

    .delivery3_slider .deliverySlider {
        margin: 0 16px;
    }

    .delivery3_slider .swiper-button-prev {
        left: -22px;
        top: 40px;
    }

    .delivery3_slider .swiper-button-next {
        right: -22px;
        top: 40px;
    }


    .error_block .error_title {
        margin-top: 37px;
    }

    .error_block .error_title img {
        width: 171px;
        height: 171px;
        top: 11px;
    }

    .error_block .error_title span {
        font-size: 186px;
        line-height: 223.2px;
    }

    .error_block .error_title-404 {
        gap: 115.91px;
    }

    .error_block .error_info {
        gap: 91px;
    }

    .error_info .error_links {
        flex-direction: initial;
        gap: 18px;
    }

    .error_block .error_title-525 {
        gap: 0;
    }

    .error_block .error_info h3 {
        line-height: 26px;
    }

    .favorites_block .favorites_title,
    .cards_block .cards_title,
    .news_block .news_title,
    .authorization_block .authorization_title {
        font-size: 24px;
        line-height: 32px;
    }

    .authorization_form .form_box input {
        width: 100%;
    }

    .authorization_block .authorization_form {
        max-width: 100%;
    }

    .cards_block .cards_boxs,
    .news_block .news_cards {
        grid-template-columns: 100%;
    }

    .news .news_block {
        gap: 24px;
    }

    .cards_block .cards_new,
    .news_block .news_pagination {
        margin-top: 24px;
    }

    .news_pagination .news_pagination-item {
        height: 31px;
        padding: 4px 8px;
    }

    .news_pagination .news_pagination-item.arrow {
        padding: 6.5px 8px;
    }

    .news_pagination .news_pagination-item.dote {
        padding: 8.5px;
    }

    .news_pagination .news_pagination-amount,
    .news_pagination span {
        font-size: 14px;
        line-height: 21px;
    }

    .cards {
        padding-bottom: 48px;
    }

    .cards .cards_block {
        gap: 24px;
    }

    .cards_block .cards_box {
        flex-direction: initial;
        gap: 8px;
    }

    .cards_block .cards_box img {
        width: 80px;
        height: 80px;
    }

    .cards_block .cards_box p {
        text-align: start;
    }

    .cards_new .cards_new-texts {
        padding: 12px;
    }

    .cards_new .cards_new-texts p {
        font-size: 12px;
        line-height: 16px;
    }

    .delivery_ct .delivery_catalog p {
        max-width: 264px;
    }

    .personal_question .personal_question-top .none {
        display: none;
    }

    .brend_item .brend_item-logo {
        padding: 8px;
        height: 40px;
        width: 100%;
    }

    .brend_item .brend_item-logo img {}

    .footer .footer_bottom {
        padding-bottom: 66px;
    }

    .product_fixed_card {
        display: flex;
    }

    .header_search .suggested_list {
        width: 100%;
        top: 97%;
    }

    .header_search .suggested_list li {
        font-size: 14px;
    }

    .header_content .header_bottom {
        position: relative;
    }

    .header_content .header_search {
        position: unset;
    }

    .call_modal {
        width: 100%;
        height: 100%;
        top: unset;
        bottom: -100%;
    }

    .call_modal.show {
        bottom: 0;
        left: 0;
        transform: translate(0%);
        border-radius: 8px 8px 0px 0px;
    }

    .call_modal_top .modal_close {
        display: none;
    }

    .call_modal .mobile_close {
        display: flex;
    }

    .call_modal button {
        width: 100%;
        justify-content: center;
    }
}

@media only screen and (max-width: 450px) {
    .news-list_card .news-list_card-img {
        width: 100%;
    }

    .swiper-wrapper2 .swiper-slide {
        width: 49px !important;
        height: 23px;
        border-radius: 4px;
    }

    .info_slide .infoSlide .info_slide-img {
        width: 100%;
        object-fit: contain;
    }

    .info_slide .infoSlide .swiper-wrapper {
        flex-wrap: wrap;
        row-gap: 14px;
        transform: translate(0px, 0px) !important;
    }

    .info_slide .infoSlide .swiper-slide {
        width: 40px !important;
    }
}


.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.justify-content-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex-auto {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}



footer .footer_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    list-style: none;
    padding: 24px 0 17px 0;
}

footer .footer_top a {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--opdev-black);
}


.product_list .product_card {
    width: 100%;
    margin: 0 0 24px 0;
    border: 1px solid var(--opdev-gray-300);
    background-color: var(--opdev-white);
    border-radius: 8px;
    position: relative;
    min-height: 202px;
    padding: 0 0 0 240px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.product_list .product_card:last-child {
    margin: 0;
}

.product_list .product_card-block {
    position: absolute;
    left: 0;
    top: 0;
    width: 240px;
    height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product_list .product_card-block img {
    max-width: 90%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.product_list .product_card-title {
    display: -webkit-box;
    -webkit-box-align: start;
    align-items: center;
    margin: 30px 12px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    color: var(--opdev-black);
}

.product_list .product_card-desc {
    display: -webkit-box;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: var(--opdev-black);
    margin: 0 12px 8px 12px;
}

.product_list .product_card-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 12px 12px;
}

.product_list .product_price {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: var(--opdev-primary);
}

.product_list .product_price span {
    font-size: 14px;
    font-weight: 400;
    line-height: 33px;
    text-decoration: line-through;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
}

.product_list .product_card-bottom .date {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    color: var(--opdev-gray-500);
}

.content {
    padding-bottom: 48px;
}

.content_wrap {
    max-width: 950px;
}

.content_wrap_full {
    max-width: 1200px;
}

.content_wrap .content_top .content_title{
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    color: var(--opdev-gray-800);
    margin-bottom: 30px;
}
.content_wrap .content_top .content_top-links{
    display: flex;
    align-items: center;
    gap: 4px;
}
.content_wrap .content_top .content_top-links a{
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    color: var(--opdev-gray-800);
    text-decoration: underline;
}
.content_wrap .content_block{
    display: flex;
    flex-direction: column;
}
.content_wrap .container{
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 40px 0;
}

.content_wrap p{
    color: var(--opdev-gray-800);
    font-size: 16px;
    margin-bottom: 24px;
}

.content_wrap a {
    color: var(--opdev-primary);
}

.content_wrap a:hover {
    color: var(--opdev-primary-dark);
}

.content_wrap h2{
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 10px;
    color: var(--opdev-gray-800);
}

.content_wrap h3{
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 10px;
    color: var(--opdev-gray-800);
}
.content_wrap ul{
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: var(--opdev-gray-800);
    font-size: 16px;
    margin-bottom: 24px;
}
.content_wrap ul li{
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--opdev-gray-800);
    margin-left: 25px;
}

.content_wrap ol{
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: var(--opdev-gray-800);
    font-size: 16px;
    margin-bottom: 24px;
}
.content_wrap ol li{
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--opdev-gray-800);
    margin-left: 25px;
}

.content_wrap img{
    height: auto;
    border-radius: 4px;
}

.button-sm{
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    border-radius: 3.2px;
    max-width: fit-content;
    margin-top: 8px;
}
.button-outline-primary{
    color: var(--opdev-primary);
    border: 1px solid var(--opdev-primary);
}
.button-outline-gray{
    color: var(--opdev-gray-700);
    border: 1px solid var(--opdev-gray-400);
}
.content_locations{
    display: grid;
    align-items: start;
    grid-template-columns: 1fr;
    gap: 24px;
    margin-top: 26px;
}
.content_locations .location_card{
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    border-radius: 8px;
    background: var(--opdev-white);
    height: 100%;
}
.content_locations .location_card h3{
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    color: var(--opdev-gray-800);
}
.content_locations .location_card .location_info{
    display: flex;
    align-items: start;
    gap: 16px;
}
.location_card .location_info img{
    width: 180px;
    height: 124px;
    border-radius: 8px;
}
.location_card .location_info .location_info-text{
    font-size: 13.5px;
    font-weight: 400;
    line-height: 18px;
    color: var(--opdev-gray-800);
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.location_card iframe{
    border-radius: 8px;
    border: none;
}


/* Main slider */
@media (min-width: 1150px) {
    .infoSlide2 {
        cursor: zoom-in;
    }
}
.main_slider{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    padding: 24px;
    opacity: 0;
    pointer-events: none;
    transform: scale(.5);
    background: var(--opdev-light);
    transition: .3s ease all;
}
.main_slider.active{
    opacity: 1;
    pointer-events: all;
    transform: scale(1);
}

.main_slider .main_slider-block{
    position: relative;
}
.main_slider .main_slider-close{
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 3;
    width: 64px;
    height: 64px;
    border: 2px solid var(--opdev-gray-200);
    background: var(--opdev-white);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main_slider .main_slider-close:hover svg path{
    fill: var(--opdev-primary);
}
.main_slider .main_slider-close:active svg path{
    fill: #FFF;
    fill: var(--opdev-white);
}
.main_slider .homeSlider2{
    background: var(--opdev-white);
    border: 2px solid var(--opdev-gray-200);
    border-radius: 24px;
    padding: 16px 16px 0 16px;
    height: 84vh;
}
.main_slider .swiper-button-prev{
    left: 16px;
}
.main_slider .swiper-button-next{
    right: 16px;
}
.main_slider .swiper-button-prev,
.main_slider .swiper-button-next{
    width: 64px;
    height: 64px;
    border-radius: 16px;
    border: 2px solid var(--opdev-gray-200);
    background: var(--opdev-white);
    font-size: 20px;
    transition: .3s ease all;
}
.main_slider .swiper-button-next:after,
.main_slider .swiper-button-prev:after{
    font-size: 16px;
    transition: .3s ease all;
}
.main_slider .main_slider-close:hover,
.main_slider .swiper-button-prev:hover,
.main_slider .swiper-button-next:hover{
    background: var(--opdev-gray-100);
    border: 2px solid var(--opdev-gray-400);
}
.main_slider .swiper-button-prev:hover::after,
.main_slider .swiper-button-next:hover::after{
    color: var(--opdev-primary);
}
.main_slider .main_slider-close:active,
.main_slider .swiper-button-prev:active,
.main_slider .swiper-button-next:active{
    background: var(--opdev-primary);
    border: 2px solid var(--opdev-primary-dark);
}
.main_slider .swiper-button-prev:active::after,
.main_slider .swiper-button-next:active::after{
    color: #FFF;
    color: var(--opdev-white);
}
.main_slider .main_slider-info{
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 100%;
}
.main_slider .main_slider-info .info_box{
    max-width: 640px;
    padding: 16px;
    display: flex;
    background-color: var(--opdev-white);
    flex-direction: column;
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    border-radius: 6px 0 0 0;
}
.main_slider-info .info_box h3{
    font-size: 14px;
    font-weight: 700;
    line-height: 32px;
    color: var(--opdev-gray-800);
}
.main_slider-info .info_box p{
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--opdev-gray-800);
}
.main_slider .homeSlider2 .main_slider-img{
    min-height: 10%;
    max-height: 100%;
    width: 100%;
    margin-top: auto;
    object-fit: contain;
}
.main_slider .small_slider-img{
    border-radius: 12px;
    border: 2px solid #E9ECEF;
    width: 64px;
    height: 64px;
    object-fit: contain;
    cursor: pointer;
}
.main_slider .homeSlider2 .main_slider-img1{
    object-fit: cover;
}
.main_slider .swiper-slide{
    height: auto;
}
.main_slider .swiper-slide.swiper-slide-thumb-active .small_slider-img{
    border: 2px solid var(--opdev-primary);
}

.main_slider .homeSlider .swiper-wrapper {
    justify-content: center;
}

.main_slider .homeSlider{
    margin: 16px auto 0;
}

/* Information start */
.information{
    padding: 24px 0px 40px;
    background: var(--opdev-light);
}
.information .information_block{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.information .information_items{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    justify-content: center;
}
.information .information_item{
    border-radius: 8px;
    border: 2px solid var(--opdev-gray-200);
    background: var(--opdev-white);
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 12px;
}
.information .information_item span{
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: var(--opdev-gray-600);
}
.information .information_item a{
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    color: var(--opdev-primary);
}
.information .information_item p{
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 0;
    color: var(--opdev-gray-800);
}
.information .information_content{
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-radius: 8px;
    padding: 16px;
    background: var(--opdev-white);
}
.information_content .information_map{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.information_content .information_map h3{
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    color: var(--opdev-gray-800);
}
.information_content .information_map iframe{
    border-radius: 8px;
}
.information_content .information_boxs{
    display: flex;
    gap: 24px;
}
.information_content .information_tabs{
    padding-top: 16px;
    width: 100%;
    display: block;
    /*display: grid;*/
    /*grid-template-columns: 32% 32% 32%;*/
    gap: 16px;
}
.information_tabs .tabs_wrap{
    display: flex;
    flex-direction: column;
    gap: 11px;
}
.information_tabs .information_tab{
    text-align: start;
    padding: 8px;
    border-radius: 8px;
    background: var(--opdev-light);
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: var(--opdev-gray-800);
    margin: 5px;
}
.information_tabs .information_tab.active{
    background: var(--opdev-gray-200);
    color: var(--opdev-primary);
}
.information_content .information_value{
    width: 390px;
    padding: 10px 12px;
    border-radius: 8px;
    background: var(--opdev-white);
}
.information_value .value_box{
    display: none;
    flex-direction: column;
    gap: 24px;
}
.information_value .value_box.active{
    display: flex;
}
.information_value .value_box h3{
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    color: var(--opdev-gray-800);
}
.information_value .value_info-wrap{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.information_value .value_info-wrap b{
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--opdev-gray-800);
}
.information_value .value_info-wrap a{
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: var(--opdev-gray-800);
}
.information_value .value_info-wrap .info_box{
    display: flex;
    flex-direction: column;
}

@media only screen and (max-width: 991px){
    .information .information_items {
        grid-template-columns: 32% 32% 32%;
        gap: 16px;
    }
}

@media only screen and (max-width: 768px) {
    .product_list .product_card {
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 0 16px 0;
    }

    .product_list .product_card-block {
        position: unset;
        margin: 0 0 8px 0;
    }

    .product_list .product_card-title {
        margin: 0;
        padding: 0 8px 0 24px;
        width: calc(100% - 204px);
        text-wrap: wrap;
        white-space: normal;
        text-overflow: unset;
        -webkit-line-clamp: 4;
    }

    .product_list .product_card-desc {
        margin: 8px 8px 16px 8px;
        -webkit-line-clamp: 5;
    }

    .product_list .product_card-bottom {
        margin: 0 8px 8px;
    }

    .content_wrap .content_locations {
        grid-template-columns: 100%;
        gap: 48px;
        margin-top: 24px;
    }
    .location_card .location_info img {
        width: 144px;
        height: 124px;
        border-radius: 8px;
    }
    .content_wrap .content_top .content_top-links {
        align-items: start;
        flex-direction: column;
        gap: 0px;
    }
    .content_wrap .content_top .content_title {
        font-size: 24px;
        line-height: 32px;
    }

    .price_catalog .container{
        padding: 0;
    }
    .price_catalog .price_wrap{
        gap: 48px;
    }
    .price_wrap .price_title{
        padding: 0px 12px;
    }
    .price_wrap .price_table {
        padding: 24px 12px;
    }
    .table_card .table_right b,
    .table_card .table_left a,
    .table_card .table_left b{
        font-size: 14px;
        line-height: 18px;
        text-decoration: none;
    }
    .button {
        padding: 4px 8px;
        font-size: 14px;
        line-height: 20px;
    }

    .information .information_items{
        display: none;
    }
    .information_content .information_boxs{
        flex-direction: column;
        gap: 32px;
    }
}

@media only screen and (max-width: 576px) {
    .content_wrap img{
        width: 100%;
    }
    footer {
        padding: 32px 0 16px 0;
    }

    footer .footer_bottom,
    footer .footer_top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    footer .footer_top {
        padding: 0 0 39px 0;
    }

    footer .footer_bottom {
        padding: 16px 0 0 0;
    }

    footer .footer_bottom p:last-child {
        display: none;
    }

    .product_list .product_card-block {
        width: 96px;
        height: 96px;
    }

    .product_list .product_card-title {
        font-size: 14px;
        line-height: 18px;
        width: calc(100% - 120px);
    }

    .product_list .product_card-title {
        font-size: 14px;
        line-height: 18px;
    }

    .product_list .product_card-bottom .date {
        font-size: 10px;
        line-height: 12px;
    }

    .catalog_top .catalog_mini-cards {
        grid-template-columns: 49% 49%;
    }
    .element-simple .info_right-card .element-simple_right-boxs {
        grid-template-columns: 100%;
    }

    .element-simple .info_slide .infoSlide .info_slide-img,
    .element-simple .info_slide .infoSlide .swiper-slide{
        width: 46px !important;
        height: 46px;
    }
    .element-simple .info_slide .infoSlide2,
    .element-simple .info_slide .infoSlide2 .info_slide-img{
        height: 336px;
    }
    .element-simple .element-simple_description-img{
        height: 222px;
    }

    .element-simple .info_wrap .info_value{
        border-bottom: 1px solid #DEE2E6;
        border-bottom: 1px solid var(--opdev-gray-300);
    }
    .element-simple {
        padding-bottom: 0;
    }


    .summary_top .summary_title {
        font-size: 24px;
        line-height: 32px;
    }
    .summary_wrap .summary_top p,
    .summary_wrap .summary_top ul li {
        font-size: 14px;
        line-height: 18px;
    }
    .summary_wrap .summary_top ul {
        gap: 5px;
    }
    .summary_items .summary_item-top h3 {
        font-size: 14px;
        line-height: 18px;
    }
    .summary_items .summary_item .summary_item-left a {
        width: 134px;
        font-size: 14px;
        line-height: 16px;
    }
    .summary_items .summary_item .summary_item-right p {
        font-size: 14px;
        line-height: 18px;
    }
    .summary_items .summary_item .summary_item-left {
        gap: 10px;
    }

    .information_content .information_tabs {
        grid-template-columns: 48% 48%;
        gap: 16px;
    }
    .information_content .information_map iframe{
        height: 240px;
    }

    .info_slide .swiper-button-next, .info_slide .swiper-button-prev{
        display: none;
    }
}



.basket_tabs {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 2px;
    border-radius: 8px;
    background: #E9ECEF;
    background: var(--opdev-gray-200);
    overflow: hidden;
}

.basket_tabs .basket_tab {
    width: 100%;
    height: 36px;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 7px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-black);
    white-space: nowrap;
}

.basket_tabs .basket_tab.active {
    background: #FFF;
    background: var(--opdev-white);
}



/* Форма анкеты регистрации юрлица */
    .simple_form {
    display: flex;
    flex-direction: column;
    max-width: 642px;
}

/*fix for bitrix location input*/
.simple_form__box .bx-sls {
    margin-top: 7px;
    margin-bottom: 20px;
}

.simple_form__box .bx-ui-sls-pane { position: absolute; display: none; width: 100%; max-height: 220px; overflow-y: auto; background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); z-index: 1000; margin-top: 5px; scrollbar-width: thin; scrollbar-color: #c0c0c0 #f5f5f5; animation: fadeIn 0.2s ease-out; }
.simple_form__box .bx-ui-sls-pane::-webkit-scrollbar { width: 6px; }
.simple_form__box .bx-ui-sls-pane::-webkit-scrollbar-track { background: #f5f5f5; border-radius: 4px; }
.simple_form__box .bx-ui-sls-pane::-webkit-scrollbar-thumb { background-color: #c0c0c0; border-radius: 4px; }
.simple_form__box .dropdown-item { padding: 10px 14px; cursor: pointer; transition: all 0.2s ease; font-size: 14px; color: #333; border-bottom: 1px solid #f0f0f0; display: flex; flex-direction: row; align-items: center; }
.simple_form__box .dropdown-item:last-child { border-bottom: none; }
.simple_form__box .dropdown-item:hover { background: #f9f9f9; }
.simple_form__box .dropdown-item:active { background: #f0f0f0; }
.simple_form__box .suggestion-text { display: flex; flex-direction: column; }
.simple_form__box .company-name { font-weight: 600; color: var(--opdev-dark); font-size: 14px; line-height: 20px; }
.simple_form__box .company-details { font-size: 12px; color: #6c757d; margin-top: 2px; line-height: 16px; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }

.simple_form__label {
    position: relative;
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: var(--opdev-gray-500);
}

.simple_form__label--required {
    color: var(--opdev-danger);
}

.simple_form__input {
    width: 100%;
    padding: 10px;
    margin-top: 7px;
    margin-bottom: 20px;
    background-color: var(--opdev-white);
    border: 1px solid var(--opdev-gray-400);
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    color: var(--opdev-gray-600);
}

.simple_form__input::placeholder {
    color: var(--opdev-gray-400);
    font-size: 14px;
    font-weight: 400;
}

.simple_form__img {
    margin-bottom: 20px;
    display: block;
}

.simple_form__textarea {
    width: 100%;
    height: 80px;
    padding: 10px;
    margin-top: 7px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
    font-size: 16px;
    font-weight: 600;
    color: var(--opdev-gray-600);
}

.simple_form__checkbox-group {
    margin-top: 7px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 400;
    color: var(--opdev-gray-600);
}

.simple_form__checkbox {
    margin-right: 10px;
    margin-bottom: 15px;
    width: 16px;
    height: 16px;
    transform: scale(1.0);
}

.simple_form__button-group {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}

.simple_form__button--submit {
    background-color: var(--opdev-primary);
    color: var(--opdev-white);
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    font-size: 16px;
}

.simple_form__button--submit:hover {
    background-color: var(--opdev-primary);
}

.simple_form__button--reset {
    background-color: transparent;
    color: var(--opdev-primary);
    padding: 10px 20px;
    border: 2px solid var(--opdev-primary);
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    font-size: 16px;
}

.simple_form__button--reset:hover {
    background-color: var(--opdev-primary);
    color: var(--opdev-white);
}

.simple-form__radio-inp[type="radio"]:checked,
.simple-form__radio-inp[type="radio"]:not(:checked) {
    position: absolute;
    opacity: 0;
}

.simple-form__radio-inp[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: var(--opdev-gray-400);
    color: #CED4DA;
}

.simple-form__radio-inp[type="radio"]:checked+label {
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #343A40;
    color: var(--opdev-black);
}

.simple-form__radio-inp[type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    background: #FFF;
    background: var(--opdev-white);
    border-radius: 100%;
    border: 1px solid var(--opdev-gray-400);
    border: 1px solid #CED4DA;
}

.simple-form__radio-inp[type="radio"]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #00929F;
    border: 1px solid var(--opdev-primary);
    border-radius: 100%;
    background: #00929F;
    background: var(--opdev-primary);
}

.simple-form__radio-inp[type="radio"]:checked+label:after,
.simple-form__radio-inp[type="radio"]:not(:checked)+label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #FFF;
    background: var(--opdev-white);
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    transition: all 0.2s ease;
}

.simple-form__radio-inp[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);
}

.simple-form__radio-inp[type="radio"]:checked+label:after {
    opacity: 1;
    transform: scale(1);
}

.simple-form__radio-group {
    margin-top: 7px;
    margin-bottom: 20px;
}

.simple-form__radio-item {
    margin-bottom: 10px;
}

.simple-form__radio-item .simple-form__radio-label {
    font-size: 14px;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-black);
    white-space: nowrap;
}


/* Общий стиль кнопки */
.product_card-tab.like {
    width: 40px;
    height: 40px;
    border: none;
    background: none;
    cursor: pointer;
    position: relative;
}

/* Иконка сердца (контур) */
.product_card-tab.like::before {
    content: "♡";
    font-size: 24px;
    color: var(--opdev-gray-400);
    display: block;
    text-align: center;
    line-height: 40px;
    transition: color 0.3s ease;
}

/* Активное состояние - заполненное сердце */
.product_card-tab.like.active::before {
    content: "♥";
    color: var(--opdev-primary);
}

.product_card-tab.video {
    text-align: center;
}

.form_input-full {
    width: 100%;
    padding: 10px 12px;
    margin-bottom: 5px;
    font-size: 12px;
    border: 1px solid var(--opdev-gray-300);
    border-radius: 4px;
    outline: none;
    transition: border-color 0.2s ease-in-out;
}

.form_input:focus {
    border-color: var(--opdev-primary);
    box-shadow: 0 0 4px var(--opdev-gray-300);
}

.content_box img {
    max-width: 100%;
}

/* Стили для контейнера с подсказками */
.dadata-suggestions {
    /*position: absolute;*/
    display: none;
    width: 100%;
    max-height: 220px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    z-index: 1000;
    margin-top: -15px;
    scrollbar-width: thin;
    scrollbar-color: #c0c0c0 #f5f5f5;
}

/* Стилизация скроллбара для WebKit (Chrome, Safari) */
.dadata-suggestions::-webkit-scrollbar {
    width: 6px;
}

.dadata-suggestions::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 4px;
}

.dadata-suggestions::-webkit-scrollbar-thumb {
    background-color: #c0c0c0;
    border-radius: 4px;
}

/* Элементы подсказок */
.suggestion-item {
    padding: 10px 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.suggestion-item:last-child {
    border-bottom: none;
}

.suggestion-item:hover {
    background: #f9f9f9;
}

.suggestion-item:active {
    background: #f0f0f0;
}

/* Стили для поля ввода при активных подсказках */
.dadata-input:focus {
    border-color: #4285f4;
    box-shadow: 0 0 0 2px rgba(66, 133, 244, 0.2);
    outline: none;
}

.suggestion-item:hover {
    background: #f9f9f9;
}

.suggestion-item:active {
    background: #f0f0f0;
}

/* New styles for company name and details */
.suggestion-item .company-name {
    font-weight: 600;
    color: var(--opdev-dark);
    font-size: 14px;
    line-height: 20px;
}

.suggestion-item .company-details {
    font-size: 12px;
    color: #6c757d;
    margin-top: 2px;
    line-height: 16px;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

.dadata-suggestions {
    animation: fadeIn 0.2s ease-out;
}
.suggestion-text {
    display: flex;
    flex-direction: column;
}


/*Modal dialog*/
dialog::backdrop { background: rgba(0, 0, 0, 0.5); }
dialog{border:none;border-radius:12px;padding:2rem;width:90%;max-width:500px;box-shadow:0 10px 30px rgba(0,0,0,0.3);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;z-index:1000;}
.callback-modal-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; }
.callback-modal-header h2 { margin: 0; font-size: 1.2rem; }
.callback-close-btn { background: none; border: none; font-size: 1.5rem; cursor: pointer; outline: none; }
.callback-close-btn:focus, .callback-close-btn:focus-visible { outline: none; box-shadow: none; }
.callback-label { display: block; margin: 1rem 0 0.3rem; font-weight: 500; }
.callback-input-tel, input[type="radio"] + .callback-radio-label { font-size: 1rem; }
.callback-radio-group { display: flex; flex-direction: column; gap: 0.5rem; }
.callback-radio-group .callback-label { font-weight: normal; display: flex; align-items: center; gap: 0.5rem; color: #333; }
.callback-input-tel { width: 100%; padding: 0.5rem; border: 1px solid #ccc; border-radius: 6px; }
.callback-consent { font-size: 0.85rem; margin-top: 1rem; color: #555; }
.callback-consent a { color: #0b7285; text-decoration: underline; }
.callback-submit-btn { margin-top: 1.5rem; padding: 0.6rem 1.2rem; font-size: 1rem; background: #0b7285; color: white; border: none; border-radius: 8px; cursor: pointer; }
.callback-submit-btn:hover { background: #095c6c; }

.manuals-grid{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}
.manuals-item{width:120px;text-align:center}
.manuals-link{text-decoration:none;color:inherit}
.manuals-icon{font-size:48px;margin-bottom:10px}
.manuals-icon svg{width:60px;height:60px;}
.manuals-name{font-size:14px;word-break:break-word}
.manuals-link:hover .manuals-name{text-decoration:underline}


.catalog_texts {
  font-size: 14px;
  line-height: 1.6;
  margin: 0 auto;
  padding: 1em;
  width: 100%;
  color: var(--opdev-gray-700);
}

.catalog_texts h2 {
  font-size: 2em;
  margin-bottom: 0.5em;
  padding-bottom: 0.3em;
}

.catalog_texts h3 {
  font-size: 1.5em;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  padding-left: 0.5em;
}

.catalog_texts p {
  margin: 1em 0;
  text-align: justify;
}

.catalog_texts ul {
  margin: 1em 0 1em 1.5em;
  padding-left: 1em;
  list-style-type: disc;
}

.catalog_texts li {
  margin-bottom: 0.5em;
}

.catalog_texts img {
    max-width: 600px !important;
    width: 100% !important;
    border-radius: 4px;
}

.description_texts p {
  margin-bottom: 10px;
}

.set-html-content {
  margin-top: 20px;
}