/* vars
-------------------------------------------------------------*/

:root {
  --color-theme: hsl(196, 100%, 47%);
  --color-theme-hover: hsl(196, 100%, 67%);
  --color-black: hsl(0, 0%, 13%);
  --color-white: hsl(0, 0%, 100%);
  --color-gray-100: hsl(225, 13%, 94%);
  --color-gray-200: hsl(225, 13%, 84%);
  --color-gray-300: hsl(225, 13%, 74%);
  --color-gray-400: hsl(225, 13%, 64%);
  --color-red-100: hsl(358, 58%, 54%);
  --max-575: 575px;
  --min-576: 576px;
  --max-767: 767px;
  --min-768: 768px;
  --max-991: 991px;
  --min-992: 992px;
  --max-1199: 1199px;
  --min-1200: 1200px;
  --max-1399: 1399px;
  --min-1400: 1400px;
}


/* fonts
-------------------------------------------------------------*/

@font-face {
  font-weight: 400;
  font-style: normal;
  font-family: 'montserrat';
  src: url('../font/montserrat__400.woff') format('woff');
}

@font-face {
  font-weight: 400;
  font-style: italic;
  font-family: 'montserrat';
  src: url('../font/montserrat__400-italic.woff') format('woff');
}

@font-face {
  font-weight: 600;
  font-style: normal;
  font-family: 'montserrat';
  src: url('../font/montserrat__600.woff') format('woff');
}


/* reset
-------------------------------------------------------------*/

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

:focus {
  outline: 0;
}

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

::-webkit-search-decoration,
::-webkit-search-cancel-button,
::-webkit-search-results-button,
::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

html {
  overflow: hidden;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
}

body {
  margin: 0;
}

img {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  max-width: 100%;
  max-height: 100%;
  vertical-align: bottom;
}

