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

@font-face {
  src: url(../fonts/Gilroy-Light.woff2);
  font-family: "Gilroy";
  font-weight: 300;
  font-display: swap;
}

@font-face {
  src: url(../fonts/Gilroy-Regular.woff2);
  font-family: "Gilroy";
  font-weight: 400;
  font-display: swap;
}

@font-face {
  src: url(../fonts/Gilroy-Medium.woff2);
  font-family: "Gilroy";
  font-weight: 500;
  font-display: swap;
}

@font-face {
  src: url(../fonts/Gilroy-Semibold.woff2);
  font-family: "Gilroy";
  font-weight: 600;
  font-display: swap;
}

body {
  font-family: "Gilroy", sans-serif;
  font-weight: 400;
  color: #0f111d;
  font-size: 12px;
  line-height: 1.225;
  width: 100%;
}

body.no_scroll {
  overflow: hidden;
}

@media (min-width: 992px) {
  body.no_scroll {
    padding: 0 17px 0 0;
  }
}

a {
  text-decoration: none;
  transition: 0.3s;
  color: #0f111d;
}

a:-webkit-any-link {
  color: #0f111d;
}

a:hover {
  color: #f32b37;
}

p {
  transition: 0.3s;
}

button {
  border-radius: 120px;
  transition: 0.3s;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  font-family: "Gilroy", sans-serif;
}

.btn-transparent,
.btn-red:hover {
  color: #0f111d;
  background: #ffffff;
  border-color: #f32b37;
}

.btn-red,
.btn-transparent:hover {
  color: #fff;
  background-color: #f32b37;
  border-color: #f32b37;
}
.btn-red-black{
  color: #fff;
  background-color: #f32b37;
  border-color: #f32b37;
}
.btn-red-black:hover{
  color: #0f111d;
  background: #ffffff;
  border-color: #0f111d;
}

.btn-text {
  border: none;
  background: none;
}

.block_title {
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  margin: 0 0 10px 0;
}

.home__btn-align {
  text-align: center;
  margin-top: 37px;
  margin-bottom: 21.5px;
}

.home__btn:hover {
  background-color: #F32B37;
  border: 1px solid #F32B37;
  color: #fff;
  transition: 0.3s;
}

.wrapper__home {
  padding: 0;
  padding-bottom: 20px !important;
}

.home__banner-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #fafafa;
}

.col-6 {
  width: 100%;
  padding-left: 10px;
  box-sizing: border-box;
}

.home__img {
  text-align: right;
  overflow: hidden;

}

.home__img img {
  text-align: right;
  height: 255px;
}

.home__block {
  margin-top: 43px;
}

.home_banner {
  padding: 0 0 0 0;
}

.home_banner {
  line-height: 0;
  background-color: #fafafa;
}

