@charset "UTF-8";
/* Стили применимые для шаблона сайта */
/* Миксины */
* {
  padding: 0;
  margin: 0;
  border: 0; }

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

:focus, :active {
  outline: none; }

a:focus, a:active {
  outline: none; }

nav, footer, header, aside {
  display: block; }

html, body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

input, button, textarea {
  font-family: inherit; }

input::-ms-clear {
  display: none; }

button {
  cursor: pointer; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

a, a:visited {
  text-decoration: none;
  color: inherit; }

a:hover {
  text-decoration: none; }

ul li {
  list-style: none; }

img {
  vertical-align: top; }

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0; }

textarea {
  resize: vertical; }

/* Шрифты */
/*
100: Thin;
200: Extra Light (Ultra Light);
300: Light;
400: Normal;
500: Medium;
600: Semi Bold (Demi Bold);
700: Bold;
800: Extra Bold (Ultra Bold);
900: Black (Heavy).*/
/* Roboto Condensed
@font-face {
  font-family: 'Roboto Condensed';
  src: url("//local/templates/webmasterow/fonts/Gilroy/Roboto_Condensed/RobotoCondensed-Regular.eot");
  src: local("☺"), url("//local/templates/webmasterow/fonts/Gilroy/Roboto_Condensed/RobotoCondensed-Regular.woff") format("woff"), url("//local/templates/webmasterow/fonts/Gilroy/Roboto_Condensed/RobotoCondensed-Regular.ttf") format("truetype"), url("//local/templates/webmasterow/fonts/Gilroy/Roboto_Condensed/RobotoCondensed-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Condensed';
  src: url("//local/templates/webmasterow/fonts/Gilroy/Roboto_Condensed/RobotoCondensed-Light.eot");
  src: local("☺"), url("//local/templates/webmasterow/fonts/Gilroy/Roboto_Condensed/RobotoCondensed-Light.woff") format("woff"), url("//local/templates/webmasterow/fonts/Gilroy/Roboto_Condensed/RobotoCondensed-Light.ttf") format("truetype"), url("//local/templates/webmasterow/fonts/Gilroy/Roboto_Condensed/RobotoCondensed-Light.svg") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Condensed';
  src: url("//local/templates/webmasterow/fonts/Gilroy/Roboto_Condensed/RobotoCondensed-Bold.eot");
  src: local("☺"), url("//local/templates/webmasterow/fonts/Gilroy/Roboto_Condensed/RobotoCondensed-Bold.woff") format("woff"), url("//local/templates/webmasterow/fonts/Gilroy/Roboto_Condensed/RobotoCondensed-Bold.ttf") format("truetype"), url("//local/templates/webmasterow/fonts/Gilroy/Roboto_Condensed/RobotoCondensed-Bold.svg") format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
*/
/* BebasNeue */
@font-face {
  font-family: 'BebasNeue';
  src: url("/local/templates/webmasterow/fonts/BebasNeue2/BebasNeueBold.ttf");
  font-weight: normal;
  font-style: normal; }
/* Lack */
@font-face {
  font-family: 'Lack';
  src: url("/local/templates/webmasterow/fonts/Lack2/lack_regular.eot");
  src: url("/local/templates/webmasterow/fonts/Lack2/lack_regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/webmasterow/fonts/Lack2/lack_regular.woff2") format("woff2"), url("/local/templates/webmasterow/fonts/Lack2/lack_regular.woff") format("woff"), url("/local/templates/webmasterow/fonts/Lack2/lack_regular.ttf") format("truetype"), url("/local/templates/webmasterow/fonts/Lack2/lack_regular.svg#lack_regular") format("svg");
  font-weight: normal;
  font-style: normal; }
html,
body {
  font-family: 'Lack', sans-serif;
  font-weight: normal;
  font-style: normal;
  background-color: white;
  color: #1F252D;
  font-size: .0625vw !important; }
  @media (max-width: 919.98px) {
    html,
    body {
      font-size: 0.26666667vw !important; } }
  html h1,
  body h1 {
    font-size: 65rem; }
  html h2,
  body h2 {
    font-size: 52rem; }
  html h3,
  body h3 {
    font-size: 42rem; }
  html h4,
  body h4 {
    font-size: 32rem; }
  html h5,
  body h5 {
    font-size: 26rem; }
  html h6,
  body h6 {
    font-size: 20rem; }
  @media (max-width: 919.98px) {
    html h1,
    body h1 {
      font-size: 48rem; }
    html h2,
    body h2 {
      font-size: 34rem; }
    html h3,
    body h3 {
      font-size: 24rem; }
    html h4,
    body h4 {
      font-size: 20rem; }
    html h5,
    body h5 {
      font-size: 16rem; }
    html h6,
    body h6 {
      font-size: 14rem; } }
  html h1, html h2, html h3, html h4, html h5, html h6,
  body h1,
  body h2,
  body h3,
  body h4,
  body h5,
  body h6 {
    font-family: 'BebasNeue', sans-serif; }
  html p:not(:last-child),
  body p:not(:last-child) {
    margin-bottom: 1em; }

.wrapper {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative; }
  .wrapper .main {
    flex: 1 1 auto;
    font-size: 14rem; }

.container {
  width: 100%;
  display: block;
  padding: 0 40rem; }
  @media (max-width: 919.98px) {
    .container {
      padding: 0 14rem;
      max-width: 100%; } }

