:root {
   --mainColor: #466184;
   --blueColor: #001B3E;
   --greyColor: #ECEEF2;

}

/*header*/
.t-header,
.t-footer {
   background: var(--blueColor);
}

.t-header {
   position: fixed;
   top: 0;
   left: 0;
   height: 120px;
   width: 100%;
   z-index: 100;
}

#t-body {
   padding-top: 120px;
}

.t-header-top__container {
   height: 60px;
   display: flex;
   align-items: center;
   column-gap: 24px;
}

.t-header-logo {
   display: flex;
}

.t-logo img {
   width: clamp(10.5rem, 9.2rem + 5.33vw, 14rem);
}

.t-menu {
   margin-right: auto;
}

.t-header-phone,
.t-menu__list {
   display: flex;
   align-items: center;
   font-weight: 700;
   font-size: 14px;
   color: #fff;
   white-space: nowrap;
}

.t-header-phone__link,
.t-menu__link {
   display: inline-block;
   padding: 21px 16px;
   line-height: 16px;
   border-bottom: 1px solid transparent;
}

.t-header-phone__link:hover,
.active .t-menu__link:hover,
.t-menu__link:hover {
   color: #008DD7;
   /*border-bottom: 1px solid #008DD7;*/
}

.t-header-language .dropdown-toggle {
   color: #fff;
   display: flex;
   align-items: center;
}

.t-header-language__text {
   font-weight: 700;
   font-size: 14px;
}

.t-footer-menu .icon,
.t-header-language .icon {
   font-size: 12px;
   margin-left: 8px;
}

.t-header-language .dropdown-menu {
   min-width: 100%;
   padding-block: 3px;
   border-radius: 4px;
}

.t-header-language .dropdown-menu span {
   padding: 0;
   text-align: center;
   color: var(--blueColor);
}

.t-header-bottom {
   background: #fff;
}

.t-header-bottom__container {
   padding-block: 10px;
   display: grid;
   grid-template-columns: auto 1fr auto;
   column-gap: clamp(0.75rem, 1.67vw, 1.5rem);
   align-items: center;
}

.t-catalog-button {
   height: 40px;
   width: clamp(16.875rem, 13.857rem + 12.38vw, 25rem);
   color: var(--blueColor);
   background: #F0F5FF;
   border: 1px solid #C8E3FF;
}
.t-catalog-button > *,
.t-catalog-button > .icon {
   transition: none;
}

.icon-grid {
   font-size: 18px;
   font-weight: 700;
}

.t-catalog-button.open,
.t-catalog-button:hover {
   background: var(--blueColor);
   border-color: var(--blueColor);
   color: #fff;
}

.t-header-cart {
   height: 40px;
   padding-inline: 14px;
}

.t-header-cart svg path {
   transition: none;
   stroke: var(--blueColor);
}

.t-header-cart:hover svg path {
   stroke: #fff;
}

.t-header-cart__number {
   font-size: 14px;
   transition: none;
}

.t-header-search {
   height: 40px;
   width: 100%;
   position: relative;
   border: 1px solid #C9D3DD;
   border-radius: 12px;
   display: flex;
   align-items: center;
   gap: 8px;
   padding-inline: 16px;
}

.t-header-search__control {
   font-size: 14px;
   color: var(--blueColor);
   width: 100%;
   height: 100%;
   background: none;
   border: 1px solid transparent;
}

.t-header-search input::-moz-placeholder {
   color: #C9D3DD;
}

.t-header-search input::-webkit-input-placeholder {
   color: #C9D3DD;
}

.t-header-search .icon {
   font-size: 14px;
   color: #C9D3DD;
}

.t-catalog-menu {
   position: fixed;
   top: 130px;
   left: 0;
   width: 100%;
   z-index: 80;
   display: none;
}

.t-catalog-menu__grid {
   background: #fff;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   border-radius: 24px;
   box-shadow: 0px 4px 14px 0px #00000040;
   max-height: calc(100vh - 140px);
   overflow-y: auto;
}
.t-catalog-grid2 .t-catalog-menu__grid {
   background: none;
   border-radius: 0;
   box-shadow: none;
   max-height: 100%;
   overflow-y: auto;
}
.t-catalog-grid2 .t-catalog-menu__col {
    padding: 16px;
}

::-webkit-scrollbar {
   width: 5px;
}

::-webkit-scrollbar-track {
   margin-top: 20px;
   margin-bottom: 20px;
   background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
   background: var(--mainColor);
   border-radius: 10px;
}