.home__btn {
  padding: 15px 60px;
  border-radius: 70px;
  border: 1px solid var(--Black, #0f111d);
  background: var(--Grey, #fafafc);
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
}

.home__banner-text {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #0f111d;
  margin-bottom: 9px;
  text-align: center;
}

.home__banner-title {
  color: #0f111d;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;

  display: flex;
  justify-content: center;
}

.home__banner-text-padding {
  padding-right: 45px;
}

.home__banner-titlecenter {
  position: relative;
}

.home__percent {
  position: absolute;
  top: -4px;
  left: 170px;
  border-radius: 1000px;
  background: var(--gradient,
      linear-gradient(137deg, #f32b37 24.78%, #f2b23f 75.86%));
  padding: 2px 8px;
  color: #ffffff;
  font-style: italic;
  font-size: 20px;
  font-weight: 600;
}

@media (min-width: 768px) {
  .block_title {
    font-size: 32px;
    line-height: 39px;
    margin: 0 0 15px 0;
  }

  .home__banner-title {
    display: block;
  }

  .home__img img {
    height: 280px;
  }

}

@media (min-width: 992px) {
  .block_title {
    margin: 0 0 20px 0;
  }

  .home__img img {
    text-align: right;
    height: 280px;
  }

  .home__btn {
    padding: 20px 60px;
  }
}

.wrapper {
  max-width: 1200px;
  padding: 20px 15px 0 15px;
  margin: 0 auto;
}

@media (min-width: 1230px) {
  .wrapper {
    padding: 0;
  }
}

.mb_adapt {
  margin: 0 0 30px 0;
}

@media (min-width: 992px) {
  .mb_adapt {
    margin: 0 0 80px 0;
  }
}

.new_gips {
  display: none;
}

@media (min-width: 768px) {
  .new_gips {
    display: block;
    background-color: #0f111d;
  }

  .new_gips .body {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .new_gips .body p {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    max-width: 250px;
  }

  .new_gips .body p span {
    font-weight: 600;
  }

  .new_gips .body a {
    font-size: 14px;
    padding: 12px 20px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 120px;
  }

  .new_gips .body a:hover {
    background-color: #0f111d;
    color: #fff;
  }

  .new_gips .body .cross {
    width: 15px;
    height: 15px;
    display: flex;
    position: relative;
    align-items: center;
    cursor: pointer;
  }

  .new_gips .body .cross::after,
  .new_gips .body .cross::before {
    content: "";
    width: 100%;
    height: 3px;
    border-radius: 3px;
    background-color: #fff;
    position: absolute;
    transform: rotate(45deg);
    transition: 0.3s;
  }

  .new_gips .body .cross::before {
    transform: rotate(-45deg);
  }

  .new_gips .body .cross:hover::after,
  .new_gips .body .cross:hover::before {
    background-color: #f32b37;
  }
}

@media (min-width: 992px) {
  .new_gips .body p {
    max-width: unset;
  }

  .new_gips .body img,
  .new_gips .body .cross {
    order: 1;
  }
}

header {
  top: 0;
  background-color: #fff;
  z-index: 3;
  width: 100%;
  transition: 0.5s;
  position: relative;
}

header.sticky {
  position: sticky;
}

header .body {
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e6ebf0;
}

header .body .contact_icons {
  display: flex;
  gap: 10px;
  flex-direction: row;
}

header .body .contact_icons a {
  width: 40px;
}

header .body .contact_icons a img {
  width: 100%;
}

header .body .contact_icons a svg path {
  transition: 0.3s;
}

footer .body .item.contacts .socials a svg path {
  transition: 0.3s;
}

/* header .body .phone, */
header .body .telegram,
header .body .order_call,
header .body .online_catalog,
header .body .all_catalogs,
header .body .main_cart {
  display: none;
}

header .body .logo img {
  width: 187px;
}

@media (min-width: 768px) {
  header {
    padding: 0;
  }

  header .body {
    justify-content: unset;
    align-items: unset;
    padding-top: 0;
    padding-bottom: 0;
  }

  header .body .logo {
    width: calc(100% / 768 * 290);
    min-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #e6ebf0;
  }

  header .body .contact_icons {
    width: calc(100% / 768 * 220);
    border-right: 1px solid #e6ebf0;
    align-items: center;
    justify-content: center;
    gap: 20px;
  }

  /* header .body .phone {
		display: block;
	} */
  header .body .order_call {
    width: calc(100% / 768 * 256);
    display: flex;
    justify-content: center;
    padding: 16px 0;
  }

  header .body .order_call button.btn-transparent {
    font-weight: 600;
    font-size: 20px;
    padding: 14px 20px;
  }

  header .body .order_call button:not(.btn-transparent),
  header .body .order_call a {
    display: none;
  }
}

@media (min-width: 992px) {
  header .body .logo {
    width: calc(100% / 1200 * 270);
    justify-content: flex-start;
  }

  header .body .logo img {
    width: 210px;
  }

  header .body .contact_icons {
    width: calc(100% / 1200 * 160);
    gap: 0;
    flex-direction: row;
  }

  header .body .contact_icons a {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  header .body .contact_icons a img,
  header .body .contact_icons a svg {
    width: 30px;
    height: 30px;
    max-width: 30px;
    max-height: 30px;
    display: block;
    object-fit: contain;
  }
  header .body .contact_icons .telegram svg {
    width: 34px;
    height: 34px;
    max-width: 34px;
    max-height: 34px;
  }
  header .body .contact_icons .max img {
    width: 32px;
    height: 32px;
    max-width: 32px;
    max-height: 32px;
  }

  header .body .contact_icons .phone {
    display: none;
  }

  header .body .contact_icons .telegram {
    width: 50%;
    border-right: 1px solid #e6ebf0;
    height: 100%;
  }

  header .body .contact_icons .telegram:hover svg path[fill="white"] {
    fill: #039be5;
  }

  header .body .contact_icons .telegram:hover svg path[fill="#039BE5"]:not(:first-child) {
    fill: #fff;
  }

  header .body .contact_icons .max {
    width: 50%;
    gap: 10px;
    height: 100%;
  }

  header .body .contact_icons .max:hover svg path[fill="#FAFAFC"] {
    fill: #75c067;
  }

  header .body .contact_icons .max:hover svg path[fill="#75C067"]:not(:first-child) {
    fill: #fff;
  }

  header .body .order_call {
    width: calc(100% / 1200 * 330);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    border-right: 1px solid #e6ebf0;
    padding: 18px 0;
  }

  header .body .order_call button.btn-transparent {
    display: none;
  }

  header .body .order_call a {
    display: block;
    /* border: 1px solid #e6ebf0; */
    border-radius: 120px;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 600;
  }

  header .body .order_call button:not(.btn-transparent) {
    display: block;
    font-size: 14px;
    text-align: left;
    max-width: min-content;
  }

  header .body .order_call button:not(.btn-transparent):hover {
    color: #f32b37;
  }

  header .body .online_catalog,
  header .body .all_catalogs,
  header .body .main_cart {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
  }

  header .body .online_catalog {
    width: calc(100% / 1200 * 150);
    border-right: 1px solid #e6ebf0;
  }

  header .body .all_catalogs {
    width: calc(100% / 1200 * 155);
    border-right: 1px solid #e6ebf0;
  }

  header .body .main_cart {
    width: calc(100% / 1200 * 135);
  }

  header .body .online_catalog img,
  header .body .all_catalogs img,
  header .body .main_cart img {
    width: 20px;
  }

  header .body .online_catalog picture,
  header .body .all_catalogs picture,
  header .body .main_cart picture {
    width: 50px;
    height: 50px;
    border-radius: 120px;
    background-color: #fafafc;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  header .body .online_catalog p,
  header .body .all_catalogs p,
  header .body .main_cart p {
    font-size: 14px;
  }

  header .body svg rect,
  header .body svg path,
  header .body svg circle {
    transition: 0.3s;
  }

  header .body .online_catalog:hover p {
    color: #f32b37;
  }

  header .body .online_catalog:hover picture {
    background-color: #f32b37;
  }

  header .body .main_cart span {
    position: absolute;
    margin: 4px 0px 0 0;
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
  }

  header .body .online_catalog:hover svg path[fill="#0F111D"] {
    fill: #fff;
  }

  header .body .main_cart svg rect {
    fill: #0f111d;
  }

  header .body .main_cart:hover svg rect {
    fill: #f32b37;
  }

  header .body .main_cart:hover path {
    fill: #f32b37;
  }

  header .body .all_catalogs:hover path[fill="#0F111D"] {
    fill: #ffffff;
  }

  header .body .all_catalogs:hover svg circle[fill="#FAFAFC"] {
    fill: #f32b37;
  }
}

@media (min-width: 1230px) {
  header .body .logo img {
    width: 244px;
  }

  header .body .order_call button:not(.btn-transparent) {
    border: 1px solid rgba(230, 235, 240, 1);
    padding: 12px 15px;
    max-width: fit-content;
  }

  header .body .order_call button:not(.btn-transparent):hover {
    border-color: #f32b37;
    background-color: #f32b37;
    color: #fff;
  }
}

.mobile_menu {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 11;
}

.mobile_menu .navigation {
  padding: 0 15px;
  background-color: #fafafc;
  border-top: 1px solid #e6ebf0;
}

.mobile_menu .navigation .wrap {
  max-width: 480px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
}

.mobile_menu .navigation .item {
  text-align: center;
  padding: 12px 5px;
  cursor: pointer;
  position: relative;
}

.mobile_menu .navigation .item svg {
  margin: 0 0 5px 0;
}

.mobile_menu .navigation .item span {
  display: block;
  font-size: 10px;
}

.mobile_menu .navigation .item .quantity {
  background-color: #f32b37;
  color: #fff;
  width: 18px;
  height: 18px;
  border-radius: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  position: absolute;
  top: 6px;
  right: 6px;
}

.mobile_menu .navigation .item.active svg path[fill="#A7AABB"] {
  fill: #0f111d;
}

.mobile_menu .catalog {
  position: fixed;
  height: calc(100%);
  width: 100%;
  top: 66px;
  left: -100%;
  /* left: 0; */
  background-color: #fff;
  overflow-y: auto;
  z-index: -1;
  transition: 0.5s;
}

.mobile_menu .catalog.active {
  left: 0;
}

.mobile_menu .catalog .body {
  padding: 10px 15px 20px 15px;
  margin-bottom: 136px;
}

.mobile_menu .catalog .search {
  margin: 0 0 15px 0;
  position: relative;
  display: flex;
  align-items: center;
}

.mobile_menu .catalog .search input {
  font-size: 14px;
  border: 1px solid #e6ebf0;
  border-radius: 120px;
  padding: 12px 40px 12px 15px;
  width: 100%;
}

.mobile_menu .catalog .search input::placeholder {
  color: #0f111d;
}

.mobile_menu .catalog .search button {
  position: absolute;
  right: 15px;
}

.mobile_menu .catalog .headline {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 10px 0;
}

.mobile_menu .catalog .switcher {
  list-style: none;
  display: flex;
  gap: 5px;
  margin: 0 0 10px 0;
}

.mobile_menu .catalog .switcher li {
  font-size: 14px;
  padding: 10px;
  border: 1px solid #e6ebf0;
  border-radius: 120px;
  cursor: pointer;
  user-select: none;
}

.mobile_menu .catalog .switcher li.active,
.mobile_menu .catalog .switcher li:hover {
  border-color: #f32b37;
  background-color: #f32b37;
  color: #fff;
}

.mobile_menu .catalog .categories {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.mobile_menu .catalog .categories .item {
  display: flex;
  background-color: #fafafc;
  max-width: 100%;
  gap: calc(100% / 290 * 10);
  overflow: hidden;
  border-radius: 5px;
}

.mobile_menu .catalog .categories .item .info {
  width: calc(100% / 290 * 190);
  padding: 15px 0 15px 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.mobile_menu .catalog .categories .item .info .name {
  font-size: 16px;
  font-weight: 600;
}

.mobile_menu .catalog .categories .item .info .total {
  font-size: 12px;
  color: #a7aabb;
}

.mobile_menu .catalog .categories .item>img {
  width: calc(100% / 290 * 90);
  transition: 0.3s;
}

.mobile_menu .catalog .categories .item:hover {
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.075);
}

.mobile_menu .catalog .categories .item:hover>img {
  transform: scale(1.1);
}

.mobile_menu .brands {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.mobile_menu .brands a {
  /* display: block; */
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc((100% - 10px) / 2);
  border-radius: 5px;
  padding: 35px 10px;
  text-align: center;
  background-color: #fafafc;
}

.mobile_menu .brands a img {
  max-width: 100%;
}

.mobile_menu .to_customers a {
  font-size: 20px;
  font-weight: 600;
  padding: 12px 15px;
  border-radius: 5px;
  background-color: #fafafc;
  display: block;
}

.mobile_menu .to_customers a:not(:last-child) {
  margin: 0 0 10px 0;
}

.mobile_menu .to_customers a span {
  color: #f32b37;
}

.mobile_menu .switchable_blocks>*:not(.active) {
  display: none;
}

@media (min-width: 420px) {
  .mobile_menu .catalog .categories .item .info .name {
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  .home__block {
    margin: 37px 0 0 20px;
  }

  .col-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .home__img {
    text-align: right;
    width: 431px;
    height: 280px;
  }

  .home__banner-text {
    text-align: left;
    font-size: 16px;
    margin-bottom: 16px;
    text-align: left;
  }

  .home__banner-title {
    font-size: 32px;
    margin-bottom: 30px;
  }

  .home__banner-block {
    height: 280px !important;
  }

  .home__percent {
    padding: 3px 14px;
    font-size: 32px;
    top: -4px;
    left: 271px;
    font-weight: 600;
  }

  .mobile_menu .catalog .body {
    padding: 20px 15px;
  }

  .mobile_menu .catalog .search input {
    font-size: 16px;
    padding: 15px 40px 15px 20px;
  }

  .mobile_menu .catalog .headline {
    font-size: 20px;
  }

  .mobile_menu .catalog .switcher {
    margin: 0 0 20px 0;
  }

  .mobile_menu .catalog .switcher li {
    font-size: 16px;
    padding: 13px 26px;
  }

  .mobile_menu .catalog .categories {
    flex-wrap: wrap;
    flex-direction: row;
  }

  .mobile_menu .catalog .categories .item {
    width: calc((100% - 10px) / 2);
  }

  .mobile_menu .catalog .categories .item .info {
    padding: 30px 0 55px 30px;
    width: calc(100% / 364 * 204);
  }

  .mobile_menu .catalog .categories .item .info .name {
    font-size: 20px;
  }

  .mobile_menu .catalog .categories .item .info .total {
    margin: 0 0 20px 0;
  }

  .mobile_menu .catalog .categories .item>img {
    width: calc(100% / 364 * 160);
  }

  .home__btn-align {
    text-align: left;
    margin-top: 50px;
  }

  .home__btn {
    border: 1px solid var(--Black, #0f111d);
    background: var(--Grey, #fafafc);
    font-size: 16px;

  }
}

@media (min-width: 992px) {
  .mobile_menu {
    display: none;
  }
}

.desktop_menu {
  display: none;
}

@media (min-width: 992px) {
  .home__btn-align {
    margin-top: 50px;
  }

  .col-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 0;
  }

  .wrapper__home {

    max-width: 1200px;
    padding: 0 !important;
    margin: 0 auto;

  }

  .home__banner-block {
    background: url("../image/home_page_banner/backtext.webp") center no-repeat;
    height: 280px !important;
    background-color: #fafafa;
  }

  .home__block {
    margin: 37px 0 0 50px;
  }

  .home__percent {
    font-size: 32px;
    top: -4px;
    left: 269px;
  }

  .home__banner-title {
    font-size: 32px;
  }

  .desktop_menu {
    display: block;
    font-size: 16px;
    position: relative;
    background-color: #fff;
    z-index: 15;
  }

  .desktop_menu .wrapper {
    border-bottom: 1px solid #e6ebf0;
    display: flex;
  }

  .desktop_menu .catalog {
    width: calc(100% / 1200 * 270);
    border-right: 1px solid #e6ebf0;
    display: flex;
    align-items: center;
    transition: 0.3s;
  }

  .desktop_menu .catalog .opener {
    cursor: pointer;
    height: 100%;
    padding: 0 15px 0 0;
    width: fit-content;
    display: flex;
    align-items: center;
    position: relative;
  }

  .desktop_menu .catalog .opener::after {
    display: block;
    content: "";
    width: 4px;
    height: 4px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #0f111d;
    border-bottom: 2px solid #0f111d;
    border-radius: 2px;
    position: absolute;
    right: 0;
    transform: rotate(-45deg);
    transition: 0.3s;
  }

  .desktop_menu .catalog .opener:hover {
    color: #f32b37;
  }

  .desktop_menu .catalog .opener:hover::after {
    color: #f32b37;
    transform: rotate(45deg);
    border-right-color: #f32b37;
    border-bottom-color: #f32b37;
  }

  .desktop_menu .catalog .content {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 3;
    background-color: #fff;
    width: 100%;
    transform-origin: top center;
    transform: scaleY(0);
    transition: 0.3s;
  }

  .desktop_menu .catalog .content.active {
    transform: scaleY(1);
  }

  .desktop_menu .catalog .content .body {
    max-width: 1230px;
    margin: 0 auto;
    padding: 30px 15px 50px 15px;
    display: flex;
    justify-content: space-between;
  }

  .desktop_menu .catalog .content .body .item {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .desktop_menu .catalog .content .body .item a {
    padding: 10px 0;
  }

  .desktop_menu .catalog .content .body .item a:first-child {
    font-weight: 600;
    margin: 0 0 10px 0;
  }

  .desktop_menu .catalog .opener:hover+.content {
    transform: scaleY(1);
  }

  .desktop_menu .catalog .content:hover {
    transform: scaleY(1);
  }

  .desktop_menu .catalog .content:focus-within {
    transform: scaleY(1);
  }

  .desktop_menu .menu {
    display: flex;
    align-items: center;
    gap: 10px;
    width: calc(100% / 1200 * 810);
    justify-content: space-around;
    transform-origin: left;
    transform: scaleX(1);
    overflow: hidden;
    transition: 0.3s;
    max-height: 49px;
    /* display: none; */
  }

  .desktop_menu .menu a {
    min-width: fit-content;
    opacity: 1;
    transition: 0.3s;
  }

  .desktop_menu .menu.hidden {
    width: 0;
  }

  .desktop_menu .menu.hidden a {
    opacity: 0;
  }

  .desktop_menu .search_and_cart {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: flex-end;
    width: calc(100% / 1200 * 120);
    transition: 0.3s;
  }

  .desktop_menu .search_and_cart.active {
    width: calc(100% / 1200 * 920);
  }

  .desktop_menu .search_and_cart .search {
    padding: 10px 0;
    display: flex;
    align-items: center;
    position: relative;
    width: 98%;
  }

  .desktop_menu .search_and_cart .search input {
    width: 0%;
    border: 0;
    border-bottom: 1px solid transparent;
    font-size: 16px;
    padding: 5px 40px 5px 0;
    outline: none;
  }

  .desktop_menu .search_and_cart .search input.active {
    width: 100%;
    border-bottom-color: #0f111d;
  }

  .desktop_menu .search_and_cart .search button {
    position: absolute;
    right: 0;
  }

  .desktop_menu .search_and_cart .cart {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: none;
  }

  .desktop_menu .search_and_cart .cart span {
    position: absolute;
    margin: 4px 0px 0 0;
    font-size: 12px;
    font-weight: 600;
  }

  .desktop_menu .search_and_cart .cart:hover {
    color: #fff;
  }

  .desktop_menu .search_and_cart .cart:hover svg rect {
    fill: #0f111d;
  }
}

footer {
  padding: 0 0 70px 0;
}

footer .body {
  border-top: 1px solid #e6ebf0;
  border-bottom: 1px solid #e6ebf0;
}

footer .body .item:not(.contacts, .catalog_and_price) {
  display: none;
}

footer .body .item.contacts {
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 16px;
}

footer .body .item.contacts a {
  padding: 7.5px 0;
}

footer .body .item.contacts .phone {
  font-size: 20px;
  font-weight: 600;
}

footer .body .item.contacts button {
  padding: 15px 20px;
  font-weight: 600;
  font-size: 16px;
}

footer .body .item.contacts .socials {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 10px;
  margin-top: 7.5px;
}

footer .body .item.contacts .socials .telegram:hover svg path[fill="#039BE5"]:nth-child(2) {
  fill: #fff;
}

footer .body .item.contacts .socials .telegram:hover svg path[fill="white"] {
  fill: #039be5;
}

footer .body .item.contacts .socials .max:hover svg path[fill="#75C067"]:nth-child(2) {
  fill: #fff;
}

footer .body .item.contacts .socials .max:hover svg path[fill="#FAFAFC"] {
  fill: #75c067;
}

footer .body .item.contacts .socials .vk:hover svg path[fill="#4D76A1"]:nth-child(2) {
  fill: #fff;
}

footer .body .item.contacts .socials .vk:hover svg path[fill="#FAFAFC"] {
  fill: #4d76a1;
}

footer .body .item.catalog_and_price {
  border-top: 1px solid #e6ebf0;
  display: flex;
}

footer .body .item.catalog_and_price a {
  width: 50%;
  text-align: center;
  padding: 10px 0 12px 0;
}

footer .body .item.catalog_and_price a picture {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fafafc;
  border-radius: 120px;
  margin: 0 auto;
  transition: 0.3s;
}

footer .body .item.catalog_and_price a p {
  margin: 10px 0 0 0;
  font-size: 14px;
}

footer .body .item.catalog_and_price a:hover picture {
  background-color: #f32b37;
}

footer .body .item.catalog_and_price a:hover picture svg path[fill="#0F111D"] {
  fill: #fff;
}

footer .body .item.catalog_and_price a:hover p {
  color: #f32b37;
}

footer .body .item.catalog_and_price .online_catalog {
  border-right: 1px solid #e6ebf0;
}

footer .body .item .title {
  font-size: 20px;
  font-weight: 600;
  color: #a7aabb;
}

footer .additional {
  padding: 10px 0 20px 0;
  text-align: center;
  color: #a7aabb;
}

footer .additional .logo {
  margin: 0 0 15px 0;
  display: block;
}

footer .additional .copyright,
footer .additional .organization {
  margin: 0 0 10px 0;
}
footer .additional .privacy-link {
  margin: 0 0 10px 0;
}
footer .additional .privacy-link a {
  color: #a7aabb;
  text-decoration: none;
}
footer .additional .privacy-link a:hover {
  color: #8a8d9e;
  text-decoration: underline;
}

footer .additional .organization span {
  display: block;
  margin: 0 0 5px 0;
}

footer .additional .site_development {
  display: flex;
  color: #a7aabb;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 16px;
}

@media (min-width: 768px) {
  footer .body {
    display: flex;
    flex-wrap: wrap;
    position: relative;
  }

  footer .body .item:not(.contacts, .catalog_and_price) {
    display: flex;
    flex-direction: column;
    gap: 0;
    font-size: 16px;
  }

  footer .body .item .title,
  footer .body .item.contacts button {
    margin: 7.5px 0 10px 0;
  }

  footer .body .item.catalog {
    width: calc(100% / 738 * 195);
    border-right: 1px solid #e6ebf0;
    padding: 40px 15px 0 25px;
  }

  footer .body .item.catalog a {
    padding: 5px 0;
  }

  footer .body .item.to_customers {
    width: calc(100% / 738 * 248);
    border-right: 1px solid #e6ebf0;
    padding: 40px 15px 0 40px;
  }

  footer .body .item.to_customers a {
    padding: 5px 0;
  }

  footer .body .item.contacts {
    width: calc(100% / 738 * 294);
    padding: 40px 15px 0 40px;
    align-items: flex-start;
  }

  footer .body .item.contacts .socials {
    column-gap: 10px;
    row-gap: 5px;
  }

  footer .body .item.catalog_and_price {
    width: calc(100% / 738 * 195);
    border-right: 1px solid #e6ebf0;
    border-top: none;
    padding: 0 15px 40px 25px;
    flex-direction: column;
    margin-top: 0;
  }

  footer .body .item.catalog_and_price::after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #e6ebf0;
    top: 0;
    right: calc(100% / 738 * 295);
    position: absolute;
  }

  footer .body .item.catalog_and_price a {
    display: flex;
    gap: 10px;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
  }

  footer .body .item.catalog_and_price a picture,
  footer .body .item.catalog_and_price a p {
    margin: 0;
  }

  footer .body .item.catalog_and_price .online_catalog {
    border: none;
  }

  footer .additional {
    padding: 40px 0;
    display: flex;
    justify-content: space-between;
    text-align: left;
  }

  footer .additional .logo {
    max-width: calc(100% / 738 * 181);
  }

  footer .additional .logo img {
    max-width: 100%;
  }

  footer .additional .copyright {
    max-width: calc(100% / 738 * 154);
  }

  footer .additional .organization {
    max-width: calc(100% / 738 * 115);
  }

  footer .additional .site_development {
    flex-direction: column;
    max-width: calc(100% / 738 * 115);
    font-size: 12px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  footer .additional .copyright,
  footer .additional .organization {
    margin: 0;
  }
}

@media (min-width: 992px) {
  footer {
    padding: 0;
  }

  footer .body {
    border-top: none;
    flex-wrap: nowrap;
  }

  footer .body .item.catalog {
    width: calc(100% / 1200 * 298);
    padding: 40px 0;
  }

  footer .body .item.to_customers {
    width: calc(100% / 1200 * 277);
    padding: 40px 0 40px 30px;
  }

  footer .body .item.contacts {
    width: calc(100% / 1200 * 277);
    padding: 40px 0 40px 30px;
    border-right: 1px solid #e6ebf0;
  }

  footer .body .item.contacts .socials {
    column-gap: 20px;
    row-gap: 10px;
  }

  footer .body .item.catalog_and_price {
    width: calc(100% / 1200 * 250);
    padding: 40px 0 40px 30px;
    border-right: none;
    margin: 0;
  }

  footer .body .item.catalog_and_price::after {
    content: none;
  }

  footer .additional {
    font-size: 16px;
    justify-content: start;
  }

  footer .additional .logo {
    width: calc(100% / 1200 * 298);
    max-width: none;
  }

  footer .additional .copyright {
    width: calc(100% / 1200 * 277);
    padding-left: 30px;
    max-width: none;
  }

  footer .additional .organization {
    width: calc(100% / 1200 * 277);
    padding-left: 30px;
    max-width: none;
  }

  footer .additional .site_development {
    width: calc(100% / 1200 * 250);
    font-size: 16px;
    padding-left: 30px;
    max-width: none;
  }
}

.popular_categories .body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
}

@media (min-width: 768px) {
  .popular_categories .body {
    margin-top: 15px;
  }
}

@media (min-width: 992px) {
  .popular_categories .body {
    margin-top: 20px;
  }
}

.popular_categories .body .item {
  display: flex;
  background-color: #fafafc;
  max-width: 100%;
  gap: calc(100% / 290 * 10);
  overflow: hidden;
  border-radius: 10px;
}

.popular_categories .body .item .info {
  width: calc(100% / 290 * 190);
  padding: 15px 0 10px 30px;
  display: flex;
  align-items: center;
}

.popular_categories .body .item .info .name {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

.popular_categories .body .item .info .name span {
  display: none;
  text-transform: lowercase;
}

.popular_categories .body .item .info .total {
  font-size: 12px;
  color: #a7aabb;
}

.popular_categories .body .item>img {
  width: calc(100% / 290 * 90);
  transition: 0.3s;
}

.popular_categories .body .item:hover {
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.075);
}

.popular_categories .body .item:hover>img {
  transform: scale(1.1);
}

@media (min-width: 768px) {
  .popular_categories .body {
    flex-wrap: wrap;
    flex-direction: row;
  }

  .popular_categories .body .item {
    width: calc((100% - 10px) / 2);
  }

  .popular_categories .body .item .info {
    padding: 30px 0 80px 30px;
    width: calc(100% / 364 * 204);
    display: block;
  }

  .popular_categories .body .item .info .name {
    font-size: 20px;
    line-height: 25px;
  }

  .popular_categories .body .item .info .total {
    margin: 0 0 20px 0;
  }

  .popular_categories .body .item>img {
    /* width: calc(100% / 364 * 160); */
    width: calc(100% / 364 * 204);
    margin-top: auto;
    /* object-fit: cover; */
  }
}

@media (min-width: 992px) {
  .popular_categories .body {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* grid-template-rows: repeat(3, 1fr); */
    grid-template-rows: repeat(4, 1fr);
    gap: 20px;
  }

  .popular_categories .body .item {
    width: auto;
    /* min-height: 225px; */
  }

  .popular_categories .body .item .info .total {
    margin: 0;
  }

  .popular_categories .body .item:first-child {
    grid-row: 1 / 3;
    flex-direction: column;
  }

  .popular_categories .body .item:first-child .info {
    width: auto;
    padding: 30px 0 0 30px;
  }

  .popular_categories .body .item:first-child .info .name {
    margin: 0 0 10px 0;
  }

  .popular_categories .body .item:first-child>img {
    width: auto;
  }
}

@media (min-width: 1230px) {
  .popular_categories .body .item .info {
    padding: 30px 0 95px 30px;
  }
}

.mailing {
  padding: 20px 0 30px 0;
  background-color: #eff7ff;
  text-align: center;
}

.mailing .info_text .know_first {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 10px 0;
}

.mailing .info_text .sale_30 {
  font-size: 12px;
  font-weight: 400;
  margin: 0 0 10px 0;
}

.mailing form input {
  display: block;
  width: 100%;
  max-width: 290px;
}

.mailing form input[type="email"] {
  border-radius: 40px;
  padding: 15px 20px;
  margin: 0 auto 10px auto;
  border: 1px solid #e6ebf0;
}

.mailing form input[type="email"]::placeholder {
  color: #a7aabb;
}

.mailing form input[type="submit"] {
  padding: 13px 0;
  border-radius: 40px;
  transition: 0.3s;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .mailing {
    padding: 30px 0;
  }

  .mailing .info_text .know_first {
    font-size: 32px;
    margin: 0 0 15px 0;
  }

  .mailing .info_text .sale_30 {
    font-size: 16px;
    margin: 0 0 30px 0;
  }

  .mailing form input {
    display: inline-block;
    font-size: 16px;
  }

  .mailing form input[type="email"] {
    margin: 0 10px 0 0;
    max-width: 320px;
    padding: 20px;
  }

  /* .mailing form input[type='email']::placeholder {
		color: #0f111d;
	} */
  .mailing form input[type="submit"] {
    max-width: 200px;
    padding: 20px;
  }
}

@media (min-width: 992px) {
  .mailing {
    padding: 60px 0;
    text-align: left;
  }

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

  .mailing .info_text {
    max-width: 550px;
  }

  .mailing form {
    display: flex;
    width: 100%;
    justify-content: flex-end;
  }

  /* .mailing form input[type='email'] {
		background-color: transparent;
		border-color: #0f111d;
		margin: 0 30px 0 0;
	} */

  .mailing form input[type="submit"] {
    margin: 0;
  }
}

.brands_slider {
  width: 100%;
}

.brands_slider .wrapper {
  padding: 0 15px 35px 15px;
}

.brands_slider .body a {
  padding: 40px 0;
  background-color: #fafafc;
  border-radius: 10px;
  text-align: center;
}

.brands_slider .body a img {
  max-width: 100%;
  /* height: 30px; */
}
/* @media(min-width:768px){
  .brands_slider .body a img {
  height: 60px;}
} */

.brands_slider .swiper-horizontal>.swiper-pagination-bullets {
  bottom: 0;
}

.brands_slider .swiper-pagination-bullet-active {
  background-color: #f32b37;
}

@media (min-width: 768px) {
  .brands_slider .wrapper {
    padding: 0 15px 45px 15px;
  }
}

@media (min-width: 992px) {
  .brands_slider .wrapper {
    padding: 0 15px;
    /* padding: 0; */
  }

  .brands_slider .body a {
    padding: 30px 10px;
    /* padding-top: 85px;
		padding-bottom: 85px; */
  }

  .brands_slider .body a img {
    height: 35px;
  }
}

@media (min-width: 1230px) {
  .brands_slider .wrapper {
    /* padding: 0 15px; */
    padding: 0;
  }
}

@media (min-width: 992px) {
  .brands_slider .swiper .swiper-wrapper {
    transition-timing-function: linear;
  }
}

#common-home {
  overflow: hidden;
}

.blackout {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0);
  transition: 0.29s;
  display: none;
}

.blackout.active {
  display: block;
}

.blackout.shadow {
  background-color: rgba(0, 0, 0, 0.2);
}

.product-added {
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  max-width: 90%;
  background-color: #fff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  border: 2px solid #f32b37;
  border-radius: 12px;
  padding: 24px 36px;
  display: none;
}

.product-added__text {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  gap: 5px;
  align-items: center;
}

@media (min-width: 992px) {
  .product-added__text {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
  }
}

.product-added__text--img:after {
  content: "";
  width: 50px;
  height: 50px;
  background-image: url("../image/check-mark.svg");
}

.modal {
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  justify-content: center;
  align-items: center;
  padding: 0 15px 69px 15px;
  display: none;
  opacity: 0;
  transition: 0.3s;
}

.modal.active {
  display: flex;
}

.modal.visible {
  opacity: 1;
}

.modal .body {
  background-color: #fff;
  border-radius: 20px;
  max-width: 380px;
  padding: 20px;
  position: relative;
}

.modal .body .cross {
  display: flex;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
}

.modal .body .cross::after,
.modal .body .cross::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background-color: #e6ebf0;
  position: absolute;
  transform: rotate(45deg);
}

.modal .body .cross::before {
  transform: rotate(-45deg);
}

.modal .body .title {
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 10px 0;
}

.modal .body .info {
  display: none;
}

.modal .body label:not(:last-of-type) p {
  font-weight: 600;
  margin: 0 0 5px 0;
}

.modal .body label:not(:last-of-type) p span {
  color: #f32b37;
}

.modal .body label:not(:last-of-type) input,
.modal .body label textarea {
  margin: 0 0 15px 0;
  padding: 10px;
  border-radius: 15px;
  border: 1px solid #fafafc;
  background-color: #fafafc;
  width: 100%;
}

.modal .body label textarea {
  resize: none;
  font-family: "Gilroy", sans-serif;
  height: 3rem;
}

.modal .body label:not(:last-of-type) input::placeholder {
  color: #a7aabb;
}

.modal .body label:last-of-type {
  display: flex;
  gap: 30px;
  margin: 0 0 20px 0;
  cursor: pointer;
}

.modal .body label:last-of-type input {
  width: 0;
  height: 0;
  border-radius: 100%;
  border: none;
  position: relative;
}

.modal .body label:last-of-type input:checked {
  border: none;
  outline: none;
  background-color: transparent;
}

.modal .body label:last-of-type input::before {
  content: "";
  width: 18px;
  height: 18px;
  background-color: #fff;
  border: 1px solid #a7aabb;
  display: block;
  z-index: 2;
  border-radius: 3px;
  transition: 0.3s;
  cursor: pointer;
}

.modal .body label:last-of-type input::after {
  content: "";
  display: block;
  width: 4px;
  height: 8px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  border-left: 2px solid transparent;
  border-top: 2px solid transparent;
  position: absolute;
  top: 2px;
  left: 6px;
  transform: rotate(45deg);
  z-index: 2;
  cursor: pointer;
}

.modal .body label:last-of-type input:checked::before {
  background-color: #f32b37;
  border-color: #f32b37;
}

.modal .body input[type="submit"] {
  background-color: #f32b37;
  border: 1px solid #f32b37;
  color: #fff;
  padding: 15px 40px;
  border-radius: 35px;
  transition: 0.3s;
  cursor: pointer;
}

.modal .body input[type="submit"]:disabled {
  background-color: #fafafc;
  border-color: #fafafc;
  color: #a7aabb;
  cursor: default;
}

@media (min-width: 768px) {
  .modal .body {
    max-width: 690px;
    padding: 40px;
  }

  .modal .body .cross {
    width: 25px;
    height: 25px;
    top: 40px;
    right: 40px;
  }

  .modal .body .cross::after,
  .modal .body .cross::before {
    height: 3px;
  }

  .modal .body .title {
    font-size: 32px;
    margin: 0 0 15px 0;
  }

  .modal .body .info {
    display: block;
    font-size: 20px;
    font-weight: 300;
    margin: 0 0 15px 0;
  }

  .modal .body label:not(:last-of-type) p {
    font-size: 20px;
    margin: 0 0 10px 0;
  }

  .modal .body label:not(:last-of-type) input,
  .modal .body label textarea {
    margin: 0 0 20px 0;
    padding: 20px;
    border-radius: 30px;
    font-size: 16px;
  }

  .modal .body label textarea {
    height: 7rem;
  }

  .modal .body label:last-of-type {
    gap: 50px;
    margin: 0 0 30px 0;
  }

  .modal .body label:last-of-type p {
    font-size: 14px;
  }

  .modal .body label:last-of-type input::before {
    width: 28px;
    height: 28px;
  }

  .modal .body label:last-of-type input::after {
    width: 4px;
    height: 12px;
    border-bottom-width: 3px;
    border-right-width: 3px;
    top: 4px;
    left: 11px;
  }

  .modal .body input[type="submit"] {
    padding: 20px 60px;
  }
}

@media (min-width: 992px) {
  .modal {
    padding: 0 15px;
  }
}

.breadcrumb {
  display: none;
}

@media (min-width: 992px) {
  .breadcrumb {
    display: flex;
    padding: 20px 0;
    list-style: none;
    font-size: 14px;
    color: #a7aabb;
  }

  .breadcrumb li a {
    color: #a7aabb;
  }

  .breadcrumb li a:hover {
    color: #f32b37;
  }
}

.products_category {
  padding: 10px 0;
}

@media (min-width: 768px) {
  .products_category {
    padding-top: 20px;
  }
}

@media (min-width: 992px) {
  .products_category {
    padding: 0 0 20px 0;
  }
}

.products_category .header {
  margin: 0 0 15px 0;
}

.products_category h1 {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .products_category h1 {
    margin-bottom: 0;
  }
}

.products_category .header .info .search {
  margin: 10px 0 15px 0;
  position: relative;
  display: flex;
  align-items: center;
}

.products_category .header .info .search input {
  font-size: 14px;
  border: 1px solid #e6ebf0;
  border-radius: 120px;
  padding: 12px 40px 12px 15px;
  width: 100%;
}

.products_category .header .info .search button {
  position: absolute;
  right: 15px;
}

.products_category .header .info .total_products {
  font-size: 16px;
  color: #a7aabb;
  margin: 0 0 10px 0;
}

.products_category .header .sucategories_list {
  display: flex;
  overflow: scroll;
  gap: 5px;
  padding: 0 0 10px 0;
  margin: 0 0 20px 0;
  scroll-snap-type: x mandatory;
}

.products_category .header .sucategories_list::-webkit-scrollbar {
  /* -webkit-appearance: none;
  border-radius: 6px;
  background-color: #e6ebf0; */
  width: 0
}

/* .products_category .header .sucategories_list::-webkit-scrollbar:horizontal {
  height: 5px;
}
.products_category .header .sucategories_list::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: #a7aabb;
} */
.products_category .header .sucategories_list a {
  font-size: 16px;
  border-radius: 3px;
  background-color: #fafafc;
  min-width: 50%;
}

@media (min-width: 420px) {
  .products_category .header .sucategories_list a {
    min-width: 40%;
  }
}

@media (min-width: 640px) {
  .products_category .header .sucategories_list a {
    min-width: 30%;
  }
}

.products_category .header .sucategories_list a p {
  padding: 10px 15px;
}

.products_category .header .sucategories_list a img {
  max-width: 100%;
  width: 100%;
}

.products_category .header .sort_block {
  display: flex;
  gap: 5px;
}

.products_category .header .sort_block .filter_switcher {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  border: 1px solid #e6ebf0;
  border-radius: 3px;
  background: none;
  font-size: 12px;
  width: calc((100% - 5px) / 285 * 122);
  color: #0f111d;
}

.products_category .header .sort_block .sort {
  width: calc((100% - 5px) / 285 * 163);
}

.products_category .header .sort_block .sort button {
  background: none;
  border: 1px solid #e6ebf0;
  padding: 10px 20px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 12px;
  width: 100%;
  color: #0f111d;
}

.products_category .header .sort_block .sort button p {
  min-width: fit-content;
}

.products_category .header .sort_block .sort .sort_list {
  position: fixed;
  bottom: -200px;
  left: 0;
  text-align: center;
  width: 100%;
  z-index: 11;
  transition: 0.3s;
  border-top: 1px solid #e6ebf0;
}

.products_category .header .sort_block .sort .sort_list.active {
  bottom: 0;
}

.products_category .header .sort_block .sort .sort_list a {
  display: block;
  background-color: #fff;
  padding: 10px 0;
  font-size: 16px;
}

.products_category .header .sort_block .sort .sort_list a.active {
  background-color: #f32b37;
  color: #fff;
  pointer-events: none;
  user-select: none;
}

.products_category .header .sort_block .sort .sort_list a:not(.active):hover {
  background-color: #f32b37;
  color: #fff;
}

.products_category .body .products_wrap .control {
  display: none;
}

.products_category .body .products_list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 5px;
  margin: 0 0 30px 0;
}

.products_category .body .products_list .item {
  width: calc((100% - 10px) / 2);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.products_category .body .products_list .item .image {
  display: block;
  background-color: #fafafc;
  line-height: 0;
  position: relative;
}

.products_category .body .products_list .item .image .main_img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: contain;
}

.products_category .body .products_list .item .image .manufacturer {
  position: absolute;
  right: 10px;
  top: 10px;
  height: 22px;
  opacity: 0;
  transition: 0.3s;
  z-index: 11;
}

.products_category .body .products_list .item:hover .image .manufacturer {
  opacity: 1;
}

.products_category .body .products_list .item .image span {
  display: block;
  position: absolute;
  color: #fff;
  background-color: #f32b37;
  padding: 3px 6px;
  left: 10px;
  top: 10px;
  line-height: normal;
  border-radius: 2px;
}

.products_category .body .products_list .item .image .hit {
  display: block;
  position: absolute;
  color: #fff;
  background-color: #0f111d;
  padding: 3px 6px;
  left: 10px;
  top: 10px;
  line-height: normal;
  border-radius: 2px;
}

.products_category .body .products_list .item .images {
  position: relative;
  display: flex;
}

.products_category .body .products_list .item .images img {
  background-color: #fafafc;
  transition: 0;
}

.products_category .body .products_list .item .images img:not(.main_img) {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: contain;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0%;
}

.products_category .body .products_list .item .images img.active {
  z-index: 2;
}

.products_category .body .products_list .item .images .images_area {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0%;
  display: flex;
  width: 100%;
  height: 100%;
}

.products_category .body .products_list .item .images .images_area .area_item {
  width: 100%;
  position: relative;
}

.products_category .body .products_list .item .images .images_area .area_item::after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 100%;
  height: 3px;
  background-color: rgba(15, 17, 29, 0);
  transition: 0.15s;
}

.products_category .body .products_list .item:hover .images .images_area .area_item::after {
  background-color: rgba(15, 17, 29, 0.15);
}

.products_category .body .products_list .item .images .images_area .area_item:hover::after {
  background-color: rgba(15, 17, 29, 0.5);
}

@media (min-width: 992px) {
  .products_category .body .products_list .item .image .hit {
    left: 20px;
    top: 20px;
  }
}

.products_category .body .products_list .item .caption {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0;
  height: 100%;
}

@media (min-width: 992px) {
  .products_category .body .products_list .item .caption {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
    height: 100%;
  }
}

.products_category .body .products_list .item .caption h4 {
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  margin: 0 0 15px 0;
  width: 100%;
  padding: 0 5% 0 0;
}

.products_category .body .products_list .item .caption .model {
  display: none;
}

.products_category .body .products_list .item .caption .price_info {
  display: flex;
  justify-content: space-between;
}

.products_category .body .products_list .item .caption .price {
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
  gap: 4px;
  align-self: flex-end;
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
}

.products_category .body .products_list .item .caption .price .new {
  margin: 0;
  display: inline-block;
  font-size: 14px;
  line-height: 17px;
}

@media (min-width: 768px) {
  .products_category .body .products_list .item .caption .price {
    flex-direction: row;
    height: 30px;
    gap: 5px;
    /* width: 50%; */
    align-items: flex-end;
    font-size: 16px;
    line-height: 20px;
  }

  .products_category .body .products_list .item .caption .price .old {
    align-self: flex-start;
  }

  .products_category .body .products_list .item .caption .price .new {
    align-self: flex-end;
    font-size: 16px;
    line-height: 20px;
  }
}

.products_category .body .products_list .item .caption .price .old {
  color: #a7aabb;
  text-decoration: line-through;
  font-size: 12px;
  font-weight: 400;
}

@media (min-width: 1230px) {
  .products_category .body .products_list .item .caption .price .new {
    font-size: 20px;
    line-height: 25px;
  }

  .products_category .body .products_list .item .caption .price .old {
    font-size: 16px;
    line-height: 19px;
  }

  .products_category .body .products_list .item .caption .price {
    font-size: 20px;
    line-height: 25px;
  }
}

.products_category .body .products_list .item .caption button {
  align-self: flex-end;
  padding: 4px 24px;
  font-size: 12px;
  opacity: 1;
  margin-right: 5px;
}

@media (min-width: 768px) {
  .products_category .body .products_list .item .caption button {
    padding: 8px 24px 6px 24px;
  }
}

@media (min-width: 992px) {
  .products_category .body .products_list .item .caption button {
    align-self: flex-end;
    font-size: 12px;
    opacity: 0;
  }
}

.products_category .body .products_list .item .caption .price_info a {
  align-self: flex-end;
  padding: 4px 24px;
  font-size: 12px;
  opacity: 1;
  margin-right: 5px;
  color: #fff;
  background-color: #f32b37;
  border: 1px solid #f32b37;
  border-radius: 40px;
  font-size: 16px;
  margin-right: 5px;
}

.products_category .body .products_list .item .caption .price_info a:hover {
  background-color: #fff;

}

@media (min-width: 768px) {
  .products_category .body .products_list .item .caption .price_info a {
    padding: 8px 24px 6px 24px;
  }
}

@media (min-width: 992px) {
  .products_category .body .products_list .item .caption .price_info a {
    align-self: flex-end;
    font-size: 12px;
    opacity: 0;
  }
}

/* .btn-red-add{
  color: #fff;
  background-color: #f32b37;
  border:  1px solid #f32b37;
  padding: 4px 24px;
  border-radius: 40px;
  font-size: 16px;
  margin-right: 5px;
}
@media(Min-width:768px){

  .btn-red-add{
    padding: 8px 24px 6px 24px;
    opacity: 0;
  }
} */
.btn-red-add:hover {
  background-color: #fff;
  border: 1px solid #f32b37;
  opacity: 1;
}

.products_category .body .products_list .item .caption button:hover svg path[stroke="white"] {
  stroke: #f32b37;
}

.products_category .body .products_list .item .price_info a:hover svg path[stroke="white"] {
  stroke: #f32b37;
}

.products_category .wrapper>.sucategories_list {
  display: none;
  margin: 20px 0;
  /* display: flex; */
  /* flex-wrap: wrap; */
  gap: 15px;
  width: 100%;
  overflow: scroll;
  scroll-snap-type: x mandatory;
}

@media (min-width: 768px) {
  .products_category .wrapper>.sucategories_list {
    overflow: visible;
  }
}

.products_category .headline {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 40px;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 10px 0;
}

.products_category .headline h1 {
  margin: 0;
}

.products_category .headline a {
  display: flex;
  gap: 10px;
  font-size: 16px;
  align-items: center;
  font-weight: 500;
}

@media (min-width: 768px) {
  .products_category .header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 20px 0;
  }

  .products_category .header .info {
    width: calc(100% - 300px);
    margin: 0 0 20px 0;
    order: -1;
  }

  .products_category .header .info .total_products {
    margin: 0;
  }

  .products_category .header .sucategories_list {
    margin: 0;
  }

  .products_category .header .sort_block {
    order: -1;
  }

  .products_category.search_page .header .sort_block {
    margin: 0;
  }

  .products_category .body .products_list {
    gap: 15px;
    margin: 0 0 30px 0;
  }

  .products_category .body .products_list .item {
    width: calc((100% - 30px) / 3);
  }

  .products_category .body .products_list .item .caption .model {
    display: block;
    color: #a7aabb;
    margin: 0 0 5px 0;
  }

  .products_category .body .products_list .item .caption h4 {
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 17px;
  }
}

@media (min-width: 992px) {
  .products_category .header {
    display: block;
  }

  .products_category.search_page .header .info {
    width: 100%;
  }

  .products_category .header .info .total_products {
    display: none;
  }

  .products_category .header .sucategories_list {
    display: none;
  }

  .products_category .header .sort_block {
    display: none;
  }

  .products_category .body {
    display: flex;
    gap: 20px;
  }

  .products_category .body .column_left {
    width: calc(((100% - 20px) / 1180) * 285);
    z-index: 11;
  }

  .products_category .body .column_left aside {
    position: sticky;
    top: 0;
  }

  .products_category .body .products_wrap {
    width: calc(((100% - 20px) / 1180) * 895);
  }

  .products_category .body .products_wrap.full {
    width: 100%;
  }

  .products_category .body .products_wrap .control {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }

  .products_category .body .products_wrap .control .total_products {
    font-size: 16px;
    color: #a7aabb;
  }

  .products_category .body .products_wrap .control .sort {
    position: relative;
  }

  .products_category .body .products_wrap .control .sort button {
    font-size: 16px;
    color: #a7aabb;
    padding: 10px 25px 10px 10px;
    background: none;
    border: none;
    position: relative;
    display: flex;
    align-items: center;
    width: 190px;
  }

  .products_category .body .products_wrap .control .sort button::after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 2px;
    border-bottom: 1.2px solid #a7aabb;
    border-right: 1.2px solid #a7aabb;
    border-left: 1.2px solid transparent;
    border-top: 1.2px solid transparent;
    transform: rotate(45deg);
    position: absolute;
    right: 0;
    transition: 0.3s;
  }

  .products_category .body .products_wrap .control .sort .sort_list {
    position: absolute;
    top: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
    z-index: 12;
    transform-origin: top;
    transform: scaleY(0);
    transition: 0.3s;
  }

  .products_category .body .products_wrap .control .sort .sort_list a {
    padding: 10px;
    font-size: 16px;
    background-color: #fff;
  }

  .products_category .body .products_wrap .control .sort .sort_list a.active,
  .products_category .body .products_wrap .control .sort .sort_list a:not(.active):hover {
    background-color: #f32b37;
    color: #fff;
  }

  .products_category .body .products_wrap .control .sort:hover .sort_list {
    transform: scaleY(1);
  }

  .products_category .body .products_wrap .control .sort:hover button {
    color: #f32b37;
  }

  .products_category .body .products_wrap .control .sort:hover button::after {
    transform: rotate(-45deg);
    border-bottom-color: #f32b37;
    border-right-color: #f32b37;
  }

  .products_category .wrapper>.sucategories_list {
    margin: 20px 0;
    display: flex;
    /* flex-wrap: wrap; */
    gap: 15px;
    width: 100%;
  }

  .products_category .wrapper>.sucategories_list a {
    font-size: 16px;
    background-color: #fafafc;
    border-radius: 3px;
    width: calc((100% - 60px) / 5);
    position: relative;
    padding: 45px 0 0 0;
  }

  .products_category .wrapper>.sucategories_list a img {
    max-width: 100%;
  }

  .products_category .wrapper>.sucategories_list p {
    padding: 20px 10px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
  }

  .products_category .body .products_wrap.full .products_list .item {
    width: calc((100% - 45px) / 4);
  }

  .products_category .body .products_list .item {
    gap: 20px;
  }

  .products_category .body .products_list .item .image span {
    font-size: 14px;
    left: 20px;
    top: 20px;
  }

  .products_category .body .products_list .item .image .manufacturer {
    top: 20px;
    right: 20px;
  }

  .products_category .body .products_list .item .caption button {
    font-size: 16px;
    opacity: 0;
  }

  .products_category .body .products_list .item:hover .caption button {
    opacity: 1;
  }

  .products_category .body .products_list .item:hover .caption a {
    opacity: 1;
  }

  .products_category .body .products_list .item .caption h4 {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 0;
  }
}

@media (min-width: 1230px) {
  .products_category .wrapper>.sucategories_list a {
    font-size: 18px;
  }
}

.products_category__description {
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 17px;
}

@media (min-width: 768px) {
  .products_category__description {
    margin-bottom: 60px;
  }
}

@media (min-width: 768px) {
  .products_category__description {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 80px;
  }
}

.pagination {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.pagination li.arrow {
  font-family: monospace;
}

.pagination li a,
.pagination li span {
  display: block;
  font-size: 16px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
}

.pagination li a {
  background-color: #e6ebf0;
}

.pagination li a:hover {
  background-color: #f32b37;
  color: #fff;
}

.pagination li span {
  background-color: #f32b37;
  color: #fff;
}

@media (min-width: 768px) {

  .pagination li a,
  .pagination li span {
    display: block;
    font-size: 16px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
  }
}

@media (min-width: 991px) {
  .dream-filter>.rdf-form .rdf-header h3 {
    font-size: 16px;
    color: #a7aabb;
    padding: 10px 25px 10px 0;
    border-bottom: 1px solid #fafafc;
    margin: 0 0 20px 0;
    font-weight: 400;
  }
}

.product_card {
  padding: 10px 0 0 0;
}

@media (min-width: 768px) {
  .product_card {
    padding-top: 20px;
  }
}

@media (min-width: 991px) {
  .product_card {
    padding: 0;
  }
}

.product_card h1 {
  font-size: 20px;
  line-height: 25px;
  font-weight: 600;
  margin: 0 0 5px 0;
}

.product_card .manufacturer {
  color: #a7aabb;
  margin: 0 0 10px 0;
  font-size: 16px;
  line-height: 19px;
  display: block;
}

.product_card .header {
  position: relative;
}

@media (min-width: 992px) {
  .product_card .header {
    width: calc((100% - 200px) / 2);
  }
}

.product_card .header .product_images_slider {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0 0 10px 0;
}

@media (min-width: 991px) {
  .product_card .header .product_images_slider {
    width: 100%;
  }
}

.product_card_container {
  margin: 0 0 20px 0;
}

@media (min-width: 991px) {
  .product_card_container {
    display: flex;
    flex-direction: row;
    gap: 30px;
    margin: 0 0 40px 0;
    justify-content: space-between;
  }
}

.product_card .header .product_images_slider .next,
.product_card .header .product_images_slider .prev {
  position: absolute;
  width: 11px;
  height: 11px;
  background-color: transparent;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-bottom: 2px solid #a7aabb;
  border-right: 2px solid #a7aabb;
  border-radius: 2px;
  display: block;
  z-index: 1;
  cursor: pointer;
}

@media (min-width: 768px) {

  .product_card .header .product_images_slider .next,
  .product_card .header .product_images_slider .prev {
    width: 15px;
    height: 15px;
  }
}

.product_card .header .product_images_slider .next {
  right: 6px;
  transform: translateX(-10px) rotate(-45deg);
}

.product_card .header .product_images_slider .prev {
  left: 6px;
  transform: translateX(10px) rotate(135deg);
}

.product_card .header .product_images_slider iframe {
  /* width: 479px; */
  width: 100%;
  aspect-ratio: 585/656;
}

@media (min-width: 768px) {
  .product_card .header .product_images_slider iframe {
    aspect-ratio: 738/828;
  }
}

@media (min-width: 992px) {
  .product_card .header .product_images_slider iframe {
    aspect-ratio: 585/656;
  }
}

.product_card .header .product_images_slider_thumbs .swiper-wrapper .swiper-slide.swiper-slide-video {
  background-color: #0f111d;
  display: flex;
  align-items: center;
  height: auto;
}

.product_card .header .product_images_slider_thumbs .swiper-slide {
  display: block;
}

.product_card .header .product_images_slider .thumbnail img {
  width: 100%;
}

.product_card .header .product_images_slider_thumbs .swiper-slide {
  /* width: calc((100% - - 73px) / 50); */
  border-radius: 50%;
  color: blue;
}

.product_card .header .product_images_slider_thumbs--active {
  display: none;
}

@media (min-width: 991px) {
  .product_card .header .product_images_slider_thumbs--active {
    display: block;
  }
}

.product_card .header .product_images_slider .swiper-wrapper {
  align-items: center;
}

.product_card .header .product_card_discount span {
  display: block;
  position: absolute;
  color: #fff;
  background-color: #f32b37;
  padding: 3px 6px;
  left: 10px;
  top: 10px;
  line-height: normal;
  border-radius: 2px;
  z-index: 2;
}

.product_card .header .product_card_discount .hit {
  display: block;
  position: absolute;
  color: #fff;
  background-color: #0f111d;
  padding: 3px 6px;
  left: 10px;
  top: 10px;
  line-height: normal;
  border-radius: 2px;
  z-index: 2;
}

@media (min-width: 991px) {
  .product_card .header .product_card_discount span {
    left: 20px;
    top: 20px;
  }
}

@media (min-width: 991px) {
  .product_card .header .product_card_discount .hit {
    left: 20px;
    top: 20px;
  }
}

.product_card .info .attributes {
  margin: 0 0 15px 0;
}

@media (min-width: 768px) {
  .product_card .info .attributes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 40px;
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .product_card .info .attributes {
    column-gap: 55px;
    margin-bottom: 28px;
  }
}

.product_card .info .attributes .attribute {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
  border-bottom: 1px solid #e6ebf0;
  line-height: 17px;
  font-size: 14px;
  gap: 5px;
}

/* .product_card .info .attributes .attribute:not(:first-of-type){

} */
.product_card .info .attributes .attribute .name {
  color: #a7aabb;
}

.product_card .info .options {
  margin: 0 0 15px 0;
}

.product_card .info select {
  margin: 0 0 0 10px;
  padding: 5px;
  border: 1px solid #e6ebf0;
  border-radius: 2px;
  color: #0f111d;
}

.product_card .info .options h3 {
  margin: 0 0 10px 0;
}

.product_card .info .options .option_images {
  display: flex;
  gap: 10px;
}

.product_card .info .options .option_images label {
  width: calc((100% - 30px) / 4);
  cursor: pointer;
}

.product_card .info .options .option_images label.active img {
  border-color: #0f111d;
}

.product_card .info .options .option_images label input {
  display: none;
}

.product_card .info .options .option_images label img {
  width: 100%;
  border: 1px solid #e6ebf0;
  border-radius: 5px;
  transition: 0.3s;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.product_card .info .options .option_images label:hover img {
  border-color: #0f111d;
}

@media (min-width: 768px) {
  .product_card .info .options {
    margin: 0 0 28px 0;
  }

  .product_card .info .options .option_images label p {
    font-size: 14px;
  }
}

.product_card .info .price_and_controls {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
}

@media (min-width: 768px) {
  .product_card .info .price_and_controls {
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
  }
}

@media (min-width: 991px) {
  .product_card .info .price_and_controls {
    row-gap: 20px;
    width: min-content;
  }
}

@media (min-width: 991px) {
  .product_card .info .price_and_controls {
    display: grid;
    grid-template-columns: min-content min-content;
    grid-template-rows: min-content min-content;
  }
}

@media (min-width: 992px) {
  .product_card_main_info {
    width: calc((100% - 30px) / 2);
  }
}

.product_card .info .price_and_controls .price {
  width: calc((100% - 20px) / 270 * 120);
}

@media (min-width: 768px) {
  .product_card .info .price_and_controls .price {
    width: auto;
    display: flex;
    flex-direction: row-reverse;
    column-gap: 10px;
  }
}

@media (min-width: 991px) {
  .product_card .info .price_and_controls .price {
    grid-column: 1 / -1;
    margin-right: auto;
  }
}

@media (min-width: 768px) {
  .product_card_title_container {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 10px;
  }
}

.product_card .info .price_and_controls .price p {
  font-size: 32px;
  line-height: 39px;
  font-weight: 600;
}

.product_card .info .price_and_controls .price span {
  color: #a7aabb;
  font-size: 16px;
  line-height: 19px;
  text-decoration: line-through;
}

/* .product_card .info .price_and_controls .quantity_block{
	display: flex;
} */
.quantity_block {
  display: flex;
}

@media (min-width: 768px) {
  .product_card .info .price_and_controls .quantity_block {
    margin-left: auto;
  }
}

/* .product_card .info .price_and_controls .quantity_block button{
	color: #A7AABB;
	background: none;
	font-size: 20px;
	font-weight: 600;
} */
.quantity_block button {
  color: #a7aabb;
  background: none;
  font-size: 20px;
  font-weight: 600;
  border: 1px solid #e6ebf0;
  padding: 12px 20px;
  width: 50px;
}

@media (min-width: 768px) {
  .quantity_block.quantity_block__cart button {
    width: 35px;
  }
}

/* .product_card .info .price_and_controls .quantity_block button:hover{
	color: #F32B37;
} */
.quantity_block button:hover {
  color: #f32b37;
}

/* .product_card .info .price_and_controls .quantity_block .minus{ */
/* border: 1px solid #E6EBF0; */
/* border-right: none;
	border-radius: 70px 0 0 70px; */
/* padding: 12px 20px; */
/* width: 50px; */
/* } */

.quantity_block .minus {
  border-right: 0;
  border-radius: 70px 0 0 70px;
}

@media (min-width: 768px) {
  .quantity_block.quantity_block__cart .plus {
    padding-right: 20px;
    padding-left: 5px;
  }

  .quantity_block.quantity_block__cart .minus {
    padding-left: 20px;
    padding-right: 5px;
  }
}

/* .product_card .info .price_and_controls .quantity_block .plus{ */
/* border: 1px solid #E6EBF0; */
/* border-left: none; */
/* border-radius: 0 70px 70px 0; */
/* padding: 12px 20px; */
/* width: 50px; */
/* } */

.quantity_block .plus {
  border-left: 0;
  border-radius: 0 70px 70px 0;
}

/* .product_card .info .price_and_controls .quantity_block input{
	border: 1px solid #E6EBF0;
	border-left: none;
	border-right: none;
	font-size: 16px;
	width: 50px;
	text-align: center;
} */
.quantity_block input {
  border: 1px solid #e6ebf0;
  border-left: 0;
  border-right: 0;
  font-size: 16px;
  width: 50px;
  text-align: center;
}

@media (min-width: 768px) {
  .quantity_block.quantity_block__cart input {
    width: 40px;
  }
}

/* .product_card .info .price_and_controls .quantity_block input:focus{
	outline: none;
} */
.quantity_block input:focus {
  outline: none;
}

.product_card .info .price_and_controls .order_buttons {
  display: flex;
  gap: 5px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

@media (min-width: 768px) {
  .product_card .info .price_and_controls .order_buttons {
    width: min-content;
    gap: 10px;
  }
}

.product_card .info .price_and_controls .order_buttons .order_btn {
  padding: 15px 33px;
  font-size: 16px;
  border: 1px solid #0f111d;
  background: #fff;
}

@media (min-width: 768px) {
  .product_card .info .price_and_controls .order_buttons .order_btn {
    min-width: 150px;
  }
}

.product_card .info .price_and_controls .order_buttons .order_btn:hover {
  color: #fff;
  background-color: #0f111d;
}

.product_card .info .price_and_controls .order_buttons .cart_btn {
  padding: 15px 20px;
  font-size: 16px;
  color: #fff;
  background-color: #0f111d;
  border: 1px solid #0f111d;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}

.product_card .info .price_and_controls .order_buttons .cart_btn svg path {
  transition: 0.3s;
}

@media (min-width: 768px) {
  .product_card .info .price_and_controls .order_buttons .cart_btn {
    min-width: 160px;
  }
}

.product_card .info .price_and_controls .order_buttons .cart_btn:hover {
  color: #0f111d;
  background-color: #fff;
}

.product_card .info .price_and_controls .order_buttons .cart_btn:hover svg path[stroke="white"] {
  stroke: #0f111d;
}

.product_card__description {
  /* display: block; */
  margin-top: 30px;
  font-size: 14px;
  line-height: 17px;
  text-align: justify;
}

.product_card__description a {
  text-decoration: underline;
}

@media (min-width: 992px) {
  .product_card__description {
    font-size: 16px;
  }
}

.product_card__video {
  text-align: center;

  padding: 40px 0;
  margin: 0 0 20px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}

.product_card__video iframe {
  max-width: 550px;
}

@media (min-width: 992px) {
  .product_card__video {
    margin: 0 0 40px 0;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: rgba(0, 0, 0, 0.1);
  }

  .product_card__video iframe {
    width: calc((100% - 20px) / 2);
  }
}

.page-wrapper {
  background-color: #fafafc;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 30px;
  width: 100%;
}

@media (min-width: 768px) {
  .page-wrapper {
    padding-top: 60px;
  }
}

@media (min-width: 992px) {
  .page-wrapper {
    padding-top: 60px;
    background: linear-gradient(to bottom, #fafafc 480px, #ffffff 480px);
  }
}

.contacts-page {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.contacts-page__title {
  font-size: 32px;
  line-height: 39px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .contacts-page__title {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e6ebf0;
  }
}

@media (min-width: 992px) {
  .contacts-page__title {
    padding-bottom: 40px;
    margin-bottom: 45px;
    border-bottom: none;
  }
}

.contacts-page__phone-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .contacts-page__phone-container {
    margin-bottom: 45px;
    gap: 40px;
  }
}

@media (min-width: 992px) {
  .contacts-page__phone-container {
    margin-bottom: 80px;
  }
}

.contacts-page__phone {
  display: flex;
  flex-wrap: wrap;
  font-size: 20px;
  line-height: 25px;
  font-weight: 600;
  align-items: center;
  position: relative;
}

@media (min-width: 768px) {
  .contacts-page__phone {
    font-size: 32px;
    line-height: 39px;
  }
}

@media (min-width: 992px) {
  .contacts-page__phone--line::after {
    content: "";
    position: absolute;
    top: -40px;
    left: 50%;
    width: 800px;
    height: 1px;
    background-color: #e6ebf0;
    transform: translateX(-50%);
  }
}

.contacts-page__phone--img::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  background-image: url("../image/phone-red.svg");
  background-repeat: no-repeat;
}

@media (min-width: 768px) {
  .contacts-page__phone--img::before {
    width: 50px;
    height: 50px;
    background-size: cover;
    margin-right: 20px;
  }
}

.contacts-page__wrapper {
  background-color: #fff;
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.15);
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 0px;
  margin-bottom: 30px;
  width: 100%;
}

@media (min-width: 768px) {
  .contacts-page__wrapper {
    padding: 40px 20px 60px 20px;
  }
}

@media (min-width: 992px) {
  .contacts-page__wrapper {
    width: calc(100% - 30px);
    padding: 40px 80px 60px 80px;
    margin-bottom: 80px;
    max-width: 990px;
  }
}

.contacts-list__container {
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .contacts-list__container {
    margin-bottom: 40px;
  }
}

@media (min-width: 992px) {
  .contacts-list__container {
    margin-bottom: 60px;
  }
}

@media (min-width: 768px) {
  .contacts-list__container-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}

@media (min-width: 768px) {
  .contacts-list__container-out {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 20px;
  }
}

@media (min-width: 992px) {
  .contacts-list__container-out {
    gap: 40px;
  }
}

.contacts-list__title {
  display: none;
}

@media (min-width: 768px) {
  .contacts-list__title {
    display: block;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 40px;
  }
}

.contacts-page__list {
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
  list-style: none;
}

.contacts-page__item {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .contacts-page__item {
    margin-bottom: 40px;
  }
}

.contacts-page__item:last-child {
  margin-bottom: 0;
}

.contacts-page__caption {
  display: flex;
  /* flex-direction: column; */
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}

.contacts-page__caption--phone::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("../image/icon-phone.svg");
}

.contacts-page__caption--delivery::before {
  content: "";
  width: 37px;
  height: 20px;
  background-image: url("../image/icon-delivery.svg");
}

.contacts-page__caption--letter::before {
  content: "";
  width: 20px;
  height: 15px;
  background-image: url("../image/icon-letter.svg");
}

.contacts-page__text {
  font-size: 16px;
  margin-bottom: 3px;
}

.about-us {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.about-us__title {
  font-size: 32px;
  line-height: 39px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .about-us__title {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e6ebf0;
  }
}

@media (min-width: 992px) {
  .about-us__title {
    padding-bottom: 0;
    margin-bottom: 60px;
    border-bottom: none;
  }
}

.about-us__wrapper {
  background-color: #fff;
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.15);
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 70px;
  margin-bottom: 30px;
  width: 100%;
}

@media (min-width: 768px) {
  .about-us__wrapper {
    padding: 40px 20px 60px 20px;
  }
}

@media (min-width: 992px) {
  .about-us__wrapper {
    width: calc(100% - 30px);
    padding: 40px 80px 60px 80px;
    margin-bottom: 80px;
    max-width: 990px;
  }
}

.about-us__text {
  display: block;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 24px;
}

.about-us__list {
  display: block;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 24px;
  list-style: disc;
  padding-left: 20px;
}

.about-us__subheader {
  display: block;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 24px;
}

.about-us__call-back {
  border: none;
  background: none;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}

.button-call-back {
  margin-bottom: 30px;
  background-color: #f32b37;
  border: none;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 243px;
  color: #fafafc;
  /* font-weight: 400; */
  font-size: 16px;
  line-height: 19px;
}

@media (min-width: 768px) {
  .button-call-back {
    width: 237px;
    margin-bottom: 0;
  }
}

.button-call-back:hover {
  background-color: transparent;
  color: #0f111d;
  outline: 1px solid #f32b37;
  outline-offset: -1px;
}

.contacts__map {
  width: 100%;
  height: 195px;
  /* outline: 2px solid #f32b37;
	outline-offset: -2px; */
}

.contacts__map iframe {
  width: 100%;
  height: 195px;
}

@media (min-width: 768px) {
  .contacts__map iframe {
    width: 100%;
    /* width: 441px; */
    height: 431px;
  }
}

@media (min-width: 768px) {
  .contacts__map {
    width: 100%;
    height: 431px;
  }
}

.props {
  display: none;
}

@media (min-width: 768px) {
  .props {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .props__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 20px;
  }

  .props__title-text {
    /* font-weight: 400; */
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 20px;
  }

  .props__container {
    display: grid;
    grid-template-columns: 282px 282px;
    gap: 80px;
    margin-bottom: 30px;
  }

  .props__text {
    /* font-weight: 400; */
    font-size: 16px;
    line-height: 19px;
    display: block;
    margin-bottom: 10px;
  }

  .props__text--name {
    margin-bottom: 0;
  }

  .props__adress {
    margin-bottom: 20px;
  }
}

@media (min-width: 992px) {
  .props__container {
    /* margin-bottom: 50px; */
    grid-template-columns: 1fr 1fr;
    grid-template-rows: min-content min-content;
    column-gap: 40px;
    row-gap: 0;
  }
}

.for-partners {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.for-partners__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .for-partners__title {
    margin-bottom: 40px;
  }
}

.for-partners__list {
  padding: 0;
  margin: 0;
  list-style: none;
}

@media (min-width: 768px) {
  .for-partners__list {
    display: flex;
    flex-direction: row;
    gap: 30px;
  }
}

@media (min-width: 992px) {
  .for-partners__list {
    gap: 67px;
  }
}

.for-partners__item {
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.for-partners__item:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .for-partners__item {
    margin-bottom: 0;
  }
}

.for-partners__item-title {
  /* font-weight: 400; */
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 10px;
}

.for-partners__email {
  display: block;
  width: 224px;
  padding-top: 20px;
  padding-bottom: 20px;
  border: 1px solid #0f111d;
  border-radius: 120px;
  text-align: center;
  /* font-weight: 400; */
  font-size: 16px;
  line-height: 19px;
}

@media (min-width: 768px) {
  .for-partners__email {
    width: auto;
    padding-top: 23px;
    padding-bottom: 23px;
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 992px) {
  .for-partners__email {
    width: auto;
    padding-left: 42px;
    padding-right: 42px;
  }
}

.for-partners__email:hover {
  color: #ffffff;
  border: 1px solid #f32b37;
  background-color: #f32b37;
}

.warranty-page {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.warranty {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 10px 40px 10px;
}

@media (min-width: 768px) {
  .warranty {
    padding: 30px 68px 30px 68px;
  }
}

@media (min-width: 992px) {
  .warranty {
    padding: 30px 205px 40px 205px;
  }
}

.warranty__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* align-items: flex-start; */
}

@media (min-width: 768px) {
  .warranty__container {
    flex-direction: row;
    gap: 40px;
    margin-bottom: 40px;
  }
}

.warranty-label {
  width: 160px;
  height: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  padding-bottom: 26px;
  margin-bottom: 15px;
  flex-shrink: 0;
  position: relative;
}

@media (min-width: 768px) {
  .warranty-label {
    margin-bottom: 0;
  }
}

.warranty-label::before {
  content: "";
  position: absolute;
  width: 160px;
  height: 160px;
  top: 0;
  left: 0;
  border: 1px solid #e6ebf0;
  border-radius: 50%;
}

.warranty-label::after {
  content: "";
  position: absolute;
  top: 26px;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 44px;
  background-image: url("../image/warranty.svg");
}

.warranty-label__count {
  display: block;
  font-weight: 600;
  font-size: 32px;
  line-height: 35px;
}

.warranty-label__text {
  display: block;
  font-size: 16px;
  line-height: 19px;
}

.warranty__main-text {
  display: block;
  text-align: center;
  margin-bottom: 30px;
  font-size: 12px;
  line-height: 14px;
}

@media (min-width: 768px) {
  .warranty__main-text {
    text-align: left;
    font-size: 16px;
    line-height: 19px;
    margin: 0;
  }
}

.warranty__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .warranty__title {
    margin-bottom: 20px;
  }
}

.warranty__text-container {
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .warranty__text-container {
    margin-bottom: 60px;
  }
}

.warranty__text-container P:last-child {
  margin-bottom: 0;
}

.warranty__text {
  line-height: 14px;
  margin-bottom: 14px;
}

@media (min-width: 768px) {
  .warranty__text {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 19px;
  }
}

.warranty__text-bottom {
  display: none;
}

@media (min-width: 768px) {
  .warranty__text-bottom {
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 40px;
    width: 540px;
  }
}

.warranty__call {
  display: block;
  text-align: center;
  width: 182px;
  font-size: 16px;
  line-height: 19px;
  padding-top: 20px;
  padding-bottom: 20px;
  border: 1px solid #f32b37;
  border-radius: 120px;
}

.warranty__call:hover {
  color: #ffffff;
  border: 1px solid #f32b37;
  background-color: #f32b37;
}

.warranty-page__title {
  display: block;
  width: 100%;
  font-size: 32px;
  line-height: 39px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e6ebf0;
}

@media (min-width: 768px) {
  .warranty-page__title {
    margin-bottom: 20px;
    padding-bottom: 0;
    border-bottom: none;
  }
}

.warranty-page__title-text {
  display: none;
}

@media (min-width: 768px) {
  .warranty-page__title-text {
    display: block;
    width: 678px;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e6ebf0;
  }
}

@media (min-width: 992px) {
  .warranty-page__title-text {
    width: 700px;
    margin-bottom: 60px;
    border-bottom: none;
  }
}

.warranty-page__time {
  display: flex;
  font-size: 20px;
  line-height: 25px;
  font-weight: 600;
  margin-bottom: 30px;
  align-items: center;
  position: relative;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .warranty-page__time {
    font-size: 32px;
    line-height: 39px;
    margin-bottom: 40px;
  }
}

@media (min-width: 992px) {
  .warranty-page__time {
    margin-bottom: 90px;
  }
}

@media (min-width: 992px) {
  .warranty-page__time::after {
    content: "";
    position: absolute;
    top: -60px;
    left: 50%;
    width: 800px;
    height: 1px;
    background-color: #e6ebf0;
    transform: translateX(-50%);
  }
}

.exchange-page {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.exchange-page__title {
  display: block;
  width: 100%;
  font-size: 32px;
  line-height: 39px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .exchange-page__title {
    margin-bottom: 20px;
    padding-bottom: 0;
  }
}

.exchange-page__title-text {
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .exchange-page__title-text {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 60px;
  }
}

@media (min-width: 992px) {
  .exchange-page__title-text {
    border-bottom: none;
  }
}

.exchange-page__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  background-color: #fff;
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.15);
  margin-bottom: 30px;
  width: 100%;
  padding: 30px 10px 30px 10px;
}

@media (min-width: 768px) {
  .exchange-page__wrapper {
    gap: 60px;
    padding: 40px 70px 40px 70px;
  }
}

@media (min-width: 992px) {
  .exchange-page__wrapper {
    width: calc(100% - 30px);
    padding-left: 205px;
    padding-right: 205px;
    margin-bottom: 80px;
    max-width: 990px;
  }
}

.return {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.return__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 10px;
  text-align: center;
}

@media (min-width: 768px) {
  .return__title {
    margin-bottom: 20px;
  }
}

.return__text-container p:last-child {
  margin-bottom: 0;
}

.return__text {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 14px;
}

@media (min-width: 768px) {
  .return__text {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 19px;
  }
}

.exchange {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  min-width: 0;
  /* max-width: 100%; */
  counter-reset: section;
}

.exchange__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  text-align: center;
  margin-bottom: 45px;
}

@media (min-width: 768px) {
  .exchange__title {
    width: 400px;
    margin-bottom: 40px;
  }
}

/* слайдер на странице возврата товаров */
.exchange-swiper {
  display: block;
  min-width: 0;
  max-width: 100%;
}

.swiper-wrapper>.exchange-slide {
  width: 134px;
  font-size: 16px;
  line-height: 19px;
  display: block;
}

@media (min-width: 768px) {
  .swiper-wrapper>.exchange-slide {
    min-width: 109px;
  }
}

.swiper-wrapper>.exchange-slide::before {
  counter-increment: section;
  content: counter(section);
  width: 70px;
  height: 70px;
  display: block;
  text-align: center;
  box-sizing: border-box;
  padding-top: 15px;
  font-weight: 500;
  font-size: 32px;
  line-height: 39px;
  color: #f32b37;
  border-radius: 50%;
  background-color: #fafafc;
}

.swiper-wrapper>.exchange-slide::after {
  content: "";
  position: absolute;
  top: 35px;
  right: -16px;
  width: 70px;
  height: 1px;
  background-color: #e6ebf0;
}

.swiper-wrapper>.exchange-slide:last-child::after {
  display: none;
}

@media (min-width: 768px) {
  .swiper-wrapper>.exchange-slide::after {
    left: 102px;
    width: 100px;
  }
}

@media (min-width: 992px) {
  .swiper-wrapper>.exchange-slide::after {
    left: 102px;
    /* width: 100px; */
  }
}

.exchange-swiper__text {
  display: block;
  width: 109px;
  margin-top: 20px;
}

.exchange__text-container {
  margin-top: 30px;
  margin-bottom: 30px;
}

.exchange__text-container p:last-child {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .exchange__text-container {
    margin-bottom: 40px;
  }
}

.exchange__text {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 14px;
}

@media (min-width: 768px) {
  .exchange__text {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 19px;
  }
}

.exchange__link {
  display: block;
  text-align: center;
  width: 245px;
  font-size: 16px;
  line-height: 19px;
  padding-top: 20px;
  padding-bottom: 20px;
  border: 1px solid #f32b37;
  border-radius: 120px;
}

.exchange__link:hover {
  color: #ffffff;
  border: 1px solid #f32b37;
  background-color: #f32b37;
}

@media (min-width: 768px) {
  .thank-you__title {
    font-size: 48px;
    line-height: 48px;
  }
}

.page__hidden {
  position: absolute;
  transform: scale(0);
}

.thank-you__title {
  display: flex;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  align-items: center;
  position: relative;
}

.thank-you__title--check {
  margin-top: 30px;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .thank-you__title--check {
    margin-top: 45px;
  }
}

@media (min-width: 768px) {
  .thank-you__title {
    font-size: 32px;
    line-height: 39px;
  }
}

@media (min-width: 992px) {
  .thank-you__title {
    font-size: 48px;
    line-height: 59px;
  }
}

.thank-you__title::before {
  display: block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background-size: cover;
}

@media (min-width: 768px) {
  .thank-you__title::before {
    width: 50px;
    height: 50px;
    margin-right: 20px;
  }
}

.thank-you__title--phone::before {
  content: "";
  background-image: url("../image/phone-red.svg");
}

.thank-you__title--check::before {
  content: "";
  background-image: url("../image/check-red.svg");
}

.thank-you__text {
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 40px;
}

@media (min-width: 992px) {
  .thank-you__text {
    margin-bottom: 80px;
  }
}

.thank-you__call-text {
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 20px;
}

.thank-you__title--phone {
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  .thank-you__title--phone {
    margin-bottom: 60px;
  }
}

.thank-you__link {
  display: block;
  text-align: center;
  width: 238px;
  font-size: 16px;
  line-height: 19px;
  padding-top: 20px;
  padding-bottom: 20px;
  border: 1px solid #000000;
  border-radius: 120px;
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .thank-you__link {
    margin-bottom: 60px;
  }
}

@media (min-width: 992px) {
  .thank-you__link {
    margin-bottom: 80px;
  }
}

.thank-you__link:hover {
  color: #ffffff;
  border: 1px solid #f32b37;
  background-color: #f32b37;
}

.complaint-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  counter-reset: section;
}

.complaint-page__title {
  display: block;
  width: 100%;
  font-size: 32px;
  line-height: 39px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .complaint-page__title {
    margin-bottom: 20px;
    padding-bottom: 0;
  }
}

.complaint-page__title-text {
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .complaint-page__title-text {
    margin-bottom: 40px;
  }
}

/* слайдер на странице рекламации */

.navigation-swiper {
  display: block;
  /* margin-bottom: 22px; */
  width: 100%;
}

.swiper-wrapper>.navigation-slide {
  /* max-width: 190px; */
  max-width: 170px;
  width: min-content;
  pointer-events: none;
}

.registration-swiper .swiper-wrapper>.navigation-slide {
  /* max-width: 190px; */
  max-width: 170px;
  width: min-content;
  pointer-events: auto;
}

.navigation-swiper .swiper-wrapper {
  justify-content: space-between;
}

.navigation-slide__text {
  display: block;
  font-size: 16px;
  line-height: 19px;
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: 10px;
  align-items: center;
  color: #a7aabb;
  position: relative;
}

.navigation-slide__text::before {
  counter-increment: section;
  content: counter(section, decimal-leading-zero);
  width: 60px;
  height: 60px;
  text-align: center;
  box-sizing: border-box;
  padding-top: 17px;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  color: #a7aabb;
  border-radius: 50%;
  background-color: #ffffff;
}

.registration-swiper .swiper-wrapper .navigation-slide__text::before {
  counter-increment: section;
  content: counter(section, decimal-leading-zero);
  width: 60px;
  height: 60px;
  text-align: center;
  box-sizing: border-box;
  padding-top: 17px;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  color: #a7aabb;
  border-radius: 50%;
  background-color: #fafafc;
}

@media (min-width: 992px) {
  .navigation-slide:not(:last-child) .navigation-slide__text::after {
    content: "";
    position: absolute;
    top: 30px;
    left: calc(100% + 15px);
    width: calc((100vw - 780px) / 3);
    height: 1px;
    background-color: #a7aabb;
  }
}

@media (min-width: 1200px) {
  .navigation-slide:not(:last-child) .navigation-slide__text::after {
    content: "";
    position: absolute;
    top: 30px;
    left: calc(100% + 25px);
    width: 140px;
    height: 1px;
    background-color: #a7aabb;
  }
}

.navigation-swiper .swiper-wrapper .swiper-slide-thumb-active span::before {
  color: #fafafc;
  background-color: #f32b37;
}

.registration-swiper .swiper-wrapper .swiper-slide-thumb-active span::before {
  color: #ffffff;
  background-color: #f32b37;
}

.swiper-slide-thumb-active span {
  color: #0f111d;
}

.complaint-page__wrapper {
  background-color: #fff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 20px;
  padding-bottom: 40px;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 30px;
  width: 100%;
}

@media (min-width: 768px) {
  .complaint-page__wrapper {
    padding: 40px 30px 40px 30px;
  }
}

@media (min-width: 992px) {
  .complaint-page__wrapper {
    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.15);
    width: calc(100% - 30px);
    padding: 40px 45px 40px 45px;
    margin-bottom: 80px;
    max-width: 990px;
  }
}

.complaint-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.complaint-form input::placeholder {
  color: #a7aabb;
}

.complaint-form__calendar {
  /* position: relative; */
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e6ebf0;
}

@media (min-width: 768px) {
  .complaint-form__calendar {
    padding-bottom: 25px;
    margin-bottom: 40px;
  }
}

.complaint-form__calendar-container {
  position: relative;
}

.complaint-form__input.complaint-form__input--date {
  font-family: "Gilroy";
  font-size: 16px;
  line-height: 19px;
  color: #a7aabb;
}

.complaint-form__input--date::-webkit-calendar-picker-indicator {
  opacity: 1;
  -webkit-appearance: none;
  background-image: url("../image/icon-calendar-complaint.svg");
}

.complaint-form__input--date,
.complaint-form__input--date:focus {
  background-color: transparent;
}

.complaint-form__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 19px;
}

.complaint-form__title--required::after {
  content: "*";
  margin-left: 4px;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  color: #f32b37;
}

.complaint-form__title--decor-line {
  display: block;
  padding-top: 30px;
  border-top: 1px solid #e6ebf0;
  margin-top: 30px;
}

@media (min-width: 768px) {
  .complaint-form__title--decor-line {
    padding-top: 40px;
    margin-top: 40px;
  }
}

.complaint-form__radio-container {
  display: grid;
  grid-template-columns: 25px 182px;
  grid-template-rows: 1fr 1fr;
  row-gap: 30px;
  align-items: center;
  margin-top: 33px;
}

@media (min-width: 768px) {
  .complaint-form__radio-container {
    display: grid;
    grid-template-columns: 25px 182px 25px 182px;
    grid-template-rows: 1fr;
    align-items: center;
  }
}

.complaint-form__checkbox-text {
  font-size: 16px;
  line-height: 19px;
}

.complaint-form__agree--center {
  align-items: center;
  gap: 10px;
}

.complaint-form input[type="radio"] {
  -webkit-appearance: none;
  appearance: none;
  place-content: center;
  position: relative;
}

.complaint-form input[type="radio"]::before {
  content: "";
  position: absolute;
  left: 0;
  /* top: 0; */
  cursor: pointer;
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #e6ebf0;
}

@media (min-width: 768px) {
  .complaint-form input[type="radio"]::before {
    content: "";
    left: 0;
    bottom: -8px;
  }
}

.complaint-form__natural-container {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: 30px;
  border-top: 1px solid #e6ebf0;
}

@media (min-width: 768px) {
  .complaint-form__natural-container {
    margin-top: 40px;
    padding-top: 40px;
  }
}

.complaint-form__legal-container {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #e6ebf0;
}

@media (min-width: 768px) {
  .complaint-form__legal-container {
    margin-top: 40px;
    padding-top: 40px;
  }
}

.complaint-form input[type="radio"]:checked::before {
  content: "";
  background-color: #f32b37;
}

#natural:checked~.complaint-form__natural-container {
  display: block;
}

