/* Variables */
:root {
    --primary-blue: #036;
    --dark-blue: #0f2c47;
    --accent-red: #A82926;
    --light-bg: #E6EFF6;
    --border-color: #E6EFF6;
    --text-color: #036;
    --gray-text: #777;
    --white: #ffffff;
    --container-padding: 15px;
    --transition: all 0.5s ease;
}

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

body {
    font-family: 'Lato', Tahoma, Geneva, Verdana, sans-serif;
    color: var(--text-color);
    background-color: #F7F9FC;
    line-height: 1.5;
}
body.hover:before {
    content:'';
    width: 100%;
    min-height: 100%;
    background: #000;
    opacity: 0.2;
    position: fixed;
    left:0;
    top:0;
    z-index: 101;
    transition: var(--transition);
    pointer-events: none;
}
strong {
    font-weight: 900;
}
a {
    text-decoration: none;
    color: inherit;
    transition: var(--transition);
}
a, button {
    cursor: pointer;
}
ul {
    list-style: none;
}
input:focus,
select:focus {
    outline: none;
}
img {
    max-width: 100%;
    display: block;
}
.img-left {
    float:left;
}
.justify-content-space-between {
    justify-content: space-between;
}
.gap-20 {
    gap: 20px;
}
button {
    transition: var(--transition);
}
button svg,
a svg {
    transition: var(--transition);
}
.mobile-menu-btn {
    display: none;
}

.contact--hidden::-webkit-scrollbar {
  width: 5px;
  border-radius: 8px;
}

.contact--hidden::-webkit-scrollbar-track {
  background: #E8EDF3;
  border-radius: 8px;
}

.contact--hidden::-webkit-scrollbar-thumb {
  background: var(--text-color);
  border-radius: 8px;
}

.contact--hidden::-webkit-scrollbar-thumb:hover {
  background: var(--text-color);
  border-radius: 8px;
}
::placeholder {
    color: #022A52;
    font-size: 14px;
    
    font-weight: 300;
    line-height: 24px;
    font-family: Lato;
}
.input-group input::placeholder {
     color: #565656;
     font-weight: 300;
}


.none {
    display: none !important;
}
.show {
    display: block !important;
}
.w-100 {
    width: 100%;
}

/* Header */
header {
    background-color: var(--white);
}
.editor header {
    top: 64px;
}
.edit--wrapper-fixed{
    position: fixed;
    top:0;
    z-index: 150;
    width: 100%;
}
.editor.active .edit--wrapper-fixed {
        height: 100%;
        overflow-y: auto;
}
.editor {
    padding-top: 64px;
}
.editor.active {
    overflow: hidden;
}

.header-top {
    background: var(--text-color);
    padding: 7.5px 0;
}
.header--top-left {
    color: #FFF;
    font-size: 12px;
    
    font-weight: 400;
    line-height: 13px; 
    letter-spacing: -0.22px;
}
.header-top__container {
    display: flex;
    align-items: center;
    gap:20px;
    justify-content: space-between;
}
.header--top-right {
    display: flex;
    align-items: center;
    gap:5px;
    color: #FFF;
    font-size: 12px;
    
    font-weight: 400;
    line-height: 24px; /* 200% */
}
.header-middle {
    border-bottom: 1px solid #A82926;
    padding-top: 15px;
    padding-bottom: 10px;
}
.header-middle__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.logo {
    display: flex;
    align-items: center;
    gap:18px;
}
.logo span {
    color: #036;
    font-size: 13px; 
    
    font-weight: 300;
    line-height: normal;
    text-transform: uppercase;
}

.search-bar {
    flex-grow: 1;
    max-width: 450px;
    position: relative;
    display: flex;
}
.search-bar .custom-select__trigger{
    height: 40px;
    border-radius: 0;
    border:1px solid var(--border-color)
}
.search-bar input {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid var(--border-color);
    border-radius: 4px 0 0 4px;
    outline: none;
}
.search-bar select {
    border: 1px solid var(--border-color);
    outline: none;
    padding: 10px 15px;
    color:var(--primary-blue);
    font-size: 14px;
}
.search-bar button {
    background: var(--light-bg);
    border: 1px solid var(--border-color);
    border-left: none;
    padding: 0 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 4px 4px 0;
}
.search-bar button:hover {
    background: #e9ecef;
}
.search-results {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    width: 150%;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    padding: 15px 24px;
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;

    transition: 
        opacity 0.25s ease,
        transform 0.25s ease;

    z-index: 108;
}

.search-bar.open .search-results {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.search-results__item {
   display: flex;
   flex-direction: column;
   margin-top: 15px;
}
.search-results__item a {
    color: #282828;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px; /* 100% */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.875 5.97917C0.875 3.16021 3.16021 0.875 5.97917 0.875C8.79813 0.875 11.0833 3.16021 11.0833 5.97917C11.0833 8.79813 8.79813 11.0833 5.97917 11.0833C3.16021 11.0833 0.875 8.79813 0.875 5.97917ZM5.97917 0C2.67696 0 0 2.67696 0 5.97917C0 9.28136 2.67696 11.9583 5.97917 11.9583C9.28136 11.9583 11.9583 9.28136 11.9583 5.97917C11.9583 2.67696 9.28136 0 5.97917 0ZM11.2468 10.6282C11.076 10.4573 10.799 10.4573 10.6282 10.6282C10.4573 10.799 10.4573 11.076 10.6282 11.2468L11.7948 12.4135C11.9657 12.5844 12.2427 12.5844 12.4135 12.4135C12.5844 12.2427 12.5844 11.9657 12.4135 11.7948L11.2468 10.6282Z' fill='%23606971'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 5px center;
    padding: 10px 16px 10px 26px;
    transition: var(--transition);
    position: relative;
}
.search-results__item a:last-child:after {
    content: '';
    width: 100%;
    height: 40px;
    background: #fff;
    opacity: 0.5;
    position: absolute;
    bottom: 0;
    left: 0;
}


.search-results__item a:hover {
    background-color: #F3F3F3;
}

.search-results h3 {
    margin-top: 0;
    margin-bottom: 0;
    color: #282828;
    font-size: 14px;
    font-weight: 400;
}
.search--all {
    width: 100%;
    display: block;
    border-radius: 4px;
    border: 1px solid #1F3E7C;
    background: #1F3E7C;
    padding: 10px 20px;
    color: var(--white);
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    margin-top: 15px;
}

.search-results__item a:hover {
}

.header-contacts {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 0.9rem;
}
.header-contacts .phone {
    display: flex;
    align-items: center;
    gap:10px;
}
.header-contacts .phone:hover .left--phone {
    background: var(--text-color);
}
.left--phone {
    transition: var(--transition);
}
.header-contacts .phone:hover .left--phone svg path {
    fill: var(--white);
}

.left--phone{
    padding: 10px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--light-bg);
    border-radius: 4px;
}
.right--phone {
    color: var(--text-color);
    font-size: 18px;
    
    font-weight: 800;
    display: flex;
    flex-direction: column;
}
.right--phone span {
    color: #000;
    font-size: 13px;
    
    font-weight: 300;
    line-height: 16px; /* 123.077% */
}
.btn-login {
    background: var(--primary-blue);
    transition: var(--transition);
    color: var(--white);
    padding: 11px 18px;
    border-radius: 4px;
    color: #FFF;
    font-size: 12px;
    
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap:6px
}

.btn-login svg {
    min-width: 14px;
    max-width: 14px;
}
.btn-login:hover {
    background: var(--accent-red);
}
.btn-cart {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    position: relative;
    border-radius: 4px;
    background: #F5F5F5;
    transition: var(--transition);
}
.btn-cart svg  {
    transition: var(--transition);
}
.btn-cart:hover svg path {
    fill:var(--white)
}
.btn-cart:hover {
    background: var(--primary-blue);
}
.btn-cart .badge {
    position: absolute;
    right:-5px;
    top:-5px;
    border-radius: 100%;
    padding: 0 6px;
    background: #A82926;
    color: #FFF;
    text-align: center;
    font-size: 10px;
    
    font-weight: 400;
    line-height: 18px; /* 180% */

}
.header-bottom {
    display: flex;
    align-items: center;
    gap:20px;
    justify-content: space-between;
    padding-top: 16px;
}
.lang-switch-mobile {
  display: none;
}
.lang-switch ul {
     display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}
.lang-switch img {
    max-width: 22px;
}
.lang-switch a {
    color: #656565;
    font-size: 14px;
    
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.28px;
     display: flex;
    align-items: center;
    gap: 7px;
}
.lang-switch a.active {
    color: var(--text-color);
    font-weight: bold;
}

.header-nav {
}
.nav-list {
    display: flex;
    gap: 20px;
    align-items: center;
}
.nav-list a {
    color: var(--text-color);
    transition: var(--transition);
    font-size: 14px;
    
    font-weight: 400;
    line-height: 14px;
    display: flex;
    align-items: center;
    gap:5px;
}

.nav-list a:before {
    content: '';
    background-repeat: no-repeat;
    background-size: 100%;
    transition: var(--transition);
    background-image: url("data:image/svg+xml,%0A%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_187_454' fill='white'%3E%3Cpath d='M0 3.983L3.983 5.233e-06L7.96599 3.983L3.983 7.966L0 3.983Z'/%3E%3C/mask%3E%3Cpath d='M0 3.983L3.983 5.233e-06L7.96599 3.983L3.983 7.966L0 3.983Z' fill='%23A82926'/%3E%3Cpath d='M7.96599 3.983L8.39026 4.40727L8.81452 3.983L8.39026 3.55874L7.96599 3.983ZM3.983 5.233e-06L3.55873 0.424269L7.54173 4.40727L7.96599 3.983L8.39026 3.55874L4.40726 -0.424259L3.983 5.233e-06ZM7.96599 3.983L7.54173 3.55874L3.55873 7.54173L3.983 7.966L4.40726 8.39026L8.39026 4.40727L7.96599 3.983Z' fill='%23003366' mask='url(%23path-1-inside-1_187_454)'/%3E%3C/svg%3E%0A");
    min-width: 7px;
    height: 7px;
}
.nav-list a:hover::before {
    transform: scale(1.4);
}
.nav-btn {
    padding: 5px 10px;
    border-radius: 4px;
    color: var(--primary-blue);
    font-size: 12px;
    
    font-weight: 600;
    line-height: 14px; /* 116.667% */
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap:5px;
}
.nav-btn.blue {
    background: #dcebf7;
    color: var(--primary-blue);
}
.nav-btn.blue:before {
    display: none;
 
}
.nav-btn.blue:hover {
    background: var(--primary-blue);
    color:var(--white)
}
.nav-btn.blue svg {
    transition: var(--transition);
}
.nav-btn.blue:hover svg path{
   fill:var(--white)
}
.nav-list a:not(.nav-btn):hover {
    color:var(--accent-red)
}

/* Hero Section */
.hero {
    padding: 30px 0;
}
.hero__container {
    display: flex;
    align-items: stretch;
    gap:32px;
}

/* Slider Styles */
.hero-slider {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    background: #e8ecf1;
    height: 420px;
    max-width: 865px;
}
.swiper-pagination-bullet {
    height: 7px;
    width:7px;
    border-radius: 100%;
    opacity: 1;
    background: #fff;
    margin: 0 4px;
    padding: 2px 0;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
    position: relative;
    width:24px;
    height: 7px;
    border:1px solid #fff;
    border-radius: 10px;

}

.swiper-pagination-bullet-active:before {
    content:'';
    animation: progressBar 4s ease-in-out;
    animation-fill-mode:both; 
    position: absolute;
    top:0;
    left:0;
    width:24px;
    height: 7px;
    display:block;
    border:1px solid #fff;
    background: var(--text-color);
    border-radius: 10px;
    
}

@keyframes progressBar {
    0% { width: 0; }
    100% { width: 24px; }
  }