.t-catalog-menu__col {
   padding: 16px;
   padding-left: 36px;
}

.t-catalog-menu__col svg path{
   fill: #000000;
}
.t-catalog-menu__col img {
  filter: grayscale(100%) brightness(0);
}

.t-catalog-menu__title {
   display: grid;
   grid-template-columns: 24px 1fr;
   gap: 8px;
   align-items: center;
}

.t-catalog-menu__title-text {
   font-size: 16px;
   line-height: 24px;
   font-weight: 700;
   color: var(--blueColor);
}

.t-catalog-menu__list {
   padding-left: 32px;
}

.t-catalog-menu__list li {
   margin-top: 4px;
}

.t-catalog-menu__link {
   font-size: 14px;
   line-height: 24px;
   color: #001B3E80;
}

.t-catalog-menu__link:hover {
   color: var(--mainColor);
   font-weight: 500;
}


/*footer*/
.t-footer {
   padding-block: clamp(1.875rem, 1.136rem + 3.03vw, 2.5rem);
   color: #fff;
   font-size: 14px;
}

.t-footer-top {
   display: flex;
   align-items: center;
   gap: 30px 24px;
   margin-bottom: 50px;
}

.t-footer-bottom {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   row-gap: 20px;
   column-gap: clamp(1.875rem, 0.337rem + 2.4vw, 2.5rem);
}

.t-footer__col {
   padding: 16px 22px;
   position: relative;
   z-index: 2;
}

.t-footer__title {
   display: flex;
   align-items: center;
   font-weight: 700;
   cursor: pointer;
}

.t-footer-menu__list {
   display: none;
   padding-top: 45px;
}

.t-footer-menu__list li+li {
   margin-top: 20px;
}

.icon {
   transition: 0.3s;
}

.filter-button__select.open .icon,
.open .dropdown-toggle .icon,
.t-footer__title.open .icon {
   transform: rotatex(180deg);
}

.t-footer-copy {
   padding-block: 22px;
   text-align: center;
}

.t-social {
   display: flex;
   align-items: center;
   gap: 24px;
   margin-left: auto;
}

.t-social__link {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 40px;
   width: 40px;
   border-radius: 12px;
   background: #334965;
}

svg {
   transition: 0.5s;
}

.t-social__link:hover svg {
   height: 28px;
   width: 28px;
}

/*index*/
.t-hero__item {
   min-height: 620px;
   display: flex;
   align-items: flex-end;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
}

.t-hero__item::before {
   content: "";
   position: absolute;
   left: 0;
   width: 100%;
   z-index: 2;

   top: 0;
   height: 100%;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0.008) 42.98%, rgba(0, 0, 0, 0.8) 94.35%);
   backdrop-filter: blur(10px);
   mask-image: linear-gradient(to bottom,
         transparent,
         black 100%);
   -webkit-mask-image: linear-gradient(to bottom,
         transparent,
         black 100%);
}

.t-hero__item-container {
   padding-block: 40px;
   position: relative;
   z-index: 3;
}

.t-hero__buttons {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   width: 100%;
   bottom: 60px;
   z-index: 5;
   display: flex;
   gap: 20px;
   justify-content: flex-end;
}

.t-hero__buttons .t-button-2,
.t-hero__buttons .t-button:hover {
   color: #fff;
}

.t-brands .swiper {
   height: clamp(6.875rem, 5.25rem + 6.67vw, 11.25rem) !important;
}

.t-brands .swiper::after,
.t-brands .swiper::before {
   content: "";
   height: 100%;
   width: 40px;
   position: absolute;
   top: 0;
   z-index: 2;
}