#natural:checked~.complaint-form__legal-container {
  display: none;
}

#legal:checked~.complaint-form__natural-container {
  display: none;
}

#legal:checked~.complaint-form__legal-container {
  display: block;
}

.complaint-form input[type="radio"]::after {
  content: "";
  display: block;
  position: absolute;
  cursor: pointer;
  top: 4px;
  left: 5px;
  background-color: #fafafc;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
}

@media (min-width: 768px) {
  .complaint-form input[type="radio"]::after {
    content: "";
    /* bottom: 0; */
    top: -13px;
  }
}

.complaint-form__radio-container input[type="radio"]::after {
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
}

.complaint-form__radio-container input[type="radio"]::before {
  top: 50%;
  transform: translateY(-50%);
}

.complaint-form__radio-label {
  font-size: 14px;
  line-height: 17px;
  display: block;
  margin-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
}

@media (min-width: 768px) {
  .complaint-form__radio-label {
    display: inline-block;
    margin-bottom: 0;
    max-width: 150px;
    margin-left: 35px;
    margin-right: 40px;
  }
}

.complaint-form__radio-text {
  font-size: 14px;
  line-height: 17px;
  margin-left: 5px;
  cursor: pointer;
}

@media (min-width: 768px) {
  .complaint-form__radio-text {
    margin-left: 10px;
  }
}

.complaint-form__article-container {
  position: relative;
}

.complaint-form__delete-article-button {
  position: absolute;
  font-size: 14px;
  line-height: 17px;
  background-color: transparent;
  border: none;
  border-radius: 0;
  cursor: pointer;
  display: block;
  border-bottom: 1px solid #0f111d;
  right: 0;
  top: 0;
  z-index: 999;
}

@media (min-width: 768px) {
  .complaint-form__delete-article-button {
    top: 0;
  }
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}

.complaint-form__label {
  display: block;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 10px;
  position: relative;
}

.complaint-form__required::after {
  content: "*";
  display: inline-block;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  color: #f32b37;
  margin-left: 5px;
}

.complaint-form__input {
  padding: 20px;
  font-family: "Gilroy";
  font-size: 16px;
  line-height: 19px;
  background-color: #fafafc;
  border-radius: 30px;
  border: none;
  width: 100%;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .complaint-form__input {
    margin-bottom: 30px;
  }
}

.complaint-form__input--error {
  outline: 1px solid #f32b37;
}

@media (min-width: 768px) {
  .complaint-form__label-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    column-gap: 10px;
  }
}

.complaint-form__textarea {
  padding: 20px;
  font-family: "Gilroy";
  font-size: 16px;
  line-height: 19px;
  background-color: #fafafc;
  border-radius: 30px;
  border: none;
  margin-bottom: 15px;
  width: 100%;
  resize: none;
}

.complaint-form__agree {
  display: grid;
  grid-template-columns: 30px auto;
  gap: 10px;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .complaint-form__agree {
    gap: 20px;
  }
}

.complaint-form__agree input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  place-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid #a7aabb;
  border-radius: 5px;
  background-color: transparent;
  position: relative;
  box-sizing: border-box;
  transition: 0.3s;
}

.complaint-form__agree input[type="checkbox"]:checked {
  background-color: #f32b37;
  border-color: #f32b37;
}

.complaint-form__agree input[type="checkbox"]:checked::before {
  content: "";
  width: 14px;
  height: 10px;
  position: absolute;
  top: 9px;
  left: 7px;
  background-image: url("../image/checkbox.svg");
}

.complaint-form__agree-text {
  display: block;
  max-width: 515px;
}

.complaint-form__button-container {
  display: grid;
  gap: 5px;
  grid-template-columns: 112px 1fr;
  width: 230px;
  margin-top: 40px;
}

@media (min-width: 768px) {
  .complaint-form__button-container {
    gap: 10px;
    grid-template-columns: 148px 149px;
    width: 307px;
  }
}

@media (min-width: 768px) {
  .complaint-form__button-container--send {
    gap: 10px;
    width: 360px;
    grid-template-columns: 148px 202px;
  }
}

.complaint-form__button {
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 70px;
  width: 100%;
  border: 1px solid #0f111d;
  background-color: transparent;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}

.complaint-form__button:hover {
  color: #ffffff;
  border: 1px solid #f32b37;
  background-color: #f32b37;
}

.complaint-swiper__button-prev.swiper-button-disabled {
  border: 1px solid transparent;
  background-color: #fafafc;
  color: #a7aabb;
}

.registration-swiper__button-prev.swiper-button-disabled {
  border: 1px solid transparent;
  background-color: #fafafc;
  color: #a7aabb;
}

.complaint-form__button--active {
  color: #ffffff;
  background-color: #f32b37;
  border: none;
}

.complaint-form__button-quantity {
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  color: #a7aabb;
  border: none;
  width: 50px;
  padding: 20px;
  background-color: transparent;
  position: absolute;
  cursor: pointer;
}

.complaint-form__input-quantity {
  width: 150px;
  border: 1px solid #e6ebf0;
  border-radius: 70px;
  padding-top: 19px;
  padding-bottom: 19px;
  padding-left: 50px;
  padding-right: 50px;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .complaint-form__input-quantity {
    margin-bottom: 9;
  }
}

.complaint-form__quantity-container {
  position: relative;
  width: 150px;
}

.complaint-form__cost-container {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: min-content min-content min-content min-content;
  /* grid-template-columns: 150px 1fr; */
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e6ebf0;
}

@media (min-width: 768px) {
  .complaint-form__cost-container {
    grid-template-columns: 150px 1fr;
    grid-template-rows: min-content min-content;
    column-gap: 10px;
    padding-bottom: 30px;
    margin-bottom: 40px;
  }
}

@media (min-width: 992px) {
  .complaint-form__cost-container {
    padding-bottom: 40px;
  }
}

.complaint-form__button-quantity-right {
  right: 0;
}

.complaint-form__add:focus~label {
  outline: 1px solid #0f111d;
  border-radius: 30px;
  outline-offset: 6px;
}

.complaint-form__add-product {
  /* width: 200px; */
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  border: none;
  background-color: transparent;
  background-image: url(../image/plus-grey.svg);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 50px;
  padding-top: 3px;
  padding-bottom: 3px;
}

@media (min-width: 768px) {
  .complaint-form__label--decor {
    margin-top: 25px;
    padding-top: 40px;
  }
}

.complaint-form__date-input {
  padding: 20px;
  font-size: 16px;
  line-height: 19px;
  background-color: #fafafc;
  border-radius: 30px;
  border: none;
  width: 100%;
}

.complaint-form__add-cheque-text {
  display: inline-grid;
  grid-template-columns: 40px 150px;
  column-gap: 20px;
  font-size: 16px;
  line-height: 19px;
  color: #a7aabb;
  align-items: center;
  cursor: pointer;
}

.complaint-form__add-cheque-text::before {
  content: "";
  width: 40px;
  height: 40px;
  background-image: url("../image/download.svg");
}

.complaint-form__add-container {
  position: relative;
  margin-bottom: 15px;
}

.complaint-form__add-input-container {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  /* gap: 10px; */
}

@media (min-width: 768px) {
  .complaint-form__add-input-container {
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-bottom: 25px;
    align-items: center;
  }
}

.complaint-form__delete-button {
  position: absolute;
  width: 40px;
  height: 40px;
  border: none;
  background-image: url("../image/download-reset.svg");
  background-repeat: no-repeat;
  background-color: #ffffff;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}

.complaint-form__add-cheque:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .complaint-form__add-cheque {
    margin-left: 20px;
    margin-bottom: 40px;
  }
}

.complaint-form__input--document {
  max-width: 600px;
}

.complaint-form__document-text {
  max-width: 460px;
  font-size: 16px;
  line-height: 19px;
}

.complaint-form__button--active:hover {
  background-color: transparent;
  color: #0f111d;
  border: 1px solid #f32b37;
}

.complaint-form__button--active:focus {
  background-color: transparent;
  color: #0f111d;
  outline: 1px solid #f32b37;
}

.complaint-swiper {
  width: 100%;
}

.complaint-swiper__slide {
  /* text-align: center; */
  width: 100%;
}

.complaint-swiper__slide img {
  max-width: 100%;
}

.swiper-slide {
  cursor: pointer;
}

.swiper-slide-next .complaint-page__wrapper {
  box-shadow: none;
}

.swiper-slide-prev .complaint-page__wrapper {
  box-shadow: none;
}

.complaint-swiper.swiper {
  padding: 20px 15px;
}

.complaint-modal {
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
  background-color: rgba(15, 17, 29, 0.1);
  justify-content: center;
  align-items: center;
  display: none;
  opacity: 0;
  transition: 0.3s;
  overflow: hidden;
}

.complaint-modal--active {
  display: flex;
}

.complaint-modal--visible {
  opacity: 1;
}

.complaint-modal__body {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.15);
  max-width: 420px;
  position: relative;
}

.complaint-modal__title {
  display: block;
  padding: 40px 40px 30px 40px;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
}

.complaint-modal__number {
  display: block;
  padding: 15px 40px;
  background-color: #fafafc;
  font-size: 16px;
  line-height: 20px;
}

.complaint-modal__text {
  display: block;
  padding: 10px 40px 50px 40px;
  font-size: 16px;
  line-height: 19px;
}

.complaint-modal__button-close {
  position: absolute;
  cursor: pointer;
  border: none;
  background-color: transparent;
  width: 20px;
  height: 20px;
  background-image: url("../image/download-reset.svg");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
  top: 20px;
  right: 20px;
}

.complaint-swiper__slide>input::placeholder {
  color: red;
}

.not-found-page {
  margin-top: 10px;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .not-found-page {
    margin-top: 20px;
  }
}

@media (min-width: 992px) {
  .not-found-page {
    margin-bottom: 80px;
  }
}

.not-found-page__title {
  font-weight: 600;
  font-size: 32px;
  line-height: 39px;
  margin-bottom: 10px;
}

@media (min-width: 992px) {
  .not-found-page__title {
    margin-bottom: 20px;
  }
}

.not-found-page__text {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .not-found-page__text {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 40px;
  }
}

.not-found-page .not-found-page__link {
  display: block;
  width: 200px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  background-color: #f32b37;
  color: #ffffff;
  font-size: 16px;
  line-height: 19px;
  border: 1px solid #f32b37;
  border-radius: 70px;
  margin-bottom: 10px;
}

.not-found-page .not-found-page__link:hover {
  background-color: #ffffff;
  color: #0f111d;
  border: 1px solid #f32b37;
}

.cart-all {
  margin-top: 10px;
}

@media (min-width: 992px) {
  .cart-all {
    margin-top: 20px;
  }
}

.cart-all__title {
  font-weight: 600;
  font-size: 32px;
  line-height: 39px;
  margin-bottom: 10px;
}

@media (min-width: 992px) {
  .cart-all__title {
    margin-bottom: 20px;
  }
}

.checkout-cart {
  width: 100%;
}

.checkout-cart {
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .checkout-cart {
    margin-bottom: 0px;
  }
}

.checkout-cart__list-title-container {
  display: none;
}

@media (min-width: 768px) {
  .checkout-cart__list-title-container {
    display: grid;
    grid-template-columns: 1.5fr 2fr 1fr 1.5fr 1fr 1fr;
    /* grid-template-columns: min-content 2fr 1fr 1fr 1fr 1fr; */
    gap: 20px;
    padding: 20px 0;
    background-color: #fafafc;
  }
}

.checkout-cart__list-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}

.checkout-cart__list-title--image {
  padding-left: 20px;
}

.checkout-cart__list {
  list-style: none;
}

@media (min-width: 768px) {
  .checkout-cart__list {
    margin-top: 10px;
  }
}

.checkout-cart__list-title--price {
  justify-self: center;
}

.checkout-cart__list-title--quantity {
  justify-self: center;
}

.checkout-cart__list-title--discount {
  justify-self: center;
}

.checkout-cart__list-title--total {
  justify-self: center;
}

.checkout-cart__item {
  margin-bottom: 10px;
  position: relative;
}

@media (min-width: 992px) {
  .checkout-cart__item {
    margin-bottom: 20px;
  }
}

.checkout-cart__item:last-child {
  margin-bottom: 0;
}

.checkout-cart__item-img {
  display: block;
  width: 100%;
  max-width: 130px;
  height: auto;
}

@media (min-width: 768px) {
  .checkout-cart__item-img {
    /* width: 130px; */
    height: auto;
  }
}

.checkout-cart__item-title {
  font-size: 12px;
  line-height: 14px;
}

@media (min-width: 768px) {
  .checkout-cart__item-title {
    font-size: 14px;
    line-height: 17px;
  }
}

.checkout-cart__item-price {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}

@media (min-width: 768px) {
  .checkout-cart__item-price {
    display: none;
  }
}

.checkout-cart__price-container .checkout-cart__item-price-view {
  display: none;
}

@media (min-width: 768px) {
  .checkout-cart__price-container .checkout-cart__item-price-view {
    display: block;
  }
}

.checkout-cart__item-special-price {
  font-size: 13px;
  line-height: 16px;
  color: #a7aabb;
  text-decoration: line-through;
}

@media (min-width: 768px) {
  .checkout-cart__item-special-price {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #0f111d;
    text-decoration: none;
  }
}

.checkout-cart__price-container {
  display: flex;
  flex-direction: row;
  gap: 5px;
}

.checkout-cart__item {
  display: grid;
  grid-template-columns: 1.8fr 1fr 1.5fr 0.5fr;
  grid-template-rows: min-content min-content min-content;
  row-gap: 10px;
}

@media (min-width: 768px) {
  .checkout-cart__item {
    grid-template-columns: 1.5fr 2fr 1fr 1.5fr 1fr 1fr;
    gap: 20px;
    grid-template-rows: min-content;
    align-items: center;
  }
}

.checkout-cart__img {
  grid-column: 1/2;
  grid-row: 1/3;
  padding-right: 20px;
}

@media (min-width: 768px) {
  .checkout-cart__img {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}

.checkout-cart__item-title {
  grid-column: 2/4;
  grid-row: 1/2;
}

@media (min-width: 768px) {
  .checkout-cart__item-title {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}

.checkout-cart__price-container {
  grid-column: 2/4;
  grid-row: 2/3;
}

@media (min-width: 768px) {
  .checkout-cart__price-container {
    grid-column: 3/4;
    grid-row: 1/2;
    justify-self: center;
  }
}

.checkout-cart__discount {
  display: none;
}

@media (min-width: 768px) {
  .checkout-cart__discount {
    display: inline-block;
    grid-column: 5/6;
    justify-self: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #a7aabb;
  }
}

.checkout-cart__remove {
  width: 20px;
  height: 20px;
  background-color: transparent;
  background-image: url("../image/remove-btn.svg");
  background-size: 20px 20px;
  border: none;
  cursor: pointer;
  grid-column: 4/5;
  grid-row: 1/3;
  justify-self: center;
  align-self: center;
}

@media (min-width: 768px) {
  .checkout-cart__remove {
    grid-column: 6/7;
    grid-row: 1/2;
    background: none;
    width: 0;
    height: 0;
  }

  .checkout-cart__remove:before {
    content: "Удалить";
    border-bottom: 1px solid #0f111d;
    color: #0f111d;
    font-size: 12px;

    position: absolute;
    bottom: 0;
    right: 0;
  }

  .checkout-cart__remove:focus::before {
    content: "Удалить";
    outline: 2px solid #0f111d;
    outline-offset: 3px;
    border-radius: 2px;
    border-bottom: 1px solid transparent;
  }
}

.quantity_block__cart {
  grid-column: 1/3;
  grid-row: 3/4;
}

@media (min-width: 768px) {
  .quantity_block__cart {
    grid-column: 4/5;
    grid-row: 1/2;
    justify-self: center;
  }
}

.checkout-cart__item-price-total {
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  grid-column: 3/5;
  grid-row: 3/4;
  justify-self: flex-end;
  align-self: center;
}

@media (min-width: 768px) {
  .checkout-cart__item-price-total {
    grid-column: 6/7;
    grid-row: 1/2;
    justify-self: center;
    align-self: center;
  }
}

.checkout-cart__total {
  background-color: #fafafc;
  display: flex;
  flex-direction: column;
  padding-top: 20px;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
  width: calc(100% + 30px);
  margin-left: -15px;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .checkout-cart__total {
    padding: 20px 60px 30px 60px;
    width: 100%;
    margin-left: 0;
  }
}

@media (min-width: 992px) {
  .checkout-cart__total {
    max-width: 280px;
    padding: 20px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: auto;
  }
}

.checkout-cart__total-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 10px;
}

.checkout-cart__total-count {
  font-size: 16px;
  line-height: 19px;
  color: #a7aabb;
  margin-bottom: 30px;
}

.checkout-cart__total-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 15px;
}

@media (min-width: 992px) {
  .checkout-cart__total-container {
    margin-bottom: 35px;
  }
}

.checkout-cart__total-text {
  font-size: 16px;
  line-height: 19px;
}

.checkout-cart__total-value {
  font-size: 16px;
  line-height: 19px;
}

.checkout-cart__total-accent {
  font-size: 16px;
  line-height: 19px;
  color: #f32b37;
}

.checkout-cart__total-container-line {
  padding-bottom: 15px;
  border-bottom: 1px solid #e6ebf0;
}

@media (min-width: 992px) {
  .checkout-cart__total-container-line {
    padding-bottom: 30px;
    border-bottom: 1px solid #e6ebf0;
  }
}

.checkout-cart__total-bold {
  font-weight: 600;
  margin-bottom: 5px;
}

.cart-all__wrapper {
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .cart-all__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 80px;
  }
}

.checkout-cart__total .checkout-cart__checkout {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  background-color: #f32b37;
  color: #ffffff;
  font-size: 16px;
  line-height: 19px;
  border: 1px solid #f32b37;
  border-radius: 70px;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .checkout-cart__total .checkout-cart__checkout {
    margin-top: 15px;
  }
}

@media (min-width: 992px) {
  .checkout-cart__total .checkout-cart__checkout {
    margin-top: 0px;
  }
}

.checkout-cart__total .checkout-cart__checkout:hover {
  background-color: #ffffff;
  color: #0f111d;
  /* border-color: #F32B37; */
}

.checkout-cart__total .checkout-cart__continue {
  display: block;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
  line-height: 19px;
  color: #a7aabb;
  background: #ffffff;
  border: 1px solid #a7aabb;
  border-radius: 70px;
}

.checkout-cart__total .checkout-cart__continue:hover {
  color: #0f111d;
  border-color: #0f111d;
}

.order-registration {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .order-registration {
    margin-top: 20px;
  }
}

.order-registration__title {
  counter-reset: section;
  position: absolute;
  transform: scale(0);
}

@media (min-width: 768px) {
  .order-registration__title {
    position: static;
    font-weight: 600;
    font-size: 32px;
    line-height: 39px;
    margin-bottom: 20px;
    transform: scale(1);
  }
}

@media (min-width: 992px) {
  .order-registration__title {
    margin-bottom: 20px;
  }
}

.order-registration__form {
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .order-registration__form {
    margin-bottom: 80px;
  }
}

.order-swiper {
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  .registration-swiper__container {
    display: flex;
    flex-direction: row;
    gap: 20px;
  }
}

.order-registration__form-label {
  display: block;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 10px;
  /* position: relative; */
}

.order-registration__required::after {
  content: "*";
  display: inline-block;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #f32b37;
  margin-left: 4px;
}

.order-registration__form-input {
  padding: 20px;
  font-size: 16px;
  line-height: 19px;
  background-color: #fafafc;
  border-radius: 30px;
  border: 1px solid transparent;
  width: 100%;
  margin-bottom: 15px;
}

.order-registration__form-input::placeholder {
  color: #a7aabb;
  font-family: "Gilroy";
}

.order-registration__textarea {
  padding: 20px;
  font-family: "Gilroy";
  font-size: 16px;
  line-height: 19px;
  background-color: #fafafc;
  border-radius: 30px;
  border: 1px solid transparent;
  margin-bottom: 15px;
  width: 100%;
  resize: none;
}

.order-registration__button-container {
  display: grid;
  gap: 5px;
  grid-template-columns: 112px 1fr;
  width: 290px;
}

@media (min-width: 768px) {
  .order-registration__button-container {
    gap: 10px;
    grid-template-columns: 148px 1fr;
    width: 327px;
  }
}

.registration-swiper .swiper-wrapper {
  justify-content: space-between;
}

.order-registration__form-submit {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  background-color: #f32b37;
  color: #ffffff;
  font-size: 16px;
  line-height: 19px;
  border: 1px solid #f32b37;
  border-radius: 70px;
  margin-bottom: 10px;
}

.order-registration__form-submit:hover {
  background-color: #ffffff;
  color: #0f111d;
}

.order-registration__form-submit:disabled {
  background-color: rgba(243, 43, 55, 0.3);
  color: #ffffff;
  border: none;
}

.order-registration__form-text {
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
}

.order-registration__container {
  display: grid;
  grid-template-columns: 25px 1fr;
  grid-template-rows: min-content min-content;
  column-gap: 15px;
}

.order-registration__radio-label {
  font-size: 16px;
  line-height: 19px;
  color: #a7aabb;
  display: grid;
  grid-template-columns: 60px 1fr;
  grid-template-rows: min-content;
  align-items: center;
  column-gap: 15px;
  position: relative;
  cursor: pointer;
}

.order-registration__radio-label:before {
  content: "";
  width: 60px;
  height: 60px;
  background-position: center center;
  background-repeat: no-repeat;
}

.order-registration__radio-label--сourier:before {
  content: "";
  background: #a7aabb;
  -webkit-mask: url("../image/delivery-car.svg") no-repeat center / cover;
  mask: url("../image/delivery-car.svg") no-repeat center / cover;
}

.order-registration__radio-label--pickup:before {
  content: "";
  background: #a7aabb;
  -webkit-mask: url("../image/icon-box.svg") no-repeat center / cover;
  mask: url("../image/icon-box.svg") no-repeat center / cover;
}

.order-registration__form input[type="radio"] {
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  display: flex;
  align-items: center;
}

.order-registration__form input[type="radio"]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #e6ebf0;
}

input[type="radio"].order-registration__free-shipping {
  display: none;
}