._lock {
  height: 100%;
  overflow: hidden; }

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20rem 45rem;
  color: white !important;
  border-radius: 10rem;
  background: #1F252D;
  font-size: 14rem;
  transition: 0.3s;
  cursor: pointer;
  width: fit-content;
  white-space: nowrap;
  text-transform: uppercase; }
  .btn._white {
    color: #1F252D !important;
    background: white; }
  .btn._gray {
    color: #1F252D !important;
    background: #EDEEF0; }
  .btn:hover {
    background: #F15A24; }
    .btn:hover._white {
      color: white !important; }
    .btn:hover._gray {
      background: #DFE3E9; }
  .btn:disabled {
    background-color: #858585;
    cursor: not-allowed; }
  @media (max-width: 919.98px) {
    .btn {
      padding: 16rem 40rem;
      font-size: 12rem;
      border-radius: 8rem; } }

.lazy {
  background-image: none !important; }

@media (max-width: 919.98px) {
  .mob-hidden {
    display: none !important; } }

.slider-nav {
  display: flex; }
  .slider-nav .slider-nav-prev,
  .slider-nav .slider-nav-next {
    background-color: #1F252D;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56rem;
    height: 56rem;
    cursor: pointer;
    transition: 0.2s; }
    .slider-nav .slider-nav-prev svg,
    .slider-nav .slider-nav-next svg {
      width: 24rem;
      height: 24rem; }
      .slider-nav .slider-nav-prev svg path,
      .slider-nav .slider-nav-next svg path {
        fill: #FFFFFF; }
    @media (max-width: 919.98px) {
      .slider-nav .slider-nav-prev,
      .slider-nav .slider-nav-next {
        width: 38rem;
        height: 38rem; } }
    .slider-nav .slider-nav-prev:hover,
    .slider-nav .slider-nav-next:hover {
      background-color: #F15A24; }
  .slider-nav .slider-nav-prev {
    border-radius: 8rem 0 0 8rem;
    clip-path: polygon(0 0, calc(100% - 8rem) 0, 100% 8rem, 100% calc(100% - 8rem), calc(100% - 8rem) 100%, 0 100%); }
  .slider-nav .slider-nav-next {
    border-radius: 0 8rem 8rem 0;
    clip-path: polygon(0 8rem, 8rem 0, 100% 0, 100% 100%, 8rem 100%, 0 calc(100% - 8rem)); }

.swiper-wrapper {
  height: auto; }

.link {
  transition: 0.3s; }
  .link:hover, .link._active {
    color: #F15A24; }

.svg {
  display: flex; }

.shadow {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1F252D;
  transition: 0.3s;
  opacity: 0;
  z-index: 0;
  display: block; }
  .shadow._active {
    opacity: 60%;
    z-index: 20; }

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100; }
  @media (max-width: 919.98px) {
    .header {
      padding: 8rem; } }
  .header__body {
    padding: 20rem 0;
    color: white;
    height: 80rem;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    border-bottom: 1rem solid transparent;
    font-family: 'BebasNeue', sans-serif;
    font-size: 24rem;
    text-transform: uppercase; }
    .header__body svg * {
      transition: 0.3s; }
    @media (max-width: 919.98px) {
      .header__body {
        height: 56rem;
        border-radius: 8rem; }
        .header__body .container {
          margin: 0;
          max-width: 100%; } }
  .header__row {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 919.98px) {
      .header__row {
        display: none; } }
  .header__row_mob {
    display: none; }
    @media (max-width: 919.98px) {
      .header__row_mob {
        display: flex;
        align-items: center;
        justify-content: space-between; } }
  .header__group {
    display: flex;
    align-items: center;
    gap: 20rem; }
  .header__logo {
    display: flex; }
    .header__logo img, .header__logo svg {
      width: 126rem;
      height: 23rem; }
    @media (max-width: 919.98px) {
      .header__logo img, .header__logo svg {
        width: 110rem;
        height: 19rem; }
        .header__logo img path, .header__logo svg path {
          fill: #F15A24; } }
  .header__catalog {
    display: flex;
    align-items: center;
    transition: 0.3s; }
    .header__catalog img, .header__catalog svg {
      width: 20rem;
      height: 20rem; }
      @media (max-width: 919.98px) {
        .header__catalog img, .header__catalog svg {
          width: 16rem;
          height: 16rem; } }
    .header__catalog span {
      margin-top: 4rem; }
      @media (max-width: 919.98px) {
        .header__catalog span {
          display: none; } }
    .header__catalog .close {
      display: none; }
    .header__catalog._active .close {
      display: block; }
    .header__catalog._active .show {
      display: none; }
    @media (min-width: 920px) {
      .header__catalog:hover {
        color: #F15A24 !important; }
        .header__catalog:hover svg path {
          fill: #F15A24 !important; } }
  .header__search {
    display: flex; }
    .header__search img, .header__search svg {
      width: 20rem;
      height: 20rem; }
      @media (max-width: 919.98px) {
        .header__search img, .header__search svg {
          width: 16rem;
          height: 16rem; } }
    @media (min-width: 920px) {
      .header__search:hover svg.show path {
        stroke: #F15A24 !important; }
      .header__search:hover svg.close path {
        fill: #F15A24 !important; } }
    .header__search .close {
      display: none; }
    .header__search._active .close {
      display: block; }
    .header__search._active .show {
      display: none; }
  @media (min-width: 920px) {
    .header__about {
      margin-top: 4rem; } }
  .header__menu ul {
    display: flex;
    align-items: center;
    gap: 30rem; }
    @media (min-width: 920px) {
      .header__menu ul li a {
        margin-top: 4rem;
        display: inline-block; } }
  .header__contacts {
    display: flex;
    align-items: center;
    gap: 24rem; }
    @media (max-width: 919.98px) {
      .header__contacts {
        gap: 20rem; } }
    .header__contacts img, .header__contacts svg {
      width: 20rem;
      height: 20rem; }
      @media (max-width: 919.98px) {
        .header__contacts img, .header__contacts svg {
          width: 16rem;
          height: 16rem; } }
    .header__contacts a {
      display: flex; }
      @media (min-width: 920px) {
        .header__contacts a:hover svg path {
          fill: #F15A24 !important; } }
      @media (max-width: 919.98px) {
        .header__contacts a:nth-child(1), .header__contacts a:nth-child(2) {
          display: none !important; } }
  .header__contacts-anchor {
    margin-top: 4rem; }
    @media (max-width: 919.98px) {
      .header__contacts-anchor {
        display: none !important; } }
  .header__bag {
    position: relative; }
    .header__bag span {
      position: absolute;
      top: 50%;
      left: 50%;
      font-size: 8rem;
      color: white;
      background-color: #F15A24;
      border-radius: 10rem;
      width: 14rem;
      height: 14rem;
      text-align: center;
      line-height: 1.8; }
    .header__bag .close {
      display: none; }
    .header__bag._active span {
      display: none; }
    .header__bag._active .close {
      display: block; }
    .header__bag._active .show {
      display: none; }
  .header__user {
    cursor: pointer; }
    .header__user .close {
      display: none; }
    .header__user._active span {
      display: none; }
    .header__user._active .close {
      display: block; }
    .header__user._active .show {
      display: none; }
  @media (max-width: 919.98px) {
    .header:not(._blue) .header__body {
      background-color: white;
      color: #1F252D;
      border: 1rem solid #DFE3E9; }
    .header:not(._blue) .header__catalog img path, .header:not(._blue) .header__catalog svg path {
      fill: #1F252D; }
    .header:not(._blue) .header__search svg.show path {
      fill: transparent;
      stroke: #1F252D; }
    .header:not(._blue) .header__contacts img path, .header:not(._blue) .header__contacts svg path {
      fill: #1F252D; } }
  .header._transparent._fixed .header__body {
    background-color: white;
    color: #1F252D; }
    .header._transparent._fixed .header__body svg path {
      fill: #1F252D; }
    .header._transparent._fixed .header__body .header__search svg.show path {
      fill: transparent;
      stroke: #1F252D; }
    .header._transparent._fixed .header__body .header__logo svg path {
      fill: #F15A24; }
    @media (max-width: 919.98px) {
      .header._transparent._fixed .header__body {
        border: 1rem solid #DFE3E9; } }
  .header._white .header__body {
    background-color: white;
    color: #1F252D; }
    .header._white .header__body svg path {
      fill: #1F252D; }
    .header._white .header__body .header__search svg.show path {
      fill: transparent;
      stroke: #1F252D; }
    .header._white .header__body .header__logo svg path {
      fill: #F15A24; }
    @media (max-width: 919.98px) {
      .header._white .header__body {
        border: 1rem solid #DFE3E9; } }
  .header._blue .header__body {
    background-color: #1F252D; }
  @media (max-width: 919.98px) {
    .header._blue .header__body {
      color: white;
      border: 1rem solid #353F4D; } }
  @media (max-width: 919.98px) {
    .header._border .header__body {
      border-radius: 8rem 8rem 0 0; } }

.header-menu {
  position: absolute;
  width: 100%;
  transform: translateY(-130%);
  opacity: 0;
  transition: 0.5s;
  box-shadow: 0 10rem 20rem 0 rgba(0, 0, 0, 0.25); }
  @media (max-width: 919.98px) {
    .header-menu {
      width: calc(100% - 16rem);
      box-shadow: none; } }
  .header-menu__body {
    background-color: white;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 25rem 0 100rem;
    height: calc(100dvh - 90rem);
    position: relative; }
    @media (max-width: 919.98px) {
      .header-menu__body {
        height: calc(100dvh - 72rem);
        padding: 40rem 0 14rem;
        border-radius: 0 0 8rem 8rem; }
        .header-menu__body .container {
          display: flex;
          flex-direction: column;
          height: 100%; } }
  .header-menu__row {
    display: flex; }
    @media (max-width: 919.98px) {
      .header-menu__row {
        flex-direction: column;
        position: relative; } }
  .header-menu__content {
    flex: 1 1 25%; }
  @media (max-width: 919.98px) {
    .header-menu__head {
      display: flex;
      align-items: end;
      margin-bottom: 5rem;
      gap: 8rem;
      position: relative; }
      .header-menu__head:before {
        content: '';
        display: block;
        width: 20rem;
        height: 45rem;
        background-image: url(/local/templates/webmasterow/img/icons/arrow-right-solid.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        top: 0;
        right: 0; } }
  .header-menu__list-title {
    display: none; }
    @media (max-width: 919.98px) {
      .header-menu__list-title {
        display: block;
        font-size: 12rem;
        margin-bottom: 24rem;
        color: #7F90A6;
        text-transform: uppercase; } }
  .header-menu__list ul li {
    font-family: 'BebasNeue', sans-serif;
    font-size: 38rem;
    text-transform: uppercase;
    width: fit-content; }
    .header-menu__list ul li a {
      line-height: 1.2;
      color: #353F4D; }
    .header-menu__list ul li span {
      display: none; }
  .header-menu__list ul ul {
    display: none;
    padding: 5rem 0; }
    .header-menu__list ul ul li {
      font-family: 'Lack', sans-serif;
      font-size: 14rem;
      margin: 0; }
      .header-menu__list ul ul li a {
        display: block;
        line-height: 1.5;
        color: #1F252D;
        padding: 3rem 0; }
  @media (min-width: 920px) {
    .header-menu__list ul {
      background-image: none !important; } }
  @media (max-width: 919.98px) {
    .header-menu__list {
      display: none; }
      .header-menu__list._active {
        background-color: white;
        z-index: 1;
        height: 100%; }
        .header-menu__list._active ul li {
          font-size: 48rem;
          line-height: 1;
          display: flex;
          flex-wrap: wrap;
          align-items: end;
          gap: 10rem; }
          .header-menu__list._active ul li a {
            color: #1F252D;
            line-height: 1;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            max-width: 290rem; }
          .header-menu__list._active ul li span {
            display: block;
            font-size: 14rem;
            line-height: 1.8;
            flex: 0 0 30rem; }
        .header-menu__list._active ul ul {
          padding-left: 165rem;
          margin: 5rem 0 25rem;
          background-size: 150rem;
          background-repeat: no-repeat;
          background-position: left center;
          flex: 1 1 100%; }
          .header-menu__list._active ul ul._active {
            display: block; }
          .header-menu__list._active ul ul li {
            font-family: 'Lack', sans-serif;
            font-size: 14rem; } }
  .header-menu__title {
    font-family: 'BebasNeue', sans-serif;
    font-size: 22rem;
    margin-bottom: 5rem; }
    @media (max-width: 919.98px) {
      .header-menu__title {
        font-size: 48rem;
        margin: 0;
        line-height: 1; } }
  .header-menu__number {
    font-size: 14rem;
    color: #7F90A6;
    margin-bottom: 25rem; }
    @media (max-width: 919.98px) {
      .header-menu__number {
        font-size: 12rem;
        margin-bottom: 0;
        line-height: 1.9; } }
  .header-menu__nav {
    display: none; }
    @media (max-width: 919.98px) {
      .header-menu__nav {
        display: block;
        margin-top: 40rem;
        flex: 1 1 auto; }
        .header-menu__nav a {
          font-size: 34rem;
          text-transform: uppercase;
          font-family: 'BebasNeue', sans-serif; } }
  .header-menu__svg {
    position: absolute;
    right: 40rem;
    bottom: 25rem;
    width: 224rem;
    height: auto; }
    @media (max-width: 919.98px) {
      .header-menu__svg {
        display: none; } }
  .header-menu__soc {
    display: none; }
    @media (max-width: 919.98px) {
      .header-menu__soc {
        display: flex;
        flex-direction: column;
        gap: 8rem;
        padding: 15rem 0; }
        .header-menu__soc a {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 48rem;
          height: 48rem;
          background-color: #F15A24;
          border-radius: 100%; }
          .header-menu__soc a svg {
            width: 18rem;
            height: 18rem; } }
  .header-menu._active {
    transform: translateY(0);
    opacity: 1; }

.header-search {
  position: absolute;
  overflow: hidden;
  width: 100%;
  max-height: calc(100dvh - 80rem);
  transform: translateY(-130%);
  opacity: 0;
  transition: 0.5s; }
  @media (max-width: 919.98px) {
    .header-search {
      width: calc(100% - 16rem);
      max-height: none; } }
  .header-search__body {
    background-color: white;
    padding: 25rem 0 30rem; }
    @media (max-width: 919.98px) {
      .header-search__body {
        padding: 10rem 0 15rem;
        border-radius: 0 0 8rem 8rem; } }
  .header-search__head {
    position: relative; }
    .header-search__head svg {
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 24rem;
      height: 24rem; }
      .header-search__head svg path {
        stroke: #1F252D; }
      @media (max-width: 919.98px) {
        .header-search__head svg {
          width: 16rem;
          height: 16rem; } }
    .header-search__head input {
      line-height: 1.2;
      border-bottom: 1rem solid #DFE3E9;
      padding: 20rem 0 15rem 45rem;
      width: 100%;
      font-size: 22rem; }
      .header-search__head input::placeholder {
        color: #7F90A6; }
      @media (max-width: 919.98px) {
        .header-search__head input {
          font-size: 14rem;
          padding: 15rem 0 15rem 25rem; } }
  .header-search__result {
    padding: 30rem 0;
    font-size: 22rem;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: calc(100dvh - 207rem); }
    .header-search__result::-webkit-scrollbar {
      width: 8px;
      background-color: #f9f9fd; }
    .header-search__result::-webkit-scrollbar-thumb {
      border-radius: 8px;
      background-color: #DFE3E9; }
    .header-search__result::-webkit-scrollbar-track {
      border-radius: 8px;
      background-color: #f9f9fd; }
    @media (max-width: 919.98px) {
      .header-search__result {
        font-size: 14rem;
        padding: 15rem 0;
        max-height: calc(100dvh - 145rem);
        margin-right: -10rem;
        padding-right: 10rem; } }
  .header-search._active {
    transform: translateY(0);
    opacity: 1; }

.header-cart {
  position: absolute;
  right: 8rem;
  width: 460rem;
  transform: translateY(-130%);
  opacity: 0;
  transition: 0.5s; }
  @media (max-width: 919.98px) {
    .header-cart {
      width: calc(100% - 16rem); } }
  .header-cart__body {
    background-color: white;
    padding: 30rem 25rem;
    border-radius: 0 0 10rem 10rem;
    border: 1rem solid #DFE3E9; }
    @media (max-width: 919.98px) {
      .header-cart__body {
        padding: 15rem; } }
  .header-cart._active {
    transform: translateY(0);
    opacity: 1; }

.login {
  position: absolute;
  right: 8rem;
  width: 660rem;
  font-size: 14rem;
  transform: translateY(-130%);
  opacity: 0;
  transition: 0.5s; }
  @media (max-width: 919.98px) {
    .login {
      width: calc(100% - 16rem); } }
  .login__body {
    background-color: white;
    padding: 30rem;
    border-radius: 0 0 10rem 10rem;
    border: 1rem solid #DFE3E9;
    height: calc(100dvh - 90rem);
    display: flex;
    flex-direction: column; }
    .login__body .btn {
      width: 100%; }
    @media (max-width: 919.98px) {
      .login__body {
        padding: 40rem 15rem 15rem;
        height: calc(100dvh - 72rem); } }
  .login__title {
    font-family: 'BebasNeue', sans-serif;
    font-size: 52rem;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30rem; }
    @media (max-width: 919.98px) {
      .login__title {
        font-size: 48rem; } }
    @media (min-width: 920px) {
      .login__title br {
        display: none; } }
  .login__subtitle {
    font-size: 18rem;
    line-height: 110%;
    text-align: center; }
    @media (max-width: 919.98px) {
      .login__subtitle {
        font-size: 16rem; } }
  .login__content {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden; }
    @media (max-width: 919.98px) {
      .login__content .btn {
        margin-top: 30rem; } }
  @media (min-width: 920px) {
    .login__field {
      margin-bottom: 40rem; } }
  .login__field label {
    text-transform: uppercase; }
    @media (max-width: 919.98px) {
      .login__field label {
        display: none; } }
  .login__field input {
    height: 56rem;
    border-bottom: 1rem solid #7F90A6;
    background-color: transparent;
    font-size: 18rem;
    width: 100%; }
    .login__field input::placeholder {
      color: white; }
    @media (max-width: 919.98px) {
      .login__field input {
        font-size: 14rem; }
        .login__field input::placeholder {
          color: #7F90A6; } }
  .login__field._error {
    color: red; }
    .login__field._error input {
      border-bottom: 1rem solid red; }
  .login__cod {
    display: flex;
    gap: 20rem;
    justify-content: center;
    padding: 80rem 0 25rem; }
    @media (max-width: 919.98px) {
      .login__cod {
        padding: 40rem 0 25rem;
        gap: 10rem; } }
    .login__cod input {
      font-size: 32rem;
      height: 80rem;
      width: 110rem;
      border-bottom: 1rem solid #7F90A6;
      background-color: transparent;
      text-align: center; }
      @media (max-width: 919.98px) {
        .login__cod input {
          font-size: 18px;
          height: 60rem;
          width: 60rem; } }
  .login__cod-desc {
    text-align: center;
    font-size: 18rem;
    color: #7F90A6; }
    @media (max-width: 919.98px) {
      .login__cod-desc {
        font-size: 16rem; } }
    .login__cod-desc span {
      color: #1F252D; }
  .login__link {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 56rem;
    text-transform: uppercase;
    cursor: pointer; }
  .login__politics {
    display: flex;
    flex-direction: column;
    gap: 5rem; }
    .login__politics label {
      position: relative;
      color: #7F90A6;
      text-transform: uppercase;
      font-size: 14rem;
      display: flex;
      align-items: center;
      gap: 5rem; }
      @media (max-width: 919.98px) {
        .login__politics label {
          font-size: 12rem; } }
      .login__politics label img, .login__politics label svg {
        width: 24rem;
        height: 24rem;
        flex: 0 0 24rem; }
        .login__politics label img path:last-child, .login__politics label svg path:last-child {
          opacity: 0;
          transition: 0.2s; }
      .login__politics label input {
        display: none;
        height: 0;
        opacity: 0; }
        .login__politics label input:checked + svg path:last-child {
          opacity: 1; }
      .login__politics label a {
        transition: 0.2s; }
        .login__politics label a:hover {
          color: #F15A24; }
  .login__bottom {
    display: flex;
    flex-direction: column;
    gap: 15rem; }
  .login._active {
    transform: translateY(0);
    opacity: 1; }

.index-head__wrap {
  padding-bottom: 100rem;
  overflow: hidden; }
  @media (max-width: 919.98px) {
    .index-head__wrap {
      padding-bottom: 30rem; } }
.index-head__content {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 975rem;
  position: relative;
  padding-top: 120rem; }
  .index-head__content:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #0F121780;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, 0); }
  @media (max-width: 919.98px) {
    .index-head__content {
      height: 725rem;
      padding-top: 130rem; } }
.index-head__text {
  position: relative;
  color: white; }
.index-head__title {
  font-family: 'BebasNeue', sans-serif;
  font-weight: 400;
  font-size: 120rem;
  text-transform: uppercase; }
  @media (max-width: 919.98px) {
    .index-head__title {
      font-size: 60rem; } }
.index-head__subtitle {
  font-size: 22rem;
  line-height: 110%; }
  @media (max-width: 919.98px) {
    .index-head__subtitle {
      font-size: 18rem;
      margin-top: 10rem; } }
.index-head__slider {
  margin-top: -350rem; }
  @media (max-width: 919.98px) {
    .index-head__slider {
      margin-top: -265rem; } }

@media (min-width: 920px) {
  .index-head-slider {
    overflow: hidden;
    border-radius: 20rem; } }
.index-head-slider__buttons {
  display: flex;
  margin-bottom: 20rem;
  justify-content: center; }
  @media (max-width: 919.98px) {
    .index-head-slider__buttons {
      display: none; } }
  .index-head-slider__buttons .index-head-slider-prev,
  .index-head-slider__buttons .index-head-slider-next {
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56rem;
    height: 56rem;
    cursor: pointer;
    transition: 0.2s; }
    .index-head-slider__buttons .index-head-slider-prev svg,
    .index-head-slider__buttons .index-head-slider-next svg {
      width: 24rem;
      height: 24rem; }
    @media (max-width: 919.98px) {
      .index-head-slider__buttons .index-head-slider-prev,
      .index-head-slider__buttons .index-head-slider-next {
        width: 38rem;
        height: 38rem; } }
    .index-head-slider__buttons .index-head-slider-prev:hover,
    .index-head-slider__buttons .index-head-slider-next:hover {
      background-color: #1F252D; }
      .index-head-slider__buttons .index-head-slider-prev:hover svg path,
      .index-head-slider__buttons .index-head-slider-next:hover svg path {
        fill: #FFFFFF; }
  .index-head-slider__buttons .index-head-slider-prev {
    border-radius: 10rem 0 0 10rem;
    clip-path: polygon(0 0, calc(100% - 10rem) 0, 100% 10rem, 100% calc(100% - 10rem), calc(100% - 10rem) 100%, 0 100%); }
  .index-head-slider__buttons .index-head-slider-next {
    border-radius: 0 10rem 10rem 0;
    clip-path: polygon(0 10rem, 10rem 0, 100% 0, 100% 100%, 10rem 100%, 0 calc(100% - 10rem)); }

.ihs-item__row {
  display: flex;
  flex-wrap: wrap;
  position: relative; }
  .ihs-item__row > * {
    flex: 0 1 50%; }
    @media (max-width: 919.98px) {
      .ihs-item__row > * {
        flex: 1 1 100%; } }
.ihs-item__picture {
  height: 550rem;
  overflow: hidden; }
  @media (min-width: 920px) {
    .ihs-item__picture {
      border-radius: 20rem 0 0 20rem;
      clip-path: polygon(0 0, calc(100% - 20rem) 0, 100% 20rem, 100% calc(100% - 20rem), calc(100% - 20rem) 100%, 0 100%); } }
  @media (max-width: 919.98px) {
    .ihs-item__picture {
      height: 210rem;
      clip-path: polygon(10rem 0, calc(100% - 10rem) 0, 100% 10rem, 100% 100%, 0 100%, 0 10rem); } }
  .ihs-item__picture img {
    width: 100%; }
.ihs-item__cart {
  overflow: hidden;
  position: relative;
  padding: 1rem; }
  @media (min-width: 920px) {
    .ihs-item__cart {
      background-color: #DFE3E9;
      border-radius: 0 20rem 20rem 0;
      clip-path: polygon(0 20rem, 20rem 0, 100% 0, 100% 100%, 20rem 100%, 0 calc(100% - 20rem));
      transform: translate(-1rem, 0); } }
  @media (max-width: 919.98px) {
    .ihs-item__cart {
      background-color: #DFE3E9;
      transform: translate(0, -1rem);
      clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10rem), calc(100% - 10rem) 100%, 10rem 100%, 0 calc(100% - 10rem)); } }
@media (max-width: 919.98px) {
  .ihs-item:first-child .ihs-item__picture {
    border-radius: 8rem 0 0 0 !important;
    clip-path: polygon(0 0, calc(100% - 10rem) 0, 100% 10rem, 100% 100%, 10rem 100%, 0 calc(100% - 10rem)); }
  .ihs-item:first-child .ihs-item-cart {
    clip-path: polygon(10rem 0, 100% 0, 100% calc(100% - 10rem), calc(100% - 10rem) 100%, 0 100%, 0 10rem);
    border-radius: 0 0 0 8rem !important; }
  .ihs-item:first-child .ihs-item-cart__body {
    clip-path: polygon(10rem 0, 100% 0, 100% calc(100% - 10rem), calc(100% - 10rem) 100%, 0 100%, 0 10rem);
    border-radius: 0 0 0 8rem !important; }
  .ihs-item:last-child .ihs-item__picture {
    border-radius: 0 8rem 0 0 !important;
    clip-path: polygon(10rem 0, 100% 0, 100% calc(100% - 10rem), calc(100% - 10rem) 100%, 0 100%, 0 10rem); }
  .ihs-item:last-child .ihs-item-cart {
    clip-path: polygon(0 0, calc(100% - 10rem) 0, 100% 10rem, 100% 100%, 10rem 100%, 0 calc(100% - 10rem));
    border-radius: 0 0 8rem 0  !important; }
  .ihs-item:last-child .ihs-item-cart__body {
    clip-path: polygon(0 0, calc(100% - 10rem) 0, 100% 10rem, 100% 100%, 10rem 100%, 0 calc(100% - 10rem));
    border-radius: 0 0 8rem 0 !important; } }

.ihs-item-cart__body {
  overflow: hidden;
  padding: 32rem;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: center 87%; }
  @media (min-width: 920px) {
    .ihs-item-cart__body {
      background-color: white;
      border-radius: 0 20rem 20rem 0;
      clip-path: polygon(0 20rem, 20rem 0, 100% 0, 100% 100%, 20rem 100%, 0 calc(100% - 20rem)); } }
  @media (max-width: 919.98px) {
    .ihs-item-cart__body {
      background-color: white;
      height: 455rem;
      background-size: 50%;
      background-position: center 75%;
      padding: 15rem;
      clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10rem), calc(100% - 10rem) 100%, 10rem 100%, 0 calc(100% - 10rem)); } }
.ihs-item-cart__head {
  display: flex;
  justify-content: space-between; }
  @media (max-width: 919.98px) {
    .ihs-item-cart__head {
      order: 1;
      flex: 1 1 auto;
      flex-wrap: wrap;
      align-content: flex-start; } }
.ihs-item-cart__title {
  font-family: 'BebasNeue', sans-serif;
  font-size: 80rem;
  line-height: 100%;
  text-transform: uppercase;
  width: 70%; }
  @media (max-width: 919.98px) {
    .ihs-item-cart__title {
      font-size: 48rem;
      width: 100%; } }
.ihs-item-cart__category {
  font-size: 14rem;
  text-transform: uppercase;
  color: #7F90A6;
  margin-top: 10rem;
  flex: 1 1 auto; }
  @media (max-width: 919.98px) {
    .ihs-item-cart__category {
      font-size: 12rem;
      margin: 0 0 10rem 0;
      order: 0;
      flex: 0 0 auto; } }
.ihs-item-cart__labels {
  display: flex;
  align-items: flex-start; }
  .ihs-item-cart__labels li {
    font-size: 12rem;
    width: fit-content;
    padding: 7rem 10rem;
    background-color: white;
    color: #1F252D;
    border: 1rem solid #DFE3E9;
    margin-left: 4rem;
    border-radius: 100rem;
    text-transform: uppercase; }
    .ihs-item-cart__labels li.red {
      background-color: #F15A24;
      color: white;
      border: 1rem solid #F15A24; }
    @media (max-width: 919.98px) {
      .ihs-item-cart__labels li {
        padding: 3rem 8rem;
        margin: 15rem 4rem 0 0; } }
.ihs-item-cart__bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end; }
  @media (max-width: 919.98px) {
    .ihs-item-cart__bottom {
      order: 2; } }
.ihs-item-cart__price {
  font-size: 32rem; }
  @media (max-width: 919.98px) {
    .ihs-item-cart__price {
      font-size: 22rem; } }
  .ihs-item-cart__price span {
    font-size: 19rem; }
    @media (max-width: 919.98px) {
      .ihs-item-cart__price span {
        text-transform: uppercase;
        font-size: 15rem; } }

.section__body {
  padding: 100rem 0;
  overflow: hidden; }
  @media (max-width: 919.98px) {
    .section__body {
      padding: 40rem 0; } }
.section__head {
  display: flex;
  align-items: flex-start;
  margin-bottom: 30rem;
  position: relative; }
  @media (max-width: 919.98px) {
    .section__head {
      flex-direction: column;
      margin-bottom: 25rem; } }
.section__label {
  flex: 0 0 375rem;
  border-left: 2rem solid #F15A24;
  padding-left: 15rem;
  font-size: 14rem;
  color: #7F90A6;
  line-height: 1.1;
  text-transform: uppercase; }
  @media (max-width: 919.98px) {
    .section__label {
      font-size: 12rem;
      flex: 0 1 auto;
      margin-bottom: 15rem;
      padding-left: 10rem; } }
.section__title {
  flex: 1 1 auto;
  font-family: 'BebasNeue', sans-serif;
  font-size: 80rem;
  position: relative; }
  @media (min-width: 920px) {
    .section__title {
      padding-right: 15rem; } }
  @media (max-width: 919.98px) {
    .section__title {
      font-size: 48rem; }
      .section__title br {
        display: none; } }
  .section__title:before {
    content: '';
    display: block;
    width: 8rem;
    height: 8rem;
    background-color: #1F252D;
    position: absolute;
    top: 0;
    right: 0; }
    @media (max-width: 919.98px) {
      .section__title:before {
        display: none; } }

.section-list__items {
  display: flex;
  flex-wrap: wrap; }
.section-list_item {
  flex: 1 1 50%; }
  @media (max-width: 919.98px) {
    .section-list_item {
      flex: 1 1 100%;
      pointer-events: none; } }

.sl-item {
  position: relative; }
  @media (min-width: 920px) {
    .sl-item {
      background-color: #DFE3E9;
      padding: 1rem; }
      .sl-item:first-child {
        transform: translate(1rem, 1rem);
        clip-path: polygon(calc(100% - 20rem) 0%, 100% 20rem, 100% 100%, 0 100%, 0 0);
        border-radius: 20rem 0 0 0; }
        .sl-item:first-child .sl-item__row {
          border-radius: 20rem 0 0 0;
          clip-path: polygon(calc(100% - 20rem) 0%, 100% 20rem, 100% 100%, 0 100%, 0 0); }
      .sl-item:nth-child(2) {
        transform: translate(0rem, 1rem);
        border-radius: 0 20rem 0 0;
        clip-path: polygon(20rem 0, 100% 0, 100% 100%, 0 100%, 0 20rem); }
        .sl-item:nth-child(2) .sl-item__row {
          border-radius: 0 20rem 0 0;
          clip-path: polygon(20rem 0, 100% 0, 100% 100%, 0 100%, 0 20rem); }
      .sl-item:nth-child(3) {
        transform: translate(1rem, 0);
        border-radius: 0 0 0 20rem;
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20rem), calc(100% - 20rem) 100%, 0 100%); }
        .sl-item:nth-child(3) .sl-item__row {
          border-radius: 0 0 0 20rem;
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20rem), calc(100% - 20rem) 100%, 0 100%); }
      .sl-item:last-child {
        border-radius: 0 0 20rem 0;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 20rem 100%, 0 calc(100% - 20rem)); }
        .sl-item:last-child .sl-item__row {
          border-radius: 0 0 20rem 0;
          clip-path: polygon(0 0, 100% 0, 100% 100%, 20rem 100%, 0 calc(100% - 20rem)); } }
  @media (min-width: 920px) {
    .sl-item__row {
      padding: 40rem;
      height: 480rem;
      display: flex;
      background-color: white;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center right;
      transition: 0.3s; } }
  @media (max-width: 919.98px) {
    .sl-item__row {
      background-image: none !important; } }
  .sl-item__col {
    flex: 1 1 50%; }
    @media (min-width: 920px) {
      .sl-item__col {
        flex-direction: column;
        justify-content: space-between; } }
    @media (max-width: 919.98px) {
      .sl-item__col {
        display: flex;
        gap: 20rem;
        align-items: end; } }
  .sl-item__count {
    font-size: 38rem;
    font-family: 'BebasNeue', sans-serif; }
    @media (max-width: 919.98px) {
      .sl-item__count {
        display: none; } }
  .sl-item__name {
    font-size: 52rem;
    font-family: 'BebasNeue', sans-serif; }
    @media (min-width: 920px) {
      .sl-item__name {
        position: absolute;
        transition: 0.2s;
        top: 50%;
        transform: translateY(-50%); } }
    @media (max-width: 919.98px) {
      .sl-item__name {
        font-size: 34rem;
        pointer-events: auto; } }
  .sl-item__list {
    display: none; }
    @media (min-width: 920px) {
      .sl-item__list {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 225rem;
        overflow-y: auto;
        overflow-x: hidden;
        scrollbar-width: none;
        -ms-overflow-style: none; }
        .sl-item__list::-webkit-scrollbar {
          display: none; }
        .sl-item__list li {
          transition: 0.3s;
          width: fit-content; }
          .sl-item__list li a {
            display: inline-block;
            font-size: 22rem;
            color: #7F90A6;
            text-transform: uppercase; }
            .sl-item__list li a:hover {
              text-decoration: underline; }
          .sl-item__list li.opacity {
            opacity: 0.4; }
          .sl-item__list li:not(:last-child) {
            margin-bottom: 8rem; } }
  .sl-item__btn span {
    display: none; }
  .sl-item__btn svg, .sl-item__btn img {
    width: 72rem;
    height: 72rem;
    cursor: pointer;
    transition: 0.3s; }
    .sl-item__btn svg *, .sl-item__btn img * {
      transition: 0.3s; }
  @media (min-width: 920px) {
    .sl-item__btn {
      position: absolute;
      bottom: 40rem; } }
  @media (max-width: 919.98px) {
    .sl-item__btn svg, .sl-item__btn img {
      display: none; }
    .sl-item__btn span {
      display: block;
      font-size: 14rem;
      font-family: 'BebasNeue', sans-serif;
      line-height: 1.6;
      pointer-events: auto; } }
  .sl-item__section {
    display: none; }
  @media (max-width: 919.98px) {
    .sl-item._active .sl-item-section {
      display: block; } }
  @media (min-width: 920px) {
    .sl-item:hover .sl-item__btn svg {
      transform: rotate(45deg); }
      .sl-item:hover .sl-item__btn svg path:first-child {
        stroke: #F15A24;
        fill: #F15A24; }
      .sl-item:hover .sl-item__btn svg path:last-child {
        fill: white; }
    .sl-item:hover .sl-item__count {
      display: none; }
    .sl-item:hover .sl-item__name {
      top: 40rem;
      transform: translateY(0); } }

.sl-item-section {
  display: none; }
  @media (max-width: 919.98px) {
    .sl-item-section__body {
      display: flex;
      gap: 15rem;
      padding: 10rem 0; }
    .sl-item-section__img {
      pointer-events: auto;
      width: 160rem;
      height: 100rem;
      position: relative; }
      .sl-item-section__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }
    .sl-item-section li a {
      text-transform: uppercase;
      font-size: 16rem;
      margin-bottom: 10rem;
      display: inline-block;
      pointer-events: auto; }
    .sl-item-section._active {
      display: block; } }

.advantages__body {
  padding: 100rem 0; }
  @media (max-width: 919.98px) {
    .advantages__body {
      padding: 40rem 0; } }
.advantages__row {
  display: flex;
  border-top: 1rem solid #DFE3E9; }
  .advantages__row:last-child {
    border-bottom: 1rem solid #DFE3E9; }
  @media (max-width: 919.98px) {
    .advantages__row {
      flex-direction: column;
      border: 0 !important; } }
.advantages__col {
  flex: 1 1 25%; }
  @media (max-width: 919.98px) {
    .advantages__col:first-child .advantage,
    .advantages__col:first-child .advantage__body {
      padding: 0; }
    .advantages__col .hover, .advantages__col .hover .advantage__body,
    .advantages__col .hover-2,
    .advantages__col .hover-2 .advantage__body {
      clip-path: polygon(10rem 0%, calc(100% - 10rem) 0%, 100% 10rem, 100% calc(100% - 10rem), calc(100% - 10rem) 100%, 10rem 100%, 0% calc(100% - 10rem), 0% 10rem); }
    .advantages__col:nth-child(2) .hover, .advantages__col:nth-child(2) .hover .advantage__body,
    .advantages__col:nth-child(2) .hover-2,
    .advantages__col:nth-child(2) .hover-2 .advantage__body {
      border-radius: 8rem 8rem 0 0;
      clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10rem), calc(100% - 10rem) 100%, 10rem 100%, 0 calc(100% - 10rem)); }
    .advantages__col:last-child .hover, .advantages__col:last-child .hover .advantage__body,
    .advantages__col:last-child .hover-2,
    .advantages__col:last-child .hover-2 .advantage__body {
      border-radius: 0 0 8rem 8rem;
      clip-path: polygon(10rem 0%, calc(100% - 10rem) 0%, 100% 10rem, 100% 100%, 0 100%, 0% 10rem); } }

.advantage {
  height: 260rem;
  text-transform: uppercase;
  padding: 30rem;
  transition: 0.3s; }
  @media (max-width: 919.98px) {
    .advantage {
      height: auto;
      padding: 1rem;
      background-color: #DFE3E9; } }
  .advantage__body {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    @media (max-width: 919.98px) {
      .advantage__body {
        background-color: white;
        padding: 15rem; } }
  .advantage__number {
    font-size: 18rem;
    color: #F15A24;
    flex: 1 1 auto; }
    @media (max-width: 919.98px) {
      .advantage__number {
        font-size: 12rem; } }
  .advantage__text {
    font-family: 'BebasNeue', sans-serif;
    font-size: 80rem;
    display: flex;
    align-items: center;
    transition: 0.3s; }
    @media (max-width: 919.98px) {
      .advantage__text {
        font-size: 48rem;
        margin-top: 40rem; } }
    .advantage__text span {
      font-family: 'Lack', sans-serif;
      font-size: 38rem; }
    .advantage__text.small {
      font-size: 38rem; }
  .advantage__slog {
    font-family: 'BebasNeue', sans-serif;
    font-size: 48rem; }
    @media (max-width: 919.98px) {
      .advantage__slog {
        font-size: 34rem;
        margin-bottom: 22rem; }
        .advantage__slog br {
          display: none; }
        .advantage__square ~ .advantage__slog {
          padding-top: 40rem; } }
  .advantage__label {
    flex: 0 1 auto; }
    @media (max-width: 919.98px) {
      .advantage__label br {
        display: none; } }
  .advantage__square {
    display: block;
    width: 8rem;
    height: 8rem;
    background-color: #1F252D; }
    @media (max-width: 919.98px) {
      .advantage__square {
        display: none; } }
  .advantage__desc {
    font-size: 14rem;
    color: #7F90A6;
    margin-top: 10rem; }
    @media (max-width: 919.98px) {
      .advantage__desc {
        font-size: 12rem; } }
  @media (min-width: 920px) {
    .advantage.hover:hover, .advantage.hover-2:hover {
      background-color: #1F252D; }
      .advantage.hover:hover .advantage__text, .advantage.hover-2:hover .advantage__text {
        color: white; } }
  @media (min-width: 920px) {
    .advantage.hover {
      clip-path: polygon(20rem 0, calc(100% - 20rem) 0, 100% 20rem, 100% 100%, 0 100%, 0 20rem); } }
  @media (min-width: 920px) {
    .advantage.hover-2 {
      clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20rem), calc(100% - 20rem) 100%, 20rem 100%, 0 calc(100% - 20rem)); } }

[data-href] {
  cursor: pointer; }

@media (min-width: 920px) {
  .top-products__items {
    display: flex;
    flex-wrap: wrap; } }
@media (min-width: 920px) {
  .top-products__item {
    flex: 0 1 25%; }
    .top-products__item.big {
      flex: 1 1 50%; }
    .top-products__item:nth-child(1) .product__body {
      transform: translate(1rem, 0rem); }
    .top-products__item:nth-child(1) .product__body,
    .top-products__item:nth-child(1) .product__card {
      border-radius: 20rem 0 0 0;
      clip-path: polygon(calc(100% - 20rem) 0%, 100% 20rem, 100% 100%, 20rem 100%, 0% calc(100% - 20rem), 0 0); }
    .top-products__item:nth-child(2) .product__body,
    .top-products__item:nth-child(2) .product__card {
      clip-path: polygon(calc(100% - 20rem) 0, 100% 20rem, 100% 100%, 0 100%, 0 20rem, 20rem 0); }
    .top-products__item:nth-child(3) .product__body {
      transform: translate(-1rem, 0rem); }
    .top-products__item:nth-child(3) .product__body,
    .top-products__item:nth-child(3) .product__card {
      border-radius: 0 20rem 0 0;
      clip-path: polygon(100% 0, 100% calc(100% - 20rem), calc(100% - 20rem) 100%, 0 100%, 0 20rem, 20rem 0); }
    .top-products__item:nth-child(4) .product__body {
      transform: translate(1rem, -1rem); }
    .top-products__item:nth-child(4) .product__body,
    .top-products__item:nth-child(4) .product__card {
      border-radius: 0 0 0 20rem;
      clip-path: polygon(100% 0, 100% calc(100% - 20rem), calc(100% - 20rem) 100%, 0 100%, 0 20rem, 20rem 0); }
    .top-products__item:nth-child(5) .product__body {
      transform: translate(0rem, -1rem); }
    .top-products__item:nth-child(5) .product__body,
    .top-products__item:nth-child(5) .product__card {
      border-radius: 0 0 0 20rem;
      clip-path: polygon(100% 0, 100% calc(100% - 20rem), calc(100% - 20rem) 100%, 20rem 100%, 0 calc(100% - 20rem), 0 0); }
    .top-products__item:nth-child(6) .product__body,
    .top-products__item:nth-child(6) .product__card {
      border-radius: 0 0 20rem 0;
      clip-path: polygon(calc(100% - 20rem) 0%, 100% 20rem, 100% 100%, 20rem 100%, 0% calc(100% - 20rem), 0 0); } }
@media (max-width: 919.98px) {
  .top-products__item .product__body,
  .top-products__item .product__card {
    clip-path: polygon(10rem 0%, calc(100% - 10rem) 0%, 100% 10rem, 100% calc(100% - 10rem), calc(100% - 10rem) 100%, 10rem 100%, 0% calc(100% - 10rem), 0% 10rem); }
  .top-products__item:first-child .product__body,
  .top-products__item:first-child .product__card {
    border-radius: 8rem 0 0 8rem;
    clip-path: polygon(calc(100% - 10rem) 0, 100% 10rem, 100% calc(100% - 10rem), calc(100% - 10rem) 100%, 0 100%, 0 0); }
  .top-products__item:last-child .product__body,
  .top-products__item:last-child .product__card {
    border-radius: 0 8rem 8rem 0;
    clip-path: polygon(10rem 0, 100% 0, 100% 100%, 10rem 100%, 0 calc(100% - 10rem), 0 10rem); } }

.product__body {
  padding: 1rem;
  background-color: #DFE3E9; }
.product__card {
  display: flex;
  flex-direction: column;
  min-height: 520rem;
  background-color: white;
  position: relative;
  padding: 30rem;
  cursor: pointer; }
  @media (max-width: 919.98px) {
    .product__card {
      min-height: 510rem;
      padding: 24rem; } }
.product__category {
  font-size: 14rem;
  margin-bottom: 8rem;
  text-transform: uppercase;
  color: #7F90A6; }
  @media (max-width: 919.98px) {
    .product__category {
      font-size: 12rem; } }
.product__name {
  font-family: 'BebasNeue', sans-serif;
  font-size: 38rem;
  margin-bottom: 24rem;
  position: relative;
  z-index: 5; }
  @media (max-width: 919.98px) {
    .product__name {
      font-size: 34rem;
      margin-bottom: 16rem; } }
.product__labels {
  display: flex;
  align-items: flex-start;
  position: relative;
  z-index: 5;
  flex: 1 1 auto; }
  .product__labels li {
    font-size: 12rem;
    width: fit-content;
    padding: 6rem 10rem;
    background-color: white;
    color: #1F252D;
    border: 1rem solid #DFE3E9;
    margin-right: 4rem;
    border-radius: 100rem;
    text-transform: uppercase; }
    .product__labels li.red {
      background-color: #F15A24;
      color: white;
      border: 1rem solid #F15A24; }
    @media (max-width: 919.98px) {
      .product__labels li {
        padding: 3rem 8rem;
        margin: 15rem 4rem 0 0; } }
.product__img {
  width: 220rem;
  height: 220rem;
  position: absolute;
  bottom: 80rem;
  left: 50%;
  transition: 0.2s;
  transform: translateX(-50%); }
  .product__img img {
    object-fit: contain;
    width: 100%;
    height: 100%; }
  @media (max-width: 919.98px) {
    .product__img {
      bottom: 115rem; } }
@media (min-width: 920px) {
  .product.big .product__img {
    width: 380rem;
    height: 380rem;
    position: absolute;
    bottom: 50rem;
    left: auto;
    right: 70rem;
    transform: translateX(0); } }
.product__bottom {
  display: flex;
  justify-content: space-between;
  align-items: end;
  position: relative;
  z-index: 1; }
.product__price {
  font-size: 22rem; }
  .product__price span {
    font-size: 14rem; }
@media (min-width: 920px) {
  .product__btn {
    transition: 0.2s;
    cursor: pointer; }
    .product__btn img, .product__btn svg {
      width: 65rem;
      height: 65rem; }
      .product__btn img *, .product__btn svg * {
        transition: 0.2s; } }
@media (min-width: 920px) {
  .product__btn-2 {
    transition: 0.2s;
    cursor: pointer; }
    .product__btn-2 img, .product__btn-2 svg {
      width: 65rem;
      height: 65rem; }
      .product__btn-2 img *, .product__btn-2 svg * {
        transition: 0.2s; } }
@media (min-width: 920px) {
  .product:hover .product__btn {
    transform: rotate(45deg); }
    .product:hover .product__btn svg path:first-child {
      stroke: #F15A24;
      fill: #F15A24; }
    .product:hover .product__btn svg path:last-child {
      fill: white; }
  .product:hover .product__btn-2 svg path:first-child {
    stroke: #F15A24;
    fill: #F15A24; }
  .product:hover .product__btn-2 svg path:last-child {
    fill: white; }
  .product:hover .product__img {
    width: 240rem;
    height: 240rem; }
  .product:hover.big .product__img {
    width: 400rem;
    height: 400rem; } }
@media (max-width: 919.98px) {
  .product._section .product__card {
    padding: 15rem 15rem 15rem 110rem;
    min-height: 200rem; }
  .product._section .product__labels {
    flex: none;
    margin-bottom: 18rem; }
    .product._section .product__labels li {
      margin: 0 4rem 0 0; }
  .product._section .product__bottom {
    position: static; }
  .product._section .product__btn-2 {
    position: absolute;
    right: 0;
    bottom: 0; }
    .product._section .product__btn-2 img, .product._section .product__btn-2 svg {
      width: 56rem;
      height: 56rem; }
      .product._section .product__btn-2 img path:first-child, .product._section .product__btn-2 svg path:first-child {
        stroke: transparent; }
  .product._section .product__img {
    width: 80rem;
    height: 80rem;
    left: 15rem;
    top: 15rem;
    bottom: auto;
    transform: translateX(0); }
    .product._section .product__img img {
      width: 80rem;
      height: 80rem; } }

.last-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  background-color: #1F252D;
  transition: 0.3s;
  height: 520rem;
  padding: 30rem; }
  @media (max-width: 919.98px) {
    .last-card {
      padding: 24rem;
      height: 512rem; } }
  .last-card__number {
    font-size: 24rem;
    color: white; }
  .last-card__name {
    font-size: 38rem;
    text-transform: uppercase;
    color: white; }
    @media (max-width: 919.98px) {
      .last-card__name {
        font-size: 34rem; } }
  .last-card__btn img, .last-card__btn svg {
    width: 65rem;
    height: 65rem; }
    .last-card__btn img *, .last-card__btn svg * {
      transition: 0.3s; }
  .last-card:before {
    content: '';
    display: block;
    width: 8rem;
    height: 8rem;
    background-color: white;
    position: absolute;
    top: 30rem;
    right: 30rem; }
  .last-card:hover {
    background-color: #F15A24; }
    .last-card:hover .last-card__btn svg rect {
      fill: white; }
    .last-card:hover .last-card__btn svg path {
      fill: #1F252D; }

@media (max-width: 919.98px) {
  .products-slider.swiper {
    overflow: visible; } }
.products-slider__buttons {
  display: none; }
  @media (max-width: 919.98px) {
    .products-slider__buttons {
      display: flex;
      margin-top: 20rem; } }

.section-page {
  overflow: hidden; }

.product-list__body {
  padding: 100rem 0; }
  @media (max-width: 919.98px) {
    .product-list__body {
      padding: 40rem 0; } }
.product-list__head {
  padding-bottom: 40rem;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media (max-width: 919.98px) {
    .product-list__head {
      padding-bottom: 20rem; } }
.product-list__count {
  font-size: 14rem;
  text-transform: uppercase; }
.product-list__filter-btn {
  cursor: pointer;
  font-size: 14rem;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 8rem;
  color: #7F90A6; }
  .product-list__filter-btn img, .product-list__filter-btn svg {
    width: 20rem;
    height: 20rem; }
  @media (max-width: 919.98px) {
    .product-list__filter-btn img, .product-list__filter-btn svg {
      width: 25rem;
      height: 25rem; }
    .product-list__filter-btn span {
      display: none; } }
.product-list__row {
  display: flex; }
  @media (max-width: 919.98px) {
    .product-list__row {
      flex-wrap: wrap; } }
.product-list__item {
  flex: 0 1 25%; }
  @media (max-width: 919.98px) {
    .product-list__item {
      flex: 1 1 100%; } }

@media (min-width: 920px) {
  .product-list__row {
    /* Средние ряды */
    /* Первый ряд */
    /* Последний ряд */ }
    .product-list__row .product-list__item:first-child .product__body,
    .product-list__row .product-list__item:first-child .product__card {
      clip-path: polygon(0 20rem, 20rem 0, 100% 0, 100% 100%, 20rem 100%, 0 calc(100% - 20rem)); }
    .product-list__row .product-list__item:last-child .product__body,
    .product-list__row .product-list__item:last-child .product__card {
      clip-path: polygon(0 0, calc(100% - 20rem) 0, 100% 20rem, 100% calc(100% - 20rem), calc(100% - 20rem) 100%, 0 100%); }
    .product-list__row:first-child .product-list__item:last-child .product__body,
    .product-list__row:first-child .product-list__item:last-child .product__card {
      border-top-right-radius: 20rem;
      clip-path: polygon(100% 0, 100% calc(100% - 20rem), calc(100% - 20rem) 100%, 0 100%, 0 20rem, 20rem 0); }
    .product-list__row:first-child .product-list__item:first-child .product__body,
    .product-list__row:first-child .product-list__item:first-child .product__card {
      border-top-left-radius: 20rem;
      clip-path: polygon(calc(100% - 20rem) 0%, 100% 20rem, 100% 100%, 20rem 100%, 0% calc(100% - 20rem), 0 0); }
    .product-list__row:first-child .product-list__item:nth-child(2) .product__body,
    .product-list__row:first-child .product-list__item:nth-child(2) .product__card, .product-list__row:first-child .product-list__item:nth-child(3) .product__body,
    .product-list__row:first-child .product-list__item:nth-child(3) .product__card {
      clip-path: polygon(calc(100% - 20rem) 0, 100% 20rem, 100% 100%, 0 100%, 0 20rem, 20rem 0); }
    .product-list__row:last-child .product-list__item:last-child .product__body,
    .product-list__row:last-child .product-list__item:last-child .product__card {
      border-bottom-right-radius: 20rem;
      clip-path: polygon(calc(100% - 20rem) 0%, 100% 20rem, 100% 100%, 20rem 100%, 0% calc(100% - 20rem), 0 0); }
    .product-list__row:last-child .product-list__item:first-child .product__body,
    .product-list__row:last-child .product-list__item:first-child .product__card {
      border-bottom-left-radius: 20rem;
      clip-path: polygon(100% 0, 100% calc(100% - 20rem), calc(100% - 20rem) 100%, 0 100%, 0 20rem, 20rem 0); }
    .product-list__row:last-child .product-list__item:nth-child(2) .product__body,
    .product-list__row:last-child .product-list__item:nth-child(2) .product__card, .product-list__row:last-child .product-list__item:nth-child(3) .product__body,
    .product-list__row:last-child .product-list__item:nth-child(3) .product__card {
      border-bottom-left-radius: 20rem;
      clip-path: polygon(100% 0, 100% calc(100% - 20rem), calc(100% - 20rem) 100%, 20rem 100%, 0 calc(100% - 20rem), 0 0); } }
@media (max-width: 919.98px) {
  .product-list__row {
    /* Средние ряды */
    /* Первый ряд */
    /* Последний ряд */ }
    .product-list__row .product-list__item .product__body,
    .product-list__row .product-list__item .product__card {
      clip-path: polygon(10rem 0%, calc(100% - 10rem) 0%, 100% 10rem, 100% calc(100% - 10rem), calc(100% - 10rem) 100%, 10rem 100%, 0% calc(100% - 10rem), 0% 10rem); }
    .product-list__row:first-child .product-list__item:first-child .product__body,
    .product-list__row:first-child .product-list__item:first-child .product__card {
      border-top-left-radius: 8rem;
      border-top-right-radius: 8rem;
      clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10rem), calc(100% - 10rem) 100%, 10rem 100%, 0 calc(100% - 10rem)); }
    .product-list__row:last-child .product-list__item:last-child .product__body,
    .product-list__row:last-child .product-list__item:last-child .product__card {
      border-bottom-left-radius: 8rem;
      border-bottom-right-radius: 8rem;
      clip-path: polygon(10rem 0%, calc(100% - 10rem) 0%, 100% 10rem, 100% 100%, 0 100%, 0% 10rem); } }

.section-head__body {
  background-color: white;
  padding-top: 80rem;
  padding-bottom: 40rem;
  color: #1F252D; }
  @media (max-width: 919.98px) {
    .section-head__body {
      padding-top: 64rem;
      padding-bottom: 20rem; } }
.section-head__h1 {
  font-size: 120rem;
  text-transform: uppercase;
  font-family: 'BebasNeue', sans-serif;
  position: relative; }
  .section-head__h1 a {
    font-weight: 700;
    font-size: 52rem;
    text-transform: uppercase;
    color: #7F90A6 !important; }
  @media (max-width: 919.98px) {
    .section-head__h1 {
      padding-top: 60rem;
      font-size: 60rem; }
      .section-head__h1 a {
        display: none; } }
  .section-head__h1:before {
    content: '';
    display: block;
    width: 8rem;
    height: 8rem;
    background-color: #1F252D;
    position: absolute;
    top: 0;
    right: 0; }
    @media (max-width: 919.98px) {
      .section-head__h1:before {
        display: none; } }
.section-head._blue .section-head__body {
  background-color: #1F252D;
  color: white; }
.section-head._blue .section-head__h1:before {
  background-color: white; }

.horizontal-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  cursor: grab;
  -webkit-overflow-scrolling: touch; }
  .horizontal-scroll::-webkit-scrollbar {
    display: none; }
  .horizontal-scroll.is-grabbing {
    cursor: grabbing !important; }
    .horizontal-scroll.is-grabbing > * {
      cursor: grabbing !important; }
  .horizontal-scroll > * {
    user-select: none;
    -webkit-user-drag: none; }
    .horizontal-scroll > * img {
      pointer-events: none; }

.one-product {
  padding: 100rem 0;
  position: relative; }
  @media (max-width: 919.98px) {
    .one-product {
      padding: 40rem 0; } }
  .one-product__body {
    position: relative; }
  .one-product__img {
    position: relative;
    height: 900rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative; }
    @media (max-width: 919.98px) {
      .one-product__img {
        height: 590rem; } }
  @media (min-width: 920px) {
    .one-product__item {
      position: absolute;
      right: 40rem;
      bottom: 30rem; } }
  @media (max-width: 919.98px) {
    .one-product__item {
      margin-top: -210rem;
      position: relative; } }

.product-2__body {
  width: 750rem;
  height: 370rem; }
  @media (max-width: 919.98px) {
    .product-2__body {
      width: 100%;
      height: auto;
      border-radius: 15rem;
      overflow: hidden;
      border: 1rem solid #DFE3E9; } }
.product-2__row {
  display: flex; }
  @media (max-width: 919.98px) {
    .product-2__row {
      flex-direction: column; } }
@media (min-width: 920px) {
  .product-2__col {
    background-color: #DFE3E9;
    padding: 1rem;
    border-radius: 20rem; }
    .product-2__col:first-child {
      transform: translate(1rem, 0); }
      .product-2__col:first-child,
      .product-2__col:first-child .product-2__big-img {
        clip-path: polygon(calc(100% - 20rem) 0, 100% 20rem, 100% calc(100% - 20rem), calc(100% - 20rem) 100%, 0 100%, 0 0); }
    .product-2__col:last-child {
      flex: 1 1 auto; }
      .product-2__col:last-child,
      .product-2__col:last-child .product-2__card {
        clip-path: polygon(20rem 0%, 100% 0, 100% 100%, 20rem 100%, 0% calc(100% - 20rem), 0% 20rem); } }
.product-2__big-img {
  padding: 24rem;
  background-color: white; }
  @media (min-width: 920px) {
    .product-2__big-img {
      border-radius: 20rem; } }
  @media (max-width: 919.98px) {
    .product-2__big-img {
      padding: 16rem; } }
.product-2__img {
  position: relative;
  border-radius: 10rem;
  width: 290rem;
  height: 320rem;
  overflow: hidden; }
  .product-2__img img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%; }
  .product-2__img .p-image {
    position: absolute;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
  @media (max-width: 919.98px) {
    .product-2__img {
      width: 100%;
      height: 270rem;
      border-radius: 8rem; } }
.product-2__labels-img {
  position: absolute;
  top: 10rem;
  left: 10rem;
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
  z-index: 30; }
  .product-2__labels-img li {
    color: white;
    background-color: #C1272D;
    font-size: 11rem;
    padding: 4rem 8rem;
    border-radius: 4rem; }
  @media (max-width: 919.98px) {
    .product-2__labels-img {
      display: none; } }
@media (max-width: 919.98px) {
  .product-2__labels {
    margin-bottom: 24rem; } }
.product-2__card {
  background-color: white;
  padding: 24rem;
  height: 100%;
  display: flex;
  flex-direction: column; }
  @media (min-width: 920px) {
    .product-2__card {
      border-radius: 20rem; } }
  @media (max-width: 919.98px) {
    .product-2__card {
      padding: 16rem; } }
.product-2__category {
  color: #7F90A6;
  font-size: 14rem;
  text-transform: uppercase;
  margin-bottom: 5rem; }
  @media (max-width: 919.98px) {
    .product-2__category {
      font-size: 12rem; } }
.product-2__name {
  font-family: 'BebasNeue', sans-serif;
  font-size: 48rem;
  margin-bottom: 5rem; }
.product-2__variant {
  display: flex;
  padding-top: 26rem;
  border-top: 1rem solid #DFE3E9;
  flex: 1 1 auto; }
  .product-2__variant ul {
    display: flex;
    flex-wrap: wrap;
    gap: 5rem;
    align-content: flex-start;
    margin-bottom: 7rem; }
  .product-2__variant li {
    border: 1px solid #DFE3E9;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: fit-content;
    min-width: 30px;
    border-radius: 15px;
    padding: 0 7px;
    font-size: 12rem;
    text-transform: uppercase; }
    .product-2__variant li.selected {
      border: 1rem solid #F15A24; }
  @media (max-width: 919.98px) {
    .product-2__variant {
      display: none; } }

.brands__row {
  display: flex;
  flex-wrap: wrap; }
  @media (min-width: 920px) {
    .brands__row .row-1 .brand__body,
    .brands__row .row-1 .brand__content {
      clip-path: polygon(calc(100% - 20rem) 0, 100% 20rem, 100% 100%, 0 100%, 0 20rem, 20rem 0); }
    .brands__row .row-1:first-child .brand__body,
    .brands__row .row-1:first-child .brand__content {
      border-radius: 20rem 0 0 0;
      clip-path: polygon(calc(100% - 20rem) 0%, 100% 20rem, 100% 100%, 20rem 100%, 0% calc(100% - 20rem), 0 0); }
    .brands__row .row-1:nth-child(5) .brand__body,
    .brands__row .row-1:nth-child(5) .brand__content {
      border-radius: 0 20rem 0 0;
      clip-path: polygon(100% 0, 100% calc(100% - 20rem), calc(100% - 20rem) 100%, 0 100%, 0 20rem, 20rem 0); }
    .brands__row .row-2 .brand__body,
    .brands__row .row-2 .brand__content {
      border-radius: 0 0 0 20rem;
      clip-path: polygon(100% 0, 100% calc(100% - 20rem), calc(100% - 20rem) 100%, 20rem 100%, 0 calc(100% - 20rem), 0 0); }
    .brands__row .row-2:nth-child(6) .brand__body,
    .brands__row .row-2:nth-child(6) .brand__content {
      border-radius: 0 0 0 20rem;
      clip-path: polygon(100% 0, 100% calc(100% - 20rem), calc(100% - 20rem) 100%, 0 100%, 0 20rem, 20rem 0); }
    .brands__row .row-2:last-child .brand__body,
    .brands__row .row-2:last-child .brand__content {
      border-radius: 0 0 20rem 0;
      clip-path: polygon(calc(100% - 20rem) 0%, 100% 20rem, 100% 100%, 20rem 100%, 0% calc(100% - 20rem), 0 0); } }
.brands__item {
  flex: 1 1 20%;
  margin: -1rem; }
  @media (max-width: 919.98px) {
    .brands__item {
      flex: 1 1 50%; }
      .brands__item:nth-child(odd) .brand__body,
      .brands__item:nth-child(odd) .brand__content {
        clip-path: polygon(10rem 0, 100% 0, 100% 100%, 10rem 100%, 0 calc(100% - 10rem), 0 10rem); }
      .brands__item:nth-child(even) .brand__body,
      .brands__item:nth-child(even) .brand__content {
        clip-path: polygon(calc(100% - 10rem) 0, 100% 10rem, 100% calc(100% - 10rem), calc(100% - 10rem) 100%, 0 100%, 0 0); }
      .brands__item:first-child .brand__body,
      .brands__item:first-child .brand__content {
        border-radius: 8rem 0 0 0;
        clip-path: polygon(calc(100% - 10rem) 0, 100% 10rem, 100% 100%, 10rem 100%, 0 calc(100% - 10rem), 0 0); }
      .brands__item:nth-child(2) .brand__body,
      .brands__item:nth-child(2) .brand__content {
        border-radius: 0 8rem 0 0;
        clip-path: polygon(100% 0, 100% calc(100% - 10rem), calc(100% - 10rem) 100%, 0 100%, 0 10rem, 10rem 0); }
      .brands__item:nth-last-child(2) .brand__body,
      .brands__item:nth-last-child(2) .brand__content {
        border-radius: 0 0 0 8rem;
        clip-path: polygon(100% 0, 100% calc(100% - 10rem), calc(100% - 10rem) 100%, 0 100%, 0 10rem, 10rem 0); }
      .brands__item:last-child .brand__body,
      .brands__item:last-child .brand__content {
        border-radius: 0 0 8rem 0;
        clip-path: polygon(calc(100% - 10rem) 0, 100% 10rem, 100% 100%, 10rem 100%, 0 calc(100% - 10rem), 0 0); } }

.brand__body {
  background-color: #DFE3E9;
  padding: 1rem; }
.brand__content {
  color: #7F90A6;
  padding: 16rem;
  position: relative;
  background-color: white;
  height: 210rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  @media (max-width: 919.98px) {
    .brand__content {
      height: 120rem;
      padding: 8rem; } }
  .brand__content:before {
    content: '';
    display: block;
    width: 6rem;
    height: 6rem;
    background-color: #7F90A6;
    position: absolute;
    top: 16rem;
    right: 16rem; }
    @media (max-width: 919.98px) {
      .brand__content:before {
        display: none; } }
.brand__number {
  font-size: 14rem; }
  @media (max-width: 919.98px) {
    .brand__number {
      font-size: 12rem; } }
.brand__logo {
  max-height: 50rem;
  max-width: 150rem;
  width: fit-content;
  position: relative;
  left: 50%;
  transform: translateX(-50%); }
  .brand__logo img {
    object-fit: contain;
    width: 100%;
    height: 100%; }
  @media (max-width: 919.98px) {
    .brand__logo {
      max-height: 40rem;
      max-width: 100rem; } }
.brand__text {
  font-size: 14rem;
  text-transform: uppercase; }
  @media (max-width: 919.98px) {
    .brand__text {
      font-size: 12rem; } }

.footer__body {
  padding: 40rem 0;
  background-color: #1F252D;
  color: white;
  font-size: 14rem;
  text-transform: uppercase; }
.footer__row {
  display: flex;
  flex-wrap: wrap; }
  @media (min-width: 920px) {
    .footer__row {
      gap: 20rem; } }
.footer__col {
  flex: 0 0 430rem; }
  .footer__col:first-child {
    flex: 0 0 480rem; }
    @media (max-width: 919.98px) {
      .footer__col:first-child {
        flex: 1 1 50%; } }
  .footer__col:last-child {
    flex: 0 0 auto; }
  @media (max-width: 919.98px) {
    .footer__col {
      flex: 1 1 50%; } }
.footer__logo img, .footer__logo svg {
  width: 100rem;
  height: 64rem; }
.footer__bottom {
  display: flex;
  gap: 20rem; }
  @media (min-width: 920px) {
    .footer__bottom {
      margin-top: -80rem;
      align-items: flex-end; } }
.footer__btn-top {
  flex: 0 0 480rem; }
  @media (max-width: 919.98px) {
    .footer__btn-top {
      flex: 1 1 50%; }
      .footer__btn-top svg, .footer__btn-top img {
        width: 100rem;
        height: 100rem; } }
.footer__copy {
  color: #7F90A6; }
  @media (min-width: 920px) {
    .footer__copy {
      margin-top: 20rem; } }
.footer__content {
  display: flex;
  flex-direction: column;
  gap: 30rem; }
  @media (max-width: 919.98px) {
    .footer__content {
      gap: 15rem; } }
.footer__politic {
  color: #7F90A6 !important; }
  @media (min-width: 920px) {
    .footer__politic {
      text-decoration: underline; }
      .footer__politic:hover {
        text-decoration: underline; } }
  @media (max-width: 919.98px) {
    .footer__politic {
      font-size: 12rem;
      line-height: 1.2; } }
.footer__dev img, .footer__dev svg {
  width: 140rem;
  height: 31rem; }
.footer .mob {
  display: none; }
  @media (max-width: 919.98px) {
    .footer .mob {
      display: block; } }

.footer-menu-list {
  margin-bottom: 60rem; }
  @media (max-width: 919.98px) {
    .footer-menu-list {
      margin-bottom: 40rem; } }
  .footer-menu-list__title {
    color: #F15A24;
    margin-bottom: 12rem; }
  .footer-menu-list ul li:not(:last-child) {
    margin-bottom: 8rem; }

.subscription {
  margin-top: 40rem; }
  @media (max-width: 919.98px) {
    .subscription {
      margin-bottom: 60rem; } }
  .subscription__title {
    margin-bottom: 24rem;
    color: #F15A24; }
  .subscription__text {
    font-size: 38rem;
    margin-bottom: 24rem;
    font-family: 'BebasNeue', sans-serif; }
    @media (max-width: 919.98px) {
      .subscription__text {
        font-size: 34rem; } }
  .subscription__field {
    border-radius: 10rem;
    width: 100%;
    height: 65rem;
    border: 1rem solid #7F90A6;
    position: relative; }
    .subscription__field input {
      background-color: transparent;
      width: 100%;
      height: 100%;
      padding: 22rem 70rem 22rem 20rem;
      font-size: 18rem;
      color: #7F90A6; }
      .subscription__field input::placeholder {
        color: #7F90A6; }
      .subscription__field input:focus {
        caret-color: white; }
    .subscription__field button {
      display: flex;
      background-color: transparent;
      position: absolute;
      top: 4rem;
      right: 4rem; }
      .subscription__field button img, .subscription__field button svg {
        width: 56rem;
        height: 56rem; }
    .subscription__field._error {
      color: red;
      border: 1rem solid red; }

.personal-link {
  cursor: pointer; }
  @media (max-width: 919.98px) {
    .personal-link {
      margin-bottom: 60rem; } }

.contacts__title {
  color: #F15A24;
  margin-bottom: 12rem; }
.contacts__label {
  font-size: 14rem;
  text-transform: uppercase;
  color: #7F90A6;
  margin-bottom: 5rem; }
.contacts__text {
  font-family: 'BebasNeue', sans-serif;
  font-size: 38rem;
  line-height: 100%;
  text-transform: uppercase;
  margin-bottom: 15rem; }
.contacts__soc {
  display: flex;
  flex-direction: column; }
  .contacts__soc a {
    display: flex;
    gap: 12rem;
    align-items: center;
    margin-bottom: 8rem; }

.consult-form__body {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  padding: 100rem 375rem;
  border-radius: 20rem;
  overflow: hidden;
  color: white; }
  @media (max-width: 919.98px) {
    .consult-form__body {
      padding: 60rem 24rem 40rem;
      border-radius: 10rem; } }
  .consult-form__body:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #1F252DCC;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
.consult-form__head {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: end;
  margin-bottom: 80rem; }
  @media (max-width: 919.98px) {
    .consult-form__head {
      flex-direction: column; } }
.consult-form__title {
  font-size: 80rem;
  color: white; }
  @media (max-width: 919.98px) {
    .consult-form__title {
      font-size: 48rem;
      margin-bottom: 15rem; } }
  .consult-form__title span {
    color: #7F90A6; }
.consult-form__soc {
  font-family: 'BebasNeue', sans-serif;
  display: flex;
  gap: 40rem; }
  @media (max-width: 919.98px) {
    .consult-form__soc {
      flex-direction: column;
      gap: 0; } }
  .consult-form__soc a {
    color: #F15A24;
    font-size: 26rem;
    display: flex;
    align-items: center;
    line-height: 2; }
    @media (max-width: 919.98px) {
      .consult-form__soc a {
        line-height: 1; } }
    .consult-form__soc a svg, .consult-form__soc a img {
      width: 19rem;
      height: 18rem;
      margin-left: 8rem;
      display: inline-flex; }
      .consult-form__soc a svg path, .consult-form__soc a img path {
        stroke: #F15A24; }
.consult-form__text {
  font-family: 'BebasNeue', sans-serif;
  font-size: 34rem;
  max-width: 550rem;
  margin-bottom: 32rem;
  position: relative;
  z-index: 2; }
  @media (max-width: 919.98px) {
    .consult-form__text {
      font-size: 26rem;
      margin-bottom: 25rem; } }

.cf {
  position: relative;
  z-index: 2; }
  .cf__row {
    display: flex; }
    @media (max-width: 919.98px) {
      .cf__row {
        flex-direction: column; } }
  .cf__col {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto; }
    @media (min-width: 920px) {
      .cf__col:first-child {
        flex: 0 0 500rem; } }
  .cf .btn {
    width: 100%; }
    @media (max-width: 919.98px) {
      .cf .btn {
        height: 54rem;
        margin-top: 24rem; } }
  .cf input {
    height: 56rem;
    border-bottom: 1rem solid white;
    background-color: transparent;
    color: white;
    font-size: 18rem; }
    .cf input::placeholder {
      color: #7F90A6; }
    .cf input:focus {
      caret-color: white; }
    .cf input._error {
      color: red;
      border-bottom: 1rem solid red; }
  .cf label {
    color: #7F90A6;
    font-size: 12rem;
    text-transform: uppercase; }
  .cf__btn-label {
    margin-top: 15rem; }
    @media (max-width: 919.98px) {
      .cf__btn-label {
        text-align: center; } }

.content-row {
  display: flex; }
  @media (max-width: 919.98px) {
    .content-row {
      flex-direction: column; } }
  .content-row .content-col {
    flex: 1 1 auto; }
    .content-row .content-col:first-child {
      flex: 0 0 375rem; }
      @media (max-width: 919.98px) {
        .content-row .content-col:first-child {
          flex: 1 1 auto; } }

@media (min-width: 920px) {
  .personal-page__nav {
    background-color: #1F252D; } }
.personal-page__nav ul {
  display: flex; }
  .personal-page__nav ul li {
    flex: 0 0 33.33%; }
    @media (max-width: 919.98px) {
      .personal-page__nav ul li {
        flex: 1 1 auto; } }
    .personal-page__nav ul li a {
      font-family: 'BebasNeue', sans-serif;
      font-weight: 700;
      font-size: 24rem;
      line-height: 100%;
      text-align: center;
      text-transform: uppercase;
      padding: 30rem;
      color: #7F90A6;
      background-color: #1F252D;
      transition: .3s;
      display: block;
      border-radius: 20rem 20rem 0 0; }
      @media (max-width: 919.98px) {
        .personal-page__nav ul li a {
          background-color: white;
          padding: 40rem 14rem;
          text-align: left; } }
      .personal-page__nav ul li a._active {
        color: #1F252D;
        background-color: white; }
.personal-page__tab {
  display: none; }
  .personal-page__tab._active {
    display: block; }
.personal-page__content {
  padding: 100rem 0; }
  @media (max-width: 919.98px) {
    .personal-page__content {
      padding: 0 0 80rem 0; } }

.personal-info {
  text-transform: uppercase; }
  .personal-info__row:not(:last-child) {
    margin-bottom: 100rem; }
    @media (max-width: 919.98px) {
      .personal-info__row:not(:last-child) {
        margin-bottom: 40rem; } }
  .personal-info__items {
    display: flex;
    flex-wrap: wrap;
    gap: 40rem; }
    @media (max-width: 919.98px) {
      .personal-info__items {
        flex-direction: column;
        gap: 0; } }
  .personal-info__item {
    flex: 0 1 calc(50% - 20rem); }
    .personal-info__item input {
      height: 56rem;
      border-bottom: 1rem solid #7F90A6;
      background-color: transparent;
      font-size: 18rem;
      width: 100%; }
      @media (max-width: 919.98px) {
        .personal-info__item input {
          font-size: 14rem; } }
      .personal-info__item input::placeholder {
        color: white; }
        @media (max-width: 919.98px) {
          .personal-info__item input::placeholder {
            color: #7F90A6; } }
    .personal-info__item textarea {
      font-size: 18rem;
      width: 100%;
      border-bottom: 1rem solid #7F90A6;
      padding: 20rem 0; }
      @media (max-width: 919.98px) {
        .personal-info__item textarea {
          font-size: 14rem; } }
      .personal-info__item textarea::placeholder {
        color: white; }
        @media (max-width: 919.98px) {
          .personal-info__item textarea::placeholder {
            color: #7F90A6; } }
    @media (max-width: 919.98px) {
      .personal-info__item label {
        display: none; } }
    .personal-info__item._big {
      flex: 1 1 100%; }
    .personal-info__item._error {
      color: red; }
      .personal-info__item._error input {
        border-bottom: 1rem solid red; }
  .personal-info__btn {
    width: 100%; }
    @media (max-width: 919.98px) {
      .personal-info__btn {
        margin-top: 40rem; } }

.sc-item__body {
  padding: 1rem;
  background-color: #DFE3E9; }
.sc-item__card {
  background-color: white;
  padding: 15rem 15rem 0 15rem; }
  @media (max-width: 919.98px) {
    .sc-item__card {
      padding: 15rem 15rem 30rem 15rem; } }
.sc-item .sc-item__card,
.sc-item .sc-item__body {
  clip-path: polygon(20rem 0%, calc(100% - 20rem) 0%, 100% 20rem, 100% calc(100% - 20rem), calc(100% - 20rem) 100%, 20rem 100%, 0% calc(100% - 20rem), 0% 20rem); }
  @media (max-width: 919.98px) {
    .sc-item .sc-item__card,
    .sc-item .sc-item__body {
      clip-path: polygon(10rem 0%, calc(100% - 10rem) 0%, 100% 10rem, 100% calc(100% - 10rem), calc(100% - 10rem) 100%, 10rem 100%, 0% calc(100% - 10rem), 0% 10rem); } }
.sc-item:last-child .sc-item__card,
.sc-item:last-child .sc-item__body {
  border-radius: 0 0 20rem 20rem;
  clip-path: polygon(20rem 0, calc(100% - 20rem) 0%, 100% 20rem, 100% 100%, 0 100%, 0% 20rem); }
  @media (max-width: 919.98px) {
    .sc-item:last-child .sc-item__card,
    .sc-item:last-child .sc-item__body {
      border-radius: 0 0 10rem 10rem;
      clip-path: polygon(10rem 0, calc(100% - 10rem) 0%, 100% 10rem, 100% 100%, 0 100%, 0% 10rem); } }
.sc-item:first-child .sc-item__card,
.sc-item:first-child .sc-item__body {
  border-radius: 20rem 20rem 0 0;
  clip-path: polygon(100% 0, 100% calc(100% - 20rem), calc(100% - 20rem) 100%, 20rem 100%, 0% calc(100% - 20rem), 0 0); }
  @media (max-width: 919.98px) {
    .sc-item:first-child .sc-item__card,
    .sc-item:first-child .sc-item__body {
      border-radius: 10rem 10rem 0 0;
      clip-path: polygon(100% 0, 100% calc(100% - 10rem), calc(100% - 10rem) 100%, 10rem 100%, 0% calc(100% - 10rem), 0 0); } }
.sc-item__row {
  display: flex;
  position: relative; }
.sc-item__img {
  flex: 0 0 75rem;
  width: 75rem;
  height: 75rem;
  margin-right: 15rem; }
  .sc-item__img img {
    object-fit: cover;
    width: 100%;
    height: 100%; }
.sc-item__content {
  flex: 1 1 auto; }
.sc-item__category {
  margin-bottom: 8rem;
  font-size: 12rem;
  line-height: 100%;
  text-transform: uppercase;
  color: #7F90A6; }
.sc-item__name {
  font-family: 'BebasNeue', sans-serif;
  font-size: 38rem;
  line-height: 100%;
  text-transform: uppercase;
  margin-bottom: 10rem;
  display: block; }
  @media (max-width: 919.98px) {
    .sc-item__name {
      font-size: 26rem;
      margin-bottom: 15rem; } }
.sc-item__price {
  font-size: 22rem; }
  @media (max-width: 919.98px) {
    .sc-item__price {
      font-size: 14rem; } }
  .sc-item__price span {
    font-size: 16rem;
    text-transform: uppercase; }
    @media (max-width: 919.98px) {
      .sc-item__price span {
        font-size: 8rem; } }
.sc-item__bottom {
  margin-top: 25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1rem solid #DFE3E9; }
  @media (max-width: 919.98px) {
    .sc-item__bottom {
      margin-top: 15rem;
      border-top: 0; } }
@media (max-width: 919.98px) {
  .sc-item__quantity {
    width: 100%;
    position: absolute;
    bottom: -25rem;
    left: 0; } }
.sc-item__del img, .sc-item__del svg {
  width: 24rem;
  height: 24rem;
  cursor: pointer; }
@media (max-width: 919.98px) {
  .sc-item__del {
    position: absolute;
    z-index: 5;
    top: 0;
    right: -5rem; } }

.cart-calc {
  user-select: none;
  display: flex; }
  @media (max-width: 919.98px) {
    .cart-calc {
      align-items: center;
      justify-content: space-between; } }
  .cart-calc input {
    height: 50rem;
    width: 80rem;
    text-align: center;
    font-size: 18rem;
    background-color: transparent; }
    @media (max-width: 919.98px) {
      .cart-calc input {
        height: 30rem;
        font-size: 14rem; } }
  .cart-calc__minus, .cart-calc__plus {
    font-size: 14rem;
    background-color: white;
    height: 50rem;
    width: 10rem;
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center; }
    @media (max-width: 919.98px) {
      .cart-calc__minus, .cart-calc__plus {
        height: 30rem; } }

.modal-ok {
  position: fixed;
  left: 50%;
  top: 50%;
  transition: 0.3s;
  transform: translate(-50%, -50%) scale(0);
  z-index: -1;
  opacity: 0; }
  @media (max-width: 919.98px) {
    .modal-ok {
      padding: 8rem;
      width: 100%; } }
  .modal-ok__body {
    width: 460rem;
    min-height: 300rem;
    background-color: white;
    border-radius: 10rem;
    padding: 40rem 25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    @media (max-width: 919.98px) {
      .modal-ok__body {
        min-height: auto;
        width: 100%;
        padding: 30rem 15rem; } }
  .modal-ok__title {
    font-family: 'BebasNeue', sans-serif;
    font-size: 38rem;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 25rem; }
    @media (max-width: 919.98px) {
      .modal-ok__title {
        font-size: 30rem;
        margin-bottom: 15rem; } }
  .modal-ok__text {
    font-size: 18rem;
    line-height: 110%;
    text-align: center;
    margin-bottom: 40rem; }
    @media (max-width: 919.98px) {
      .modal-ok__text {
        font-size: 16rem;
        margin-bottom: 25rem; } }
  .modal-ok__btn {
    width: 100%; }
  .modal-ok._active {
    opacity: 1;
    z-index: 200;
    transform: translate(-50%, -50%) scale(1); }

/*# sourceMappingURL=template_styles.css.map */