svg {
  width: 1em;
  height: 1em;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  fill: currentColor;
  pointer-events: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

b,
strong {
  font-weight: 600;
}

@media (min-width: 768px) {
  [href^="tel"] {
    pointer-events: none;
  }
}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

label {
  cursor: pointer;
}

input,
button,
select,
textarea {
  border: 0;
  margin: 0;
  padding: 0;
  color: inherit;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: inherit;
  font-family: inherit;
  vertical-align: bottom;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

button {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

th {
  font-weight: normal;
  border-bottom: 1px dashed #69c;
  padding: 12px 17px;
}
td {
  color: #000;
  padding: 7px 17px;
}
tr:hover td {
  background-color: var(--color-theme);
  color: #fefefe;
}


th,
td {
    padding: 0;
    padding-left: 10px;
    border-bottom: 1px dotted #e9e9e9;
    width: 50%;
}


.c-prop__row {

}

.c-prop__row:last-child {
  border-bottom: 0;
}

@media (max-width: 1199px) {
  .c-prop__row {
    font-size: 14px;
  }
}

.c-prop__title {
  font-weight: 600;
}



/* .l-body
-------------------------------------------------------------*/

.l-body {
  color: var(--black);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  font-family: 'roboto', sans-serif;
}

[class*="__container"] {
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 1199px) {
  [class*="__container"] {
    padding-left: 16px;
    padding-right: 16px;
    max-width: calc(1400px + 32px);
  }
}

@media (min-width: 1200px) {
  [class*="__container"] {
    padding-left: 50px;
    padding-right: 50px;
    max-width: calc(1440px + 128px);
  }
}


/* .admin-bar
-------------------------------------------------------------*/

.admin-bar {
  display: none !important;
}

.l-body {
  padding: 0 !important;
}


/* .l-app
-------------------------------------------------------------*/

.l-app {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  scroll-behavior: smooth;
  -webkit-animation: fadeIn 0.6s;
  animation: fadeIn 0.6s;
}

@media (max-width: 1199px) {
  .l-app {
    position: absolute;
  }
}

@media (min-width: 1200px) {
  .l-app {
    position: fixed;
  }
}


/* .l-top
-------------------------------------------------------------*/

.l-top {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  background-color: #edeef2;
}

.l-top__container {
  display: -ms-grid;
  display: grid;
  height: 40px;
}

@media (max-width: 1199px) {
  .l-top__container {
    grid-gap: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media (min-width: 1200px) {
  .l-top__container {
    grid-gap: 32px;
    place-items: center;
    -ms-grid-columns: -webkit-max-content 32px -webkit-max-content 32px 1fr 32px -webkit-max-content;
    -ms-grid-columns: max-content 32px max-content 32px 1fr 32px max-content;
    grid-template-columns: -webkit-max-content -webkit-max-content 1fr -webkit-max-content;
    grid-template-columns: max-content max-content 1fr max-content;
  }
}


/* .l-header
-------------------------------------------------------------*/

.l-header {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  top: 0;
  z-index: 8;
  position: sticky;
  /* border-bottom: 1px solid hsl(0deg 0% 90%); */
  background-color: hsl(0deg 0% 100%);
  border-bottom: 1px solid #f2f2f2;
}

@media (max-width: 1199px) {
  .l-header {
    padding: 8px 0;
  }
}

@media (min-width: 1200px) {
  .l-header {
    padding: 16px 0;
  }
}

.l-header__container {
  display: -ms-grid;
  display: grid;
  grid-gap: 24px;
  place-items: center;
}

@media (max-width: 1199px) {
  .l-header__container {
    -ms-grid-columns: 1fr 24px -webkit-max-content 24px -webkit-max-content;
    -ms-grid-columns: 1fr 24px max-content 24px max-content;
    grid-template-columns: 1fr -webkit-max-content -webkit-max-content;
    grid-template-columns: 1fr max-content max-content;
  }
}

@media (min-width: 1200px) {
  .l-header__container {
    -ms-grid-columns: auto 24px 1fr 24px -webkit-max-content 24px -webkit-max-content;
    -ms-grid-columns: auto 24px 1fr 24px max-content 24px max-content;
    grid-template-columns: auto 1fr -webkit-max-content -webkit-max-content;
    grid-template-columns: auto 1fr max-content max-content;
  }
}


/* .l-main
-------------------------------------------------------------*/

.l-main {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.l-main__container {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  padding-top: 32px;
  padding-bottom: 64px;
}

@media (max-width: 767px) {
  .l-main__container {
    grid-gap: 16px;
  }
}

@media (min-width: 768px) {
  .l-main__container {
    grid-gap: 32px;
  }
}

.l-body__index .l-main__container {
  display: block;
  padding-top: 0;
}


/* .l-footer
-------------------------------------------------------------*/

.l-footer {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  border-top: 4px solid var(--color-theme);
}

.l-footer__container {
  display: -ms-grid;
  display: grid;
  grid-gap: 32px;
}

@media (max-width: 767px) {
  .l-footer__container {
    -ms-grid-columns: -webkit-max-content 32px -webkit-max-content;
    -ms-grid-columns: max-content 32px max-content;
    grid-template-columns: repeat(2, -webkit-max-content);
    grid-template-columns: repeat(2, max-content);
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

@media (min-width: 768px) {
  .l-footer__container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 48px;
    padding-bottom: 48px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .l-footer__container {
    -ms-grid-columns: -webkit-max-content 32px -webkit-max-content 32px -webkit-max-content 32px -webkit-max-content;
    -ms-grid-columns: max-content 32px max-content 32px max-content 32px max-content;
    grid-template-columns: repeat(4, -webkit-max-content);
    grid-template-columns: repeat(4, max-content);
  }
}

@media (min-width: 1200px) {
  .l-footer__container {
    -ms-grid-columns: -webkit-max-content 32px -webkit-max-content 32px -webkit-max-content 32px -webkit-max-content 32px -webkit-max-content;
    -ms-grid-columns: max-content 32px max-content 32px max-content 32px max-content 32px max-content;
    grid-template-columns: repeat(5, -webkit-max-content);
    grid-template-columns: repeat(5, max-content);
  }
}


/* .l-row
-------------------------------------------------------------*/

.l-row {
  margin-top: 16px;
}

.l-row:first-of-type {
  margin-top: 0;
}

.l-row--mt-32 {
  margin-top: 32px;
}

@media (max-width: 767px) {
  .l-row--mt-48 {
    margin-top: 32px;
  }
}

@media (min-width: 768px) {
  .l-row--mt-48 {
    margin-top: 48px;
  }
}

@media (max-width: 767px) {
  .l-row--mt-64 {
    margin-top: 32px;
  }
}

@media (min-width: 768px) {
  .l-row--mt-64 {
    margin-top: 64px;
  }
}


/* .c-carousel
-------------------------------------------------------------*/

.c-carousel {
  z-index: 1;
  display: none;
  position: relative;
}

.c-carousel .owl-item {
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.c-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.c-carousel .owl-stage:after {
  height: 0;
  clear: both;
  content: ".";
  line-height: 0;
  display: block;
  visibility: hidden;
}

.c-carousel .owl-stage-outer {
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.c-carousel .owl-item,
.c-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.c-carousel .owl-item {
  float: left;
  min-height: 1px;
  -webkit-touch-callout: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.c-carousel .owl-item img {
  width: 100%;
  display: block;
}

.c-carousel .owl-nav.disabled,
.c-carousel .owl-dots.disabled {
  display: none;
}

.no-js .c-carousel,
.c-carousel.owl-loaded {
  display: -ms-grid;
  display: grid;
}

.c-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.c-carousel.owl-hidden {
  opacity: 0;
}

.c-carousel.owl-refresh .owl-item {
  visibility: hidden
}

.c-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.c-carousel.owl-grab {
  cursor: -webkit-grab;
  cursor: grab;
}

.c-carousel.owl-rtl .owl-item {
  float: right;
}

.c-carousel .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.c-carousel .owl-animated-in {
  z-index: 0;
}

.c-carousel .owl-animated-out {
  z-index: 1;
}

.c-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

.owl-height {
  -webkit-transition: height .5s ease-in-out;
  transition: height .5s ease-in-out
}

.c-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity .4s ease;
  transition: opacity .4s ease
}

.c-carousel .owl-item .owl-lazy[src^=""],
.c-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0
}

.c-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.c-carousel__item {
  display: block;
}

.c-carousel__prev,
.c-carousel__next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 50%;
  z-index: 2;
  color: hsl(196deg 100% 47% / 0%);
  font-size: 64px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.c-carousel__prev {
  left: 0;
  -webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
}

.c-carousel__next {
  right: 0;
  -webkit-transform: translate(100%, -50%);
  transform: translate(100%, -50%);
}

.c-carousel__prev:hover,
.c-carousel__next:hover {
  color: var(--color-theme-hover);
}

[class*="c-carousel"] .owl-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 16px;
}

[class*="c-carousel"] .owl-dots .owl-dot {
  width: 24px;
  height: 4px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 8px;
  border-radius: 4px;
  background-color: var(--color-gray-200);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

[class*="c-carousel"] .owl-dots .owl-dot:last-child {
  margin-right: 0;
}

[class*="c-carousel"] .owl-dots .owl-dot:hover,
[class*="c-carousel"] .owl-dots .owl-dot.active {
  background-color: var(--color-theme);
}

.c-images .c-carousel__next,
.c-images .c-carousel__prev {
  font-size: 32px;
}


/* .c-nav
-------------------------------------------------------------*/

.c-nav {
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: start;
  align-content: start;
  grid-gap: 16px;
}

.c-nav__title {
  font-weight: 600;
}

@media (max-width: 1199px) {
  .c-nav__title {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  .c-nav__title {
    font-size: 18px;
  }
}

.c-nav__list {
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: start;
  align-content: start;
  grid-gap: 16px;
}

.c-nav__link {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: inherit;
  position: relative;
}

@media (max-width: 1199px) {
  .c-nav__link {
    font-size: 14px;
  }
}

.c-nav__link:before {
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  content: "";
  position: absolute;
  background-color: currentColor;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.c-nav__link:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

@media (max-width: 767px) {
  .c-nav__brand {
    display: none;
  }
}

.c-nav__brand .c-nav__list {
  grid-gap: 8px;
  -ms-grid-columns: 120px 8px 120px;
  grid-template-columns: 120px 120px;
}

.c-nav__brand img {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.c-nav__brand .c-nav__link:hover img {
  opacity: .8;
}

.c-nav__brand .c-nav__link:before {
  display: none;
}


/* .c-tab
-------------------------------------------------------------*/

.c-tab {
  position: relative;
}

.c-tab [type="radio"] {
  opacity: 0;
  position: absolute;
}

.c-tab__labels {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--color-gray-200);
}

.c-tab__label {
  color: var(--color-gray-300);
  font-weight: 600;
  cursor: pointer;
  position: relative;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

@media (max-width: 767px) {
  .c-tab__label {
    font-size: 14px;
    margin-right: 8px;
    padding-right: 8px;
  }
}

@media (min-width: 768px) {
  .c-tab__label {
    font-size: 22px;
    margin-right: 16px;
    padding-right: 16px;
  }
}

.c-tab__label:hover {
  color: var(--color-black);
}

.c-tab__label:before {
  content: "";
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  position: absolute;
  background-color: var(--color-gray-200);
}

.c-tab__label:last-child {
  margin-right: 0;
  padding-right: 0;
}

.c-tab__label:last-child:before {
  display: none;
}

.c-tab__item {
  display: none;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

.c-tab>#c-tab-1:checked~.c-tab__labels .c-tab__label[for="c-tab-1"],
.c-tab>#c-tab-2:checked~.c-tab__labels .c-tab__label[for="c-tab-2"],
.c-tab>#c-tab-3:checked~.c-tab__labels .c-tab__label[for="c-tab-3"],
.c-tab>#c-tab-4:checked~.c-tab__labels .c-tab__label[for="c-tab-4"],
.c-tab>#c-tab-5:checked~.c-tab__labels .c-tab__label[for="c-tab-5"],
.c-tab>#c-tab-6:checked~.c-tab__labels .c-tab__label[for="c-tab-6"],
.c-tab>#c-tab-7:checked~.c-tab__labels .c-tab__label[for="c-tab-7"],
.c-tab>#c-tab-8:checked~.c-tab__labels .c-tab__label[for="c-tab-8"],
.c-tab>#c-tab-9:checked~.c-tab__labels .c-tab__label[for="c-tab-9"],
.c-tab>#c-tab-10:checked~.c-tab__labels .c-tab__label[for="c-tab-10"],
.c-tab>#c-tab-11:checked~.c-tab__labels .c-tab__label[for="c-tab-11"],
.c-tab>#c-tab-12:checked~.c-tab__labels .c-tab__label[for="c-tab-12"],
.c-tab>#c-tab-13:checked~.c-tab__labels .c-tab__label[for="c-tab-13"],
.c-tab>#c-tab-14:checked~.c-tab__labels .c-tab__label[for="c-tab-14"],
.c-tab>#c-tab-15:checked~.c-tab__labels .c-tab__label[for="c-tab-15"],
.c-tab>#c-tab-16:checked~.c-tab__labels .c-tab__label[for="c-tab-16"],
.c-tab>#c-tab-17:checked~.c-tab__labels .c-tab__label[for="c-tab-17"],
.c-tab>#c-tab-18:checked~.c-tab__labels .c-tab__label[for="c-tab-18"],
.c-tab>#c-tab-19:checked~.c-tab__labels .c-tab__label[for="c-tab-19"],
.c-tab>#c-tab-20:checked~.c-tab__labels .c-tab__label[for="c-tab-20"],
.c-tab>#c-tab-21:checked~.c-tab__labels .c-tab__label[for="c-tab-21"],
.c-tab>#c-tab-22:checked~.c-tab__labels .c-tab__label[for="c-tab-22"],
.c-tab>#c-tab-23:checked~.c-tab__labels .c-tab__label[for="c-tab-23"],
.c-tab>#c-tab-24:checked~.c-tab__labels .c-tab__label[for="c-tab-24"],
.c-tab>#c-tab-25:checked~.c-tab__labels .c-tab__label[for="c-tab-25"],
.c-tab>#c-tab-26:checked~.c-tab__labels .c-tab__label[for="c-tab-26"],
.c-tab>#c-tab-27:checked~.c-tab__labels .c-tab__label[for="c-tab-27"],
.c-tab>#c-tab-28:checked~.c-tab__labels .c-tab__label[for="c-tab-28"],
.c-tab>#c-tab-29:checked~.c-tab__labels .c-tab__label[for="c-tab-29"],
.c-tab>#c-tab-30:checked~.c-tab__labels .c-tab__label[for="c-tab-30"] {
  color: var(--color-black);
}

.c-tab>#c-tab-1:checked~.c-tab__items .c-tab__item[data-id="c-tab-1"],
.c-tab>#c-tab-2:checked~.c-tab__items .c-tab__item[data-id="c-tab-2"],
.c-tab>#c-tab-3:checked~.c-tab__items .c-tab__item[data-id="c-tab-3"],
.c-tab>#c-tab-4:checked~.c-tab__items .c-tab__item[data-id="c-tab-4"],
.c-tab>#c-tab-5:checked~.c-tab__items .c-tab__item[data-id="c-tab-5"],
.c-tab>#c-tab-6:checked~.c-tab__items .c-tab__item[data-id="c-tab-5"],
.c-tab>#c-tab-7:checked~.c-tab__items .c-tab__item[data-id="c-tab-7"],
.c-tab>#c-tab-8:checked~.c-tab__items .c-tab__item[data-id="c-tab-8"],
.c-tab>#c-tab-9:checked~.c-tab__items .c-tab__item[data-id="c-tab-9"],
.c-tab>#c-tab-10:checked~.c-tab__items .c-tab__item[data-id="c-tab-10"],
.c-tab>#c-tab-11:checked~.c-tab__items .c-tab__item[data-id="c-tab-11"],
.c-tab>#c-tab-12:checked~.c-tab__items .c-tab__item[data-id="c-tab-12"],
.c-tab>#c-tab-13:checked~.c-tab__items .c-tab__item[data-id="c-tab-13"],
.c-tab>#c-tab-14:checked~.c-tab__items .c-tab__item[data-id="c-tab-14"],
.c-tab>#c-tab-15:checked~.c-tab__items .c-tab__item[data-id="c-tab-15"],
.c-tab>#c-tab-16:checked~.c-tab__items .c-tab__item[data-id="c-tab-15"],
.c-tab>#c-tab-17:checked~.c-tab__items .c-tab__item[data-id="c-tab-17"],
.c-tab>#c-tab-18:checked~.c-tab__items .c-tab__item[data-id="c-tab-18"],
.c-tab>#c-tab-19:checked~.c-tab__items .c-tab__item[data-id="c-tab-19"],
.c-tab>#c-tab-20:checked~.c-tab__items .c-tab__item[data-id="c-tab-20"],
.c-tab>#c-tab-21:checked~.c-tab__items .c-tab__item[data-id="c-tab-21"],
.c-tab>#c-tab-22:checked~.c-tab__items .c-tab__item[data-id="c-tab-22"],
.c-tab>#c-tab-23:checked~.c-tab__items .c-tab__item[data-id="c-tab-23"],
.c-tab>#c-tab-24:checked~.c-tab__items .c-tab__item[data-id="c-tab-24"],
.c-tab>#c-tab-25:checked~.c-tab__items .c-tab__item[data-id="c-tab-25"],
.c-tab>#c-tab-26:checked~.c-tab__items .c-tab__item[data-id="c-tab-25"],
.c-tab>#c-tab-27:checked~.c-tab__items .c-tab__item[data-id="c-tab-27"],
.c-tab>#c-tab-28:checked~.c-tab__items .c-tab__item[data-id="c-tab-28"],
.c-tab>#c-tab-29:checked~.c-tab__items .c-tab__item[data-id="c-tab-29"],
.c-tab>#c-tab-30:checked~.c-tab__items .c-tab__item[data-id="c-tab-30"] {
  display: block;
}

.c-product .c-tab__labels {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.c-product .c-tab__item {
  line-height: 1.8;
}

@media (max-width: 767px) {
  .c-product .c-tab__item[itemprop="description"] {
    font-size: 14px;
  }
}


/* .c-seo
-------------------------------------------------------------*/

.c-seo {
  font-size: 14px;
  line-height: 1.8;
}

.c-seo__grid {
  display: -ms-grid;
  display: grid;
}

@media (max-width: 767px) {
  .c-seo__grid {
    grid-gap: 16px;
  }
}

.c-seo__item {
  display: -ms-grid;
  display: grid;
}

@media (min-width: 768px) {
  .c-seo__item {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .c-seo__item:nth-child(even) .c-seo__img {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2 / 3;
  }
  .c-seo__item:nth-child(even) .c-seo__text {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
  }
}

.c-seo__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.c-seo__text {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 2;
  background-color: var(--color-gray-100);
}

@media (max-width: 767px) {
  .c-seo__text {
    padding: 16px;
    font-size: 16px;
  }
}

@media (min-width: 768px) {
  .c-seo__text {
    padding: 24px;
    font-size: 16px;
  }
}


/* .c-sub
-------------------------------------------------------------*/

.c-sub {
  display: none;
}


/* .c-logo
-------------------------------------------------------------*/

.c-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-logo img {
  height: 48px;
}

@media (min-width: 1200px) {
  .c-logo__top {
    display: none;
  }
}

.c-logo__top img {
  height: 24px;
}

@media (max-width: 1199px) {
  .c-logo__header {
    display: none;
  }
}

@media (max-width: 1199px) {
  .c-logo__footer {
    display: none;
  }
}


/* .c-menu
-------------------------------------------------------------*/

.c-menu {
  display: -ms-grid;
  display: grid;
}

@media (max-width: 1199px) {
  .c-menu__toggle {
    display: -ms-grid;
    display: grid;
    -ms-grid-row-align: center;
    align-self: center;
    color: inherit;
    font-size: 22px;
    position: relative;
  }
}

@media (min-width: 1200px) {
  .c-menu__toggle {
    display: none;
  }
}

.c-menu__content {
  display: -ms-grid;
  display: grid;
}

@media (max-width: 1199px) {
  .c-menu__content {
    -ms-grid-rows: 40px 1fr;
    grid-template-rows: 40px 1fr;
    top: 0;
    right: 0;
    bottom: 0;
    left: 100%;
    z-index: 999;
    position: fixed;
    background-color: var(--color-white);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}

@media (max-width: 1199px) {
  .c-menu__header {
    display: -ms-grid;
    display: grid;
    grid-gap: 16px;
    -ms-grid-columns: 1fr 16px 40px;
    grid-template-columns: 1fr 40px;
    padding-left: 16px;
    background-color: var(--color-gray-100);
  }
}

@media (min-width: 1200px) {
  .c-menu__header {
    display: none;
  }
}

@media (max-width: 1199px) {
  .c-menu__close {
    display: -ms-grid;
    display: grid;
    place-items: center;
    color: var(--color-gray-200);
    font-size: 24px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}

.c-menu__close:hover {
  color: var(--color-gray-300);
}

@media (max-width: 1199px) {
  .c-menu__caption {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-size: 16px;
    font-weight: 600;
  }
}

@media (max-width: 1199px) {
  .c-menu__main {
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 16px;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
  }
}

@media (min-width: 1200px) {
  .c-menu__main {
    display: -ms-grid;
    display: grid;
    grid-gap: 30px;
    grid-auto-flow: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
}

.c-menu__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: inherit;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (max-width: 1199px) {
  .c-menu__link {
    padding: 8px 0;
  }
}

.c-menu__link:before {
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  content: "";
  position: absolute;
  background-color: currentColor;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: -webkit-transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.c-menu__link:hover,
.c-menu__link.active {
  color: currentColor;
}

@media (min-width: 1200px) {
  .c-menu__link:hover:before,
  .c-menu__link.active:before {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@media (max-width: 1199px) {
  .c-menu :checked~.c-menu__content {
    left: 0;
  }
}


/* .c-form
-------------------------------------------------------------*/

.c-form {
  display: -ms-grid;
  display: grid;
  grid-gap: 16px;
}

.c-form__login {
  width: 100%;
  margin: 0 auto;
  max-width: 400px;
}

select,
textarea,
[type="text"],
[type="search"],
[type="number"],
[type="password"] {
  width: 100%;
  height: 40px;
  padding-left: 16px;
  padding-right: 16px;
  background-color: var(--color-gray-100);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

textarea {
  resize: none;
  height: 128px;
  padding-top: 16px;
  padding-bottom: 16px;
}

select:focus,
textarea:focus,
[type="text"]:focus,
[type="search"]:focus,
[type="number"]:focus,
[type="password"]:focus {
  background-color: var(--color-gray-200);
}

[type="radio"],
[type="checkbox"] {
  min-width: 20px;
  max-width: 20px;
  min-height: 20px;
  max-height: 20px;
  margin-right: 8px;
  position: relative;
  background-color: var(--color-gray-200);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

[type="radio"] {
  border-radius: 100%;
}

[type="radio"]:before,
[type="checkbox"]:before {
  top: 16%;
  left: 16%;
  right: 16%;
  bottom: 24%;
  height: 40%;
  content: '';
  margin: auto;
  position: absolute;
  border-left: 2px solid var(--color-white);
  border-bottom: 2px solid var(--color-white);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

[type="radio"]:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border-radius: 100%;
}

[type="radio"]:checked,
[type="checkbox"]:checked {
  background-color: var(--color-theme);
}

[type="radio"]:checked:before,
[type="checkbox"]:checked:before {
  opacity: 1;
  -webkit-transform: scale(1) rotate(-45deg);
  transform: scale(1) rotate(-45deg);
}

[type="radio"]:checked:before {
  background-color: var(--color-white);
}


/* .c-cart
-------------------------------------------------------------*/

.c-cart {
  position: relative;
}

.c-cart__toggle {
  position: relative;
}

.c-cart__toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: inherit;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (max-width: 1199px) {
  .c-cart__toggle {
    font-size: 28px;
  }
}

@media (min-width: 1200px) {
  .c-cart__toggle {
    font-size: 32px;
  }
}

.c-cart__toggle:hover {
  color: var(--color-theme);
}

.c-cart__toggle .icon {
  width: calc(448em / 512);
}

.c-cart__count {
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  line-height: 1;
  font-size: 14px;
  padding-top: 8px;
  font-weight: 600;
  position: absolute;
}

.c-cart__price {
  display: none;
}

.c-cart__bg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
  display: none;
}

.c-cart> :checked~.c-cart__bg {
  display: block;
}

.c-cart__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 768px;
  z-index: 999;
  position: fixed;
  background-color: var(--color-white);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-cart> :checked~.c-cart__content {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.c-cart__header {
  display: -ms-grid;
  display: grid;
  grid-gap: 16px;
  -ms-grid-columns: 1fr 16px 40px;
  grid-template-columns: 1fr 40px;
  height: 40px;
  padding-left: 16px;
  background-color: var(--color-gray-100);
}

.c-cart__close {
  display: -ms-grid;
  display: grid;
  place-items: center;
  color: var(--color-gray-200);
  font-size: 24px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-cart__close:hover {
  color: var(--color-gray-300);
}

.c-cart__caption {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font-size: 16px;
  font-weight: 600;
}

.c-cart__main {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  margin: 16px;
  position: relative;
}

@media (max-width: 767px) {
  .c-cart__table tbody {
    display: -ms-grid;
    display: grid;
    grid-gap: 16px;
  }
  .c-cart__table tbody tr {
    display: -ms-grid;
    display: grid;
    border: 1px solid var(--color-gray-100);
  }
  .c-cart__table tbody tr td {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 0;
    text-align: center;
  }
}

.c-cart__main .c-cart__table {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  position: absolute;
}

@media (min-width: 768px) {
  .c-cart__main .c-cart__table td:nth-child(1) {
    width: 96px;
    text-align: center;
  }
  .c-cart__main .c-cart__table td:nth-child(3) {
    width: 48px;
    text-align: center;
  }
}

ul.c-cart__footer {
  display: -ms-grid;
  display: grid;
  grid-gap: 16px;
  padding: 16px;
  background-color: var(--color-gray-100);
}

.c-cart__empty .c-cart__footer {
  display: none;
}

.c-cart__total {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

.c-cart__action {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 16px 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 16px;
}

@media (min-width: 768px) {
  .c-cart__action {
    grid-auto-flow: column;
  }
}

.c-cart__message {
  display: none;
  grid-gap: 32px;
  -ms-grid-row-align: center;
  align-self: center;
  place-items: center;
  font-size: 18px;
}

.c-cart__message .icon {
  font-size: 72px;
}

.c-cart__empty .c-cart__message {
  display: -ms-grid;
  display: grid;
}

.c-cart__img {
  display: block;
  text-align: center;
}

.c-cart__img img {
  max-width: 96px;
  max-height: 96px;
}

.c-cart__remove {
  display: -ms-inline-grid;
  display: inline-grid;
  color: var(--color-red-100);
  font-size: 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-cart__remove:hover {
  color: inherit;
}

.c-cart__quantity {
  display: -ms-grid;
  display: grid;
  grid-gap: 8px;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 600;
}

.c-cart__title {
  display: -ms-inline-grid;
  display: inline-grid;
  color: rgba(0, 0, 0, 0);
  overflow: hidden;
  position: relative;
}

.c-cart__title:after,
.c-cart__title:before {
  left: 0;
  opacity: 1;
  color: var(--color-black);
  position: absolute;
  content: attr(data-hover);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-cart__title:after {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

.c-cart__title:hover:after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.c-cart__title:hover:before {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

.c-cart__page {
  display: -ms-grid;
  display: grid;
  grid-gap: 16px;
}

@media (min-width: 768px) {
  .c-cart__page .c-cart__table td:nth-child(1) {
    width: 96px;
    text-align: center;
  }
  .c-cart__page .c-cart__table td:nth-child(3) {
    width: 128px;
    text-align: center;
  }
  .c-cart__page .c-cart__table td:nth-child(4) {
    width: 128px;
    text-align: center;
  }
  .c-cart__page .c-cart__table td:nth-child(5) {
    width: 48px;
    text-align: center;
  }
}

.c-cart__payment {
  display: -ms-grid;
  display: grid;
  grid-gap: 16px;
}

@media (max-width: 767px) {
  .c-cart__payment {
    justify-items: center;
  }
}

@media (min-width: 768px) {
  .c-cart__payment {
    justify-items: end;
  }
}

.c-cart__total {
  font-size: 16px;
}

.c-cart__empty .c-cart__page {
  display: none;
}


/* .c-prop
-------------------------------------------------------------*/

.c-prop__row {
  display: -ms-grid;
  display: grid;
  grid-gap: 16px;
  -ms-grid-columns: 1fr 16px 1fr;
  grid-template-columns: 1fr 1fr;
  padding: 6px 0;
  border-bottom: 1px dotted var(--color-gray-200);
}

.c-prop__row:last-child {
  border-bottom: 0;
}

@media (max-width: 1199px) {
  .c-prop__row {
    font-size: 14px;
  }
}

.c-prop__title {
  font-weight: 600;
}


/* .c-panel
-------------------------------------------------------------*/

.c-panel {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}


/* .c-table
-------------------------------------------------------------*/

.c-table td,
.c-table th,
[class*="__table"] td,
[class*="__table"] th {
  padding: 8px;
  border: 1px solid var(--color-gray-100);
}

.c-table th,
[class*="__table"] th {
  background-color: var(--color-gray-100);
}


/* .c-phone
-------------------------------------------------------------*/

@media (max-width: 1199px) {
  .c-phone {
    display: none;
  }
}

@media (min-width: 1200px) {
  .c-phone {
    color: inherit;
  }
}


/* .c-title
-------------------------------------------------------------*/

.c-title {
  margin: 0;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .c-title {
    font-size: 20px;
  }
}

@media (min-width: 768px) {
  .c-title {
    font-size: 28px;
  }
}

.c-title::first-letter,
.c-title__inner::first-letter {
  color: var(--color-theme);
}

.c-title__inner {
  display: inline-block;
  position: relative;
  padding-bottom: 8px;
}

@media (min-width: 768px) {
  .c-title__inner {
    margin-bottom: 16px;
  }
}

.c-title__inner:before {
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  content: '';
  position: absolute;
  background-color: currentColor;
}


/* .c-login
-------------------------------------------------------------*/

.c-login {
  display: -ms-grid;
  display: grid;
  grid-gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-flow: column;
  color: inherit;
}

.c-login .icon {
  font-size: 22px;
}

@media (min-width: 1200px) {
  .c-login .icon {
    display: none;
  }
}

.c-login__title {
  position: relative;
}

@media (max-width: 1199px) {
  .c-login__title {
    display: none;
  }
}

.c-login__title:before {
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  content: "";
  position: absolute;
  background-color: currentColor;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: -webkit-transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.c-login__title:hover:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}


/* .c-goods
-------------------------------------------------------------*/

.c-goods {
  display: -ms-grid;
  display: grid;
  grid-gap: 16px;
}

@media (max-width: 991px) {
  .c-goods {
    -ms-grid-columns: 1fr 16px 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .c-goods {
    -ms-grid-columns: 1fr 16px 1fr 16px 1fr;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1200px) {
  .c-goods {
    -ms-grid-columns: 1fr 16px 1fr 16px 1fr 16px 1fr;
    grid-template-columns: repeat(4, 1fr);
  }
}

.c-goods__item {
  display: -ms-grid;
  display: grid;
}

.c-goods__item:hover .c-goods__title {
  background-color: var(--color-theme-hover);
}

.c-goods__top {
  position: relative;
  background-color: #f5f5f5;
}

.c-goods__title {
  display: -ms-grid;
  display: grid;
  place-items: center;
  /* margin: 8px 0; */
  color: inherit;
  text-align: center;
  background-color: #f5f5f5;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-bottom: 1px solid #dedcdce8;
}

@media (max-width: 767px) {
  .c-goods__title {
    font-size: 14px;
    padding: 8px;
  }
}

@media (min-width: 768px) {
  .c-goods__title {
    font-size: 16px;
    padding: 16px;
    font-weight: 600;
  }
}

.c-goods__bottom {
  display: -ms-grid;
  display: grid;
  grid-gap: 8px;
  background-color: #f5f5f5;
}

@media (max-width: 767px) {
  .c-goods__bottom {
    padding: 8px;
  }
}

@media (min-width: 768px) {
  .c-goods__bottom {
    padding: 16px;
  }
}

.c-goods__action form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.c-goods__price {
  display: -ms-grid;
  display: grid;
  grid-gap: 4px;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (min-width: 768px) {
  .c-goods__price {
    grid-auto-flow: column;
  }
}

.c-goods__price--old {
  color: var(--color-gray-400);
  margin-right: 8px;
}

@media (max-width: 767px) {
  .c-goods__price--old {
    font-size: 14px;
  }
}

@media (min-width: 768px) {
  .c-goods__price--old {
    font-size: 16px;
  }
}

.c-goods__price--current {
  font-weight: 600;
}

@media (max-width: 767px) {
  .c-goods__price--current {
    font-size: 16px;
  }
}

@media (min-width: 768px) {
  .c-goods__price--current {
    font-size: 18px;
  }
}

.c-goods__buy {
  display: -ms-grid;
  display: grid;
}

@media (max-width: 767px) {
  .c-goods__buy {
    grid-gap: 8px;
  }
}

@media (min-width: 768px) {
  .c-goods__buy {
    grid-gap: 16px;
    -ms-grid-columns: 128px 16px 1fr;
    grid-template-columns: 128px 1fr;
  }
}

.c-goods__action [class*="to-cart"] {
  display: -ms-grid;
  display: grid;
  place-items: center;
  height: 40px;
  color: inherit;
  font-size: 16px;
  font-weight: 600;
  padding: 0 16px;
  white-space: nowrap;
  background-color: var(--color-white);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-goods__action [class*="to-cart"]:hover {
  background-color: var(--color-gray-200);
}

.c-goods__description {
  display: none;
}

/*.c-related .c-goods__form {
  display: none;
}*/


/* .c-order
-------------------------------------------------------------*/

.c-order {
  display: -ms-grid;
  display: grid;
  grid-gap: 32px;
}

.c-order__form {
  display: -ms-grid;
  display: grid;
  grid-gap: 32px;
}

@media (min-width: 1200px) {
  .c-order__form {
    -ms-grid-columns: 1fr 32px 320px;
    grid-template-columns: 1fr 320px;
  }
}

.c-order__row {
  display: -ms-grid;
  display: grid;
  grid-gap: 32px;
  -ms-flex-line-pack: start;
  align-content: start;
}

.c-order__column {
  display: -ms-grid;
  display: grid;
  grid-gap: 8px;
  -ms-flex-line-pack: start;
  align-content: start;
}

.c-order__column:before {
  content: ""attr(data-title)"";
  font-size: 16px;
  font-weight: 600;
}

.c-order__list {
  display: -ms-grid;
  display: grid;
  grid-gap: 8px;
  -ms-flex-line-pack: start;
  align-content: start;
}

.c-order__data {
  display: -ms-grid;
  display: grid;
  grid-gap: 32px;
  -ms-flex-line-pack: start;
  align-content: start;
}

@media (min-width: 768px) {
  .c-order__data {
    -ms-grid-columns: 1fr 32px 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
}

.c-order__total {
  display: -ms-grid;
  display: grid;
  grid-gap: 16px;
  -ms-grid-row-align: start;
  align-self: start;
  justify-items: center;
  padding: 16px;
  background-color: var(--color-gray-100);
}

.c-order__total--amount {
  display: -ms-grid;
  display: grid;
  place-items: center;
  color: var(--color-red-100);
  font-weight: 600;
}

@media (max-width: 1199px) {
  .c-order__total--amount {
    font-size: 18px;
  }
}

@media (min-width: 1200px) {
  .c-order__total--amount {
    font-size: 22px;
  }
}

.c-order__total--amount span {
  display: inline-block;
}

.c-order [class*="icon-payment"] {
  display: none;
}


/* .c-images
-------------------------------------------------------------*/

.c-images {
  display: -ms-grid;
  display: grid;
  grid-gap: 12px;
}

.c-images__big {
  background-color: #f5f5f5;
  border: 1px solid hsl(330deg 11% 96%);
  /* height: 450px; */
}

.c-images__link {
  display: block;
}

.c-images__big .c-images__link img {
  width: auto;
  margin: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

.c-images__preview {
  display: block;
  height: 200px;
  /* padding: 4px; */
  cursor: pointer;
  /* border: 1px solid var(--color-gray-100); */
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: #f5f5f5;
}

.c-images__preview:hover {
  -webkit-box-shadow: inset 0 0 0 1px var(--color-gray-100);
  box-shadow: inset 0 0 0 1px var(--color-gray-100);
}

.c-images__preview img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.c-images__preview img {
  -o-object-fit: cover;
  object-fit: cover;
}


/* .c-crumbs
-------------------------------------------------------------*/

.c-crumbs {
  overflow-x: auto;
  overflow-y: hidden;
}

.c-crumbs ul {
  display: -ms-grid;
  display: grid;
  grid-gap: 4px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  grid-auto-flow: column;
  font-size: 14px;
  white-space: nowrap;
}

.c-crumbs ul a {
  color: inherit;
}

.c-crumbs ul a.active {
  color: var(--color-gray-400);
  pointer-events: none;
}

.c-crumbs ul a:hover {
  text-decoration: underline;
}


/* .c-button
-------------------------------------------------------------*/

.c-button,
[class*="__button"] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
  color: var(--color-white);
  font-weight: 600;
  padding: 0 24px;
  cursor: pointer;
  white-space: nowrap;
  background-color: var(--color-theme);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (min-width: 1200px) {
  .c-button,
  [class*="__button"] {
    font-size: 16px;
  }
}

.c-button span,
[class*="__button"] span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.c-button:hover,
[class*="__button"]:hover {
  background-color: var(--color-theme-hover);
}

.c-button:disabled,
[class*="__button"]:disabled {
  cursor: no-drop;
  color: var(--color-white);
  background-color: var(--color-gray-200);
}


/* .c-search
-------------------------------------------------------------*/

.c-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-search__toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: inherit;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (max-width: 1199px) {
  .c-search__toggle {
    font-size: 26px;
  }
}

@media (min-width: 1200px) {
  .c-search__toggle {
    font-size: 30px;
  }
}

.c-search__toggle:hover {
  color: var(--color-theme);
}

.c-search__bg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
  display: none;
}

.c-search> :checked~.c-search__bg {
  display: block;
}

.c-search__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 768px;
  z-index: 999;
  position: fixed;
  background-color: var(--color-white);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-search> :checked~.c-search__content {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.c-search__header {
  display: -ms-grid;
  display: grid;
  grid-gap: 16px;
  -ms-grid-columns: 1fr 16px 40px;
  grid-template-columns: 1fr 40px;
  height: 40px;
  padding-left: 16px;
  background-color: var(--color-gray-100);
}

.c-search__close {
  display: -ms-grid;
  display: grid;
  place-items: center;
  color: var(--color-gray-200);
  font-size: 24px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-search__close:hover {
  color: var(--color-gray-300);
}

.c-search__caption {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font-size: 16px;
  font-weight: 600;
}

.c-search__main {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -ms-grid;
  display: grid;
  grid-gap: 16px;
  -ms-grid-rows: auto 16px 1fr;
  grid-template-rows: auto 1fr;
  padding: 16px;
}

.c-search__form {
  position: relative;
}

@media (max-width: 1199px) {
  .c-search__form .c-search__input[type="search"] {
    height: 40px;
    padding-right: calc(40px + 16px);
  }
}

@media (min-width: 1200px) {
  .c-search__form .c-search__input[type="search"] {
    height: 56px;
    padding-right: calc(56px + 16px);
  }
}

.c-search__button[type="submit"] {
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  height: auto;
  position: absolute;
}

@media (max-width: 1199px) {
  .c-search__button[type="submit"] {
    width: 40px;
  }
}

@media (min-width: 1200px) {
  .c-search__button[type="submit"] {
    width: 56px;
  }
}

@media (max-width: 1199px) {
  .c-search__button[type="submit"] .icon {
    font-size: 22px;
  }
}

@media (min-width: 1200px) {
  .c-search__button[type="submit"] .icon {
    font-size: 28px;
  }
}

.c-search__dropdown {
  position: relative;
}

.c-search__dropdown .fastResult {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  position: absolute;
}

.c-search__dropdown .fastResult .fast-result-list {
  display: -ms-grid;
  display: grid;
  grid-gap: 8px;
}

.c-search__dropdown .fastResult a {
  display: -ms-grid;
  display: grid;
  grid-gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-flow: column;
  -ms-grid-columns: auto 16px 1fr;
  grid-template-columns: auto 1fr;
  color: inherit;
}

.c-search__dropdown .fastResult .fast-result-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  -webkit-box-shadow: inset 0 0 0 1px var(--color-gray-100);
  box-shadow: inset 0 0 0 1px var(--color-gray-100);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-search__dropdown .fastResult a:hover .fast-result-img {
  -webkit-box-shadow: inset 0 0 0 2px var(--color-theme);
  box-shadow: inset 0 0 0 2px var(--color-theme);
}

.c-search__dropdown .fastResult .fast-result-img img {
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  -o-object-fit: contain;
  object-fit: contain;
}

.c-search__dropdown .fast-result-info b {
  background-color: rgba(0, 0, 0, 0) !important;
}

.c-search__dropdown .fast-result-info span {
  display: block;
  margin-top: 8px;
}

.c-search__dropdown .fast-result-info span.variant-text {
  color: var(--color-gray-300);
  font-weight: 400;
  margin-top: 8px;
}


/* .c-filter
-------------------------------------------------------------*/

.c-filter {
  top: 60px;
  z-index: 8;
  position: sticky;
}

@media (min-width: 1200px) {
  .c-filter {
    top: 96px;
  }
}

.c-filter__wrap {
  display: -ms-grid;
  display: grid;
}

.c-filter__toggle {
  display: -ms-grid;
  display: grid;
  grid-gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-grid-column-align: start;
  justify-self: start;
  grid-auto-flow: column;
  font-size: 16px;
  padding: 4px 16px;
  border: 2px solid var(--color-theme);
  -webkit-box-shadow: 0 0 0 var(--color-theme);
  background-color: var(--color-white);
  box-shadow: 0 0 0 var(--color-theme);
  -webkit-animation: filter 2s infinite;
  animation: filter 2s infinite;
}

.c-filter__toggle--sticky .c-filter__toggle--title {
  display: none;
}

.c-filter__bg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
  display: none;
}

.c-filter__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 999;
  position: fixed;
  background-color: var(--color-white);
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (min-width: 768px) {
  .c-filter__content {
    max-width: 400px;
  }
}

.c-filter__header {
  display: -ms-grid;
  display: grid;
  grid-gap: 16px;
  -ms-grid-columns: 1fr 16px 40px;
  grid-template-columns: 1fr 40px;
  height: 40px;
  padding-left: 16px;
  background-color: var(--color-gray-100);
}

.c-filter__close {
  display: -ms-grid;
  display: grid;
  place-items: center;
  color: var(--color-gray-300);
  font-size: 24px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-filter__close:hover {
  color: var(--color-gray-400);
}

.c-filter__caption {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font-size: 16px;
  font-weight: 600;
}

.c-filter__main {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
}

.c-filter__scroll {
  display: -ms-grid;
  display: grid;
  grid-gap: 16px;
  -ms-flex-line-pack: start;
  align-content: start;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 16px;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
}

.c-filter__scroll:after {
  display: block;
  content: "";
  height: 16px;
}

.c-filter__footer {
  display: -ms-grid;
  display: grid;
  grid-gap: 16px;
  padding: 16px;
  background-color: var(--color-gray-100);
}

.c-filter__action {
  display: -ms-grid;
  display: grid;
  grid-gap: 16px;
}

@media (min-width: 768px) {
  .c-filter__action {
    -ms-grid-columns: 1fr 16px 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

.c-filter :checked~.c-filter__bg {
  display: block;
}

.c-filter :checked~.c-filter__content {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.c-filter__section {
  display: -ms-grid;
  display: grid;
  grid-gap: 24px;
}

.c-filter__ul,
.c-filter__block {
  display: -ms-grid;
  display: grid;
  grid-gap: 8px;
}

.c-filter__title {
  display: block;
  font-weight: 600;
  margin-bottom: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--color-gray-100);
}

.c-filter__price {
  display: -ms-grid;
  display: grid;
  grid-gap: 16px;
  grid-auto-flow: column;
}

.c-filter__preview {
  display: -ms-grid;
  display: grid;
  grid-gap: 16px;
  grid-auto-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
}

.c-filter__preview a {
  color: inherit;
  border-bottom: 1px dashed;
}

.c-filter__preview a:hover {
  border-bottom-style: solid;
}


/* .c-amount
-------------------------------------------------------------*/

.c-amount {
  display: -ms-grid;
  display: grid;
  grid-gap: 4px;
  -ms-grid-columns: 40px 4px 1fr 4px 40px;
  grid-template-columns: 40px 1fr 40px;
  height: 40px;
}

.c-amount__input[type="text"] {
  padding: 0;
  height: 100%;
  min-width: 40px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  background-color: var(--color-white);
  border: 1px solid var(--color-gray-100);
}

.c-amount__input[type="text"]:focus {
  border-color: var(--color-gray-200);
}

.c-amount__up,
.c-amount__down {
  background-color: var(--color-white);
  border: 1px solid var(--color-gray-100);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-amount__up:hover,
.c-amount__down:hover {
  border-color: var(--color-gray-200);
  background-color: var(--color-gray-200);
}

.c-amount__up {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.c-amount__down {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.c-amount__up .c-amount__inner,
.c-amount__down .c-amount__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  position: relative;
}

.c-amount__up .c-amount__inner:after,
.c-amount__up .c-amount__inner:before,
.c-amount__down .c-amount__inner:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  width: 12px;
  height: 2px;
  margin: auto;
  position: absolute;
  background-color: currentColor;
}

.c-amount__up .c-amount__inner:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}


/* .c-ribbon
-------------------------------------------------------------*/

.c-ribbon {
  display: none;
}


/* .c-slider
-------------------------------------------------------------*/

.c-slider {
  width: 100vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.c-slider__item {
  display: block;
  position: relative;
}

@media (max-width: 767px) {
  .c-slider__item {
    height: 240px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .c-slider__item {
    height: 400px;
  }
}

.c-slider__content {
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: center;
  align-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: var(--color-black);
  margin: 0 auto;
  max-width: 1400px;
  overflow: hidden;
  position: absolute;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .c-slider__content {
    grid-gap: 16px;
    padding: 16px;
  }
}

@media (min-width: 768px) {
  .c-slider__content {
    grid-gap: 32px;
    padding: 32px;
  }
}

.c-slider__title {
  line-height: 1;
  font-weight: 600;
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: opacity 1s 0.5s, -webkit-transform 0.5s 0.5s;
  transition: opacity 1s 0.5s, -webkit-transform 0.5s 0.5s;
  transition: transform 0.5s 0.5s, opacity 1s 0.5s;
  transition: transform 0.5s 0.5s, opacity 1s 0.5s, -webkit-transform 0.5s 0.5s;
}

@media (max-width: 767px) {
  .c-slider__title {
    font-size: 32px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .c-slider__title {
    font-size: 40px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .c-slider__title {
    font-size: 48px;
  }
}

@media (min-width: 1400px) {
  .c-slider__title {
    font-size: 64px;
  }
}

.c-slider__title::first-letter {
  color: var(--color-theme);
}

.c-slider__category {
  font-weight: 600;
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: opacity 1s 1s, -webkit-transform 0.5s 1s;
  transition: opacity 1s 1s, -webkit-transform 0.5s 1s;
  transition: transform 0.5s 1s, opacity 1s 1s;
  transition: transform 0.5s 1s, opacity 1s 1s, -webkit-transform 0.5s 1s;
}

@media (max-width: 767px) {
  .c-slider__category {
    font-size: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .c-slider__category {
    font-size: 24px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .c-slider__category {
    font-size: 24px;
  }
}

@media (min-width: 1400px) {
  .c-slider__category {
    font-size: 32px;
  }
}

.c-slider__follow {
  color: var(--color-theme);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: relative;
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: opacity 1s 1.5s, -webkit-transform 0.5s 1.5s;
  transition: opacity 1s 1.5s, -webkit-transform 0.5s 1.5s;
  transition: transform 0.5s 1.5s, opacity 1s 1.5s;
  transition: transform 0.5s 1.5s, opacity 1s 1.5s, -webkit-transform 0.5s 1.5s;
}

@media (max-width: 767px) {
  .c-slider__follow {
    font-size: 14px;
  }
}

@media (min-width: 768px) {
  .c-slider__follow {
    font-size: 18px;
  }
}

.c-slider__follow:before {
  top: -8px;
  left: -8px;
  right: -8px;
  bottom: -8px;
  content: "";
  position: absolute;
  border: 1px solid var(--color-theme);
  opacity: 0;
  -webkit-transform: scaleY(2);
  transform: scaleY(2);
  -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
  transition: opacity 0.6s, -webkit-transform 0.6s;
  transition: opacity 0.6s, transform 0.6s;
  transition: opacity 0.6s, transform 0.6s, -webkit-transform 0.6s;
}

.c-slider__item:hover .c-slider__follow:before {
  opacity: 1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.owl-item.active .c-slider__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 1200px) {
  .owl-item.active .c-slider__item img {
    -webkit-animation: burens 5s;
    animation: burens 5s;
  }
}

.owl-item.active .c-slider__item .c-slider__title,
.owl-item.active .c-slider__item .c-slider__follow,
.owl-item.active .c-slider__item .c-slider__category {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}


/* .c-banner
-------------------------------------------------------------*/

.c-banner {
  display: -ms-grid;
  display: grid;
  grid-gap: 16px;
}

@media (min-width: 768px) {
  .c-banner {
    -ms-grid-columns: 1fr 16px 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

.c-banner__item {
  position: relative;
}

.c-banner__content {
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: center;
  align-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: var(--color-black);
  position: absolute;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .c-banner__content {
    grid-gap: 8px;
    padding: 16px;
  }
}

@media (min-width: 768px) {
  .c-banner__content {
    grid-gap: 16px;
    padding: 32px;
  }
}

.c-banner__follow {
  color: var(--color-theme);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: relative;
}

@media (max-width: 767px) {
  .c-banner__follow {
    font-size: 14px;
  }
}

@media (min-width: 768px) {
  .c-banner__follow {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  .c-banner__follow:before {
    top: -8px;
    left: -8px;
    right: -8px;
    bottom: -8px;
    content: "";
    position: absolute;
    border: 1px solid var(--color-theme);
    opacity: 0;
    -webkit-transform: scaleY(2);
    transform: scaleY(2);
    -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
    transition: opacity 0.6s, -webkit-transform 0.6s;
    transition: opacity 0.6s, transform 0.6s;
    transition: opacity 0.6s, transform 0.6s, -webkit-transform 0.6s;
  }
}

.c-banner__content:hover .c-banner__follow:before {
  opacity: 1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.c-banner__title {
  font-weight: 600;
}

@media (max-width: 1199px) {
  .c-banner__title {
    font-size: 22px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .c-banner__title {
    font-size: 32px;
  }
}

@media (min-width: 1400px) {
  .c-banner__title {
    font-size: 40px;
  }
}

.c-banner__title::first-letter {
  color: var(--color-theme);
}

.c-banner__category {
  font-weight: 600;
}

@media (max-width: 1199px) {
  .c-banner__category {
    font-size: 16px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .c-banner__category {
    font-size: 18px;
  }
}

@media (min-width: 1400px) {
  .c-banner__category {
    font-size: 24px;
  }
}


/* .c-related
-------------------------------------------------------------*/

.c-related {
  display: -ms-grid;
  display: grid;
  grid-gap: 16px;
}


/* .c-comment
-------------------------------------------------------------*/

.c-comment form {
  display: -ms-grid;
  display: grid;
  grid-gap: 8px;
}

.c-comment h3,
.c-comment label,
.c-comment .comments_preview,
.c-comment [role="navigation"]>div {
  display: none;
}

.c-comment label {
  display: block;
}

.c-comment button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-grid-column-align: end;
  justify-self: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
  color: var(--color-white);
  font-weight: 600;
  padding: 0 24px;
  margin-top: 8px;
  white-space: nowrap;
  background-color: var(--color-theme);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (min-width: 1200px) {
  .c-comment button {
    font-size: 16px;
  }
}

.c-comment button:hover {
  background-color: var(--color-theme-hover);
}

.c-comment .comment-list {
  display: -ms-grid;
  display: grid;
  grid-gap: 16px;
}

.c-comment .comment-post {
  display: -ms-grid;
  display: grid;
  grid-gap: 8px;
  padding: 16px;
  border: 1px solid var(--color-gray-100);
}

.c-comment .comment-post p {
  margin: 0;
}

.c-comment .comment-post .post-author {
  font-weight: 600;
}

.c-comment .comment-post .post-date {
  font-size: 12px;
}


/* .c-product
-------------------------------------------------------------*/

.c-product {
  display: -ms-grid;
  display: grid;
}

@media (max-width: 767px) {
  .c-product {
    grid-gap: 24px;
  }
}

@media (min-width: 768px) {
  .c-product {
    grid-gap: 32px;
  }
}

.c-product__data {
  display: -ms-grid;
  display: grid;
}

@media (min-width: 768px) {
  .c-product__data {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 11990px) {
  .c-product__data {
    grid-gap: 16px;
  }
}

@media (min-width: 1200px) {
  .c-product__data {
    grid-gap: 12px;
  }
}

.c-product__opfields,
.c-product__available,
.c-product__wholesales {
  display: none;
}

.c-product__block {
  background-color: #f5f5f5;
}

@media (max-width: 1199px) {
  .c-product__block {
    padding: 16px;
  }
}

@media (min-width: 1200px) {
  .c-product__block {
    padding: 24px;
  }
}

.c-product__content {
  display: -ms-grid;
  display: grid;
  grid-gap: 16px;
}

.c-product__title {
  text-align: left;
}

@media (min-width: 768px) {
  .c-product__code {
    font-size: 16px;
  }
}

.c-product__price {
  display: -ms-grid;
  display: grid;
  grid-gap: 16px;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  grid-auto-flow: column;
}

.c-product__price--current {
  font-size: 24px;
  font-weight: 600;
}

.c-product__price--old {
  color: var(--color-gray-400);
  font-size: 18px;
  font-weight: 600;
}

.c-product__action {
  display: -ms-grid;
  display: grid;
  grid-gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767px) {
  .c-product__action {
    -ms-grid-columns: 128px 16px 1fr;
    grid-template-columns: 128px 1fr;
  }
}

@media (min-width: 768px) {
  .c-product__action {
    -ms-grid-columns: 128px 16px 160px;
    grid-template-columns: 128px 160px;
  }
}

.c-product__action [class*="to-cart"] {
  display: -ms-grid;
  display: grid;
  place-items: center;
  height: 40px;
  color: inherit;
  font-size: 16px;
  font-weight: 600;
  padding: 0 16px;
  white-space: nowrap;
  background-color: var(--color-white);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-product__action [class*="to-cart"]:hover {
  background-color: var(--color-gray-200);
}


/* .c-catalog
-------------------------------------------------------------*/

.c-catalog {
  display: -ms-grid;
  display: grid;
}

@media (max-width: 1199px) {
  .c-catalog {
    -ms-grid-column-align: start;
    justify-self: start;
  }
}

@media (max-width: 1199px) {
  .c-catalog__toggle {
    display: -ms-grid;
    display: grid;
    -ms-grid-row-align: center;
    align-self: center;
    height: 34px;
    color: var(--color-white);
    font-size: 16px;
    position: relative;
  }
}

@media (min-width: 1200px) {
  .c-catalog__toggle {
    display: none;
  }
}

.c-catalog__content {
  display: -ms-grid;
  display: grid;
}

@media (max-width: 1199px) {
  .c-catalog__content {
    -ms-grid-rows: 40px 1fr;
    grid-template-rows: 40px 1fr;
    top: 0;
    right: 0;
    bottom: 0;
    left: 100%;
    z-index: 999;
    position: fixed;
    background-color: var(--color-white);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}

@media (max-width: 1199px) {
  .c-catalog__header {
    display: -ms-grid;
    display: grid;
    grid-gap: 16px;
    -ms-grid-columns: 1fr 16px 40px;
    grid-template-columns: 1fr 40px;
    padding-left: 16px;
    background-color: var(--color-gray-100);
  }
}

@media (min-width: 1200px) {
  .c-catalog__header {
    display: none;
  }
}

@media (max-width: 1199px) {
  .c-catalog__close {
    display: -ms-grid;
    display: grid;
    place-items: center;
    color: var(--color-gray-200);
    font-size: 24px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}

.c-catalog__close:hover {
  color: var(--color-gray-300);
}

@media (max-width: 1199px) {
  .c-catalog__caption {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-size: 16px;
    font-weight: 600;
  }
}

@media (max-width: 1199px) {
  .c-catalog__main {
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 16px;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
  }
}

@media (min-width: 1200px) {
  .c-catalog__main {
    display: -ms-grid;
    display: grid;
    grid-gap: 24px;
    grid-auto-flow: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
}

.c-catalog__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  color: inherit;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (min-width: 1200px) {
  .c-catalog__link {
    font-size: 16px;
  }
}

@media (max-width: 1199px) {
  .c-catalog__link {
    padding: 8px 0;
  }
}

.c-catalog__link:before {
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  content: "";
  position: absolute;
  background-color: currentColor;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: -webkit-transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.c-catalog__link:hover,
.c-catalog__link.active {
  color: currentColor;
}

@media (min-width: 1200px) {
  .c-catalog__link:hover:before,
  .c-catalog__link.active:before {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@media (max-width: 1199px) {
  .c-catalog :checked~.c-catalog__content {
    left: 0;
  }
}

.c-catalog__count {
  display: none;
}


/* .c-address
-------------------------------------------------------------*/

@media (max-width: 1199px) {
  .c-address {
    display: none;
  }
}

@media (min-width: 1200px) {
  .c-address {
    color: inherit;
    position: relative;
  }
}

.c-address:before {
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  content: "";
  position: absolute;
  background-color: currentColor;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: -webkit-transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.c-address:hover:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}


/* .c-switcher
-------------------------------------------------------------*/

.c-switcher {
  display: none !important;
}


/* .c-category
-------------------------------------------------------------*/

.c-category {
  display: -ms-grid;
  display: grid;
  grid-gap: 16px;
}

@media (min-width: 576px) and (max-width: 991px) {
  .c-category {
    -ms-grid-columns: 1fr 16px 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 992px) {
  .c-category {
    -ms-grid-columns: 1fr 16px 1fr 16px 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.c-category__item {
  position: relative;
}

@media (max-width: 991px) {
  .c-category__item {
    height: 200px;
  }
}

@media (min-width: 992px) {
  .c-category__item:nth-child(2) {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2 / span 2;
  }
  .c-category__item:nth-child(3) {
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / span 2;
  }
  .c-category__item:nth-child(6) {
    -ms-grid-row: 3;
    grid-row: 3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2 / span 2;
  }
}

.c-category__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.c-category__item:nth-child(2) .c-category__follow,
.c-category__item:nth-child(3) .c-category__follow,
.c-category__item:nth-child(6) .c-category__follow {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.c-category__content {
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: center;
  align-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: var(--color-black);
  position: absolute;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .c-category__content {
    grid-gap: 8px;
    padding: 16px;
  }
}

@media (min-width: 768px) {
  .c-category__content {
    grid-gap: 16px;
    padding: 32px;
  }
}

.c-category__content:after,
.c-category__content:before {
  top: 16px;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 1;
  content: "";
  position: absolute;
  -webkit-transition: 1s ease;
  transition: 1s ease;
  background-color: rgba(0, 0, 0, .05);
  opacity: 0;
}

.c-category__content:after {
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
}

.c-category__content:before {
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}

.c-category__content:hover:after,
.c-category__content:hover:before {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.c-category__follow {
  color: var(--color-theme);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: relative;
}

@media (max-width: 767px) {
  .c-category__follow {
    font-size: 16px;
  }
}

@media (min-width: 768px) {
  .c-category__follow {
    font-size: 16px;
  }
}

.c-category__follow:before {
  top: -8px;
  left: -8px;
  right: -8px;
  bottom: -8px;
  content: "";
  position: absolute;
  border: 1px solid var(--color-theme);
  opacity: 0;
  -webkit-transform: scaleY(2);
  transform: scaleY(2);
  -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
  transition: opacity 0.6s, -webkit-transform 0.6s;
  transition: opacity 0.6s, transform 0.6s;
  transition: opacity 0.6s, transform 0.6s, -webkit-transform 0.6s;
}

.c-category__content:hover .c-category__follow:before {
  opacity: 1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.c-category__title {
  font-weight: 600;
}

@media (max-width: 1199px) {
  .c-category__title {
    font-size: 22px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .c-category__title {
    font-size: 32px;
  }
}

@media (min-width: 1400px) {
  .c-category__title {
    font-size: 40px;
  }
}

.c-category__title::first-letter {
  color: var(--color-theme);
}

.c-category__text {
  font-weight: 600;
}

@media (max-width: 1199px) {
  .c-category__text {
    font-size: 16px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .c-category__text {
    font-size: 18px;
  }
}

@media (min-width: 1400px) {
  .c-category__text {
    font-size: 24px;
  }
}


/* .c-personal
-------------------------------------------------------------*/

.c-personal {
  display: -ms-grid;
  display: grid;
  grid-gap: 32px;
}


/* .c-pagination
-------------------------------------------------------------*/

.c-pagination {
  display: -ms-grid;
  display: grid;
  grid-gap: 16px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.c-pagination__list {
  display: -ms-grid;
  display: grid;
  grid-gap: 8px;
  grid-auto-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow-x: auto;
  overflow-y: hidden;
}

.c-pagination__list a {
  display: -ms-grid;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  color: inherit;
  line-height: 1;
  background-color: var(--color-gray-100);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-pagination__list a:hover,
.c-pagination__list a.active {
  background-color: var(--color-gray-200);
}


/* .c-description
-------------------------------------------------------------*/

.c-description {
  display: -ms-grid;
  display: grid;
  height: 264px;
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(209, 212, 220, 1)), to(rgba(238, 239, 242, 1)));
  background: linear-gradient(180deg, rgba(209, 212, 220, 1) 0%, rgba(238, 239, 242, 1) 100%);
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

@media (max-width: 1199px) {
  .c-description {
    display: none;
  }
}

.c-description__container {
  display: -ms-grid;
  display: grid;
  position: relative;
}

.c-description:not(.c-description__grid) img {
  width: 200px;
  height: 200px;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  -o-object-position: top;
  object-position: top;
}

.c-description__title {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font-size: 40px;
  line-height: 1.6;
  text-transform: uppercase;
}

.c-description__title::first-letter {
  color: var(--color-theme);
}

.c-description__grid {
  display: -ms-grid;
  display: grid;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  height: auto;
  padding: 16px 0;
  background: rgba(0, 0, 0, 0);
}


/* .c-recommended
-------------------------------------------------------------*/

.c-recommended {
  padding-left: 32px;
  padding-right: 32px;
}

.c-recommended__item {
  display: -ms-grid;
  display: grid;
}

@media (max-width: 767px) {
  .c-recommended__item {
    grid-gap: 16px;
    place-items: center;
    text-align: center;
  }
}

@media (min-width: 768px) {
  .c-recommended__item {
    grid-gap: 32px;
    grid-auto-flow: column;
  }
}

.c-recommended__avatar {
  height: 128px;
  min-width: 128px;
  max-width: 128px;
  border-radius: 100%;
  border: 2px solid var(--color-theme);
}

.c-recommended__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 100%;
}

.c-recommended__quotes {
  display: -ms-grid;
  display: grid;
  color: var(--color-theme);
}

@media (max-width: 767px) {
  .c-recommended__quotes {
    font-size: 32px;
  }
}

@media (min-width: 768px) {
  .c-recommended__quotes {
    font-size: 48px;
  }
}

.c-recommended__comment {
  display: -ms-grid;
  display: grid;
  grid-gap: 16px;
}

.c-recommended__text {
  line-height: 2;
}

@media (min-width: 768px) {
  .c-recommended__text {
    font-size: 16px;
  }
}

.c-recommended__name {
  font-weight: 600;
}

@media (min-width: 768px) {
  .c-recommended__name {
    font-size: 18px;
  }
}


/* c-promo-code
-------------------------------------------------------------*/

.c-promo-code {
  margin: 16px 0;
}

.c-promo-code form {
  display: -ms-grid;
  display: grid;
  grid-gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-items: center;
}

@media (min-width: 768px) {
  .c-promo-code form {
    grid-auto-flow: column;
  }
}

.c-promo-code button {
  border-bottom: 1px dashed;
}

.c-promo-code button:hover {
  border-bottom-style: solid;
}

.fadeIn {
  -webkit-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.fadeOut {
  -webkit-animation: fadeOut 0.3s;
  animation: fadeOut 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


/* h-animation
-------------------------------------------------------------*/

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

@-webkit-keyframes burens {
  from {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes burens {
  from {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes filter {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 176, 240, .4);
    box-shadow: 0 0 0 0 rgba(0, 176, 240, .4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 176, 240, 0);
    box-shadow: 0 0 0 10px rgba(0, 176, 240, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 176, 240, 0);
    box-shadow: 0 0 0 0 rgba(0, 176, 240, 0);
  }
}

@keyframes filter {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 176, 240, .4);
    box-shadow: 0 0 0 0 rgba(0, 176, 240, .4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 176, 240, 0);
    box-shadow: 0 0 0 10px rgba(0, 176, 240, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 176, 240, 0);
    box-shadow: 0 0 0 0 rgba(0, 176, 240, 0);
  }
}

/* additional
-------------------------------------------------------------*/
.c-variant__column .c-form {
  display: grid;
  align-items: center;
  grid-auto-flow: column;
}

.c-product .c-variant {
  margin-bottom: 16px;
}