/* .order-registration__сourier-container {
	grid-column: 1/3;
	grid-row: 2/3;
} */

.order-registration__сourier-container,
.order-registration__pickup-container {
  grid-column: 1/3;
  grid-row: 2/3;
  display: none;
}

#сourier:checked~.order-registration__сourier-container {
  display: block;
}

#сourier:checked+.order-registration__radio-label {
  color: #0f111d;
}

#сourier:checked+.order-registration__radio-label--сourier:before {
  background: #0f111d;
}

#pickup:checked~.order-registration__pickup-container {
  display: block;
}

#pickup:checked+.order-registration__radio-label {
  color: #0f111d;
}

#pickup:checked+.order-registration__radio-label--pickup:before {
  background: #0f111d;
}

.order-registration__form input[type="radio"]::after {
  content: "";
  display: block;
  position: absolute;
  cursor: pointer;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fafafc;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.order-registration__form input[type="radio"]:checked::before {
  content: "";
  background-color: #f32b37;
}

.order-registration__сourier-text {
  display: block;
  font-size: 12px;
  line-height: 14px;
  margin-top: 10px;
}

.order-registration__сourier-label {
  display: block;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  cursor: pointer;
}

.order-registration__pickup-text {
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  display: block;
  margin-top: 20px;
  margin-bottom: 30px;
}

.order-registration__pickup-button {
  border: 1px solid #0f111d;
  border-radius: 70px;
  width: 100%;
  max-width: 282px;
  display: flex;
  justify-content: center;
  padding-top: 21px;
  padding-bottom: 20px;
}

.order-registration__pickup-button-text {
  margin: auto;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.order-registration__pickup-button-text::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("../image/paper-plane.svg");
}

.registration-swiper__container .registration-swiper {
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .registration-swiper__container .registration-swiper {
    margin-bottom: 0;
  }
}

.order-registration__cashless-label {
  font-size: 16px;
  line-height: 19px;
  color: #a7aabb;
}

.order-registration__radio-container input[type="radio"]:checked+label {
  color: #0f111d;
}

.order-registration__cashless-text {
  display: block;
  font-size: 12px;
  line-height: 14px;
  grid-column: 2/3;
  grid-row: 2/3;
  color: #a7aabb;
}

.order-registration__radio-container input[type="radio"]:checked~p {
  color: #0f111d;
}

.order-registration__payment-container {
  display: grid;
  grid-template-columns: 25px 1fr;
  column-gap: 20px;
  row-gap: 7px;
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .order-registration__radio-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    column-gap: 20px;
  }

  .order-registration__payment-container {
    margin-bottom: 45px;
  }
}

.order-registration__info {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: 20px;
  border-top: 1px solid #a7aabb;
  display: grid;
  column-gap: 15px;
  row-gap: 5px;
  grid-template-columns: 1.5fr 1fr 80px;
  grid-template-rows: min-content min-content;
  width: 100%;
}

@media (min-width: 992px) {
  .order-registration__info {
    margin-bottom: 40px;
  }
}

.order-registration__info-title {
  font-size: 12px;
  line-height: 14px;
}

.order-registration__info-text {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
}

.order-registration__info-right {
  margin-left: auto;
}

.scroll-up {
  position: fixed;
  display: none;
  bottom: 100px;
  right: 30px;
  width: 40px;
  height: 40px;
  box-shadow: 0 2px 6px rgba(44, 44, 44, 0.2);
  border-radius: 50%;
  border: none;
  outline: none;
  background-color: #e6ebf0;
  opacity: 0;
  z-index: 9;
}

@media (min-width: 992px) {
  .scroll-up {
    width: 60px;
    height: 60px;
  }
}

.scroll-up:hover {
  background-color: #f32b37;
}

.scroll-up::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 20px;
  height: 20px;
  -webkit-mask: url("../image/arrow-up.svg") no-repeat center / cover;
  mask: url("../image/arrow-up.svg") no-repeat center / cover;
  background-color: #a7aabb;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.scroll-up:hover::before {
  background-color: #ffffff;
}

.scroll-up--show {
  display: block;
  opacity: 1;
}

.recommended-products {
  padding-top: 30px;
}

.recommended-products__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .recommended-products__title {
    font-size: 32px;
    line-height: 39px;
    margin-bottom: 15px;
  }
}

@media (min-width: 992px) {
  .recommended-products__title {
    margin-bottom: 20px;
  }
}

.recommended-product {
  display: flex;
  flex-direction: column;
  position: relative;
}

.recommended-product__img {
  display: block;
  background-color: #fafafc;
}

@media (min-width: 992px) {
  .recommended-product__img {
    height: 100%;
    width: 100%;
    max-width: 285px;
  }
}

.recommended-product__discount-mark {
  display: block;
  position: absolute;
  color: #fff;
  background-color: #f32b37;
  padding: 3px 6px;
  left: 10px;
  top: 10px;
  line-height: normal;
  border-radius: 2px;
}

@media (min-width: 992px) {
  .recommended-product__discount-mark {
    left: 20px;
    top: 20px;
  }
}

.recommended-product__name {
  font-size: 14px;
  line-height: 17px;
  margin-top: 10px;
}

.recommended-product__price {
  display: block;
  margin-top: 12px;
  font-size: 13px;
  line-height: 16px;
  color: #a7aabb;
  text-decoration: line-through;
}

@media (min-width: 992px) {
  .recommended-product__price {
    font-size: 16px;
    line-height: 19px;
  }
}

.recommended-product__new-price {
  display: block;
  margin-top: 20px;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}

@media (min-width: 992px) {
  .recommended-product__new-price {
    font-size: 20px;
    line-height: 25px;
  }
}

.recommended-product__price-container {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-top: auto;
}

.recommended-products-swiper__pagination,
.products-hit-swiper__pagination {
  text-align: center;
}

.recommended-products-swiper .swiper-wrapper {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .recommended-products-swiper .swiper-wrapper {
    margin-bottom: 30px;
  }
}

.recommended-products-swiper .swiper-wrapper .swiper-slide {
  height: auto;
  width: min-content;
}

.products-hit-swiper .swiper-wrapper .swiper-slide {
  height: auto;
  width: min-content;
  flex-direction: column;
  display: flex;
}

.products-hit-swiper .swiper-wrapper .swiper-slide .product-card__price-container {
  display: flex;
  justify-content: space-between;
}

.recommended-products-swiper__pagination .swiper-pagination-bullet {
  background-color: #e6ebf0;
  opacity: 1;
}

.recommended-products-swiper__pagination .swiper-pagination-bullet-active {
  background-color: #f32b37;
}

.products-hit-swiper__pagination .swiper-pagination-bullet {
  background-color: #e6ebf0;
  opacity: 1;
}

.products-hit-swiper__pagination .swiper-pagination-bullet-active {
  background-color: #f32b37;
}

.recommended-products-swiper-button-next,
.recommended-products-swiper-button-prev {
  display: flex;
  cursor: pointer;
}

.recommended-products-swiper-button-next:after,
.recommended-products-swiper-button-prev:after {
  content: "";
  width: 34px;
  height: 24px;
  background-position: center center;
  background-repeat: no-repeat;
}

.recommended-products-swiper-button-prev:after {
  content: "";
  display: block;
  background: #0f111d;
  -webkit-mask: url("../image/arrow_left.svg") no-repeat center / cover;
  mask: url("../image/arrow_left.svg") no-repeat center / cover;
  /* background-image: url('../image/arrow_left.svg'); */
}

.recommended-products-swiper-button-next:after {
  content: "";
  background: #0f111d;
  -webkit-mask: url("../image/arrow_left.svg") no-repeat center / cover;
  mask: url("../image/arrow_left.svg") no-repeat center / cover;
  transform: rotate(180deg);
}

.recommended-products-swiper-button-next.swiper-button-disabled:after,
.recommended-products-swiper-button-prev.swiper-button-disabled:after {
  background-color: #e6ebf0;
}

.recommended-products__buttons-container {
  display: none;
}

@media (min-width: 992px) {
  .recommended-products__buttons-container {
    display: flex;
    flex-direction: row;
    gap: 50px;
    position: absolute;
    right: 0;
    top: 0;
  }

  .recommended-products-swiper__pagination {
    display: none;
  }
}

.products-hit {
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .products-hit {
    margin-bottom: 60px;
  }
}

@media (min-width: 992px) {
  .products-hit {
    margin-bottom: 80px;
  }
}

.products-hit__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .products-hit__title {
    margin-bottom: 15px;
    font-size: 32px;
    line-height: 39px;
  }
}

@media (min-width: 992px) {
  .products-hit__title {
    margin-bottom: 20px;
  }
}

.products-hit__list {
  list-style: none;
}

.products-hit__list>li>a.image {
  /* min-height: 320px; */
  margin-bottom: 10px;
  background-color: #fafafc;
  display: flex;
  align-items: flex-end;
}

.products-hit__list.swiper-wrapper {
  margin: 0 0 15px 0;
}

@media (min-width: 992px) {
  .products-hit__list li a.image {
    margin-bottom: 20px;
  }
}

.products-hit__list>li>a span {
  display: block;
  position: absolute;
  color: #fff;
  background-color: #f32b37;
  padding: 3px 6px;
  left: 10px;
  top: 10px;
  line-height: normal;
  border-radius: 2px;
}

@media (min-width: 992px) {
  .products-hit__list>li>a span {
    font-size: 14px;
    left: 20px;
    top: 20px;
  }
}

/* стили карточки товара в слайдерах */
.product-card__img {
  display: block;
  /* background-color: #FAFAFC; */
  width: 285px;
}

.product-card__name {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 10px;
}

@media (min-width: 992px) {
  .product-card__name {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 15px;
    width: 240px;
  }
}

.products-hit__item h4 {
  height: 100%;
}

.product-card__price {
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
  gap: 4px;
  align-self: flex-end;
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
}

@media (min-width: 768px) {
  .product-card__price {
    flex-direction: row;
    height: 30px;
    gap: 5px;
    align-items: flex-end;
    font-size: 16px;
    line-height: 20px;
  }
}

@media (min-width: 1230px) {
  .product-card__price {
    font-size: 20px;
    line-height: 25px;
  }
}

.product-card__price .old {
  color: #a7aabb;
  text-decoration: line-through;
  font-size: 12px;
  font-weight: 400;
}

@media (min-width: 768px) {
  .product-card__price .old {
    align-self: flex-start;
  }
}

@media (min-width: 992px) {
  .product-card__price .old {
    font-size: 16px;
    line-height: 19px;
  }
}

.products-hit__item .product-card__price-container button {
  align-self: flex-end;
  padding: 4px 24px;
  font-size: 12px;
  opacity: 1;
}

@media (min-width: 768px) {
  .products-hit__item .product-card__price-container button {
    padding: 8px 24px 6px 24px;
  }
}

@media (min-width: 992px) {
  .products-hit__item .product-card__price-container button {
    align-self: flex-end;
    font-size: 16px;
    opacity: 0;
  }

  .products-hit__item:hover .product-card__price-container button {
    opacity: 1;
  }
}

.products-hit__item:hover .product-card__price-container button:hover svg path[stroke="white"] {
  stroke: #f32b37;
}

.home_page_banner {
  text-align: center;
  margin: 0 0 20px 0;
}

.home_page_banner .wrapper {
  background-image: url("../image/home_page_banner/background.webp");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 95px 15px 40px 15px;
}

.home_page_banner img {
  margin: 0 0 10px 0;
}

.home_page_banner .name {
  margin: 0 0 30px 0;
  font-weight: 600;
  font-size: 20px;
}

.home_page_banner a {
  font-weight: 600;
  font-size: 16px;
  background-color: #f32b37;
  border: 1px solid #f32b37;
  padding: 20px 52px;
  border-radius: 120px;
  color: #fff;
  display: block;
  width: fit-content;
  margin: 0 auto;
}

.home_page_banner a:hover {
  background-color: #fff;
  color: inherit;
}

@media (min-width: 480px) {
  .home_page_banner .wrapper {
    background-image: url("../image/home_page_banner/background-768.webp");
    background-position: center top;
  }
}

@media (min-width: 768px) {
  .home_page_banners {
    margin: 0 0 30px 0;
  }

  .home_page_banner .wrapper {
    padding: 90px 15px 25px 15px;
  }

  .home_page_banner .name {
    font-size: 32px;
    margin: 0 0 20px 0;
  }
}

@media (min-width: 992px) {
  .home_page_banners {
    margin: 0 0 40px 0;
  }

  .home_page_banner .wrapper {
    background-image: url("../image/home_page_banner/background-992.webp");
    padding: 120px 15px 35px 15px;
  }

  .home_page_banner img {
    height: 20px;
    margin: 0 0 15px 0;
  }

  .home_page_banner .name {
    font-weight: 700;
    margin: 0 0 30px 0;
  }

  .home_page_banner a {
    padding: 20px 60px;
  }
}

.show_more {
  display: block;
  width: 100%;
  border: none;
  text-align: center;
  background-color: #e6ebf0;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 15px;
  margin: 0 0 20px 0;
  transition: 0.3s;
  cursor: pointer;
  color: #0f111d;
}

.show_more:hover {
  background-color: #f32b37;
  color: #fff;
}

.admin_product_edit,
.admin_product_edit:-webkit-any-link,
.admin_prod_orig_img,
.admin_prod_orig_img:-webkit-any-link {
  display: block;
  position: fixed;
  left: 0;
  padding: 10px 15px;
  background-color: #1e91cf;
  border: 1px solid #197bb0;
  border-left: none;
  border-radius: 0 5px 5px 0;
  text-align: center;
  color: #fff;
  cursor: pointer;
  z-index: 999999;
  font-size: 16px;
  width: 150px;
}

.admin_product_edit:hover,
.admin_prod_orig_img:hover {
  background-color: #fff;
  color: #1e91cf;
}

.admin_product_edit:focus,
.admin_prod_orig_img:focus {
  background-color: #1e91cf;
  color: #fff;
}

.admin_product_edit {
  top: 50px;
}

.admin_prod_orig_img {
  top: 100px;
}

.product_card .header .zoom {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: -1;
  opacity: 0;
}

.product_card .header .zoom.active {
  z-index: 20;
  transition: 0.3s;
}

.product_card .header .zoom.visible {
  opacity: 1;
}

.product_card .header .zoom .swiper {
  position: initial;
}

.product_card .header .zoom .swiper .swiper-wrapper {
  align-items: center;
  position: initial;
}

.product_card .header .zoom .swiper .swiper-wrapper img {
  display: block;
  margin: 0 auto;
  width: 100%;
  background-color: #fff;
}

.product_card .header .zoom .swiper .zoom_pagination {
  display: flex;
  justify-content: center;
  margin: 20px 0 0 0;
  position: absolute;
  bottom: 20px;
}

.product_card .header .zoom .swiper .zoom_pagination .swiper-pagination-bullet {
  background-color: #626262;
  width: 15px;
  height: 15px;
  opacity: 1;
}

.product_card .header .zoom .swiper .zoom_pagination .swiper-pagination-bullet-active {
  background-color: #ffffff;
}

.product_card .header .zoom button.close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 30px;
  right: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  opacity: 0.5;
  z-index: 2;
}

.product_card .header .zoom button.close:hover {
  opacity: 1;
}

.product_card .header .zoom button.close::after,
.product_card .header .zoom button.close::before {
  position: absolute;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  content: "";
  display: block;
  background-color: #fff;
  transform: rotate(45deg);
}

.product_card .header .zoom button.close::before {
  transform: rotate(-45deg);
}

@media (min-width: 992px) {
  .product_card .header .zoom .swiper .swiper-wrapper img {
    width: auto;
  }

  .product_card .header .zoom .swiper .prev,
  .product_card .header .zoom .swiper .next {
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border-top: 3px solid transparent;
    border-left: 3px solid transparent;
    border-bottom: 3px solid #a7aabb;
    border-right: 3px solid #a7aabb;
    border-radius: 4px;
    display: block;
    z-index: 1;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
  }

  .product_card .header .zoom .swiper .prev:hover,
  .product_card .header .zoom .swiper .next:hover {
    border-bottom: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
  }

  .product_card .header .zoom .swiper .prev:focus,
  .product_card .header .zoom .swiper .next:focus {
    outline: none;
  }

  .product_card .header .zoom .swiper .prev {
    left: 40px;
    transform: translateX(10px) rotate(135deg);
  }

  .product_card .header .zoom .swiper .next {
    right: 40px;
    transform: translateX(-10px) rotate(-45deg);
  }
}

.home_banner picture {
  display: flex;
  justify-content: center;
}

.home_banner picture img {
  width: 500px;
}