.slide-content {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 40px;
}
.text-block {
    width: 50%;
}
.img-block {
    width: 50%;
    display: flex;
    justify-content: center;
}
.tag {
    background: var(--white);
    padding: 4px 8px;
    font-size: 0.8rem;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.text-block h1 {
    font-size: 2.5rem;
    color: var(--primary-blue);
    margin: 15px 0;
    line-height: 1.2;
}
.text-block p {
    margin-bottom: 25px;
    color: var(--gray-text);
}
.btn-primary {
    background: var(--white);
    color: var(--text-color);
    padding: 12px 24px;
    border-radius: 4px;
    display: inline-block;

    color: #036;
    font-family: Lato;
    font-size: 12px;
    
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.btn-primary:hover {
    background: var(--primary-blue);
    color: var(--white);
}

/* Sidebar News */
.hero-news {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.news-item {
    display: flex;
    gap: 10px;
    transition: var(--transition);
    
}
.news-image {
    overflow: hidden;
    min-width: 140px;
    max-width: 140px;
}

.news-item:hover img {
    transform: scale(1.1);
}
.news-item img {
    width: 100%;
    object-fit: cover;
    transition: var(--transition);
}
.news-text {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.news-text .date {
    color: #A2A6B0;
    font-size: 13px;
    
    font-weight: 400;
    line-height: 20px; /* 153.846% */
    text-transform: lowercase;
    transition: var(--transition);
}
.news-tag{
    border-radius: 2px;
    background:var(--light-bg);
    color: #2D8AE6;
    font-size: 10px;
    padding:2px 5px;
    
    font-weight: 400;
    text-transform: uppercase;
    display: inline-flex;
    
}
.news-tag.important {
    border-radius: 2px;
    background: #A82926;
    color:#fff;
}
.news-text .news-link {
    margin-top: 5px;
    overflow: hidden;
    color: #021D37;
    font-size: 15px;
    
    font-weight: 400;
    line-height: 21px; /* 140% */
     overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-more{
    opacity: 0;
    height: 0;
    visibility: hidden;

    color: #5AA1E8;
    font-size: 13px;
    
    font-weight: 400;
    line-height: 20px; /* 153.846% */
}
.news-item:hover .date{
    visibility: hidden;
    opacity: 0;
    height: 0;
}
.news-item:hover .news-more {
    opacity: 1;
    height: auto;
    visibility: visible;
    
}

/* Quick Links */
.quick-links {
    padding: 30px 0;
}
.quick-links__container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}
.ql-card {
    padding: 17px 24px;
    border-radius: 8px; 
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: var(--transition);
    overflow: hidden;
    position: relative;
}


.ql-card:hover:before {

    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 100px;
    transform: skewX(-45deg);
    animation: flareAnimation;
    right: -150%;
    background: #ffffff26;
    animation: flareAnimation 0.4s linear;
    -webkit-box-shadow: 11px 11px 100px 100px rgba(225, 225, 225, 0.2);
    -moz-box-shadow: 11px 11px 100px 100px rgba(225, 225, 225, 0.2);
    box-shadow: 11px 11px 100px 100px rgba(225, 225, 225, 0.2);
}
.ql-card.blue {
    background: var(--primary-blue);
    color: var(--white);
}
.ql-card.red {
    background: var(--accent-red);
    color: var(--white);
}
.ql-card.white {
    background: var(--white);
    border: 2px solid var(--border-color);
    color: var(--dark-blue);
}
.ql-card i {
    font-size: 2.5rem;
    opacity: 0.8;
}
.ql-card h3 {
    font-size: 22px;
    
    font-weight: 700;
    line-height: 21.6px; 
    margin-bottom:10px;
    transition: var(--transition);
}
.ql-card p {
    font-size: 12px;
    
    font-weight: 500;
    line-height: 16px; 
    transition: var(--transition);
}
.ql-text{
    max-width: 250px;
}
.ql-card:hover p {
    transform: translateY(70px);
}
.ql-card:hover h3 {
     transform: translate(15px, 20px);
}
.ql-svg {
    transition: var(--transition);
    width: 54px;
    height: 54px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.ql-card:hover .ql-svg  {
     width: 54px;
     height: 54px;
     border-radius: 100%;
     background: #fff;;
     display: flex;
     align-items: center;
     justify-content: center;
}
.ql-card:hover  .ql-svg  svg {
    width: 28px;
    height: 28px;
    transition: var(--transition);
}
.ql-card:hover .ql-svg svg path {
    fill:var(--text-color);
    transition: var(--transition);
}
.ql-card.red:hover  .ql-svg svg path {
      fill: var(--accent-red);
}
.ql-card.white:hover .ql-svg svg path {
      fill:  var(--white);
}
.ql-card.white:hover .ql-svg {
    background: var(--primary-blue);
}

.ql-svg svg {
    width: 54px;
    height: 54px;
    transition: var(--transition);
}
@keyframes flareAnimation {
    0% {
        left: -50%;
    }

    100% {
        left: 150%;
    }
}


/* Catalog */
.catalog {
    padding: 40px 0;
}
.section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}
.section-header h2 {
    font-size: 32px;
    
    font-weight: 600;
    line-height: 100%; /* 32px */
    letter-spacing: -0.64px;
    color: var(--primary-blue);
}
.btn-outline {
    border: 1px solid #4D84BA;
    transition: var(--transition);
    padding:10px 20px;
    border-radius: 4px;
    color: var(--text-color);
    font-size: 14px;
    
    font-weight: 400;
    line-height: normal;
    background: #FFF;
    min-width: max-content;
}
.btn-outline:hover {
    background: var(--primary-blue);
    color: var(--white);
}

.catalog-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
}
.cat-item {
    background: var(--white);
    border: 1px solid #E2E2E2;
    border-radius: 8px;
    padding: 25px;
    transition: var(--transition);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 265px;
}
.cat-item:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
    border-color: transparent;
}
.cat-item img {
    margin: 0 auto;
    max-width: 136px;
    max-height: 136px;
    object-fit: contain;
    transition: var(--transition);
}
.cat-item img:hover {
    transform: scale(1.2);
}
.cat-item p {
    color: #343641;
    text-align: center;
    font-size: 14px;
    
    font-weight: 400;
    line-height: 112%; /* 15.68px */
    margin-top: auto;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
     transition: var(--transition);
}
.cat-item:hover p {
    color:var(--text-color)
}
.link-item {
    background: #dcebf7;
    transition: var(--transition);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.circle-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
    margin-top: auto;
}
.link-item:hover {
    background: var(--text-color);
}
.link-item:hover .circle-arrow svg path{
    fill: var(--white);

}
.link-item:hover p {
    color:var(--white)
}

/* Brands */
.brands {
    padding: 20px 0;
}
.brands__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 16px;
    border: 1px solid #D0D0D0;
    background: #FFF;
    padding: 28px 32px;
}
.brands__container span {
    color: #343641;
    font-size: 18px;
    
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.36px;
    text-transform: uppercase;
    border-right: 1px solid #D0D0D0;
    margin-right: 35px;
    padding-right: 35px;
}
.brands__container img {
    transition: var(--transition);
    max-height: 50px;
    max-width: 165px;
}
.brands--logo {
    display: flex;
    align-items: center;
    margin-left: 0;
    margin-right: 50px;
    justify-content: space-between;
    gap: 50px;
    width: 100%;
}
.brands__container img:hover {

}
.btn-dark {
    background: var(--primary-blue);
    color: var(--white);
    padding: 10px 24px;
    font-weight: 700;
    font-size:14px;
    border-radius: 4px;
    min-width: max-content;
}
.btn-dark:hover {
    background: var(--accent-red);
}

/* About */
.about {
    padding: 60px 0;
}
.about__container {
    display: flex;
    align-items: stretch;
    gap: 32px;
}
.about-img img {
    border-radius: 8px;
    height: 100%;
}
.about-img {
    max-width: 305px;
    width: 100%;
}
.about-content h2 {
    color: var(--primary-blue);
    font-size: 2rem;
    margin-bottom: 10px;
}
.about-content h4 {
    color: #687896;
    font-weight: 400;
    margin-bottom: 15px;
    font-size: 0.9rem;
    letter-spacing: 1px;
}
.about-content p {
    margin-bottom: 20px;
    color: #022A52;
    font-size: 16px;
    
    font-weight: 300;
    line-height: 27px; /* 168.75% */
}

/* Advantages */
.advantages {
    padding: 40px 0;
}
.advantages__container {
    display: flex;
    justify-content: space-between;
    border-radius: 8px;
    background: #FFF;
    padding: 20px;
    gap:10px;
}
.adv-item {
    display: flex;
    align-items: center;
    gap: 18px;
}
.adv-item i {
    font-size: 2rem;
    color: var(--primary-blue);
    opacity: 0.7;
}
.adv-item strong {
    display: block;
    color: #1A1A1A;
    font-size: 16px;
    
    font-weight: 500;
    line-height: 20px; /* 125% */
}

.adv-item p {
    color: #171717;
    font-size: 14px;
    
    font-weight: 300;
    line-height: 19px; /* 135.714% */
}

/* Promo Bottom */
.promo {
    padding: 40px 0;
}
.promo__container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}
.promo-card {
    padding: 18px 22px;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    height: 180px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.promo-card h3 {
   font-size: 24px;
    margin-bottom: 10px;
    color: #19232C;
}
.promo-card p {
    margin-bottom: 20px;
    font-size:12px;
    max-width: 65%;
    color: #5D5D5D;
}
.btn-white-sm {
    background: var(--white);
    border:1px solid var(--white);
    padding: 6px 15px;
    border-radius: 4px;
    font-size: 12px;
    display: inline-block;
    color: #333;
    transition: var(--transition);
    margin-top: auto;
}
.promo-card:hover .btn-white-sm{
     border:1px solid var(--text-color);
}
.abs-img {
    position: absolute;
    top: 50%;
    right: 0;
    width: 160px;
    transform: translateY(-50%);
    height: 100%;
    object-fit: contain;
}

.blue-bg {
    background: #dcebf7;
}
.beige-bg {
    background: #f3ece4;
}
.grey-bg {
    background: #E9EFEC;
}
.cian-bg {
    background: var(--text-color);
    color:#fff
}
.red-bg {
    background: var(--accent-red);
     color:#fff
}
.darkblue-bg {
    background: #5F81A2;
     color:#fff
}
.red-bg h3,
.cian-bg h3,
.darkblue-bg h3 {
    color:#fff;
    margin-bottom: 0;
}
.red-bg p,
.cian-bg p,
.darkblue-bg p {
    font-size: 18px;
    color:#fff;
    font-weight: 400;
    line-height: 130%;
}

/* Footer */
.footer {
    background: #E8EEF2;
    padding: 60px 0 20px;
    border-top: 2px solid var(--primary-blue);
    margin-top: 40px;
}
.footer-top {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 30px;
    margin-bottom: 40px;
}
.footer-logo {
    margin-bottom: 15px;
}
.footer-col h4 {
    font-size: 1.1rem;
    margin-bottom: 20px;
    color: var(--primary-blue);
}
.footer-col p,
.footer-col li a {
    color:var(--text-color);
    font-size: 14px;
    
    font-weight: 300;
    transition: var(--transition);
    position: relative;
}
.contacts-col p {
    display: flex;
    flex-direction: column;
}
.footer-col li a {
    display: flex;
    align-items: center;
    background: #E8EEF2;
}
.footer-col li a:before {
    content: '';
    border-right: 0.6px solid var(--text-color);
    border-bottom: 0.6px solid var(--text-color);
    background: var(--text-color);
    width: 0;
    height: 0;
    transform:  rotate(-45deg);
    transition: var(--transition);
    opacity: 0;
    


}
.footer-col li a:hover {

}
.footer-col li a:hover:before {
    opacity: 1;
    margin-right:6px;
    height: 5.633px;
    width: 5.633px;
}
.footer-col ul li {
    margin-bottom: 20px;
}

.footer-col ul li a:hover {
    color: var(--primary-blue);
}
.contacts-col {
    text-align: right;
}
.socials {
    display: flex;
    gap: 15px;
    margin-top: 20px;
}
.socials a {
    color: var(--primary-blue);
    font-size: 1.2rem;
}
.footer-bottom {
    border-top: 1px solid #e0e0e0;
    padding-top: 20px;
    color: #A5ABB0;
    font-size:12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}
.footer-bottom b {
    color: #19232C;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.right--f {
    display: flex;
    align-items: center;
    gap:15px;
    min-width: max-content;
}
.about--blockquoute {
    margin-bottom: 60px;
}
.about--blockquoute blockquote {
    border-radius: 12px;
    background: var(--white);
    padding: 36px;
}
.about--blockquoute blockquote h4 {
    color: #222;
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0;
    padding-left: 65px;
}
.about--blockquoute blockquote h5 {
    color: #121416;
    font-size: 30px;
    font-style: italic;
    font-weight: 300;
    line-height: 40px; /* 133.333% */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='38' viewBox='0 0 45 38' fill='none'%3E%3Cpath d='M30.8397 38L27.0704 34.5021C28.8979 31.5342 30.497 28.5662 31.8677 25.5983C33.2383 22.7364 34.0379 19.9275 34.2663 17.1715L25.6997 15.4226V0H44.2036V11.1297C44.2036 17.7015 42.833 23.0014 40.0916 27.0293C37.2361 31.1632 34.1521 34.8201 30.8397 38ZM5.13986 38L1.37055 34.5021C3.1981 31.5342 4.7972 28.5662 6.16785 25.5983C7.53851 22.7364 8.33806 19.9275 8.5665 17.1715L-0.000106812 15.4226L-0.000106812 0L18.5038 0V11.1297C18.5038 17.7015 17.1331 23.0014 14.3918 27.0293C11.5363 31.1632 8.45228 34.8201 5.13986 38Z' fill='%23A82926'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 45px;
    background-position: top 7px left;
    padding-left: 65px;
}

.about--middle {
    color: var(--text-color);
    font-size: 16px;
    
    font-weight: 300;
    line-height: 27px; 
    padding-top: 100px;
}
.about--middle h2 {
    color: var(--text-color);
    font-size: 32px;
    
    font-weight: 600;
    line-height: 28.8px;
    letter-spacing: -0.64px;
    margin-top: 0;
    margin-bottom: 16px;
}
.about--middle h3 {
    color: #687896;
    font-size: 18px;
    font-weight: 400;
    line-height: 28.8px; /* 160% */
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 10px;
}
.about--middle p:not(:last-child){
    margin-bottom: 15px;
}
.about--page {
    position: relative;
    background-image: url(../img/bg-about.png);
    background-repeat: repeat;
    background-position: left;
    min-height: 255px;
    padding-top: 15px;
}
.breadcrumbs ul {
    list-style: none;
    margin:0;
    padding: 0;
    display: flex;
    align-items: center;
    gap:6px;
    flex-wrap: wrap;
}

.breadcrumbs ul li a {
    color: #1A5591;
    font-size: 12px;
    
    font-weight: 300;
    line-height: 18.57px; /* 154.75% */
}
.about--page h1 {
    position: absolute;
    bottom:-50px;
    display: flex;
    flex-direction: column;
    color:var(--text-color);
    font-size: 32px;
    
    font-weight: 300;
    letter-spacing: -0.64px;
}
.about--page h1 span {
    font-size: 138px;
    
    font-weight: 800;
    line-height: 100%
}
.row-bg{
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0 1px 24px 0 rgba(0, 0, 0, 0.04);
    padding: 35px 30px;
}
.row-bg img {
    margin:35px 0;
}
.about--middle .row:not(:last-child) {
    margin-bottom: 70px;
}
.grid-numbers {
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    background: #036;
    padding: 50px 35px;
    color: #FFF;
    font-size: 48px;
    gap: 6px;
    font-weight: 700;
    line-height:normal; /* 60% */
    letter-spacing: -0.96px;
}
.grid-numbers span {
    font-size: 24px;
    font-weight: 400;
    line-height: 28.8px
}
.row--numbers .col-lg-6:nth-child(2) .grid-numbers,
.row--numbers .col-lg-6:nth-child(3) .grid-numbers  {
    background: #A82926;
}
.row--numbers .col-lg-6 {
    padding-top: 15px;
    padding-bottom: 15px;
}
.archive--page{
    padding-top: 15px;
}
.archive--page h1,
.stores--page h1  {
    color: var(--text-color);
    font-size: 56px;
    
    font-weight: 700;
    line-height: 120%;
    margin-top: 15px;
}
.stores--page h1 {

}
.news--single-page h1 {
    color: #fff;
    font-size: 56px;
    
    font-weight: 700;
    line-height: 100%; 
    margin-top: 25px;
}
.archive--filters ul{
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}
.archive--filters ul a {
    color:var(--text-color);
    text-align: center;
    font-size: 18px;
    
    font-weight: 400;
    line-height: 14px;
    padding: 12px 18px;
    border-radius: 8px;
    background: #EFEFEF;
    display: block;
}
.archive--filters ul a.active,
.archive--filters ul a:hover { 
    background: var(--text-color);
    color:#fff;
}
.archive--middle {
    padding-top: 30px;
}
.archive--row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    margin-top: 36px;
}
.archive--block{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.archive--grid-image img {
    border-radius: 4px;
    max-height: 270px;
    object-fit: cover;
    width: 100%;
}
.archive--grid-content {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 11.5px;
}
.archive--grid-title{
    color: var(--text-color);
    font-size: 24px;
    
    font-weight: 500;
    line-height: 32px; 
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.archive--grid-tag{
    border-radius: 2px;
    background:var(--light-bg);
    color: #2D8AE6;
    font-size: 14px;
    padding:4px 8px;
    
    font-weight: 400;
    line-height: 17.579px;
    text-transform: uppercase;
    display: inline-flex;
    gap: 12px;
}
.archive--grid-tag span {

}
.archive--grid-tag.important {
    border-radius: 2px;
    background: #A82926;
    color: #fff;
}
.archive--grid-text{
     overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--text-color);
    font-family: Lato;
    font-size: 16px;
    
    font-weight: 300;
    line-height: 23.233px; 
}
.pagination {
    margin-top: 30px;
    padding-top: 20px;
    border-top:1px solid #EAECF0;
}
.pagination ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap:3px;
}
.pagination ul a {
    border-radius: 7.744px;
    padding: 12px;
    color: var(--text-color);
    text-align: center;
    font-size: 13.553px;
    
    font-weight: 400;
    line-height: 19.361px; /* 142.857% */
}
.pagination ul a.active,
.pagination ul a:hover {
    background: #E3EBF6;
}
.category--wrapper .pagination,
.profile--wrapper .pagination {
    padding-top: 0;
    border: 0;
}
.profile--wrapper .pagination  {
    margin-top: 0;
}
.category--wrapper  .pagination ul a,
.profile--wrapper  .pagination ul a {
    padding: 6px 10px;
}
.category--wrapper  .pagination ul a:hover,
.profile--wrapper  .pagination ul a:hover   {
    background: #E3EBF6;
}
.category--wrapper .pagination ul,
.profile--wrapper  .pagination ul  {
    justify-content: flex-start;
}
.category--wrapper  .pagination ul a.active,
.profile--wrapper  .pagination ul a.active {
    background: var(--text-color);
    color: var(--white);
}
.social-widget h4 {
    color: var(--text-color);
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 5px;
}
.social-widget .eapps-social-share-buttons-container a:last-child {
    display:none !important;
    visibility: hidden !important;
    height: 0 !important;

}
.block-image {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}
.news--single-page{
    padding-top: 15px;
    min-height: 435px;
    background: var(--text-color);
}
.news--single-page .breadcrumbs a {
    color: #FFF;
}
.news--single-page .breadcrumbs svg path {
    fill:#fff;
}
.news--single-tag{
    border-radius: 2px;
    background:transparent;
    color: #fff;
    font-size: 14px;
    padding:4px 8px;
    
    font-weight: 400;
    line-height: 17.579px;
    text-transform: uppercase;
    display: inline-flex;
    margin-top: 25px;
    border-radius: 4px;
    border:1px solid #fff;
}
.news--single-image img {
    width: 100%;
    border-radius:10px;
}
.news--single-image {
    margin-bottom: 35px;
}
.news--single-middle{
    margin-top: -210px;
}
.news--single-content {
    overflow: hidden;
}
.news--single-content,
.news--single-content p {
    color: var(--text-color);
    font-size: 16px;
    
    font-weight: 300;
    line-height: 27px; 
}
.news--single-content h2 {
    color: var(--text-color);
    font-size: 24px;
    
    font-weight: 700;
    line-height: 33px;
    margin-top: 0;
    margin-bottom: 10px;
}
.news--single-content p:not(:last-child) {
    margin-bottom: 15px;
}
.news--single-content ul {
    padding-left: 40px;
    margin-bottom: 15px;
}
.news--single-content ul li {
    list-style: disc;
}
.news--single-content li::marker {
  color: #A82926;
  font-size: 1.4em; 
}
.news--single-content blockquote {
    color: var(--text-color);
    font-size: 30px;
    
    font-weight: 400;
    line-height: normal; /* 133.333% */
    gap:35px;
    margin-top: 35px;
    margin-bottom: 35px;
}
.news--single-content blockquote {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='38' viewBox='0 0 42 38' fill='none'%3E%3Cpath d='M28.8712 38L25.3425 34.5021C27.0534 31.5342 28.5504 28.5662 29.8335 25.5983C31.1167 22.7364 31.8652 19.9275 32.079 17.1715L24.0594 15.4226V0H41.3818L41.3818 11.1297C41.3818 17.7015 40.0987 23.0014 37.5324 27.0293C34.8592 31.1632 31.9721 34.8201 28.8712 38ZM4.81222 38L1.28357 34.5021C2.99443 31.5342 4.49143 28.5662 5.77457 25.5983C7.05772 22.7364 7.80622 19.9275 8.02008 17.1715L0.000427246 15.4226L0.000427246 0L17.3229 0V11.1297C17.3229 17.7015 16.0397 23.0014 13.4734 27.0293C10.8002 31.1632 7.91315 34.8201 4.81222 38Z' fill='%23022A52' fill-opacity='0.2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 41px;
    background-position: top 7px left;
    padding-left:65px;
}
.contact--page{
    margin-top: 35px;
}
.contact--select select {
    appearance: none;
    -webkit-appearance: none; 
    -moz-appearance: none;
    width: 100%;
    padding: 20px 35px 20px 20px;
    font-size: 16px;
    border: 1px solid #E8EDF3;
    background-color: #E8EDF3;
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    border-radius: 8px;
    cursor: pointer;
    color: #022A52;
    font-size: 16px;
    
    font-weight: 400;
    line-height: 14px; 
}
.contact--select .custom-select__trigger {
    background-color: #E8EDF3;
}

.contact--hidden {
    margin-top: 30px;
    overflow-y: scroll;
    max-height: 570px;
}
.contact--grid{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom:1px solid #E8EDF3;
    margin-right: 20px;

}
.contact--grid-title{
    color: var(--text-color);
    font-size: 18px;
    
    font-weight: 600;
    line-height: 100%; 
    letter-spacing: -0.36px;
}
.contact--grid-text{
    color: #022A52;
    font-size: 14px;
    
    font-weight: 300;
    line-height: 20px; 
    margin-top: 8px;
}
.contact--grid-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}
.contact--phone{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap:10px;
    color: var(--text-color);
    text-align: right;
    font-family: Lato;
    font-size: 18px;
    
    font-weight: 800;
    line-height: 100%; 
    letter-spacing: -0.36px;
}
.contact--mail{
    color: var(--text-color);
    text-align: right;
    font-size: 14px;
    
    font-weight: 300;
    line-height: 20px;
}
.contact--grid-left{
    display: flex;
    gap: 8px;;
}
.contact--grid-content{
    max-width: 70%;
}
.contact--req{
    border-radius: 8px;
    background: #E8EDF3;
    padding: 32px 38px;
}
.contact--req h2 {
    color: var(--text-color);
    font-size: 24px;
    
    font-weight: 700;
    line-height: 32px; 
    margin-bottom: 10px;
}
.contact--req p {
    color: var(--text-color);
    font-size: 18px;
    
    font-weight: 400;
    line-height: 24px;
}
.contact--req-block {
    margin-top: 24px;
}
.contact--req-grid {
    display: flex;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap;
    color: var(--text-color);
    font-size: 18px;
    
    font-weight: 300;
    line-height: 20px;
}
.contact--req-grid div:first-child {
    width: 30%;
}
.contact--req-grid div:last-child {
    font-weight: 400;
}
.contact--req-grid:not(:last-child){
    margin-bottom: 16px;
}
.copy--address{
    border-radius: 4px;
    background: #FFF;
    padding: 12px 24px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 35px;
    cursor: pointer;
    transition: var(--transition);
}
.copy--address svg {
    transition: var(--transition);
}
.copy--address:hover {
    background: var(--text-color);
    color: var(--white);
}
.copy--address:hover svg path {
    fill: var(--white);
}

.copy--address {
    position: relative;
    cursor: pointer;
}

.copy-tooltip {
    position: absolute;
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%);
    
    background: var(--text-color);
    color: #fff;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 6px;
    
    opacity: 0;
    pointer-events: none;
    transition: 0.3s;
    white-space: nowrap;
}

.copy--address.show-tooltip .copy-tooltip {
    opacity: 1;
}