.t-brands .swiper::before {
   left: 0;
   background: linear-gradient(270deg, rgba(245, 245, 245, 0) 0%, #ECEEF2 100%);
}

.t-brands .swiper::after {
   right: 0;
   background: linear-gradient(90deg, rgba(245, 245, 245, 0) 0%, #ECEEF2 100%);
}

.t-brands-item {
   display: block;
   overflow: hidden;
   height: calc((100% - 30px) / 2) !important;
   width: clamp(8.938rem, 6.384rem + 10.48vw, 15.813rem);
}

.t-brands .swiper-slide:nth-child(2n-1) {
   transform: translateX(-50%);
}

.t-brands-item img {
   transition: 0.5s;
}

.t-brands-item:hover img {
   transform: scale(1.05);
}

.t-category__item {
   display: flex;
   align-items: flex-end;
   height: 240px;
   position: relative;
   background: #ECE9F4;
   border-radius: 16px;
   padding: 8px;
   overflow: hidden;
}

.t-category__item-img {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   object-fit: cover;
}

.t-category__item-text {
   width: 100%;
   display: flex;
   align-items: center;
   gap: 8px;
   min-height: 32px;
   border-radius: 10px;
   position: relative;
   z-index: 2;
   background: #fff;
   padding: 4px 8px;
   font-size: 14px;
   font-weight: 700;
   color: var(--blueColor);
   border: 1px solid var(--mainColor);
   /*word-wrap: break-word;      
    overflow-wrap: break-word;  
    word-break: break-word;*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.t-category__item-text img {
   height: 24px;
   filter: grayscale(100%) brightness(0);
}

.t-about__grid {
   display: grid;
   grid-template-columns: 4fr 3fr;
   gap: 40px 24px;
   align-items: center;
}

.t-about__img-block {
   padding-right: 55px;
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 20px;
   align-items: start;
}

.t-about__img-block img {
   position: relative;
   z-index: 2;
}

.t-about__img1,
.t-about__img2 {
   display: inline-block;
   position: relative;
   border-radius: 16px;
}

.t-about__img2 {
   margin-top: 50%;
}

.t-about__img1:before,
.t-about__img2:before {
   display: block;
   content: "";
   position: absolute;
   left: 10px;
   width: 98.5%;
   border-radius: 16px;
}

.t-about__img1:before {
   bottom: -10px;
   height: 22%;
   border: 2px solid #ECEEF2
}

.t-about__img2:before {
   top: -10px;
   height: 95%;
   border: 2px solid #80B8DE;
}

.t-strengths__container {
   max-width: 1280px;
}

.t-strengths__grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: clamp(0.75rem, 0.455rem + 1.21vw, 1rem);
}

.t-strengths-item {
   background: var(--greyColor);
   display: grid;
   grid-template-columns: auto 1fr;
   gap: clamp(0.563rem, -0.545rem + 4.55vw, 1.5rem);
   padding: clamp(0.75rem, 0.455rem + 1.21vw, 1rem);
   border-radius: 24px;
   align-items: center;
}

.t-strengths-item__icon {
   display: flex;
   align-items: center;
   justify-content: center;
   height: clamp(4.5rem, 3.023rem + 6.06vw, 5.75rem);
   width: clamp(4.5rem, 3.023rem + 6.06vw, 5.75rem);
   border-radius: 18px;
}

.t-strengths-item__title {
   font-weight: 700;
   color: var(--blueColor);
   font-size: clamp(1rem, 0.705rem + 1.21vw, 1.25rem);
   margin-bottom: clamp(0.5rem, 0.205rem + 1.21vw, 0.75rem);
}

.t-strengths-item__text {
   font-size: clamp(0.75rem, 0.455rem + 1.21vw, 1rem);
}

.t-strengths-item--1 .t-strengths-item__icon {
   background: #E2950026;
}

.t-strengths-item--2 .t-strengths-item__icon {
   background: #FF615126;
}

.t-strengths-item--3 .t-strengths-item__icon {
   background: #008DD726;
}

.t-strengths-item--4 .t-strengths-item__icon {
   background: #00C0B426;
}

.t-slider-products--1 .t-slider-buttons {
   padding-top: 40px;
}

/**/
.t-product {
   background: var(--greyColor);
}

.t-product__wrapper {
   background: #fff;
   border-radius: 20px;
   overflow: hidden;
   position: relative;
   padding: 12px;
   width: 100%;
   height: 338px;
}

.t-product__img {
   display: block;
   height: 100%;
   width: 100%;
}

.t-product__tag {
   position: absolute;
   top: 12px;
   left: 12px;
   display: flex;
   align-items: center;
   gap: 6px;
   z-index: 10;
}

.t-product__tag-red,
.t-product__tag-blue {
   display: inline-block;
   font-weight: 700;
   font-size: 12px;
   color: #fff;
   padding: 4px 8px;
   border-radius: 8px;
}

.t-product__tag-blue {
   background: #0A84FF;
}

.t-product__tag-red {
   background: #FF1F31;
}

.t-product__desc {
   padding: 12px;
   display: flex;
   flex-direction: column;
   gap: 12px;
}

.t-product__name {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   overflow: hidden;
}

.t-product__name:hover {
   text-decoration: underline;
}

.t-product__text {
   font-size: 14px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
}

.t-product__row {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.t-product__price {
   font-size: 16px; /*22*/
}

.t-product__full-price {
   font-size: 12px;
}

.t-product .t-button {
   height: 36px;
}

.t-product__stars {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.stars-bl {
   display: flex;
   align-items: center;
}

.stars-bl__star-fill,
.stars-bl__star {
   display: block;
   width: 16px;
   height: 16px;
}

.stars-bl__star-fill {
   background: url("../img/icons/star-fill.svg") no-repeat center;
   background-size: contain;
}

.stars-bl__star {
   background: url("../img/icons/star.svg") no-repeat center;
   background-size: contain;
}

.stars-bl-text {
   font-size: 12px;
}

.t-product--2 .t-product__wrapper {
   height: 246px;
}

.t-product--2 .t-product__name,
.t-product--3 .t-product__name {
   -webkit-line-clamp: 2;
   height: 2.4em;
}

.t-product--2 .t-product__text,
.t-product--3 .t-product__text {
   -webkit-line-clamp: 1;
   margin-top: -5px;
}

.t-product--2 .t-product__row {
   min-height: 48px;
}

.t-product--2 .t-button {
   width: 36px;
   padding: 0;
   flex-shrink: 0;
}

.card-pr__content-button:hover svg path,
.t-product--2 .t-button:hover svg path {
   transition: 0.3s;
   stroke: var(--blueColor);
}

.t-product--3 {
   display: grid;
   grid-template-columns: 100px 1fr;
   margin-bottom: 15px;
}

.t-product--3 .t-product__wrapper {
   height: 110px;
}

.t-product--3 .t-product__name {
   font-size: 16px;
}

.t-product--3 .t-product__text {
   font-size: 12px;
}

.t-product--brand .t-product__wrapper {
   height: auto;
   aspect-ratio: 340/340;
}

/**/
.t-feedback .input-container input {
   height: 48px;
}

.t-feedback .input-container label {
   top: calc(24px - 10px);
}

.t-feedback-top {
   margin-top: -50px;
   height: 50px;
   background-image: url("../img/feedback-img1b.png");
   background-position: right -154px;
   background-repeat: no-repeat;
}

.t-feedback {
   overflow: hidden;
   border-radius: 32px;
   position: relative;
}

.t-feedback {
   background-image: url("../img/feedback-img1.png");
   background-position: right 0px;
   background-repeat: no-repeat;
}

.t-feedback__wrapper {
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding-left: clamp(2.813rem, -7.188rem + 16.67vw, 5.313rem);
   height: 383px;
   width: 100%;
   max-width: 625px;
   background: linear-gradient(90deg, #334E62 30%, rgba(51, 78, 98, 0) 100%);
}

.t-feedback__title {
   font-size: 56px;
   font-weight: 700;
   color: #fff;
   margin-bottom: 16px;
}

.t-feedback__text {
   font-size: 24px;
   color: #fff;
   margin-bottom: 50px;
}

.t-feedback__row {
   display: grid;
   grid-template-columns: 1fr auto;
   align-items: start;
   gap: 12px;
}
.t-feedback__row .input-container.input__error .__error{
   text-align: left;
}
/*radio, checkbox*/
.radio,
.check {
   margin-block: 0;
}

.checkbox+.checkbox {
   margin-top: 0;
}

.radio+.radio {
   margin-top: 12px;
}

.radio input,
.check input {
   display: none;
}

.radio span,
.check span {
   display: inline-block;
   position: relative;
   padding-left: 20px;
   cursor: pointer;
   font-weight: 400;
   font-size: 14px;
   line-height: 24px;
}

.t-ordering .radio span {
   padding-left: 48px;
   font-size: 16px;
   font-weight: 700;
   color: var(--blueColor);
}

.check span {
   color: #001B3E80;
}

.radio span:before,
.check span:before,
.radio input[type="radio"]:checked+span:after,
.check input[type="checkbox"]:checked+span:after {
   content: "";
   position: absolute;
   height: 16px;
   width: 16px;
   top: 3px;
   left: 2px;
}

.check span:before {
   opacity: 0.5;
   background: url("../img/icons/check-square.svg");
   background-repeat: no-repeat;
   background-size: contain;
}

.radio span:before {
   border: 1px solid var(--blueColor);
   border-radius: 50%;
}

.radio input[type="radio"]:checked+span:after {
   height: 8px;
   width: 8px;
   top: 8px;
   left: 7px;
   border-radius: 50%;
   background: var(--blueColor);
}

.check input[type="checkbox"]:checked+span {
   color: var(--blueColor);
}

.check input[type="checkbox"]:checked+span:before {
   opacity: 1;
   background: url("../img/icons/check.svg");
   background-repeat: no-repeat;
   background-size: contain;
}

/**/
.panel-body {
   padding: 0 16px 16px;
}

.panel__title {
   display: flex;
   align-items: center;
   justify-content: space-between;
   cursor: pointer;
}

.panel__title .icon {
   font-size: 12px;
   color: var(--blueColor);
   font-weight: 700;
}

.panel__title.collapsed .icon {
   transform: rotatex(0deg);
}

.panel__title .icon {
   transform: rotatex(180deg);
   transition: 0.5s;
}

.filter__title {
   color: var(--blueColor);
   font-size: 16px;
   font-weight: 700;
}

.filter__title span {
   font-weight: 400;
   color: var(--mainColor);
}

.filter__list li:not(:last-child) {
   margin-bottom: 4px;
}

.filter .panel-group .panel+.panel {
   margin-top: 0;
   border-top: 1px solid #C8E3FF
}

.filter .panel-body {
   max-height: 220px;
   overflow-y: auto;
}

.filter__accordion .panel-group {
   border-radius: 20px;
   overflow: hidden;
   margin-bottom: 40px;
}

/***/
.filter .panel-body::-webkit-scrollbar {
   width: 2px;
   background-color: var(--greyColor);
}

.filter .panel-body::-webkit-scrollbar-thumb {
   border-radius: 10px;
   background-color: var(--blueColor)
}

.filter .panel-body::-webkit-scrollbar-track {
   border-radius: 10px;
   background-color: var(--greyColor)
}

/**/
.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
   border-top: none;
}

.panel-group .panel {
   border-radius: 0;
   box-shadow: none;
}

/*breadcrumb*/
.breadcrumb {
   font-size: 14px;
   padding: 20px 0px 60px;
   margin-bottom: 0px;
   background: none;
   border-radius: 0px;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 5px 0px;
}

.breadcrumb li {
   line-height: 24px;
   position: relative;
}

.breadcrumb>li+li {
   padding-left: 24px;
}

.breadcrumb>li+li:before {
   color: var(--mainColor);
   font-family: 'icomoon' !important;
   font-weight: normal;
   content: "\e902";
   position: absolute;
   left: 1px;
   top: 0;
   transform: rotate(-90deg);
   font-size: 12px;
}

.breadcrumb a:hover {
   text-decoration: underline;
}

.breadcrumb>.active {
   font-weight: 600;
   color: var(--blueColor);
}

/*page*/
.t-page {
   padding-top: 40px;
   text-align: center;
}

.t-page__list {
   display: inline-flex;
   align-items: center;
   border: 1px solid var(--blueColor);
   border-radius: 8px;
}

.t-page__item {
   display: flex;
   height: 40px;
   width: 40px;
   align-items: center;
   justify-content: center;
   font-size: 14px;
   transition: none;
}

.t-page__start,
.t-page__prev {
   border-right: 1px solid var(--blueColor);
}

.t-page__next,
.t-page__end {
   border-left: 1px solid var(--blueColor);
}

.t-page__start:hover svg path,
.t-page__prev:hover svg path,
.t-page__next:hover svg path,
.t-page__end:hover svg path {
   stroke: var(--blueColor)
}

.t-current,
a.t-page__item:hover {
   color: var(--blueColor);
   font-weight: 600;
}

/**/
.t-catalog-grid {
   display: grid;
   grid-template-columns: 340px 1fr;
   grid-template-rows: auto 1fr;
   gap: 40px;
   position: relative;
}
.t-catalog-grid2 {
   display: grid;
   grid-template-columns: 1fr;
   gap: 40px;
   position: relative;
}
.t-catalog-grid-1 {
   grid-template-columns: 1fr;
}

.t-catalog-grid__left {
   grid-row: span 2;
}

.t-products-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));
   column-gap: 12px;
   row-gap: 20px;
}

.t-catalog-panel {
   display: flex;
   justify-content: space-between;
}

.t-catalog-panel__img {
   grid-row: span 2;
}
.__brightness img{
   filter: grayscale(100%) brightness(0);
}
.t-catalog-panel__img  svg path{
   fill:#000;
}

.t-catalog-panel__title-block {
   display: grid;
   grid-template-columns: 54px 1fr;
   grid-template-rows: auto 1fr;
   column-gap: 16px;
}
.t-catalog-grid2 .t-catalog-panel__title-block {
   grid-template-columns: 1fr;
   grid-template-rows: auto;
}

.t-catalog-panel__name {
   font-size: 36px;
   line-height: 0.8;
   margin-bottom: 12px;
}

.filter-button,
.select-bl {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 12px;
   font-size: 14px;
   flex-shrink: 0;
}

.filter-button {
   display: none;
}

.filter-button__select,
.select-bl .dropdown-toggle {
   min-width: 150px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 10px;
   padding: 8px 16px;
   border: 1px solid var(--blueColor);
   border-radius: 12px;
   cursor: pointer;
}

.filter-button__select .icon,
.select-bl .icon {
   font-size: 12px;
   font-weight: 700;
}

.t-catalog-recomended__title {
   font-size: 14px;
   margin-bottom: 24px;
}

.dropdown-menu {
   min-width: 150px;
   top: 110%;
   border: 1px solid var(--blueColor);
   border-radius: 12px;
   overflow: hidden;
}

.dropdown-menu span {
   display: block;
   cursor: pointer;
   padding: 5px 16px;
}

.dropdown-menu span:hover {
   color: var(--blueColor);
   background: var(--greyColor);
}

/*brand*/
.t-brand-info__img {
   background: #fff;
   border-radius: 20px;
   overflow: hidden;
}

.t-brand-info__desc {
   padding: 12px;
   display: flex;
   flex-direction: column;
   gap: 12px;
}

.t-brand-info__text {
   font-size: 14px;
}

.t-brands-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 20px 16px;
}

.t-static__grid {
   display: grid;
   grid-template-columns: 440px 1fr;
   gap: 40px;
}

/*---------*/
.gallery {
   width: 100%;
   max-width: 530px;
   margin-inline: auto;
}

.gallery-main {
   margin-bottom: 8px;
}

.gallery-main .swiper-slide {
   padding: 14px;
   background: #fff;
   overflow: hidden;
   cursor: pointer;
   border-radius: 20px;
}

.gallery-main__item {
   width: 100%;
   max-width: 500px;
   margin-inline: auto;
   aspect-ratio: 500/480;
}

.gallery-thumbs .swiper-slide {
   padding: 5px;
   background: #fff;
   overflow: hidden;
   cursor: pointer;
   border-radius: 12px;
}

.gallery-thumbs__item {
   aspect-ratio: 72/72;
}

.gallery-thumbs .swiper-slide {
   width: calc((100% - 40px) / 6);
}

.gallery,
.gallery__wrapper {
   position: relative;
}

.gallery__wrapper .swiper-button-prev,
.gallery__wrapper .swiper-button-next {
   position: absolute;
   margin-top: -17px;
   width: 34px !important;
}

.gallery__wrapper .swiper-button-next {
   right: 5px;
}

.gallery__wrapper .swiper-button-prev {
   left: 5px;
}

/*---------*/
.card-pr__grid {
   display: grid;
   grid-template-columns: 528px 1fr;
   gap: 16px;
}

.t-field,
.card-pr__field {
   background: #fff;
   padding: 24px;
   border-radius: 20px;
}

.card-pr__field+.card-pr__field {
   margin-top: 16px;
}

.card-pr__content-name {
   font-size: 24px;
   margin-bottom: 12px;
}

.card-pr__content-flex {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   gap: 12px;
}

.card-pr__content-availability {
   font-size: 14px;
   font-weight: 600;
   color: #008DD7;
}

.card-pr__content-text,
.card-pr__content-kod {
   font-size: 14px;
}

.card-pr__content-full-price {
   font-size: 20px;
}

.card-pr__content-price {
   font-size: 28px;
   font-weight: 700;
}
.card-pr__unit{
   font-size: 18px;
}

.card-pr__content-title {
   font-size: 16px;
   font-weight: 600;
   color: var(--blueColor);
   margin-bottom: 6px;
}

.card-pr__content-radio-block {
   margin-top: 12px;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 12px;
}

.card-pr__content-radio-item input {
   display: none;
}

.card-pr__content-payment-warranty {
   position: relative;
   padding-top: 2px;
   padding-left: 36px;
}

.card-pr__content-payment-warranty svg {
   position: absolute;
   top: 0;
   left: 0;
}

.card-pr__field-line {
   height: 1.5px;
   width: calc(100% + 48px);
   margin-left: -24px;
   background: #D5EAFF;
   margin-block: 24px;
}

.t-product-tabs__grid {
   display: grid;
   grid-template-columns: 340px 1fr;
   gap: 20px;
}

.t-product-tabs__grid+.t-product-tabs__grid {
   margin-top: 70px;
}

.link-pdf {
   display: inline-block;
   font-size: 16px;
   line-height: 1.2;
   color: var(--blueColor);
   position: relative;
   padding-left: 36px;
}

.link-pdf::before {
   display: inline-block;
   content: "";
   height: 24px;
   width: 24px;
   background: url("../img/icons/pdf.svg") no-repeat center;
   background-size: contain;
   position: absolute;
   top: 50%;
   left: 0;
   margin-top: -12px;
}

.link-pdf:hover {
   text-decoration: underline;
}

.t-product-tabs__desc table {
   width: 100%;
}

.t-product-tabs__desc table td {
   padding: 20px 0;
}

.t-product-tabs__desc table td:nth-child(1) {
   padding-right: 15px;
}

.t-product-tabs__desc table td:nth-child(2) {
   font-weight: 600;
}

/**/
.t-contacts {
   font-size: 14px;
}

.t-contacts__section+.t-contacts__section {
   margin-top: 24px;
}

.t-contacts__title {
   font-size: 24px;
}

.t-contacts .title-name {
   padding: 22px 0;
}

.t-contacts p {
   padding: 12px 0;
   margin: 0;
}

.t-contacts__item {
   display: grid;
   grid-template-columns: 2fr 3fr;
   column-gap: 50px;
   row-gap: 24px;
   position: relative;
}

.t-contacts__item+.t-contacts__item {
   margin-top: 105px;
}

.t-contacts__item+.t-contacts__item::before {
   content: "";
   display: block;
   width: 100%;
   height: 1px;
   position: absolute;
   top: -52px;
   left: 0;
   background-color: #ECEEF2;
   background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23C9D3DDFF' stroke-width='1' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}

.t-contacts-link {
   display: grid;
   grid-template-columns: 50px 1fr;
   align-items: center;
   gap: 10px;
   padding: 6px;
   border: 1px solid #C9D3DD;
   border-radius: 12px;
   background: #FFFFFF33;
}

.t-contacts__section--grid {
   display: grid;
   grid-template-columns: 1fr;
   gap: 12px;
}

.t-contacts-link .icon {
   height: 50px;
   width: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   border: 1px solid #C9D3DD;
   border-radius: 8px;
   font-size: 24px;
   color: var(--blueColor);
}

.t-contacts-link .icon-telephone-fill {
   font-size: 18px;
}

.t-contacts-link__desc {
   display: flex;
   flex-direction: column;
   gap: 2px;
}

.t-contacts-link__number {
   font-weight: 500;
   color: var(--blueColor);
}

.t-contacts__map {
   min-height: 320px;
}

.t-front-page {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding-block: 40px;
}

.t-front-page--error .title-name {
   font-size: clamp(8.75rem, 0.773rem + 32.73vw, 15.5rem);
}

.t-front-page--error .title-h2 {
   margin-top: -40px;
}

.t-front-page .title-h2 {
   margin-bottom: 50px;
}

.t-front-page--cart .t-front-page__img {
   max-width: clamp(33.75rem, 27.794rem + 13.24vw, 39.375rem);
   margin-bottom: 24px;
}

.t-front-page--ordering .t-front-page__img {
   max-width: clamp(8.125rem, 6.426rem + 6.97vw, 9.563rem);
   margin-bottom: 40px;
}

/*cart*/
.t-ordering__title,
.t-cart__title {
   margin-bottom: 40px;
}

.cart-table {
   display: flex;
   flex-direction: column;
   gap: 16px;
   margin-bottom: 40px;
}

.cart-table__item {
   display: grid;
   grid-template-columns: 1fr auto;
   gap: 24px;
}

.cart-table__td {
   display: grid;
   align-items: center;
}

.cart-table__td--top {
   grid-template-columns: auto 1fr;
   gap: 24px;
}

.cart-table__td--bottom {
   grid-template-columns: auto 140px auto;
   column-gap: clamp(1.5rem, 0.873rem + 2.57vw, 3.125rem);
}

.cart-table__img {
   height: clamp(5.875rem, 3.824rem + 4.56vw, 7.813rem);
   width: clamp(5.875rem, 3.824rem + 4.56vw, 7.813rem);
   padding: 5px;
   background: #fff;
   overflow: hidden;
}

.cart-table__img a {
   display: block;
   height: 100%;
   width: 100%;
}

.cart-table__desc {
   max-width: 460px;
}

.cart-table__name {
   height: 2.4em;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
   margin-bottom: 12px;
}

.cart-table__article {
   font-size: 14px;
}

.cart-table__number .quantity {
   display: grid;
   grid-template-columns: 24px auto 24px;
   align-items: center;
   column-gap: 12px;
}

.cart-table__number .quantity input {
   height: 40px;
   width: 40px;
   border: 2px solid #80B8DE;
   border-radius: 12px;
   text-align: center;
   font-size: 14px;
   font-weight: 700;
   color: var(--blueColor);
}

.cart-table__number span {
   cursor: pointer;
   transition: 0.3s;
   font-size: 24px;
   font-weight: 600;
}

.cart-table__number span:hover {
   color: #008DD7;
}

.cart-table__full-price {
   font-size: 20px;
}

.cart-table__price {
   font-size: 28px;
}

.cart-table__delete .t-button-2 {
   padding: 10px 14px;
}

.t-cart__buttons {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 16px 32px;
}

.t-cart__total-price {
   font-size: 28px;
   margin-left: auto;
}

/*ordering*/
.t-ordering__grid {
   display: grid;
   grid-template-columns: 1fr 450px;
   gap: 16px;
   align-items: start;
}

.t-ordering-left-block {
   display: grid;
   gap: 16px;
}

.t-ordering-item__title {
   margin-bottom: 12px;
}

.t-ordering-item__grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 12px;
}

/*.t-ordering-item__grid>div {
   grid-column: span 2;
}

.t-ordering-item__grid>div:nth-child(4),
.t-ordering-item__grid>div:nth-child(5) {
   grid-column: span 3;
}*/

.t-ordering-item .cart-table__img {
   height: clamp(4rem, 2.08rem + 7.88vw, 5.625rem);
   width: clamp(4rem, 2.08rem + 7.88vw, 5.625rem);
}

.t-ordering-item .cart-table__name {
   height: auto;
   font-size: 16px;
}

.t-ordering-item .cart-table__td--bottom {
   grid-template-columns: 1fr;
}

.t-ordering-item .cart-table__price {
   font-size: 20px;
   color: var(--blueColor);
}

.t-ordering__radio-grid {
   display: grid;
   grid-template-columns: 1fr auto;
   column-gap: 8px;
   align-items: start;
}

.t-ordering__radio-grid .input-container {
   margin-top: 12px;
   margin-left: 48px;
}

.t-ordering__radio-grid+.t-ordering__radio-grid {
   margin-top: 12px;
}

.t-ordering__radio-grid .radio span {
   display: flex;
   text-align: left;
   align-items: flex-start;
   gap: 12px;
}

.t-ordering__radio-grid .radio span img {
   margin-top: 2px;
}

.t-ordering-right-block {
   position: sticky;
   top: 136px;
}

.t-ordering-together__title {
   margin-bottom: 24px;
}

.t-ordering-together__row {
   display: grid;
   grid-template-columns: auto 1fr;
   align-items: center;
   gap: 12px;
   font-size: 16px;
}

.t-ordering-together__row span:nth-child(2n) {
   color: var(--blueColor);
   text-align: right;
}

.t-ordering-together__price {
   font-size: 20px;
}

.t-ordering-together__row--border {
   margin-block: 24px;
   padding-block: 24px;
   border-top: 1px solid var(--mainColor);
   border-bottom: 1px solid var(--mainColor);
}

.t-ordering-together__price-2 {
   font-size: 24px;
}

.t-ordering-together__button {
   width: 100%;
   margin-bottom: 24px;
}

/*modal*/
.modal__grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 16px;
}

.input-container--span2 {
   grid-column: -1/1;
}

.modal-bl .input-container label {
   color: #C9D3DD;
}

.modal__line {
   margin: 24px auto;
   display: block;
   width: 100%;
   max-width: 630px;
   height: 1px;
   background-color: #fff;
   background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23C9D3DDFF' stroke-width='1' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}

.modal__button{
   min-width: 312px;
}
.t-product--brand .t-product__img{
   display: flex;
   align-items: center;
   justify-content: center;
}
#newsletter-email .__error{
   color: #fff;
}

.table-responsive {
   margin-bottom: 15px;
   overflow-y: auto;
   border: none;
   max-width: 100vw;
}
.mfilter-content .close_modal_window{
   display: none;
}