@media (min-width: 480px) {
  .home_banner picture img {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .home_banner {
    margin: 0 0 30px 0;
  }
}

@media (min-width: 992px) {
  .home_banner {
    margin: 0 auto 40px auto;
  }
}

.manufacturers_catalogs {
  padding: 10px 0;
}

.manufacturers_catalogs h1 {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 20px;
}

.manufacturers_catalogs .body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.manufacturers_catalogs .body .item {
  font-size: 20px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.manufacturers_catalogs .body .item img {
  transition: 0.3s;
  max-width: 100%;
}

.manufacturers_catalogs .body .item p {
  font-weight: 600;
}

.manufacturers_catalogs .body .item a {
  text-decoration: underline;
}

.manufacturers_catalogs .body .item a:first-child {
  overflow: hidden;
  line-height: 0;
  background-color: #f3f3f3;
}

.manufacturers_catalogs .body .item a:hover img {
  transform: scale(1.05);
}

@media (min-width: 420px) {
  .manufacturers_catalogs .body {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .manufacturers_catalogs .body .item {
    width: calc((100% - 20px) / 2);
  }

  .manufacturers_catalogs .body .item a:first-child {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media (min-width: 768px) {
  .manufacturers_catalogs {
    padding: 20px 0 0 0;
  }

  .manufacturers_catalogs .body .item {
    width: calc((100% - 40px) / 3);
  }
}

@media (min-width: 992px) {
  .manufacturers_catalogs {
    padding: 0;
  }

  .manufacturers_catalogs .body .item {
    width: calc((100% - 60px) / 4);
  }
}

@media (min-width: 375px) {
  header .body .telegram {
    display: block;
  }
}

.thumbnails {
  /* justify-content: center; */
}

/* .thumbnails a {
  display: inline-block;
  position: relative;
} */

.thumbnails .thumbnail-dot {
  width: 10px;
  /* Ширина точки */
  height: 10px;
  /* Высота точки */
  border-radius: 50%;
  /* Создает круглую форму */
  background-color: #e6ebf0;
  /* Цвет точки */
  display: inline-block;
  cursor: pointer;
}

/* Стиль активной точки */
.thumbnails .swiper-slide-thumb-active {
  background-color: #f32b37;
  /* Цвет активной точки */
}

.thumbnails__center {
  justify-content: center;
}

.email__block {
  position: relative;
  margin: 10px 0;
}

.email__block {
  display: flex;
  align-items: center;
  gap: 6px;
}
.email__copy {
  position: static;
  transform: none;
  flex-shrink: 0;
}

.email__copy button {
  border: none;
  background-color: transparent;
}

.email__copy button img {
  width: 18px;
}

.email__copy button img:hover {
  width: 21px;
}

.text__copy {
  position: absolute;
  top: 4px;
  left: 140px; font-size: 10px; color: #00926b;
}

/*  --------- Главный баннер пагинация ------ */

.banner__main .swiper-pagination {
	display: block;
	position: absolute;
	bottom: -3px !important;
}

.banner__main .swiper-pagination-bullet {
  width: 8px;
	height: 8px;
	background-color: rgba(64, 64, 64, 0.6) !important;
	box-shadow: none;
  transition: all 0.2s;
}

.banner__main .swiper-pagination-bullet-active {
  width: 24px !important;
  background-color: rgba(64, 64, 64, 0.5) !important;
  border-radius: 5px !important;
}

@media (min-width: 768px) {
  .banner__main .swiper-pagination-bullet-active {
      width: 30px;
  }

  .banner__main .swiper-pagination-bullet {
      background-color: rgba(64, 64, 64, 0.1);
      width: 10px;
      height: 10px;
  }

}

@media (min-width: 768px) {
  .banner__main .swiper-pagination{
    display: block;
		max-width: 1440px;
		position: absolute;
		margin: 0 auto;
		text-align: left;
    bottom: 60px !important;
    left: 48% !important;
  }
}

/* Баннер теневой плинтус 20%*/
.banner__tenevoy{
  background-image: url("/catalog/view/theme/rumgips/image/home_page_banner/tenevoy_mobile.webp"), url("/catalog/view/theme/rumgips/image/home_page_banner/RUM_20.webp");
  background-size: 200px 200px, 100% auto;
  background-repeat: no-repeat, no-repeat;
  background-position: bottom right, top ;
  max-height: 100%;
  background-color: #fafafa;
}

.banner__tenevoy .desktop__rum20 {
  display: none;
}

.banner__tenevoy .banner__tenevoy-button {
  background-color: #f32b37;
  color: #fff;
  border-color: #f32b37;
}

.banner__tenevoy .banner__tenevoy-button:hover {
  background-color: #fff;
  color: #0F111D;
  border-color: #f32b37;
}

.banner__tenevoy .tenevoy-block {
  padding-top: 20px;
  margin-top: 0;
  height: 408px;
}

.banner__tenevoy .home__banner-text-padding {
  text-align: center;
  padding: 0;
  margin-bottom: 11px;
  font-weight: 400;
  font-size: 16px;
}

.banner__tenevoy .home__banner-text-padding img {
  transform: translate(0, 3px);
}

.banner__tenevoy .tenevoy-block__2 {
  font-weight: 400;
  text-align: center;
  font-size: 16px;

}

.banner__tenevoy .tenevoy-block__2 span {
  font-weight: 600;
}

.banner__tenevoy .tenevoy-block__3 {
    text-align: center;
    font-weight: 400;
    font-size: 16px;

  }

  @media (min-width: 768px) {
    .banner__tenevoy{
      justify-content: center;
    }

    .banner__tenevoy .tenevoy-block {
      margin-left: 0;
      height: 280px;
      padding-top: 0;
    }

    .banner__tenevoy .banner__tenevoy-button {
      margin: 0 auto;
    }

    .banner__tenevoy .home__btn-align {
      text-align: center;
    }
    .banner__tenevoy .col-6 {
      flex-basis: 60%;
      min-width: 60%;
    }

    .banner__tenevoy .home__banner-text-padding img {
      transform: translate(0, 5px);
      width: 72px;
    }

    .banner__tenevoy .home__banner-title {
      padding-top: 20px;
    }

  }

  @media (min-width: 992px) {
    .banner__tenevoy{
      background-image: url("/catalog/view/theme/rumgips/image/home_page_banner/tenevoy_combo.webp"), url("/catalog/view/theme/rumgips/image/home_page_banner/tenevoy_desktop.webp");
      background-size: auto 280px, 289px 280px;
      background-repeat: no-repeat, no-repeat;
      background-position: left, right ;
      max-height: 100%;
    }

    .banner__tenevoy .tenevoy-block {
      margin-left: 0;
      height: 280px;
      margin: 0;
    }
    .banner__tenevoy .mobile__rum20 {
      display: none;
    }
    .banner__tenevoy .desktop__rum20 {
      display: inline;
      font-weight: 600;
    }
    .banner__tenevoy .tenevoy-block__2 {
      font-weight: 400;
      font-size: 28px;
      text-align: left;
    }
    .banner__tenevoy .tenevoy-block__3 {
      font-weight: 400;
      font-size: 28px;
    }

    .banner__tenevoy .tenevoy-block__1 {
      padding-left: 41px;

    }

    .banner__tenevoy .home__banner-titlecenter {
      display: flex;
      justify-content: center;
      padding-top: 62px;
    }
    .banner__tenevoy .home__banner-text-padding {
      font-weight: 400;
      font-size: 20px;
      position: relative;
    }

    .banner__tenevoy .home__banner-text-padding img {
      position: absolute;
      top: 7px;
      left: 0;
      width: 92px;
      height: 59px;
    }

    .banner__tenevoy .banner__tenevoy-button {
      padding: 20px 60px;
    }

    .banner__tenevoy .home__btn-align {
      margin-top: 63px;
    }

    .banner__tenevoy .home__banner-title {
      padding-top: 0;
    }
  }

/* Баннер микроплинтус 20%*/
.banner__micro{
  background-image: url("/catalog/view/theme/rumgips/image/home_page_banner/micro1_mobile.webp"), url("/catalog/view/theme/rumgips/image/home_page_banner/micro2_desktop.webp");
  background-size: 320px auto, 100% auto;
  background-repeat: no-repeat, no-repeat;
  background-position: bottom left, top ;
  max-height: 100%;
  background-color: #fafafa;
}

.banner__micro .home__block{
  margin-top: 0;
  padding-top: 40px;
  height: 408px;
}

.banner__micro .banner__micro-button {
  background-color: #0F111D;
  color: #fff;
  border-color: #0F111D;
}

  .banner__micro .banner__micro-button:hover {
    background-color: #fff;
    color: #0F111D;
    border-color: #0F111D;
  }

.banner__micro .home__banner-text-padding{
  text-align: center;
  font-weight: 400;
  font-size: 20px;
  margin-bottom: 10px;
  padding: 0;
}

.banner__micro .home__banner-product{
  font-weight: 600;
  font-size: 16px;
}

@media (min-width: 468px) {
  .banner__micro{
    background-image: url("/catalog/view/theme/rumgips/image/home_page_banner/micro1_mobile.webp"), url("/catalog/view/theme/rumgips/image/home_page_banner/micro3_mobile.webp");
  }

}

@media (min-width: 768px) {
  .banner__micro{
    justify-content: center;
  }

  .banner__micro .home__block {
    margin-left: 0;
    height: 280px;
  }

  .banner__micro .banner__micro-button {
    margin: 0 auto;
  }

  .banner__micro .home__btn-align {
    text-align: center;
  }
  .banner__micro .col-6 {
    flex-basis: 60%;
    min-width: 60%;
  }

  .banner__micro .home__banner-product{
    text-align: center;
  }
}

@media (min-width: 992px) {
  .banner__micro .home__block{
    margin-left: 0;
    height: 280px;
    margin: 0;
  }

  .banner__micro{
    background-image: url("/catalog/view/theme/rumgips/image/home_page_banner/micro1_mobile.webp"), url("/catalog/view/theme/rumgips/image/home_page_banner/micro5_desktop.webp");
    background-size: 427px 280px, auto 100%;
    background-repeat: no-repeat, no-repeat;
    background-position: bottom left, top right ;
  }

  .banner__micro .banner__micro-button {
    padding: 20px 60px;
  }

  .banner__micro .home__banner-titlecenter {
    padding-top: 58px;
  }

  .banner__micro .home__block {
    padding: 0;
  }

  .banner__micro .home__banner-text-padding {
    font-size: 24px;
    margin-bottom: 10px;
  }

  .banner__micro .home__banner-product{
    font-size: 28px;
  }
}

/* MAX icon size lock */
header .body .contact_icons .max {
  display: flex;
  align-items: center;
  justify-content: center;
}
header .body .contact_icons .max img {
  display: block !important;
  width: 41px !important;
  height: 41px !important;
  max-width: 41px !important;
  max-height: 41px !important;
  object-fit: contain !important;
  flex-shrink: 0;
  border-radius: 8px;
}
footer .body .item.contacts .socials .max img {
  display: block;
  width: 41px;
  height: 41px;
  object-fit: contain;
  border-radius: 8px;
}

/* MAX picture wrapper in header */
header .body .contact_icons .max picture {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 41px !important;
  height: 41px !important;
  line-height: 0;
}
header .body .contact_icons .max picture img {
  width: 41px !important;
  height: 41px !important;
  max-width: 41px !important;
  max-height: 41px !important;
  object-fit: contain !important;
}

/* SEO H1 on homepage */
.home__seo-h1 {
  font-family: Gilroy, sans-serif;
  font-size: 22px;
  line-height: 1.3;
  font-weight: 600;
  color: #0F111D;
  text-align: center;
  margin: 24px 16px 8px;
}
@media (min-width: 768px) {
  .home__seo-h1 { font-size: 28px; margin: 32px auto 12px; max-width: 900px; }
}

/* MAX vs Telegram optical size only, do not change link box */
header .body .contact_icons .max img,
header .body .contact_icons .max picture img {
  width: 38px !important;
  height: 38px !important;
  margin: 0 !important;
  object-fit: contain !important;
}

/* Fix: Semibold subset has no Cyrillic — use Medium for 600 */
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Medium.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* rumgips pagination 2026-09-17 */
.pagination {
  display: flex;
  align-items: center;
  gap: 6px;
}
.pagination li a,
.pagination li span {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  background: #f4f5f7;
  color: #0f111d;
  border: none;
}
.pagination li a:hover {
  background: #0f111d;
  color: #fff;
}
.pagination li.active span {
  background: #f32b37;
  color: #fff;
}
.pagination li.arrow a,
.pagination li.arrow span {
  background: transparent;
  color: #0f111d;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: -1px;
}
.pagination li.arrow a:hover {
  background: transparent;
  color: #f32b37;
}

/* rumgips gallery arrows 2026-09-17 */
.product_card .header .product_images_slider .prev,
.product_card .header .product_images_slider .next {
  width: 48px;
  height: 48px;
  border: none;
  background: transparent;
  z-index: 5;
  transform: none;
}
.product_card .header .product_images_slider .prev {
  left: 4px;
}
.product_card .header .product_images_slider .next {
  right: 4px;
}
.product_card .header .product_images_slider .prev::after,
.product_card .header .product_images_slider .next::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  border-bottom: 1.5px solid #0f111d;
  border-right: 1.5px solid #0f111d;
}
.product_card .header .product_images_slider .prev::after {
  transform: translate(-40%, -50%) rotate(135deg);
}
.product_card .header .product_images_slider .next::after {
  transform: translate(-60%, -50%) rotate(-45deg);
}
.product_card .header .product_images_slider .prev:hover::after,
.product_card .header .product_images_slider .next:hover::after {
  border-color: #f32b37;
}

/* rumgips hide cart icon 2026-09-17 */
#button-cart svg,
.cart_btn svg,
button.cart_btn svg {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* rumgips grid add button 2026-09-17 */
.products_category .body .products_list .item .caption .price_info a,
.products_category .body .products_list .item .caption button,
.products-hit__item .product-card__price-container button {
  background: #fff !important;
  border: 1px solid #0f111d !important;
  box-shadow: none !important;
  border-radius: 70px !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  padding: 8px 14px !important;
  font-size: 0 !important;
  opacity: 1 !important;
  position: relative;
  align-self: flex-end;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  line-height: 1 !important;
}
.products_category .body .products_list .item .caption .price_info a svg,
.products_category .body .products_list .item .caption button svg,
.products-hit__item .product-card__price-container button svg {
  display: none !important;
}
.products_category .body .products_list .item .caption .price_info a::before,
.products_category .body .products_list .item .caption button::before,
.products-hit__item .product-card__price-container button::before {
  content: "+";
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  color: #0f111d;
  position: static;
  transform: translateY(1.5px);
}
.products_category .body .products_list .item .caption .price_info a::after,
.products_category .body .products_list .item .caption button::after,
.products-hit__item .product-card__price-container button::after {
  content: "в корзину";
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1;
  color: #0f111d;
  white-space: nowrap;
}
.products_category .body .products_list .item .caption .price_info a:hover,
.products_category .body .products_list .item .caption button:hover,
.products-hit__item .product-card__price-container button:hover {
  background: #f32b37 !important;
  border-color: #f32b37 !important;
}
.products_category .body .products_list .item .caption .price_info a:hover::before,
.products_category .body .products_list .item .caption button:hover::before,
.products-hit__item .product-card__price-container button:hover::before,
.products_category .body .products_list .item .caption .price_info a:hover::after,
.products_category .body .products_list .item .caption button:hover::after,
.products-hit__item .product-card__price-container button:hover::after {
  color: #fff;
}

/* rumgips mobile header 2026-09-17 */
@media (max-width: 767px) {
  header .wrapper.body,
  header .body {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding: 8px 10px !important;
  }
  header .body .logo {
    flex: 0 1 auto !important;
    min-width: 0 !important;
  }
  header .body .logo img {
    width: 148px !important;
    max-width: 148px !important;
    height: auto !important;
  }
  header .body .contact_icons {
    display: flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    gap: 4px !important;
  }
  header .body .contact_icons a {
    margin: 0 !important;
    padding: 0 !important;
  }
  header .body .contact_icons a,
  header .body .contact_icons .max {
    display: flex !important;
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
  }
  header .body .contact_icons a img,
  header .body .contact_icons a svg {
    width: 30px !important;
    height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
    object-fit: contain !important;
  }
}

/* rumgips to-category btn 2026-09-18 */
.product_card .info .price_and_controls .cart_btn,
.product_card .info .price_and_controls .to_category_btn {
  height: 50px !important;
  min-height: 50px !important;
  box-sizing: border-box;
  padding: 0 18px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 50px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  white-space: nowrap;
}
.product_card .info .price_and_controls .cart_btn {
  background: #f32b37 !important;
  border: 1px solid #f32b37 !important;
  color: #fff !important;
}
.product_card .info .price_and_controls .cart_btn:hover,
.product_card .info .price_and_controls .cart_btn:focus {
  background: #0f111d !important;
  border-color: #0f111d !important;
  color: #fff !important;
}
.product_card .info .price_and_controls .to_category_btn {
  border: 1px solid #0f111d;
  border-radius: 70px;
  background: #fff;
  color: #0f111d;
  text-decoration: none;
}
.product_card .info .price_and_controls .to_category_btn:hover {
  background: #0f111d;
  color: #fff;
}

@media (max-width: 767px) {
  .product_card .info .price_and_controls {
    display: grid !important;
    grid-template-columns: 150px minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
    align-items: center;
  }
  .product_card .info .price_and_controls .price {
    grid-column: 1 / -1;
    width: 100%;
    margin: 0 0 4px !important;
  }
  .product_card .info .price_and_controls .quantity_block {
    grid-column: 1;
    width: 150px !important;
    height: 50px !important;
    margin: 0 !important;
  }
  .product_card .info .price_and_controls .order_buttons {
    display: contents !important;
  }
  .product_card .info .price_and_controls .cart_btn { grid-column: 2; width: 100%; }
  .product_card .info .price_and_controls .to_category_btn { grid-column: 3; width: 100%; }
}

@media (min-width: 768px) {
  .product_card .info .price_and_controls {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 12px !important;
  }
  .product_card .info .price_and_controls .price {
    flex: 0 0 100%;
    width: 100%;
    margin: 0 0 4px !important;
  }
  .product_card .info .price_and_controls .quantity_block {
    flex: 0 0 150px !important;
    width: 150px !important;
    height: 50px !important;
    margin: 0 !important;
  }
  .product_card .info .price_and_controls .order_buttons {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 10px !important;
    width: auto !important;
    height: 50px !important;
    margin: 0 !important;
    position: static !important;
  }
  .product_card .info .price_and_controls .cart_btn,
  .product_card .info .price_and_controls .to_category_btn {
    width: auto !important;
    flex: 0 0 auto;
    position: static !important;
  }
}

/* rumgips product desc type 2026-09-18 */
.product_card .wrapper > p,
.product_card .wrapper > p span,
.product_card .wrapper > p b,
.product_card .wrapper > p strong,
.product_card .wrapper > ul,
.product_card .wrapper > ul li,
.product_card .category-intro,
.product_card .category-intro p,
.product_card .category-intro span,
.product_card .category-intro li {
  font-size: 16px !important;
  line-height: 1.55 !important;
  color: #4a4a4a !important;
  font-family: inherit;
}
.product_card .wrapper > p {
  margin: 0 0 12px;
  max-width: 820px;
}

/* rumgips hide stock video frame 2026-09-18 */
.product_card__video { display: none !important; }

/* rumgips sale badge square 2026-09-18 */
.products_category .body .products_list .item .image span,
.products_category .body .products_list .item a.image > span,
.products-hit__item a.image > span,
.item a.image > span:not(.manufacturer) {
  width: 54px !important;
  height: 54px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  font-size: 10px !important;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1.1 !important;
  text-transform: uppercase;
  text-align: center;
}

/* rumgips glass tabbar 2026-09-19 */
@media (max-width: 767px) {
  .mobile_menu .navigation {
    position: relative;
    margin: 0 10px calc(8px + env(safe-area-inset-bottom, 0px));
    padding: 6px 8px !important;
    border-radius: 28px;
    background: rgba(250,250,252,0.55) !important;
    -webkit-backdrop-filter: saturate(180%) blur(28px);
    backdrop-filter: saturate(180%) blur(28px);
    border: 1px solid rgba(255,255,255,0.55);
    box-shadow: 0 10px 30px rgba(15,17,29,0.10);
  }
  .mobile_menu .navigation .wrap { position: relative; }
  .mobile_menu .nav-bubble {
    position: absolute;
    top: 4px;
    left: 0;
    height: calc(100% - 8px);
    width: 64px;
    border-radius: 22px;
    background: rgba(255,255,255,0.55);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    backdrop-filter: blur(16px) saturate(180%);
    border: 1px solid rgba(255,255,255,0.7);
    box-shadow: 0 6px 18px rgba(15,17,29,0.10), inset 0 1px 0 rgba(255,255,255,0.9);
    pointer-events: none;
    z-index: 0;
    will-change: transform, width;
  }
  .mobile_menu .navigation > .wrap > .item {
    position: relative;
    z-index: 1;
    flex: 1 1 0;
    background: transparent !important;
  }
  .mobile_menu .navigation > .wrap > .item.is-hot span { color:#0f111d !important; }
  .mobile_menu .navigation > .wrap > .item.is-hot svg path { stroke:#0f111d !important; }
}

/* rumgips liquid bubble 2026-09-19 */
@media (max-width: 767px) {
  .mobile_menu .navigation .wrap {
    overflow: visible !important;
  }
  .mobile_menu .navigation > .wrap > .item {
    overflow: visible !important;
  }
  .mobile_menu .navigation > .wrap > .item svg {
    overflow: visible !important;
    display: block;
    margin: 0 auto;
  }
  .mobile_menu .navigation > .wrap > .item.search svg {
    width: 18px;
    height: 18px;
  }
  .mobile_menu .nav-bubble {
    background: linear-gradient(180deg, rgba(255,255,255,0.62), rgba(255,255,255,0.22)) !important;
    -webkit-backdrop-filter: blur(22px) saturate(200%) !important;
    backdrop-filter: blur(22px) saturate(200%) !important;
    border: 0.5px solid rgba(255,255,255,0.85) !important;
    box-shadow:
      0 8px 22px rgba(15,17,29,0.10),
      inset 0 1px 1px rgba(255,255,255,0.95),
      inset 0 -10px 18px rgba(255,255,255,0.12) !important;
    border-radius: 20px !important;
  }
}

/* rumgips glass tabbar 20260919f */
@media (max-width: 767px) {
  .mobile_menu .navigation {
    background: rgba(255,255,255,0.28) !important;
    background-color: rgba(255,255,255,0.28) !important;
    -webkit-backdrop-filter: saturate(180%) blur(22px) !important;
    backdrop-filter: saturate(180%) blur(22px) !important;
    box-shadow: 0 8px 28px rgba(15,17,29,0.08), inset 0 1px 0 rgba(255,255,255,0.55) !important;
    border: 1px solid rgba(255,255,255,0.38) !important;
  }
  .mobile_menu .navigation .wrap {
    background: transparent !important;
  }
  .nav-bubble {
    background: rgba(255,255,255,0.38) !important;
    -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
    backdrop-filter: blur(16px) saturate(180%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.7), 0 4px 14px rgba(15,17,29,0.08) !important;
  }

  /* стрелка «наверх»: над панелью, не под ней */
  .to_top,
  .to-top,
  .scroll_top,
  .scroll-top,
  .scrollup,
  .go-top,
  .up,
  a.up,
  .page-up,
  .btn-up,
  [class*="to_top"],
  [class*="scroll_top"],
  [class*="go-top"] {
    bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 40 !important;
    right: 14px !important;
  }
}

/* rumgips scroll-up yandex 20260919g */
@media (max-width: 767px) {
  .scroll-up {
    bottom: calc(98px + env(safe-area-inset-bottom, 0px)) !important;
    right: 14px !important;
    z-index: 20 !important;
    overflow: visible !important;
    background-color: #fff !important;
    box-shadow: 0 2px 10px rgba(15,17,29,0.16) !important;
  }
  .scroll-up::before {
    -webkit-mask: none !important;
    mask: none !important;
    background: none !important;
    background-color: transparent !important;
    content: "" !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 6px solid transparent !important;
    border-right: 6px solid transparent !important;
    border-bottom: 8px solid #0f111d !important;
    border-top: 0 !important;
    transform: translate(-50%, calc(-50% - 1px)) !important;
  }
  .scroll-up:hover::before,
  .scroll-up:active::before {
    border-bottom-color: #0f111d !important;
  }
}

/* rumgips cookie over filters 20260919h */
/* фильтры не должны просвечивать сквозь cookie */
.products_category .header,
.products_category .header .sort_block,
.products_category .header .sort_block .filter_switcher,
.filter_switcher,
.products_category .body .column_left {
  z-index: 4 !important;
}

[class*="cookie"],
[id*="cookie"],
[class*="Cookie"],
[id*="Cookie"],
[class*="consent"],
[id*="consent"],
.cookie-banner,
.cookie_banner,
.cookies-popup,
.cookie-notice,
.cookie_notice,
.cookie-alert,
.gdpr,
.privacy-banner {
  z-index: 10050 !important;
  isolation: isolate;
}

[class*="cookie"] *,
[id*="cookie"] *,
.cookie-banner *,
.cookie_banner *,
.cookie-notice * {
  position: relative;
  z-index: 1;
}

/* rumgips filter svg 20260919i */
.products_category .header .sort_block .filter_switcher,
.filter_switcher {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background-image: none !important;
}
.products_category .header .sort_block .filter_switcher img,
.products_category .header .sort_block .filter_switcher svg,
.filter_switcher img,
.filter_switcher svg,
.filter_switcher i,
.filter_switcher::after {
  display: none !important;
}
.products_category .header .sort_block .filter_switcher::before,
.filter_switcher::before {
  content: "" !important;
  display: inline-block !important;
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M3 7h18M3 12h18M3 17h18' stroke='%230f111d' stroke-width='1.5' stroke-linecap='round'/><circle cx='9' cy='7' r='2.1' fill='%23fff' stroke='%230f111d' stroke-width='1.5'/><circle cx='15' cy='12' r='2.1' fill='%23fff' stroke='%230f111d' stroke-width='1.5'/><circle cx='8' cy='17' r='2.1' fill='%23fff' stroke='%230f111d' stroke-width='1.5'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 22px 22px !important;
}

/* rumgips header icons mobile 20260919j */
@media (max-width: 767px) {
  header .body .contact_icons {
    gap: 8px !important;
    align-items: center !important;
  }
  header .body .contact_icons a,
  header .body .contact_icons .max {
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
    min-width: 38px !important;
  }
  header .body .contact_icons a img,
  header .body .contact_icons a svg,
  header .body .contact_icons .max img,
  header .body .contact_icons .max picture img {
    width: 38px !important;
    height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
    object-fit: contain !important;
  }
}

/* UMBRA category hover logo -> RUMGIPS 2026-09-22 */
body.cat-umbra .products_list img.manufacturer {
  object-fit: contain;
}
body.cat-umbra .products_list img.manufacturer[src*="kraab"] {
  content: url("/catalog/view/theme/rumgips/image/rumgips_logo_new.svg");
}

/* UMBRA marks 2026-09-22d */
.products_list .item a.image .umbra-marks {
  position: absolute;
  top: 16px;
  right: 16px;
  left: auto;
  transform: none;
  height: calc(100% - 28px);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}
.products_list .item:hover a.image .umbra-marks {
  opacity: 1;
}
.products_list .item a.image .umbra-marks .manufacturer {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  opacity: 1 !important;
  display: block !important;
  margin: 0 !important;
}
.products_list .item a.image .umbra-marks .umbra-patented {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #b8b8b8 !important;
  font-size: 8px !important;
  font-weight: 400 !important;
  letter-spacing: 0.14em !important;
  line-height: 1 !important;
  text-transform: lowercase !important;
  text-align: right !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

/* homepage UMBRA patented 2026-09-23 */
.popular_categories a.item {
  position: relative;
}
.popular_categories a.item .umbra-home-patented {
  position: absolute;
  left: 24px;
  bottom: 20px;
  z-index: 2;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  color: #b8b8b8;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.14em;
  line-height: 1;
  text-transform: lowercase;
  pointer-events: none;
}
@media (max-width: 767px) {
  .popular_categories a.item .umbra-home-patented {
    left: 16px;
    bottom: 14px;
    font-size: 9px;
  }
}

.popular_categories a.item .umbra-home-patented { display: none; }
.popular_categories a.item[href*="tenevoj_umbra"] .umbra-home-patented {
  display: block;
  position: absolute;
  left: 24px;
  bottom: 20px;
  z-index: 5;
  color: #9a9a9a;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: lowercase;
  pointer-events: none;
}

.popular_categories a.item[href*="tenevoj_umbra"] { position: relative; }
.popular_categories a.item[href*="tenevoj_umbra"]::before,
.popular_categories a.item[href*="tenevoj_umbra"]::after {
  position: absolute;
  right: 24px;
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}
.popular_categories a.item[href*="tenevoj_umbra"]:hover::before,
.popular_categories a.item[href*="tenevoj_umbra"]:hover::after {
  opacity: 1;
}
.popular_categories a.item[href*="tenevoj_umbra"]::before {
  content: "";
  top: 24px;
  width: 118px;
  height: 28px;
  background: url("/image/catalog/manufacturers/rumgips-logo-black.png") right center / contain no-repeat;
}
.popular_categories a.item[href*="tenevoj_umbra"]::after {
  content: "запатентовано";
  left: auto;
  bottom: 20px;
  color: #9a9a9a;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: lowercase;
}
@media (max-width: 767px) {
  .popular_categories a.item[href*="tenevoj_umbra"]::before {
    top: 16px;
    right: 16px;
    width: 96px;
    height: 22px;
  }
  .popular_categories a.item[href*="tenevoj_umbra"]::after {
    right: 16px;
    bottom: 14px;
    font-size: 9px;
  }
}

.popular_categories a.item .umbra-home-patented { display: none !important; }

/* patented always visible, site red 2026-09-24 */
.products_list .item a.image .umbra-marks {
  opacity: 1 !important;
}
.products_list .item a.image .umbra-marks .manufacturer {
  opacity: 0 !important;
}
.products_list .item:hover a.image .umbra-marks .manufacturer {
  opacity: 1 !important;
}
.products_list .item a.image .umbra-marks .umbra-patented {
  opacity: 1 !important;
  color: #e30613 !important;
  font-weight: 500 !important;
}
.popular_categories a.item[href*="tenevoj_umbra"]::after {
  opacity: 1 !important;
  color: #e30613 !important;
  font-weight: 500;
}
.popular_categories a.item[href*="tenevoj_umbra"]::before {
  opacity: 0;
}
.popular_categories a.item[href*="tenevoj_umbra"]:hover::before {
  opacity: 1;
}

/* patented gray -> red on hover 2026-09-24 */
.products_list .item a.image .umbra-marks .umbra-patented {
  color: #9a9a9a !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}
.products_list .item:hover a.image .umbra-marks .umbra-patented {
  color: #e30613 !important;
}
.popular_categories a.item[href*="tenevoj_umbra"]::after {
  opacity: 1 !important;
  color: #9a9a9a !important;
  font-weight: 700 !important;
}
.popular_categories a.item[href*="tenevoj_umbra"]:hover::after {
  color: #e30613 !important;
}

/* patented badge 2026-09-25 */
.products_list .item a.image .umbra-marks {
  opacity: 1 !important;
  align-items: flex-end;
}
.products_list .item a.image .umbra-marks .umbra-patented {
  position: static !important;
  display: inline-block !important;
  margin: 0 !important;
  padding: 5px 8px !important;
  background: #e30613 !important;
  color: #fff !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  border: 0 !important;
  border-radius: 2px !important;
  opacity: 1 !important;
  white-space: nowrap;
}
.products_list .item a.image .umbra-marks .manufacturer {
  position: static !important;
  opacity: 0 !important;
  margin-top: 8px !important;
  max-width: 92px;
}
.products_list .item:hover a.image .umbra-marks .manufacturer {
  opacity: 1 !important;
}

.popular_categories a.item[href*="tenevoj_umbra"]::after {
  content: "запатентовано";
  position: absolute;
  left: 24px;
  right: auto;
  top: auto;
  bottom: 20px;
  z-index: 6;
  opacity: 1 !important;
  padding: 5px 8px;
  background: #e30613;
  color: #fff !important;
  font-size: 9px;
  font-weight: 700 !important;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 2px;
}
.popular_categories a.item[href*="tenevoj_umbra"]::before {
  top: 24px;
  right: 24px;
  bottom: auto;
  left: auto;
}
@media (max-width: 767px) {
  .popular_categories a.item[href*="tenevoj_umbra"]::after {
    left: 16px;
    bottom: 14px;
  }
}

/* patented match sale sticker 2026-09-25b */
.products_list .item a.image .umbra-marks .umbra-patented,
.popular_categories a.item[href*="tenevoj_umbra"]::after {
  background: #f32b37 !important;
  color: #fff !important;
  font-family: Gilroy, sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}
.popular_categories a.item[href*="tenevoj_umbra"]:hover::after,
.popular_categories a.item[href*="tenevoj_umbra"]:hover::before,
.products_list .item:hover a.image .umbra-marks .umbra-patented {
  color: #fff !important;
  background: #f32b37 !important;
  opacity: 1 !important;
  content: "запатентовано";
}
.popular_categories a.item[href*="tenevoj_umbra"]:hover::after {
  content: "запатентовано" !important;
}

/* homepage: only bottom patented badge 2026-09-25c */
.popular_categories a.item[href*="tenevoj_umbra"]::before,
.popular_categories a.item[href*="tenevoj_umbra"]:hover::before {
  content: "" !important;
  background-color: transparent !important;
  color: transparent !important;
  padding: 0 !important;
}
.popular_categories a.item[href*="tenevoj_umbra"]::after,
.popular_categories a.item[href*="tenevoj_umbra"]:hover::after {
  content: "запатентовано" !important;
  left: 24px !important;
  right: auto !important;
  top: auto !important;
  bottom: 20px !important;
  background: #f32b37 !important;
  color: #fff !important;
  opacity: 1 !important;
}

/* homepage: only bottom patented badge 2026-09-25c */
.popular_categories a.item[href*="tenevoj_umbra"]::before,
.popular_categories a.item[href*="tenevoj_umbra"]:hover::before {
  content: "" !important;
  background-color: transparent !important;
  color: transparent !important;
  padding: 0 !important;
}
.popular_categories a.item[href*="tenevoj_umbra"]::after,
.popular_categories a.item[href*="tenevoj_umbra"]:hover::after {
  content: "запатентовано" !important;
  left: 24px !important;
  right: auto !important;
  top: auto !important;
  bottom: 20px !important;
  background: #f32b37 !important;
  color: #fff !important;
  opacity: 1 !important;
}

/* homepage hide RUMGIPS mark on UMBRA tile 2026-09-25d */
.popular_categories a.item[href*="tenevoj_umbra"]::before,
.popular_categories a.item[href*="tenevoj_umbra"]:hover::before {
  content: none !important;
  display: none !important;
  background: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
}

/* homepage UMBRA logo always on 2026-09-25e */
.popular_categories a.item[href*="tenevoj_umbra"]::before,
.popular_categories a.item[href*="tenevoj_umbra"]:hover::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 24px !important;
  right: 24px !important;
  left: auto !important;
  bottom: auto !important;
  width: 92px !important;
  height: 20px !important;
  padding: 0 !important;
  opacity: 1 !important;
  background: url("/image/catalog/manufacturers/rumgips-logo-black.png") no-repeat center / contain !important;
  background-color: transparent !important;
  color: transparent !important;
  z-index: 6;
  pointer-events: none;
}
@media (max-width: 767px) {
  .popular_categories a.item[href*="tenevoj_umbra"]::before,
  .popular_categories a.item[href*="tenevoj_umbra"]:hover::before {
    top: 16px !important;
    right: 16px !important;
    width: 80px !important;
  }
}

/* homepage UMBRA logo size = catalog 2026-09-25f */
.popular_categories a.item[href*="tenevoj_umbra"]::before,
.popular_categories a.item[href*="tenevoj_umbra"]:hover::before {
  width: 92px !important;
  height: 22px !important;
  background-size: 92px 22px !important;
}
@media (max-width: 767px) {
  .popular_categories a.item[href*="tenevoj_umbra"]::before,
  .popular_categories a.item[href*="tenevoj_umbra"]:hover::before {
    width: 92px !important;
    height: 22px !important;
    background-size: 92px 22px !important;
  }
}

/* homepage UMBRA mobile: badge + logo one row 2026-09-26 */
@media (max-width: 767px) {
  .popular_categories a.item[href*="tenevoj_umbra"]::after,
  .popular_categories a.item[href*="tenevoj_umbra"]:hover::after {
    top: 46px !important;
    bottom: auto !important;
    left: 16px !important;
    right: auto !important;
    height: 20px !important;
    padding: 0 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 20px !important;
    box-sizing: border-box !important;
    font-size: 9px !important;
    letter-spacing: 0.03em !important;
  }
  .popular_categories a.item[href*="tenevoj_umbra"]::before,
  .popular_categories a.item[href*="tenevoj_umbra"]:hover::before {
    top: 46px !important;
    bottom: auto !important;
    left: 132px !important;
    right: auto !important;
    width: 96px !important;
    height: 20px !important;
    background-size: 96px 20px !important;
    background-position: left center !important;
  }
}

/* homepage UMBRA mobile row fix 2026-09-26b */
@media (max-width: 767px) {
  .popular_categories a.item[href*="tenevoj_umbra"]::after,
  .popular_categories a.item[href*="tenevoj_umbra"]:hover::after {
    top: auto !important;
    bottom: 12px !important;
    left: 12px !important;
    right: auto !important;
    height: 18px !important;
    width: auto !important;
    max-width: 118px !important;
    padding: 0 7px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 18px !important;
    box-sizing: border-box !important;
    font-size: 8px !important;
    letter-spacing: 0.02em !important;
    z-index: 7 !important;
  }
  .popular_categories a.item[href*="tenevoj_umbra"]::before,
  .popular_categories a.item[href*="tenevoj_umbra"]:hover::before {
    top: auto !important;
    bottom: 12px !important;
    left: 136px !important;
    right: auto !important;
    width: 72px !important;
    height: 18px !important;
    background-size: 72px 18px !important;
    background-position: left center !important;
    z-index: 7 !important;
  }
}

/* homepage UMBRA mobile closer 2026-09-26c */
@media (max-width: 767px) {
  .popular_categories a.item[href*="tenevoj_umbra"]::before,
  .popular_categories a.item[href*="tenevoj_umbra"]:hover::before {
    left: 118px !important;
  }
}

/* homepage UMBRA logo radius = badge 2026-09-26d */
.popular_categories a.item[href*="tenevoj_umbra"]::before,
.popular_categories a.item[href*="tenevoj_umbra"]:hover::before {
  border-radius: 4px !important;
  overflow: hidden !important;
}
.popular_categories a.item[href*="tenevoj_umbra"]::after,
.popular_categories a.item[href*="tenevoj_umbra"]:hover::after {
  border-radius: 4px !important;
}

/* tabbar cart badge center 2026-09-26 */
@media (max-width: 767px) {
  .glass-tabbar .badge,
  .glass-tabbar .count,
  .glass-tabbar .qty,
  .glass-tabbar [class*="cart"] span,
  .bottom-nav .badge,
  .tabbar .badge,
  .mobile-tabbar .badge {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    padding: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
}

/* scroll-up vs cookie banner 2026-09-26 */
body.cookie-notice-on .scroll-up,
body.cookie-notice-on .scroll-up.scroll-up--show {
  position: fixed !important;
  left: auto !important;
  right: 14px !important;
  bottom: calc(210px + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 40 !important;
  width: 40px !important;
  height: 40px !important;
  overflow: hidden !important;
}
.scroll-up .page__hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* scroll-up + YourGood over tabbar 2026-09-27b */
.scroll-up,
.scroll-up.scroll-up--show {
  right: 16px !important;
  left: auto !important;
  z-index: 45 !important;
}
@media (min-width: 768px) {
  .scroll-up,
  .scroll-up.scroll-up--show {
    right: 28px !important;
    bottom: 96px !important;
  }
}
@media (max-width: 767px) {
  .scroll-up,
  .scroll-up.scroll-up--show {
    right: 16px !important;
    bottom: calc(168px + env(safe-area-inset-bottom, 0px)) !important;
  }
  body.cookie-notice-on .scroll-up,
  body.cookie-notice-on .scroll-up.scroll-up--show {
    bottom: calc(250px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* hide scroll-up, raise YourGood 2026-09-27c */
.scroll-up,
.scroll-up.scroll-up--show {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* SEO bottom same as tenevoj etalon 2026-09-27 */
.rumgips-seo-bottom,
.rumgips-seo-bottom p,
.rumgips-seo-bottom li,
.rumgips-seo-bottom div,
.rumgips-seo-bottom span {
  font-size: 16px !important;
  line-height: 1.55 !important;
  color: #4a4a4a !important;
}
.rumgips-seo-bottom h1,
.rumgips-seo-bottom h2,
.rumgips-seo-bottom h3,
.rumgips-seo-bottom strong,
.rumgips-seo-bottom b {
  font-size: 16px !important;
  line-height: 1.45 !important;
  color: #0f111d !important;
}
.rumgips-seo-bottom ul {
  margin: 8px 0 16px 0 !important;
  padding-left: 28px !important;
  list-style: disc !important;
  list-style-position: outside !important;
}
.rumgips-seo-bottom .umbra-more summary {
  font-size: 14px !important;
  color: #0f111d !important;
}
.rumgips-seo-bottom .umbra-cat-video {
  max-width: 820px;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 20px 0 24px;
}

/* seo-more / umbra-more hover + closed 2026-09-27 */
.seo-more, .umbra-more { margin: 14px 0 20px; }
.seo-more summary, .umbra-more summary {
  list-style: none !important;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border: 1px solid #0f111d;
  border-radius: 70px;
  background: #fafafc;
  font-size: 14px !important;
  font-weight: 600;
  color: #0f111d !important;
  line-height: 1;
}
.seo-more summary::-webkit-details-marker,
.umbra-more summary::-webkit-details-marker { display: none; }
.seo-more summary .seo-more-label,
.seo-more summary .seo-less,
.seo-more summary .seo-arrow,
.umbra-more summary .umbra-more-label,
.umbra-more summary .umbra-less,
.umbra-more summary .umbra-arrow {
  color: inherit !important;
}
.seo-more summary:hover,
.umbra-more summary:hover {
  background: #0f111d !important;
  color: #fff !important;
}
.seo-more summary:hover .seo-more-label,
.seo-more summary:hover .seo-less,
.seo-more summary:hover .seo-arrow,
.umbra-more summary:hover .umbra-more-label,
.umbra-more summary:hover .umbra-less,
.umbra-more summary:hover .umbra-arrow {
  color: #fff !important;
}
.seo-more .seo-less, .umbra-more .umbra-less { display: none; }
.seo-more[open] .seo-more-label, .umbra-more[open] .umbra-more-label { display: none; }
.seo-more[open] .seo-less, .umbra-more[open] .umbra-less { display: inline; }
.seo-more[open] .seo-arrow, .umbra-more[open] .umbra-arrow { transform: rotate(180deg); }
.seo-more .seo-arrow, .umbra-more .umbra-arrow { display: inline-block; transition: transform .2s; }
.seo-more .seo-more-body, .umbra-more .umbra-more-body { margin-top: 16px; }

/* product zoom above cookie 2026-09-27 */
.product_card .header .zoom.active,
.product_card .header .zoom.visible {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-width: none !important;
  margin: 0 !important;
  z-index: 10000 !important;
  background: rgba(0, 0, 0, 0.85) !important;
  transform: none !important;
}
.product_card .header:has(.zoom.active) > *:not(.zoom):not(.product_images_slider) {
  visibility: hidden !important;
}
body:has(.zoom.active) #nice-cookie-notice,
body:has(.zoom.visible) #nice-cookie-notice {
  display: none !important;
}
#nice-cookie-notice {
  z-index: 40 !important;
}

/* hide product text while zoom 2026-09-27d */
.product_card:has(.zoom.active) .product_card_main_info,
.product_card:has(.zoom.visible) .product_card_main_info,
.product_card:has(.zoom.active) .product-params,
.product_card:has(.zoom.active) .attributes {
  visibility: hidden !important;
  pointer-events: none !important;
}
.product_card .header .zoom.active {
  z-index: 10000 !important;
}

/* hide rest of product page during zoom 2026-09-27e */
body:has(.zoom.active) .breadcrumb,
body:has(.zoom.active) .product_card_main_info,
body:has(.zoom.active) .product-description,
body:has(.zoom.active) .product_description,
body:has(.zoom.active) .tab-content,
body:has(.zoom.active) .recommended-products,
body:has(.zoom.active) .recommended-products-swiper,
body.no_scroll [class*="related"],
body:has(.zoom.active) .product_card .body,
body:has(.zoom.active) .product_card .footer {
  visibility: hidden !important;
  pointer-events: none !important;
}

/* zoom: hide wrapper extras 2026-09-27f */
body:has(.zoom.active) .product_card .breadcrumb,
body:has(.zoom.active) .product_card__video,
body:has(.zoom.active) .product_card__description,
body:has(.zoom.active) .product_card .wrapper > p,
body:has(.zoom.active) .product_card .recommended-products {
  visibility: hidden !important;
  pointer-events: none !important;
}
body.no_scroll {
  padding-bottom: 0 !important;
}

/* zoom overlay click-safe 2026-09-27g */
.product_card .header .zoom:not(.active) {
  z-index: -1 !important;
  pointer-events: none !important;
  opacity: 0 !important;
}
.product_card .header .zoom.active {
  z-index: 10000 !important;
  pointer-events: auto !important;
  opacity: 1 !important;
}

/* no flash / no select 2026-09-27h */
.product_card:has(.zoom.active) .product_card_main_info,
.product_card:has(.zoom.active) .product_card__description,
.product_card:has(.zoom.active) .product_card__video,
.product_card:has(.zoom.active) .breadcrumb,
.product_card:has(.zoom.active) .recommended-products,
.product_card:has(.zoom.active) .wrapper > p,
body.zoom-pending .product_card_main_info,
body.zoom-pending .product_card__description,
body.zoom-pending .product_card__video,
body.zoom-pending .breadcrumb,
body.zoom-pending .recommended-products,
body.zoom-pending .product_card .wrapper > p {
  visibility: hidden !important;
  pointer-events: none !important;
}
body.no_scroll,
body:has(.zoom.active),
body.zoom-pending {
  user-select: none !important;
  -webkit-user-select: none !important;
}

/* catalog + zoom isolation 2026-09-27i */
@media (min-width: 900px) {
  nav.mobile_menu .catalog {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: -1 !important;
  }
}
.item.catalog_opener .catalog,
header .catalog_opener + .catalog,
header .item.catalog {
  z-index: 40;
}
.product_card_container:has(.zoom.active) .product_card_main_info,
.product_card:has(.zoom.active) .product_card__description,
.product_card:has(.zoom.active) .product_card__video,
.product_card:has(.zoom.active) .breadcrumb,
.product_card:has(.zoom.active) .recommended-products,
.product_card:has(.zoom.active) .wrapper > p {
  visibility: hidden !important;
}
.product_card .header .zoom:not(.active) {
  z-index: -1 !important;
  pointer-events: none !important;
  opacity: 0 !important;
}
.product_card .header .zoom.active {
  z-index: 10000 !important;
  pointer-events: auto !important;
  opacity: 1 !important;
}
.product_card_main_info { z-index: 1; }
.product_card .header { z-index: 2; }

/* simple catalog dropdown 2026-09-27j */
@media (min-width: 900px) {
  nav.mobile_menu .catalog {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
  header .item.catalog {
    position: relative;
    display: block;
    align-self: center;
    z-index: 50;
  }
  header .item.catalog > p.title {
    margin: 0;
    cursor: pointer;
    white-space: nowrap;
  }
  header .item.catalog > a {
    display: none !important;
  }
  header .item.catalog:hover > a,
  header .item.catalog:focus-within > a {
    display: block !important;
    position: relative;
    background: #fff;
    color: #0f111d !important;
    padding: 10px 18px;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.3;
    text-decoration: none;
    border: 0;
  }
  header .item.catalog:hover > a:hover {
    background: #f4f4f6;
  }
  header .item.catalog:hover > p.title + a,
  header .item.catalog:focus-within > p.title + a {
    margin-top: 8px;
    border-radius: 12px 12px 0 0;
    box-shadow: 0 12px 30px rgba(15,17,29,.08);
  }
  header .item.catalog:hover > a:last-child,
  header .item.catalog:focus-within > a:last-child {
    border-radius: 0 0 12px 12px;
    margin-bottom: 8px;
  }
}

/* restore desktop catalog panel 2026-09-27k */
.desktop_menu {
  display: block !important;
  position: relative !important;
  background: #fff !important;
  z-index: 60 !important;
}
.desktop_menu .catalog .content {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 70 !important;
  background: #fff !important;
  box-shadow: 0 18px 40px rgba(15,17,29,.10);
  transform-origin: top center !important;
  transform: scaleY(0) !important;
  transition: transform .2s ease !important;
  pointer-events: none;
}
.desktop_menu .catalog .opener:hover + .content,
.desktop_menu .catalog .content:hover,
.desktop_menu .catalog .content.active,
.desktop_menu .catalog .content:focus-within {
  transform: scaleY(1) !important;
  pointer-events: auto;
}

/* lightbox like normal shops 2026-09-27m */
.product_card .header,
.product_card_container,
.product_card {
  z-index: auto !important;
  transform: none !important;
  isolation: auto !important;
}
.product_card .header .zoom.active {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  z-index: 2147483000 !important;
  background: rgba(0,0,0,.88) !important;
}
body:has(.zoom.active) > header,
body:has(.zoom.active) > header,
body:has(.zoom.active) .desktop_menu,
body:has(.zoom.active) .desktop_menu,
body:has(.zoom.active) .top_banner,
body:has(.zoom.active) .top_banner {
  visibility: hidden !important;
  pointer-events: none !important;
}

/* full-width catalog panel 2026-09-27n */
.desktop_menu {
  position: relative !important;
  z-index: 80 !important;
  width: 100% !important;
  overflow: visible !important;
}
.desktop_menu .catalog {
  position: static !important;
}
.desktop_menu .catalog .content {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  background: #fff !important;
  box-shadow: 0 16px 40px rgba(15,17,29,.12);
  z-index: 90 !important;
  transform-origin: top center !important;
  transform: scaleY(0) !important;
  pointer-events: none;
}
.desktop_menu .catalog .opener:hover + .content,
.desktop_menu .catalog .content:hover,
.desktop_menu .catalog .content.active,
.desktop_menu .catalog .content:focus-within {
  transform: scaleY(1) !important;
  pointer-events: auto !important;
}
.desktop_menu .catalog .content .body {
  display: flex !important;
  justify-content: space-between !important;
  max-width: 1230px !important;
  margin: 0 auto !important;
  padding: 28px 16px 40px !important;
  background: #fff !important;
}
body:has(.desktop_menu .catalog .opener:hover),
body:has(.desktop_menu .catalog .content:hover) {
  /* cookie не перекрывает меню */
}
body:has(.desktop_menu .catalog .opener:hover) #nice-cookie-notice,
body:has(.desktop_menu .catalog .content:hover) #nice-cookie-notice {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* mobile: hide desktop menu 2026-09-27o */
@media (max-width: 899px) {
  .desktop_menu {
    display: none !important;
  }
}

/* hide chat widget under cookie on mobile 2026-09-27p */
@media (max-width: 899px) {
  body.cookie-notice-on iframe[src*="max"],
  body.cookie-notice-on [id*="max-mess"],
  body.cookie-notice-on [id*="max_mess"],
  body.cookie-notice-on [class*="max-mess"],
  body.cookie-notice-on [class*="MaxWidget"],
  body.cookie-notice-on [class*="max-widget"],
  body.cookie-notice-on .max-button,
  body.cookie-notice-on [class*="jivo"],
  body.cookie-notice-on [id*="jivo"] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

/* keep telegram/max under cookie 2026-09-27q */
@media (max-width: 899px) {
  body.cookie-notice-on a[href*="t.me"]:not(header a):not(.contact_icons a):not(.contact_icons *),
  body.cookie-notice-on a[href*="telegram"]:not(header a):not(.contact_icons *) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

/* hide cookie banner 2026-09-28 */
#nice-cookie-notice,
#nice-cookie-notice.is-visible,
body.cookie-notice-on #nice-cookie-notice {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  overflow: hidden !important;
}
body.cookie-notice-on { padding-bottom: 0 !important; }

/* mobile menu force bottom 2026-09-28 */
@media (max-width: 991px) {
  html body nav.mobile_menu,
  html body .mobile_menu {
    position: fixed !important;
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    z-index: 400 !important;
    display: block !important;
    transform: none !important;
    filter: none !important;
    inset: auto 0 0 0 !important;
  }
}

/* rumgips price field 20260928e */
.rdf-form .panel[id$="-price"] .form-group,
.rdf-form .panel[id$="-price"] .panel-body,
.rdf-form .panel[id$="-price"] .rdf-group {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
.rdf-form .panel[id$="-price"] input.form-control,
.rdf-form .panel[id$="-price"] input[type="text"],
.rdf-form .panel[id$="-price"] input[type="number"] {
  display: none !important;
}

/* rumgips irs height 20260928f */
.dream-filter .irs,
.dream-filter .irs .irs,
.dream-filter .slidewrapper,
.dream-filter .rdf-group .slidewrapper {
  height: auto !important;
  min-height: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
.dream-filter .irs-line {
  height: 2px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #d0d0d0 !important;
}
/* rumgips price form-group 20260928g */
.dream-filter .form-group,
.dream-filter .panel-body,
.dream-filter .rdf-group {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  min-height: 0 !important;
}
/* rumgips hide price form-control 20260928h */
.dream-filter .panel[id*="-price"] .form-control,
.dream-filter .panel[id*="-price"] .input-group,
.dream-filter #rdrf37-price input.form-control,
.dream-filter .rdf-filters .panel[id*="-price"] .form-control {
  display: none !important;
  height: 0 !important;
  border: 0 !important;
}
.dream-filter .rdf-group .slidewrapper {
  min-height: 0 !important;
}
/* rumgips hide irs gray rail 20260928m */
.dream-filter .irs-line,
.dream-filter .irs--flat .irs-line,
.dream-filter .irs-line:before,
.dream-filter .irs-line:after,
.irs--flat .irs-line {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}
/* rumgips hide irs segments 20260928n */
.dream-filter .irs-line-left,
.dream-filter .irs-line-mid,
.dream-filter .irs-line-right,
.irs-line-left,
.irs-line-mid,
.irs-line-right {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
}
/* rumgips bar position 20260928q */
.irs--flat .irs-line{
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
  border:0!important;
}
.irs--flat .irs-bar,
.irs--flat .irs-bar-edge{
  background:#0f111d!important;
  background-color:#0f111d!important;
  height:1px!important;
  border:0!important;
  top:32px!important;
}
.irs--flat .irs-from,
.irs--flat .irs-to{
  background:transparent!important;
  color:#9aa0a6!important;
  box-shadow:none!important;
}
/* rumgips hide line 20260928r */
.irs--flat .irs-line{
  visibility:hidden!important;
  opacity:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.irs--flat .irs-bar,
.irs--flat .irs-bar-edge{
  top:25px!important;
  height:1px!important;
  background:#0f111d!important;
}

/* rumgips remove filter panel divider line */
.dream-filter .panel-group .panel:not(:last-child) {
  border-bottom: 0 !important;
  margin-bottom: 20px !important;
}

/* cart sum/delete hard fix 2026-10-10 */
@media (min-width: 768px) {
  .checkout-cart__item-price-total {
    margin-bottom: 22px;
    display: block;
  }
  .checkout-cart__remove {
    position: relative;
  }
  .checkout-cart__remove:before {
    position: absolute;
    bottom: -20px;
    right: 0;
    white-space: nowrap;
  }
}

/* hide number input spinners */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}

/* callback modal above header 2026-10-13 */
.modal.active,
.modal.visible {
  z-index: 5000 !important;
}

/* callback open fix 2026-10-13b */
body.callback-open { overflow: auto !important; }
.modal.active {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 5000 !important;
  pointer-events: auto !important;
}
body.callback-open > header,
body.callback-open .desktop_menu,
body.callback-open .top_banner {
  visibility: visible !important;
  pointer-events: auto !important;
}

/* homepage UMBRA sharp corners 2026-10-14 */
.popular_categories a.item[href*="tenevoj_umbra"]::before,
.popular_categories a.item[href*="tenevoj_umbra"]:hover::before,
.popular_categories a.item[href*="tenevoj_umbra"]::after,
.popular_categories a.item[href*="tenevoj_umbra"]:hover::after {
  border-radius: 0 !important;
}

/* umbra card badges sharp centered 2026-10-14 */
.products_list .item a.image .umbra-marks .manufacturer {
  border-radius: 0 !important;
  height: 22px !important;
  width: auto !important;
  max-width: 92px !important;
}
.products_list .item a.image .umbra-marks .umbra-patented {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: auto !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  margin: 0 !important;
  padding: 1px 8px 0 !important;
  border-radius: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
}

.delivery-page {
  max-width: 1200px;
  margin: 0 auto;
  padding: 64px 32px 80px;
}

.delivery-page__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 32px;
  flex-wrap: wrap;
  margin-bottom: 44px;
}

.delivery-page__title {
  font-size: 52px;
  font-weight: 800;
  letter-spacing: -1px;
  margin: 0 0 16px;
}

.delivery-page__title-text {
  font-size: 17px;
  line-height: 1.6;
  color: #4B5160;
  max-width: 560px;
  margin: 0;
}
.delivery-page__title-text:empty {
  display: none;
}

.delivery-page__time {
  display: inline-flex;
  align-items: center;
  border: 1px solid #E6EBF0;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  white-space: nowrap;
}

.delivery-page__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border: 1px solid #E6EBF0;
}

.delivery-card {
  background: #FFFFFF;
  padding: 44px 40px;
  border-right: 1px solid #E6EBF0;
  border-bottom: 1px solid #E6EBF0;
}
.delivery-card:nth-child(2n) {
  border-right: none;
}
.delivery-card:nth-last-child(-n+2) {
  border-bottom: none;
}

.delivery-card--accent {
  border-top: 3px solid #F32B37;
  padding-top: 41px;
  margin-top: -1px;
}

.delivery-card__icon {
  display: block;
  margin-bottom: 20px;
}

.delivery-card__title {
  display: block;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #8A93A3;
  margin-bottom: 14px;
}

.delivery-card__value {
  font-size: 36px;
  font-weight: 800;
  color: #F32B37;
  margin: 0 0 14px;
}
.delivery-card__value--small {
  font-size: 20px;
  color: #0F111D;
  margin-bottom: 10px;
}

.delivery__text {
  font-size: 15px;
  line-height: 1.6;
  color: #4B5160;
  margin: 0 0 10px;
}
.delivery__text:last-child {
  margin-bottom: 0;
}
.delivery__text b {
  color: #0F111D;
  font-weight: 700;
}
.delivery__accent-text {
  color: #F32B37;
  font-weight: 700;
}

.delivery__phone {
  display: block;
  color: #0F111D;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  margin-top: 4px;
}
.delivery__phone:hover {
  color: #F32B37;
}

@media (max-width: 767px) {
  .delivery-page__title {
    font-size: 36px;
  }
  .delivery-page__grid {
    grid-template-columns: 1fr;
  }
  .delivery-card {
    border-right: none !important;
  }
  .delivery-card:not(:last-child) {
    border-bottom: 1px solid #E6EBF0 !important;
  }
  .delivery-card--accent {
    margin-top: 0;
  }
}

/* Блок «Покупателю» в подвале и строка про доставку: только мобильные */
.m-buyer-nav,
.m-delivery-note { display: none; }

@media (max-width: 767px) {
  .m-buyer-nav { display: block; background: #fff; color: #0F111D; margin-bottom: 8px; }
  .m-buyer-nav__title { padding: 28px 20px 8px; font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #8A93A3; }
  .m-buyer-nav__link { display: flex; align-items: center; justify-content: space-between; min-height: 56px; box-sizing: border-box; padding: 0 20px; border-bottom: 1px solid #E6EBF0; color: #0F111D; text-decoration: none; }
  .m-buyer-nav__title + .m-buyer-nav__link { border-top: 1px solid #E6EBF0; }
  .m-buyer-nav__label { display: flex; align-items: center; gap: 14px; font-size: 17px; font-weight: 600; }
  .m-buyer-nav__arrow { color: #8A93A3; flex-shrink: 0; }

  .m-delivery-note { display: flex; align-items: center; gap: 12px; box-sizing: border-box; margin: 16px 0 0; padding: 14px 0; border-top: 1px solid #E6EBF0; border-bottom: 1px solid #E6EBF0; color: #0F111D; text-decoration: none; }
  .m-delivery-note__text { flex-grow: 1; font-size: 14px; line-height: 1.4; color: #4B5160; }
  .m-delivery-note__more { font-size: 14px; font-weight: 700; color: #F32B37; white-space: nowrap; }
}

/* Мобильный подвал: блоки «Связаться» и «Каталоги» */
.m-foot { display: none; }

@media (max-width: 767px) {
  footer .item.contacts,
  footer .item.catalog_and_price { display: none !important; }
  .m-buyer-nav { margin-bottom: 0; }

  .m-foot { display: block; background: #fff; color: #0F111D; }
  .m-foot__title { padding: 36px 20px 8px; font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #8A93A3; }
  .m-foot__title--spaced { padding-top: 36px; }
  .m-foot__list { border-top: 1px solid #E6EBF0; }
  .m-foot__row { display: flex; align-items: center; gap: 14px; min-height: 64px; box-sizing: border-box; padding: 0 20px; border-bottom: 1px solid #E6EBF0; color: #0F111D; text-decoration: none; }
  .m-foot__row--between { justify-content: space-between; min-height: 56px; }
  .m-foot__main-wrap { display: flex; align-items: center; gap: 14px; }
  .m-foot__text { display: flex; flex-direction: column; gap: 2px; }
  .m-foot__main { font-size: 16px; font-weight: 600; }
  .m-foot__main--lg { font-size: 18px; font-weight: 700; }
  .m-foot__sub { font-size: 13px; color: #8A93A3; }
  .m-foot__meta { font-size: 13px; color: #8A93A3; }

  .m-foot__cta-wrap { padding: 20px 20px 0; }
  .m-foot__cta { display: flex; align-items: center; justify-content: center; width: 100%; height: 54px; border: 0; border-radius: 0; background: #F32B37; color: #fff; font: inherit; font-size: 17px; font-weight: 700; cursor: pointer; }

  .m-foot__social { padding: 16px 20px 0; display: flex; align-items: center; gap: 14px; }
  .m-foot__social a { display: flex; align-items: center; justify-content: center; width: auto; height: auto; border: 0; background: none; text-decoration: none; }

  footer .additional { background: #F4F5F7; text-align: left; padding: 28px 20px calc(112px + env(safe-area-inset-bottom, 0px)); margin-top: 36px; }
  footer .additional .logo,
  footer .additional .site_development { justify-content: flex-start; margin-left: 0; margin-right: auto; }
  footer .additional img { max-width: 180px; height: auto; }
  .m-foot__social a svg { width: 40px; height: 40px; display: block; }
}

/* Мобильный подвал: выравнивание и монохромные квадраты */
@media (max-width: 767px) {
  .m-foot__cta-wrap { padding: 20px 0 0; }
  .m-foot__social { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; padding: 16px 0 0; }
  .m-foot__social a { display: flex; align-items: center; justify-content: center; width: auto; height: 52px; background: #0F111D; color: #fff; border: 0; border-radius: 0; text-decoration: none; }
  .m-foot__social svg { width: 46px; height: 46px; display: block; }
}

footer .body .item.contacts .socials { display: flex; flex-wrap: nowrap; gap: 8px; column-gap: 8px; }
footer .body .item.contacts .socials a { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: #0F111D; color: #fff; border-radius: 0; padding: 0; }
footer .body .item.contacts .socials svg { width: 40px; height: 40px; display: block; }

header .wrapper.body .contact_icons { gap: 10px !important; }
header .body .contact_icons a.sq-icon {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; flex-basis: 40px !important;
  background: #0F111D !important; color: #fff !important; border: 0 !important; border-radius: 0 !important;
  overflow: hidden !important; box-shadow: none !important; line-height: 0 !important;
}
header .body .contact_icons a.sq-icon svg { width: 34px !important; height: 34px !important; max-width: 34px !important; max-height: 34px !important; display: block !important; }
@media (min-width: 992px) {
  header .body .contact_icons a.social-tg.sq-icon,
  header .body .contact_icons a.social-max.sq-icon,
  header .body .contact_icons a.phone.sq-icon {
    width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; flex-basis: 40px !important; background: #0F111D !important;
  }
  header .body .contact_icons a.sq-icon svg { width: 34px !important; height: 34px !important; max-width: 34px !important; max-height: 34px !important; }
}

/* ===== Без скруглений ===== */
button, input:not([type="radio"]), textarea, select, summary,
.home__btn, .home__percent, .home_page_banner a,
header .body .order_call a, header .body .online_catalog picture, header .body .all_catalogs picture,
header .body .contact_icons a, header .body .contact_icons img, header .contact_icons .max img,
footer .body .item.contacts .socials a, footer .body .item.contacts .socials img, footer .body .item.catalog_and_price a picture,
.new_gips .body a, .for-partners__email, .warranty__call, .exchange__link, .thank-you__link,
.mobile_menu .navigation, .mobile_menu .nav-bubble, .mobile_menu .navigation .item .quantity,
.mobile_menu .catalog .search input, .mobile_menu .catalog .switcher li, .mobile_menu .catalog .categories .item,
.mobile_menu .brands a, .mobile_menu .to_customers a,
.popular_categories .body .item, .popular_categories a.item::before, .popular_categories a.item::after,
.brands_slider .body a, .mailing form input[type="email"], .mailing form input[type="submit"],
.modal .body, .modal .body label input, .modal .body label textarea, .modal .body input[type="submit"],
.product-added, .complaint-modal__body,
.products_category .header .info .search input, .products_category .header .sucategories_list a,
.products_category .wrapper > .sucategories_list a, .products_category .header .sort_block .filter_switcher,
.products_category .header .sort_block .sort button, .products_category .body .products_list .item .image span,
.products_category .body .products_list .item .image .hit, .products_category .body .products_list .item .caption .price_info a,
.products_list .item a.image .umbra-marks .umbra-patented,
.pagination li a, .pagination li span, .show_more, .seo-more summary, .umbra-more summary,
.product_card .header .product_card_discount span, .product_card .header .product_card_discount .hit,
.product_card .info select, .product_card .info .options .option_images label img,
.product_card .info .price_and_controls .to_category_btn, .quantity_block .minus, .quantity_block .plus,
.recommended-product__discount-mark, .products-hit__list > li > a span,
.complaint-form__input, .complaint-form__textarea, .complaint-form__date-input, .complaint-form__button,
.complaint-form__input-quantity, .complaint-form__agree input[type="checkbox"],
.order-registration__form-input, .order-registration__textarea, .order-registration__form-submit, .order-registration__pickup-button,
.checkout-cart__total .checkout-cart__checkout, .checkout-cart__total .checkout-cart__continue,
.not-found-page .not-found-page__link, .scroll-up,
header .item.catalog:hover > p.title + a, header .item.catalog:focus-within > p.title + a,
header .item.catalog:hover > a:last-child, header .item.catalog:focus-within > a:last-child {
  border-radius: 0 !important;
}

/* 1. Квадраты Telegram и MAX в шапке: тёмный фон на всех ширинах */
header .body .contact_icons a.sq-icon,
header .body .contact_icons a.social-tg.sq-icon,
header .body .contact_icons a.social-max.sq-icon,
header .body .contact_icons a.social-tg.sq-icon:hover,
header .body .contact_icons a.social-max.sq-icon:hover,
header .body .contact_icons a.social-tg.sq-icon:focus,
header .body .contact_icons a.social-max.sq-icon:focus {
  background: #0F111D !important;
  color: #fff !important;
}

/* 2. Остаточные скругления */
.btn-red,
header .body a.main_cart picture,
header .body .online_catalog picture,
.panel-heading,
.irs-from, .irs-to, .irs-min, .irs-max, .irs-single,
.irs-handle, .irs-handle.from, .irs-handle.to,
.scroll-bar, .scroll-element_outer, .scroll-element_track,
.product_card .header .product_images_slider .next,
.product_card .header .product_images_slider .prev {
  border-radius: 0 !important;
}

/* перебивает border-radius: 70px у кнопок карточек */
.products_category .body .products_list .item .caption .price_info a,
.products_category .body .products_list .item .caption button,
.products-hit__item .product-card__price-container button,
.products_category .body .products_list .item .caption .price_info a.btn-red,
.products_category .body .products_list .item .caption button.btn-red,
.products-hit__item .product-card__price-container button.btn-red {
  border-radius: 0 !important;
}

/* 1. Глифы Telegram/MAX одного размера с телефоном на десктопе */
@media (min-width: 992px) {
  header .body .contact_icons a.sq-icon.social-tg svg,
  header .body .contact_icons a.sq-icon.social-max svg,
  header .body .contact_icons a.sq-icon.phone svg {
    width: 34px !important; height: 34px !important;
    max-width: 34px !important; max-height: 34px !important;
  }
  header .body .contact_icons a.sq-icon.social-tg,
  header .body .contact_icons a.sq-icon.social-max,
  header .body .contact_icons a.sq-icon.phone {
    width: 40px !important; height: 40px !important;
    min-width: 40px !important; min-height: 40px !important;
    flex-basis: 40px !important;
  }
}

/* 2. Мобильная: общий левый/правый отступ 15px, как у контента */
@media (max-width: 767px) {
  header .body .logo { margin-left: 5px !important; }
  header .body .contact_icons { margin-right: 5px !important; }
}

/* 3. Нижняя панель мобильной: сплошная, без скруглений и размытия */
@media (max-width: 767px) {
  .mobile_menu {
    background: #fff !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    border-radius: 0 !important;
    border-top: 1px solid #E6EBF0 !important;
    box-shadow: none !important;
  }
  .mobile_menu .navigation,
  .mobile_menu .navigation .wrap {
    margin: 0 !important;
    background: #fff !important;
    background-color: #fff !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    border-radius: 0 !important;
    border: 0 !important;
    border-top: 1px solid #E6EBF0 !important;
    box-shadow: none !important;
  }
  .mobile_menu .nav-bubble {
    display: none !important;
  }
}

/* шапка: тёмные квадраты каталогов и корзины, подпись, общий левый край */
header .body a.all_catalogs picture,
header .body a.online_catalog picture,
header .body a.main_cart picture {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  background: #0F111D !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
header .body a.all_catalogs picture svg,
header .body a.online_catalog picture svg,
header .body a.main_cart picture svg {
  width: 28px !important;
  height: 28px !important;
}
header .body a.all_catalogs picture circle,
header .body a.online_catalog picture circle,
header .body a.online_catalog:hover picture circle,
header .body a.all_catalogs:hover picture circle {
  fill: #0F111D !important;
}
header .body a.all_catalogs picture path,
header .body a.online_catalog picture path,
header .body a.main_cart picture path {
  fill: #fff !important;
  stroke: none !important;
}
header .body a.main_cart picture rect { fill: transparent !important; }

@media (min-width: 992px) {
  header .body .logo { margin-left: 0 !important; }
  header .body a.online_catalog,
  header .body a.online_catalog p,
  header .body a.online_catalog span { white-space: nowrap; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  header .wrapper.body,
  .desktop_menu > .wrapper,
  .popular_categories > .wrapper {
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box;
  }
  header .body .logo { width: calc(100% / 1200 * 230) !important; }
  header .body .order_call { width: calc(100% / 1200 * 250) !important; gap: 8px !important; }
  header .body .order_call button.btn-transparent { padding: 8px 10px !important; font-size: 14px !important; }
  header .body a.all_catalogs { width: calc(100% / 1200 * 150) !important; }
  header .body a.online_catalog {
    width: calc(100% / 1200 * 210) !important;
    min-width: 168px;
    flex-shrink: 0;
  }
  header .body a.main_cart { width: calc(100% / 1200 * 130) !important; }
  header .body a.all_catalogs,
  header .body a.online_catalog,
  header .body a.main_cart { padding-left: 8px; padding-right: 8px; }
  header .body a.online_catalog span,
  header .body a.online_catalog br,
  header .body a.all_catalogs br { display: none !important; }
}
@media (min-width: 1200px) {
  header .wrapper.body,
  .desktop_menu > .wrapper,
  .popular_categories > .wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* ===== Шапка, десктоп от 992px ===== */
@media (min-width: 992px) {
  header .wrapper.body {
    display: flex !important; align-items: center !important; gap: 0 !important;
    height: 80px !important; max-width: 1200px !important; width: 100% !important;
    margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important;
    border-bottom: 1px solid #E6EBF0 !important;
  }
  header .body .logo {
    flex: 0 0 auto !important; width: auto !important; height: 80px !important;
    margin: 0 28px 0 0 !important; padding: 0 !important;
    display: flex !important; align-items: center !important;
  }
  header .body .logo img { width: 176px !important; height: auto !important; display: block !important; }

  header .body .contact_icons {
    display: flex !important; gap: 8px !important; width: auto !important; height: auto !important;
    margin: 0 24px 0 0 !important; padding: 0 !important; border: 0 !important;
  }
  header .body .contact_icons a.sq-icon { width: 40px !important; height: 40px !important; flex: 0 0 40px !important; }

  header .body .order_call {
    display: flex !important; align-items: center !important; gap: 16px !important;
    margin: 0 !important; padding: 0 0 0 24px !important; height: 44px !important; width: auto !important;
    border: 0 !important; border-left: 1px solid #E6EBF0 !important;
  }
  header .body .order_call .btn-transparent { display: none !important; }
  header .body .order_call .phone_numbers {
    display: flex !important; flex-direction: column !important; gap: 2px !important;
    width: auto !important; margin: 0 !important;
  }
  header .body .order_call .phone_numbers a {
    font-size: 15px !important; font-weight: 600 !important; line-height: 20px !important;
    height: auto !important; width: auto !important; white-space: nowrap !important; color: #0F111D !important;
  }
  header .body .order_call .btn-text {
    height: 44px !important; padding: 0 18px !important; width: auto !important;
    border: 1px solid #0F111D !important; background: #fff !important; color: #0F111D !important;
    font-size: 14px !important; font-weight: 600 !important; white-space: nowrap !important;
    border-radius: 0 !important; display: flex !important; align-items: center !important;
  }

  header .body a.all_catalogs,
  header .body a.online_catalog,
  header .body a.main_cart {
    display: flex !important; align-items: center !important; gap: 10px !important;
    width: auto !important; min-width: 0 !important; height: 44px !important;
    padding: 0 !important; border: 0 !important; white-space: nowrap !important;
    color: #0F111D !important; position: relative !important; flex: 0 0 auto !important;
  }
  header .body a.all_catalogs  { margin: 0 0 0 auto !important; }
  header .body a.online_catalog { margin: 0 0 0 24px !important; }
  header .body a.main_cart {
    margin: 0 0 0 24px !important; padding-left: 24px !important;
    border-left: 1px solid #E6EBF0 !important;
  }
  header .body a.all_catalogs p,
  header .body a.online_catalog p,
  header .body a.main_cart p {
    margin: 0 !important; font-size: 14px !important; font-weight: 500 !important;
    line-height: 1.25 !important; white-space: nowrap !important;
  }
  header .body a.online_catalog p span { display: none !important; }
}

/* ===== 992–1239px: компактный вариант ===== */
@media (min-width: 992px) and (max-width: 1239px) {
  header .wrapper.body { padding: 0 24px !important; }
  header .body .logo { margin-right: 20px !important; }
  header .body .logo img { width: 160px !important; }
  header .body .contact_icons { margin-right: 16px !important; }
  header .body .order_call { padding-left: 16px !important; }
  header .body .order_call .btn-text { display: none !important; }
}

/* ===== Шапка, десктоп от 992px ===== */
@media (min-width: 992px) {
  header .wrapper.body { display:flex !important; align-items:center !important; gap:0 !important; height:80px !important; max-width:1200px !important; width:100% !important; margin:0 auto !important; padding:0 !important; box-sizing:border-box !important; border-bottom:1px solid #E6EBF0 !important; }
  header .body .logo { flex:0 0 auto !important; width:auto !important; height:80px !important; margin:0 28px 0 0 !important; padding:0 !important; display:flex !important; align-items:center !important; }
  header .body .logo img { width:176px !important; height:auto !important; display:block !important; }
  header .body .contact_icons { display:flex !important; gap:8px !important; width:auto !important; height:auto !important; margin:0 24px 0 0 !important; padding:0 !important; border:0 !important; }
  header .body .contact_icons a.sq-icon { width:40px !important; height:40px !important; flex:0 0 40px !important; }
  header .body .order_call { display:flex !important; align-items:center !important; gap:16px !important; margin:0 !important; padding:0 0 0 24px !important; height:44px !important; width:auto !important; border:0 !important; border-left:1px solid #E6EBF0 !important; }
  header .body .order_call .btn-transparent { display:none !important; }
  header .body .order_call .phone_numbers { display:flex !important; flex-direction:column !important; gap:2px !important; width:auto !important; margin:0 !important; }
  header .body .order_call .phone_numbers a { font-size:15px !important; font-weight:600 !important; line-height:20px !important; height:auto !important; width:auto !important; white-space:nowrap !important; color:#0F111D !important; }
  header .body .order_call .btn-text { height:44px !important; padding:0 18px !important; width:auto !important; border:1px solid #0F111D !important; background:#fff !important; color:#0F111D !important; font-size:14px !important; font-weight:600 !important; white-space:nowrap !important; border-radius:0 !important; display:flex !important; align-items:center !important; }
  header .body a.all_catalogs, header .body a.online_catalog, header .body a.main_cart { display:flex !important; align-items:center !important; gap:10px !important; width:auto !important; min-width:0 !important; height:44px !important; padding:0 !important; border:0 !important; white-space:nowrap !important; color:#0F111D !important; position:relative !important; flex:0 0 auto !important; }
  header .body a.all_catalogs { margin:0 0 0 auto !important; }
  header .body a.online_catalog { margin:0 0 0 24px !important; }
  header .body a.main_cart { margin:0 0 0 24px !important; padding-left:24px !important; border-left:1px solid #E6EBF0 !important; }
  header .body a.all_catalogs p, header .body a.online_catalog p, header .body a.main_cart p { margin:0 !important; font-size:14px !important; font-weight:500 !important; line-height:1.25 !important; white-space:nowrap !important; }
  header .body a.online_catalog p span { display:none !important; }
}
@media (min-width: 992px) and (max-width: 1239px) {
  header .wrapper.body { padding:0 24px !important; }
  header .body .logo { margin-right:20px !important; }
  header .body .logo img { width:160px !important; }
  header .body .contact_icons { margin-right:16px !important; }
  header .body .order_call { padding-left:16px !important; }
  header .body .order_call .btn-text { display:none !important; }
}

/* ===== 992–1099px: шапка помещается ===== */
@media (min-width: 992px) and (max-width: 1099px) {
  header .body a.main_cart p { display: none !important; }
  header .body a.main_cart { padding-left: 20px !important; margin-left: 20px !important; }
  header .body a.online_catalog, header .body a.all_catalogs { margin-left: 16px !important; }
}

/* ===== Остаточные скругления (кроме радио-точек, буллетов swiper, стороннего чат-виджета) ===== */
.btn-red,
header .body a.main_cart picture,
header .body a.all_catalogs picture,
header .body a.online_catalog picture,
.panel-heading,
.irs-from, .irs-to, .irs-min, .irs-max, .irs-single,
.irs-handle, .irs-handle.from, .irs-handle.to,
.scroll-bar, .scroll-element_outer, .scroll-element_track,
.product_card .header .product_images_slider .next,
.product_card .header .product_images_slider .prev {
  border-radius: 0 !important;
}

/* ===== Нижняя панель на мобильной версии: сплошная, без размытия и скруглений ===== */
@media (max-width: 767px) {
  nav.mobile_menu, nav.mobile_menu .navigation, nav.mobile_menu .navigation .wrap {
    background: #fff !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  nav.mobile_menu .navigation { border-top: 1px solid #E6EBF0 !important; }
}

/* ===== Нижняя панель: одна линия сверху ===== */
@media (max-width: 767px) {
  nav.mobile_menu { border-top: 0 !important; }
  nav.mobile_menu .navigation { border-top: 1px solid #E6EBF0 !important; }
  nav.mobile_menu .navigation .wrap { border: 0 !important; }
}

/* Картинки категорий на главной: прячем скруглённый угол за границу карточки */
#common-home a.item > img {
  transform: scale(1.08);
  transform-origin: 0 0;
}

/* Карточки категорий на главной: эффект наведения */
@media (hover: hover) {
  #common-home a.item:hover > img {
    transform: scale(1.18);
    transform-origin: 0 0;
  }
}

/* Шапка: отступ логотип — разделитель — иконки */
@media (min-width: 992px) {
  header .body .logo {
    padding-right: 28px !important;
    border-right: 1px solid #E6EBF0 !important;
  }
}
@media (min-width: 992px) and (max-width: 1239px) {
  header .body .logo {
    padding-right: 16px !important;
    margin-right: 16px !important;
  }
}

/* Шапка от 1240px: больше воздуха между блоками */
@media (min-width: 1240px) {
  header .body .logo { margin-right: 24px !important; padding-right: 24px !important; }
  header .body .logo img { width: 164px !important; }
  header .body .contact_icons { margin-right: 20px !important; }
  header .body .order_call { padding-left: 20px !important; gap: 12px !important; }
  header .body .order_call .btn-text { padding: 0 14px !important; }
}

/* Шапка: корзина-квадрат со счётчиком и эффекты наведения (десктоп) */
@media (min-width: 992px) {
  header .body a.main_cart picture {
    position: relative !important; width: 40px !important; height: 40px !important;
    background: #0F111D !important; display: block !important; overflow: visible !important;
    transition: background-color .2s !important;
  }
  header .body a.main_cart picture svg { display: none !important; }
  header .body a.main_cart picture::before {
    content: ""; position: absolute; inset: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linejoin='miter'%3E%3Cpath d='M4.5 8.5h15l-1.2 11.5H5.7z'/%3E%3Cpath d='M8.5 8.5V7a3.5 3.5 0 0 1 7 0v1.5'/%3E%3C/svg%3E") center/26px 26px no-repeat;
  }
  header .body a.main_cart picture span {
    position: absolute !important; top: -7px !important; right: -7px !important; left: auto !important; margin: 0 !important;
    min-width: 18px; height: 18px; padding: 0 4px; box-sizing: border-box;
    background: #F32B37; color: #fff !important; font-size: 11px !important; font-weight: 700 !important;
    line-height: 18px !important; text-align: center; display: block !important;
  }
  header .body a.main_cart:hover picture { background: #F32B37 !important; }
  header .body a.main_cart:hover picture span { background: #0F111D; }

  header .body .order_call .phone_numbers a { transition: color .2s !important; }
  header .body .order_call .phone_numbers a:hover { color: #F32B37 !important; }

  header .body .contact_icons a.sq-icon.phone { transition: transform .18s !important; }
  header .body .contact_icons a.sq-icon.phone:hover,
  header .body .contact_icons a.sq-icon.phone:focus-visible { transform: translateY(-3px) !important; }
}

/* ===== Корзина и оформление заказа ===== */
/* единица измерения у поля количества в корзине */
.quantity_block__unit {
  display: flex;
  align-items: center;
  padding: 0 8px 0 2px;
  border-top: 1px solid #E6EBF0;
  border-bottom: 1px solid #E6EBF0;
  font-size: 13px;
  color: #8A93A3;
  white-space: nowrap;
}
.quantity_block.quantity_block__cart input { text-align: right; padding-right: 2px; }

/* шаги оформления: квадратные плашки */
.navigation-slide__text::before,
.registration-swiper .swiper-wrapper .navigation-slide__text::before { border-radius: 0 !important; }

@media (max-width: 767px) {
  /* три шага в одну строку: плашка 32px, подпись 12px под ней */
  #checkout .order-swiper .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 8px;
    transform: none !important;
  }
  #checkout .order-swiper .navigation-slide {
    width: auto !important;
    max-width: none !important;
    margin-right: 0 !important;
  }
  #checkout .order-swiper .navigation-slide__text {
    grid-template-columns: 32px;
    gap: 6px;
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap;
  }
  #checkout .order-swiper .navigation-slide__text br { display: none; }
  #checkout .order-swiper .navigation-slide__text::before {
    width: 32px !important;
    height: 32px !important;
    padding-top: 0 !important;
    font-size: 14px !important;
    line-height: 32px !important;
  }
  #checkout .order-swiper .navigation-slide__text::after { display: none !important; }

  /* место под кнопку чата внизу блока «Ваша корзина» (на /cart и /checkout это последний блок) */
  .checkout-cart__total { padding-bottom: 90px !important; }
}

/* Оформление заказа: «Назад» на первом шаге неактивна */
#checkout .registration-swiper__button-prev:disabled,
#checkout .registration-swiper__button-prev:disabled:hover,
#checkout .registration-swiper__button-prev:disabled:focus,
#checkout .registration-swiper__button-prev.swiper-button-disabled,
#checkout .registration-swiper__button-prev.swiper-button-disabled:hover,
#checkout .registration-swiper__button-prev.swiper-button-disabled:focus {
  color: #8A93A3 !important;
  border: 1px solid #E6EBF0 !important;
  background-color: #fff !important;
  cursor: not-allowed !important;
  outline: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

/* Task 14: thank-you contacts */
.thank-you__phones {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 30px;
}
.thank-you__phones .thank-you__title--phone {
  margin-bottom: 0;
  min-height: 44px;
}
.thank-you__messengers-text { margin-bottom: 16px; }
.thank-you__messengers {
  display: flex;
  gap: 12px;
  margin-bottom: 40px;
}
.thank-you__messengers a.sq-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #0F111D;
  color: #fff;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  line-height: 0;
}
.thank-you__messengers a.sq-icon svg {
  width: 34px;
  height: 34px;
  display: block;
}
@media (min-width: 992px) {
  .thank-you__phones { gap: 16px; margin-bottom: 50px; }
  .thank-you__messengers { margin-bottom: 60px; }
}
@media (max-width: 767px) {
  .thank-you__messengers a.sq-icon { width: 44px; height: 44px; }
}

/* Task 14: empty cart art */
.not-found-page.cart-empty .not-found-page__text {
  text-align: center;
  margin-bottom: 0;
}
.not-found-page.cart-empty .cart-empty__art {
  display: block;
  width: 320px;
  max-width: 100%;
  height: auto;
  margin: 24px auto;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.not-found-page.cart-empty .not-found-page__link {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .not-found-page.cart-empty .cart-empty__art { width: 220px; }
}

/* Task 15: empty cart text */
.not-found-page.cart-empty .not-found-page__text {
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  -webkit-hyphens: manual;
  hyphens: manual;
  overflow-wrap: normal;
}
@media (max-width: 767px) {
  .not-found-page.cart-empty .not-found-page__text { font-size: 18px; line-height: 22px; }
}

/* Task 15: consent checkbox */
/* Подсветка ошибки была через outline 1px: он рисуется снаружи и срезается слайдером (overflow:hidden).
   Теперь рамка через border, внутри элемента. */
#checkout .complaint-form__agree input[type="checkbox"] {
  flex: 0 0 30px;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  min-height: 30px;
  margin: 0;
  box-sizing: border-box;
  border-radius: 0 !important;
}
#checkout .complaint-form__input--error {
  outline: none !important;
  border: 1px solid #F32B37 !important;
  box-shadow: none !important;
}
#checkout .complaint-form__agree input[type="checkbox"].complaint-form__input--error {
  border-width: 2px !important;
}
#checkout .complaint-form__agree input[type="checkbox"]:focus-visible {
  outline: 2px solid #0F111D;
  outline-offset: -2px;
}
#checkout .registration-swiper .complaint-form__button:focus {
  outline-offset: -1px;
}

/* Task 15: product added toast */
.product-added {
  position: fixed !important;
  z-index: 2147483647 !important; /* выше кнопки чата yourgood (2147483646) */
  top: auto;
  left: 16px !important;
  right: 16px !important;
  bottom: calc(84px + env(safe-area-inset-bottom, 0px));
  width: auto !important;
  max-width: none !important;
  display: flex !important;
  align-items: center;
  gap: 12px;
  padding: 16px 20px !important;
  background: #0F111D !important;
  color: #fff;
  border: 0 !important;
  border-left: 4px solid #F32B37 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: "Gilroy", sans-serif;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(8px) !important;
  transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
}
.product-added.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) !important;
  transition: opacity .2s ease, transform .2s ease;
}
.product-added__body { flex: 1 1 auto; min-width: 0; }
.product-added .product-added__text {
  display: block;
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
}
.product-added .product-added__text::after { content: none !important; display: none !important; }
.product-added a.product-added__link {
  display: inline-block;
  margin-top: 4px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color .2s;
}
.product-added a.product-added__link:hover,
.product-added a.product-added__link:focus-visible { color: #F32B37; }
.product-added__close {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  margin: -12px -16px -12px 0;
  padding: 0;
  position: relative;
  background: transparent;
  border: 0;
  border-radius: 0 !important;
  cursor: pointer;
}
.product-added__close::before,
.product-added__close::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 18px;
  height: 1.5px;
  background: #fff;
  transition: background-color .2s;
}
.product-added__close::before { transform: translate(-50%, -50%) rotate(45deg); }
.product-added__close::after { transform: translate(-50%, -50%) rotate(-45deg); }
.product-added__close:hover::before,
.product-added__close:hover::after,
.product-added__close:focus-visible::before,
.product-added__close:focus-visible::after { background: #F32B37; }
@media (min-width: 768px) {
  .product-added {
    top: 24px;
    bottom: auto;
    left: auto !important;
    right: 24px !important;
    width: 360px !important;
    transform: translateY(-8px) !important;
  }
}

/* Task 17: thank-you page (вместо Task 16: по левому краю, квадратные значки) */
.thank-you--request .thank-you__phones { gap: 0; }
@media (min-width: 768px) {
  .thank-you--request .thank-you__phones { gap: 8px; }
  .thank-you--request .thank-you__phones .thank-you__title--phone { line-height: 50px; min-height: 50px; }
}
.thank-you--request .thank-you__title--check::before {
  background-image: url("../image/check-red-square.svg?v=20261015t17");
  border-radius: 0;
}
.thank-you--request .thank-you__title--phone::before {
  background-image: url("../image/phone-red-square.svg?v=20261015t17");
  border-radius: 0;
}

/* Task 18: brands carousel */
.brands_slider .body a img {
  width: auto;
  max-width: 100%;
  object-fit: contain;
}
/* Очень вытянутые логотипы (Denkirs, ELFLED, FerGipps): ограничиваем ширину, чтобы не выглядели крупнее соседей */
.brands_slider .body a img[alt^="Denkirs"],
.brands_slider .body a img[alt^="ELFLED"],
.brands_slider .body a img[alt^="FerGipps"] { max-width: 240px; }
/* PNG без исходника крупнее: чуть ниже, чтобы меньше растягивались на экранах 2x */
.brands_slider .body a img[alt^="EasyDim"],
.brands_slider .body a img[alt^="Flexy"],
.brands_slider .body a img[alt^="KRAAB"] { max-height: 30px; }

/* Task 18: mailing block */
.mailing {
  padding: 32px 0;
  background-color: #FFFFFF;
  border-top: 1px solid #E6EBF0;
  border-bottom: 1px solid #E6EBF0;
  text-align: left;
}
.mailing .wrapper {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 20px;
}
.mailing .info_text { max-width: 560px; }
.mailing .info_text .know_first {
  margin: 0;
  font-family: "Gilroy", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.25;
  color: #0F111D;
}
.mailing form {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.mailing form input[type="email"],
.mailing form input[type="submit"] {
  display: block;
  width: 100%;
  max-width: none;
  height: 56px;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none;
  font-size: 16px;
  box-sizing: border-box;
}
.mailing form input[type="email"] {
  padding: 0 16px;
  background: #FFFFFF;
  border: 1px solid #E6EBF0;
  color: #0F111D;
  outline: none;
}
.mailing form input[type="email"]::placeholder { color: #8A93A3; }
.mailing form input[type="email"]:focus { border-color: #0F111D; }
.mailing form input[type="submit"] {
  padding: 0 28px;
  background: #F32B37;
  border: 1px solid #F32B37;
  color: #FFFFFF;
  font-weight: 600;
  cursor: pointer;
  transition: background-color .2s, border-color .2s;
}
.mailing form input[type="submit"]:hover,
.mailing form input[type="submit"]:focus-visible {
  background: #D81F2B;
  border-color: #D81F2B;
  color: #FFFFFF;
}
@media (min-width: 768px) {
  .mailing { padding: 48px 0; }
  .mailing .wrapper {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
  }
  .mailing .info_text { flex: 1 1 auto; }
  .mailing .info_text .know_first { font-size: 24px; }
  .mailing form {
    flex-direction: row;
    flex: 0 1 520px;
    width: auto;
  }
  .mailing form input[type="email"] { flex: 1 1 auto; min-width: 0; }
  .mailing form input[type="submit"] { flex: 0 0 auto; width: auto; }
}
@media (min-width: 992px) {
  .mailing .info_text .know_first { font-size: 28px; }
}
/* Task 18: линия между рассылкой и подвалом одна — у .mailing, у подвала убираем */
.mailing + footer .body { border-top: none; }
/* Task 18: старый отступ обёртки рассылки на мобильном убираем — поля задаёт .mailing */
.mailing .wrapper { padding-top: 0; padding-bottom: 0; }
@media (max-width: 767px) {
  /* в мобильной карусели один логотип на слайд высотой 60px: вытянутым снимаем ограничение 240px, PNG без исходника — 40px */
  .brands_slider .body a img[alt^="Denkirs"],
  .brands_slider .body a img[alt^="ELFLED"],
  .brands_slider .body a img[alt^="FerGipps"] { max-width: 100%; }
  .brands_slider .body a img[alt^="EasyDim"],
  .brands_slider .body a img[alt^="Flexy"],
  .brands_slider .body a img[alt^="KRAAB"] { max-height: 40px; }
}
/* Task 18: KRAAB — новый векторный логотип в две строки, крупнее соседей по высоте, чтобы буквы были соразмерны */
.brands_slider .body a img[alt^="KRAAB"] { height: 60px; max-height: none; }
@media (min-width: 992px) {
  /* плашка карусели не меняет высоту: лишние 15px компенсируем полями */
  .brands_slider .body a img[alt^="KRAAB"] { height: 50px; margin: -7.5px 0; }
}
/* Task 18: KRAAB в мобильном меню брендов — SVG без ограничения вышел бы 148×70 */
.mobile_menu .brands a img[alt^="KRAAB"] { width: auto; height: 50px; }

/* ===== Task 19: страницы «Контакты», «Обмен и возврат», «О компании» — общее ===== */
.contacts-v2, .exchange-v2, .about-v2 {
  background-color: #FFFFFF;
  color: #0F111D;
  font-family: "Gilroy", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
}
.contacts-v2, .exchange-v2 { padding: 32px 0 56px; }
.contacts-v2 *, .exchange-v2 *, .about-v2 * { border-radius: 0; box-shadow: none; }
.contacts-v2 .wrapper, .exchange-v2 .wrapper, .about-v2 .wrapper { padding-top: 0; }
.contacts-v2 p, .exchange-v2 p, .about-v2 p { margin: 0; }
.contacts-v2 a, .exchange-v2 a, .about-v2 a { transition: color .2s, background-color .2s, border-color .2s; }

.contacts-v2 .contacts-v2__title, .exchange-v2 .exchange-v2__title, .about-v2 .about-v2__title {
  margin: 0;
  font-family: "Gilroy", sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.15;
  color: #0F111D;
  text-align: left;
}
.contacts-v2 .contacts-v2__h2, .exchange-v2 .exchange-v2__h2, .about-v2 .about-v2__h2 {
  margin: 0;
  font-family: "Gilroy", sans-serif;
  font-size: 23px;
  font-weight: 600;
  line-height: 1.2;
  color: #0F111D;
  text-align: left;
}

/* кнопки */
.contacts-v2 .contacts-v2__btn, .exchange-v2 .exchange-v2__btn, .about-v2 .about-v2__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 28px;
  margin: 0;
  border: 1px solid #0F111D;
  border-radius: 0;
  background: transparent;
  color: #0F111D;
  font-family: "Gilroy", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  box-shadow: none;
  transition: color .2s, background-color .2s, border-color .2s;
}
.contacts-v2 .contacts-v2__btn--outline:hover, .exchange-v2 .exchange-v2__btn--outline:hover, .about-v2 .about-v2__btn--outline:hover,
.contacts-v2 .contacts-v2__btn--outline:focus-visible, .exchange-v2 .exchange-v2__btn--outline:focus-visible, .about-v2 .about-v2__btn--outline:focus-visible {
  border-color: #F32B37;
  color: #F32B37;
}
.about-v2 .about-v2__btn--red {
  background: #F32B37;
  border-color: #F32B37;
  color: #FFFFFF;
}
.about-v2 .about-v2__btn--red:hover, .about-v2 .about-v2__btn--red:focus-visible {
  background: #D81F2B;
  border-color: #D81F2B;
  color: #FFFFFF;
}

/* квадратные кнопки мессенджеров 40×40, зона нажатия 44×44 */
.contacts-v2__social, .exchange-v2__social, .about-v2__social {
  display: flex;
  gap: 8px;
  flex: 0 0 auto;
}
.contacts-v2 .contacts-v2__social a, .exchange-v2 .exchange-v2__social a, .about-v2 .about-v2__social a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #0F111D;
  color: #FFFFFF;
  border-radius: 0;
}
.contacts-v2 .contacts-v2__social a::before, .exchange-v2 .exchange-v2__social a::before, .about-v2 .about-v2__social a::before {
  content: "";
  position: absolute;
  inset: -2px;
}
.contacts-v2 .contacts-v2__social a svg, .exchange-v2 .exchange-v2__social a svg, .about-v2 .about-v2__social a svg {
  display: block;
  width: 34px;
  height: 34px;
}
.contacts-v2 .contacts-v2__social a:hover, .exchange-v2 .exchange-v2__social a:hover, .about-v2 .about-v2__social a:hover,
.contacts-v2 .contacts-v2__social a:focus-visible, .exchange-v2 .exchange-v2__social a:focus-visible, .about-v2 .about-v2__social a:focus-visible {
  background: #F32B37;
  color: #FFFFFF;
}

@media (min-width: 768px) {
  .contacts-v2 .contacts-v2__btn, .exchange-v2 .exchange-v2__btn, .about-v2 .about-v2__btn { min-height: 56px; }
  .contacts-v2 .contacts-v2__h2, .exchange-v2 .exchange-v2__h2, .about-v2 .about-v2__h2 { font-size: 28px; }
  .contacts-v2 .contacts-v2__title, .exchange-v2 .exchange-v2__title, .about-v2 .about-v2__title { font-size: 40px; }
}
@media (min-width: 992px) {
  .contacts-v2, .exchange-v2 { padding: 56px 0 96px; }
  .contacts-v2 .contacts-v2__h2, .exchange-v2 .exchange-v2__h2, .about-v2 .about-v2__h2 { font-size: 32px; }
  .contacts-v2 .contacts-v2__title, .exchange-v2 .exchange-v2__title, .about-v2 .about-v2__title { font-size: 46px; }
}

/* ===== Task 19: «Контакты» ===== */
.contacts-v2__main {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-top: 24px;
}
.contacts-v2__info { min-width: 0; }
.contacts-v2__phones {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.contacts-v2 .contacts-v2__phone {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  align-self: flex-start;
  min-height: 50px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  color: #0F111D;
  text-decoration: none;
  white-space: nowrap;
}
.contacts-v2 .contacts-v2__phone img { display: block; flex: 0 0 50px; width: 50px; height: 50px; }
.contacts-v2 .contacts-v2__phone:hover, .contacts-v2 .contacts-v2__phone:focus-visible { color: #F32B37; }

.contacts-v2__rows { margin: 32px 0 0; padding: 0; }
.contacts-v2__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4px;
  padding: 14px 0;
  border-bottom: 1px solid #E6EBF0;
}
.contacts-v2__row:first-child { border-top: 1px solid #E6EBF0; }
.contacts-v2__row dt { margin: 0; font-size: 15px; font-weight: 500; line-height: 1.5; color: #8A93A3; }
.contacts-v2__row dd { margin: 0; font-size: 16px; line-height: 1.5; color: #0F111D; }
.contacts-v2 .contacts-v2__row dd a {
  display: inline-block;
  padding: 10px 0;
  margin: -10px 0;
  color: #0F111D;
  text-decoration: none;
}
.contacts-v2 .contacts-v2__row dd a:hover, .contacts-v2 .contacts-v2__row dd a:focus-visible { color: #F32B37; }

.contacts-v2__messengers {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 28px;
}
.contacts-v2__messengers-text { font-size: 16px; line-height: 1.4; color: #4B5160; }
.contacts-v2 .contacts-v2__btn { margin-top: 28px; }

.contacts-v2__map { min-width: 0; }
.contacts-v2__map iframe {
  display: block;
  width: 100%;
  height: 320px;
  border: 0;
  border-radius: 0;
}

.contacts-v2__props { margin-top: 48px; }
.contacts-v2 .contacts-v2__company { margin-top: 12px; font-size: 18px; font-weight: 600; line-height: 1.4; }
.contacts-v2__props-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  margin: 24px 0 0;
  padding: 0;
  border-bottom: 1px solid #E6EBF0;
}
.contacts-v2__prop { padding: 14px 0; border-top: 1px solid #E6EBF0; min-width: 0; }
.contacts-v2__prop dt { margin: 0; font-size: 15px; font-weight: 500; line-height: 1.5; color: #8A93A3; }
.contacts-v2__prop dd { margin: 4px 0 0; font-size: 16px; line-height: 1.5; color: #0F111D; overflow-wrap: anywhere; }
.contacts-v2__prop address { margin: 0; font-style: normal; }

@media (min-width: 768px) {
  .contacts-v2__row { grid-template-columns: 180px minmax(0, 1fr); gap: 16px; }
  .contacts-v2__props-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 48px; }
  .contacts-v2 .contacts-v2__phone { font-size: 28px; }
}
@media (min-width: 992px) {
  .contacts-v2__main {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
    gap: 64px;
    align-items: start;
    margin-top: 40px;
  }
  .contacts-v2 .contacts-v2__phone { font-size: 32px; }
  .contacts-v2__row dd { font-size: 17px; }
  .contacts-v2__map iframe { height: 431px; }
  .contacts-v2__props { margin-top: 88px; }
  .contacts-v2__prop dd { font-size: 17px; }
}

/* ===== Task 19: «Обмен и возврат» ===== */
.exchange-v2 .exchange-v2__lead {
  margin-top: 12px;
  font-size: 18px;
  line-height: 1.45;
  color: #4B5160;
}
.exchange-v2__section { margin-top: 48px; }
.exchange-v2 .exchange-v2__steps {
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}
.exchange-v2 .exchange-v2__step {
  margin: 0;
  padding: 24px 0;
  border-top: 1px solid #E6EBF0;
  list-style: none;
}
.exchange-v2 .exchange-v2__step:last-child { border-bottom: 1px solid #E6EBF0; }
.exchange-v2 .exchange-v2__step::before, .exchange-v2 .exchange-v2__step::marker { content: none; }
.exchange-v2__num {
  display: block;
  font-size: 36px;
  font-weight: 600;
  line-height: 1;
  color: #F32B37;
}
.exchange-v2 .exchange-v2__step-title {
  margin: 16px 0 8px;
  font-family: "Gilroy", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  color: #0F111D;
}
.exchange-v2 .exchange-v2__text { font-size: 16px; line-height: 1.5; color: #0F111D; }

.exchange-v2__help {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 48px;
  padding: 24px 20px;
  background: #F4F5F7;
}
.exchange-v2 .exchange-v2__help-text { margin-top: 8px; font-size: 16px; line-height: 1.5; color: #4B5160; }
.exchange-v2__help-contacts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.exchange-v2 .exchange-v2__phone,
.exchange-v2 .exchange-v2__mail {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: #0F111D;
  text-decoration: none;
  white-space: nowrap;
}
.exchange-v2 .exchange-v2__phone { font-size: 22px; font-weight: 600; }
.exchange-v2 .exchange-v2__mail { font-size: 18px; }
.exchange-v2 .exchange-v2__phone:hover, .exchange-v2 .exchange-v2__mail:hover,
.exchange-v2 .exchange-v2__phone:focus-visible, .exchange-v2 .exchange-v2__mail:focus-visible { color: #F32B37; }
.exchange-v2__help-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-top: 12px;
}

@media (min-width: 768px) {
  .exchange-v2 .exchange-v2__lead { font-size: 20px; }
  .exchange-v2 .exchange-v2__steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 32px;
  }
  .exchange-v2 .exchange-v2__step,
  .exchange-v2 .exchange-v2__step:last-child {
    padding: 0 24px;
    border: 0;
    border-left: 1px solid #E6EBF0;
  }
  .exchange-v2 .exchange-v2__step:first-child { padding-left: 0; border-left: 0; }
  .exchange-v2 .exchange-v2__step:last-child { padding-right: 0; }
  .exchange-v2__help { padding: 32px; }
}
@media (min-width: 992px) {
  .exchange-v2__section { margin-top: 80px; }
  .exchange-v2__num { font-size: 40px; }
  .exchange-v2 .exchange-v2__step, .exchange-v2 .exchange-v2__step:last-child { padding: 0 40px; }
  .exchange-v2 .exchange-v2__step:first-child { padding-left: 0; }
  .exchange-v2 .exchange-v2__step:last-child { padding-right: 0; }
  .exchange-v2 .exchange-v2__text { font-size: 17px; }
  .exchange-v2__help {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
    margin-top: 88px;
    padding: 40px 48px;
  }
  .exchange-v2__help-info { flex: 1 1 auto; max-width: 480px; }
  .exchange-v2 .exchange-v2__help-text { font-size: 18px; }
  .exchange-v2__help-contacts { flex: 0 0 auto; }
}
/* шаги одинаковой ширины: разделитель — линия посередине промежутка */
@media (min-width: 768px) {
  .exchange-v2 .exchange-v2__steps { column-gap: 48px; }
  .exchange-v2 .exchange-v2__step,
  .exchange-v2 .exchange-v2__step:first-child,
  .exchange-v2 .exchange-v2__step:last-child { position: relative; padding: 0; border: 0; }
  .exchange-v2 .exchange-v2__step + .exchange-v2__step::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -24px;
    width: 1px;
    background: #E6EBF0;
  }
}
@media (min-width: 992px) {
  .exchange-v2 .exchange-v2__steps { column-gap: 80px; }
  .exchange-v2 .exchange-v2__step + .exchange-v2__step::before { left: -40px; }
}

/* ===== Task 19: «О компании» ===== */
.about-v2 ul, .about-v2 ol { margin: 0; padding: 0; list-style: none; }
.about-v2 li { list-style: none; }
.about-v2__section { margin-top: 48px; }

/* 1. обложка */
.about-v2__hero { padding-top: 32px; }
.about-v2__hero-inner { display: flex; flex-direction: column; gap: 32px; }
.about-v2 .about-v2__lead { margin-top: 16px; font-size: 18px; line-height: 1.5; color: #4B5160; }
.about-v2__hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.about-v2__hero-actions .about-v2__btn { flex: 1 1 100%; }
.about-v2__hero-media {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: #F4F5F7;
}
.about-v2__hero-media img { display: block; width: 100%; max-width: 480px; height: auto; }

/* 2. факты */
.about-v2__facts-section { margin-top: 40px; }
.about-v2 .about-v2__facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid #E6EBF0;
  border-bottom: 1px solid #E6EBF0;
}
.about-v2 .about-v2__fact { padding: 20px 0 20px 16px; min-width: 0; }
.about-v2 .about-v2__fact:nth-child(odd) { padding-left: 0; padding-right: 16px; }
.about-v2 .about-v2__fact:nth-child(even) { border-left: 1px solid #E6EBF0; }
.about-v2 .about-v2__fact:nth-child(n+3) { border-top: 1px solid #E6EBF0; }
.about-v2__fact-num { display: block; font-size: 40px; font-weight: 600; line-height: 1; color: #0F111D; }
.about-v2__fact-text { display: block; margin-top: 10px; font-size: 15px; line-height: 1.4; color: #4B5160; }

/* 3. почему выбирают нас */
.about-v2 .about-v2__why { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; margin-top: 24px; }
.about-v2 .about-v2__why-item { padding: 24px; border: 1px solid #E6EBF0; background: #FAFAFC; }
.about-v2__num { display: block; font-size: 28px; font-weight: 600; line-height: 1; color: #F32B37; }
.about-v2 .about-v2__why-title { margin: 16px 0 8px; font-family: "Gilroy", sans-serif; font-size: 20px; font-weight: 600; line-height: 1.3; color: #0F111D; }
.about-v2 .about-v2__why-text { font-size: 16px; line-height: 1.5; color: #4B5160; }

/* 4. что можно купить: карточки как категории на главной (.popular_categories) */
.about-v2 .about-v2__cats .body { margin-top: 24px; }
.about-v2 .about-v2__cats .body .item { border-radius: 0; box-shadow: none; color: #0F111D; text-decoration: none; }
.about-v2 .about-v2__cats .body .item:hover { box-shadow: none; }
.about-v2 .about-v2__cats .body .item .info {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 20px 0 20px 20px;
}
.about-v2 .about-v2__cats .body .item .info .name { margin: 0; font-size: 18px; line-height: 1.25; }
.about-v2 .about-v2__cat-text { margin-top: 8px; font-size: 14px; line-height: 1.45; color: #4B5160; }
.about-v2__cat-link { display: inline-block; margin-top: 12px; font-size: 15px; font-weight: 600; color: #0F111D; transition: color .2s; }
.about-v2__cat-link::after { content: " →"; }
.about-v2 .about-v2__cats .body .item:hover .about-v2__cat-link { color: #F32B37; }
/* картинка с закруглённым углом: прячем угол за край карточки, как на главной */
.about-v2 .about-v2__cats .body .item > img { align-self: flex-end; height: auto; transform: scale(1.08); transform-origin: 0 0; }
@media (hover: hover) {
  .about-v2 .about-v2__cats .body .item:hover > img { transform: scale(1.18); transform-origin: 0 0; }
}
.about-v2 .about-v2__more { max-width: 720px; margin-top: 24px; font-size: 16px; line-height: 1.5; color: #0F111D; }
.about-v2 .about-v2__more-btn { margin-top: 20px; }

/* 5. кому мы полезны */
.about-v2 .about-v2__intro { margin-top: 12px; font-size: 16px; line-height: 1.5; color: #4B5160; }

/* отзывы (виджет Яндекса, был на старой странице) */

/* 6. тёмный блок */
.about-v2__cta { margin-top: 56px; padding: 48px 0; background: #0F111D; color: #FFFFFF; }
.about-v2__cta-inner { display: flex; flex-direction: column; gap: 32px; }
.about-v2 .about-v2__cta-title { color: #FFFFFF; }
.about-v2 .about-v2__cta-lead { max-width: 560px; margin-top: 12px; font-size: 16px; line-height: 1.5; color: #C9CFDA; }
.about-v2__cta-contacts { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.about-v2 .about-v2__cta-phone {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: 24px;
  font-weight: 600;
  color: #FFFFFF;
  text-decoration: none;
  white-space: nowrap;
}
.about-v2 .about-v2__cta-phone:hover, .about-v2 .about-v2__cta-phone:focus-visible { color: #F32B37; }
.about-v2__cta-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 16px; }
.about-v2 .about-v2__cta .about-v2__social a { background: #FFFFFF; color: #0F111D; }
.about-v2 .about-v2__cta .about-v2__social a:hover,
.about-v2 .about-v2__cta .about-v2__social a:focus-visible { background: #F32B37; color: #FFFFFF; }
.about-v2 .about-v2__btn--light { border-color: #FFFFFF; color: #FFFFFF; background: transparent; }
.about-v2 .about-v2__btn--light:hover, .about-v2 .about-v2__btn--light:focus-visible { background: #F32B37; border-color: #F32B37; color: #FFFFFF; }

@media (min-width: 768px) {
  .about-v2__hero-actions .about-v2__btn { flex: 0 0 auto; }
  .about-v2 .about-v2__facts { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .about-v2 .about-v2__fact,
  .about-v2 .about-v2__fact:nth-child(odd),
  .about-v2 .about-v2__fact:nth-child(even),
  .about-v2 .about-v2__fact:nth-child(n+3) { padding: 24px; border-top: 0; border-left: 1px solid #E6EBF0; }
  .about-v2 .about-v2__fact:first-child { padding-left: 0; border-left: 0; }
  .about-v2 .about-v2__fact:last-child { padding-right: 0; }
  .about-v2 .about-v2__why { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  .about-v2 .about-v2__cats .body .item .info { display: flex; padding: 28px 0 28px 28px; }
  .about-v2 .about-v2__cats .body .item .info .name { font-size: 20px; }
  .about-v2 .about-v2__cat-text { font-size: 15px; }
  
  
}
@media (min-width: 992px) {
  .about-v2__section { margin-top: 88px; }
  .about-v2__hero { padding-top: 56px; }
  .about-v2__hero-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 64px;
    align-items: center;
  }
  .about-v2 .about-v2__lead { font-size: 20px; }
  .about-v2__hero-media { padding: 40px; }
  .about-v2__facts-section { margin-top: 72px; }
  .about-v2__fact-num { font-size: 48px; }
  .about-v2__fact-text { font-size: 16px; }
  .about-v2 .about-v2__why { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 32px; }
  .about-v2 .about-v2__why-item { padding: 32px; }
  /* 3 карточки в ряд, затем 2 пошире; без «большой первой» как на главной */
  .about-v2 .about-v2__cats .body {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-template-rows: none;
    grid-auto-rows: auto;
    gap: 20px;
    margin-top: 32px;
  }
  .about-v2 .about-v2__cats .body .item,
  .about-v2 .about-v2__cats .body .item:first-child { grid-column: span 2; grid-row: auto; flex-direction: row; }
  .about-v2 .about-v2__cats .body .item:nth-child(n+4) { grid-column: span 3; }
  .about-v2 .about-v2__cats .body .item:first-child .info { width: calc(100% / 364 * 204); padding: 28px 0 28px 28px; }
  .about-v2 .about-v2__cats .body .item:first-child > img { width: calc(100% / 364 * 204); }
  .about-v2 .about-v2__more { margin-top: 32px; font-size: 18px; }
  .about-v2 .about-v2__intro { font-size: 18px; }
  
  .about-v2__cta { margin-top: 96px; padding: 80px 0; }
  .about-v2__cta-inner { flex-direction: row; align-items: center; justify-content: space-between; gap: 64px; }
  .about-v2 .about-v2__cta-lead { font-size: 18px; }
  .about-v2 .about-v2__cta-phone { font-size: 28px; }
}
/* карточки категорий: в узких текст сверху, картинка справа внизу; широкие (4–5 на десктопе) — в строку */
@media (min-width: 768px) {
  .about-v2 .about-v2__cats .body .item,
  .about-v2 .about-v2__cats .body .item:first-child { flex-direction: column; gap: 12px; }
  .about-v2 .about-v2__cats .body .item .info,
  .about-v2 .about-v2__cats .body .item:first-child .info { width: auto; padding: 28px 28px 0; }
  .about-v2 .about-v2__cats .body .item > img,
  .about-v2 .about-v2__cats .body .item:first-child > img { width: 52%; margin-top: auto; align-self: flex-end; }
}
@media (min-width: 992px) {
  .about-v2 .about-v2__cats .body .item:nth-child(n+4) { flex-direction: row; gap: 0; }
  .about-v2 .about-v2__cats .body .item:nth-child(n+4) .info { width: 56%; padding: 28px 0 28px 28px; justify-content: center; }
  .about-v2 .about-v2__cats .body .item:nth-child(n+4) > img { width: 44%; }
}

/* ===== Task 20: «О компании» — «Кому мы полезны» и «Отзывы о нас» в одной секции ===== */

.about-v2__audience-frame { width: 100%; height: 560px; margin-top: 16px; overflow: hidden; }
.about-v2__audience-frame iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #E6EBF0;
  border-radius: 0;
  box-sizing: border-box;
}
.about-v2 .about-v2__audience-link {
  display: block;
  padding: 12px 0;
  font-size: 12px;
  line-height: 20px;
  color: #8A93A3;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.about-v2 .about-v2__audience-link:hover, .about-v2 .about-v2__audience-link:focus-visible { color: #F32B37; }
@media (min-width: 992px) {
  
  
  .about-v2__audience-frame { height: 600px; }
  /* слева заметно ниже, чем виджет справа: теги по два в ряд */
  
}

/* ===== Task 21: «Кому мы полезны» — список вместо тегов ===== */

/* ===== Task 22: обложка «О компании» — профиль UMBRA уходит за нижний правый угол плашки ===== */
.about-v2 .about-v2__hero-media {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0;
  aspect-ratio: 827 / 579;
  background: #F4F5F7;
}
.about-v2 .about-v2__hero-media img {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 92%;
  max-width: none;
  height: auto;
}

/* ===== Task 23: подписка — итог под формой ===== */
.mailing form { flex-wrap: wrap; }
.mailing .mailing__result {
  width: 100%;
  margin: 12px 0 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  color: #0F111D;
}
.mailing .mailing__result.is-error { color: #F32B37; }
@media (min-width: 768px) {
  .mailing .mailing__result { flex: 0 0 100%; }
}
@media (min-width: 768px) {
  /* поле и кнопка в одной строке, итог — строкой ниже */
  .mailing form input[type="email"] { flex: 1 1 0; width: auto; }
}

/* T33 ===== Задание 33 (17.10.2026): футер, рассылка, шапка, переключатели. Откат — удалить блок до «T33 end» ===== */

/* 1. Футер: «КОПИРОВАТЬ» рядом с адресом. Наведение меняет только цвет, ширина под самое длинное слово */
footer .body .item.contacts .email__block { gap: 12px; }
footer .body .item.contacts .email__copy-btn {
  display: inline-grid;
  align-items: center;
  margin: 0;
  padding: 4px 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  cursor: pointer;
  font-family: "Gilroy", sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #8A93A3;
  transition: color .2s;
}
footer .body .item.contacts .email__copy-btn > span {
  grid-area: 1 / 1;
  border-bottom: 1px solid #E6EBF0;
  transition: border-color .2s;
}
footer .body .item.contacts .email__copy-btn .email__copy-done { visibility: hidden; }
footer .body .item.contacts .email__copy-btn.is-copied .email__copy-text { visibility: hidden; }
footer .body .item.contacts .email__copy-btn.is-copied .email__copy-done { visibility: visible; }
footer .body .item.contacts .email__copy-btn:hover,
footer .body .item.contacts .email__copy-btn:focus-visible,
footer .body .item.contacts .email__copy-btn.is-copied { color: #0F111D; }
footer .body .item.contacts .email__copy-btn:hover > span,
footer .body .item.contacts .email__copy-btn:focus-visible > span { border-bottom-color: #F32B37; }
footer .body .item.contacts .email__copy-btn:focus-visible { outline: 1px solid #0F111D; outline-offset: 2px; }
@media (max-width: 991px) {
  footer .body .item.contacts .email__copy-btn { min-height: 40px; padding: 13px 0; }
}

/* 2. Рассылка: компактный блок до 600px, поле и кнопка 44px, кнопка чёрная */
.mailing { padding: 21px 0; }
.mailing .wrapper { flex-direction: column !important; align-items: flex-start !important; gap: 14px !important; }
.mailing .info_text,
.mailing form { width: 100%; max-width: 600px; flex: 0 1 auto !important; }
.mailing .info_text .know_first {
  font-size: 14px !important;
  font-weight: 600;
  line-height: 1.4;
  color: #0F111D;
}
.mailing form input[type="email"],
.mailing form input[type="submit"] { height: 44px; font-size: 14px; }
.mailing form input[type="submit"] { background: #0F111D; border-color: #0F111D; }
.mailing form input[type="submit"]:hover,
.mailing form input[type="submit"]:focus-visible { background: #F32B37; border-color: #F32B37; }
.mailing .mailing__result { font-size: 13px; color: #4B5160; }
@media (min-width: 768px) {
  .mailing { padding: 32px 0; }
  .mailing .info_text .know_first { font-size: 16px !important; }
  .mailing form { flex-direction: row; }
}

/* 3. Шапка: «Обратный звонок» и «Каталоги PDF» подсвечиваются как соседи — текст #F32B37, .2s */
@media (min-width: 992px) {
  header .body .order_call .btn-text { transition: color .2s, border-color .2s !important; }
  header .body .order_call .btn-text:hover,
  header .body .order_call .btn-text:focus-visible { color: #F32B37 !important; border-color: #F32B37 !important; }
  header .body a.all_catalogs p { transition: color .2s; }
  header .body a.all_catalogs:hover p,
  header .body a.all_catalogs:focus-visible p { color: #F32B37; }
}

/* 4–5. Переключатели: баннеры главной и «Хит продаж» — чёрточки 20×3, активная 32, зона нажатия 25px */
.wrapper__home .banner__pagination .swiper-pagination-bullet,
.products-hit .products-hit-swiper__pagination .swiper-pagination-bullet {
  width: 20px !important;
  height: 3px !important;
  padding: 11px 0;
  margin: 0 3px !important;
  box-sizing: content-box;
  background-color: #8A93A3 !important;
  background-clip: content-box;
  border: 0;
  border-radius: 0 !important;
  box-shadow: none;
  opacity: 1;
  vertical-align: middle;
  transition: width .25s, background-color .25s !important;
}
.wrapper__home .banner__pagination .swiper-pagination-bullet-active,
.products-hit .products-hit-swiper__pagination .swiper-pagination-bullet-active {
  width: 32px !important;
  background-color: #0F111D !important;
}
.wrapper__home .banner__pagination .swiper-pagination-bullet:focus-visible,
.products-hit .products-hit-swiper__pagination .swiper-pagination-bullet:focus-visible { outline: 1px solid #0F111D; outline-offset: 0; }
.wrapper__home .banner__pagination { line-height: 0; }

/* 6. Меню: «Акции» красным, при наведении прозрачность .8 */
.desktop_menu .menu a[href="/specials"] { color: #F32B37; transition: opacity .2s; }
.desktop_menu .menu a[href="/specials"]:hover,
.desktop_menu .menu a[href="/specials"]:focus-visible { color: #F32B37; opacity: .8; }
.mobile_menu .to_customers a[href="/specials"],
.mobile_menu .to_customers a[href="/specials"] span { color: #F32B37; }

/* T33 end */

/* T34 ===== Задание 34 (17.10.2026): иконки Flaticon (маска + currentColor) и строка авторства. Откат — удалить блок до «T34 end» ===== */
.ic {
  display: block;
  flex: none;
  background-color: currentColor;
  -webkit-mask: var(--ic) center / contain no-repeat;
  mask: var(--ic) center / contain no-repeat;
}
.ic--online-catalog { --ic: url("/catalog/view/theme/rumgips/image/icons/ic-online-catalog.svg"); }
.ic--pdf-catalog { --ic: url("/catalog/view/theme/rumgips/image/icons/ic-pdf-catalog.svg"); }

/* шапка: белая иконка в чёрном квадрате 40×40, как раньше */
header .body a.all_catalogs picture .ic,
header .body a.online_catalog picture .ic { width: 16px; height: 16px; color: #FFFFFF; }
header .body a.online_catalog picture .ic { display: block !important; } /* старое правило прячет span в ссылке */

/* футер: плитка «Онлайн каталог RUMGIPS» — при наведении фон красный, иконка белая */
footer .body .item.catalog_and_price .online_catalog picture .ic { width: 21px; height: 21px; color: #0F111D; transition: color .3s; }
footer .body .item.catalog_and_price .online_catalog:hover picture .ic,
footer .body .item.catalog_and_price .online_catalog:focus-visible picture .ic { color: #FFFFFF; }

/* мобильный футер: строка «Онлайн каталог RUMGIPS» */
.m-foot__row .ic { width: 22px; height: 22px; }

/* /delivery: картинки вместо inline SVG, тот же блок 28×28 */
.delivery-card img.delivery-card__icon { width: 28px; height: 28px; padding: 2px; box-sizing: border-box; object-fit: contain; }

/* строка авторства иконок в самом низу футера */
footer .icons-credit {
  width: 100%;
  margin: 0;
  padding: 12px 0 16px;
  font-family: "Gilroy", sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.4;
  color: #8A93A3;
}
footer .icons-credit a { color: #8A93A3; text-decoration: none; transition: color .2s; }
footer .icons-credit a:hover,
footer .icons-credit a:focus-visible { color: #0F111D; }

/* T34 end */

/* T35 ===== Задание 35 (17.10.2026): иконки в квадратах по размеру рисунков мессенджеров. Откат — удалить блок до «T35 end» ===== */
/* шапка, квадрат 40×40: рисунок ~21 px, как у мессенджеров (17–20 px) */
header .body a.all_catalogs picture .ic,
header .body a.online_catalog picture .ic { width: 22px; height: 22px; }
/* футер, плитка 60×60: рисунок ~25 px, как у мессенджеров футера (до 24–25 px) */
footer .body .item.catalog_and_price .online_catalog picture .ic { width: 26px; height: 26px; }
/* T35 end */

/* T36 ===== Задание 36 (17.10.2026): мобильная шапка (<992) вместо нижней панели. Откат — удалить блок до «T36 end» ===== */
.m-head, .m-cat { display: none; }
@media (max-width: 991px) {
  header, .mobile_menu { display: none !important; }
  .desktop_menu { display: none !important; } /* на 900–991 оно выводилось без стилей под шапкой */

  /* верхняя строка: закреплена всегда */
  .m-head {
    display: block;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1000;
    margin-bottom: 61px; /* место под вторую строку (44 + 8 + 8 + 1) */
    font-family: "Gilroy", sans-serif;
  }
  .m-head__top {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 56px;
    padding: env(safe-area-inset-top, 0px) 7px 0 15px;
    box-sizing: content-box;
    background: #FFFFFF;
    border-bottom: 1px solid #E6EBF0;
  }
  .m-head__logo { display: block; line-height: 0; }
  .m-head__logo img { display: block; width: 148px; height: auto; }
  .m-head__actions { display: flex; }
  .m-head__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0 !important;
    background: none;
    color: #0F111D;
    cursor: pointer;
  }
  .m-head__icon svg { display: block; width: 24px; height: 24px; }
  .m-head__icon:focus-visible { outline: 1px solid #0F111D; outline-offset: -4px; }
  .m-head__icon[aria-expanded="true"] { background: #F4F5F7; }
  .m-head__badge {
    position: absolute;
    top: 5px;
    right: 3px;
    min-width: 16px;
    height: 16px;
    padding: 0 3px;
    box-sizing: border-box;
    background: #F32B37;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    border-radius: 0;
  }
  .m-head__badge[hidden] { display: none; }

  /* вторая строка: «Каталог» + телефон, Telegram, MAX; уезжает под верхнюю при прокрутке вниз */
  .m-head__bar {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    right: 0;
    display: flex;
    gap: 8px;
    height: 61px; /* 44 + 8 + 8 + линия 1 */
    box-sizing: border-box;
    padding: 8px 15px;
    background: #FFFFFF;
    border-bottom: 1px solid #E6EBF0;
    transform: translateY(0);
    transition: transform .2s ease, visibility 0s linear 0s;
  }
  .m-head--hide .m-head__bar {
    transform: translateY(calc(-100% - 1px));
    visibility: hidden;
    transition: transform .2s ease, visibility 0s linear .2s;
  }
  .m-head__catalog {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 0;
    height: 44px;
    margin: 0;
    padding: 0 12px;
    border: 1px solid #0F111D;
    border-radius: 0 !important;
    background: #FFFFFF;
    color: #0F111D;
    font-family: "Gilroy", sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .08em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color .2s, color .2s;
  }
  .m-head__catalog svg { display: block; flex: none; width: 16px; height: 16px; }
  .m-head__catalog:hover,
  .m-head__catalog:active,
  .m-head__catalog:focus-visible,
  .m-head__catalog[aria-expanded="true"] { background: #0F111D; color: #FFFFFF; outline: none; }
  .m-head__sq {
    flex: 0 0 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    box-sizing: border-box;
    border: 1px solid #E6EBF0;
    border-radius: 0;
    background: #FFFFFF;
    color: #0F111D;
    transition: border-color .2s;
  }
  .m-head__sq svg { display: block; width: 34px; height: 34px; }
  .m-head__sq:hover,
  .m-head__sq:active,
  .m-head__sq:focus-visible { border-color: #0F111D; outline: none; }

  /* поиск: выпадает под верхней строкой */
  .m-search {
    position: absolute;
    z-index: 2;
    top: 100%;
    left: 0;
    right: 0;
    align-items: center;
    gap: 4px;
    padding: 8px 7px 8px 15px;
    background: #FFFFFF;
    border-bottom: 1px solid #E6EBF0;
  }
  .m-search:not([hidden]) { display: flex; }
  .m-search .search { position: relative; flex: 1 1 auto; min-width: 0; margin: 0; padding: 0; border: 0; }
  .m-search .search input {
    display: block;
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 0 44px 0 12px;
    box-sizing: border-box;
    border: 1px solid #0F111D;
    border-radius: 0 !important;
    background: #FFFFFF;
    color: #0F111D;
    font-family: "Gilroy", sans-serif;
    font-size: 16px;
    outline: none;
    box-shadow: none;
  }
  .m-search .search .search_button {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
  }
  .m-search .search .search_button img { width: 20px; height: 20px; }
  .m-search__close {
    flex: 0 0 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0 !important;
    background: none;
    color: #0F111D;
    cursor: pointer;
  }
  .m-search__close svg { width: 24px; height: 24px; }

  /* меню «Каталог»: весь экран */
  .m-cat:not([hidden]) { display: flex; }
  .m-cat {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2147483000;
    flex-direction: column;
    height: 100vh;
    height: 100dvh;
    background: #FFFFFF;
    font-family: "Gilroy", sans-serif;
  }
  .m-cat__head {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 56px;
    padding: env(safe-area-inset-top, 0px) 7px 0 15px;
    box-sizing: content-box;
    border-bottom: 1px solid #E6EBF0;
  }
  .m-cat__title { margin: 0; font-size: 18px; font-weight: 600; line-height: 1; color: #0F111D; }
  .m-cat__close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0 !important;
    background: none;
    color: #0F111D;
    cursor: pointer;
  }
  .m-cat__close svg { width: 24px; height: 24px; }
  .m-cat__close:focus-visible { outline: 1px solid #0F111D; outline-offset: -4px; }
  .m-cat__body {
    flex: 1 1 auto;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    padding: 0 15px calc(24px + env(safe-area-inset-bottom, 0px));
  }
  .m-cat__sale,
  .m-cat__item,
  .m-cat__links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 52px;
    border-bottom: 1px solid #E6EBF0;
    color: #0F111D;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    text-decoration: none;
  }
  .m-cat .m-cat__sale { color: #F32B37; font-weight: 600; }
  .m-cat .m-cat__sale:visited { color: #F32B37; }
  .m-cat__item:visited, .m-cat__links a:visited, .m-cat__phone:visited { color: #0F111D; }
  .m-cat__phone2:visited { color: #4B5160; }
  .m-cat a { transition: border-color .2s; } /* без анимации цвета: «Акции» сразу красные */
  html.m-lock pf-widget { display: none !important; } /* кнопка чата не перекрывает меню */
  .m-cat__item img { flex: none; width: 44px; height: 44px; object-fit: contain; }
  .m-cat__label {
    margin: 24px 0 8px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #8A93A3;
  }
  .m-cat__brands { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .m-cat__brands a { display: flex; align-items: center; justify-content: center; height: 56px; padding: 8px; box-sizing: border-box; border: 1px solid #E6EBF0; }
  .m-cat__brands img { display: block; max-width: 100%; max-height: 32px; object-fit: contain; }
  .m-cat__links { border-top: 1px solid #E6EBF0; }
  .m-cat__links a { font-size: 15px; }
  .m-cat__contacts { display: flex; flex-direction: column; gap: 8px; margin-top: 24px; }
  .m-cat__phone { color: #0F111D; font-size: 20px; font-weight: 700; line-height: 1.3; text-decoration: none; }
  .m-cat__phone2 { color: #4B5160; font-size: 15px; line-height: 1.3; text-decoration: none; }
  .m-cat__callback {
    height: 44px;
    margin: 8px 0 0;
    padding: 0 16px;
    border: 1px solid #0F111D;
    border-radius: 0 !important;
    background: #0F111D;
    color: #FFFFFF;
    font-family: "Gilroy", sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color .2s, border-color .2s;
  }
  .m-cat__callback:hover, .m-cat__callback:focus-visible { background: #F32B37; border-color: #F32B37; }
  .m-cat__btns { display: flex; gap: 8px; }
  .m-cat__btns a {
    flex: 1 1 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 44px;
    box-sizing: border-box;
    border: 1px solid #E6EBF0;
    border-radius: 0;
    color: #0F111D;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    text-decoration: none;
    transition: border-color .2s;
  }
  .m-cat__btns a:hover, .m-cat__btns a:focus-visible { border-color: #0F111D; }
  .m-cat__btns svg { display: block; width: 30px; height: 30px; }

  /* блокировка прокрутки под меню */
  html.m-lock, html.m-lock body { overflow: hidden; }
  html.m-lock body { position: fixed; left: 0; right: 0; width: 100%; }

  /* якоря не прячутся под шапкой */
  html { scroll-padding-top: 125px; }

  /* отступы, которые держали место под нижней панелью */
  footer { padding-bottom: 0 !important; }
}
@media (max-width: 767px) {
  footer .additional { padding-bottom: calc(28px + env(safe-area-inset-bottom, 0px)) !important; }
  .product-added { bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important; }
}
@media (max-width: 991px) and (prefers-reduced-motion: reduce) {
  .m-head__bar, .m-head--hide .m-head__bar { transition: none; }
}
@media (min-width: 992px) {
  .m-head, .m-cat { display: none !important; }
}
/* T36 end */

/* T37 ===== Задание 37 (17.10.2026): окно «Обратный звонок». Откат — удалить блок до «T37 end» ===== */
.modal.cb-modal {
  position: fixed;
  inset: 0;
  z-index: 1999999000 !important; /* ниже окна проверки SmartCaptcha, выше шапки */
  display: none !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 16px;
  box-sizing: border-box;
  background: rgba(15, 17, 29, .55) !important;
  opacity: 0 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transition: opacity .2s ease;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.modal.cb-modal.cb-modal--open { display: flex !important; }
.modal.cb-modal.cb-modal--in { opacity: 1 !important; }
html.cb-lock, html.cb-lock body { overflow: hidden !important; }
html.cb-lock pf-widget { display: none !important; } /* кнопка чата не перекрывает окно */

.cb {
  position: relative;
  width: 440px;
  max-width: 100%;
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 40px;
  box-sizing: border-box;
  background: #FFFFFF;
  border-radius: 0;
  box-shadow: none;
  font-family: "Gilroy", sans-serif;
  color: #0F111D;
  text-align: left;
  transform: translateY(8px);
  transition: transform .2s ease;
}
.cb-modal--in .cb { transform: translateY(0); }
.cb [hidden] { display: none !important; }

.cb__close {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0 !important;
  background: none;
  color: #0F111D;
  cursor: pointer;
  transition: color .2s;
}
.cb__close svg { display: block; width: 24px; height: 24px; }
.cb__close:hover, .cb__close:focus-visible { color: #F32B37; outline: none; }
.cb__close:focus-visible { outline: 1px solid #0F111D; outline-offset: -6px; }

.cb__eyebrow { margin: 0 0 12px; font-size: 11px; font-weight: 600; line-height: 1.2; letter-spacing: .1em; text-transform: uppercase; color: #8A93A3; }
.cb__title { margin: 0 0 12px; font-family: "Gilroy", sans-serif; font-size: 28px; font-weight: 600; line-height: 1.15; color: #0F111D; outline: none; }
.cb__lead { margin: 0; font-size: 14px; line-height: 1.5; color: #4B5160; }
.cb__hours { margin: 12px 0 0; font-size: 13px; line-height: 1.5; color: #4B5160; }
.cb__hours-label { display: block; margin-bottom: 2px; font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #8A93A3; }

.cb__form { margin: 28px 0 0; padding: 0; background: none; }
.cb__field { margin: 0 0 4px; }
.cb__label { display: block; margin: 0; font-size: 11px; font-weight: 600; line-height: 1.3; letter-spacing: .06em; text-transform: uppercase; color: #8A93A3; }
.cb .cb__input {
  display: block;
  width: 100%;
  height: 48px;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: 0;
  border-bottom: 1px solid #E6EBF0;
  border-radius: 0 !important;
  background: transparent;
  box-shadow: inset 0 -1px 0 transparent;
  font-family: "Gilroy", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #0F111D;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  transition: border-color .2s, box-shadow .2s;
}
.cb .cb__input--area { height: auto; min-height: 76px; padding: 12px 0; line-height: 1.4; resize: none; }
.cb .cb__input::placeholder { color: #8A93A3; opacity: 1; font-weight: 400; }
.cb .cb__input:focus { border-bottom-color: #0F111D; box-shadow: inset 0 -1px 0 #0F111D; outline: none; }
.cb .cb__field.is-error .cb__input { border-bottom-color: #F32B37; box-shadow: inset 0 -1px 0 #F32B37; }
.cb__err { min-height: 16px; margin: 4px 0 0; font-size: 12px; line-height: 16px; color: #F32B37; }
.cb__field + .cb__field { margin-top: 8px; }

/* согласие */
.cb__check--agree { margin-top: 12px; }
.cb__agree { position: relative; display: flex; align-items: flex-start; gap: 12px; margin: 0; cursor: pointer; }
.cb__agree input { position: absolute; top: 0; left: 0; width: 18px; height: 18px; margin: 0; opacity: 0; cursor: pointer; }
.cb__box { flex: none; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; box-sizing: border-box; border: 1px solid #0F111D; background: #FFFFFF; color: #FFFFFF; transition: background-color .2s; }
.cb__box svg { display: block; width: 18px; height: 18px; opacity: 0; }
.cb__agree input:checked + .cb__box { background: #0F111D; }
.cb__agree input:checked + .cb__box svg { opacity: 1; }
.cb__agree input:focus-visible + .cb__box { outline: 1px solid #0F111D; outline-offset: 2px; }
.cb__check--agree.is-error .cb__box { border-color: #F32B37; }
.cb__agree-text { font-size: 12px; line-height: 1.5; color: #4B5160; }
.cb__agree-text a { color: #4B5160; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; transition: color .2s; }
.cb__agree-text a:hover, .cb__agree-text a:focus-visible { color: #F32B37; }

/* отправка */
.cb__send-err { margin: 12px 0 0; font-size: 13px; line-height: 1.5; color: #F32B37; }
.cb__send-err a { color: #F32B37; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.cb__submit {
  display: block;
  width: 100%;
  height: 52px;
  margin: 16px 0 0;
  padding: 0 16px;
  border: 0;
  border-radius: 0 !important;
  background: #0F111D;
  color: #FFFFFF;
  font-family: "Gilroy", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color .2s;
}
.cb__submit:hover, .cb__submit:focus-visible { background: #F32B37; outline: none; }
.cb__submit:disabled, .cb__submit:disabled:hover { background: #8A93A3; cursor: default; }

/* альтернатива форме */
.cb__alt { margin-top: 24px; padding-top: 20px; border-top: 1px solid #E6EBF0; font-size: 13px; line-height: 1.6; color: #4B5160; }
.cb__alt p { margin: 0; }
.cb__alt p + p { margin-top: 4px; }
.cb__alt a { color: #0F111D; text-decoration: underline; text-decoration-thickness: 1px; text-decoration-color: #E6EBF0; text-underline-offset: 3px; transition: color .2s, text-decoration-color .2s; }
.cb__alt a:hover, .cb__alt a:focus-visible { color: #F32B37; text-decoration-color: #F32B37; }

/* заявка принята */
.cb__view--done { padding: 8px 0 0; }
.cb__done-icon { display: block; width: 32px; height: 32px; margin: 0 0 20px; color: #0F111D; }
.cb__done-close {
  display: block;
  width: 100%;
  height: 52px;
  margin: 28px 0 0;
  border: 1px solid #0F111D;
  border-radius: 0 !important;
  background: #FFFFFF;
  color: #0F111D;
  font-family: "Gilroy", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color .2s, color .2s;
}
.cb__done-close:hover, .cb__done-close:focus-visible { background: #0F111D; color: #FFFFFF; outline: none; }

/* мобильная: шторка снизу */
@media (max-width: 767px) {
  .modal.cb-modal { align-items: flex-end; padding: 0; }
  .cb {
    width: 100%;
    max-height: 92vh;
    max-height: 92dvh;
    padding: 24px 20px calc(24px + env(safe-area-inset-bottom, 0px));
    transform: translateY(100%);
    transition: transform .25s ease;
  }
  .cb__close { top: 4px; right: 4px; }
  .cb__title { font-size: 26px; padding-right: 32px; }
}
@media (prefers-reduced-motion: reduce) {
  .modal.cb-modal, .cb { transition: none !important; }
}
/* T37 end */

/* T38 ===== Задание 38 (17.10.2026): Yandex SmartCaptcha (невидимая). Откат — удалить блок до «T38 end» ===== */
/* окно с заданием SmartCaptcha — выше окна звонка (1999999000); значок с уведомлением остаётся на месте и не перекрывает форму */
.SmartCaptcha-Overlay { z-index: 2000000001 !important; }
/* T38 end */

/* T41 ===== Задание 41 (18.10.2026): значок SmartCaptcha. Откат — удалить блок до «T41 end» ===== */
/* «bottom» у Яндекса — это bottom: 25%; прижимаем значок к нижнему левому углу, не скрывая */
html .SmartCaptcha-Shield.SmartCaptcha-Shield_position_bottom { bottom: calc(16px + env(safe-area-inset-bottom, 0px)); }
/* пока открыто окно звонка — значок поверх затемнения (ниже задания с картинками 2000000001) */
html.cb-lock .SmartCaptcha-Shield { z-index: 2000000000; }
/* мобильная шторка занимает низ экрана — значок над ней, в верхнем левом углу */
@media (max-width: 767px) {
  html.cb-lock .SmartCaptcha-Shield.SmartCaptcha-Shield_position_bottom { top: calc(8px + env(safe-area-inset-top, 0px)); bottom: auto; }
}
/* T41 end */

/* T43 ===== Задание 43 (18.10.2026): логотип Rumgips — SVG без полей вместо PNG; размер как у прежнего PNG и соседей. Откат — удалить блок до «T43 end» ===== */
/* карусель брендов (главная, /brands): до 992px слайд высотой 60px, логотип не шире 280px */
.brands_slider .body a img[src*="rumgips-logo-black-v2"] { max-width: min(100%, 280px); }
@media (min-width: 992px) {
  .brands_slider .body a img[src*="rumgips-logo-black-v2"] { max-width: 180px; }
}
/* значок производителя в карточке товара: у PNG было 22px вместе с полями, у SVG полей нет */
img.manufacturer[src*="rumgips-logo-black-v2"] { height: 15px !important; width: auto !important; object-fit: contain; }
/* T43 end */

/* ===== Task 44: «О компании» — блок «Шоурум» ===== */
.about-v2__showroom-top {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 24px;
}
.about-v2 .about-v2__showroom-text p {
  font-size: 16px;
  line-height: 1.5;
  color: #0F111D;
}
.about-v2 .about-v2__showroom-text p + p { margin-top: 12px; }
.about-v2__showroom-contact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 20px;
  background: #F4F5F7;
}
.about-v2__showroom-label {
  font-size: 14px;
  line-height: 1.4;
  color: #8A93A3;
}
.about-v2 .about-v2__showroom-address {
  margin-top: 4px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  color: #0F111D;
}
.about-v2 .about-v2__showroom-map {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: 15px;
  color: #0F111D;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.about-v2 .about-v2__showroom-map:hover,
.about-v2 .about-v2__showroom-map:focus-visible { color: #F32B37; }
.about-v2__showroom-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 20px;
  margin-top: 12px;
}
.about-v2 .about-v2__showroom-phone {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: 18px;
  font-weight: 600;
  color: #0F111D;
  text-decoration: none;
  white-space: nowrap;
}
.about-v2 .about-v2__showroom-phone:hover,
.about-v2 .about-v2__showroom-phone:focus-visible { color: #F32B37; }

/* галерея: на телефоне главное фото, под ним три в ряд со свайпом внутри блока */

.about-v2__showroom-photo {
  display: block;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #F4F5F7;
}
.about-v2__showroom-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-v2__showroom-photo--gap img { object-position: 50% 76%; }

@media (min-width: 768px) {
  .about-v2__showroom-contact { padding: 28px 32px; }
  
  
}

@media (min-width: 992px) {
  .about-v2__showroom-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 400px;
    gap: 64px;
    align-items: start;
    margin-top: 32px;
  }
  .about-v2 .about-v2__showroom-text p { font-size: 18px; }
  .about-v2__showroom-contact { padding: 32px; }
  /* главное фото крупно слева, три остальных столбиком справа, той же пропорции 4:3 */
  
  
  
}

/* ===== Task 45: «О компании» — якорь шоурума, отзывы отдельной секцией, компактный «Кому мы полезны» ===== */
/* на компьютере шапка не залипает; до 991px залипает .m-head: 57px, при прокрутке вверх раскрывается до 118px */
.about-v2__showroom { scroll-margin-top: 24px; }
@media (max-width: 991px) {
  .about-v2__showroom { scroll-margin-top: 118px; }
}

/* «Контакты»: ссылка на шоурум под адресом */
.contacts-v2 .contacts-v2__showroom-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: 15px;
  color: #0F111D;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.contacts-v2 .contacts-v2__showroom-link:hover,
.contacts-v2 .contacts-v2__showroom-link:focus-visible { color: #F32B37; }
.contacts-v2__prop dd address + .contacts-v2__showroom-link { display: flex; width: max-content; }
/* Task 45: до 991px у html уже есть scroll-padding-top: 125px (перекрывает раскрытую шапку 118px) — второй отступ не нужен */
@media (max-width: 991px) {
  .about-v2__showroom { scroll-margin-top: 0; }
}

/* ===== Task 46: низ «О компании» в одном стиле с верхом ===== */
/* «Отзывы о нас»: текст и кнопка слева, виджет справа на серой подложке */

/* пока виджет не загрузился — серый блок с зарезервированной высотой, без белой рамки */

/* подпись-атрибуция под виджетом дублирует кнопку слева: скрыта только визуально, ссылка остаётся в разметке */

/* «Кому мы полезны»: те же карточки, что в «Почему выбирают нас», только компактнее (одна строка) */


/* ===== Task 47: «О компании» — компактный шоурум; «Кому мы полезны» и «Отзывы о нас» в одной секции ===== */
/* шоурум: абзац и карточка адреса в строку с 768px, карточка ниже */
.about-v2__showroom-contact { padding: 16px 20px; }
.about-v2__showroom-actions { margin-top: 4px; }
/* галерея — один ряд из четырёх фото 4:3; на телефоне свайп внутри блока */
.about-v2__showroom-row {
  display: flex;
  gap: 16px;
  margin-top: 20px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.about-v2__showroom-row::-webkit-scrollbar { display: none; }
.about-v2__showroom-row .about-v2__showroom-photo { flex: 0 0 72vw; scroll-snap-align: start; }

/* объединённая секция: «Кому мы полезны» + «Отзывы о нас» */
.about-v2__people-inner { display: flex; flex-direction: column; gap: 48px; }
.about-v2__people-col { min-width: 0; }
.about-v2 .about-v2__audience-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 20px; }
.about-v2 .about-v2__audience-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 14px 16px;
}
.about-v2 .about-v2__audience-card .about-v2__num { font-size: 18px; }
.about-v2 .about-v2__audience-card .about-v2__why-title { margin: 0; font-size: 15px; line-height: 1.3; }
.about-v2__people-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 4px 24px;
}
.about-v2 .about-v2__people-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: 15px;
  font-weight: 600;
  color: #0F111D;
  text-decoration: none;
}
.about-v2 .about-v2__people-link:hover,
.about-v2 .about-v2__people-link:focus-visible { color: #F32B37; }
/* виджет на подложке; до загрузки — светлый блок с зарезервированной высотой, без белой рамки */
.about-v2__reviews-pad { margin-top: 12px; padding: 12px; background: #FAFAFC; border: 1px solid #E6EBF0; }
.about-v2__reviews-pad .about-v2__audience-frame { max-width: 560px; min-height: 560px; margin: 0 auto; background: #FAFAFC; }
.about-v2__reviews-pad .about-v2__audience-frame iframe { border: 0; background: #FAFAFC; }
/* подпись-атрибуция под виджетом: скрыта визуально, ссылка остаётся в разметке */
.about-v2__reviews-pad .about-v2__audience-link {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

@media (min-width: 768px) {
  .about-v2__showroom-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 32px;
    align-items: start;
  }
  .about-v2__showroom-contact { padding: 20px 24px; }
  .about-v2__showroom-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-top: 24px;
    overflow: visible;
  }
  .about-v2__showroom-row .about-v2__showroom-photo { flex: none; }
  .about-v2 .about-v2__audience-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .about-v2 .about-v2__audience-card .about-v2__why-title { font-size: 17px; }
  .about-v2__reviews-pad { padding: 24px; }
}

@media (min-width: 992px) {
  .about-v2__showroom-top { grid-template-columns: minmax(0, 1fr) 400px; gap: 64px; }
  .about-v2__showroom-contact { padding: 20px 28px; }
  .about-v2__showroom-row { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin-top: 32px; }

  .about-v2__people-inner {
    display: grid;
    grid-template-columns: minmax(0, 45fr) minmax(0, 55fr);
    gap: 48px;
    align-items: stretch;
  }
  /* левая колонка тянется на высоту правой: плитки делят свободную высоту поровну */
  .about-v2__people-who { display: flex; flex-direction: column; }
  .about-v2 .about-v2__people-who .about-v2__audience-cards {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 24px;
  }
  .about-v2 .about-v2__people-who .about-v2__audience-card {
    flex: 1 1 0;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    min-height: 56px;
    padding: 0 24px;
  }
  .about-v2 .about-v2__audience-card .about-v2__num { min-width: 32px; font-size: 20px; }
  .about-v2 .about-v2__audience-card .about-v2__why-title { font-size: 18px; }
  .about-v2__reviews-pad { padding: 32px; }
  .about-v2__reviews-pad .about-v2__audience-frame { min-height: 600px; }
}
@media (min-width: 992px) {
  /* карточка адреса не выше абзаца: адрес и «Показать на карте» в одну строку, кнопка и телефон — во вторую */
  .about-v2__showroom-top { grid-template-columns: minmax(0, 1fr) 480px; }
  .about-v2__showroom-contact {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "label map" "addr map" "act act";
    column-gap: 24px;
    align-items: center;
  }
  .about-v2__showroom-contact .about-v2__showroom-label { grid-area: label; }
  .about-v2 .about-v2__showroom-contact .about-v2__showroom-address { grid-area: addr; margin-top: 0; }
  .about-v2 .about-v2__showroom-contact .about-v2__showroom-map { grid-area: map; }
  .about-v2__showroom-contact .about-v2__showroom-actions { grid-area: act; flex-wrap: nowrap; margin-top: 12px; }
}
/* Task 47: карточка адреса шоурума — как плитки и подложки страницы */
.about-v2__showroom-contact { background: #FAFAFC; border: 1px solid #E6EBF0; }

/* ===== Task 48: «О компании» — собственное производство; раздел «Бренды» ===== */
/* «О компании»: секция «Собственное производство RUMGIPS» */
.about-v2__production-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "text" "tiles" "btn";
  gap: 20px;
}
.about-v2__production-text { grid-area: text; }
.about-v2__production-tiles { grid-area: tiles; display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.about-v2 .about-v2__production-btn { grid-area: btn; justify-self: start; }
.about-v2 .about-v2__prod-tile {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 8px;
  padding: 16px 20px;
  color: #0F111D;
  text-decoration: none;
}
.about-v2 .about-v2__prod-tile .about-v2__why-title { display: block; margin: 0; }
.about-v2 .about-v2__prod-tile .about-v2__cat-link { margin-top: 0; }
.about-v2 .about-v2__prod-tile:hover .about-v2__cat-link,
.about-v2 .about-v2__prod-tile:focus-visible .about-v2__cat-link { color: #F32B37; }
/* «Все бренды →» в карточке «Много производителей в одном месте» */
.about-v2 .about-v2__why-link { display: inline-flex; align-items: center; min-height: 44px; margin-top: 4px; text-decoration: none; }
.about-v2 .about-v2__why-link:hover,
.about-v2 .about-v2__why-link:focus-visible { color: #F32B37; }

/* /brands: сетка плиток брендов вместо карусели */
.brands-v2 .brands-v2__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 16px 0 48px;
  padding: 0;
  list-style: none;
}
.brands-v2 .brands-v2__cell { margin: 0; list-style: none; }
.brands-v2 .brands-v2__tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 100%;
  padding: 16px 12px;
  background: #FAFAFC;
  border: 1px solid #E6EBF0;
  border-radius: 0;
  color: #0F111D;
  text-decoration: none;
  transition: border-color .2s;
}
.brands-v2 .brands-v2__tile:hover,
.brands-v2 .brands-v2__tile:focus-visible { border-color: #0F111D; }
/* логотипы разных пропорций вписаны в одинаковые окна */
.brands-v2__logo { display: flex; align-items: center; justify-content: center; width: 100%; height: 56px; }
.brands-v2__logo img { display: block; width: auto; height: auto; max-width: 80%; max-height: 100%; object-fit: contain; }
/* SVG Rumgips без полей (T43) выглядит крупнее соседей с полями — уже окно */
.brands-v2__logo img[src*="rumgips-logo-black-v2"] { max-width: 60%; }
.brands-v2__noimg { font-size: 20px; font-weight: 600; line-height: 1.2; text-align: center; }
.brands-v2__name { font-size: 14px; line-height: 1.3; color: #4B5160; text-align: center; }

/* главная: «Все бренды →» в заголовке блока брендов */
.brands_slider__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 0 16px; }
.brands_slider .brands_slider__all {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: 15px;
  font-weight: 600;
  color: #0F111D;
  text-decoration: none;
  white-space: nowrap;
}
.brands_slider .brands_slider__all:hover,
.brands_slider .brands_slider__all:focus-visible { color: #F32B37; }

/* мобильное меню «Каталог»: «Все бренды →» в заголовке секции «Бренды» */
.m-cat__label--link { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.m-cat .m-cat__all {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin: -14px 0;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: #0F111D;
  text-decoration: none;
}

@media (min-width: 768px) {
  .about-v2__production-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
  .about-v2 .about-v2__prod-tile { min-height: 120px; padding: 20px 24px; }
  .brands-v2 .brands-v2__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
  .brands-v2 .brands-v2__tile { padding: 24px 16px; }
  .brands-v2__logo { height: 64px; }
}
@media (min-width: 992px) {
  .about-v2__production-inner {
    grid-template-columns: minmax(0, 4fr) minmax(0, 6fr);
    grid-template-areas: "text tiles" "btn tiles";
    grid-template-rows: auto 1fr;
    column-gap: 48px;
    row-gap: 24px;
    align-items: start;
  }
  .about-v2__production-tiles { gap: 24px; align-self: stretch; }
  .about-v2 .about-v2__prod-tile { min-height: 160px; padding: 24px 28px; }
  .brands-v2 .brands-v2__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin-bottom: 88px; }
  .brands-v2__logo { height: 72px; }
}
/* якорь #production — как у #showroom: на компьютере 24px от верха; до 991px отступ даёт scroll-padding-top у html */
.about-v2__production { scroll-margin-top: 24px; }
@media (max-width: 991px) {
  .about-v2__production { scroll-margin-top: 0; }
}
/* /brands: оптическое выравнивание — двухстрочный KRAAB и плотный SWG ниже остальных */
.brands-v2__logo img[alt^="KRAAB"] { max-height: 60%; }
.brands-v2__logo img[alt="SWG"] { max-height: 75%; }


/* t132 sort-sheet: прятать мобильный список сортировки при любой высоте (задание 134) */
@media (max-width: 991px) {
  .products_category .header .sort_block .sort .sort_list { bottom: 0; transform: translateY(100%); visibility: hidden; transition: transform .3s, visibility 0s .3s; }
  .products_category .header .sort_block .sort .sort_list.active { transform: none; visibility: visible; transition: transform .3s; }
}

/* t132 filter: штатный фильтр в стиле темы (задание 134) */
.rg-filter { font-family: "Gilroy", sans-serif; color: #0F111D; background: #fff; }
.rg-filter__head { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #FAFAFC; margin: 0 0 20px 0; }
.rg-filter__title { margin: 0; padding: 10px 25px 10px 0; font-size: 16px; font-weight: 400; color: #A7AABB; }
.rg-filter__close { display: none; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; background: none; color: #0F111D; cursor: pointer; }
.rg-filter__group { border: 0; margin: 0 0 20px 0; padding: 0; min-width: 0; }
.rg-filter__legend { padding: 0; margin: 0 0 10px 0; font-size: 16px; font-weight: 500; color: #0F111D; }
.rg-filter__item { position: relative; display: flex; align-items: center; gap: 10px; padding: 5px 0; font-size: 14px; line-height: 20px; cursor: pointer; }
.rg-filter__item input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; }
.rg-filter__box { flex: 0 0 20px; width: 20px; height: 20px; box-sizing: border-box; border: 1px solid #A7AABB; border-radius: 0; background: #fff center / 12px auto no-repeat; transition: background-color .2s, border-color .2s; }
.rg-filter__item:hover .rg-filter__box { border-color: #0F111D; }
.rg-filter__item input:checked + .rg-filter__box { background-color: #F32B37; border-color: #F32B37; background-image: url("../image/checkbox.svg"); }
.rg-filter__item input:focus-visible + .rg-filter__box { outline: 2px solid #0F111D; outline-offset: 1px; }
.rg-filter__name { flex: 0 1 auto; }
.rg-filter__count { color: #A7AABB; white-space: nowrap; }
.rg-filter__actions { display: flex; gap: 10px; margin: 10px 0 0 0; }
.rg-filter__apply, .rg-filter__reset { flex: 1 1 0; height: 44px; padding: 0 10px; font: inherit; font-size: 14px; border-radius: 0; cursor: pointer; transition: background-color .2s, border-color .2s, color .2s; }
.rg-filter__apply { background: #0F111D; border: 1px solid #0F111D; color: #fff; }
.rg-filter__apply:hover, .rg-filter__apply:focus-visible { background: #F32B37; border-color: #F32B37; }
.rg-filter__reset { background: transparent; border: 1px solid #E6EBF0; color: #0F111D; }
.rg-filter__reset:hover, .rg-filter__reset:focus-visible { border-color: #0F111D; }
.rg-filter-backdrop { display: none; }
@media (max-width: 991px) {
  .rg-filter { position: fixed; top: 0; left: 0; bottom: 0; z-index: 10001; width: min(320px, 85vw); display: flex; flex-direction: column; transform: translateX(-100%); visibility: hidden; transition: transform .3s, visibility 0s .3s; box-shadow: none; }
  .rg-filter.is-open { transform: none; visibility: visible; transition: transform .3s; }
  .rg-filter__head { padding: 0 0 0 20px; margin: 0; border-bottom-color: #E6EBF0; }
  .rg-filter__close { display: flex; }
  .rg-filter__body { flex: 1 1 auto; overflow-y: auto; padding: 20px; -webkit-overflow-scrolling: touch; }
  .rg-filter__actions { margin: 0; padding: 15px 20px; border-top: 1px solid #E6EBF0; }
  .rg-filter-backdrop:not([hidden]) { display: block; position: fixed; inset: 0; z-index: 10000; background: rgba(15, 17, 29, .5); }
  html.rg-filter-open, html.rg-filter-open body { overflow: hidden; }
}

/* t158: подвал — колонка «Мы в соцсетях» (десктоп/планшет) и блок в мобильном подвале. Квадраты как у ряда ботов. */
footer .body .item.social-links .socials { display: flex; flex-wrap: wrap; gap: 8px; }
footer .body .item.social-links .socials a { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: #0F111D; color: #fff; border-radius: 0; padding: 0; }
footer .body .item.social-links .socials svg { width: 40px; height: 40px; display: block; }
footer .body .item.social-links .socials a:focus-visible { outline: 2px solid #F32B37; outline-offset: 2px; }
@media (min-width: 768px) and (max-width: 991px) {
  footer .body .item.social-links { width: 100%; border-top: 1px solid #e6ebf0; padding: 30px 15px 30px 25px; }
}
@media (min-width: 992px) {
  footer .body .item.social-links { width: calc(100% / 1200 * 250); padding: 40px 0 40px 30px; }
}
@media (max-width: 767px) {
  .m-foot__social.m-foot__social--links { grid-template-columns: repeat(3, minmax(0, 1fr)); } /* t160: 3 иконки (без Instagram и ОК) */
  .m-foot__social--links a:focus-visible { outline: 2px solid #F32B37; outline-offset: 2px; }
}

/* T204 (12.11.2026): плашка «запатентовано» в списках товаров — левый верхний угол фото.
   Профили на кадрах UMBRA идут по диагонали к правому нижнему углу; здесь плашка их не перекрывает.
   Логотип производителя (при наведении) остаётся справа сверху. Другие плашки не затронуты. */
.products_list .item a.image .umbra-marks { left: 16px !important; right: 16px !important; }
.products_list .item a.image .umbra-marks .umbra-patented { position: absolute !important; inset: 0 auto auto 0 !important; }

/* T205: свайп по доп. фото в сетке на телефоне (custom.js, блок T205). Только устройства без наведения. */
@media (hover: none) {
  .products_category .body .products_list .item .images { touch-action: pan-y pinch-zoom; }
  .products_category .body .products_list .item .images .images_area .area_item::after { background-color: rgba(15, 17, 29, 0.15); }
  .products_category .body .products_list .item .images .images_area .area_item.cur::after { background-color: rgba(15, 17, 29, 0.5); }
}
@media (hover: none) {
  .products_category .body .products_list .item .images .images_area:not(:has(.cur)) .area_item:first-child::after { background-color: rgba(15, 17, 29, 0.5); }
}

/* ── T206 ───────────────────────────────────────────────────────────────────────────────────── */
/* A3: «Запатентовано» — плашка над сеткой категории UMBRA и под названием товара UMBRA (в сетке плашки больше нет) */
.umbra-patent-tag { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; height: 22px; padding: 0 8px; background: #f32b37; color: #fff; font-family: Gilroy, sans-serif; font-size: 10px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; line-height: 1; white-space: nowrap; border-radius: 0; }
.umbra-patent-line { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 10px 0 20px; font-size: 15px; line-height: 1.4; color: #4a4a4a; }
.umbra-patent-under-title { display: block; margin: 8px 0 6px; line-height: 0; }

/* B1: «Собственное производство RUMGIPS» — три карточки во всю ширину: текст слева, фото справа */
.about-v2__production .about-v2__production-text { max-width: 820px; }
.about-v2__prod-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: 20px; }
.about-v2 .about-v2__prod-card { display: grid; grid-template-columns: minmax(0, 1fr) 112px; align-items: center; gap: 16px; padding: 16px 16px 16px 20px; border: 1px solid #E6EBF0; background: #FAFAFC; color: #0F111D; text-decoration: none; }
.about-v2__prod-card-text { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-width: 0; }
.about-v2__prod-card-title { font-size: 20px; font-weight: 600; line-height: 1.25; }
.about-v2__prod-card-desc { font-size: 14px; line-height: 1.45; color: #4a4a4a; }
.about-v2 .about-v2__prod-card .about-v2__cat-link { margin-top: 4px; }
.about-v2 .about-v2__prod-card:hover .about-v2__cat-link, .about-v2 .about-v2__prod-card:focus-visible .about-v2__cat-link { color: #F32B37; }
.about-v2__prod-card img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain; background: #fff; }
.about-v2 .about-v2__production-btn { display: inline-flex; margin-top: 20px; }
@media (min-width: 768px) {
  .about-v2__prod-list { gap: 16px; margin-top: 24px; }
  .about-v2 .about-v2__prod-card { grid-template-columns: minmax(0, 1fr) 240px; gap: 32px; padding: 24px 24px 24px 32px; }
  .about-v2__prod-card-title { font-size: 24px; }
  .about-v2__prod-card-desc { font-size: 15px; }
  .about-v2__prod-card img { aspect-ratio: 4 / 3; }
}
@media (min-width: 992px) {
  .about-v2__prod-list { gap: 20px; margin-top: 32px; }
  .about-v2 .about-v2__prod-card { grid-template-columns: minmax(0, 1fr) 320px; gap: 48px; padding: 24px 24px 24px 40px; }
  .about-v2 .about-v2__production-btn { margin-top: 28px; }
}

/* C: шапка на компьютере — логотип крупнее (+35%), пустое место делится поровну слева и справа от блока
   «мессенджеры — телефоны — Обратный звонок». Телефон и планшет (до 991 px) не меняются. */
@media (min-width: 992px) {
  header .body .logo img { width: 220px !important; }
  header .body .logo { margin-right: 0 !important; }
  header .body .contact_icons { margin-left: auto !important; }
  header .body a.all_catalogs { margin-left: auto !important; }
}
/* ── конец T206 ─────────────────────────────────────────────────────────────────────────────── */

/* ── T207: шапка — линия справа от логотипа и линия справа от «Каталог» на одном x ─────────────── */
/* Обе колонки берут ширину из одной переменной: как у колонки «Каталог» (270/1200 обёртки), но не уже 244 px,
   чтобы логотип 220 px из T206 помещался на 992–1239 px. От 1240 px это ровно прежние 270 px — меню не сдвигается. */
:root { --rg-head-col: max(calc(100% / 1200 * 270), 244px); }
@media (min-width: 992px) {
  header .body .logo { width: var(--rg-head-col) !important; box-sizing: border-box !important; flex: 0 0 auto !important; }
  .desktop_menu .catalog { width: var(--rg-head-col) !important; box-sizing: border-box !important; flex: 0 0 auto !important; }
}
/* ── конец T207 ── */

/* ── T224: подразделы — строка чипов вместо плиток ─────────────────────────────────────────────── */
.products_category .subcat-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 24px; padding: 0; }
.products_category .subcat-chips a.subcat-chip {
  display: inline-flex; align-items: center; gap: 5px; box-sizing: border-box; height: 36px; padding: 0 16px;
  border: 1px solid #E6EBF0; border-radius: 0; background: #fff; text-decoration: none; white-space: nowrap;
  font-family: "Gilroy", sans-serif; font-size: 14px; font-weight: 400; line-height: 1; color: #0f111d;
  transition: border-color .15s ease;
}
.products_category .subcat-chips a.subcat-chip:hover,
.products_category .subcat-chips a.subcat-chip:focus-visible { border-color: #000; color: #0f111d; }
.products_category .subcat-chips .subcat-chip__count { color: #a7aabb; }
@media (max-width: 767px) {
  .products_category .subcat-chips { margin: 0 0 20px; }
  .products_category .subcat-chips a.subcat-chip { max-width: 100%; height: auto; min-height: 36px; padding: 8px 16px; line-height: 1.25; white-space: normal; }
}
/* ── конец T224 ── */

/* ── T234: логотип производителя в карточке сетки — единый размер и место ─────────────────────────── */
/* Правый верхний угол, отступ 5% от краёв картинки; область не шире 36% и не выше 9% карточки;
   пропорции файла сохраняются (contain, прижат вправо-вверх). Появление (opacity по :hover) не меняется.
   Значок UMBRA (.umbra-marks) не затрагивается: там логотип вложен глубже. */
.products_list .item a.image > img.manufacturer {
  position: absolute !important;
  top: 5% !important;
  right: 5% !important;
  left: auto !important;
  bottom: auto !important;
  width: 36% !important;
  height: 9% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: right top !important;
}
/* ── конец T234 ── */

/* ── T235: круглые элементы управления → квадратные (острые углы, размеры и цвета прежние) ───────────── */
/* точки слайдеров: «Бренды» и другие swiper-слайдеры, полноэкранный просмотр фото (.zoom_pagination) */
.swiper-pagination-bullet,
.zoom_pagination .swiper-pagination-bullet { border-radius: 0 !important; }
/* точки фото в карточке товара */
.thumbnails .thumbnail-dot,
.product_card .header .product_images_slider_thumbs .thumbnail-dot { border-radius: 0 !important; }
/* кнопка «наверх» */
.scroll-up { border-radius: 0 !important; }
/* радиокнопки: оформление заказа и форма претензии (кружок и точка внутри) */
.order-registration__form input[type="radio"],
.order-registration__form input[type="radio"]::before,
.order-registration__form input[type="radio"]::after,
.complaint-form input[type="radio"],
.complaint-form input[type="radio"]::before,
.complaint-form input[type="radio"]::after { border-radius: 0 !important; }
/* счётчик количества в нижнем меню телефона */
.mobile_menu .navigation .item .quantity { border-radius: 0 !important; }
/* ── конец T235 ── */

/* ── T236: значок «+»/«×» в заголовке «Отзывы» — по центру своей области на любой ширине ───────────── */
/* Причина: на телефоне кнопка переносит «Читать отзывы» на вторую строку (flex-wrap: wrap), а значок
   оставался в первой строке и центровался по заголовку, а не по всей области кнопки — сидел выше. */
.rg-rv__toggle { position: relative !important; padding-right: 40px !important; }
.rg-rv__toggle .rg-rv__icon {
  position: absolute !important;
  right: 0 !important;
  top: calc(50% - 12px) !important;
  margin: 0 !important;
}
/* ── конец T236 ── */