.btn--contact{
    margin-top: 35px;
    border-radius: 4px;
    background: #A82926;
    color: #FFF;
    font-size: 18px;
    
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding: 12px 24px;
    display: inline-flex;
    transition: var(--transition);
}
.btn--contact:hover {
    background: var(--text-color);
}
.contact--form{
    margin-top: 50px;
}
.contact--form-wrapper{
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0 4px 60px 0 rgba(0, 0, 0, 0.05);
    padding: 40px;
}
.contact-form--title h2 {
    color: #022A52;
    font-size: 24px;
    
    font-weight: 700;
    line-height: 32px;
    text-transform: uppercase;
}
.contact-form--title p {
    color: #022A52;
    font-size: 18px;
    
    font-weight: 300;
    line-height: 24px;
    margin-top: 15px;
}
.contact--form--block{
    margin-top: 25px;
    display: flex;
    align-items: flex-start;
    gap:30px;
}
.contact--form-left{
    max-width: 800px;
    width: 100%;
}
.contact--form-right {
    max-width: 390px;
    width:  100%;
}
.form-control{
    border-radius: 8px;
    border: 1px solid #DAE5F2;
    background: #F7F9FC;
    height: 62px;
    padding: 12px 18px;
    width: 100%;

    color: var(--text-color);
    font-size: 16px;
    
    font-weight: 300;
    line-height: 24px;
}
.flatpickr {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 0C3.75 0 4 0.25 4 0.5V2H10V0.5C10 0.25 10.2188 0 10.5 0C10.75 0 11 0.25 11 0.5V2H12C13.0938 2 14 2.90625 14 4V14C14 15.125 13.0938 16 12 16H2C0.875 16 0 15.125 0 14V4C0 2.90625 0.875 2 2 2H3V0.5C3 0.25 3.21875 0 3.5 0ZM13 6H1V14C1 14.5625 1.4375 15 2 15H12C12.5312 15 13 14.5625 13 14V6ZM12 3H2C1.4375 3 1 3.46875 1 4V5H13V4C13 3.46875 12.5312 3 12 3Z' fill='%2396A3B9'/%3E%3C/svg%3E%0A");
    background-position: right 15px center;
    background-repeat: no-repeat;
}




.contact--form-left .custom-select__trigger {
    background: #F7F9FC;
    border: 1px solid #DAE5F2;
    font-weight: 300;
} 
textarea.form-control {
    min-height: 160px;
    font-family: Lato;
    font-weight: 400;
}
.form-group {
    margin-bottom: 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.form-group label {
    display: flex;
    line-height: normal;
    color: #384953;
    font-size: 16px;
    
    font-weight: 300;
}
.form-group:last-child {
    margin-bottom: 0;
}
.iti{
    width: 100%;
}

#map {
    width: 100%;
    height: 400px;
}
.gm-style-iw-d {
    overflow: hidden !important;
}
.gm-ui-hover-effect{
    display: none !important ;
}
.map-info {
    gap: 15px;
}
.d-flex {
    display: flex;
    align-items: center;
}
.d-inline-flex {
    display: inline-flex;
}
.g-16{
    gap: 16px;
}
.map__info-txt {
    padding-right: 50px;
}
.map__info-txt p {
    color: #000;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    letter-spacing: 0.28px;
    margin: 15px 0 10px;
    max-width: 130px;
}
.maps-flex{
    gap: 10px;
    padding: 0 10px 10px 0;
}
.maps-right{
    color: #000;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    letter-spacing: 0.28px;
    margin: 15px 0 10px;
    min-width: 140px;
}
.maps-right a {
    color: #2979D6;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}
.gm-style-iw-d {
    padding-top: 0;
}
.gm-style-iw-ch {
    display: none;
}
.btn--form{
    border-radius: 4px;
    background: #A82926;
    padding: 20px 22px;
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    border:0;
    min-width: max-content;
    transition: var(--transition);
}
.btn--form:hover {
    background: var(--text-color);
}
.contact-form__check {
    display: flex;
    align-items: flex-start;

}
.contact-form__check a {
    color: #1976D2;
    font-weight: 400;
}

.contact-form__check input {
    padding: 0 !important;
    margin: 0 12px 0 1px !important;
    flex: 0 0 12px;
    top:2px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    border: none !important;
    outline: 0 !important;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.contact-form__check input::after,
.contact-form__check input::before {
    content: '';
    position: absolute;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.contact-form__check input::before {
    display: none;
    left:1px;
    top:2px;
    width: 11px;
    height: 10px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.00041L4.53553 8.53594L11.6058 1.46484' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 10
}

.contact-form__check input:checked::before {
    display: block
}
.contact-form__check input::after {
    min-width: 19px;
    max-width: 19px;
    height: 19px;
    left: 50%;
    bottom: 50%;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
}
.contact-form__check input:checked::after {
    border-color: var(--text-color);
    background: var(--text-color)
}

.contact-form__check span {
    color: #000;
    font-size: 14px;
    
    font-weight: 300;
}
.form--bottom{
    display: flex;
    align-items: center;
    gap:20px;
}
.stores--page{
    padding-top: 15px;
    padding-bottom: 36px;
    background: #F7F9FC;
}
.stores--content {
    padding-top: 48px;;
}
.stores--page p {
    color: var(--text-color);
    font-size: 18px;
    
    font-weight: 300;
    line-height: 30px; /* 166.667% */
    margin-top: 15px;
}
.stores--day-off {
    border-radius: 8px;
    background: #D1EAFD;
    padding: 18px 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.day--important{
    border-radius: 2px;
    background: #A82926;
    color: #FFF;
    font-size: 12px;
    
    font-weight: 400;
    line-height: 12px; /* 100% */
    text-transform: uppercase;
    padding: 5px 8px;
    display: inline-flex;
}
.stores--day-off h2 {
    color: var(--text-color);
    font-size: 32px;
    
    font-weight: 700;
    line-height: 32px; /* 100% */
    margin-top: 14px;
    margin-bottom: 10px;;
}
.stores--day-left {
    max-width: 780px;
    width: 100%;
}
.stores--day-left p {
    color: var(--text-color);
    font-size: 16px;
    
    font-weight: 300;
    line-height: 23.233px;
}
.stores--day-right p {
    color: var(--text-color);
    font-size: 20px;
    
    font-weight: 700;
    line-height: 23.233px; /* 116.167% */
}
.stores--day-right p:not(:last-child) {
    margin-bottom: 10px;
}
.maps--wrapper {
    margin-top: 72px;
    display: flex;
    flex-direction: column;
    gap: 64px;
}
.maps--grid{
    display: flex;
    align-items: center;
    gap:36px;
    justify-content: space-between;
}
.maps--left{
    max-width: 760px;
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap:32px;
}
.maps--img{
    max-width: 415px;
    width: 100%;
}
.maps--img img {
     border-radius: 4px;
}
.maps--blocks {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.maps--blocks:first-child .maps--text{
    color: var(--text-color);
    font-size: 20px;
    
    font-weight: 400;
    line-height: 100%; /* 20px */
    letter-spacing: -0.4px;
}
.maps--blocks:first-child  {
    margin-bottom: 20px;
}
.maps--blocks:first-child .maps--text span {
    color: #A82926;
    font-weight: 600;
}
.maps--blocks .maps--text p,
.maps--blocks .maps--text{
    color: var(--text-color);
    font-size: 16px;
    
    font-weight: 300;
    line-height: 20px;
}
.maps--blocks:first-child .maps--text p{
    margin-top: 9px;
}
.maps--content{
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.maps--blocks:last-child .maps--text p:not(:last-child) {
    margin-bottom: 8px;
}
.maps--bottom-text{
    margin-top: 82px;
}
.maps--bottom-text p {
    color: var(--text-color);
    font-size: 18px;
    
    font-weight: 300;
    line-height: 30px; /* 166.667% */
}
.partners--page{
    padding-top: 72px;
    background: #F7F9FC;
    padding-bottom: 72px;
    box-shadow: 0 0 48px 0 rgba(0, 0, 0, 0.06);

}
.partners--wrapper {
    display: flex;
    align-items: flex-start;
    gap:32px
}
.partners--flag{
    max-width: 140px;
    width: 100%;
    position: relative;
}
.partners--flag:before {
    content:'';
    background-image: url(../img/flag-shadow.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 60px;
    height: 192px;
    position: absolute;
    top: -40px;
    left: -30px;

}
.partners--top {
    display: flex;
    align-items: flex-start;
    width: 100%;
}
.partners--top-left{
    max-width: 575px;
    width: 100%;
}
.partners--top-left .contact--select{
    margin-bottom: 24px;
}
.partners--top-left h2 {
    color: var(--text-color);
    font-size: 36px;
    
    font-weight: 900;
    line-height: 120%; /* 43.2px */
    margin-bottom: 16px;
}
.partners--top-left h4 {
    color: var(--text-color);
    font-size: 16px;
    
    font-weight: 400;
    line-height: 30px;
    text-transform: uppercase;
}
.partners--top-left p {
    color: var(--text-color);
    font-size: 16px;
    
    font-weight: 300;
    line-height: 24px; /* 150% */
}
.partners--top-left p:not(:last-child) {
    margin-bottom: 16px;
}
.partners--content{
    width: 100%;
}
.partners--top-right{
    width: 100%;
}

.map--maps svg{
    width:100%;
    height:auto;
}

.map--maps .city{
    cursor:pointer;
}

.map--maps .city-dot{
    fill:#e63946;
    filter:url(#glow);
}


.map--maps .city-dot{
    animation:softPulse 2.5s infinite ease-in-out;
}

@keyframes softPulse{
    0%{ r:5; opacity:0.9; }
    50%{ r:7; opacity:1; }
    100%{ r:5; opacity:0.9; }
}


.map--maps .city-label{
    font-size:24px;
    font-weight: 400;
    fill:var(--text-color);
    opacity:0;
    transition:0.25s ease;
    pointer-events:none;
    background: var(--text-color);
    padding: 5px 8px;
}

.city-bg {
  fill: var(--white);
  opacity: 0;
  transition: 0.3s;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M5.19141 12.1997L12.372 5.01917M12.372 5.01917H5.19141M12.372 5.01917V12.1997' stroke='%23003366' stroke-width='0.74175' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: right 10px center;
  background-repeat: no-repeat;
  border-radius: 10px;
}
.city:hover .city-bg {
  opacity: 1;
}







.map--maps .city:hover .city-label{
    opacity:1;
}
.partners--bottom{
    margin-top: 40px;
}
.partners--bottom table {
    border-collapse: separate !important;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
}
.partners--bottom thead tr:first-child th{
    text-align: left;
    background-color: #E8EDF3;
    border: 0 solid #E5E7EB;
    border-right-color: #E5E7EB;
    padding: 15px 25px;
    color: var(--text-color);
    font-size: 16px;
    
    font-weight: 700;
    line-height: 24px; /* 150% */
}

.partners--bottom td {
    vertical-align: middle;
    border: 1px solid #E5E7EB;
    border-width: 0 1px 1px 1px;
    color: var(--text-color);
    font-size: 16px;
    background-color: var(--white);
    font-weight: 300;
    line-height: 26px; /* 162.5% */
     padding: 15px 25px;
}
.partners--bottom td:first-child {
     font-weight: 700;
}
.partners--bottom tr:nth-child(odd) td {
    background-color: #F9FAFB;
}
.partners--bottom td:first-child,
.partners--bottom td:nth-child(2) {
 text-align: left;
}
  



.partners--bottom p {
    color: #6A7282;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    margin-top: 20px;
}
.titles h1 {
    color: var(--text-color);
    font-size: 56px;
    
    font-weight: 700;
    line-height: 120%; /* 43.2px */
}
.titles h2 {
    color: var(--text-color);
    font-size: 36px;
    
    font-weight: 900;
    line-height: 120%; /* 43.2px */
}
.titles p {
    color: var(--text-color);
    font-size: 16px;
    
    font-weight: 300;
    line-height: 24px; /* 150% */
    margin-top: 20px;
}
.text-center{
    text-align: center;
}
.partners--page-bottom{
    padding-top: 72px;
    padding-bottom: 72px;
    background: #fff;
    box-shadow: 0 0 48px 0 rgba(0, 0, 0, 0.06);
    background-image: url(../img/mapsfull.png);
    background-repeat: no-repeat;
    background-position: top 150px center;
}
.partners--logo-wrapper {
    margin-top: 58px;
    display: flex;
    align-items: baseline;
    gap:30px;
    flex-wrap: wrap;
    
}
.partners--logo-grid {
    display: flex;
    align-items: center;
    width: calc(100% / 3 - 20px);

    border-radius: 8px;
    border: 1px solid #DBE6F5;
    background: #FFF;
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.04);
    padding: 20px;
    height: 180px;
}

.partners--logo-grid {
    display: none;
}

.partners--logo-grid:nth-child(-n+12) {
    display: grid;
}

.partners--logo-wrapper.show-all .partners--logo-grid {
    display: grid;
}
.partners-toggle-btn {
    margin: 15px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}



.partners--logo-content {
    display: flex;
    height: 100%;
    flex-direction: column;
}
.partners--logo-title{
    color: var(--text-color);
    font-size: 20px;
    
    font-weight: 900;
    line-height: 120%; /* 24px */
    margin-bottom: 6px;
}
.partners--logo-link a{
    display: flex;
    align-items: center;
    gap: 15px;
}
.partners--logo-grid:hover .partners--logo-link a {
    color:var(--accent-red)
}
.partners--logo-grid:hover .partners--logo-link a svg {
    rotate: 90deg;
} 
.partners--logo-text{
    margin-top: auto;
    color: var(--text-color);
    font-size: 14px;
    
    font-weight: 300;
    line-height: 18px; /* 128.571% */
}
.partners--friends{
    background: #F7F9FC;
    padding-top: 64px;
}
.partners--friends-wrapper{
    margin-top: 35px;
    display: flex;
    align-items: center;
    height: 310px;
    gap:30px;
}
.partners--friends-grid {
    width: calc(100% / 6 - 20px);
    border-radius: 8px;
    border: 1px solid #DBE6F5;
    background: #FFF;
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.04);
    padding: 20px;
}
.partners--friends-title{
    margin-top: 12px;
    margin-bottom: 12px;
    color: var(--text-color);
    text-align: center;
    font-size: 16px;
    
    font-weight: 900;
    line-height: 120%; /* 19.2px */
    text-transform: uppercase;
}
.partners--friends-text{
    color: var(--text-color);
    text-align: center;
    font-size: 12px;
    
    font-weight: 300;
    line-height: 18px; /* 150% */
}
.circle {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #B7B7B7;
    display: block;
    background-image: url(../img/line-check.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.circle.yes {
    background: #359C54;
    background-image: url(../img/check-white.svg);
    background-size: 50%;
     background-repeat: no-repeat;
    background-position: center;
}

.text--section{
    padding-top: 30px;;
}
.text--content,
.text--content p{
    color: var(--text-color);
    font-size: 18px;
    
    font-weight: 300;
    line-height: 30px; /* 166.667% */
}
.text--content h2 {
    color: var(--text-color);
    font-size: 24px;
    
    font-weight: 700;
    line-height: 33px; 
    margin-bottom: 15px;
}
.text--content p:not(:last-child) {
    margin-bottom: 15px;;
}
.text--content ul {
    padding-left: 40px;
    margin-bottom: 15px;
}
.text--content ul li {
    list-style: disc;
}
.text--content li::marker {
  color: #A82926;
  font-size: 1.4em; 
}
.notfound--page {
    padding-top: 72px;
    background: #fff;
    padding-bottom: 72px;
}
.notfound--image{
    margin-top: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.buttons--flex{
    display: flex;
    align-items: center;
    gap:15px;
    flex-wrap: wrap;
    margin-top: 30px;
    justify-content: center;
}
.btn{
    border-radius: 4px;
    background: #036;
    padding: 12px 40px;
    color: #FFF;
    font-size: 16px;
    
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    transition: var(--transition);
    cursor: pointer;
}
.btn-red{
    background: #A82926;
}
.forum--top{
    display: flex;
    gap:30px;
}
.forum--top-grid{
    width: calc(100%/2 - 20px);
}
.forum--top-left h1 {
    color: var(--text-color);
    font-size: 36px;
    
    font-weight: 900;
    line-height: 120%; /* 43.2px */
    margin-bottom: 20px;
}
.forum--top-left p {
    color: var(--text-color);
    font-size: 16px;
    
    font-weight: 300;
    line-height: 24px; /* 150% */
}
.forum--top-left p:not(:last-child) {
    margin-bottom: 15px;
}
.forum--top-left-accounts-wraper {
    margin-top: 32px;
}
.forum--top-left-accounts-wraper h2 {
    color: var(--text-color);
    font-size: 14px;
    
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
}
.forum--top-left-accounts-blocks{
    display: flex;
    align-items: center;
    gap:24px;
    flex-wrap: wrap;
    margin-top: 20px;
}
.forum--top-left-accounts-grid{
    display: flex;
    align-items: center;
    gap:16px;
}
.forum--top-left-accounts-grid-image span {
    width: 56px;
    height: 56px;
    background: #A82926;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 24px;
    
    font-weight: 800;
    line-height: 20px; 
}
.forum--top-left-accounts-grid-image img {
    min-width: 56px;
    max-width: 56px;
    object-fit: cover;
    border-radius: 100%;
    height: 56px;
}
.forum--top-left-accounts-title{
    color: var(--text-color);
    font-family: Lato;
    font-size: 16px;
    
    font-weight: 700;
    line-height: 20px; /* 125% */
    margin-bottom: 5px;
}
.forum--top-left-accounts-text {
    color: var(--text-color);
    font-size: 14px;
    
    font-weight: 300;
    line-height: 14px; /* 100% */
}
.forum--form{
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0 2px 32px 0 rgba(0, 51, 102, 0.12);
    padding: 20px;
}
.forum--form h2 {
    color: var(--text-color);
    font-size: 20px;
    
    font-weight: 300;
    line-height: 120%; /* 24px */
    text-transform: uppercase;
    margin-bottom: 20px;
}
.forum--form h3 {
    margin-bottom: 20px;
}
.forum--form .form-control {
    padding: 10px 18px;
    height: 50px;
    border-radius: 8px;
    border: 1px solid #CAD8EA;
    background: #E8EDF3;
}
.forum--form .custom-select__trigger {
      border: 1px solid #CAD8EA;
    background: #E8EDF3;
}
.btn--forum{
    border-radius: 4px;
    background: var(--text-color);
    width: 100%;
    color: #FFF;
    font-size: 16px;
    
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding: 15px 12px;
    border:1px solid var(--text-color)
}
.forum--form  textarea.form-control {
    min-height: 110px;
}
.forum--section{
    padding-top: 60px;
    padding-bottom: 60px;
    background: #FFF;
    box-shadow: 0 0 48px 0 rgba(0, 0, 0, 0.06);
}
.forum--section-title{
    color: var(--text-color);
    font-size: 36px;
    
    font-weight: 700;
    line-height: 120%; /* 43.2px */
    display: flex;
    align-items: center;
    gap: 24px;
}

.forum--wrapper{
    margin-top: 46px;
    display: flex;
    align-items: flex-start;
    gap:30px;
}
.forum--wrapper .pagination {
    border:0;
    padding-top: 0;
    margin-top: 10px;
}
.forum--wrapper  .pagination ul {
    justify-content: flex-start;
    gap: 8px;
}
.forum--wrapper .pagination ul a {
    border-radius: 4px;
    padding: 8px 12px;
    background: #F7F9FC;
}
.forum--wrapper .pagination ul a.active {
    background: var(--text-color);
    color:var(--white);
}
.forum--wrapper .pagination ul a:hover {
    background: #E8ECF3;
}

.forum--wrapper-left{
    max-width: 975px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.forum--grid{
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    background: #FFF;
    padding: 24px;
}
.forum--grid-title{
    color: var(--text-color);
    font-size: 21px;
    
    font-weight: 700;
    line-height: 24px; /* 114.286% */
    margin-bottom: 10px;
}
.forum--grid-theme {
    color: #B2B2B2;
    font-size: 16px;
    
    font-weight: 400;
    line-height: 16px; /* 100% */
}
.forum--grid-text{
    color: var(--text-color);
    font-size: 16px;
    
    font-weight: 300;
    line-height: 24px; 
    margin-top: 16px;
}
.forum--grid-text a {
    color: #276CE9;
    font-weight: bold;
}
.forum--grid-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:30px;
    margin-top: 24px;
}
.forum-grid-bottom-left {
    display: flex;
    align-items: center;
    gap:10px;
}
.forum--grid-image img
{
    min-width: 36px;
    max-width: 36px;
    height: 36px;
    border-radius: 100%;
    object-fit: cover;
}
.forum--grid-image span {
    background: var(--text-color);
    color:#fff;
    font-size: 15px;
    font-weight: 700;
    min-width: 36px;
    max-width: 36px;
    height: 36px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.forum--grid-name {
    color: var(--text-color);
    font-size: 14px;
    
    font-weight: 700;
    line-height: 20px; /* 142.857% */
    margin-bottom: 4px;
}
.forum--grid-name span {
    font-weight: 300;
}
.forum--grid-date{
    color: #8F97A6;
    font-size: 12px;
    
    font-weight: 400;
    line-height: 14px; /* 116.667% */
}
.forum--grid-bottom-right a {
    display: flex;
    align-items: stretch;
    border-radius: 4px;
    overflow: hidden;
}
.forum--grid-bottom-right a span {
    background: rgba(0, 51, 102, 0.15);
    color: var(--text-color) ;
    font-size: 14px;
    
    font-weight: 500;
    line-height: 22px; /* 157.143% */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    gap:8px
}
.forum--count {
    background: var(--text-color) !important;
    color: #FFF !important;
    font-size: 14px;
    
    font-weight: 500;
    line-height: 22px; /* 157.143% */
}
.forum-wrapper-sidebar{
   flex: 1;
}
.forum--topics-blocks {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 24px;
}
.forum--topic-grid{
    border-radius: 8px;
    background: #F7F9FC;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:32px;
}
.forum--topic-name{
    color: var(--text-color);
    font-size: 16px;
    
    font-weight: 600;
    line-height: 26px; /* 162.5% */
    margin-bottom: 4px;
}
.forum--topic-date {
    color: #8F97A6;
    font-size: 14px;
    
    font-weight: 400;
    line-height: 22px; /* 157.143% */
}
.forum--topic-count {
    background: #D2DCE5;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.not_count {
    background: transparent;
}
.forum--search {
    max-width: 320px;
    width: 100%;
}
.forum--search input {
    border-radius: 4px;
    border: 1px solid #E2E2E2;
    height: 48px;
    padding: 15px 12px 15px 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M11.666 4.16669H16.666' stroke='%23003366' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.666 6.66669H14.166' stroke='%23003366' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.4993 9.58335C17.4993 13.9584 13.9577 17.5 9.58268 17.5C5.20768 17.5 1.66602 13.9584 1.66602 9.58335C1.66602 5.20835 5.20768 1.66669 9.58268 1.66669' stroke='%23003366' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.3327 18.3334L16.666 16.6667' stroke='%23003366' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 15px center;
    background-color: #FFF;
    width: 100%;
}
.topic--section{
    padding-top: 15px;
    background: #fff;
}
.forum-wrapper-sidebar .forum--search input {
    background-color: #F7F9FC;
}


.topic--section h1 {
    margin-top: 32px;
}
.forum--answer{
    display: flex;
    align-items: center;
    gap: 16px;
    color: var(--text-color);
    font-size: 18px;
    
    font-weight: 500;
    line-height: 28px; /* 155.556% */
}
.topic--author{
    border-radius: 8px;
    background: #F7F9FC;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 26px;
}
.topic--author-top{
    display: flex;
    align-items: center;
    gap: 8px;
}
.topic--author-image {
    background: var(--text-color);
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 17.143px;
    
    font-weight: 800;
    line-height: 14.286px; /* 83.333% */
}
.topic--author-name{
    color: var(--text-color);
    font-size: 16px;
    
    font-weight: 500;
    line-height: 26px; /* 162.5% */
}
.topic--author-count,
.topic--author-date {
    color: #8F97A6;
    font-size: 14px;
    
    font-weight: 400;
    line-height: 22px; /* 157.143% */
}
.topic--author-count a {
    color: #276CE9;
    font-weight: 600;
}
.catalog--section{
    padding-top: 15px;
    background: #F7F9FC;
    margin-bottom: 60px;
}
.catalog--section h1 {
   
}
.titles--catalog {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:30px;
    margin-top: 32px;
  
}
.catalog--wrapper {
    display: flex;
    align-items: flex-start;
    gap:16px 30px;
    margin-top: 36px;
    flex-wrap: wrap;
}
.catalog--grid {
    width: calc(100%/2 - 15px);
    border-radius: 8px;
    border: 1px solid #E2E2E2;
    background: #FFF;
    padding: 16px 30px 16px 16px;
}
.catalog--grid-inside {
     padding: 16px 24px 16px 24px;
}
.catalog--grid-top {
    display: flex;
    align-items: center;
    gap:15px;
    justify-content: space-between;
    cursor: pointer;
    width: 100%;
}
.catalog--grid-left{
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
}
.catalog--grid-inside .catalog--grid-left {
    flex-direction: row-reverse;
    justify-content: space-between;
}
.catalog--grid-image img {
    min-width: 64px;
    max-width: 64px;
    height: 64px;
    object-fit: cover;
}
.catalog--grid-title{
    color: var(--text-color);
    font-size: 18px;
    
    font-weight: 400;
    line-height: 120%; /* 21.6px */
}
.catalog--grid-all{
    color: #343641;
    font-size: 14px;
    
    font-weight: 300;
    line-height: 120%; /* 16.8px */
    margin-top: 5px;
}

.catalog--grid-list ul {
    padding-left: 100px;
}
.catalog--grid-inside .catalog--grid-list ul {
    padding-left: 30px;
}
.catalog--grid-list ul li {
    list-style: disc;
}
.catalog--grid-list li::marker {
  color: #A82926;
  font-size: 1.4em; 
}
.catalog--grid-list ul li a {
    color: var(--text-color);
    font-size: 14px;
    font-weight: 300;
    line-height: 120%; /* 16.8px */
}
.catalog--grid-list ul li a:hover {
    color: var(--accent-red);
}
.catalog--grid-list ul li:not(:last-child) {
    margin-bottom: 10px;
}
.catalog--grid-content{
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
}
.catalog--grid-arrow svg {
    transition: .2s all linear;
}
.catalog--grid-arrow.active svg {
    rotate: 180deg;
}
.mobile-menu{
    display: none;
}
.mobile--search-btn {
    display: none;
}
.category--wrapper {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    margin-top: 30px;
}
.category--wrapper-left {
    max-width: 975px;
    width: 100%;
    gap: 24px;
}
.category--wrapper-sidebar,
.product--sidebar,
.profile--sidebar {
    flex: 1;
    position: sticky;
    top: 30px;
    min-width: 310px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.category-search{

    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
}
.category-search-logged {

}
.category-search-logged-left{
    display: flex;
    align-items: center;
    gap: 15px;
}
.category-search-logged-select select {
    appearance: none;
    -webkit-appearance: none; 
    -moz-appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    padding: 12px 35px 12px 12px;
    border-radius: 4px;
    border: 1px solid #E2E2E2;
    overflow: hidden;
    color: var(--text-color);
    font-size: 14px;
    
    font-weight: 400;
    line-height: 22px; /* 157.143% */
}
.category--table table {
    border-collapse: separate !important;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border-radius: 12px;
    background: #FFF;
    overflow: hidden;
}

.category--table thead tr:first-child th {
    background-color: #E2F2FF;
    border: 0 solid #E2F2FF;
    border-right-color: #E2F2FF;
    border-width: 0 1px 1px;
    padding: 10px 15px;
    color: var(--text-color);
    font-size: 13px;
    
    font-weight: 300;
    line-height: 100%;
}
.category--table td {
    vertical-align: middle;
    color: var(--text-color);
    font-size: 13px;
    
    font-weight: 400;
    line-height: 120%; /* 162.5% */
    padding: 10px 15px;
    transition: var(--transition);
}

.category--table tr:nth-child(even) {
  
}
.category--table td:first-child {
    width: 100px;
    font-weight: 300;
    color: #262626;
}
.category--table td:last-child img {
    max-width: 40px;
    transition: var(--transition);
}

.category--table td:nth-child(2),
.category--table th:nth-child(2) {
    max-width: 450px;
}
.category--table-logged td:nth-child(2),
.category--table-logged th:nth-child(2) {
    max-width: 235px;
}
.category--table td:last-child span {
    border-radius: 4px;
    border: 1px solid rgba(0, 35, 106, 0.20);
    background: #F4F7F9;
    padding: 5px;
}
.last-tr td{
    border-bottom: 1px solid #E2E2E2;
}
.img-hover-cell {
  position: relative;
}

.img-hover-cell > a img {
  max-width: 60px;
  border-radius: 6px;
  transition: opacity 0.3s ease;
}

/* окно */
.img-preview {
  position: absolute;
    top: 10px;
    left: -100px;
  opacity: 0;
  visibility: hidden;

  

  pointer-events: none;

  background: #fff;
  padding: 8px;
  border-radius: 6px;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.10);
  transition: opacity 0.25s ease, visibility 0.25s ease, filter 0.25s ease;
  filter: blur(6px);
}

/* картинка внутри */
.img-preview img {

  border-radius: 8px;
  max-width: 150px !important;
}

/* hover */
.img-hover-cell:hover .img-preview {
  opacity: 1;
  visibility: visible;
  filter: blur(0);
  z-index: 2;
}

.img-hover-cell:hover > img {
  opacity: 0.6;
  z-index: -1;
  position: relative;
}





.orders--table tr:hover td {
    background-color: #F7F9FC;
}
.category--wrapper-top {
    display: flex;
    align-items: center;
    gap: 10px;
}
.cat--btn {
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    min-width: max-content;
    color: #616161;
    font-size: 16px;
    
    font-weight: 300;
    line-height: 14px; /* 87.5% */
    padding: 10px 16px;
    width: 100%;
}
.cat--btn svg path {
    transition: var(--transition);
}
.cat--btn:hover {
    background: var(--text-color);
    color:var(--white)
}
.cat--btn:hover svg path {
    fill: var(--white);
}
.cat--btn svg {
    margin-left: auto;
}
.card--profile-wrapper{
    overflow: hidden;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
}
.card--profile--top{
    padding: 15px 20px;
    background: var(--text-color);
    position: relative;
    color: #FFF;
    font-size: 18px;
    
    font-weight: 500;
    line-height: 20px; /* 111.111% */
}
.card--profile--top:after {
    content:'';
    background: #359C54;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    position: absolute;
    right: -5px;
    top: -5px;
}
.card--profile--content{
    padding: 20px 20px
}
.card--profile-block{
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #D0D0D0;
    justify-content: space-between;
}
.card--profile-name{
    color: var(--text-color);
    font-size: 18px;
    
    font-weight: 600;
    line-height: 100%; /* 18px */
}
.card--profile-text{
    color: #616161;
    font-size: 12px;
    
    font-weight: 300;
    line-height: 18px; /* 150% */

}
.card--profile-left {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
}
.card--profile-image img {
    min-width: 64px;
    max-width: 64px;
    object-fit: cover;
    border-radius: 8px;
}
.card--profile-bottom {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: space-between;
}
.card--profile-bottom a {
    display: flex;
    gap: 5px;
    align-items: center;
}
.card--phone {
    font-size: 14px;
    color: var(--text-color);
    font-weight: 600;
}
.card--email{
    font-size: 14px;
    font-weight: 400;
}
.sing--profile--wrapper {
    border-radius: 8px;
    background:#FFF;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
    position: relative;
    padding: 20px 20px;
    overflow: hidden;
}
.sing--profile--wrapper:after {
    content:'';
    background: #A82926;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    position: absolute;
    right: -5px;
    top: -5px;
}
.sing--profile--wrapper h2 {
    color: var(--text-color);
    font-size: 18px;
    
    font-weight: 500;
    line-height: 20px; /* 111.111% */
    margin-top:0;
    margin-bottom: 10px;
}
.sing--profile--wrapper p {
    margin-top: 0;
    margin-bottom: 0;
    color: #616161;
    font-size: 12px;
    
    font-weight: 300;
    line-height: 18px; /* 150% */
}
.sing--profile-form{
    margin-top: 16px;
}
.sing--profile-form .form-control {
    height: 48px;
    border-radius: 6px;
    border: 1px solid #DBDADE;
    background-color: #FFF;
}
.cat_login {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13.6569 2.34314C12.1459 0.832153 10.1368 0 8 0C5.86316 0 3.85413 0.832153 2.34314 2.34314C0.832153 3.85413 0 5.86316 0 8C0 10.1368 0.832153 12.1459 2.34314 13.6569C3.85413 15.1678 5.86316 16 8 16C10.1368 16 12.1459 15.1678 13.6569 13.6569C15.1678 12.1459 16 10.1368 16 8C16 5.86316 15.1678 3.85413 13.6569 2.34314ZM3.47205 13.4155C3.73621 11.1426 5.69043 9.3877 8 9.3877C9.21753 9.3877 10.3624 9.86206 11.2236 10.7231C11.9512 11.4508 12.41 12.4009 12.5281 13.4154C11.3013 14.4429 9.72168 15.0625 8 15.0625C6.27832 15.0625 4.69885 14.443 3.47205 13.4155ZM8 8.42212C6.66028 8.42212 5.57019 7.33203 5.57019 5.99231C5.57019 4.65247 6.66028 3.5625 8 3.5625C9.33972 3.5625 10.4298 4.65247 10.4298 5.99231C10.4298 7.33203 9.33972 8.42212 8 8.42212ZM13.335 12.6229C13.0961 11.6598 12.5979 10.7717 11.8865 10.0603C11.3103 9.48413 10.6287 9.05188 9.88525 8.78101C10.7789 8.17493 11.3673 7.151 11.3673 5.99231C11.3673 4.13562 9.85669 2.625 8 2.625C6.14331 2.625 4.63269 4.13562 4.63269 5.99231C4.63269 7.15161 5.22156 8.1759 6.11597 8.78186C5.43201 9.03113 4.79907 9.4165 4.25452 9.92383C3.46594 10.6582 2.91833 11.5946 2.66443 12.6222C1.58911 11.3826 0.9375 9.76599 0.9375 8C0.9375 4.10571 4.10571 0.9375 8 0.9375C11.8943 0.9375 15.0625 4.10571 15.0625 8C15.0625 9.76636 14.4106 11.3833 13.335 12.6229Z' fill='%23838383'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: right 16px center;
}
.cat_password span {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10' fill='none'%3E%3Cpath d='M8 10C2.76587 10 0.170875 5.437 0.063 5.24288C-0.021 5.09175 -0.021 4.90812 0.063 4.757C0.170875 4.563 2.76587 0 8 0C13.2341 0 15.8291 4.563 15.937 4.75712C16.021 4.90825 16.021 5.09188 15.937 5.243C15.8291 5.437 13.2341 10 8 10ZM1.08837 4.99925C1.68313 5.90062 4.01825 9 8 9C11.9944 9 14.3191 5.90312 14.9116 5.00075C14.3169 4.09937 11.9818 1 8 1C4.00562 1 1.68087 4.09688 1.08837 4.99925ZM8 8C6.34575 8 5 6.65425 5 5C5 3.34575 6.34575 2 8 2C9.65425 2 11 3.34575 11 5C11 6.65425 9.65425 8 8 8ZM8 3C6.89725 3 6 3.89725 6 5C6 6.10275 6.89725 7 8 7C9.10275 7 10 6.10275 10 5C10 3.89725 9.10275 3 8 3Z' fill='%236E6E6E'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    min-width: 16px;
    max-width: 16px;
    height: 10px;
    position: absolute;
    right:16px;
    top:50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.cat_password {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    position: relative;
}


.btn--sign {
    width: 100%;
    background: #A82926;
    border: 1px solid #A82926
}
.btn--sign:hover {
    background: var(--white);
    color:var(--accent-red)
}

.sing--profile-form .contact-form__check{
    justify-content: center;
    align-items: center;
}
.sing--profile-form .contact-form__check span {
    font-size: 14px;
    color: var(--text-color);
}
.sing--profile-form  .contact-form__check input::after {
    min-width: 15px;
    max-width: 15px;
    height: 15px;
    border: 1px solid #D0D0D0;
}
.sing--profile-form .contact-form__check input::before {
    left: -5px;
    top: -5px;
}
.sing--profile-form  .contact-form__check input{

    height: 0;
    min-width: 0;
    max-width: 0;
    flex:0;
    display: flex;
    gap: 5px;
    align-items: center;
    top:0;
}
.sing--profile-form a {
    color: var(--text-color);
    font-size: 14px;
    
    font-weight: 300;
    line-height: 20px;
}
.sing--profile-form a:hover {
    text-decoration: underline;
}
.buttons {
    gap: 5px;
    justify-content: space-between;
    display: flex;
    align-items: center;
    flex-direction: row;
    min-width: max-content;
}
.in--check{
    display: flex;
    align-items: center;
    justify-content: center;
}


.in--check label{
    display: flex;
    align-items: center;
    gap: 30px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10) !important;
    background: var(--white);
    min-width: max-content;
    color: #616161;
    font-size: 16px;
    font-weight: 300;
    line-height: 14px;
    padding: 15px 16px;
    transition: var(--transition);
    height: 48px;
}
.in--check label:hover {

}
.in--check input {
    height: 0;
    width: 0;
    position: relative;
    margin-right: 5px;
}
.in--check input::after,
.in--check input::before {
    content: '';
    position: absolute;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}
.in--check input::after {
    min-width: 15px;
    max-width: 15px;
    height: 15px;
    border: 1px solid #D0D0D0;
}

.in--check  input:checked::before {
    display: block
}
.in--check input::after {
    min-width: 15px;
    max-width: 15px;
    height: 15px;
    left: 50%;
    bottom: 50%;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    border: 1.5px solid #CAD8EA;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
}
.in--check input:checked::after {
    border-color: var(--text-color);
    background: var(--text-color)
}
.in--check input::before {
    display: none;
    bottom: -webkit-calc(50% - 10px / 2);
    bottom: calc(50% - 10px / 2);
    left: -webkit-calc(50% - 13px / 2);
    left: calc(50% - 10px / 2);
    width: 10px;
    height:9px;
    background-image: url(../img/check-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 10
}
.category-search-logged-left .in--check input {
    pointer-events: none;
}

.to--order span {
    min-width: 14px;
    max-width: 14px;
    object-fit: contain;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cg clip-path='url(%23clip0_475_3063)'%3E%3Cpath d='M6.9997 0C3.13422 0 0 3.13422 0 6.9997C0 10.8652 3.13422 14 6.9997 14C10.8652 14 14 10.8652 14 6.9997C14 3.13422 10.8652 0 6.9997 0ZM8.45689 10.8486C8.09659 10.9908 7.80978 11.0987 7.59467 11.1733C7.38015 11.248 7.13067 11.2853 6.84681 11.2853C6.41067 11.2853 6.07111 11.1787 5.82933 10.9659C5.58756 10.7532 5.46726 10.4836 5.46726 10.1559C5.46726 10.0284 5.47615 9.89807 5.49393 9.76533C5.5123 9.63259 5.54133 9.48326 5.58104 9.31556L6.032 7.72267C6.0717 7.56978 6.10607 7.42459 6.13333 7.28948C6.16059 7.15318 6.17363 7.02815 6.17363 6.91437C6.17363 6.7117 6.13156 6.56948 6.048 6.48948C5.96326 6.40948 5.80385 6.37037 5.56622 6.37037C5.45007 6.37037 5.33037 6.38756 5.2077 6.4237C5.08622 6.46104 4.98074 6.49481 4.89422 6.528L5.01333 6.03733C5.30844 5.91704 5.59111 5.81393 5.86074 5.72859C6.13037 5.64207 6.38519 5.59941 6.62519 5.59941C7.05837 5.59941 7.39259 5.70489 7.62785 5.91348C7.86193 6.12267 7.97985 6.39467 7.97985 6.72889C7.97985 6.79822 7.97156 6.9203 7.95556 7.09452C7.93956 7.26933 7.90933 7.42874 7.86548 7.57511L7.41689 9.16326C7.38015 9.29067 7.34756 9.43644 7.31793 9.59941C7.28889 9.76237 7.27467 9.88682 7.27467 9.97037C7.27467 10.1813 7.32148 10.3253 7.4163 10.4018C7.50993 10.4782 7.67407 10.5167 7.90637 10.5167C8.016 10.5167 8.13867 10.4972 8.27733 10.4593C8.41481 10.4213 8.51437 10.3876 8.57719 10.3585L8.45689 10.8486ZM8.37748 4.40237C8.1683 4.59674 7.91644 4.69393 7.62193 4.69393C7.328 4.69393 7.07437 4.59674 6.86341 4.40237C6.65363 4.208 6.54756 3.97156 6.54756 3.69541C6.54756 3.41985 6.65422 3.18281 6.86341 2.98667C7.07437 2.78993 7.328 2.69215 7.62193 2.69215C7.91644 2.69215 8.16889 2.78993 8.37748 2.98667C8.58667 3.18281 8.69156 3.41985 8.69156 3.69541C8.69156 3.97215 8.58667 4.208 8.37748 4.40237Z' fill='%23003366'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_475_3063'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.to--order {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2px 6px;
    gap: 2px;
    color: var(--text-color);
    font-size: 13px;
    
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    border-radius: 4px;
    background: #E2F2FF;
    min-width: max-content;
}
.product--top .to--order,
.product--top .to--stock  {
    font-size: 16px;
    gap: 10px;
}
.to--stock {
    display: flex;
    align-items: center;
    justify-content:center;
    padding: 2px 6px;
    gap: 2px;
    color:var(--white);
    font-size: 13px;
    
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    border-radius: 4px;
    background: #359C54;
    min-width: max-content;
    
}
.to--road {
    display: flex;
    align-items: center;
    justify-content:center;
    padding: 2px 6px;
    gap: 2px;
    color:var(--text-color);
    font-size: 13px;
    
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    border-radius: 4px;
    background: transparent;
    min-width: max-content;

}


.to--count{
    border-radius: 2px;
    border: 0.6px solid #656565;
    background: #FAFAFA;
    max-width: 60px;
    font-size: 12px;
    height: 24px;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    padding: 0 5px;
}
.to--cart-in {
    border-radius: 4px;
    border: 0.6px solid var(--text-color);
    background: #FFF;
    padding: 5px 8px;
    max-width: 85px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.to--cart-in  span {
    min-width: 10px;
    max-width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cg clip-path='url(%23clip0_252_10250)'%3E%3Cpath d='M2.91536 10C3.3756 10 3.7487 9.62694 3.7487 9.16671C3.7487 8.70647 3.3756 8.33337 2.91536 8.33337C2.45513 8.33337 2.08203 8.70647 2.08203 9.16671C2.08203 9.62694 2.45513 10 2.91536 10Z' fill='%23003366'/%3E%3Cpath d='M7.08333 10C7.54357 10 7.91667 9.62694 7.91667 9.16671C7.91667 8.70647 7.54357 8.33337 7.08333 8.33337C6.6231 8.33337 6.25 8.70647 6.25 9.16671C6.25 9.62694 6.6231 10 7.08333 10Z' fill='%23003366'/%3E%3Cpath d='M9.58464 1.25H8.7513V0.416667C8.7513 0.30616 8.7074 0.200179 8.62926 0.122039C8.55112 0.0438987 8.44514 0 8.33464 0C8.22413 0 8.11815 0.0438987 8.04001 0.122039C7.96187 0.200179 7.91797 0.30616 7.91797 0.416667V1.25H7.08464C6.97413 1.25 6.86815 1.2939 6.79001 1.37204C6.71187 1.45018 6.66797 1.55616 6.66797 1.66667C6.66797 1.77717 6.71187 1.88315 6.79001 1.96129C6.86815 2.03943 6.97413 2.08333 7.08464 2.08333H7.91797V2.91667C7.91797 3.02717 7.96187 3.13315 8.04001 3.21129C8.11815 3.28943 8.22413 3.33333 8.33464 3.33333C8.44514 3.33333 8.55112 3.28943 8.62926 3.21129C8.7074 3.13315 8.7513 3.02717 8.7513 2.91667V2.08333H9.58464C9.69514 2.08333 9.80112 2.03943 9.87926 1.96129C9.9574 1.88315 10.0013 1.77717 10.0013 1.66667C10.0013 1.55616 9.9574 1.45018 9.87926 1.37204C9.80112 1.2939 9.69514 1.25 9.58464 1.25Z' fill='%23003366'/%3E%3Cpath d='M9.07125 4.0525C9.01738 4.04242 8.96204 4.04313 8.90844 4.0546C8.85484 4.06606 8.80406 4.08805 8.75902 4.11929C8.71398 4.15053 8.6756 4.19039 8.64608 4.23658C8.61657 4.28276 8.59651 4.33434 8.58708 4.38833C8.53512 4.67673 8.38348 4.9377 8.15866 5.12566C7.93384 5.31362 7.65013 5.41662 7.35708 5.41667H2.2575L1.86583 2.08333H5.41667C5.52717 2.08333 5.63315 2.03943 5.71129 1.96129C5.78943 1.88315 5.83333 1.77717 5.83333 1.66667C5.83333 1.55616 5.78943 1.45018 5.71129 1.37204C5.63315 1.2939 5.52717 1.25 5.41667 1.25H1.7675L1.75 1.10333C1.71409 0.799416 1.56794 0.519231 1.33924 0.315877C1.11055 0.112523 0.815198 0.000130349 0.509167 0L0.416667 0C0.30616 0 0.200179 0.0438987 0.122039 0.122039C0.0438987 0.200179 0 0.30616 0 0.416667C0 0.527174 0.0438987 0.633154 0.122039 0.711295C0.200179 0.789435 0.30616 0.833333 0.416667 0.833333H0.509167C0.611222 0.833347 0.709724 0.870815 0.785988 0.938632C0.862253 1.00645 0.910976 1.0999 0.922917 1.20125L1.49625 6.07625C1.55577 6.58325 1.79937 7.05074 2.18079 7.39001C2.56222 7.72927 3.05494 7.91668 3.56542 7.91667H7.91667C8.02717 7.91667 8.13315 7.87277 8.21129 7.79463C8.28943 7.71649 8.33333 7.61051 8.33333 7.5C8.33333 7.38949 8.28943 7.28351 8.21129 7.20537C8.13315 7.12723 8.02717 7.08333 7.91667 7.08333H3.56542C3.30688 7.08338 3.05469 7.00327 2.84359 6.85402C2.63248 6.70478 2.47284 6.49375 2.38667 6.25H7.35708C7.84548 6.25005 8.31837 6.07851 8.69314 5.76534C9.06792 5.45218 9.32076 5.0173 9.4075 4.53667C9.41723 4.4828 9.41626 4.42753 9.40462 4.37404C9.39299 4.32055 9.37093 4.26987 9.3397 4.22491C9.30847 4.17994 9.26869 4.14157 9.22263 4.11199C9.17657 4.08241 9.12513 4.06219 9.07125 4.0525Z' fill='%23003366'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_252_10250'%3E%3Crect width='10' height='10' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.to--cart-add{
    border-radius: 4px;
    border: 0.6px solid var(--text-color);
    background: var(--text-color);
    padding: 5px 8px;
    max-width: 85px;
    display: flex;
    align-items: center;
    color:var(--white);
    gap: 5px;
}
.to--cart-add span {
    min-width: 10px;
    max-width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cg clip-path='url(%23clip0_252_10243)'%3E%3Cpath d='M2.91536 10C3.3756 10 3.7487 9.62694 3.7487 9.16671C3.7487 8.70647 3.3756 8.33337 2.91536 8.33337C2.45513 8.33337 2.08203 8.70647 2.08203 9.16671C2.08203 9.62694 2.45513 10 2.91536 10Z' fill='white'/%3E%3Cpath d='M7.08333 10C7.54357 10 7.91667 9.62694 7.91667 9.16671C7.91667 8.70647 7.54357 8.33337 7.08333 8.33337C6.6231 8.33337 6.25 8.70647 6.25 9.16671C6.25 9.62694 6.6231 10 7.08333 10Z' fill='white'/%3E%3Cpath d='M9.58464 1.25H8.7513V0.416667C8.7513 0.30616 8.7074 0.200179 8.62926 0.122039C8.55112 0.0438987 8.44514 0 8.33464 0C8.22413 0 8.11815 0.0438987 8.04001 0.122039C7.96187 0.200179 7.91797 0.30616 7.91797 0.416667V1.25H7.08464C6.97413 1.25 6.86815 1.2939 6.79001 1.37204C6.71187 1.45018 6.66797 1.55616 6.66797 1.66667C6.66797 1.77717 6.71187 1.88315 6.79001 1.96129C6.86815 2.03943 6.97413 2.08333 7.08464 2.08333H7.91797V2.91667C7.91797 3.02717 7.96187 3.13315 8.04001 3.21129C8.11815 3.28943 8.22413 3.33333 8.33464 3.33333C8.44514 3.33333 8.55112 3.28943 8.62926 3.21129C8.7074 3.13315 8.7513 3.02717 8.7513 2.91667V2.08333H9.58464C9.69514 2.08333 9.80112 2.03943 9.87926 1.96129C9.9574 1.88315 10.0013 1.77717 10.0013 1.66667C10.0013 1.55616 9.9574 1.45018 9.87926 1.37204C9.80112 1.2939 9.69514 1.25 9.58464 1.25Z' fill='white'/%3E%3Cpath d='M9.07125 4.0525C9.01738 4.04242 8.96204 4.04313 8.90844 4.0546C8.85484 4.06606 8.80406 4.08805 8.75902 4.11929C8.71398 4.15053 8.6756 4.19039 8.64608 4.23658C8.61657 4.28276 8.59651 4.33434 8.58708 4.38833C8.53512 4.67673 8.38348 4.9377 8.15866 5.12566C7.93384 5.31362 7.65013 5.41662 7.35708 5.41667H2.2575L1.86583 2.08333H5.41667C5.52717 2.08333 5.63315 2.03943 5.71129 1.96129C5.78943 1.88315 5.83333 1.77717 5.83333 1.66667C5.83333 1.55616 5.78943 1.45018 5.71129 1.37204C5.63315 1.2939 5.52717 1.25 5.41667 1.25H1.7675L1.75 1.10333C1.71409 0.799416 1.56794 0.519231 1.33924 0.315877C1.11055 0.112523 0.815198 0.000130349 0.509167 0L0.416667 0C0.30616 0 0.200179 0.0438987 0.122039 0.122039C0.0438987 0.200179 0 0.30616 0 0.416667C0 0.527174 0.0438987 0.633154 0.122039 0.711295C0.200179 0.789435 0.30616 0.833333 0.416667 0.833333H0.509167C0.611222 0.833347 0.709724 0.870815 0.785988 0.938632C0.862253 1.00645 0.910976 1.0999 0.922917 1.20125L1.49625 6.07625C1.55577 6.58325 1.79937 7.05074 2.18079 7.39001C2.56222 7.72927 3.05494 7.91668 3.56542 7.91667H7.91667C8.02717 7.91667 8.13315 7.87277 8.21129 7.79463C8.28943 7.71649 8.33333 7.61051 8.33333 7.5C8.33333 7.38949 8.28943 7.28351 8.21129 7.20537C8.13315 7.12723 8.02717 7.08333 7.91667 7.08333H3.56542C3.30688 7.08338 3.05469 7.00327 2.84359 6.85402C2.63248 6.70478 2.47284 6.49375 2.38667 6.25H7.35708C7.84548 6.25005 8.31837 6.07851 8.69314 5.76534C9.06792 5.45218 9.32076 5.0173 9.4075 4.53667C9.41723 4.4828 9.41626 4.42753 9.40462 4.37404C9.39299 4.32055 9.37093 4.26987 9.3397 4.22491C9.30847 4.17994 9.26869 4.14157 9.22263 4.11199C9.17657 4.08241 9.12513 4.06219 9.07125 4.0525Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_252_10243'%3E%3Crect width='10' height='10' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.to--cart-add a {
    margin-left: auto;
    min-width: 10px;
    max-width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    color: var(--white);
    padding: 6px 6px;
    background-position: center;
    border-radius:2px;
    filter: invert(1);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='currentColor'%3E%3Cpath d='M9.16161 1.8254C9.14995 1.75165 9.03162 1.08915 8.55161 0.605399C8.06953 0.133732 7.40453 0.0170656 7.33036 0.00539897C7.23161 -0.010851 7.13078 0.00998234 7.0462 0.0624823C6.99703 0.092899 5.81536 0.832899 3.4162 3.21498C0.889948 5.72373 0.227448 6.72623 0.200364 6.76748C0.162448 6.82582 0.139531 6.8929 0.134114 6.96207L0.0011978 8.65832C-0.00796887 8.77998 0.0357812 8.89915 0.122031 8.9854C0.200365 9.06373 0.306614 9.10748 0.417031 9.10748C0.427448 9.10748 0.438281 9.10748 0.449114 9.10623L2.15786 8.97457C2.22661 8.96915 2.29286 8.94707 2.35078 8.90998C2.39245 8.88332 3.40203 8.2254 5.92786 5.71748C8.32745 3.33498 9.07286 2.16123 9.1037 2.11248C9.15703 2.02707 9.17787 1.92498 9.16203 1.8254H9.16161ZM5.34078 5.12623C3.28661 7.16582 2.25995 7.95123 1.98078 8.15248L0.870364 8.23832L0.956198 7.14165C1.1612 6.86165 1.95328 5.84207 4.00286 3.80665C4.63745 3.17665 5.18453 2.66457 5.64536 2.2529C5.64953 2.25373 5.6537 2.25457 5.65828 2.2554C5.66328 2.25623 6.1737 2.34457 6.50036 2.66373C6.82203 2.97832 6.91245 3.4679 6.91495 3.47998C6.91495 3.48165 6.91578 3.4829 6.91578 3.48457C6.49953 3.94415 5.98036 4.49123 5.34078 5.12623ZM7.55286 2.7579C7.45328 2.5354 7.30411 2.28373 7.08328 2.0679C6.86495 1.85415 6.61078 1.70915 6.38578 1.61248C6.86036 1.21665 7.18078 0.980816 7.34787 0.863732C7.52245 0.915399 7.78495 1.02082 7.96495 1.19707C8.1537 1.38707 8.25453 1.64748 8.30245 1.80915C8.1837 1.97582 7.94787 2.29207 7.55328 2.75832L7.55286 2.7579Z' fill='currentColor'/%3E%3C/svg%3E");
}
.to--cart-add a:hover {
    background-color:#fff;
    filter: invert(0);
    padding: 6px 6px;
    color:var(--text-color);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M9.16161 1.8254C9.14995 1.75165 9.03162 1.08915 8.55161 0.605399C8.06953 0.133732 7.40453 0.0170656 7.33036 0.00539897C7.23161 -0.010851 7.13078 0.00998234 7.0462 0.0624823C6.99703 0.092899 5.81536 0.832899 3.4162 3.21498C0.889948 5.72373 0.227448 6.72623 0.200364 6.76748C0.162448 6.82582 0.139531 6.8929 0.134114 6.96207L0.0011978 8.65832C-0.00796887 8.77998 0.0357812 8.89915 0.122031 8.9854C0.200365 9.06373 0.306614 9.10748 0.417031 9.10748C0.427448 9.10748 0.438281 9.10748 0.449114 9.10623L2.15786 8.97457C2.22661 8.96915 2.29286 8.94707 2.35078 8.90998C2.39245 8.88332 3.40203 8.2254 5.92786 5.71748C8.32745 3.33498 9.07286 2.16123 9.1037 2.11248C9.15703 2.02707 9.17787 1.92498 9.16203 1.8254H9.16161ZM5.34078 5.12623C3.28661 7.16582 2.25995 7.95123 1.98078 8.15248L0.870364 8.23832L0.956198 7.14165C1.1612 6.86165 1.95328 5.84207 4.00286 3.80665C4.63745 3.17665 5.18453 2.66457 5.64536 2.2529C5.64953 2.25373 5.6537 2.25457 5.65828 2.2554C5.66328 2.25623 6.1737 2.34457 6.50036 2.66373C6.82203 2.97832 6.91245 3.4679 6.91495 3.47998C6.91495 3.48165 6.91578 3.4829 6.91578 3.48457C6.49953 3.94415 5.98036 4.49123 5.34078 5.12623ZM7.55286 2.7579C7.45328 2.5354 7.30411 2.28373 7.08328 2.0679C6.86495 1.85415 6.61078 1.70915 6.38578 1.61248C6.86036 1.21665 7.18078 0.980816 7.34787 0.863732C7.52245 0.915399 7.78495 1.02082 7.96495 1.19707C8.1537 1.38707 8.25453 1.64748 8.30245 1.80915C8.1837 1.97582 7.94787 2.29207 7.55328 2.75832L7.55286 2.7579Z' fill='currentColor'/%3E%3C/svg%3E");
}
.to--cart-save {
    border-radius: 4px;
    border: 0.6px solid #A82926;
    background: #A82926;
    padding: 5px 8px;
    max-width: 85px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color:#fff;
    gap: 5px; 
}
.to--cart-save span {
    min-width: 12px;
    max-width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M6 0C2.6915 0 0 2.6915 0 6C0 9.3085 2.6915 12 6 12C9.3085 12 12 9.3085 12 6C12 2.6915 9.3085 0 6 0ZM5.9545 7.7095C5.761 7.903 5.5065 7.9995 5.251 7.9995C4.9955 7.9995 4.7385 7.902 4.543 7.707L3.152 6.359L3.8485 5.6405L5.245 6.994L8.1495 4.1435L8.8515 4.856L5.9545 7.7095Z' fill='white'/%3E%3C/svg%3E");
}
.to--grozs{
    width: 115px;
}
.to--cart > div {
    cursor: pointer;
    transition: var(--transition);
}
.to--cart-in:hover {
    box-shadow: 0 1px 16px 0 rgba(96, 146, 254, 0.24);
}
.to--cart-add,
.to--cart-save{
    display:none;
}
.same--cat--wrapper{
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
    position: relative;
    padding: 20px 20px;
}
.same--cat--wrapper h2 {
    color: var(--text-color);
    font-size: 18px;
    
    font-weight: 500;
    line-height: 20px; /* 111.111% */
    margin-top: 0;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #E3EBF6;
}

.same--cat--wrapper ul {
    padding-left: 30px;
}
.same--cat--wrapper ul li {
    list-style: disc;
}
.same--cat--wrapper li::marker {
  color: #A82926;
  font-size: 1.4em; 
}
.same--cat--wrapper ul li:not(:last-child) {
    margin-bottom: 15px;
}
.same--cat--wrapper ul li a {
    color: var(--dark-blue);
    font-size: 14px;
    font-weight: 300;
    line-height: 120%; /* 16.8px */
}
.same--cat--wrapper ul li a:hover {
    color:var(--accent-red)
}
.product--wrapper {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    margin-top: 15px;
}
.product--left {
    max-width: 975px;
    width: 100%;
}
.product--sidebar {
    flex: 1;
}
.product--top{
    display: flex;
    gap: 30px;
    align-items: flex-start;
}
.product--images{
    max-width: 530px;
    width: 100%;
    border-radius: 8px;
    background: #FFF;
    padding: 60px 30px 30px 30px;
}
.product--image{
    display: flex;
    align-items: center;
    justify-content: center;
}
.product--image img {
    max-height: 385px;
    object-fit: contain;
}
.product--options {
    flex: 1;
}
.product--options h1 {
    color: var(--text-color);
    font-size: 27px;
    
    font-weight: 700;
    line-height: 140%; /* 37.8px */
    letter-spacing: -0.54px;
    margin-top: 0;
    bottom: 0;
}
.product--options {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.product--spec {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.product--spec-name {
    display: flex;
    align-items: center;
}
.pr--first{
    color: #5D5D5D;
    font-size: 16px;
    
    font-weight: 300;
    line-height: 18px; /* 112.5% */
}
.pr--last{
    margin-left: auto;
}
.pr--last{
    color: var(--text-color);
    font-size: 16px;
    
    font-weight: 400;
    line-height: 18px; /* 112.5% */
}
.product--line{
    border: none;
    height: 1px; 
    background-color: #E6EFF6;
}
.copy_code {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.75 13.125H7.875C8.33984 13.125 8.75 12.7422 8.75 12.25V10.9375C8.75 10.7188 8.94141 10.5 9.1875 10.5C9.40625 10.5 9.625 10.7188 9.625 10.9375V12.25C9.625 13.2344 8.83203 14 7.875 14H1.75C0.765625 14 0 13.2344 0 12.25V6.125C0 5.16797 0.765625 4.375 1.75 4.375H3.0625C3.28125 4.375 3.5 4.59375 3.5 4.8125C3.5 5.05859 3.28125 5.25 3.0625 5.25H1.75C1.25781 5.25 0.875 5.66016 0.875 6.125V12.25C0.875 12.7422 1.25781 13.125 1.75 13.125ZM4.375 1.75C4.375 0.792969 5.14062 0 6.125 0H12.25C13.207 0 14 0.792969 14 1.75V7.875C14 8.85938 13.207 9.625 12.25 9.625H6.125C5.14062 9.625 4.375 8.85938 4.375 7.875V1.75ZM6.125 8.75H12.25C12.7148 8.75 13.125 8.36719 13.125 7.875V1.75C13.125 1.28516 12.7148 0.875 12.25 0.875H6.125C5.63281 0.875 5.25 1.28516 5.25 1.75V7.875C5.25 8.36719 5.63281 8.75 6.125 8.75Z' fill='%23505050'/%3E%3C/svg%3E%0A");
    background-position: right 0 center;
    background-repeat: no-repeat;
    padding-right:20px;
    cursor: pointer;
}
.product--price {

   
}
.price {
    color: var(--text-color);
    font-size: 27px;
    
    font-weight: 700;
    line-height: 100%; /* 27px */
    display: flex;
    align-items: baseline;
    gap: 3px;
}
.price span {
    font-size: 16px;
    
    font-weight: 300;
    line-height: 100%
}
.product--price p {
    margin: 0;
    margin-top: 5px;
    color: #5D5D5D;
    font-size: 14px;
    
    font-weight: 300;
    line-height: 18px; /* 128.571% */
}
.product--count-number{
    border-radius: 4px;
    border: 1px solid #E6E6E6;
    background: #FFF;
    padding: 4px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.count{
    border-radius: 3px;
    background: #F8F7F8;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    max-width: 42px;
    height: 42px;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center;
}
.minus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M15.3333 7.33331H0.666667C0.298477 7.33331 0 7.63179 0 7.99998C0 8.36817 0.298477 8.66665 0.666667 8.66665H15.3333C15.7015 8.66665 16 8.36817 16 7.99998C16 7.63179 15.7015 7.33331 15.3333 7.33331Z' fill='black'/%3E%3C/svg%3E");
}
.plus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M15.3333 7.33333H8.66667V0.666667C8.66667 0.489856 8.59643 0.320286 8.47141 0.195262C8.34638 0.0702379 8.17681 0 8 0C7.82319 0 7.65362 0.0702379 7.5286 0.195262C7.40357 0.320286 7.33333 0.489856 7.33333 0.666667V7.33333H0.666667C0.489856 7.33333 0.320286 7.40357 0.195262 7.5286C0.0702379 7.65362 0 7.82319 0 8C0 8.17681 0.0702379 8.34638 0.195262 8.47141C0.320286 8.59643 0.489856 8.66667 0.666667 8.66667H7.33333V15.3333C7.33333 15.5101 7.40357 15.6797 7.5286 15.8047C7.65362 15.9298 7.82319 16 8 16C8.17681 16 8.34638 15.9298 8.47141 15.8047C8.59643 15.6797 8.66667 15.5101 8.66667 15.3333V8.66667H15.3333C15.5101 8.66667 15.6797 8.59643 15.8047 8.47141C15.9298 8.34638 16 8.17681 16 8C16 7.82319 15.9298 7.65362 15.8047 7.5286C15.6797 7.40357 15.5101 7.33333 15.3333 7.33333Z' fill='black'/%3E%3C/svg%3E");
}

.product--count-number input {
    color: #2C2C2C;
    font-size: 18px;
    
    font-weight: 500;
    line-height: 135%; /* 24.3px */
    text-align: center;
    height: 42px;
    border: none;
    max-width: 60px;
}
.product--cart {
    display: flex;
    align-items: center;
    gap: 24px;
}
.product--add {
    width: 100%;
}
.add--cart {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #FFF;
    font-size: 18px;
    border:1px solid var(--text-color);
    font-weight: 400;
    line-height: 18px;
    border-radius: 4px;
    background: var(--text-color);
    padding:15px 15px;
    width: 100%;
}
.add--cart:hover {
    background: var(--white);
    color:var(--text-color)
}
.add--cart:hover svg path {
    fill: var(--text-color);
}
.add--cart svg {
    min-width: 14px;
    max-width: 14px;
}
.profile--sidebar .add--cart svg {
    min-width: 17px;
    max-width: 17px;
}
.profile--sidebar .add--cart  {
    gap: 14px;
}
.bg--red {
    background: var(--accent-red);
    border:1px solid var(--accent-red)
}
.bg--red:hover {
     border:1px solid var(--text-color)
}
.product-management {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.product-management a {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--dark-blue);
    font-size: 14px;
    
    font-weight: 300;
    line-height: 120%; /* 16.8px */
}
.product-management a svg {
    min-width: 12px;
    max-width: 12px;
}
.product--content {
    margin-top: 50px;
}
.product--content h2 {
    color: var(--text-color);
    font-size: 20px;
    
    font-weight: 600;
    line-height: 20px; /* 100% */
    margin-top: 0;
    margin-bottom: 15px;
}
.product--content h3 {
    color: var(--text-color);
    font-size: 16px;
    
    font-weight: 400;
    line-height: 20px; /* 125% */
    letter-spacing: 1.12px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 15px;
}
.product--content {
    color: var(--text-color);
    color: #022A52;
    font-size: 14px;
    
    font-weight: 300;
    line-height: 24px; /* 171.429% */
}
.product--content p:not(:last-child) {
    margin-bottom: 15px;
}
.product--content ul {
    padding-left: 20px;
    margin-bottom: 15px;
}
.product--content ul li {
    list-style: disc;
}
.product--content li::marker {
  color: #A82926;
  font-size: 1.4em; 
}
.product--content table {
    border-collapse: separate !important;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border-radius: 12px;
    background: #FFF;
    overflow: hidden;
}
.product--content td {
    vertical-align: middle;
    color: var(--text-color);
    font-size: 16px;
    
    font-weight: 300;
    line-height: 24px; /* 150% */
    padding: 12px 15px;
    transition: var(--transition);
}
.product--content td{
    border: 1px solid #fff;
}
.product--content tr:nth-child(even) td {
    background: #E8EDF3;
}
.product--company {
    border-radius: 8px;
    background: var(--text-color);
    padding: 20px 15px;
}
.product--company select {
     appearance: none;
    -webkit-appearance: none; 
    -moz-appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    padding: 15px 35px 15px 12px;
    border-radius: 4px;
    border: 1px solid #E2E2E2;
    overflow: hidden;
    color: var(--text-color);
    font-size: 18px;
    
    font-weight: 400;
    line-height: 20px; /* 111.111% */
    text-transform: uppercase;
    width: 100%;
}

.product--document {
    border-radius: 8px;
    background: var(--Pure-White, #FFF);
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
}
.product--document h2{
    padding: 20px 20px;
    color: var(--text-color);
    font-size: 18px;
    
    font-weight: 400;
    line-height: 20px; /* 111.111% */
    text-transform: uppercase;
    background: #E2F2FF;
    border-radius: 8px 8px 0 0;
}
.product--document-block{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px 20px;
}
.product--document-block a {
    display: flex;
    align-items: center;
    gap: 16px;
    color: var(--dark-blue);
    font-size: 16px;
    
    font-weight: 300;
    line-height: 120%;
}
.pdf--off {
    color: #7B7B7B !important;
}
.pdf--off img {
    filter: grayscale(100%);
}
.product--bottom{
    display: flex;
    align-items: flex-end;
    gap: 30px;
    justify-content: space-between;
    margin-top: 15px;
}
.product--bottom-left {
    display: flex;
    align-items: center;
    gap: 40px;
  
}
.product--tech {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--text-color);
    font-size: 14px;
    
    font-weight: 400;
    line-height: 16px; /* 114.286% */
}
.kw--grid {
    display: flex;
    align-items: stretch;
    height: 30px;
    background: #fff;
}
.kw--svg {
    height: 100%;
    border:1px solid #000;
    display: flex;
    align-items: center;
}
.kw--grid span {
    height: 100%;
    background: #00A651;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 5px 5px 7px;
    font-size: 22px;
    width: 26px;
    color:#fff;
    position: relative;
}
.kw--grid span:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #00A651;
    border-right: 0;
    position: absolute;
    right:-15px;
    top:0;
}
.category--table .kw--grid {
    height: 16px;
}
.category--table .kw--grid span {
    font-size: 14px;
}
.category--table .kw--grid span:after {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #00A651;
    right: -7px;
}

.category--table .kw--grid span {
    padding: 5px 5px 5px 4px;
}
.category--table .kw--svg{
    background-image: url("data:image/svg+xml, %3Csvg width='10' height='13' viewBox='0 0 15 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.2861 33.7784C12.2861 33.9578 12.2769 34.1124 12.2583 34.2423C12.2459 34.3722 12.2243 34.4773 12.1934 34.5577C12.1686 34.632 12.1346 34.6845 12.0913 34.7155C12.0542 34.7464 12.0078 34.7618 11.9521 34.7618C11.8717 34.7618 11.7419 34.7062 11.5625 34.5948C11.3831 34.4835 11.145 34.3629 10.8481 34.233C10.5513 34.1031 10.1956 33.9825 9.78125 33.8712C9.37305 33.7599 8.89681 33.7042 8.35254 33.7042C7.77116 33.7042 7.24544 33.8063 6.77539 34.0104C6.30534 34.2083 5.90332 34.4928 5.56934 34.8639C5.23535 35.2288 4.97868 35.671 4.79932 36.1906C4.61995 36.7039 4.53027 37.2729 4.53027 37.8976C4.53027 38.5841 4.61995 39.1902 4.79932 39.7159C4.98486 40.2355 5.24154 40.6715 5.56934 41.024C5.89714 41.3766 6.28988 41.6425 6.74756 41.8219C7.21143 42.0013 7.72168 42.0909 8.27832 42.0909C8.55046 42.0909 8.8195 42.06 9.08545 41.9982C9.3514 41.9363 9.5988 41.8435 9.82764 41.7198V38.9366H7.55469C7.44336 38.9366 7.35677 38.8686 7.29492 38.7325C7.23307 38.5903 7.20215 38.3522 7.20215 38.0182C7.20215 37.845 7.20833 37.6997 7.2207 37.5822C7.23926 37.4646 7.264 37.3719 7.29492 37.3038C7.32585 37.2296 7.36296 37.177 7.40625 37.1461C7.44954 37.109 7.49902 37.0905 7.55469 37.0905H11.6089C11.7078 37.0905 11.7944 37.109 11.8687 37.1461C11.9491 37.177 12.0171 37.2265 12.0728 37.2946C12.1346 37.3626 12.181 37.4461 12.2119 37.545C12.2428 37.6378 12.2583 37.7461 12.2583 37.8698V42.6476C12.2583 42.8331 12.2243 42.997 12.1562 43.1393C12.0944 43.2753 11.9614 43.3836 11.7573 43.464C11.5594 43.5444 11.312 43.6279 11.0151 43.7145C10.7183 43.8011 10.409 43.8753 10.0874 43.9371C9.77197 43.999 9.45036 44.0454 9.12256 44.0763C8.80094 44.1072 8.47624 44.1227 8.14844 44.1227C7.18978 44.1227 6.33008 43.9866 5.56934 43.7145C4.81478 43.4362 4.17464 43.0372 3.64893 42.5177C3.12321 41.992 2.72119 41.3549 2.44287 40.6066C2.16455 39.852 2.02539 38.9985 2.02539 38.046C2.02539 37.0626 2.17383 36.1813 2.4707 35.402C2.76758 34.6165 3.18815 33.9516 3.73242 33.4073C4.27669 32.8569 4.93229 32.4363 5.69922 32.1456C6.47233 31.8549 7.33203 31.7096 8.27832 31.7096C8.79785 31.7096 9.271 31.7467 9.69775 31.8209C10.1245 31.889 10.4956 31.9755 10.811 32.0807C11.1326 32.1796 11.3986 32.2879 11.6089 32.4054C11.8192 32.5229 11.9645 32.625 12.0449 32.7115C12.1315 32.7981 12.1934 32.9218 12.2305 33.0826C12.2676 33.2373 12.2861 33.4692 12.2861 33.7784Z' fill='black'%3E%3C/path%3E%3Cpath d='M8 21L6.99818 18L6 21' stroke='black' stroke-width='1.07' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M7 28.3352V18' stroke='black' stroke-width='1.07' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M12.7754 13.0812C12.8496 13.3039 12.896 13.4802 12.9146 13.61C12.9331 13.7399 12.9084 13.8389 12.8403 13.9069C12.7723 13.9688 12.6517 14.0059 12.4785 14.0182C12.3053 14.0368 12.0672 14.0461 11.7642 14.0461C11.4487 14.0461 11.2013 14.0399 11.022 14.0275C10.8488 14.0213 10.7158 14.0059 10.623 13.9811C10.5303 13.9502 10.4653 13.91 10.4282 13.8605C10.3911 13.8111 10.3602 13.7461 10.3354 13.6657L9.52832 11.2536H5.01953L4.25879 13.6008C4.23405 13.6874 4.20003 13.7616 4.15674 13.8234C4.11963 13.8791 4.05469 13.9255 3.96191 13.9626C3.87533 13.9935 3.74854 14.0152 3.58154 14.0275C3.42074 14.0399 3.20736 14.0461 2.94141 14.0461C2.6569 14.0461 2.43424 14.0368 2.27344 14.0182C2.11263 13.9997 2.0013 13.9564 1.93945 13.8884C1.8776 13.8141 1.85596 13.7121 1.87451 13.5822C1.89307 13.4523 1.93945 13.2792 2.01367 13.0627L5.71533 2.41229C5.75244 2.30715 5.79574 2.22365 5.84521 2.1618C5.89469 2.09377 5.97201 2.04429 6.07715 2.01337C6.18848 1.97626 6.34001 1.95461 6.53174 1.94843C6.72347 1.93606 6.97705 1.92987 7.29248 1.92987C7.65739 1.92987 7.94808 1.93606 8.16455 1.94843C8.38102 1.95461 8.54801 1.97626 8.66553 2.01337C8.78923 2.04429 8.87581 2.09377 8.92529 2.1618C8.98096 2.22984 9.02734 2.32261 9.06445 2.44012L12.7754 13.0812ZM7.26465 4.27704H7.25537L5.55762 9.37958H8.9624L7.26465 4.27704Z' fill='black'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: top center;
    min-width: 10px;
    max-width: 10px;
    height: 16px;
}
.category--table .kw--grid.b span:after {
    border-left: 8px solid #50B848;
}
.category--table .kw--grid.c span:after {
    border-left: 8px solid #BFD730;
}
.category--table .kw--grid.d span:after {
    border-left: 8px solid #FFF200;
}
.category--table .kw--grid.e span:after {
    border-left: 8px solid #FDB913;
}
.category--table .kw--grid.f span:after {
    border-left: 8px solid #F37021;
}
.category--table .kw--grid.g span:after {
    border-left: 8px solid #ED1C24;
}


.kw--grid.b span {
    background: #50B848;
}
.kw--grid.b span:after {
    border-left: 15px solid #50B848;
}
.kw--grid.c span {
    background: #BFD730;
}
.kw--grid.c span:after {
    border-left: 15px solid #BFD730;
}
.kw--grid.d span {
    background: #FFF200;
}
.kw--grid.d span:after {
    border-left: 15px solid #FFF200;
}
.kw--grid.e span {
    background: #FDB913;
}
.kw--grid.e span:after {
    border-left: 15px solid #FDB913;
}
.kw--grid.f span {
    background: #F37021;
}
.kw--grid.f span:after {
    border-left: 15px solid #F37021;
}
.kw--grid.g span {
    background: #ED1C24;
}
.kw--grid.g span:after {
    border-left: 15px solid #ED1C24;
}

.product--bottom-right{
    max-width: 170px;
    width: 100%;
}
.thumb--image {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
}
.thumb--image img{
    min-width: 66px;
    max-width: 66px;
    height: 69px;
    object-fit: contain;
    border-radius: 4px;
}
.swiper-slide-thumb-active .thumb--image {
     border: 1px solid var(--text-color);
}
.profile--wrapper{
    display: flex;
    align-items: flex-start;
    gap: 30px;
    margin-top: 30px;
}
.profile--content {
    max-width: 975px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.profile--sidebar{
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: sticky;
    top: 30px;
}
.profile--account {
    padding: 20px 20px;
    border-radius: 8px;
    background: var(--white);
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.profile--account a {
    display: flex;
    align-items: center;
    gap: 16px;
    color: #616161;
    font-size: 18px;
    
    font-weight: 400;
    line-height:normal; 
    transition: var(--transition);
}
.profile--account a span {
    border-radius: 5.333px;
    background: #E9F0F5;
    padding: 4px 6px;
    display: flex; 
    align-items: center;
    justify-content: center;
}
.profile--account a:hover span,
.profile--account a.active span {
    background: var(--text-color);
}
.profile--account a span svg path {
 transition: var(--transition);
}
.profile--account a span svg {
    min-width: 18px;
    max-width: 18px;
   
}
.profile--account a:hover span svg path,
.profile--account a.active span svg path {
    fill:#fff;
}
.profile--account a:hover,
.profile--account a.active {
    color: var(--text-color);
}
.profile--title{
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
}
.profile--title h1 {
    color: var(--text-color);
    font-size: 32px;
    
    font-weight: 600;
    margin: 0;
}
.profile--title h1 span {
    font-weight: 300;
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid var(--text-color);
}
.profile--addresse {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
    padding: 20px 24px;
}
.profile--addresse-grid h3 {
    color: #5D5D5D;
    font-size: 16px;
    
    font-weight: 300;
    line-height: 14px; /* 87.5% */
    margin: 0;
}

.profile--addresse-grid p {
    color: #5D5D5D;
    font-size: 14px;
    
    font-weight: 300;
    line-height: 20px; /* 142.857% */
    margin-top: 0;
    margin-left: auto;
}
.profile--addresse-grid {
    flex: 1;
    max-width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}
.profile--addresse-grid:last-child {
    max-width: 370px;
    flex: 2;
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #E2E2E2;

}
.profile--addresse{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.profile--text{
    color: var(--text-color);
    font-size: 14px;
    
    font-weight: 300;
    line-height: 24px; /* 171.429% */
}
.profile--text a {
    color: #1976D2;
}
.profile--finance{
    border-radius: 6px;
    background: #FFF;
    display: flex;
    flex-direction: column;
}
.profile--finance-title {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 15px 24px;
    border-bottom: 1px solid #F2F2F2;

}
.profile--finance-title h3 {
    color: #212121;
    font-size: 18px;
    
    font-weight: 500;
    line-height: 15px; /* 83.333% */
}
.profile--finance-title p {
    color: #5D5D5D;
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    line-height: 15px; /* 107.143% */
}
.profile--finance-summary {
    padding:24px;
    background: #FFF;
    border-radius: 6px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.profile--finance-grid {
    display: flex;
    align-items: center;
    gap: 16px;
}
.p--f-icon{
    border-radius:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(115, 103, 240, 0.08);
    padding: 9px;
}
.p--f-icon.red {
    background: rgba(234, 84, 85, 0.08);
}
.p--f-icon.orange {
    background: rgba(255, 159, 67, 0.08);
}
.p--f-icon.green {
    background: rgba(40, 199, 111, 0.08);
}
.p--f-icon svg {
    min-width: 24px;
    max-width: 24px;
    height: 24px;
}
.p--f-price {
    color: #323232;
    font-size: 18px;
    
    font-weight: 700;
    line-height: 24px; /* 133.333% */
}
.p--f-title {
    color: #272727;
    font-size: 13px;
    
    font-weight: 300;
    line-height: 16px; /* 123.077% */
}
.p--f-content{
    display: flex;
    flex-direction: column;
}
.profile--password {
    border-radius: 6px;
    background: #FFF;
    display: flex;
    flex-direction: column;
}
.profile--password-block{
    padding: 24px;
    background: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.profile--password-grid {
    flex: 1;
    max-width: max-content;
}
.profile--password-grid .form-control {
    border-radius: 4px;
    border: 1px solid #E2E2E2;
    background: #FFF;
    height: 48px;
}
.btn--password{
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 300;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    border:1px solid var(--text-color)
}
.btn--password:hover {
    background: var(--white);
    color:var(--text-color)
}
.btn--password:hover svg path {
    fill:var(--primary-blue)
}
.profile--password-grid:last-child{
    min-width: max-content;
}
.profile--orders{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.order--top {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: space-between;
}
.order--top-right{
    display: flex;
    align-items: center;
    gap: 16px;
}
.orders--table table {
    border-collapse: separate !important;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border-radius: 12px;
    background: #FFF;
    overflow: hidden;

}
.orders--table  thead tr:first-child th {
    background-color: var(--text-color);
    border: 0 solid  var(--text-color);
    border-right-color:  var(--text-color);
    border-width: 0 1px 1px;
    padding: 10px 15px;
    color: var(--white);
    font-size: 13px;
    
    font-weight: 400;
    line-height: 100%;
}
.orders--table td {
    vertical-align: middle;
    color: var(--text-color);
    font-size: 12px;
    
    font-weight: 400;
    line-height: 120%;
    padding: 15px 15px;
    transition: var(--transition);
    border-bottom: 1px solid #E2E2E2;
}
.orders--table td:last-child {
  
}
.p--delivery{
    border-radius: 4px;
    padding: 5px 6px;
    border:1px solid #E2E2E2;
}
.p--delivery.success {
    color: #33945E;
    background: #EDF3F0;
    border-color:#EDF3F0 ;
}
.p--delivery.warning {
    color: #DD832E;
    background: rgba(255, 159, 67, 0.15);
    border-color:rgba(255, 159, 67, 0.15);
}
.p--delivery.complect {
    color: #2F5D8C;
    background:#E2F2FF;
    border-color:#E2F2FF;
}
.p--delivery.change {
    color: #5247CA;
    background: rgba(115, 103, 240, 0.16);
    border-color:rgba(115, 103, 240, 0.16);
}
.profile--title .p--delivery.success {
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
    background-color: var(--white);
    padding: 8px 12px;
}
.profile--content h2,
.registr--content h2 {
    color: var(--text-color);
    font-size: 15px;
    
    font-weight: 300;
    line-height: 15px; /* 100% */
    letter-spacing: 0.15px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 15px;
    min-width: max-content;
}
.profile--content h2:after,
.registr--content h2:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #949494;
    flex: 1;
}
.profile--content .form-control,
.registr--content .form-control {
    height: 50px;
    background-color:var(--white);
}
.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.input-group-append, .input-group-prepend {
    display: -ms-flexbox;
    display: flex;
}
.input-group-prepend {
    margin-right: -1px;
}
.input-group>.input-group-prepend>.input-group-text{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group>.form-control:not(:first-child),
.registr--content .tel {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group>.form-control {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}
.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem 16px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #121212;
    text-align: center;
    white-space: nowrap;
    background-color: #EBEFF6;
    border: 1px solid #DBDADE;
    border-radius:6px;
    width: 100%;
}
.profile--info-order {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}
.check--cart label{
    padding: 0 ;
    border: 1px solid #A5ABB0;
}
.profile--orders .to--count {
    text-align: center;
}
.orders--table .red {
    color: #FF2407;
}
.profile--total-wrapper{
    display: flex;
    flex-direction: column;
}
.profile--total-grid{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #42688E;
    background: #CEDBEB;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.03);
    color: var(--text-color);
    font-size: 12px;
    
    font-weight: 400;
    line-height: 15px; /* 125% */
    padding: 10px 16px;
    gap: 16px;
}
.profile--total-grid div:last-child{
    margin-left: auto;
}
.profile--total-price{
    background: var(--text-color);
    color:var(--white);
    font-weight: 800;
    font-size: 13px;
}
.profile--orders-button {
    display: flex;
    align-items: center;
    gap: 10px;

}
.btn--order {
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #036;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    color: var(--white);
    font-size: 15px;
    
    font-weight: 400;
    cursor: pointer;
    transition: var(--transition);
}
.btn--order svg {
    min-width: 15px;
    max-width: 15px;
    transition: var(--transition);
}
.btn--order:hover {
    background: var(--white);
    border:1px solid var(--text-color);
    color:var(--text-color)
}
.btn--order:hover svg path {
    fill: var(--text-color);
}
.btn--red {
    background: var(--accent-red);
}
.btn--white {
    background: var(--white);
    color: #373737;
}
.errors {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.alert {
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
    padding: 20px 20px;
    color: #5D5D5D;
    font-size: 14px;
    
    font-weight: 300;
    line-height: 20px; /* 142.857% */
    display: flex;
    align-items: center;
    gap: 16px;
}
.alert--icon{
    background-color: var(--white);
    background-repeat: no-repeat;
    background-position:center;
    border:1px solid #CEDBEB;
    border-radius: 6px;
    min-width: 40px;
    max-width: 40px;
    height: 40px;

}
.alert-warning .alert--icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10 5C10 3.89543 10.8954 3 12 3C13.1046 3 14 3.89543 14 5C16.3402 6.10655 17.8786 8.41425 18 11V14C18.1526 15.2608 18.8949 16.3742 20 17H4C5.10511 16.3742 5.84739 15.2608 6 14V11C6.12137 8.41425 7.65983 6.10655 10 5' stroke='%23FF9F43' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 17V18C9 19.6569 10.3431 21 12 21C13.6569 21 15 19.6569 15 18V17' stroke='%23FF9F43' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-color: #FFF8F0;
    border-color: #FFF8F0;
}
.alert-primary .alert--icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 4H15C16.1046 4 17 4.89543 17 6V20L12 17L7 20V6C7 4.89543 7.89543 4 9 4' stroke='%23004E9D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-color: #E2F2FF;
    border-color: #E2F2FF;
}
.alert-danger .alert--icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='9' stroke='%23EA5455' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9989 8H12.0089' stroke='%23EA5455' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 12H12V16H13' stroke='%23EA5455' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-color: #F7ECEF;
    border-color: #F7ECEF;
}
.alert-success .alert--icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='12' viewBox='0 0 17 12' fill='none'%3E%3Cpath d='M1 6L6 11L16 1' stroke='%2328C76F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-color: #EEFBF4;
    border-color: #EEFBF4;
}
.alert--close {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M15 5L5 15' stroke='%23A8AAAE' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 5L15 15' stroke='%23A8AAAE' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    min-width: 20px;
    max-width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.alert--text {

}
.alert--text a {
    color: #1976D2;
}
.alert--text h4 {
    margin-top: 0;
    margin-bottom:0;
    font-size: 24px;
    
    font-weight: 600;
    line-height: 32px;
    color: var(--text-color);
}
.alert-success .alert--text h4 {
    color: #28C76F;
}
.alert-danger span {
   color: #EA5455;
}
.flatpickr-months{
    border-bottom:1px solid #DBDADE;
    padding-bottom: 12px;
    padding-top: 12px;
    position: relative;
}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    top:50% !important;
    transform: translateY(-50%);
    border-radius: 100%;
    padding:10px;
    background: #ededed;
    display: flex;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month{
    left:15px !important;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month{
    right:15px !important
}
.flatpickr-day{
    border-radius: 4px !important;
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: var(--text-color) !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color: var(--text-color) !important;
}
.flatpickr-day.today {
    border-color:rgba(199, 72, 40, 0.16);
    color:#C72828;
    background: rgba(199, 72, 40, 0.16);


}
.flatpickr-day,
span.flatpickr-weekday {
    color: var(--text-color);
}
.in--delete {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='11' height='12' viewBox='0 0 11 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.9375 1.875C10.2422 1.875 10.5 2.13281 10.5 2.4375C10.5 2.76562 10.2422 3 9.9375 3H9.65625L9.09375 10.6172C9.02344 11.4141 8.39062 12 7.59375 12H2.88281C2.08594 12 1.45312 11.4141 1.38281 10.6172L0.820312 3H0.5625C0.234375 3 0 2.76562 0 2.4375C0 2.13281 0.234375 1.875 0.5625 1.875H2.17969L3.04688 0.585938C3.28125 0.234375 3.70312 0 4.14844 0H6.32812C6.77344 0 7.19531 0.234375 7.42969 0.585938L8.29688 1.875H9.9375ZM4.14844 1.125C4.07812 1.125 4.00781 1.17188 3.98438 1.21875L3.53906 1.875H6.9375L6.49219 1.21875C6.46875 1.17188 6.39844 1.125 6.32812 1.125H4.14844ZM8.53125 3H1.94531L2.50781 10.5469C2.53125 10.7344 2.69531 10.875 2.88281 10.875H7.59375C7.78125 10.875 7.94531 10.7344 7.96875 10.5469L8.53125 3Z' fill='%23929CA6'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    min-width: 16px;
    max-width: 16px;
    height: 14px;
    cursor: pointer;
}
.profile--orders-numbers {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.profile--orders-numbers-grid{
    padding: 16px 20px;
    border-radius: 6px;
    background: var(--white);
    box-shadow: 0 4px 18px 0 rgba(75, 70, 92, 0.10);
}
.profile--orders-numbers-grid h2 {
    margin-top: 0;
    margin-bottom: 0;
    color: var(--text-color);
    font-size: 16px;
    
    font-weight: 400;
    line-height: 20px;
}
.profile--orders-numbers-grid h2:after{
    display: none !important;
}
.profile--orders-numbers-grid h3 {
    margin-top: 0;
    margin-bottom: 0;
    color: var(--text-color);
    font-size: 13px;
    
    font-weight: 300;
    line-height: 20px; /* 153.846% */
}
.max-640 {
    max-width: 640px;
    width: 100%;
}
.profile--field-order{
    display: flex;
    align-items: center;
    gap: 32px;
}
.btn--order-field{
    height: 50px;
    flex: 1;
    justify-content: center;
}
.profile--comment-left{
    display: flex;
    flex-direction: column;
    gap: 18px;
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
    padding: 20px 20px;
}
.profile--comment-grid {
    color: #5B5B5B;
    font-size: 14px;
    
    font-weight: 300;
    line-height: 120%; /* 16.8px */
}
.profile--comment-grid {
    display: flex;
    align-items: center;
    gap: 32px;
}
.profile--comment-grid span:first-child {
    max-width: 65%;
    width: 100%;
}
.profile--comment-grid span:last-child {
    color: var(--text-color);
    display: flex;
    align-items: center;
    gap: 16px;
}
.profile--comment-grid span:last-child:before {
    content: '';
    background-image: url("data:image/svg+xml,%0A%3Csvg width='11' height='9' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.44531 0.0703125L10.4297 4.07812C10.5 4.14844 10.5 4.26562 10.4297 4.33594L6.44531 8.34375C6.35156 8.41406 6.23438 8.41406 6.16406 8.34375C6.09375 8.27344 6.09375 8.13281 6.16406 8.0625L9.84375 4.40625H0.1875C0.0703125 4.40625 0 4.3125 0 4.19531C0 4.10156 0.0703125 4.00781 0.1875 4.00781H9.84375L6.16406 0.351562C6.09375 0.28125 6.09375 0.140625 6.16406 0.0703125C6.23438 0 6.375 0 6.44531 0.0703125Z' fill='%235B5B5B'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    min-width: 11px;
    max-width: 11px;
    height: 15px;
}
.profile--comment-right{
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
    padding: 16px 16px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.profile--comment-right h3 {
    margin: 0;
    color: #323232;
    font-size: 14px;
    
    font-weight: 300;
    line-height: 20px; /* 142.857% */
    text-transform: uppercase;
}
.profile--comment-block{
    color: var(--text-color);
    font-size: 16px;
    
    font-weight: 300;
    line-height: 24px; /* 150% */
   

}
.comment-date{
    color: #8F97A6;
}
.profile--comment{
    display: flex;
    align-items: flex-start;
    gap: 32px;
}
.profile--comment-block:not(:last-child) {
  border-bottom: 1px solid #cfcfcf;
  padding-bottom: 16px;
}
.likes--buttons {
    display: flex;
    align-items: center;
    gap: 12px;
}
.like--grid {
    display: flex;
    align-items: stretch;
    border-radius: 4px;
    height: 100%;
}
.like--grid.dislike .like--icon {
    rotate: 180deg;
}
.like--icon{
    padding: 0 16px;
    height: 42px;
    background: rgba(98, 147, 195, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
}
.like--count {
    padding: 0 16px;
    height: 42px;
    background: #CAD3DD;
    color: var(--white);
    font-size: 14px;
    
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}
.like .like--count{
    background: #359C54;
}
.title--product-mob {
    display: none;
}
.mobile{
    display: none;
}
.tab-content {
    display: none;
}
.tab-content.active {
     display: block;
}
.tab-btn.active,
.tab-btn:hover {
    background: var(--text-color);
    color:var(--white);
}
.tab-btn{
    padding: 10px 20px;
    background: var(--white);
    color: #111;
    font-size: 16px;
    
    font-weight: 400;
    line-height: normal;
    border:none;
    border-radius: 4px;
    cursor: pointer;
    transition: var(--transition);
}
.tab-buttons{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
    border: 1px solid #DBDADE;
    background: var(--white);
    padding: 4px;
}
.registr--wrapper {
    margin-top: 24px;
}
.registr--block{
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-top: 32px;
}
.registr--content h3 {
    margin-top: 0;
    margin-bottom: 0;
    color: var(--text-color);
    font-size: 27px;
    
    font-weight: 500;
    line-height: 32px; /* 118.519% */
}
.registr--content,
.registr--content form{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.registr--content .input-group-prepend{
    max-width: 220px;
    width: 100%;
}
.input-group:not(:last-child) {
   
}
sup {
    color: var(--accent-red);
    font-size: 16px;
    margin-left: 4px;
    height: 16px;

}
.input-checkbox .input-group-text{
    background: transparent;
    border: 0;
    padding: 0;
}
.input-checkbox {
    display: flex;
    align-items: center;
    gap: 36px;
    flex-wrap: wrap;
}
.input-checkbox .in--check label {
    background: transparent;
    padding: 0;
    border:0 !important;
    gap: 10px;
    color: var(--text-color);
    font-weight: 400;
}
.row-privacy {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.promo--page .news--single-tag{
    background: var(--text-color);
    color:var(--white)
}
.promo--page .text--content{
    margin-top: 35px;
}
.promo--page .text--content img{
    margin-bottom: 15px;
}
.info-grid{
     grid-template-columns: repeat(12, 1fr);
}
.info-grid .cat-item:nth-child(-n+3) {
  grid-column: span 4;
}
.info-grid .cat-item:nth-child(n+4) {
  grid-column: span 3;
}
.info--inner-grid  .catalog--grid-image img{
    min-width: 100px;
    max-width: 100px;
    height: 100px;
}
.info--inner-grid  .catalog--grid-left {
    gap: 32px;
}
.info--inner-grid svg {
    transition: var(--transition);
    border-radius: 100%;
}
.info--inner-grid:hover svg {
    background: var(--text-color);
}
.info--inner-grid:hover svg path {
    fill: white;
}
.text
 {
    color: #464646;
    font-size: 18px;
    
    font-weight: 300;
    line-height: 30px; /* 166.667% */
}
.text h2 {
    margin-top: 0;
    color: var(--text-color);
    font-size: 24px;
    
    font-weight: 300;
    line-height: 120%; /* 28.8px */
    margin-bottom: 15px;
}
.text a {
    font-weight: bold;
    text-decoration: underline;
}
.text p:not(:last-child) {
    margin-bottom: 15px;
}
.text-buttons {
    margin-top: 45px;
    display: flex;
    align-items: center;
    gap: 32px;
    flex-wrap: wrap;
}
.text-buttons a {
    border-radius: 8px;
    border: 2px solid #FFF;
    background: #E2F2FF;
    padding: 16px 36px;
    color: var(--text-color);
    font-size: 24px;
    
    font-weight: 400;
    line-height: 120%; /* 28.8px */
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    height: 100px;

}
.text-buttons a:last-child {
    flex: 1;
}
.product--document ul {
    padding-left: 30px;
}
.product--document ul li:not(:last-child) {
    margin-bottom: 15px;
}
.product--document ul li {
    list-style: square;
}
.product--document ul li a {
    color: var(--dark-blue);
    font-size: 16px;
    
    font-weight: 300;
    line-height: 120%;
}
.product--document li::marker {
    color: #A82926;
    font-size: 1.2em;
}
.text-table {
    overflow-x: auto;
}
.text table {
    border-collapse: separate !important;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border-radius: 12px;
    background: #FFF;
    overflow: hidden;
    margin-bottom: 15px;
}
.text td {
    vertical-align: middle;
    color: var(--text-color);
    font-size: 16px;
    
    font-weight: 400;
    line-height: 24px; /* 150% */
    padding: 12px 15px;
    transition: var(--transition);
}
.text td{
    border: 1px solid #E5E7EB;
}
.text tr:nth-child(odd) td {
    background: #F9FAFB;
}
.text:first-child th{
    text-align: left;
    background-color: #E8EDF3;
    border: 0 solid #E5E7EB;
    border-right-color: #E5E7EB;
    border-width: 0 1px 1px;
    padding: 12px 25px;
    color: var(--text-color);
    font-size: 16px;
    
    font-weight: 700;
    line-height: 24px; /* 150% */
}
.lost--password {
    display: none;
}
.lost--password a {
    color: var(--text-color);
}
.lost--password .buttons {
    justify-content: center;
}
.send {
    display: none;
}
.sing--profile--wrapper .alert {
    padding: 0;
    box-shadow: none;
    align-items: start;
    margin-bottom: 15px;
}
.send .btn {
    width: 100%;
}
.edit--wrapper-fixed{
    background: #E2F2FF;
    padding: 12px 0;
}
.editor--top {
    display: flex;
    align-items: center;
    gap: 36px;
    justify-content: space-between;
}
.edit--login{
    display: flex;
    align-items: center;
    gap: 12px;
}
.edit--login .form-control {
    height: 40px;
}
.edit--login button {
    flex: 1;
    min-width: max-content;
}
.editor-group {
    display: flex;
    align-items: flex-start;
}
.editor-group label {
    max-width: 220px;
    width: 100%;
    color: #121212;
    font-size: 14px;
    
    font-weight: 400;
}
.editor-group .form-control {
    height: 50px;
}
.editor--form {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-bottom: 78px;
}
.editor--bottom h2 {
    margin-top: 0;
    color: var(--text-color);
    font-size: 36px;
    
    font-weight: 900;
    margin-bottom: 0;
    line-height: normal;
}
.editor--bottom {
    display: flex;
    flex-direction: column;
    gap: 24px;
    transform:translateY(48px)
   
}
.editor--bottom.open {
  
}
.editor--bottom,
.new--post-bottom {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.4s ease, opacity 0.3s ease;
}

.custom-file {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}

.custom-file__input {
  display: none;
}

.custom-file__label {
    border-radius: 4px;
    background-color: #D2DCE5 !important;
    padding: 6px 12px 6px 40px;
    transition: 0.3s;
    color: var(--text-color) !important;
    font-size: 14px;
    
    font-weight: 400;
    line-height: normal;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='15' viewBox='0 0 18 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9375 1.875C16.9629 1.875 17.8125 2.72461 17.8125 3.75V9.375C17.8125 10.4297 16.9629 11.25 15.9375 11.25H4.6875C3.63281 11.25 2.8125 10.4297 2.8125 9.375V1.875C2.8125 0.849609 3.63281 0 4.6875 0H8.11523C8.61328 0 9.08203 0.205078 9.46289 0.556641L10.7812 1.875H15.9375ZM16.875 9.375V3.75C16.875 3.25195 16.4355 2.8125 15.9375 2.8125H10.3711L8.78906 1.23047C8.61328 1.05469 8.37891 0.9375 8.11523 0.9375H4.6875C4.16016 0.9375 3.75 1.37695 3.75 1.875V9.375C3.75 9.90234 4.16016 10.3125 4.6875 10.3125H15.9375C16.4355 10.3125 16.875 9.90234 16.875 9.375ZM11.7188 13.125C11.9531 13.125 12.1875 13.3594 12.1875 13.5938C12.1875 13.8574 11.9531 14.0625 11.7188 14.0625H2.8125C1.23047 14.0625 0 12.832 0 11.25V4.21875C0 3.98438 0.205078 3.75 0.46875 3.75C0.703125 3.75 0.9375 3.98438 0.9375 4.21875V11.25C0.9375 12.3047 1.75781 13.125 2.8125 13.125H11.7188Z' fill='%23003366'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: left 10px center;
    cursor: pointer;
    position: absolute;
    right:12px;
    transform: translate(0, -50%);
    top:50%;
    max-width: 100% !important;
    width: auto !important;
}



.file-name {
   border-radius: 8px;
    border: 1px solid #DAE5F2;
    background: #F7F9FC;
    height: 50px;
    padding: 12px 18px;
    width: 100%;
    color: var(--text-color);
    font-size: 16px;
    
    font-weight: 400;
    line-height: 24px;
}

.editor--column {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.editor--column-top {
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: space-between;
    flex-wrap: wrap;
}
.editor--language {
    border-radius: 6px;
    border: 1px solid #DBDADE;
    background: #FFF;
    padding: 4px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.editor--language a {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #656565;
    font-size: 14px;
    
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.28px;
    border-radius: 4px;
    background: var(--white);
    padding: 10px 20px;
}
.editor--language a:hover,
.editor--language a.active {
    background: var(--text-color);
    color:#fff;
}
.editor--language a img {
    max-width: 22px;
    min-width: 22px;
}
.editor--column label {
    max-width: 100% !important;
}
.edit--available-select{
    flex: 1;
}
.edit--available-select .input-group-prepend,
.edit--available-select .form-control{
    height: 40px;
    background-color: var(--white);
}
.edit--available-select .form-control {
   padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;
}
.edit--available-select .custom-select__trigger{
    height: 40px !important;
    border: 1px solid #DBDADE;
}
.edit--available-column{
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}
.new--post-wrapper  {
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background:var(--white);
        margin-top: 36px;
}
.new--post-top{
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: var(--text-color);
    padding: 8px 16px;
    display: flex;
    align-items: center;
    gap: 14px;
    color: var(--white);
    cursor: pointer;

}
.new--post-top:before {
    content: '+';
    min-width: 24px;
    max-width: 24px;
    height: 24px;
    border-radius: 4px;
    background: var(--white);
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-color);
}
.new--post-bottom{
    
}
.post--form .form-control,
.post--form .custom-select__trigger{
    height: 50px;
    background: #F7F9FC;
    border: 1px solid #DAE5F2;
}

.post--form {
    padding: 36px 36px;
}
.vacances--row{
    display: flex;
    flex-direction: column;
    gap: 46px;
    margin-top: 36px;
}
.vacances--block{
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px 24px;
    background: var(--white);
}
.vacances--grid {
    display: flex;
    align-items: stretch;
    gap: 16px;
}
.vacances--grid-image img {
    max-width: 270px;
    max-height: 270px;
    min-height: 270px;
    min-width: 270px;
    width: 100%;
    object-fit: cover;
    border-radius: 4px;
}
.vacances--grid-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 11.5px;
    width: 100%;
}
.vacances--grid-text {
    color: var(--text-color);
    font-family: Lato;
    font-size: 16px;
    
    font-weight: 300;
    line-height: 23.233px;
    position: relative;
}
.vacances--grid-text:before {
    content:'';
    width: 100%;
    height: 50px;
    background: #fff;
    opacity: 0.7;
    position: absolute;
    bottom: 0;
    left:0;
}
.vacances--grid-text.active:before {
    display: none;
}
.vacances--grid-text p:not(:last-child) {
    margin-bottom: 15px;
}

.vacances--grid-text ul{
    margin-bottom: 15px;
}
.vacances--grid-text ul{
    padding-left: 25px;
}
.vacances--grid-text li{
    list-style: disc;
}
.vacances--grid-text li:not(:last-child) {
    margin-bottom: 10px;
}
.vacances--grid-text h2, h3, h4 {
    margin-bottom: 15px;
    margin-top: 0;
}
.vacances--grid-text {
    height: 150px;
    overflow: hidden;
    transition: height 0.3s ease;
}

.vacances--grid-text.open {
    height: auto;
}
.custom-select {
    position: relative;
    width: 100%;
}

.custom-select select {
    display: none;
}

.custom-select__trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px;
    border: 1px solid #ccc;
    border-radius: 8px;
    cursor: pointer;
    background: #fff;
    font-size: 16px;
    gap: 8px;
}

.custom-select__arrow {
    width: 8px;
    height: 8px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(45deg);
    transition: 0.3s;
}
.custom-select.open .custom-select__arrow {
    transform: rotate(-135deg);
}

.custom-select__dropdown {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    width: 100%;
    border: 1px solid #E8EDF3;
    border-radius: 8px;
    background: #fff;

    max-height: 220px;
    overflow-y: auto;
    z-index: 999;

    opacity: 0;
    transform: translateY(-10px);
    visibility: hidden;
    pointer-events: none;

    transition: 
        opacity 0.25s ease,
        transform 0.25s ease,
        visibility 0.25s;
}

.custom-select.open .custom-select__dropdown {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    pointer-events: auto;
}


.custom-select__option {
    padding: 12px 14px;
    cursor: pointer;
    transition: var(--transition);
}

.custom-select__option:hover {
    background: #f3f3f3;
}

.custom-select__option.selected {
    background: var(--text-color);
    color: var(--white);
}
.category-search-logged-select .custom-select__trigger {
    height: 48px;
    border-radius: 4px;
    border: 1px solid #E2E2E2;
    background: var(--white);
}
.iti--separate-dial-code .iti__selected-flag {
    background: transparent;
}
.input-group .custom-select__trigger{
    border-radius: 0 8px 8px 0;
    height: 50px;
    border: 1px solid #DAE5F2;
}
.entered--login {
    position: relative;
}
.entered--login .btn-login {
    background: var(--text-color);
}
.drop-entered{
    width: 100%;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top:37px;
    right:0;
    z-index: 106;
    transition: var(--transition);
    background: var(--white);
}
.entered--login:hover .drop-entered {
    opacity: 1;
    visibility: visible;
    height: auto;
}
.entered--name{
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid var(--text-color);
}
.entered--name a {
    color: #5D5D5D;
    font-size: 14px;
    
    font-weight: 400;
    line-height: normal;
    padding: 10px 12px;
}
.entered--name a:hover {
    background: #D9E3EF;
    color: var(--text-color);
}
.entered--options {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.entered--options a {
    padding: 10px 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: space-between;
    color: #5D5D5D;
    font-size: 14px;
    
    font-weight: 400;
    line-height: normal;
}
.entered--options a:hover {
    background: #F7F9FC;
}
.entered--options a:hover svg path {
    fill: var(--text-color);
}
.entered--options a:not(:last-child){
    border-bottom: 0.5px solid #F0F0F0;;
}
.entered--login:hover .btn-login svg:last-child {
    transform: rotate(180deg);
}
.cookie--wrapper {
    max-width: 640px;
    width: 100%;
    position: fixed;
    z-index: 107;
    right:30px;
    bottom: 30px;
}
.cookie--wrapper-block {
    padding: 20px 24px;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 5px 0 40px 0 rgba(0, 0, 0, 0.25);
    max-height: 500px;
    overflow-y: auto;
}
.cookie--top {
    display: flex;
    align-items: center;
    gap: 36px;
    justify-content: space-between;
}
.cookie--text {
    color: #2F2F2F;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px; 
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.cookie--text a {
    color: var(--text-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}
.cookie--buttons{
    display: flex;
    flex-direction: column;
    gap:12px;
    flex: 1;
    min-width: max-content;
}
.cookie--buttons a {
    justify-content: center;
}
.check-box {
    display: flex;
    min-width: max-content;
}
.check-box input[type="checkbox"] {
    position: relative;
    appearance: none;
    width: 38px;
    height: 18px;
    background: #C7C7C7;
    border-radius: 50px;
    border: 1px solid #C1C1C1;
    cursor: pointer;
    transition: 0.4s;
}
.check-box input:checked[type="checkbox"] {
    background: #CF0032;
}
.check-box input[type="checkbox"]::after {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    top: 1px;
    left: 2px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    transition: 0.4s;
}
.check-box input:checked[type="checkbox"]::after {
    left: 60%;
    background: #fff;
}
.cookie--bottom  {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease;
}
.cookie--bottom h2 {
    color: var(--text-color);
    font-size: 20px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 14px;;
}
.cookie--bottom h3 {
    color: var(--text-color);
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 8px;;
}
.cookie--bottom {
    color: var(--text-color);
    font-size: 14px;
    font-weight: 300;
    line-height: 24px; /* 171.429% */
}
.cookie--block{
    border-radius: 10px;
    border: 2px solid #C7C7C7;
    margin-top: 30px;
}
.cookie--grid {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: space-between;
    padding: 15px 20px;
   
}
.cookie--grid:not(:last-child) {
    border-bottom: 2px solid #C7C7C7;
}
.cookie--grid p:not(:last-child) {
    margin-bottom: 8px;
}
.cookie--sends {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap:15px;
    margin-top: 30px;
}
.profile--addresse-grid h2 {
    color: var(--text-color);
    font-size: 18px;
    text-transform: none;
    font-weight: 700;
    line-height: 20px; /* 111.111% */
    margin-top: 8px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 5px;
}
.profile--addresse-grid h2:after {
    display: none !important;
}
.profile--content .in--check label {
    font-size: 16px;
    color: var(--text-color);
    font-weight: 400;
    height: auto;
}

.table {
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    background: #FFF;
}

.table-row {
    display: grid;
}
.line-border {
    border-bottom: 1px solid #A5ABB0;
}
.table-row-no-logged {
    grid-template-columns:minmax(320px, 830px) minmax(145px,145px);
}
.table-row-logged {
    grid-template-columns:minmax(320px, 675px) minmax(220px,300px);
}
.table-row-no-logged-no-image{
     grid-template-columns:minmax(320px, 890px) minmax(95px,95px);
}
.table-row-logged-no-image{
     grid-template-columns:minmax(320px, 725px) minmax(220px,250px);
}
.table-row-left {
     display: grid;
}
.table-left-no-logged {
 grid-template-columns:
       minmax(80px, 100px) 
       minmax(120px, 650px)
       minmax(55px, 65px)
       minmax(50px, 50px)
       minmax(55px, 50px) !important
}
.table-left-logged-no-image {
     grid-template-columns:
       minmax(65px, 100px) 
       minmax(120px, 650px)
       minmax(55px, 65px)
       minmax(50px, 50px)
       minmax(55px, 50px)
       minmax(80px, 100px)  !important
}
.table-left-no-logged-no-image {
     grid-template-columns:
       minmax(80px, 100px) 
       minmax(120px, 650px)
       minmax(55px, 65px)
       minmax(50px, 50px)
       minmax(55px, 50px) !important
}
.table-left-logged {
      grid-template-columns:
       minmax(65px, 100px) 
       minmax(100px, 650px)
       minmax(50px, 65px)
       minmax(50px, 50px)
       minmax(45px, 50px)
       minmax(80px, 100px)  !important
}
.table-row-right {
     display: grid;
}

.table-right-no-logged {
    grid-template-columns:repeat(2, 1fr);

}
.table-right-logged-no-image {
     grid-template-columns:repeat(3, 1fr);
}
.table-right-logged {
     grid-template-columns:repeat(4, 1fr);
}
.table-right-no-logged-no-image {
     grid-template-columns:1fr !important;
}
.table-row-right > div,
.table-row-left > div {
    vertical-align: middle;
    color: var(--text-color);
    font-size: 12px;
    
    font-weight: 400;
    line-height: 120%; /* 162.5% */
    padding: 10px 10px;
    transition: var(--transition);
    display: flex;
    align-items: center;
}
.table-head  div {
    color: var(--text-color) !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    line-height: 120% !important;
}
.table-head {
    background-color: #E2F2FF;
    border: 0 solid #E2F2FF;
    border-right-color: #E2F2FF;
    border-width: 0 1px 1px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
   
}
.center {
    justify-content: center;
    text-align: center;
}
.table .img-hover-cell img {
    max-width: 40px;
    transition: var(--transition);
}
.mobile-show {
    display: none;
}
.mobile-flex {
    display: none;
}
.code{
    color: #4E4E4E !important;
    font-weight: 300 !important;
}
.entered--name .in--check label {
    padding: 10px 12px;
    font-size: 14px;
    color:#5D5D5D;
    border:none !important;
    height: auto;
    font-weight: 400;
    justify-content: space-between;
    width: 100%;
    transition: var(--transition);
}
.entered--name .in--check {
    justify-content: space-between;
}
.entered--name .in--check label:hover {
    color: var(--transition);
    background: #D9E3EF;
}
.login--header {
    padding:16px 16px;
    border-radius: 8px;

}
.login--header .sing--profile--wrapper {
    padding: 0;
    background: #fff;
    border:0;
    box-shadow:none;
}
.login--header .sing--profile--wrapper:after {
    display: none;
}