@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&family=Qwitcher+Grypen:wght@400;700&family=Reddit+Sans:ital,wght@0,200..900;1,200..900&display=swap");
html {
  font-size: 100%;
}
@media only screen and (max-width: 799px) {
  html {
    font-size: 80%;
  }
}
body {
  min-height: 100vh;
  margin: 0;
  font-size: 1rem;
  color: #272639;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

hr {
  width: 100%;
  background-color: #ccc;
}

table {
  border-collapse: collapse;
  margin-bottom: 15px;
}

table td {
  padding: 4px;
}

table td p {
  margin: 0 !important;
}

h2,
h3,
h4,
h5,
h6 {
  margin-top: 1.5em;
}

body.overflow {
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
}
form {
  width: 100%;
}
label {
  font-weight: normal;
}
.page {
  height: 100%;
  /* Cap the whole layout at FullHD so super-wide monitors don't reveal
     full-bleed widgets (e.g. the swiper-wrapper, hero strips) extending
     into the side margins. Combined with `overflow-x: hidden` below, this
     also acts as a safety net for any future widget that might leak
     beyond the natural content container. */
  max-width: 1920px;
  overflow-x: hidden;
}
body {
  /* Center the capped .page when the viewport is wider than 1920px. */
  justify-content: center;
}
.main,
.main-wrapper,
.page,
body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.main,
.main-wrapper,
.page {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.main-wrapper {
  overflow-x: hidden;
}
*,
:after,
:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.container {
  position: relative;
  min-width: 200px;
  max-width: 1192px;
  margin: 0 auto;
  padding: 0 16px;
}
body,
input {
  font-family: "Reddit Sans", sans-serif;
}
button:focus,
input:focus {
  outline: 0;
}
button {
  padding: 0;
  background-color: transparent;
  border: 0;
  font-family: "Reddit Sans", sans-serif;
  cursor: pointer;
}
button:disabled {
  cursor: default;
}
.test-links a:hover,
a {
  color: #e106a4;
  text-decoration: none;
}
a:hover,
a:active,
a:focus {
  color: #b6b6b6;
  text-decoration: none;
  outline: none;
}
/* p {
  margin: 0;
} */
.modal-open,
.modal-overlay {
  overflow: hidden;
}
.modal-overlay {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: #1d1d1b;
  opacity: 0;
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.modal-overlay_active {
  visibility: visible;
  opacity: 0.24;
}
.swiper-pagination-bullet {
  width: 6px;
  height: 6px;
}
.swiper-pagination-bullet-active,
.tabs__item.--active:hover::before {
  background: #e106a4;
}
.swiper-button-next,
.swiper-button-prev {
  width: 48px;
  height: 48px;
}
.swiper-button-next::after,
.swiper-button-prev::after {
  display: none;
}
.swiper-button-next {
  right: -40px;
}
.swiper-button-prev {
  left: -40px;
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
textarea {
  resize: none;
}
.test-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 1340px;
  margin-bottom: 80px;
  margin-top: 80px;
}
.test-links a {
  margin-bottom: 16px;
  color: #272639;
  text-decoration: underline;
}
.header {
  z-index: 102;
  position: sticky;
  top: -40px;
  width: 100%;
}
.header__sub,
.header__sub-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header__sub {
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  padding: 16px 0;
  z-index: 102;
  position: relative;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.header__sub-container {
  max-width: 1340px;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.header__sub-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.header__search,
.header__search-btn,
.header__sub-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header__search {
  position: relative;
  max-width: 80.5%;
  width: 100%;
  padding-left: 62px;
}

.header__search-btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
  background: #e106a4;
  color: #fff;
  padding: 8px 24px;
  border-radius: 0 2px 2px 0;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  cursor: pointer;
}

.header.header--sticky .header__main {
  position: fixed;
  top: 0;
  left: 0;
}

.header.header--sticky .header__top {
  margin-bottom: 81px;
}
.header__top,
.header__top-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.header__top {
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 11px 16px;
  background: #fafafa;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  z-index: 200;
  position: relative;
}
.header__top-nav {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header__top-nav-item {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #272639;
  margin-right: 32px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header__top-nav-item:last-of-type {
  margin-right: 0;
}
.header__cart-btn-amnt {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  flex-shrink: 0;
  padding: 2px 8px;
  border-radius: 16px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  color: #fff;
  background: #e106a4;
  margin-left: 8px;
}
.header__cart-btn:hover,
.header__select-region:hover,
.header__top-nav-item:hover {
  color: #e106a4;
}
.header__btns,
.header__top-btn,
.header__top-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.header__btns,
.header__top-controls {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.header__top-btn {
  width: 18px;
  height: 18px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 32px;
}
.header__main,
.header__select-region {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.header__select-region {
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 400;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  margin-right: 32px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header__select-region::before {
  display: block;
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOCA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSAxTDQgNEw3IDEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz4KPC9zdmc+Cg==)
    no-repeat center center;
  right: -16px;
}
.header__main {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  z-index: 180;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 10px 16px;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.header__container {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1340px;
  width: 100%;
}
.header__container,
.header__icon,
.header__inner,
.header__menu-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header__inner {
  width: 100%;
}
.header__icon,
.header__menu-nav {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.header__menu-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  padding-left: 69px;
}
.header__icon {
  width: 18px;
  height: 18px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.header__icon--mr-8 {
  margin-right: 8px;
}
.header__cart-btn {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  color: #272639;
  padding: 0;
  background: 0 0;
  border: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header__cart-btn,
.header__menu,
.header__menu-item,
.header__menu-item-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header__menu {
  margin-left: 52px;
}
.header__menu-item,
.header__menu-item-btn {
  position: relative;
  color: #272639;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  cursor: pointer;
  margin-right: 42px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header__menu-item-btn:hover {
  color: #e106a4;
}
.header__menu-item.header__menu-item--no-icon::before {
  display: none;
}
.header__menu-item::before {
  display: block;
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  width: 15px;
  height: 15px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOCA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSAxTDQgNEw3IDEiIHN0cm9rZT0iIzFEMTkyOSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgo8L3N2Zz4K)
    no-repeat center center;
  right: -16px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.header__menu-item:hover {
  color: #e106a4;
  background: 0 0;
}
.header__menu-item:hover::before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}
.header__menu-item:hover .header__menu-drop {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.header__menu-drop,
.header__top-search {
  position: absolute;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.header__menu-drop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 300px;
  max-width: 300px;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 24px;
  border-radius: 2px;
  left: 0;
  top: 40px;
  background: #fff;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-5%);
  -ms-transform: translateY(-5%);
  transform: translateY(-5%);
}
.header__top-search {
  display: none;
  width: 100%;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1340px;
  background: #535353;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.header__form-icon,
.header__top-search-form,
.header__top-search.--open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header__form-icon,
.header__top-search-form {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header__top-search-form {
  position: relative;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.header__form-icon {
  width: 20px;
  height: 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
form#search-form {
  width: 100%;
}
.header__form-search {
  padding: 8px 16px;
  border-radius: 2px;
  font-family: "Reddit Sans", sans-serif;
  color: #fff;
  height: 40px;
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  font-weight: 400;
  background: 0 0;
  border: 1px solid transparent;
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
}
.header__form-search::-webkit-input-placeholder {
  color: #a2a2a2;
}
.header__form-search::-moz-placeholder {
  color: #a2a2a2;
}
.header__form-search:-ms-input-placeholder {
  color: #a2a2a2;
}
.header__form-search::-ms-input-placeholder {
  color: #a2a2a2;
}
.header__form-search::placeholder {
  color: #a2a2a2;
}
.header__dropdown a,
.header__dropdown-link,
.mobile-regions__nav li a,
.regions__dropdown li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.header__dropdown,
.header__dropdown-link {
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.header__dropdown-link {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
}
.header__dropdown {
  display: none;
  width: 200px;
  -webkit-box-direction: normal;
  position: absolute;
  right: 0;
  top: 30px;
  background: #fff;
  border-radius: 2px;
  padding: 8px 0;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  z-index: 200;
}
.header__dropdown.--open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header__dropdown a,
.mobile-regions__nav li a,
.regions__dropdown li a {
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 12px 7px 12px 30px;
  text-decoration: none;
  font-size: 0.8125rem;
  line-height: 0.9375rem;
  font-weight: 500;
  color: #272639;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: 0 0;
}
.header__dropdown a:hover,
.mobile-regions__nav li a:hover,
.mobile-regions__nav li a.active,
.regions__dropdown li a:hover,
.regions__dropdown li a.active {
  text-decoration: none;
  color: #e106a4;
}
.regions__dropdown li a:hover {
  background: #fafafa;
}
.header__menu-link {
  color: #272639;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  text-align: left;
  margin-bottom: 16px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header__menu-link:hover {
  color: #e106a4;
}
.header__menu-link:last-of-type {
  margin-bottom: 0;
}
.header__menu-link.--new {
  color: #272639;
  background: #8ce3c2;
  padding: 4px 12px;
  border-radius: 24px;
  margin-left: auto;
  margin-right: 0;
}
.header__box,
.header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header__box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header__logo {
  cursor: pointer;
}
.header__logo-icon {
  height: 33px;
}
.header__cat-btn {
  margin-left: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 2px;
  height: 40px;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
  font-weight: 500;
  color: #fff;
  background: #e106a4;
  border: 0;
  padding: 8px 20px;
  width: 137px;
  transition: all 0.3s;
}
.header__cat-btn:hover {
  background: #8f397f;
  color: #ffffff;
}
.header__cat-btn.--active .header__icon.open,
.header__icon.close {
  display: none;
}
.header__icon.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header__cat-btn.--active > .header__icon.close {
  display: flex;
}
.header__nav-link {
  padding: 6px 12px;
  border-radius: 40px;
}
.header__nav-link:nth-child(n + 2) {
  margin-left: 12px;
}
.header__burger {
  display: none;
  padding: 6px;
  margin-left: 20px;
}
.header__burger-icon {
  width: 21px;
  height: 14px;
}
.header__login {
  padding: 12px 43px;
  font-weight: 700;
  line-height: 18px;
  font-size: 14px;
  color: #fff;
  background-color: #272639;
  border-radius: 41px;
}
@media screen and (max-width: 1170px) {
  .header {
    display: none;
  }
}
.mobile-header {
  display: none;
  position: sticky;
  top: 0;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  z-index: 100;
}
.mobile-header__body,
.mobile-header__footer,
.mobile-header__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mobile-header__top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 9px 0;
  background: #fafafa;
}
.mobile-header__body,
.mobile-header__footer {
  position: relative;
  border-bottom: 1px solid #e8e8e8;
}
.mobile-header__body {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px 16px;
  background: #fff;
}
.mobile-header__footer {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.mobile-header__search {
  padding: 14px 16px 14px 42px;
  border-radius: 2px;
  font-family: "Reddit Sans", sans-serif;
  color: #272639;
  height: 40px;
  font-size: 1rem;
  line-height: auto;
  text-align: left;
  font-weight: 400;
  border: 0;
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
}
.mobile-header__search::-webkit-input-placeholder {
  color: #b6b6b6;
}
.mobile-header__search::-moz-placeholder {
  color: #b6b6b6;
}
.mobile-header__search:-ms-input-placeholder {
  color: #b6b6b6;
}
.mobile-header__search::-ms-input-placeholder {
  color: #b6b6b6;
}
.mobile-header__search::placeholder {
  color: #b6b6b6;
}
.mobile-header__search-icon {
  position: absolute;
  left: 16px;
  width: 18px;
  height: 18px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.mobile-header__logo {
  height: 40px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.mobile-header__logo img {
  height: 100%;
}
.mobile-header__burger,
.mobile-header__cart-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 48px;
  height: 48px;
  position: absolute;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mobile-header__cart-btn {
  display: flex;
  height: 48px;
  min-width: 48px;
  /* position: absolute; */
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
}
.mobile-header__burger {
  left: 0;
}
.mobile-header__cart-btn {
  right: 16px;
}
.mobile-header__cart-btn-amnt {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  flex-shrink: 0;
  padding: 2px 8px;
  border-radius: 16px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  color: #fff;
  background: #e106a4;
  margin-left: 8px;
}
.mobile-header__burger-line {
  display: block;
  width: 18px;
  height: 2px;
  background: #272639;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.mobile-header__burger-line:nth-child(2) {
  margin: 5px 0;
}
.mobile-header__select-region {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 400;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  margin-right: 32px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.mobile-header__select-region:hover,
.news-card:hover .news-card__title,
.regions__drop-link:hover {
  color: #e106a4;
}
.mobile-header__select-region::before,
.regions__drop-link::before {
  display: block;
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOCA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSAxTDQgNEw3IDEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz4KPC9zdmc+Cg==)
    no-repeat center center;
  right: -16px;
}
@media screen and (max-width: 1169px) {
  .mobile-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.regions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.regions__drop-link,
.regions__dropdown,
.regions__dropdown li {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.regions__drop-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 400;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  margin-right: 32px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.regions__dropdown,
.regions__dropdown li {
  -webkit-box-direction: normal;
}
.regions__dropdown {
  display: none;
  position: absolute;
  top: 30px;
  right: 0;
  width: 900px;
  height: 630px;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  list-style: none;
  border-radius: 2px;
  background: #fff;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  z-index: 200;
}
.regions__dropdown li {
  position: relative;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  width: calc(100% / 4);
}
.mobile-regions,
.regions__dropdown li,
.regions__dropdown.--open,
.regions__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.regions__dropdown li,
.regions__icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.regions__icon {
  position: absolute;
  left: 7px;
  width: 12px;
  height: 12px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.regions__icon svg {
  width: 100%;
  height: 100%;
}
.mobile-regions {
  position: fixed;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 86%;
  max-width: 375px;
  -webkit-box-shadow: 4px 0 19px rgba(0, 0, 0, 0.05);
  box-shadow: 4px 0 19px rgba(0, 0, 0, 0.05);
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  height: 100vh;
  padding: 36px 16px 0;
  overflow-y: scroll;
  background: #fff;
  z-index: 3000;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.mobile-regions.--open {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.mobile-regions__backdrop {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: 0 0;
  z-index: 2999;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.mobile-regions__backdrop.--open {
  visibility: visible;
  background: rgba(0, 0, 0, 0.1);
}
.mobile-regions__nav {
  width: 100%;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.mobile-regions__nav,
.mobile-regions__nav li,
.news-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.mobile-regions__nav li {
  position: relative;
  width: 100%;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mobile-regions__nav::after {
  display: block;
  height: 120px;
  width: 100%;
  content: "";
}
.news-card {
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  width: calc(1 / 4 * 100% - 12px);
  margin: 0 6px 24px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.news-card.--page {
  width: calc(1 / 3 * 100% - 12px);
  margin: 0 6px 12px;
}
.news-card:hover {
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.news-card.--ref {
  width: 100%;
  margin: 0;
}
.news-card__cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-card__block-cover {
  width: 100%;
  height: 200px;
  background-color: white;
  position: relative;
  overflow: hidden;
  border-radius: 2px 2px 0 0;
}
.news-card__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 16px 16px 24px;
}
.news-card__title {
  color: #272639;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-bottom: 16px;
}
.news-card__announce {
  display: block;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  color: #272639;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (max-width: 1340px) {
  .news-card {
    width: calc(1 / 2 * 100% - 12px);
    margin: 0 6px 24px;
  }
  .news-card__title {
    margin-bottom: 16px;
  }
}
@media (min-width: 800px) and (max-width: 1024px) {
  .news-card.--page {
    width: calc(1 / 2 * 100% - 12px);
  }
}
@media screen and (max-width: 799px) {
  .news-card {
    width: 100%;
    margin: 0 0 24px;
  }
  .news-card.--page {
    width: calc(100% / 2);
  }
  .news-card.--page:nth-child(odd) {
    margin: -1px 0 0;
  }
  .news-card.--page:nth-child(even) {
    width: calc(100% / 2 + 1px);
    margin: -1px 0 0 -1px;
  }
}
.card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: calc(1 / 4 * 100% - 12px);
  margin: 0 6px 12px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.card--catalog {
  width: calc(1 / 3 * 100% - 12px);
}
.card--slider {
  width: 100%;
  margin: 0;
}
.card:hover {
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.card__head,
.card__head-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.card__head {
  position: relative;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px;
}
.card__head-box {
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.card__desc {
  display: none;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
}
.card__body-box,
.card__compare-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.card__body-box {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.card__compare-btn {
  position: absolute;
  right: 0;
  width: 48px;
  height: 48px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
}
.card__compare-btn.--active svg path,
.card__compare-btn:hover svg path,
.link-more__icon svg path {
  fill: #e106a4;
}
.card__compare-btn,
.card__compare-btn svg,
.link-more:hover .link-more__icon svg {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.card__stock,
.card__stock-mobile {
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
}
.card__stock-mobile {
  display: none;
}
.card__stock-mobile.--ready {
  color: #00ab39;
}
.card__stock-mobile.--zakaz {
  color: #e106a4;
}
.card__stock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 18px;
}
.card__stock--ready {
  color: #00ab39;
}
.card__stock--zakaz {
  color: #e106a4;
}
.card__stock--ready::before {
  display: block;
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  width: 15px;
  height: 15px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOCA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSAxTDQgNEw3IDEiIHN0cm9rZT0iIzVDQzY4OSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgo8L3N2Zz4K)
    no-repeat center center;
  right: -16px;
}
.card__badges {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 16px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.card__art {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  color: #272639;
}
.card__cover-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.card__cover {
  height: 300px;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.card__color-caption {
  position: absolute;
  text-align: center;
  right: 0;
  bottom: 0;
  width: 50%;
  height: 50px;
  border-top: 1px solid #e9e9e9;
  line-height: 3.5em;
  text-transform: uppercase;
}
.card__color {
  display: block;
  position: absolute;
  bottom: 8px;
  right: 0px;
  border-radius: 16px;
  padding: 2px 8px;
  font-size: rem(14);
  line-height: rem(18);
  text-align: center;
}

.card__body,
.card__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.card__body {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px;
}
.card__title {
  display: block;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
  color: #272639;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  min-height: 66px;
  margin-bottom: 16px;
}
.card__price-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.card__oldprice {
  font-size: 1.25rem;
  line-height: 1rem;
  text-align: center;
  margin-left: 8px;
  text-decoration: line-through;
  color: #b6b6b6;
}
.card__price {
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 1.5rem;
  text-align: center;
  color: #272639;
}
.card__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 0 16px 16px;
}
.card__footer button {
  width: 100%;
}
.card__quantity {
  display: block;
  position: relative;
  margin-right: 10px;
}
.card__q-minus,
.card__q-plus {
  display: block;
  position: absolute;
  width: 20px !important;
  height: 20px;
  content: "";
  background-size: 12px;
  right: 2px;
  opacity: 0.5;
  cursor: pointer;
}
.card__q-minus {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDggNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjMuMSAoOTI0NTIpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPlBhdGg8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9InF1bnQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00OC4wMDAwMDAsIC0yMi4wMDAwMDApIiBmaWxsPSIjQjdCNUVFIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0iUGF0aCI+CiAgICAgICAgICAgICAgICA8cG9seWdvbiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1Mi4xOTU1OTEsIDIyLjYyMTgyMCkgcm90YXRlKC0xMzUuMDAwMDAwKSB0cmFuc2xhdGUoLTUyLjE5NTU5MSwgLTIyLjYyMTgyMCkgIiBwb2ludHM9IjUwLjQwMzI0MDggMjAuODI5NDcwMyA1MC40MDMyNDA4IDI1LjMxMDM0NDcgNDkuNTA3MDY2IDI1LjMxMDM0NDcgNDkuNTA3MDY2IDE5LjkzMzI5NTUgNTQuODg0MTE1MiAxOS45MzMyOTU1IDU0Ljg4NDExNTIgMjAuODI5NDcwMyI+PC9wb2x5Z29uPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
    no-repeat center center;
  bottom: 0;
}
.card__q-plus {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDggNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjMuMSAoOTI0NTIpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPlBhdGg8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9InF1bnQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00OC4wMDAwMDAsIC04LjAwMDAwMCkiIGZpbGw9IiNCN0I1RUUiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSJQYXRoIj4KICAgICAgICAgICAgICAgIDxwb2x5Z29uIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUyLjE5NTU5MSwgMTEuODY3NzIyKSBzY2FsZSgxLCAtMSkgcm90YXRlKC0xMzUuMDAwMDAwKSB0cmFuc2xhdGUoLTUyLjE5NTU5MSwgLTExLjg2NzcyMikgIiBwb2ludHM9IjUwLjQwMzI0MDggMTAuMDc1MzcyIDUwLjQwMzI0MDggMTQuNTU2MjQ2MyA0OS41MDcwNjYgMTQuNTU2MjQ2MyA0OS41MDcwNjYgOS4xNzkxOTcxMiA1NC44ODQxMTUyIDkuMTc5MTk3MTIgNTQuODg0MTE1MiAxMC4wNzUzNzIiPjwvcG9seWdvbj4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+)
    no-repeat center center;
  top: 0;
}
.card__q-input {
  width: 80px;
  height: 40px;
  text-align: right;
  border: 1px solid #e8e8e8;
  padding: 8px 28px 8px 12px;
  background: #fff;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  border-radius: 2px;
}
@media (min-width: 800px) and (max-width: 1189px) {
  .card--catalog {
    width: calc(1 / 2 * 100% - 8px);
    margin: 0 4px 16px;
  }
}
@media only screen and (max-width: 799px) {
  .card--catalog {
    width: calc(1 / 2 * 100%);
    margin: -1px 0 0 -1px;
  }
  .card__head {
    padding: 8px;
  }
  .card__footer button span,
  .card__stock {
    display: none;
  }
  .card__price-box {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .card__oldprice {
    margin-left: 0;
  }
  .card__cover {
    height: 200px;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .card__badges {
    padding: 0 8px;
  }
  .card__stock-mobile {
    display: block;
  }
  .card__body-box {
    height: 100%;
  }
  .card__footer {
    padding: 0 8px 8px;
    margin-top: auto;
  }
  .card__footer .card__quantity,
  .card__footer button img {
    margin-right: 0;
  }
  .card__footer .card__quantity .card__q-input {
    width: 70px;
  }
}
.cart,
.cart__empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cart {
  position: fixed;
  left: 0;
  top: 0;
  max-height: 100vh;
  overflow: auto;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 32px;
  -webkit-transform: translateY(-110%);
  -ms-transform: translateY(-110%);
  transform: translateY(-110%);
  z-index: 2000;
  background: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.cart.--show {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.cart__empty {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 150px;
}
.cart__empty.--hide {
  display: none;
}
.cart__empty-title {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: center;
  font-weight: 500;
  color: #272639;
  margin-bottom: 16px;
}
.cart__container,
.cart__head {
  width: 100%;
  -webkit-box-direction: normal;
}
.cart__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  max-width: 1340px;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.cart__head {
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 24px;
}
.cart__body,
.cart__close,
.cart__footer,
.cart__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cart__close {
  width: 32px;
  height: 32px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: -8px;
}
.cart__body,
.cart__footer {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.cart__footer {
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 24px;
}
.cart__header {
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin: 0;
  color: #272639;
  font-weight: 600;
}
.cart__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border: 1px solid #e8e8e8;
  padding: 8px;
}
.cart__item:not(:first-of-type) {
  margin-top: -1px;
}
.cart__item-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.cart__item-col--col-1,
.cart__item-col--col-1 a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cart__item-col--col-1 {
  width: 138px;
}
.cart__item-col--col-1 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.cart__item-col--col-2 {
  padding-right: 16px;
  padding-left: 8px;
  width: 100%;
}
.cart__item-col--col-3,
.cart__item-col--col-4,
.cart__item-col--col-5,
.cart__item-col--col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% / 4);
  flex: 0 0 calc(100% / 4);
}
.cart__item-info,
.cart__item-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.cart__item-cover {
  /* width: 70%; */
  width: 100%;
  max-width: 92px;
  margin: 0 auto;
  flex-shrink: 0;
  object-fit: contain;
}
.cart__item-caption {
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
  margin-bottom: 4px;
}
.cart__item-caption.--mb-16 {
  margin-bottom: 16px;
}
.cart__item-cat,
.cart__item-name {
  text-align: left;
  font-weight: 400;
  color: #272639;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.cart__item-name {
  font-size: 1rem;
  line-height: 1.375rem;
  margin-bottom: 8px;
}
.cart__item-cat:hover,
.cart__item-name:hover {
  color: #e106a4;
}
.cart__item-cat {
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.cart__item-value {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  font-weight: 600;
  color: #272639;
}
.cart__item-remove,
.cart__total-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cart__item-remove {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 8px;
  opacity: 0.5;
  padding: 0;
  background: 0 0;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.cart__item-remove:hover {
  opacity: 1;
}
.cart__total-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cart__total-box {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  font-weight: 600;
  color: #272639;
  margin-right: 24px;
}
@media only screen and (max-width: 799px) {
  .cart {
    height: 100vh;
    padding: 32px 16px;
  }
  .cart__container::after {
    display: block;
    width: 100%;
    height: 150px;
    content: "";
  }
  .cart__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .cart__item-col--col-1 {
    width: 90px;
  }
  .cart__item-col--col-2 {
    width: calc(100% - 90px);
  }
  .cart__item-col--col-5 {
    display: none;
  }
  .cart__item-col--col-3,
  .cart__item-col--col-4,
  .cart__item-col--col-6 {
    margin-bottom: 8px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 3);
    flex: 0 0 calc(100% / 3);
  }
  .cart__footer .btn,
  .cart__item-col--col-3 .card__quantity,
  .cart__item-col--col-3 .card__quantity .card__q-input,
  .cart__item-col--col-4 .card__quantity,
  .cart__item-col--col-4 .card__quantity .card__q-input,
  .cart__item-col--col-6 .card__quantity,
  .cart__item-col--col-6 .card__quantity .card__q-input {
    width: 100%;
  }
  .cart__item-col--col-6 {
    padding-left: 10px;
  }
  .cart__item-info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
  }
  .cart__item-row {
    padding-top: 12px;
  }
  .cart__footer,
  .cart__total-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .cart__total-row {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    margin-bottom: 12px;
  }
  .cart__total-box {
    margin-right: 0;
    margin-bottom: 12px;
  }
}
.menu-catalog,
.menu-catalog__container,
.menu-catalog__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.menu-catalog {
  position: absolute;
  top: 40px;
  left: 0;
  height: 100vh;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fafafa;
  /* padding: 190px 20px 40px; */
  padding: 150px 20px 40px;
  opacity: 0;
  -webkit-transform: translateY(-5%);
  -ms-transform: translateY(-5%);
  transform: translateY(-5%);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 100;
  visibility: hidden;
  overflow: auto;
}
.menu-catalog.--show {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.menu-catalog__container,
.menu-catalog__head {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.menu-catalog__container {
  max-width: 1340px;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.menu-catalog__head {
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  margin-bottom: 24px;
}
.menu-catalog__header {
  font-size: 1.125rem;
  line-height: 1.75rem;
  text-align: left;
  font-weight: 700;
  color: #272639;
}
.menu-catalog__row {
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: calc(100% + 12px);
  margin: 0 -6px;
}
.menu-catalog__col,
.menu-catalog__item,
.menu-catalog__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.menu-catalog__col {
  width: calc(1 / 4 * 100% - 12px);
  margin: 0 6px 24px;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.menu-catalog__item {
  position: relative;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 14px;
}
.menu-catalog__item--more::before {
  display: block;
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNSAxMC41TDkuNSA3LjVMNi41IDQuNSIgc3Ryb2tlPSIjRkQ4QjI1IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgo8L3N2Zz4K)
    no-repeat center center;
  right: -16px;
}
.breadcrumbs__link:hover,
.menu-catalog__item:hover .menu-catalog__item-name {
  color: #e106a4;
}
.menu-catalog__item-indicator {
  display: block;
  width: 8px;
  height: 8px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 2px;
}
.menu-catalog__item-name {
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: left;
  font-weight: 500;
  color: #272639;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding-left: 8px;
}
.menu-catalog__filter-item-list,
.menu-catalog__filter-item-row,
.menu-catalog__filter-item-subs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.menu-catalog__filter-item-list,
.menu-catalog__filter-item-row {
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.menu-catalog__filter-item-list {
  position: relative;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-left: 24px;
  padding-top: 16px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
  height: 0;
}
.menu-catalog__filter-item-list--show {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  height: 100%;
}
.menu-catalog__filter-item-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 18px;
  height: 18px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: #e106a4;
  padding: 0;
  border-radius: 2px;
  margin-left: 8px;
}
.menu-catalog__filter-item-more--show::before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.menu-catalog__filter-item-more--show::before,
.menu-catalog__filter-item-more::before {
  display: block;
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOCA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSAxTDQgNEw3IDEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz4KPC9zdmc+Cg==)
    no-repeat center center;
}
.breadcrumbs,
.breadcrumbs__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.breadcrumbs {
  width: 100%;
  max-width: 1340px;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding: 24px 0;
  margin-bottom: 24px;
}
.breadcrumbs__link {
  position: relative;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: left;
  color: #535353;
  font-weight: 400;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding-right: 8px;
  margin-right: 8px;
}
.breadcrumbs__link::before {
  display: block;
  height: 14px;
  position: absolute;
  content: "";
  border-right: 1px solid #c9c9c9;
  right: 0;
  color: #c9c9c9;
}
.breadcrumbs__link--active {
  color: #e106a4;
}
.breadcrumbs__link--active::before {
  display: none;
}
@media (max-width: 1340px) {
  .breadcrumbs {
    padding: 24px 16px;
  }
}
.pagination,
.pagination__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pagination {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0;
  margin: 24px 0;
  list-style: none;
}
.pagination__link {
  width: 48px;
  height: 48px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 2px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #272639;
  border: 1px solid #e8e8e8;
  margin-right: 8px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pagination__link:hover {
  color: #272639;
  border-color: #c9c9c9;
}
.pagination__link--next::before,
.pagination__link--prev::before {
  display: block;
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.pagination__link--prev::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNSA5LjVMNC41IDcuNUw2LjUgNS41TTkuNSA5LjVMNy41IDcuNUw5LjUgNS41IiBzdHJva2U9IiMxRDE5MjkiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz4KPC9zdmc+Cg==)
    no-repeat center center;
}
.pagination__link--next::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNSA5LjVMMTAuNSA3LjVMOC41IDUuNU01LjUgOS41TDcuNSA3LjVMNS41IDUuNSIgc3Ryb2tlPSIjMUQxOTI5IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+Cjwvc3ZnPgo=)
    no-repeat center center;
}
.pagination__link--active {
  color: #fff;
  border-color: #e106a4;
  background: #e106a4;
}
@media only screen and (max-width: 559px) {
  .pagination {
    width: calc(100% + 8px);
    margin: 0 -4px;
  }
  .pagination__link {
    width: calc(1 / 7 * 100% - 8px);
    margin: 0 4px;
  }
}
.tabs {
  width: 100%;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.tabs,
.tabs__content,
.tabs__item,
.tabs__panel,
.tabs__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
}
.tabs__panel table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}
.tabs__panel tr {
  border-bottom: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
}
.tabs__panel tr:first-of-type {
  border-top: 1px solid #e8e8e8;
}
.tabs__panel tr td {
  padding: 4px 0;
}
.tabs__panel tr td:first-of-type {
  padding-left: 16px;
}
.tabs__panel tr td:nth-child(2) {
  border-left: 1px solid #e8e8e8;
  text-align: right;
  border-right: 1px solid #e8e8e8;
  padding-right: 16px;
}
.tabs__wrapper {
  width: 100%;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-bottom: 1px solid #e8e8e8;
}
.tabs__content,
.tabs__item,
.tabs__panel {
  position: relative;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.tabs__item,
.tabs__item::before {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tabs__item {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.25rem;
  line-height: 1.125rem;
  text-align: center;
  font-weight: 600;
  padding: 10px 16px 12px;
  cursor: pointer;
}
.tabs__item::before {
  display: block;
  width: 100%;
  position: absolute;
  content: "";
  height: 1px;
  bottom: -1px;
  background: #e8e8e8;
  z-index: 2;
}
.tabs__item,
.tabs__item.--active:hover,
.tabs__item:hover {
  color: #272639;
}
.tabs__item:hover::before {
  background: #b6b6b6;
}
.tabs__item.--active::before {
  background: #e106a4;
}
.tabs__content,
.tabs__panel {
  width: 100%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.tabs__content {
  padding: 16px 0 0;
}
.tabs__content table {
  margin-bottom: 0;
}
.tabs__panel {
  overflow: hidden;
  opacity: 0;
  height: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tabs__panel.--active {
  position: relative;
  height: 100%;
  opacity: 1;
}
.tabs__header,
.tabs__text {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 12px;
  color: #272639;
}
.tabs__text {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 400;
  margin-bottom: 32px;
}
@media (max-width: 1260px) {
  .tabs__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 8px;
  }
  .tabs__item {
    white-space: nowrap;
    z-index: 100;
    position: relative;
    padding: 0 0 8px;
    margin-bottom: 8px;
    margin-right: 16px;
  }
  .tabs__item::before {
    display: block;
    width: 100%;
    position: absolute;
    background: 0 0;
    content: "";
    height: 2px;
    bottom: -1px;
  }
}
@media only screen and (max-width: 799px) {
  .tabs__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 8px;
  }
  .tabs__item {
    white-space: nowrap;
    z-index: 100;
    position: relative;
    padding: 0 0 8px;
    margin-bottom: 12px;
    margin-right: 16px;
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .tabs__item::before {
    display: block;
    width: 100%;
    position: absolute;
    background: 0 0;
    content: "";
    height: 2px;
    bottom: -1px;
  }
}
.filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.filters__item,
.mobile-menu {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.filters__item {
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: left;
  font-weight: 400;
  color: #b6b6b6;
  padding: 4px 8px;
  border-radius: 2px;
  border: 1px solid #d9d9d9;
  margin-right: 8px;
  margin-bottom: 8px;
}
.filters__item.--active,
.filters__item:hover {
  border-color: #e106a4;
  color: #e106a4;
}
.filters__item.--active {
  background: #e106a4;
}
.mobile-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 86%;
  max-width: 375px;
  -webkit-box-shadow: 4px 0 19px rgba(0, 0, 0, 0.05);
  box-shadow: 4px 0 19px rgba(0, 0, 0, 0.05);
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  height: 100vh;
  padding: 36px 16px 0;
  overflow-y: scroll;
  background: #fff;
  z-index: 3000;
}
.mobile-menu.--open {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.mobile-menu__backdrop {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: 0 0;
  z-index: 2999;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.mobile-menu__backdrop.--open {
  visibility: visible;
  background: rgba(0, 0, 0, 0.1);
}
.mobile-menu__scroll-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  padding: 36px 0;
}
.mobile-menu__nav {
  width: 100%;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 32px;
}
.mobile-menu__nav::after {
  display: block;
  height: 120px;
  width: 100%;
  content: "";
}
.mobile-menu__nav,
.mobile-menu__nav-caption,
.mobile-menu__nav-collapse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
}
.mobile-menu__nav-collapse {
  width: 100%;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 24px;
}
.mobile-menu__nav-button {
  display: flex;
  width: 100%;
  margin-bottom: 24px;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: left;
  font-weight: 500;
  color: #272639;
  align-items: flex-start;
  cursor: pointer;
}
.mobile-menu__nav-caption {
  position: relative;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: left;
  font-weight: 500;
  color: #272639;
}
.mobile-menu__nav-caption::before {
  display: block;
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  width: 15px;
  height: 15px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOCA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSAxTDQgNEw3IDEiIHN0cm9rZT0iIzFEMTkyOSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgo8L3N2Zz4K)
    no-repeat center center;
  right: -16px;
}
.mobile-menu__nav-caption.--active::before,
.styledSelect.active:after,
.styledSelect:active:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.mobile-menu__nav-caption,
.mobile-menu__nav-caption::before,
.mobile-menu__nav-link,
.mobile-menu__nav-menu {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.mobile-menu__nav-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 0;
  overflow: hidden;
}
.footer__soc-icon img,
.mobile-menu__nav-menu.--show-menu {
  height: 100%;
}
.footer__soc-icon img {
  /* Social icons now come from the admin-managed registry — uploaded
     at up to 80x80, scale-to-fit (no crop), so the source aspect
     ratio varies. Contain inside the 36x36 anchor frame so non-square
     logos display at their native ratio without distortion. */
  width: 100%;
  object-fit: contain;
}
.mobile-menu__nav-link {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
  margin-bottom: 12px;
}
.mobile-menu__nav-link:first-of-type {
  margin-top: 12px;
}
.mobile-menu__nav-link:last-of-type {
  margin-bottom: 0;
}
.mobile-menu__nav-link.--active-menu,
.mobile-menu__nav-link:hover {
  color: #e106a4;
}
.mobile-catalog,
.mobile-courses {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 86%;
  max-width: 375px;
  -webkit-box-shadow: 4px 0 19px rgba(0, 0, 0, 0.05);
  box-shadow: 4px 0 19px rgba(0, 0, 0, 0.05);
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  height: 100vh;
  padding: 36px 16px 0;
  overflow-y: scroll;
  background: #fff;
  z-index: 3002;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.mobile-catalog.--open,
.mobile-courses.--open {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.mobile-catalog__back,
.mobile-catalog__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.mobile-catalog__head {
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 16px;
}
.mobile-catalog__back {
  position: absolute;
  width: 48px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
}
.mobile-catalog__title {
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-align: left;
  font-weight: 600;
  color: #272639;
  margin-left: 32px;
}
.mobile-catalog__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.mobile-catalog__nav::after {
  display: block;
  height: 120px;
  width: 100%;
  content: "";
}
.mobile-catalog__nav-link {
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
  margin-bottom: 16px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.mobile-catalog__nav-link--mb-0 {
  margin-bottom: 0;
}
.mobile-catalog__nav-link:hover {
  color: #e106a4;
}
.mobile-catalog__filter-item-list,
.mobile-catalog__filter-item-row,
.mobile-catalog__filter-item-subs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.mobile-catalog__filter-item-list,
.mobile-catalog__filter-item-row {
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mobile-catalog__filter-item-list {
  position: relative;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-left: 24px;
  padding-top: 16px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
  height: 0;
}
.mobile-catalog__filter-item-list--show {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  height: 100%;
}
.mobile-catalog__filter-item-more,
.mobile-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mobile-catalog__filter-item-more {
  position: relative;
  width: 18px;
  height: 18px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: #e106a4;
  padding: 0;
  border-radius: 2px;
  margin-left: 8px;
}
.mobile-catalog__filter-item-more--show::before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.mobile-catalog__filter-item-more--show::before,
.mobile-catalog__filter-item-more::before {
  display: block;
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOCA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSAxTDQgNEw3IDEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz4KPC9zdmc+Cg==)
    no-repeat center center;
}
.mobile-filter,
.mobile-course {
  position: fixed;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 86%;
  max-width: 375px;
  -webkit-box-shadow: 4px 0 19px rgba(0, 0, 0, 0.05);
  box-shadow: 4px 0 19px rgba(0, 0, 0, 0.05);
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  height: 100vh;
  padding: 36px 16px 0;
  overflow-y: scroll;
  background: #fff;
  z-index: 3000;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.mobile-filter.--open,
.mobile-course.--open {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.mobile-filter__backdrop,
.mobile-course__backdrop {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: 0 0;
  z-index: 2999;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.mobile-filter__backdrop.--open,
.mobile-course__backdrop.--open {
  visibility: visible;
  background: rgba(0, 0, 0, 0.1);
}
.mobile-filter__filter,
.mobile-filter__filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.mobile-filter__filters {
  width: 100%;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-top: 32px;
}
.mobile-filter__filters::after {
  display: block;
  height: 120px;
  width: 100%;
  content: "";
}
.mobile-filter__filter {
  margin-bottom: 24px;
}
.mobile-filter__filter,
.mobile-filter__filter-title,
.mobile-filter__filter-wrapper {
  width: 100%;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.mobile-filter__filter-title {
  position: relative;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 0;
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-align: left;
  font-weight: 600;
  color: #272639;
  cursor: pointer;
}
.mobile-filter__filter-title,
.mobile-filter__filter-title::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mobile-filter__filter-title--active::before,
.mobile-filter__filter-title::before {
  position: absolute;
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0IDVMNy41IDEyTDEgNSIgc3Ryb2tlPSIjMUQxOTI5IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+Cjwvc3ZnPgo=)
    no-repeat center center;
  content: "";
  right: 0;
  opacity: 0.6;
}
.mobile-filter__filter-wrapper {
  display: none;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.mobile-filter__filter-row,
.mobile-filter__filter-title--active::before,
.mobile-filter__filter-wrapper--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mobile-filter__filter-row {
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.mobile-filter__filter-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  color: #272639;
  border: 1px solid #e8e8e8;
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 8px;
  margin-right: 8px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.mobile-courses__list {
  display: flex;
  width: 100%;
  flex-flow: column nowrap;
  align-items: flex-start;
  margin-bottom: 16px;
}
.mobile-courses__footer {
  display: flex;
  width: 100%;
  flex-flow: column nowrap;
  padding-bottom: 48px;
}
.mobile-filter__filter-item:hover {
  color: #272639;
  border-color: #c9c9c9;
}
.mobile-filter__filter-item--active {
  color: #e106a4;
  border-color: #c9c9c9;
}
.mobile-filter__filter-item--disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
.mobile-filter__filter-color {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 8px;
  margin-bottom: 8px;
  border: 1px solid #c9c9c9;
}
.mobile-filter__filter-color--active {
  border-color: #272639;
}
.mobile-filter__filter-color--disabled {
  opacity: 0.5;
}
.mobile-filter__filter-item-list,
.mobile-filter__filter-item-row,
.mobile-filter__filter-item-subs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.mobile-filter__filter-item-list,
.mobile-filter__filter-item-row {
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mobile-filter__filter-item-list {
  position: relative;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-left: 24px;
  padding-top: 16px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
  height: 0;
}
.mobile-filter__filter-item-list--show {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  height: 100%;
}
.mobile-filter__filter-item-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 18px;
  height: 18px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: #e106a4;
  padding: 0;
  border-radius: 2px;
  margin-left: 8px;
}
.mobile-filter__filter-item-more--show::before,
.mobile-filter__filter-title--active::before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.mobile-filter__filter-item-more--show::before,
.mobile-filter__filter-item-more::before {
  display: block;
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOCA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSAxTDQgNEw3IDEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz4KPC9zdmc+Cg==)
    no-repeat center center;
}
.available-dropbox {
  display: none;
  position: absolute;
  top: 16px;
  right: 0;
  width: 335px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 1px solid #e8e8e8;
  background: #fff;
  border-radius: 2px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.available-dropbox.--item {
  right: -16px;
  z-index: 10;
}
.available-dropbox.--open,
.available-dropbox__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.available-dropbox.--card {
  z-index: 10;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid #e8e8e8;
  height: auto;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.available-dropbox.--card .available-dropbox__head {
  padding: 16px 16px 8px;
}
.available-dropbox.--card .available-dropbox__close {
  top: 18px;
  right: 16px;
}
.available-dropbox.--card .available-dropbox__wrapper {
  padding: 8px 16px;
}
.available-dropbox__head {
  position: relative;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px;
}
.available-dropbox__close {
  width: 14px;
  height: 14px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  right: 8px;
  top: 10px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  opacity: 0.3;
}
.available-dropbox__close svg {
  width: 100%;
  height: 100%;
}
.available-dropbox__close:hover {
  opacity: 1;
}
.available-dropbox__title {
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 600;
  color: #272639;
}
.available-dropbox__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  overflow: auto;
  max-height: 300px;
}
.available-dropbox__body::-webkit-scrollbar {
  width: 2px;
}
.available-dropbox__body::-webkit-scrollbar-track {
  background: 0 0;
}
.available-dropbox__body::-webkit-scrollbar-thumb {
  background: #e1e1e1;
}
.available-dropbox__item,
.available-dropbox__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.available-dropbox__wrapper {
  padding: 8px;
}
.available-dropbox__item {
  border-bottom: 1px dashed #e8e8e8;
  margin-bottom: 8px;
  padding-bottom: 8px;
}
.available-dropbox__item:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.available-dropbox__item-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.available-dropbox__amount,
.available-dropbox__name {
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 500;
  color: #272639;
}
.available-dropbox__amount {
  text-align: right;
  margin-left: 5px;
  color: #00ab39;
}
.available-dropbox__date {
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: left;
  font-weight: 500;
  color: #b6b6b6;
}
.footer,
.footer__bottom,
.footer__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.footer__bottom,
.footer__top {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.footer__top {
  background: #f3f3f3;
  padding: 32px 16px;
}
.footer__bottom {
  padding: 24px 16px;
  background: #333;
}
.footer__copyright,
.footer__container p {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  text-align: left;
  color: #e8e8e8;
  max-width: 960px;
}
.footer__container,
.footer__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.footer__container {
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 1340px;
  width: 100%;
}
.footer__row {
  width: calc(100% + 24px);
  margin: 0 -12px;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.footer__col {
  width: calc(1 / 5 * 100% - 24px);
  margin: 0 12px;
}
.footer__col,
.footer__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.footer__nav-link {
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 500;
  color: #272639;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-bottom: 8px;
}
.footer__nav-link:last-of-type {
  margin-bottom: 0;
}
.footer__nav-link:hover,
.main-social__card:hover span {
  color: #e106a4;
}
.main-social__card:hover img {
  filter: grayscale(0);
}
.main-new-items__head h2 {
  font-size: 34px;
  font-weight: 600;
  text-align: left;
  color: inherit;
}
.pro-tips-teaser__heading {
  font-size: 34px;
  font-weight: 600;
  text-align: left;
  color: inherit;
}
.main-page-heading {
  width: 100%;
  max-width: 1340px;
  margin: 0;
}
.footer__caption {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  font-weight: 700;
  color: #272639;
  margin-bottom: 12px;
}
.footer__logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}
.footer__logo {
  height: 40px;
}
.footer__logo-link {
  margin-right: 24px;
}
.footer__soc-block,
.footer__soc-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.footer__soc-block {
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: auto;
}
.footer__soc-row {
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.footer__soc-icon {
  width: 36px;
  height: 36px;
  margin-right: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.footer__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 1340px) {
  .footer__logos {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 1024px) {
  .footer__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0;
    width: calc(100% + 12px);
    margin: 0 -6px;
  }
  .footer__col {
    width: calc(1 / 2 * 100% - 12px);
    margin: 0 6px 32px;
  }
  .footer__col:last-of-type {
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    margin: 0;
  }
  .footer__logos {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .footer__logo-link {
    margin-right: 0;
    margin-bottom: 24px;
  }
  .footer__soc-block {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .footer__soc-icon {
    margin: 0 16px;
  }
  .footer__bottom {
    padding: 24px 16px;
  }
}
.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 2px;
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: center;
  font-weight: 500;
  background: 0 0;
  border: 1px solid transparent;
  color: #272639;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn.--mr-12 {
  margin-right: 12px;
}
.btn.--mb-16 {
  margin-bottom: 16px;
}
.btn.--mt-10 {
  margin-top: 10px;
}
.btn.--mb-10 {
  margin-bottom: 10px;
}
.btn.--mt-12 {
  margin-top: 12px;
}
.btn.--small {
  height: 36px;
  padding: 6px 18px;
}
.btn.--medium {
  height: 40px;
  padding: 8px 20px;
}
.btn.--large {
  height: 48px;
  padding: 12px 26px;
}
.btn.--full {
  width: 100%;
}
.btn.--primary {
  background: #e106a4;
  border-color: #e106a4;
  color: #fff;
}
.btn.--primary:hover {
  background: #8f397f;
  border-color: #8f397f;
  color: #fff;
}
.btn.--primary:focus {
  background: #e106a4;
  border-color: #e106a4;
  color: #fff;
}
.btn.--secondary {
  background: #e6d5b8;
  border-color: #e6d5b8;
  color: #fff;
}
.btn.--secondary:hover {
  background: #d0bc9a;
  border-color: #d0bc9a;
  color: #fff;
}
.btn.--secondary:focus {
  background: #b19e7c;
  border-color: #b19e7c;
  color: #fff;
}
.btn.--outline-gray {
  background: 0 0;
  border-color: #b6b6b6;
  color: #b6b6b6;
}
.btn.--outline-gray:hover {
  background: #b6b6b6;
  border-color: #b6b6b6;
  color: #fff;
}
.btn.--outline-gray:focus {
  background: transparent;
  border-color: #b6b6b6;
  color: #b6b6b6;
}
.btn.--outline-primary {
  background: 0 0;
  border-color: #e106a4;
  color: #e106a4;
}
.btn.--outline-primary:hover {
  background: 0 0;
  border-color: #e106a4;
  color: #e106a4;
}
.btn.--outline-primary:focus {
  background: 0 0;
  border-color: #c76d1c;
  color: #c76d1c;
}
.badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  text-align: center;
  height: 20px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  border-radius: 13px;
  padding: 2px 8px;
  margin-right: 8px;
  margin-bottom: 8px;
}
.badge--new {
  color: #272639;
  background: #8ce3c2;
}
.badge--discount {
  color: #fff;
  background: #e106a4;
}
.link-more {
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: left;
  color: #e106a4;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-right: 24px;
}
.link-more:hover {
  color: #f78ed4;
}
.link-more:hover .link-more__icon svg path {
  fill: #f78ed4;
}
.form-row,
.link-more,
.link-more__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.link-more__icon {
  position: absolute;
  width: 16px;
  height: 16px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 8px;
  right: -24px;
}
.catalog__view-btn svg path,
.link-more__icon svg {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.form-row {
  width: calc(100% + 12px);
  margin: 0 -6px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.form-row.--full {
  width: 100%;
  margin: 0;
}
.form-row.--align-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.form-row.--justify-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.form-row.--nowrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.form-hint {
  display: none;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 400;
  margin-top: 4px;
}
.form-hint.--error {
  display: inline;
  color: #e106a4;
}
.form-hint.--success {
  display: inline;
  color: #00ab39;
}

.help-block-error {
  font-size: 0.875rem !important;
  line-height: 1.125rem !important;
  text-align: left !important;
  font-weight: 400 !important;
  margin-top: 4px !important;
  color: #f53838 !important;
}

.form-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.form-col.--mb-8 {
  margin-bottom: 8px;
}
.form-col.--mb-32 {
  margin-bottom: 32px;
}
.form-col.--col-6-mb-4 {
  width: calc(1 / 2 * 100% - 12px);
  margin: 0 6px 4px;
}
.form-col.--mb-16 {
  margin-bottom: 16px;
}
.form-col.--w-230 {
  max-width: 230px;
}
.form-col.--col-6 {
  width: calc(1 / 2 * 100% - 12px);
  margin: 0 6px 16px;
}
.form-col.--col-4 {
  width: calc(1 / 3 * 100% - 12px);
  margin: 0 6px 16px;
}
.form-col.--col-8 {
  width: calc(1 / 8 * 100% - 12px);
  margin: 0 6px 16px;
}
.form-col.--col-auto {
  width: calc(100% - 12px);
  margin: 0 6px 16px;
}
.form-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.form-control {
  padding: 8px 16px;
  border-radius: 2px;
  font-family: "Reddit Sans", sans-serif;
  color: #272639;
  height: 40px;
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  font-weight: 400;
  background: 0 0;
  border: 1px solid #e8e8e8;
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
}
.form-control.--large {
  height: 48px;
}
.form-control.--search {
  border-radius: 2px 0 0 2px;
}
.form-control::-webkit-input-placeholder {
  color: #b6b6b6;
}
.form-control::-moz-placeholder {
  color: #b6b6b6;
}
.form-control:-ms-input-placeholder {
  color: #b6b6b6;
}
.form-control::-ms-input-placeholder {
  color: #b6b6b6;
}
.form-control::placeholder {
  color: #b6b6b6;
}
.form-control:disabled {
  background: #f8f9fa;
  color: rgba(33, 37, 41, 0.56);
  cursor: not-allowed;
}
.form-control:hover {
  border-color: #b6b6b6;
}
.form-control:focus {
  border-color: #e106a4;
  box-shadow: none;
}
.form-control.--error {
  color: #ea2929;
  border-color: #ea2929;
}
.form-control.--success {
  color: #272639;
  border-color: #00ab39;
}
.form-control.--message {
  height: 100px;
  resize: vertical !important;
}
.form-caption {
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
  margin-bottom: 4px;
}
@media only screen and (max-width: 799px) {
  .form-row,
  .form-row.--nowrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
  }
  .form-row {
    width: 100%;
    margin: 0;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .form-row.--nowrap {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin: 0 -6px;
  }
  .form-col.--col-6 {
    width: 100%;
    margin: 0 0 16px;
  }
}
.select-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 8px;
}
.s-hidden {
  visibility: hidden;
  padding-right: 10px;
}
.select {
  position: relative;
  border-radius: 2px;
  font-family: "Reddit Sans", sans-serif;
  color: #272639;
  height: 40px;
  background: 0 0;
  border: 1px solid #e8e8e8;
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
}
.options li,
.styledSelect {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  font-weight: 400;
  padding: 8px 16px;
}
.options,
.styledSelect {
  position: absolute;
  right: -1px;
  left: -1px;
  border-radius: 2px;
}
.styledSelect,
.styledSelect::after {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.styledSelect {
  top: -1px;
  bottom: -1px;
  border: 1px solid transparent;
}
.checkbox:hover input ~ .checkbox__mark,
.styledSelect:hover {
  border-color: #b6b6b6;
}
.styledSelect::after {
  content: "";
  width: 15px;
  height: 15px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgNkw3IDlMMTAgNiIgc3Ryb2tlPSIjMUQxOTI5IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+Cjwvc3ZnPgo=)
    no-repeat center center;
  position: absolute;
  top: 12px;
  right: 8px;
}
.styledSelect.active,
.styledSelect:active {
  border: 1px solid #ffaa5d;
}
.options {
  display: none;
  top: 44px;
  z-index: 999;
  max-height: 200px;
  margin: 0;
  overflow: auto;
  list-style: none;
  border: 1px solid #e8e8e8;
  padding: 4px 0;
  background-color: #fff;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}
.options li {
  display: block;
  width: 100%;
  color: #272639;
}
.options li:hover {
  background: #f5f5f5;
  color: #272639;
}
.checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox input:checked ~ .checkbox__mark {
  background: #e106a4;
  border-color: #e106a4;
}
.checkbox input:checked ~ .checkbox__mark::before {
  display: block;
}
.checkbox__caption a,
.checkbox__mark {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.checkbox__mark {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #e8e8e8;
}
.checkbox__mark::before {
  display: none;
  position: absolute;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDExIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAuMzUzNiAwLjE0NjQ0N0MxMC41NDg4IDAuMzQxNzA5IDEwLjU0ODggMC42NTgyOTEgMTAuMzUzNiAwLjg1MzU1M0wzLjg1MzU1IDcuMzUzNTVDMy42NTgyOSA3LjU0ODgyIDMuMzQxNzEgNy41NDg4MiAzLjE0NjQ1IDcuMzUzNTVMMC4xNDY0NDcgNC4zNTM1NUMtMC4wNDg4MTU1IDQuMTU4MjkgLTAuMDQ4ODE1NSAzLjg0MTcxIDAuMTQ2NDQ3IDMuNjQ2NDVDMC4zNDE3MDkgMy40NTExOCAwLjY1ODI5MSAzLjQ1MTE4IDAuODUzNTUzIDMuNjQ2NDVMMy41IDYuMjkyODlMOS42NDY0NSAwLjE0NjQ0N0M5Ljg0MTcxIC0wLjA0ODgxNTUgMTAuMTU4MyAtMC4wNDg4MTU1IDEwLjM1MzYgMC4xNDY0NDdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K)
    no-repeat center center;
  content: "";
  width: 12px;
  height: 12px;
}
.checkbox__caption {
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 16px;
}
.checkbox__caption a {
  color: #e106a4;
  text-decoration: underline;
  margin: 0 4px;
}
.checkbox__caption a:hover {
  color: #e106a4;
  text-decoration: none;
}
.table {
  border-collapse: collapse;
  margin: 24px 0;
  font-size: 1rem;
  line-height: 1.375rem;
  font-family: sans-serif;
  min-width: 400px;
  overflow-x: scroll;
}
.table.--full {
  width: 100%;
}
.table thead tr {
  background-color: #e6d5b8;
  color: #fff;
  text-align: left;
}
.table td,
.table th {
  padding: 12px 15px;
}
.table tbody tr {
  border-bottom: 1px solid #ddd;
}
.table tbody tr:nth-of-type(even) {
  background-color: #f3f3f3;
}
.table tbody tr:last-of-type {
  border-bottom: 2px solid #e6d5b8;
}
.table tbody tr.--active-row {
  font-weight: 600;
  color: #e6d5b8;
}
@media only screen and (max-width: 1024px) {
  .table {
    min-width: 100%;
  }
}
.hs-form-iframe {
  height: 79px !important;
  width: 100% !important;
  margin: 0 auto;
}
.hbspt-form {
  margin: 0 auto;
}
.hs-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 56px;
}
.field {
  margin-bottom: 0;
}
.hbspt-form .hs_email .input .hs-input {
  width: 318px !important;
  height: 56px !important;
  padding: 19px 22px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 18px !important;
  color: #e6d5b8 !important;
  background: #f6f6fb !important;
  border-radius: 16px !important;
  border: 0 !important;
}
.hbspt-form .hs_email .input .hs-input::-webkit-input-placeholder {
  color: #e6d5b8 !important;
}
.hs_email .inputs-list,
.hs_email label {
  display: none !important;
}
.hs_error_rollup {
  position: absolute !important;
  bottom: 0 !important;
}
.hs_submit .actions {
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.hs-button {
  padding: 19px 44px !important;
  margin-left: 6px !important;
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(#6956e3),
    to(#4583eb)
  ) !important;
  background: -o-linear-gradient(right, #6956e3 0, #4583eb 100%) !important;
  background: linear-gradient(270deg, #6956e3 0, #4583eb 100%) !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 18px !important;
  border: 0 !important;
  border-radius: 16px !important;
  cursor: pointer !important;
}
@media screen and (min-width: 1025px) {
  .hs-button {
    -webkit-transition: background 0.3s ease !important;
    -o-transition: background 0.3s ease !important;
    transition: background 0.3s ease !important;
  }
  .hs-button:hover:enabled {
    background: -webkit-gradient(
      linear,
      right top,
      left top,
      from(#120c6e),
      to(#120c6e)
    ) !important;
    background: -o-linear-gradient(right, #120c6e, #120c6e) !important;
    background: linear-gradient(270deg, #120c6e, #120c6e) !important;
  }
}
@media screen and (max-width: 512px) {
  .hs-form-iframe {
    height: auto !important;
  }
}
@media screen and (max-width: 480px) {
  .hbspt-form {
    width: 100% !important;
    padding: 0 13px;
  }
  .hbspt-form .hs_email .input .hs-input {
    width: 100% !important;
    text-align: center;
  }
  .hs-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .hs-submit {
    -ms-flex-item-align: center;
    align-self: center;
  }
  .hs-button {
    margin: 8px 0 0 !important;
  }
}
@media screen and (max-width: 1165px) {
  .swiper-container {
    width: 100%;
    height: 100%;
  }
}
.main-carousel,
.main-carousel__slider {
  display: flex;
  width: 100%;
}
.main-carousel {
  position: relative;
  max-width: 1340px;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  /* Vertical breathing room + horizontal gutters that match the rest of
     the homepage blocks (.braiding-styles, .follow-us, .reviews, .main-
     new-items, .pro-tips-teaser) — all share the 16px responsive side
     padding so the left/right edges of every section align. */
  padding: 24px 16px 32px;
}
.main-carousel__viewport {
  /* Positioning context for the navigation buttons. The buttons sit at
     left/right: -20px (half-outside the cards) and must NOT be clipped,
     so they live on this wrapper — not on the slider, which needs
     overflow:hidden to keep Swiper's transformed slide-strip contained. */
  position: relative;
  width: 100%;
}
.main-carousel__slider {
  position: relative;
  /* Swiper renders the full slide stack inside .swiper-wrapper and slides
     it via transform. Without overflow:hidden the off-screen slides bleed
     visually past the carousel container — most obvious on wide monitors.
     Clip at the container edge; the peek of the next card still appears
     because Swiper sizes slides per slidesPerView (2.1), so the 0.1 peek
     lives inside the clipped area. */
  overflow: hidden;
  /* Mask the right edge so the third-banner peek fades into the page
     background instead of bleeding past the section's visible content
     edge. The left edge stays opaque — slides align flush with the
     section's start. */
  -webkit-mask-image: linear-gradient(to right, black 95%, transparent 100%);
  mask-image: linear-gradient(to right, black 95%, transparent 100%);
}
.main-carousel__card {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 16px;
  overflow: hidden;
  background-color: #f5f5f5;
}
.main-carousel__img {
  display: block;
  width: 100%;
  height: 100%;
  /* `contain` honours the no-cropping rule end-to-end: even at display
     time, wrong-ratio uploads keep their full content (with neutral bars
     against the card background). */
  object-fit: contain;
}
.main-carousel__img.--mobile {
  display: none;
}
.main-carousel .swiper-button-prev,
.main-carousel .swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
  color: #8a8a93;
  /* Swiper renders these as <div tabindex="0"> rather than <button>, so the
     global `button:focus { outline: 0 }` reset doesn't catch them — without
     this, Chromium on Windows paints a rectangular focus border tangent to
     the round button after every click. */
  outline: none;
  -webkit-tap-highlight-color: transparent;
  transition:
    color 0.15s ease,
    box-shadow 0.15s ease;
}
.main-carousel .swiper-button-prev:focus,
.main-carousel .swiper-button-next:focus {
  outline: none;
}
.main-carousel .swiper-button-prev:hover,
.main-carousel .swiper-button-next:hover {
  color: #5e6068;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
/* Arrows sit flush with the section's content edge — same x as where the
   first card / heading / panel starts in every non-carousel sibling. The
   arrows overlay the leftmost / rightmost slide; their white round
   background keeps them readable on top of the card. */
.main-carousel .swiper-button-prev {
  left: 0;
}
.main-carousel .swiper-button-next {
  right: 0;
}
.main-carousel .swiper-button-prev svg,
.main-carousel .swiper-button-next svg {
  width: 32px;
  height: 32px;
}
/* The triangle's centroid sits ~1.33 viewBox units off the SVG's geometric
   center (the wider base outweighs the single tip vertex). Nudge the painted
   glyph so its visual center of mass — not its bounding box — lands on the
   button's center. */
.main-carousel .swiper-button-prev svg {
  transform: translateX(-2px);
}
.main-carousel .swiper-button-next svg {
  transform: translateX(2px);
}
.main-carousel .swiper-pagination {
  position: static;
  margin-top: 20px;
  text-align: left;
  width: auto;
}
/* Coursera-style pill pagination: short inactive bars, a longer active
   bar that grows in place to mark the current slide. Override Swiper's
   round-dot defaults via higher selector specificity. */
.main-carousel .swiper-pagination-bullet {
  width: 16px;
  height: 6px;
  border-radius: 3px;
  background-color: #d4d4d8;
  opacity: 1;
  margin: 0 4px !important;
  transition:
    width 0.25s ease,
    background-color 0.25s ease;
}
.main-carousel .swiper-pagination-bullet-active {
  width: 32px;
  background-color: #e106a4;
}
@media screen and (max-width: 1169px) {
  .main-carousel {
    padding: 0 16px 32px;
  }
  .main-carousel__card {
    aspect-ratio: 9 / 16;
    border-radius: 12px;
  }
  .main-carousel__img {
    display: none;
  }
  .main-carousel__img.--mobile {
    display: block;
  }
  .main-carousel .swiper-button-prev,
  .main-carousel .swiper-button-next {
    display: none;
  }
}
/* ── Homepage Follow Us widget ────────────────────────────────────────
   Centered row of social-media icons. The list flexes horizontally and
   wraps on narrow viewports — number of icons is dynamic, layout is not
   coupled to a column count. Icons render at native colors (no grayscale
   filter); object-fit:contain so the original logo is never cropped. */
.follow-us {
  width: 100%;
  max-width: 1340px;
  padding: 16px 16px;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: 0;
}
.follow-us__heading {
  margin: 0;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 600;
  color: #272639;
  text-align: left;
}
.follow-us__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  gap: 128px;
}
.follow-us__item {
  display: inline-flex;
}
.follow-us__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
}
.follow-us__icon {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  /* Same hover-lift treatment as the homepage carousel cards. Bumped
     slightly above the 1.02 used on cards because the logos are much
     smaller (80px → 60px on mobile); 1.02 would be imperceptible at
     that scale. */
  transition: transform 0.2s ease;
}
.follow-us__link:hover .follow-us__icon {
  transform: scale(1.08);
}
@media (max-width: 1340px) {
  .follow-us {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (max-width: 799px) {
  .follow-us__list {
    gap: 64px;
  }
  .follow-us__link {
    width: 60px;
    height: 60px;
  }
  .main-new-items__head h2,
  .pro-tips-teaser__heading {
    margin-bottom: 8px;
  }
}
/* ── Homepage Braiding Styles widget ──────────────────────────────────
   Two stacked sub-blocks under a left-aligned heading: a wrapping row
   of clickable tag pills (data adapter) above a rounded purple panel
   ("Trending courses" intro + horizontal scroll of course cards). */
.braiding-styles {
  width: 100%;
  max-width: 1340px;
  padding: 32px 16px;
  display: flex;
  flex-flow: column nowrap;
  gap: 24px;
}
.braiding-styles__heading {
  margin: 0;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 600;
  color: #272639;
  text-align: left;
}
.braiding-styles__tags {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  gap: 12px;
}
.braiding-styles__tag {
  display: inline-flex;
  align-items: center;
  padding: 8px 18px;
  border-radius: 999px;
  background: #f4f5f7;
  color: #272639;
  font-size: 0.95rem;
  text-decoration: none;
  transition:
    background-color 0.15s ease,
    color 0.15s ease;
}
.braiding-styles__tag:hover {
  background: #e6e7eb;
  color: #e106a4;
}
.braiding-styles__panel {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  gap: 32px;
  padding: 32px;
  border-radius: 24px;
  background: linear-gradient(120deg, #b22e94 0%, #6a44d8 60%, #4f7ce0 100%);
  color: #fff;
}
.braiding-styles__panel-intro {
  flex: 0 0 22%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  gap: 24px;
}
.braiding-styles__panel-heading {
  margin: 0;
  font-size: 1.75rem;
  line-height: 1.2;
  font-weight: 700;
  color: #fff;
}
.braiding-styles__panel-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  padding: 12px 22px;
  border-radius: 999px;
  background: #fff;
  color: #2455c8;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.15s ease;
}
.braiding-styles__panel-cta:hover {
  background: #f0f3ff;
}
.braiding-styles__panel-cta-arrow {
  font-size: 1.1em;
  line-height: 1;
}
.braiding-styles__cards {
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1 1 auto;
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 1340px) {
  .braiding-styles {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 991px) {
  .braiding-styles__panel {
    flex-flow: column nowrap;
    gap: 24px;
    padding: 24px;
  }
  .braiding-styles__panel-intro {
    flex: 0 0 auto;
  }
  .braiding-styles__cards {
    grid-template-columns: minmax(0, 1fr);
  }
}
.pro-tips-teaser,
.pro-tips-teaser__head,
.pro-tips-teaser__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
}
.pro-tips-teaser {
  width: 100%;
  max-width: 1340px;
  padding: 0 16px;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 32px;
}
.pro-tips-teaser__head,
.pro-tips-teaser__row {
  -webkit-box-orient: horizontal;
}
.pro-tips-teaser__head {
  width: 100%;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 24px;
}
.pro-tips-teaser__row {
  width: calc(100% + 12px);
  margin: 0 -6px;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
@media screen and (max-width: 1024px) {
  .pro-tips-teaser {
    padding: 0 16px;
  }
  .pro-tips-teaser__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 16px;
  }
  .pro-tips-teaser__head h2 {
    margin-bottom: 8px;
  }
  .pro-tips-teaser__row {
    width: calc(100% + 12px);
    margin: 0 -6px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
}
@media screen and (max-width: 799px) {
  .pro-tips-teaser {
    padding: 0 16px;
  }
  .pro-tips-teaser__head,
  .pro-tips-teaser__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .pro-tips-teaser__head {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 16px;
  }
  .pro-tips-teaser__head h2 {
    margin-bottom: 8px;
  }
  .pro-tips-teaser__row {
    margin: 0;
    width: 100%;
  }
}
.pro-tips-teaser__viewport {
  /* Same arrow-positioning trick as .main-carousel and .reviews-carousel
     — arrows live on the viewport (no clipping) while the slider keeps
     overflow:hidden so Swiper's transformed slide-strip is contained. */
  position: relative;
  width: 100%;
}
.pro-tips-teaser__slider {
  position: relative;
  display: flex;
  width: 100%;
  overflow: hidden;
  /* Vertical breathing room so the news-card's 1px border survives the
     hover scale — without this, the overflow-clip eats the top and
     bottom border lines. Swiper measures container width only, so
     padding-top / padding-bottom are safe. */
  padding: 6px 0;
  /* Same right-edge fade as the top slider — the next-card peek bleeds
     into the page background instead of being hard-cropped. */
  -webkit-mask-image: linear-gradient(to right, black 90%, transparent 100%);
  mask-image: linear-gradient(to right, black 90%, transparent 100%);
}
/* Inside the carousel: fill the slide, drop the multi-column flex width
   the legacy .news-card uses for the protips list, round the corners to
   match the Reviews + Free Guide aesthetic, and reset the bottom margin
   so cards sit flush with the slide's edge. */
.news-card.--carousel {
  width: 100%;
  margin: 0;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.news-card.--carousel .news-card__block-cover {
  border-radius: 16px 16px 0 0;
}
.pro-tips-teaser .swiper-button-prev,
.pro-tips-teaser .swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
  color: #8a8a93;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  transition:
    color 0.15s ease,
    box-shadow 0.15s ease;
}
.pro-tips-teaser .swiper-button-prev:focus,
.pro-tips-teaser .swiper-button-next:focus {
  outline: none;
}
.pro-tips-teaser .swiper-button-prev:hover,
.pro-tips-teaser .swiper-button-next:hover {
  color: #5e6068;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.pro-tips-teaser .swiper-button-prev {
  left: 0;
}
.pro-tips-teaser .swiper-button-next {
  right: 0;
}
.pro-tips-teaser .swiper-button-prev svg,
.pro-tips-teaser .swiper-button-next svg {
  width: 32px;
  height: 32px;
}
.pro-tips-teaser .swiper-button-prev svg {
  transform: translateX(-2px);
}
.pro-tips-teaser .swiper-button-next svg {
  transform: translateX(2px);
}
.pro-tips-teaser .swiper-pagination {
  position: static;
  margin-top: 20px;
  text-align: left;
  width: auto;
}
.pro-tips-teaser .swiper-pagination-bullet {
  width: 16px;
  height: 6px;
  border-radius: 3px;
  background-color: #d4d4d8;
  opacity: 1;
  margin: 0 4px !important;
  transition:
    width 0.25s ease,
    background-color 0.25s ease;
}
.pro-tips-teaser .swiper-pagination-bullet-active {
  width: 32px;
  background-color: #e106a4;
}
@media screen and (max-width: 1169px) {
  .pro-tips-teaser .swiper-button-prev,
  .pro-tips-teaser .swiper-button-next {
    display: none;
  }
}
.free-guide {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  /* 1340 (sibling blocks' max-width) minus their 16px left + 16px right
     paddings — the colored box's outer edges now line up with every other
     homepage block's content edges, so the gutter from viewport to box
     equals the gutter from viewport to a card / heading / panel. */
  max-width: 1308px;
  /* Client-pinned 16:2 box proportions; the height scales off the
     responsive width so the block never goes letterbox or stretches
     tall regardless of content. Mobile breakpoint releases this back
     to content-driven height when the layout flips to a column. */
  aspect-ratio: 16 / 2;
  margin: 0 auto 32px;
  padding: 32px 48px;
  border-radius: 24px;
  color: #ffffff;
  overflow: hidden;
  position: relative;
}
.free-guide__main {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  max-width: 70%;
  position: relative;
  z-index: 1;
}
.free-guide__heading {
  font-size: 32px;
  line-height: 1.2;
  font-weight: 700;
  margin: 0 0 8px;
  color: inherit;
}
.free-guide__body {
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 16px;
  color: inherit;
  opacity: 0.9;
}
.free-guide__body p,
.free-guide__body ul,
.free-guide__body ol {
  margin: 0 0 8px;
}
.free-guide__body p:last-child,
.free-guide__body ul:last-child,
.free-guide__body ol:last-child {
  margin-bottom: 0;
}
.free-guide__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: inherit;
  text-decoration: none;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.free-guide__cta:hover,
.free-guide__cta:focus {
  color: inherit;
  text-decoration: none;
  opacity: 0.85;
}
.free-guide__cta-icon {
  display: inline-block;
}
/* Decorative image now sits centered (both axes) inside the block and is
   rendered at its native pixel size — no width / height / object-fit
   coercion. Larger uploads simply spill behind the content (z-index: 0)
   and out of the container's overflow:hidden clip. */
.free-guide__art {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.free-guide__art img {
  display: block;
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
}
@media (max-width: 1340px) {
  /* Match the .braiding-styles container's 16px side gutter so Free
     Guide and Trending Courses sit at the same visible width. The
     explicit `calc(100% - 32px)` is the load-bearing bit: under the
     homepage layout's `display: flex; align-items: center` parent, a
     plain `width: auto` would collapse the box to its content width
     (which is what made Free Guide look "short" before). The auto
     side-margins on the base rule then distribute the remaining 32px
     evenly, giving 16px gutters on each side. */
  .free-guide {
    width: calc(100% - 32px);
  }
}
@media (max-width: 799px) {
  .free-guide {
    flex-flow: column nowrap;
    align-items: flex-start;
    padding: 24px;
    /* When the block collapses to a column, content drives the height —
       a 16:2 box at phone widths would crush heading + body + CTA into
       a strip. */
    aspect-ratio: auto;
  }
  .free-guide__main {
    max-width: 100%;
    width: 100%;
  }
  .free-guide__heading {
    font-size: 24px;
  }
}
/* Outer block mirrors .pro-tips-teaser exactly so the homepage layout's
   .main-wrapper { align-items: center } centers it the same way and the
   responsive padding behaves identically — using padding (not margin +
   width:auto) keeps the slider from inheriting an oversize box on
   mobile. */
.reviews,
.reviews-carousel {
  display: flex;
  width: 100%;
}
.reviews {
  max-width: 1340px;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 16px;
  margin-bottom: 32px;
}
.reviews__heading {
  font-size: 34px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 24px;
  text-align: left;
  color: #1d1929;
}
.reviews-carousel {
  position: relative;
  flex-flow: column nowrap;
  align-items: stretch;
}
.reviews-carousel__viewport {
  /* Same arrow-positioning trick as .main-carousel: arrows live on the
     viewport (no clipping) while the slider keeps overflow:hidden so
     Swiper's transformed slide-strip is contained. */
  position: relative;
  width: 100%;
}
.reviews-carousel__slider {
  position: relative;
  display: flex;
  width: 100%;
  overflow: hidden;
  /* Vertical breathing room so the cards' hover scale (~2.5px each
     edge for a 250px-tall card at scale 1.02) doesn't push the top /
     bottom borders into the overflow-clip zone. Swiper measures
     container width (not height) for slide sizing, so padding-top /
     padding-bottom are safe to add here. */
  padding: 6px 0;
  /* Same right-edge fade as the top slider — the next-card peek bleeds
     into the page background instead of being hard-cropped. Percentage
     stops scale on mobile. */
  -webkit-mask-image: linear-gradient(to right, black 90%, transparent 100%);
  mask-image: linear-gradient(to right, black 90%, transparent 100%);
}
.review-card {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  gap: 12px;
  height: 100%;
  padding: 24px;
  background: #ffffff;
  border: 1px solid #ececf2;
  border-radius: 16px;
  box-sizing: border-box;
}
.review-card__head {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 12px;
}
.review-card__avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  flex: 0 0 auto;
  background: #f5f5f5;
}
.review-card__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.review-card__identity {
  display: flex;
  flex-flow: column nowrap;
  gap: 2px;
}
.review-card__author {
  font-size: 16px;
  font-weight: 600;
  color: #1d1929;
}
.review-card__date {
  font-size: 12px;
  color: #8a8a93;
}
.review-card__stars {
  display: flex;
  flex-flow: row nowrap;
  gap: 2px;
  color: #d4d4d8;
}
.review-card__star.--filled {
  color: #f5b301;
}
.review-card__body {
  font-size: 14px;
  line-height: 1.5;
  color: #4a4757;
  margin: 0;
}
.reviews-carousel .swiper-button-prev,
.reviews-carousel .swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
  color: #8a8a93;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  transition:
    color 0.15s ease,
    box-shadow 0.15s ease;
}
.reviews-carousel .swiper-button-prev:focus,
.reviews-carousel .swiper-button-next:focus {
  outline: none;
}
.reviews-carousel .swiper-button-prev:hover,
.reviews-carousel .swiper-button-next:hover {
  color: #5e6068;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.reviews-carousel .swiper-button-prev {
  left: 0;
}
.reviews-carousel .swiper-button-next {
  right: 0;
}
.reviews-carousel .swiper-button-prev svg,
.reviews-carousel .swiper-button-next svg {
  width: 32px;
  height: 32px;
}
.reviews-carousel .swiper-button-prev svg {
  transform: translateX(-2px);
}
.reviews-carousel .swiper-button-next svg {
  transform: translateX(2px);
}
.reviews-carousel .swiper-pagination {
  position: static;
  margin-top: 20px;
  text-align: left;
  width: auto;
}
.reviews-carousel .swiper-pagination-bullet {
  width: 16px;
  height: 6px;
  border-radius: 3px;
  background-color: #d4d4d8;
  opacity: 1;
  margin: 0 4px !important;
  transition:
    width 0.25s ease,
    background-color 0.25s ease;
}
.reviews-carousel .swiper-pagination-bullet-active {
  width: 32px;
  background-color: #e106a4;
}
@media (max-width: 1340px) {
  .reviews {
    padding: 0 16px;
  }
}
@media screen and (max-width: 1169px) {
  .reviews-carousel .swiper-button-prev,
  .reviews-carousel .swiper-button-next {
    display: none;
  }
}
.main-new-items {
  max-width: 1340px;
  padding: 0 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.main-new-items,
.main-new-items__head,
.main-new-items__slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.main-new-items__head {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 24px;
}
.main-new-items__slider {
  position: relative;
  border-radius: 2px;
  padding-bottom: 32px;
}
@media (max-width: 1340px) {
  .main-new-items__head {
    padding: 0px;
  }
}
@media screen and (max-width: 1024px) {
  .main-new-items {
    padding: 0 16px;
  }
  .main-new-items__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 16px;
  }
  .main-new-items__head h2 {
    margin-bottom: 8px;
  }
}
/* ============================================================
   Homepage carousel card hover lift.

   Subtle 2% scale-up on every card that lives inside one of the four
   homepage sliders (top carousel, best sellers, pro tips, reviews) —
   gives the page a uniform "interactive" feel without disturbing the
   existing :hover box-shadow rules on .card / .news-card. The
   transform sits on a separate selector so the additive effect (shadow
   + scale) survives, and `transform-origin: center` keeps the lift
   visually balanced inside each slide. The scale is small enough that
   the swiper container's `overflow: hidden` only trims a few pixels at
   the edges — acceptable trade-off for keeping the slider crop honest.
   ============================================================ */
/* Best sellers cards in the main-new-items block inherit the legacy
   .card 2px-corner styling — round them to 16px to match the rest of
   the homepage's interactive surfaces (top carousel, pro tips,
   reviews). The img inside the card needs the same radius to keep the
   cover image from overflowing the rounded corner. */
.main-new-items .card {
  border-radius: 16px;
  overflow: hidden;
}
.main-new-items .card .card__head,
.main-new-items .card .card__head img,
.main-new-items .card .card__cover,
.main-new-items .card .card__cover img {
  border-radius: 0;
}

.main-new-items .card,
.news-card.--carousel,
.review-card {
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}
.main-new-items .card:hover,
.news-card.--carousel:hover,
.review-card:hover {
  transform: scale(1.02);
}
/* Top-slider hover: image-zoom inside the card frame instead of scaling
   the whole card. The card frame stays exactly the same size so its
   rounded corners are never transformed and never clipped against the
   slider's overflow:hidden + mask-image boundary. The inner image scales
   slightly and is clipped by the card's own overflow:hidden, producing
   a zoom-in effect within the frame. No box-shadow on hover — the
   slider's overflow:hidden would clip any shadow that extended past
   the card's bounds. */
.main-carousel__card .main-carousel__img {
  transition: transform 0.3s ease;
}
.main-carousel__card:hover .main-carousel__img {
  transform: scale(1.04);
}
.catalog,
.catalog__row,
.catalog__view-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.catalog {
  width: 100%;
  max-width: 1340px;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.catalog__row,
.catalog__view-controls {
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.catalog__row {
  width: 100%;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.catalog__view-controls {
  position: absolute;
  right: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.catalog__view-btn,
.catalog__view-btn:hover svg path {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.catalog__view-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 48px;
  height: 48px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: 0 0;
  border-radius: 2px;
  border: 1px solid #e8e8e8;
  padding: 0;
  cursor: pointer;
  margin-left: 8px;
}
.catalog__view-btn--active,
.catalog__view-btn:hover {
  border-color: #c9c9c9;
}
.catalog__view-btn:hover svg path {
  stroke: #272639;
}
.catalog__view-btn--active svg path,
.catalog__view-btn--active:hover svg path,
.compare__product-remove:hover svg path {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  stroke: #e106a4;
}
.catalog__side {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 340px;
  flex: 0 0 340px;
  padding-right: 32px;
  padding-top: 8px;
}
.catalog__head,
.catalog__head-row,
.catalog__main,
.catalog__side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.catalog__main {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.catalog__head,
.catalog__head-row {
  width: 100%;
  margin-bottom: 24px;
}
.catalog__head-row {
  position: relative;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}
.catalog__cover {
  width: 100%;
  border-radius: 2px;
}
.catalog__header {
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin: 0;
}
.catalog__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  padding-bottom: 48px;
}
.catalog__colors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-bottom: 24px;
}
.catalog__footer,
.catalog__items,
.catalog__items--row,
.catalog__items--row .card--catalog {
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.catalog__items--row .card__desc {
  margin-top: 16px;
}
.catalog__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: calc(100% + 12px);
  margin: 0 -6px;
}
.catalog__items--row,
.catalog__items--row .card--catalog {
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.catalog__items--row .card--catalog {
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: calc(100% - 12px);
}
.catalog__items--row .card__head-box {
  max-width: 250px;
}
.catalog__items--row .card__price-box {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.catalog__items--row .card__body {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.catalog__items--row .card__footer {
  max-width: 50%;
  margin-top: auto;
  margin-left: auto;
}
.catalog__items--row .card__title {
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-align: left;
  font-weight: 600;
}
.catalog__items--row .card__desc {
  display: block;
}
.catalog__cat,
.catalog__items--row .card__body-box {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.catalog__cat-clear {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 16px;
  margin-top: 16px;
}
.catalog__cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  margin-bottom: 16px;
}
.catalog__title {
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-align: left;
  font-weight: 600;
  color: #272639;
  margin-bottom: 24px;
}
.catalog__cat-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.catalog__cat-link {
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
  margin-bottom: 16px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.catalog__cat-link--mb-0 {
  margin-bottom: 0;
}
.catalog__cat-link:hover,
.catalog__cat-link.--active,
.item-layout__slide a:hover span {
  color: #e106a4;
}
.catalog__desc {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
}
.catalog__mobile-controls,
.catalog__mobile-filter-btn {
  display: none;
  width: 100%;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.catalog__mobile-controls {
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-top: 12px;
}
.catalog__mobile-filter-btn {
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 0;
  margin-top: 12px;
}
.catalog__compare-link {
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 400;
}
.catalog__filter,
.catalog__filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.catalog__filters {
  width: 100%;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.catalog__filter {
  margin-bottom: 24px;
}
.catalog__filter,
.catalog__filter-title,
.catalog__filter-wrapper {
  width: 100%;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.catalog__filter-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 0;
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-align: left;
  font-weight: 600;
  color: #272639;
  cursor: pointer;
}
.catalog__filter-title--active::before,
.catalog__filter-title::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0IDVMNy41IDEyTDEgNSIgc3Ryb2tlPSIjMUQxOTI5IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+Cjwvc3ZnPgo=)
    no-repeat center center;
  content: "";
  right: 0;
  opacity: 0.6;
}
.catalog__filter-wrapper {
  display: none;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.catalog__filter-item,
.catalog__filter-row,
.catalog__filter-wrapper--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.catalog__filter-row {
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.catalog__filter-item {
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  color: #272639;
  border: 1px solid #e8e8e8;
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 8px;
  margin-right: 8px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.catalog__filter-item:hover {
  color: #272639;
  border-color: #c9c9c9;
}
.catalog__filter-item--active {
  color: #e106a4;
  border-color: #c9c9c9;
}
.catalog__filter-item--disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
.catalog__filter-item,
.mobile-filter__filter-item {
  align-items: center;
}
.catalog__filter-color {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 8px;
  margin-bottom: 8px;
  border: 1px solid #c9c9c9;
}
.catalog__filter-color--active {
  border-color: #272639;
}
.catalog__filter-color--disabled {
  opacity: 0.5;
}
.catalog__filter-item-row,
.catalog__filter-item-subs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.catalog__filter-item-row {
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.catalog__filter-item-list,
.catalog__filter-item-list--show {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.catalog__filter-item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-left: 24px;
  padding-top: 16px;
  overflow: hidden;
  height: 0;
}
.catalog__filter-item-list--show {
  height: 100%;
}
.catalog__filter-item-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 18px;
  height: 18px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: #e106a4;
  padding: 0;
  border-radius: 2px;
  margin-left: 8px;
}
.catalog__filter-item-more--show::before,
.catalog__filter-title--active::before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.catalog__filter-item-more--show::before,
.catalog__filter-item-more::before {
  display: block;
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOCA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSAxTDQgNEw3IDEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz4KPC9zdmc+Cg==)
    no-repeat center center;
}
@media (min-width: 800px) and (max-width: 1190px) {
  .catalog {
    padding: 0 16px;
  }
  .catalog__main {
    padding: 0;
  }
}
@media only screen and (max-width: 799px) {
  .catalog__side {
    display: none;
  }
  .catalog__main {
    padding: 0 16px;
  }
  .catalog__mobile-controls,
  .catalog__mobile-filter-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .catalog__view-controls {
    display: none;
  }
  .catalog__items {
    width: 100%;
    margin: 0 0 0 1px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .catalog__items--row .card__footer {
    max-width: 100%;
    margin-top: auto;
    margin-left: auto;
  }
  .catalog__items--row .card__price-box {
    margin-bottom: 10px;
  }
  .catalog__items--row .card--catalog {
    width: 100%;
  }
}
.item-layout,
.item-layout__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.item-layout__color {
  display: flex;
  width: 100%;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 16px;
}
.item-layout__doc {
  display: flex;
  width: 100%;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  padding: 16px 8px;
  border-radius: 8px;
  border: 1px solid #d9d9d9;
}
.item-layout__doc-info {
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 600;
  color: #272639;
  margin-bottom: 4px;
}
.item-layout__doc-info:last-of-type {
  margin-bottom: 16px;
}
.item-layout__doc-info span {
  color: #b6b6b6;
  margin-right: 8px;
  font-weight: 400;
}
.item-layout__doc-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-left: 16px;
}
.item-layout__doc-img {
  width: 100%;
  max-width: 120px;
  -o-object-fit: contain;
  object-fit: contain;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.item-layout {
  max-width: 1340px;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0 0 80px;
}
.item-layout__row {
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.item-layout__slider {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  overflow: hidden;
}
.item-layout__slider .swiper-wrapper {
  width: 100%;
}
.item-layout__slide,
.item-layout__slide-body,
.item-layout__slider,
.item-layout__slider-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.item-layout__slider-container {
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.item-layout__slide,
.item-layout__slide-body {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.item-layout__slide a {
  width: 100%;
  vertical-align: bottom;
}
.item-layout__slide img {
  display: block;
  width: 100%;
  border-radius: 2px 2px 0 0;
}
.item-layout__slide-body {
  padding: 16px;
  border-radius: 0 0 2px 2px;
  background: #fff;
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.item-layout__slide-title {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  font-weight: 600;
  color: #272639;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: 10px;
}
.item-layout__slide-text {
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.item-layout__header {
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-align: left;
  font-weight: 600;
  color: #272639;
  margin: 24px 0;
}
.item-layout__side {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 340px;
  padding-right: 32px;
  padding-top: 8px;
}
.item-layout__head,
.item-layout__head-row,
.item-layout__main,
.item-layout__side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.item-layout__main {
  max-width: calc(100% - 340px);
}
.item-layout__head,
.item-layout__head-row {
  margin-bottom: 24px;
}
.item-layout__head-row {
  position: relative;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 16px;
}
.item-layout__compare {
  position: relative;
  top: 12px;
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 400;
}
.item-layout__title {
  font-size: 1.5rem;
  line-height: 2.25rem;
  max-width: 60%;
  text-align: left;
  font-weight: 700;
  color: #272639;
  margin: 0;
}
.item-layout__col,
.item-layout__row-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.item-layout__row-box {
  width: 100%;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-bottom: 32px;
}
.item-layout__col {
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.item-layout__col--full {
  width: 100%;
}
.item-layout__col--info {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 460px;
  flex: 0 0 460px;
}
.item-layout__col--main {
  width: 100%;
  padding-left: 24px;
}
.item-layout__cover-box {
  position: relative;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.item-layout__product-info p,
.item-layout__product-info ul {
  margin-bottom: 10px;
}
.item-layout__cover-box,
.item-layout__product-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.item-layout__product-info,
.item-layout__product-info li {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.item-layout__product-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  list-style: none;
  margin-bottom: 10px;
}
.item-layout__product-info li {
  width: 100%;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  position: relative;
  padding-left: 16px;
}
.item-layout__product-info li::before {
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 2px;
  content: "";
  background: #c9c9c9;
  left: 0;
  top: 6px;
}
.item-layout__product-desc,
.item-layout__product-info li {
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
}
.item-layout__control,
.item-layout__ctrl-box,
.item-layout__price-box,
.item-layout__product-info li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
}
.item-layout__control {
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 12px;
  border-radius: 2px;
  background: #fafafa;
  margin-bottom: 16px;
}
.item-layout__ctrl-box,
.item-layout__price-box {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.item-layout__ctrl-box {
  width: 50%;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.item-layout__price-box {
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.item-layout__price {
  font-size: 1.625rem;
  line-height: 1.6875rem;
  text-align: right;
  font-weight: 700;
  color: #272639;
}
.item-layout__oldprice {
  font-size: 1.25rem;
  line-height: 1.875rem;
  text-align: center;
  margin-right: 8px;
  text-decoration: line-through;
  color: #b6b6b6;
}
.item-layout__available {
  position: relative;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: right;
  font-weight: 400;
}
.item-layout__available.--available {
  color: #00ab39;
  margin-right: 16px;
  cursor: pointer;
}
.item-layout__available.--available::before,
.lk-card__stock.--ready::before {
  display: block;
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  width: 15px;
  height: 15px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOCA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSAxTDQgNEw3IDEiIHN0cm9rZT0iIzVDQzY4OSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgo8L3N2Zz4K)
    no-repeat center center;
  right: -16px;
}
.item-layout__icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 16px;
}
.item-layout__icon {
  width: calc(100% / 3);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 120px;
  border: 1px solid #e8e8e8;
}
.item-layout__icon:not(:first-of-type):not(:nth-child(4)) {
  margin-left: -1px;
  width: calc(100% / 3 + 1px);
}
.item-layout__icon:not(:nth-child(-n + 3)) {
  margin-top: -1px;
}
.item-layout__calc-footer,
.item-layout__row-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.item-layout__row-items {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: calc(100% + 12px);
  margin: 0 -6px;
}
.item-layout__calc-footer {
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.item-layout__calc-result {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  font-weight: 600;
  color: #272639;
  margin-left: 24px;
}
.item-layout__calc-result mark {
  padding: 0;
  background: 0 0;
  color: #e106a4;
}
.item-layout__price-row {
  font-size: 1.625rem;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 800px) and (max-width: 1340px) {
  .item-layout {
    padding: 0 16px 80px;
  }
  .item-layout__side {
    display: none;
  }
  .item-layout__main,
  .item-layout__title {
    width: 100%;
    max-width: 100%;
  }
  .item-layout__col--info {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }
  .item-layout__col--main {
    padding-left: 0;
  }
  .item-layout__head-row {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .item-layout__head-row,
  .item-layout__row-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .item-layout__cover-box {
    border: 1px solid #e8e8e8;
  }
  .item-layout__cover-box .card__cover-box .card__cover {
    height: 300px;
  }
  .item-layout__icons {
    margin-top: -1px;
  }
  .item-layout__control,
  .item-layout__row-items {
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .item-layout__control {
    -webkit-box-orient: vertical;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    margin-top: 8px;
  }
  .item-layout__row-items {
    -webkit-box-orient: horizontal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: calc(100% + 8px);
    margin: 0 -4px;
  }
  .item-layout__ctrl-box {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .item-layout__price-box {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    width: 100%;
    margin-bottom: 10px;
  }
  .item-layout__calc-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .item-layout__calc-footer a:nth-child(1),
  .item-layout__calc-footer button:nth-child(1) {
    margin-bottom: 12px;
  }
  .item-layout__icon {
    height: auto;
  }
}
@media (max-width: 1260px) {
  .item-layout {
    padding: 0 16px 48px;
  }
}
@media only screen and (max-width: 799px) {
  .item-layout {
    padding: 0 16px 48px;
  }
  .item-layout__side {
    display: none;
  }
  .item-layout__main,
  .item-layout__title {
    width: 100%;
    max-width: 100%;
  }
  .item-layout__col--main {
    padding-left: 0;
  }
  .item-layout__head-row {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .item-layout__head-row,
  .item-layout__row-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .item-layout__cover-box {
    border: 1px solid #e8e8e8;
  }
  .item-layout__cover-box .card__cover-box .card__cover {
    height: 300px;
  }
  .item-layout__icons {
    margin-top: -1px;
  }
  .item-layout__control,
  .item-layout__row-items {
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .item-layout__control {
    -webkit-box-orient: vertical;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    margin-top: 8px;
  }
  .item-layout__slider-container .swiper-navigation .swiper-button-next {
    right: 0;
  }
  .item-layout__slider-container .swiper-navigation .swiper-button-prev {
    left: 0;
  }
  .item-layout__row-items {
    -webkit-box-orient: horizontal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
    margin: 0;
  }
  .item-layout__ctrl-box {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .item-layout__price-box {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    width: 100%;
    margin-bottom: 10px;
  }
  .item-layout__calc-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .item-layout__calc-footer a:nth-child(1),
  .item-layout__calc-footer button:nth-child(1) {
    margin-bottom: 12px;
  }
}
.checkout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1340px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 48px;
}
.checkout__header {
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin-top: 0;
  margin-bottom: 24px;
}
.checkout__text {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  font-weight: 400;
  margin-top: 0 !important;
  margin-bottom: 48px;
}
.checkout__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.checkout__main {
  width: 100%;
  padding-right: 32px;
}
.checkout__main,
.checkout__side,
.checkout__total-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.checkout__side {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 340px;
  flex: 0 0 340px;
}
.checkout__total-box {
  position: sticky;
  top: 180px;
  width: 100%;
  background: #fafafa;
  padding: 16px;
  border-radius: 2px;
}
.checkout__total-box-header {
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-align: left;
  font-weight: 600;
  color: #272639;
  margin-bottom: 12px;
}
.checkout__total-box-col,
.checkout__total-box-list,
.checkout__total-box-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.checkout__total-box-col,
.checkout__total-box-row {
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 12px;
}
.checkout__total-box-col {
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.checkout__total-box-caption,
.checkout__total-box-value {
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
}
.checkout__total-box-value {
  text-align: right;
  font-weight: 500;
}
.checkout__total-box-value.--left {
  text-align: left;
  margin-top: 4px;
}
.checkout__total-box-price {
  font-size: 1.125rem;
  text-align: left;
  line-height: 1.5rem;
  font-weight: 600;
  color: #272639;
  margin-top: 8px;
}
.checkout__divider {
  display: block;
  width: 100%;
  border-top: 1px dashed #b6b6b6;
  margin-bottom: 16px;
  margin-top: 8px;
}
.checkout__step,
.checkout__steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.checkout__step {
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  margin-bottom: 8px;
}
.basic__body ul li:last-of-type,
.checkout__step:last-of-type {
  margin-bottom: 0;
}
.checkout__step-body,
.checkout__step-head,
.checkout__step-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.checkout__step-head {
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px;
}
.checkout__step-body,
.checkout__step-wrapper {
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.checkout__step-body {
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}
.checkout__step-body.--show {
  overflow: auto;
  height: auto;
  opacity: 1;
}
.checkout__step-wrapper {
  padding: 16px;
}
.checkout__step-count,
.checkout__step-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.checkout__step-footer {
  width: 100%;
  padding-top: 16px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.checkout__step-footer.--right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.checkout__step-count {
  width: 24px;
  height: 24px;
  background: #e106a4;
  color: #fff;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: center;
  font-weight: 400;
  border-radius: 2px;
}
.checkout__step-title {
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-align: left;
  font-weight: 600;
  color: #272639;
  margin-left: 12px;
}
.checkout__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border: 1px solid #e8e8e8;
  padding: 8px;
  margin-bottom: 0;
}
.checkout__card:not(:first-of-type):not(:last-of-type) {
  margin-top: -1px;
}
.checkout__card:last-of-type {
  margin-top: -1px;
  margin-bottom: 8px;
}
.checkout__card-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.checkout__card-col--col-1,
.checkout__card-col--col-1 a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.checkout__card-col--col-1 {
  width: 138px;
}
.checkout__card-col--col-1 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.checkout__card-col--col-3,
.checkout__card-col--col-4,
.checkout__card-col--col-5,
.checkout__card-col--col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
}
.checkout__card-info,
.checkout__card-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.checkout__card-cover {
  width: 70%;
  margin: 0 auto;
}
.checkout__card-caption {
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
  margin-bottom: 4px;
}
.checkout__card-caption.--mb-16 {
  margin-bottom: 16px;
}
.checkout__card-cat,
.checkout__card-name {
  text-align: left;
  font-weight: 400;
  color: #272639;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.checkout__card-name {
  font-size: 1rem;
  line-height: 1.375rem;
  margin-bottom: 8px;
}
.checkout__card-cat:hover,
.checkout__card-name:hover {
  color: #e106a4;
}
.checkout__card-cat {
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.checkout__card-value {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  font-weight: 600;
  color: #272639;
}
.checkout__card-remove {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 16px;
  height: 16px;
  right: 8px;
  opacity: 0.5;
  padding: 0;
  background: 0 0;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.checkout__card-remove:hover {
  opacity: 1;
}
@media (max-width: 1340px) {
  .checkout {
    padding: 0 16px 48px;
  }
  .checkout__side {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 280px;
    flex: 0 0 280px;
  }
  .checkout__card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .checkout__card-col--col-1 {
    width: 90px;
  }
  .checkout__card-col--col-2 {
    width: calc(100% - 90px);
  }
  .checkout__card-row {
    padding-top: 8px;
  }
}
@media only screen and (max-width: 799px) {
  .checkout {
    margin-bottom: 0;
  }
  .checkout__main {
    padding-right: 0;
    margin-bottom: 24px;
  }
  .checkout__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .checkout__side {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    width: 100%;
  }
  .checkout__card-name {
    padding-right: 24px;
  }
  .checkout__card-info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .checkout__card-col--col-1 {
    width: 90px;
  }
  .checkout__card-col--col-2 {
    width: calc(100% - 90px);
  }
  .checkout__card-col--col-5 {
    display: none;
  }
  .checkout__card-col--col-6 {
    padding-left: 8px;
  }
  .checkout__card-col--col-3 {
    width: 90px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: 8px;
  }
  .checkout__card-col--col-4,
  .checkout__card-col--col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 3);
    flex: 0 0 calc(100% / 3);
    margin-bottom: 8px;
  }
  .checkout__card-col--col-4 .card__quantity,
  .checkout__card-col--col-4 .card__quantity .card__q-input,
  .checkout__card-col--col-6 .card__quantity,
  .checkout__card-col--col-6 .card__quantity .card__q-input {
    width: 100%;
  }
}
.checkout-map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.checkout-cart-content {
  display: flex;
  width: 100%;
  flex-flow: column nowrap;
}
.checkout-map__radio-row {
  width: 100%;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}
.checkout-map__radio,
.checkout-map__radio-col,
.checkout-map__radio-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.checkout-map__radio-col {
  width: 100%;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.checkout-map__radio-col label {
  margin-bottom: 8px;
}
.checkout-map__radio {
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  cursor: pointer;
  margin-right: 24px;
}
.checkout-map__radio.--m-8 {
  margin: 8px 0;
}
.checkout-map__date-radio input[type="radio"],
.checkout-map__list-item input[type="radio"],
.checkout-map__radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkout-map__radio:hover input ~ .checkout-map__checkmark {
  border-color: #b6b6b6;
}
.checkout-map__radio input:checked ~ .checkout-map__checkmark {
  background: #e106a4;
  border-color: #e106a4;
}
.checkout-map__date-radio input:checked ~ .checkout-map__date-checkmark::before,
.checkout-map__list-item input:checked ~ .checkout-map__list-checkmark::before,
.checkout-map__radio input:checked ~ .checkout-map__checkmark::before {
  background: #fff;
}
.checkout-map__checkmark {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  height: 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border: 1px solid #e8e8e8;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: 0 0;
}
.checkout-map__checkmark::before,
.checkout-map__date-checkmark::before,
.checkout-map__list-checkmark::before {
  display: block;
  width: 8px;
  height: 8px;
  content: "";
  background: 0 0;
  border-radius: 50%;
}
.checkout-map__radio-caption {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  font-weight: 500;
  color: #272639;
  margin-left: 16px;
}
.checkout-map__body,
.checkout-map__head,
.checkout-map__main,
.checkout-map__wrapper {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.checkout-map__body {
  display: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 0;
  position: absolute;
  left: -999em;
}
.checkout-map__body.--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  left: auto;
}
.checkout-map__head,
.checkout-map__main,
.checkout-map__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.checkout-map__map {
  height: 640px;
  width: 100%;
  background: #fafafa;
}
.checkout-map__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 16px;
}
.checkout-map__title {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  font-weight: 600;
  color: #272639;
  margin-bottom: 16px;
}
.checkout-map__date,
.checkout-map__date-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
}
.checkout-map__date-row {
  width: 100%;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.checkout-map__date {
  position: relative;
  width: calc(100% / 6);
  border: 1px solid #e8e8e8;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  background: 0 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.checkout-map__date:hover {
  background: #fafafa;
}
.checkout-map__date.--sunday {
  background: rgba(255, 0, 0, 0.145);
}
.checkout-map__date:not(:first-of-type) {
  margin-left: -1px;
  width: calc(100% / 6 + 1px);
}
.checkout-map__date-control,
.checkout-map__date-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.checkout-map__date-control {
  padding: 16px;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}
.checkout-map__date-radio {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 8px;
}
.checkout-map__date-radio:hover input ~ .checkout-map__date-checkmark {
  border-color: #b6b6b6;
}
.checkout-map__date-radio input:checked ~ .checkout-map__date-checkmark {
  background: #e106a4;
  border-color: #e106a4;
}
.checkout-map__date-body,
.checkout-map__date-checkmark {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.checkout-map__date-checkmark {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #b6b6b6;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: 0 0;
}
.checkout-map__date-body {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  cursor: pointer;
}
.checkout-map__date-day,
.checkout-map__date-num {
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
  font-weight: 400;
  color: #272639;
}
.checkout-map__date-num {
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 600;
  margin: 4px 0;
}
.checkout-map__date-month {
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: center;
  font-weight: 500;
  color: #272639;
}
.checkout-map__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 16px;
  cursor: pointer;
  border: 1px solid #e8e8e8;
}
.checkout-map__list-item:not(:first-of-type) {
  margin-top: -1px;
  border-radius: 0;
}
.checkout-map__list-item:not(:last-of-type) {
  border-radius: 0;
}
.checkout-map__list-item:first-of-type {
  border-radius: 2px 2px 0 0;
}
.checkout-map__list-item:last-of-type {
  border-radius: 0 0 2px 2px;
}
.checkout-map__list-item:hover input ~ .checkout-map__list-checkmark {
  border-color: #b6b6b6;
}
.checkout-map__list-item input:checked ~ .checkout-map__list-checkmark {
  background: #e106a4;
  border-color: #e106a4;
}
.checkout-map__list-checkmark,
.checkout-map__list-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.checkout-map__list-col {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.checkout-map__list-col.--main {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}
.checkout-map__list-col.--center,
.checkout-map__list-col.--end {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
}
.checkout-map__list-checkmark {
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #e8e8e8;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: 0 0;
}
.checkout-map__list-name {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
  padding-left: 16px;
  padding-right: 16px;
}
.checkout-map__link,
.checkout-map__list-available,
.checkout-map__list-time {
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
}
.checkout-map__link,
.checkout-map__list-available {
  color: #e106a4;
}
.checkout-map__link {
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #00ab39;
  margin-top: 4px;
}
.checkout-map__link.--hide {
  display: none;
}
@media only screen and (max-width: 799px) {
  .checkout-map__date-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .checkout-map__date {
    width: calc(100% / 3);
  }
  .checkout-map__date:not(:first-of-type),
  .checkout-map__date:not(:nth-child(4)) {
    margin-left: -1px;
    width: calc(100% / 3 + 1px);
  }
  .checkout-map__date:not(:nth-child(-n + 3)) {
    margin-top: -1px;
    width: calc(100% / 3 + 1px);
  }
  .checkout-map__map {
    height: 340px;
  }
}
.references,
.references__main,
.references__side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.references {
  width: 100%;
  max-width: 1340px;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding-bottom: 48px;
}
.references__main,
.references__side {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.references__side {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 340px;
  flex: 0 0 340px;
  padding-left: 32px;
}
.references__header {
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin: 0 0 24px;
}
.references__header.--mb-16 {
  margin-bottom: 24px;
}
.references__item,
.references__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 0;
}
.references__item {
  margin-bottom: 24px;
  border-bottom: 1px dashed #e8e8e8;
  padding-bottom: 16px;
}
.references__item:last-of-type {
  margin-bottom: 0;
  border: 0;
  padding-bottom: 0;
}
.references__item-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: #272639;
}
.references__item-col:hover {
  text-decoration: none;
}
.references__item-img {
  width: 100%;
  margin-bottom: 16px;
}
.references__item-title {
  font-size: 1.75rem;
  line-height: 2.5rem;
  text-align: left;
  font-weight: 500;
  color: #272639;
  margin-bottom: 12px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin-top: 0;
}
.references__item-title:hover {
  color: #e106a4;
}
.references__item-address,
.references__item-year {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
  margin-bottom: 12px;
}
.references__item-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.references__item-tag {
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: left;
  font-weight: 400;
  color: #b6b6b6;
  padding: 4px 8px;
  border-radius: 2px;
  border: 1px solid #d9d9d9;
  margin-right: 8px;
  margin-bottom: 8px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.references__item-tag:hover {
  border-color: #b6b6b6;
  color: #b6b6b6;
}
.references__item-tag.--active {
  border-color: #e106a4;
  color: #e106a4;
}
.references__side-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.references__side-item {
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
  padding: 10px 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border-bottom: 1px solid #e8e8e8;
}
.references__side-item:last-of-type {
  border-bottom: none;
}
.references__product:hover .references__product-name,
.references__side-item:hover {
  color: #e106a4;
}
.references__show-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  position: relative;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 400;
  color: #e106a4;
  margin-top: 16px;
  cursor: pointer;
}
.references__show-more::before {
  display: block;
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNSAxMC41TDkuNSA3LjVMNi41IDQuNSIgc3Ryb2tlPSIjRkQ4QjI1IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgo8L3N2Zz4K)
    no-repeat center center;
  right: -16px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.hidden-article {
  display: none;
}
.side-item.active {
  color: #e106a4;
}
.references__text,
.references__value {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
  margin-bottom: 16px;
}
.references__value {
  margin-bottom: 8px;
}
.references__value:last-of-type {
  margin-bottom: 24px;
}
.references__value mark {
  background: 0 0;
  padding: 0;
  color: #272639;
  font-weight: 500;
}
.references__subheader {
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-align: left;
  font-weight: 600;
  color: #272639;
  margin-bottom: 24px;
}
.references__product,
.references__products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% + 12px);
  margin: 0 -6px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.references__product {
  position: relative;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  width: calc(1 / 4 * 100% - 12px);
  margin: 0 6px 12px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.references__product:hover {
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.references__product-art {
  display: block;
  position: absolute;
  left: 16px;
  top: 16px;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
}
.references__product-cover {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 300px;
}
.references__product-img {
  max-width: 70%;
}
.references__product-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 16px 16px;
}
.references__product-name {
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: center;
  font-weight: 500;
  color: #272639;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1340px) {
  .references {
    padding: 0 16px 48px;
  }
  .references__product {
    width: calc(1 / 3 * 100% - 12px);
  }
}
@media only screen and (max-width: 799px) {
  .references {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .references__side {
    padding-left: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .references__list,
  .references__main {
    margin-bottom: 24px;
  }
  .references__header.--mb-16 {
    margin-bottom: 8px;
  }
  .references__product {
    width: calc(1 / 2 * 100% - 12px);
  }
}
.contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1340px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-bottom: 48px;
}
.contacts,
.contacts__main {
  width: 100%;
}
.contacts__head,
.contacts__main,
.contacts__side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.contacts__side {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 340px;
  flex: 0 0 340px;
  padding-right: 32px;
}
.contacts__head {
  width: 100%;
  margin-bottom: 12px;
}
.contacts__header {
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin-top: 0;
  margin-bottom: 24px;
}
.contacts__head-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% + 12px);
  margin: 0 -6px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.contacts__head-col,
.contacts__head-row {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.contacts__head-col.--col-3,
.contacts__head-col.--col-row {
  width: calc(1 / 3 * 100% - 12px);
  margin: 0 6px;
}
.contacts__head-col.--col-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 14px;
  padding-left: 12px;
}
.contacts__body,
.contacts__body-col,
.contacts__head-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.contacts__body {
  width: 100%;
}
.contacts__body-col {
  width: calc(100% / 2);
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 32px;
}
.contacts__filter-link {
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin-right: 24px;
  cursor: pointer;
}
.contacts__filter-link.--active,
.contacts__filter-link:hover,
.contacts__nav-link:hover {
  color: #e106a4;
}
.contacts__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 32px;
}
.contacts__nav-link {
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
  margin-bottom: 16px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.contacts__nav-link--mb-0,
.lk-layout__nav a--mb-0 {
  margin-bottom: 0;
}
.contacts__banner-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.contacts__banner {
  width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.contacts__banner img {
  width: 100%;
  max-width: 260px;
  border-radius: 2px;
}
.contacts__list,
.contacts__map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.contacts__map div#map {
  width: 100%;
  height: 640px;
  background: #fafafa;
}
.contacts__map div#map.small {
  height: 360px;
}
.contacts__list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 24px 0;
}
.contacts__text {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
  margin-top: 0;
}
.contacts__text.--mt-24 {
  margin-top: 24px;
}
.contacts__text.--mb-24 {
  margin-bottom: 24px;
}
.contacts__text a {
  margin: 0 4px;
}
.contacts__personal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 24px;
}
.contacts__personal-link,
.contacts__personal-text {
  font-size: 0.775rem !important;
  line-height: 1.125rem !important;
  text-align: left;
  font-weight: 400;
}
.contacts__personal-link {
  color: #e106a4;
  text-decoration: underline;
  cursor: pointer;
  margin-bottom: 8px;
}
.contacts__personal-link:hover {
  color: #e106a4;
  text-decoration: none;
}
.contacts__personal-text {
  display: none;
}
.contacts__personal-text.--show {
  height: 100%;
}
@media (max-width: 1340px) {
  .contacts {
    padding: 0 16px 48px;
  }
  .contacts__body-col {
    width: 100%;
  }
  .contacts__head-row {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0;
  }
  .contacts__head-col.--col-3 {
    width: 100%;
    margin: 0 0 10px;
  }
  .contacts__head-col.--col-row {
    width: 100%;
    margin: 0 0 10px;
    padding-left: 0;
  }
  .contacts__map {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  .contacts__map div#map {
    width: 100%;
    height: 340px;
    background: #fafafa;
  }
}
@media only screen and (max-width: 799px) {
  .contacts {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 16px 48px;
  }
  .contacts__side {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    padding-right: 0;
  }
  .contacts__nav {
    margin-bottom: 16px;
  }
  .contacts__nav-link {
    text-decoration: underline;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 500;
    color: #e106a4;
  }
  .contacts__banner {
    width: 100%;
  }
  .contacts__banner img {
    max-width: 100%;
  }
  .contacts__main {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .contacts__head-row {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0;
  }
  .contacts__head-col.--col-3 {
    width: 100%;
    margin: 0 0 10px;
  }
  .contacts__head-col.--col-row {
    width: 100%;
    margin: 0 0 10px;
    padding-left: 0;
  }
  .contacts__map {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  .contacts__map div#map {
    width: 100%;
    height: 340px;
    background: #fafafa;
  }
  .contacts__body-col {
    width: 100%;
  }
}
.contact-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 1px solid #e8e8e8;
}
.contact-card.--attention {
  background: #fff8f0;
}
.contact-card:not(:first-of-type) {
  margin-top: -1px;
  border-radius: 0;
}
.contact-card:not(:last-of-type) {
  border-radius: 0;
}
.contact-card:first-of-type {
  border-radius: 2px 2px 0 0;
}
.contact-card:last-of-type {
  border-radius: 0 0 2px 2px;
}
.contact-card__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.contact-card__row:last-of-type {
  border-bottom: none;
}
.contact-card__row:first-of-type .contact-card__col.--col-1 {
  border-bottom: 1px solid transparent;
}
.contact-card__row:first-of-type .contact-card__col.--col-2 {
  border-bottom: 1px solid #e8e8e8;
}
.contact-card__row:not(:first-of-type) .contact-card__col.--col-1 {
  border-bottom: 1px solid transparent;
  padding: 0;
}
.contact-card__row:not(:first-of-type) .contact-card__col.--col-2 {
  border-bottom: 1px solid #e8e8e8;
}
.contact-card__row:last-of-type .contact-card__col.--col-1,
.contact-card__row:last-of-type .contact-card__col.--col-2 {
  border-bottom: 1px solid transparent;
}
.contact-card__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 16px;
}
.contact-card__col.--col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 34%;
  flex: 0 0 34%;
}
.contact-card__col.--col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 22%;
  flex: 0 0 22%;
  padding-right: 10px;
}
.contact-card__col.--address {
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.contact-card__col.--address:hover {
  background: #e8e8e8;
}
.contact-card__caption {
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 600;
  color: #272639;
  margin-bottom: 8px;
}
.contact-card__address,
.contact-card__contact,
.contact-card__name {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
}
.contact-card__address,
.contact-card__contact {
  margin-top: 0 !important;
}
.contact-card__name {
  margin-bottom: 16px;
}
.basic__body p,
.contact-card__link {
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 500;
  color: #e106a4;
}
@media (max-width: 1340px) {
  .contact-card__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .contact-card__col.--col-1,
  .contact-card__col.--col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .contact-card__caption {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 799px) {
  .contact-card__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .contact-card__col.--col-1,
  .contact-card__col.--col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .contact-card__caption {
    margin-bottom: 8px;
  }
}
.basic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1340px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-bottom: 48px;
}
.basic,
.basic__main {
  width: 100%;
}
.basic__head,
.basic__main,
.basic__side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.basic__side {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 340px;
  flex: 0 0 340px;
  padding-left: 32px;
  padding-top: 12px;
}
.basic__head {
  width: 100%;
  margin-bottom: 12px;
}
.basic__header {
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin-top: 0;
  margin-bottom: 24px;
}
.basic__body {
  /* display: -webkit-box; */
  display: -ms-flexbox;
  /* display: flex; */
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.basic__body p {
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 400;
  margin-bottom: 16px;
  color: #272639;
}
.basic__body p a,
.compare__header-box a:hover {
  text-decoration: underline;
  color: #e106a4;
}
.basic__body p a:hove {
  text-decoration: none;
  color: #e106a4;
}
.basic__body h6 {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  font-weight: 400;
  margin-bottom: 0;
  color: #272639;
  margin-top: 0;
}
.basic__body ul,
.basic__body ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.basic__body ul {
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  padding: 0;
  list-style: none;
}
.basic__body ul li {
  position: relative;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  font-size: 1rem;
  line-height: 1.2rem;
  text-align: left;
  font-weight: 400;
  margin-bottom: 8px;
  padding-left: 15px;
}
.basic__body ul li::before {
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: #777;
  content: "";
  left: 0;
  top: 6px;
}
.basic__body ul li p {
  margin-bottom: 0;
  padding-left: 24px;
}
/* .basic__body img, */
.basic__body ul {
  width: 100%;
  margin-bottom: 16px;
}
@media (max-width: 1340px) {
  .basic {
    padding: 0 16px 48px;
  }
}
@media only screen and (max-width: 1024px) {
  .basic {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 16px 48px;
    margin-bottom: 0;
  }
  .basic__side {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    padding-left: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .basic__banner {
    width: 100%;
  }
  .basic__banner img {
    max-width: 100%;
  }
  .basic__main {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 0;
  }
}
/* Vertical (9:16) Sidebar widget — mounts in the right-hand .basic__side
   column of the default text-page template, replacing the retired left-rail
   banner. Colored card with a full-bleed vertical banner image (cover) and
   the header / body / CTA stacked at the bottom over a readability scrim. */
.sidebar-card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
  max-width: 300px;
  aspect-ratio: 9 / 16;
  padding: 24px;
  border-radius: 16px;
  overflow: hidden;
  color: #ffffff;
}
.sidebar-card__art {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.sidebar-card__art img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.sidebar-card__art::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.55)), color-stop(55%, rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.55) 0, rgba(0, 0, 0, 0) 55%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.55) 0, rgba(0, 0, 0, 0) 55%);
}
.sidebar-card__main {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.sidebar-card__heading {
  font-size: 20px;
  line-height: 1.25;
  font-weight: 700;
  margin: 0 0 8px;
  color: inherit;
}
.sidebar-card__body {
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 12px;
  color: inherit;
  opacity: 0.92;
}
.sidebar-card__body p,
.sidebar-card__body ul,
.sidebar-card__body ol {
  margin: 0 0 8px;
}
.sidebar-card__body p:last-child,
.sidebar-card__body ul:last-child,
.sidebar-card__body ol:last-child {
  margin-bottom: 0;
}
.sidebar-card__cta {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: inherit;
  text-decoration: none;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.sidebar-card__cta:hover,
.sidebar-card__cta:focus {
  color: inherit;
  text-decoration: none;
  opacity: 0.85;
}
.sidebar-card__cta-icon {
  display: inline-block;
}
@media only screen and (max-width: 1024px) {
  /* Single-column layout: the side rail spans full width, so cap the
     vertical card and center it instead of letting it become a poster. */
  .sidebar-card {
    max-width: 320px;
    margin: 0 auto;
  }
}
.calc-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.calc-page,
.calc-page__head {
  width: 100%;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.calc-page__block,
.calc-page__footer,
.calc-page__head,
.calc-page__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
}
.calc-page__row {
  width: calc(100% + 12px);
  margin: 0 -6px;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.calc-page__block,
.calc-page__footer {
  width: 100%;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.calc-page__footer {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 24px;
  padding-bottom: 32px;
}
.calc-page__text {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
  margin-top: 0;
}
@media only screen and (max-width: 799px) {
  .calc-page__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
    margin: 0;
  }
  .calc-page__row .form-col.--col-6-mb-4 {
    width: 100%;
    margin: 0 0 4px;
  }
}
.calc-item {
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-bottom: 24px;
}
.calc-item,
.calc-item__cover,
.calc-item__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-direction: normal;
}
.calc-item__cover {
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 16px;
  max-width: 250px;
}
.calc-item__cover img {
  height: 300px;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.calc-item__head {
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 16px;
}
.calc-item__art {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  color: #272639;
}
.calc-item__body,
.calc-item__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.calc-item__body {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 16px;
}
.calc-item__title {
  display: block;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  color: #272639;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  margin-bottom: 16px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.calc-item__title:hover {
  color: #e106a4;
}
.calc-item__desc {
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
}
.compare {
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 48px;
}
.compare,
.compare__head,
.compare__head-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-direction: normal;
}
.compare__head {
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 1340px;
  margin-bottom: 32px;
}
.compare__head-row {
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 24px;
}
.compare__header-box a,
.compare__text {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
}
.compare__text {
  font-weight: 400;
  color: #272639;
  margin-top: 0;
}
.compare__header {
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin-top: 0;
  margin-bottom: 0;
}
.compare__header-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.compare__header-box a {
  font-weight: 500;
  color: #e106a4;
}
.compare__header-box a:last-of-type {
  margin-left: 24px;
}
.compare__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-left: calc((100% - 1340px) / 2);
  padding-bottom: 48px;
  overflow-x: auto;
}
.compare__body::-webkit-scrollbar {
  height: 2px;
}
.compare__body::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.02);
}
.compare__body::-webkit-scrollbar-thumb {
  background: #e8e8e8;
}
.compare__product-sticky {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  position: sticky;
  z-index: 80;
  background: #fff;
}
.compare__product,
.compare__product-row::after,
.compare__product-sticky {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.compare__product-row::after {
  content: "";
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc((100% - 1340px) / 2);
  flex: 0 0 calc((100% - 1340px) / 2);
}
.compare__product {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  background: #fff;
}
.compare__product:not(:first-of-type) {
  margin-left: -1px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(280px + 1px);
  flex: 0 0 calc(280px + 1px);
}
.compare__badges,
.compare__product-cover-box,
.compare__product-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.compare__product-head {
  position: relative;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 16px;
}
.compare__badges,
.compare__product-cover-box {
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.compare__badges {
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: absolute;
  left: 0;
  top: 38px;
  padding: 0 16px;
}
.compare__product-art {
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
}
.compare__product-footer,
.compare__product-remove {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.compare__product-remove {
  position: absolute;
  right: 0;
  width: 48px;
  height: 48px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
}
.compare__product-remove,
.compare__product-remove svg path {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.compare__product-footer {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 8px 16px 16px;
}
.compare__product-cover {
  height: 120px;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.compare__product-name {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: center;
  font-weight: 500;
  color: #272639;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.compare__product-name:hover {
  color: #e106a4;
}
.compare__label-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 0;
}
.compare__label {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  font-weight: 600;
  color: #272639;
  position: sticky;
  left: 0;
}
.compare__product-col,
.compare__product-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.compare__product-col {
  height: 100%;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px;
  border: 1px solid #e8e8e8;
}
.compare__product-col:not(:first-of-type) {
  margin-left: -1px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(280px + 1px);
  flex: 0 0 calc(280px + 1px);
}
.compare__product-value {
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: center;
  font-weight: 500;
  color: #272639;
}
@media (max-width: 1340px) {
  .compare__head {
    padding: 0 16px;
  }
  .compare__body {
    padding-left: 16px;
  }
  .compare__product-row::after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    content: "";
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
  }
}
@media only screen and (max-width: 600px) {
  .compare__head-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .compare__header {
    margin-bottom: 16px;
  }
  .compare__product-cover-box {
    max-width: 200px;
  }
}
.compare-slider,
.compare-slider__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.compare-slider {
  max-width: 1340px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 32px;
}
.compare-slider__top {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: sticky;
  top: 82px;
  z-index: 10;
  background: #fff;
}
.compare-slider__top-container {
  position: relative;
  width: auto;
}
.compare-slider__top-container::before {
  display: block;
  width: 100%;
  min-width: 1340px;
  max-width: 1340px;
  position: relative;
  top: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  content: "";
}
.compare-slider__top-container .swiper-navigation .swiper-button-prev svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}
.compare-slider__products,
.compare-slider__products .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.compare-slider__products {
  width: 100%;
  max-width: 1340px;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  overflow: hidden;
}
.compare-slider__products .swiper-wrapper {
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.compare-slider__products .swiper-wrapper .swiper-slide {
  height: auto;
}
.compare-slider__products .swiper-wrapper .swiper-slide:not(:first-of-type) {
  margin-left: -1px;
  width: calc(100% + 1px);
}
.compare-slider__body,
.compare-slider__label-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.compare-slider__label-row {
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 0;
}
.compare-slider__label {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  font-weight: 600;
  color: #272639;
  position: sticky;
  left: 0;
}
@media (max-width: 1340px) {
  .compare-slider {
    padding: 0 16px;
  }
  .compare-slider__top {
    padding: 0 16px;
    top: 140px;
  }
  .compare-slider__top-container {
    width: 100%;
  }
  .compare-slider__top-container .swiper-navigation .swiper-button-prev {
    left: 16px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 50%;
  }
  .compare-slider__top-container .swiper-navigation .swiper-button-next {
    right: 16px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 50%;
  }
}
@media only screen and (max-width: 799px) {
  .compare-slider {
    padding: 0 16px;
  }
  .compare-slider__top {
    padding: 0 16px;
    top: 140px;
  }
  .compare-slider__top-container {
    width: 100%;
  }
  .compare-slider__top-container .swiper-navigation .swiper-button-prev {
    left: 16px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 50%;
  }
  .compare-slider__top-container .swiper-navigation .swiper-button-next {
    right: 16px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 50%;
  }
}
.lk-orders {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 890px;
  padding: 0 0 80px;
}
.lk-orders__header,
.lk-orders__subheader {
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin-top: 0;
  margin-bottom: 24px;
}
.lk-orders__subheader {
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-align: left;
  font-weight: 600;
  color: #272639;
}
.lk-orders__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 48px;
}
.lk-orders__block:last-of-type {
  margin-bottom: 0;
}
.lk-orders__block-footer,
.lk-orders__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-direction: normal;
}
.lk-orders__block-footer {
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 0;
}
.lk-orders__block-footer.--pt-8 {
  padding-top: 8px;
}
.lk-orders__block-footer.--end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.lk-orders__list {
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 8px;
}
.lk-orders__total-box {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  font-weight: 500;
  color: #272639;
  margin-left: 24px;
}
.lk-orders__map {
  height: 640px;
  width: 100%;
  background: #fafafa;
  margin-bottom: 16px;
}
@media (max-width: 1024px) {
  .lk-orders {
    padding: 0 16px 48px;
  }
  .lk-orders__block-footer.--end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
  }
  .lk-orders__total-box {
    margin-bottom: 8px;
  }
  .lk-orders__map {
    height: 340px;
  }
}
.lk-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border: 1px solid #e8e8e8;
  padding: 8px;
  margin-bottom: 0;
}
.lk-card:not(:first-of-type):not(:last-of-type) {
  margin-top: -1px;
}
.lk-card:last-of-type {
  margin-top: -1px;
  margin-bottom: 8px;
}
.lk-card__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.lk-card__col--col-1,
.lk-card__col--col-1 a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.lk-card__col--col-1 {
  width: 190px;
}
.lk-card__col--col-1 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.lk-card__col--col-2 {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 360px;
  flex: 1 0 360px;
}
.lk-card__col--col-3,
.lk-card__col--col-4,
.lk-card__col--col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% / 3);
  flex: 0 0 calc(100% / 3);
  padding-left: 6px;
  padding-right: 6px;
}
.lk-card__col--col-3 .card__quantity,
.lk-card__col--col-3 .card__quantity .card__q-input,
.lk-card__col--col-4 .card__quantity,
.lk-card__col--col-4 .card__quantity .card__q-input,
.lk-card__col--col-5 .card__quantity,
.lk-card__col--col-5 .card__quantity .card__q-input {
  width: 100%;
}
.lk-card__body-row,
.lk-card__info,
.lk-card__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.lk-card__body-row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}
.lk-card__info,
.lk-card__row {
  width: 100%;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.lk-card__cover {
  width: 70%;
  margin: 0 auto;
}
.lk-card__caption,
.lk-card__name {
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
  margin-bottom: 4px;
}
.lk-card__caption.--mb-16 {
  margin-bottom: 16px;
}
.lk-card__name {
  font-size: 1rem;
  line-height: 1.375rem;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: 8px;
}
.lk-card__name:hover,
.lk-layout__nav a:hover {
  color: #e106a4;
}
.lk-card__art,
.lk-card__stock {
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 400;
}
.lk-card__art {
  color: #272639;
  min-width: 140px;
  margin-right: 8px;
}
.lk-card__stock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #b6b6b6;
  margin-left: 0;
  cursor: pointer;
}
.lk-card__stock.--ready {
  color: #00ab39;
}
.lk-card__value {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  font-weight: 600;
  color: #272639;
}
.lk-card__remove {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 16px;
  height: 16px;
  right: 8px;
  opacity: 0.5;
  padding: 0;
  background: 0 0;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.lk-card__remove:hover {
  opacity: 1;
}
@media (max-width: 1024px) {
  .lk-card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .lk-card__name {
    padding-right: 24px;
  }
  .lk-card__info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .lk-card__art {
    min-width: 100px;
  }
  .lk-card__col--col-1 {
    width: 90px;
  }
  .lk-card__col--col-2 {
    width: calc(100% - 90px);
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
  .lk-card__col--col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 84px;
  }
  .lk-card__col--col-4,
  .lk-card__col--col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% - 84px) / 2);
    flex: 0 0 calc((100% - 84px) / 2);
  }
}
.lk-layout {
  position: relative;
  width: 100%;
  max-width: 1340px;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 48px;
}
.lk-layout,
.lk-layout__main,
.lk-layout__row,
.lk-layout__side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.lk-layout__row {
  width: 100%;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.lk-layout__main,
.lk-layout__side {
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.lk-layout__side {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 340px;
  flex: 0 0 340px;
  padding-right: 32px;
}
.lk-layout__main {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.lk-layout__header {
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin-top: 0;
  margin-bottom: 24px;
}
.lk-layout__user {
  width: 100%;
}
.lk-layout__user-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 16px;
  border-radius: 2px;
  background: #f3f3f3;
}
.lk-layout__user-name {
  display: nline-block;
  position: relative;
  width: 100%;
  max-width: 260px;
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-align: left;
  font-weight: 600;
  color: #272639;
  margin-bottom: 12px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.lk-layout__nav a,
.lk-layout__user-email {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
}
.lk-layout__mobile-head {
  display: none;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 16px;
}
.lk-layout__card,
.lk-layout__cards,
.lk-layout__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
}
.lk-layout__nav {
  width: 100%;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 32px;
}
.lk-layout__nav a {
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin-bottom: 16px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.lk-layout__card,
.lk-layout__cards {
  width: calc(100% + 12px);
  margin: 0 -6px;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.lk-layout__card {
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: calc(1 / 2 * 100% - 12px);
  margin: 0 6px 16px;
  padding: 16px;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
}
.lk-layout__card-icon,
.lk-layout__card-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.lk-layout__card-name {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-align: left;
  font-weight: 600;
  color: #272639;
  margin-bottom: 12px;
}
.lk-layout__card-icon {
  width: 20px;
  height: 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 8px;
}
.lk-layout__card-desc,
.lk-layout__card-link {
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 400;
}
.lk-layout__card-desc {
  color: #272639;
  margin-bottom: 16px;
}
.lk-layout__card-link {
  color: #e106a4;
  margin-top: auto;
}
.lk-layout__card-link:hover {
  text-decoration: underline;
}
.lk-layout__text {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
  margin-bottom: 32px;
}
.lk-layout__form-container {
  max-width: 500px;
}
.lk-layout__form-container,
.lk-layout__history {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 1340px) {
  .lk-layout {
    padding: 0 16px 48px;
  }
  .lk-layout__mobile-head {
    display: none;
  }
}
@media only screen and (max-width: 799px) {
  .lk-layout__mobile-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .lk-layout__nav,
  .lk-layout__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .lk-layout__nav {
    -webkit-box-orient: horizontal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .lk-layout__nav a {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-right: 16px;
    text-decoration: underline;
  }
  .lk-layout__side {
    display: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-right: 0;
    padding-top: 16px;
  }
  .lk-layout__main {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .lk-layout__card {
    width: calc(1 / 1 * 100% - 12px);
  }
}
.lk-history {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 1px solid #e8e8e8;
  margin-bottom: 16px;
}
.lk-history:last-of-type {
  margin-bottom: 0;
}
.lk-history.--active .lk-history__body {
  height: 100%;
}
.lk-history__head,
.lk-history__head-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.lk-history__head {
  width: 100%;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 16px;
}
.lk-history__head-col {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.lk-history__title {
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-align: left;
  font-weight: 600;
  color: #272639;
  margin-bottom: 8px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.lk-history__title:hover {
  color: #e106a4;
}
.lk-history__status {
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 500;
  color: #272639;
}
.lk-history__more,
.lk-history__order {
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 400;
}
.lk-history__order {
  color: #272639;
  margin-bottom: 14px;
}
.lk-history__more {
  color: #e106a4;
  cursor: pointer;
}
.lk-history__more:hover {
  text-decoration: underline;
}
.lk-history__body,
.lk-history__wrapper {
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.lk-history__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  overflow: hidden;
  height: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.lk-history__body.--show {
  height: auto;
}
.lk-history__wrapper {
  padding: 16px;
}
.lk-history__info-block,
.lk-history__info-row,
.lk-history__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.lk-history__info-block {
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 16px;
}
.lk-history__info-row {
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border: 1px solid #e8e8e8;
}
.lk-history__card:not(:first-of-type):not(:last-of-type),
.lk-history__info-row:not(:first-of-type) {
  margin-top: -1px;
}
.lk-history__card,
.lk-history__info-col,
.lk-history__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.lk-history__info-col {
  padding: 8px;
  width: calc(100% / 2);
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
}
.lk-history__card,
.lk-history__list {
  width: 100%;
  margin-bottom: 16px;
}
.lk-history__card {
  position: relative;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border: 1px solid #e8e8e8;
  padding: 8px;
  margin-bottom: 0;
}
.lk-history__card:last-of-type {
  margin-top: -1px;
  margin-bottom: 8px;
}
.lk-history__card-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.lk-history__card-col--col-1,
.lk-history__card-col--col-1 a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.lk-history__card-col--col-1 {
  width: 138px;
}
.lk-history__card-col--col-1 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.lk-history__card-col--col-3,
.lk-history__card-col--col-4,
.lk-history__card-col--col-5,
.lk-history__card-col--col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
}
.lk-history__card-info,
.lk-history__card-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.lk-history__card-cover {
  width: 70%;
  margin: 0 auto;
}
.lk-history__card-caption {
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
  margin-bottom: 4px;
}
.lk-history__card-caption.--mb-16 {
  margin-bottom: 16px;
}
.lk-history__card-cat,
.lk-history__card-name {
  text-align: left;
  font-weight: 400;
  color: #272639;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.lk-history__card-name {
  font-size: 1rem;
  line-height: 1.375rem;
  margin-bottom: 8px;
}
.lk-history__card-cat:hover,
.lk-history__card-name:hover {
  color: #e106a4;
}
.lk-history__card-cat {
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.lk-history__card-value {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  font-weight: 600;
  color: #272639;
}
.lk-history__footer,
.lk-history__footer-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.lk-history__footer {
  width: 100%;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.lk-history__footer-row {
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.lk-history__total-box {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  font-weight: 600;
  color: #272639;
  margin-left: 24px;
}
.lk-history__total-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}
@media only screen and (max-width: 1024px) {
  .lk-history__head {
    padding: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .lk-history__head-col {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .lk-history__status {
    margin-bottom: 8px;
  }
  .lk-history__wrapper {
    padding: 16px 8px;
  }
  .lk-history__info-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
  }
  .lk-history__card-col--col-3 .card__quantity,
  .lk-history__card-col--col-3 .card__quantity .card__q-input,
  .lk-history__card-col--col-5 .card__quantity,
  .lk-history__card-col--col-5 .card__quantity .card__q-input,
  .lk-history__card-col--col-6 .card__quantity,
  .lk-history__card-col--col-6 .card__quantity .card__q-input,
  .lk-history__info-col {
    width: 100%;
  }
  .lk-history__card-name {
    padding-right: 24px;
  }
  .lk-history__card,
  .lk-history__card-info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .lk-history__card-row {
    padding-top: 12px;
  }
  .lk-history__total-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .lk-history__card-col--col-1 {
    width: 90px;
  }
  .lk-history__card-col--col-2 {
    width: calc(100% - 90px);
  }
  .lk-history__card-col--col-4 {
    display: none;
  }
  .lk-history__card-col--col-3,
  .lk-history__card-col--col-5,
  .lk-history__card-col--col-6 {
    margin-bottom: 8px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 3);
    flex: 0 0 calc(100% / 3);
  }
}
.lk-marketing,
.lk-marketing__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.lk-marketing {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  max-width: 1340px;
  padding: 0 0 48px;
}
.lk-marketing__head {
  margin-bottom: 32px;
}
.lk-marketing__head.--mb-0 {
  margin-bottom: 0;
}
.lk-marketing__header {
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin-top: 0;
  margin-bottom: 24px;
}
.lk-marketing__body,
.lk-marketing__col,
.lk-marketing__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.lk-marketing__body {
  width: 100%;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.lk-marketing__body .manager-order-list .dataTables_info,
.lk-marketing__body .manager-order-list .dataTables_length {
  float: left;
}

.lk-marketing__body .manager-order-list .dataTables_filter {
  float: right;
}

.lk-marketing__body .manager-order-list .dataTables_filter label {
  padding: 0 !important;
}

.lk-marketing__body .manager-order-list .dataTables_filter input {
  border: 1px solid #ddd;
  margin: 0 0 0 5px;
}

.lk-marketing__body .manager-order-list .form-group {
  margin-bottom: 0 !important;
}

.lk-marketing__body
  .manager-order-list
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button.current,
.lk-marketing__body
  .manager-order-list
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button.current:hover {
  border: 1px solid #e106a4;
  background-color: #e106a4;
}
.lk-marketing__body .manager-order-list {
  width: 100%;
}
.lk-marketing__col,
.lk-marketing__row {
  width: calc(100% + 12px);
  margin: 0 -6px;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.lk-marketing__col {
  width: calc(1 / 3 * 100% - 12px);
  margin: 0 6px 16px;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.lk-marketing__player {
  width: 100%;
  height: 100%;
}
.lk-marketing__player iframe {
  width: 100%;
  height: 207px;
}
.lk-marketing__title {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  font-weight: 500;
  color: #272639;
  margin-top: 16px;
}
.lk-marketing__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 32px;
}
.lk-marketing__text {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
  margin-bottom: 24px;
}
@media (max-width: 1340px) {
  .lk-marketing {
    padding: 0 16px 48px;
  }
  .lk-marketing__col {
    width: calc(1 / 2 * 100% - 12px);
  }
}
@media only screen and (max-width: 799px) {
  .lk-marketing {
    padding: 0 16px 48px;
  }
  .lk-marketing__col {
    width: calc(1 / 1 * 100% - 12px);
  }
}
.lk-test {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 24px;
  border-radius: 2px;
  background: #fff;
  border: 1px solid #e8e8e8;
  margin-bottom: 32px;
}
.lk-test__count {
  display: block;
  position: absolute;
  right: 24px;
  top: 24px;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: right;
  font-weight: 400;
  color: #b6b6b6;
}
.lk-test__body,
.lk-test__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-direction: normal;
}
.lk-test__body {
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 32px;
}
.lk-test__footer {
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.lk-test__title {
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-align: left;
  font-weight: 600;
  color: #272639;
  margin-top: 0;
}
.lk-test__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media only screen and (max-width: 799px) {
  .lk-test {
    padding: 16px;
  }
  .lk-test__title {
    width: 100%;
    padding-right: 40px;
  }
  .lk-test__count {
    right: 16px;
    top: 20px;
  }
}
.login-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 40px 0 240px;
  max-width: 1340px;
  height: 100%;
}
.login-layout__header {
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin-top: 0;
  margin-bottom: 24px;
}
.login-layout__container {
  max-width: 500px;
}
.login-layout__container,
.login-layout__forms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media only screen and (max-width: 799px) {
  .login-layout {
    padding: 0 16px 40px;
  }
}
.news,
.news__main,
.news__side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.news {
  width: 100%;
  max-width: 1340px;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 0 0 48px;
}
.news__main,
.news__side {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.news__side {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 340px;
  flex: 0 0 340px;
  padding-left: 32px;
}
.news__header {
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin: 0 0 24px;
}
.news__header.--mb-16 {
  margin-bottom: 24px;
}
.news__list,
.news__side-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.news__list {
  width: calc(100% + 12px);
  margin: 0 -6px;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.news__side-list {
  width: 100%;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.news__side-item {
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
  padding: 10px 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border-bottom: 1px solid #e8e8e8;
}
.news__side-item:last-of-type {
  border-bottom: none;
}
.news__side-item:hover {
  color: #e106a4;
}
.news__show-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  position: relative;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 400;
  color: #e106a4;
  margin-top: 16px;
  cursor: pointer;
}
.news__show-more::before,
.articles__show-more::before {
  display: block;
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNSAxMC41TDkuNSA3LjVMNi41IDQuNSIgc3Ryb2tlPSIjRkQ4QjI1IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgo8L3N2Zz4K)
    no-repeat center center;
  right: -16px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
@media (max-width: 1340px) {
  .news {
    padding: 0 16px 48px;
  }
}
@media (min-width: 800px) and (max-width: 1024px) {
  .news {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 16px 48px;
  }
}
@media only screen and (max-width: 799px) {
  .news {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 16px;
  }
  .news__side {
    padding-left: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 48px;
  }
  .news__list {
    width: 100%;
    margin: 0 0 24px;
  }
  .news__header.--mb-16 {
    margin-bottom: 8px;
  }
  .news__main {
    margin-bottom: 24px;
  }
}
.articles,
.articles__main,
.articles__side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.articles {
  width: 100%;
  max-width: 1340px;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 0 0 48px;
}
.articles__main,
.articles__side {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.articles__side {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 340px;
  flex: 0 0 340px;
  padding-left: 32px;
}
.articles__header {
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin: 0 0 24px;
}
.articles__header.--mb-16 {
  margin-bottom: 24px;
}
.articles__list,
.articles__side-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.articles__list {
  width: calc(100% + 12px);
  margin: 0 -6px;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.articles__side-list {
  width: 100%;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.articles__side-item {
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
  padding: 10px 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border-bottom: 1px solid #e8e8e8;
}
.articles__side-item:last-of-type {
  border-bottom: none;
}
.articles__side-item:hover {
  color: #e106a4;
}
.articles__show-more {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  position: relative;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  font-weight: 400;
  color: #e106a4;
  margin-top: 16px;
}
.articles__card,
.articles__card-cover,
.articles__show-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.articles__card {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: calc(1 / 2 * 100% - 12px);
  margin: 0 6px 12px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  color: #272639;
}
.articles__card:hover {
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.articles__card:hover .articles__card-title {
  color: #e106a4;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.articles__card-cover {
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.articles__card-img {
  width: 100%;
  height: 300px;
  -o-object-fit: contain;
  object-fit: contain;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.articles__card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 16px;
  border-top: 1px solid #e8e8e8;
}
.articles__card-title {
  color: #272639;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  margin-top: 0 !important;
  margin-bottom: 16px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.articles__card-text {
  display: block;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  color: #272639;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (max-width: 1340px) {
  .articles {
    padding: 0 16px 48px;
  }
}
@media (min-width: 800px) and (max-width: 1024px) {
  .articles {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 16px 48px;
  }
}
@media only screen and (max-width: 799px) {
  .articles {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 16px;
  }
  .articles__side {
    padding-left: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 48px;
  }
  .articles__list {
    width: 100%;
    margin: 0 0 24px;
  }
  .articles__header.--mb-16 {
    margin-bottom: 8px;
  }
  .articles__card {
    width: 100%;
    margin: 0 0 12px;
  }
  .articles__main {
    margin-bottom: 24px;
  }
}

.form-group {
  margin-bottom: 0px;
  width: 100%;
}
.form-group .help-block {
  margin: 0 !important;
}

/* map */
#map {
  height: 388px;
  width: 100%;
  margin-top: 7px;
}
.lk-orders__map #map,
.lk-orders__map #mapPickup {
  height: 100%;
  width: 100%;
}

/* pagination */
.pagination {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0;
  margin: 24px 0;
  list-style: none;
}

.pagination ul li {
  display: inline-block;
  margin-bottom: 4px;
}

.pagination ul li a,
.pagination ul li span {
  width: 48px;
  height: 48px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 2px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #272639;
  border: 1px solid #e8e8e8;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pagination ul li span {
  cursor: default;
}

.pagination ul li a {
  text-decoration: none;
}

.pagination ul li a:hover {
  color: #e106a4;
  background: #ffffff;
}

.pagination ul li.active a {
  color: #fff;
  background: #e106a4;
  font-weight: bold;
}

.pagination .btn {
  display: inline-block;
  padding: 6px 24px 15px;
  margin-top: -1px;
  background: #e106a4;
  color: #ffffff;
}

.pagination .btn .icon {
  font-size: 24px;
  line-height: 24px;
  position: relative;
  top: 7px;
}

.pagination .btn:hover {
  background: #333333;
  color: #ffffff;
}

.all-list h2 {
  display: block;
}
#show-products {
  display: none;
}
@media only screen and (max-width: 799px) {
  .all-list {
    display: none;
  }
  .all-list h2 {
    display: none;
  }
  #show-products {
    position: relative;
    display: block !important;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 0.015em;
    color: #e106a4;
    cursor: pointer;
    transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
  }
}

/* Right-column "Browse Alphabetically" filter — chips that client-side
   filter the term index below by first letter (see glossary _right_column). */
.glossary-alpha {
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
  margin: 0 0 16px;
}
.glossary-alpha__letter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid #e8e8e8;
  background: #fff;
  color: #272639;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease;
}
.glossary-alpha__letter:hover {
  border-color: #e106a4;
  color: #e106a4;
  text-decoration: none;
}
.glossary-alpha__letter--active {
  border-color: #e106a4;
  background: #e106a4;
  color: #fff;
}
.glossary-alpha__letter--active:hover {
  color: #fff;
  background: #c3068f;
  border-color: #c3068f;
}

/* Left-column alphabetical index — definition-free term pills bucketed by
   first letter into full-width horizontal cards stacked one per row; the
   right-column A–Z chips filter which cards stay visible (see glossary
   list + JS), and the picker is multi-select. */
.glossary-groups {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: 20px;
  width: 100%;
}
.glossary-group {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  width: 100%;
  padding: 20px 24px 24px;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  background: #fff;
}
.glossary-group__letter {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 600;
  color: #e106a4;
  margin: 0 0 16px;
}
.glossary-group__terms {
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
  width: 100%;
}
.glossary-group__term {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid #e8e8e8;
  background: #fff;
  color: #272639;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  font-weight: 500;
  text-decoration: none;
  transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease;
}
.glossary-group__term:hover {
  border-color: #e106a4;
  color: #e106a4;
  text-decoration: none;
}

.dict-header {
  display: block;
  width: calc(100% - 40px);
  font-weight: 300;
  font-size: 18px !important;
  font-weight: 400 !important;
}
.dict-description {
  display: none;
  padding-bottom: 20px;
  text-align: justify;
}
.collapse-block .collapser {
  position: absolute;
  top: 6px;
  right: 0;
  font-size: 25px;
  cursor: pointer;
  text-decoration: none !important;
}
.collapse-block {
  width: 100%;
  border-bottom: 1px solid #e9e9e9;
  position: relative;
}
.collapse-block .options-swatch-color {
  margin-bottom: 0;
}
div.collapse-block:not(.collapse-block-mobile):not(.hide) ~ div {
  margin-top: 15px;
}
@media (min-width: 1025px) {
  .leftColumn .collapse-block-mobile {
    display: none;
  }
}
@media (max-width: 991px) {
  div.collapse-block ~ div {
    margin-top: 20px;
  }
}
.collapse-block.first-child {
  margin-top: 0px;
}
.collapse-block.open {
  padding-bottom: 20px;
}
.collapse-block__content {
  display: none;
  padding-bottom: 19px;
}
.collapse-block__content > p:first-child {
  margin-top: 10px;
}
.collapse-block__content .jq-selectbox__dropdown {
  top: 45px;
}
.collapse-block_title {
  cursor: pointer;
  margin: 0px 35px 0 0;
  padding-bottom: 13px;
  font-weight: 400;
  position: relative;
  font-size: 20px;
  line-height: 26px;
  color: #333333;
}
.collapse-block__icon-left {
  padding-left: 38px;
}
.collapse-block__icon-left:after {
  left: 0px;
}
.collapse-block:last-child {
  border-bottom: 0;
  padding-bottom: 25px;
}
.collapse-block--indent-lg {
  margin-bottom: 22px;
  padding-bottom: 24px;
}
.collapse-block .collapser {
  position: absolute;
  top: 6px;
  right: 0;
  font-size: 25px;
  cursor: pointer;
  text-decoration: none !important;
}
@media (min-width: 1279px) {
  .collapse-block.hidde-border-lg {
    border-bottom-color: transparent;
  }
}

a.big-green-button {
  background: #00ab39;
  border: none;
  color: #ffffff !important;
  font-weight: 400;
  letter-spacing: 0.3px;
  position: relative;
  outline: none;
  padding: 5px 23px 4px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 42px;
  transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  border-radius: 0 !important;
  text-decoration: none !important;
}
a.big-orange-button {
  background: #e106a4;
  border: none;
  color: #ffffff !important;
  font-weight: 400;
  letter-spacing: 0.3px;
  position: relative;
  outline: none;
  padding: 5px 23px 4px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 42px;
  transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  border-radius: 0 !important;
  text-decoration: none !important;
}

.tooltip {
  position: fixed;
}

.splide__slide img {
  width: 100%;
  height: auto;
}

/* Courses */
.course-card {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  margin: 0;
  align-items: stretch;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  -webkit-transition:
    -webkit-transform 0.2s ease,
    box-shadow 0.2s ease;
  -o-transition: transform 0.2s ease, box-shadow 0.2s ease;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}
.course-card:hover {
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.course-card:hover .course-card__title {
  color: #e106a4;
}

.course-card:hover .course-card__price.--old {
  color: #acacac;
}
.course-card__cover {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.course-card__block-cover {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  position: relative;
  overflow: hidden;
  background-color: white;
}
.course-card__body {
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 8px;
  padding: 16px;
}
.course-card__title {
  color: #272639;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.3;
  text-align: left;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  margin: 0;
}
.course-card__description {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.4;
  margin: 0;
  text-align: left;
  color: #5e6068;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.course-card__tags {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  gap: 6px;
}
.course-card__tag {
  font-size: 0.75rem;
  padding: 2px 8px;
  border-radius: 999px;
  background: #f4f5f7;
  color: #5e6068;
}
.course-card__caption {
  text-align: left;
  font-size: 0.875rem;
  font-weight: 600;
  color: #272639;
  line-height: 1.125rem;
  margin-bottom: 8px;
}
.course-card__row,
.course-card__rating {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 8px;
}
.course-card__row {
  margin-bottom: 4px;
}
.course-card__rating.--white span {
  color: #ffffff;
}
.course-card__rating span {
  font-weight: 500;
  color: #272639;
}
.course-card__info {
  text-align: left;
  font-weight: 400;
  font-size: 12px;
  color: #acacac;
}
.course-card__star {
  width: 16px;
  height: 16px;
}
.course-card__reviews {
  text-align: left;
  font-weight: 400;
  font-size: 12px;
  color: #acacac;
}
.course-card__footer {
  display: flex;
  width: 100%;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 0 16px 16px;
  margin-top: auto;
}
.course-card__price-box {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 8px;
}
.course-card__price {
  font-size: 24px;
  text-align: left;
  font-weight: 600;
  color: #272639;
}
.course-card__price.--old {
  color: #acacac;
  font-size: 14px;
  font-weight: 400;
  text-decoration: line-through;
}

.main-courses {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  max-width: 1340px;
  margin: 24px -6px;
  justify-content: flex-start;
  align-items: flex-start;
}
.main-courses__row {
  display: flex;
  width: calc(100% + 12px);
  margin: 0 -6px;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.main-courses__head {
  display: flex;
  width: 100%;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.main-courses__header {
  font-size: 34px;
  font-weight: 600;
  text-align: left;
  color: inherit;
}

.page-description {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  width: 100%;
  padding: 0px 0px 24px;
}

/* Courses page */
.courses,
.courses__main,
.courses__side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.courses {
  width: 100%;
  max-width: 1340px;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 0 0 48px;
}
.courses__main,
.courses__side {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.courses__side {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 340px;
  flex: 0 0 340px;
  padding-top: 8px;
  padding-right: 32px;
}
.courses__header {
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin: 0 0 24px;
}
.courses__header.--mb-16 {
  margin-bottom: 24px;
}
.courses__row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
  margin: 0;
}

/* Shared course-card grids. The column count is owned by the container so the
   card itself stays width-agnostic and renders identically everywhere. The
   `>` rules outrank the bare `.course-card { width }` overrides in the legacy
   responsive blocks, so those don't need touching. The courses curtain is
   scoped by #courses-menu because `.menu-catalog` is shared with the products
   mega-menu. */
#courses-menu .menu-catalog__row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
  margin: 0;
}
.courses__row > .course-card,
#courses-menu .menu-catalog__row > .course-card,
.braiding-styles__cards > .course-card {
  width: 100%;
  margin: 0;
}
@media (max-width: 1024px) {
  .courses__row,
  #courses-menu .menu-catalog__row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 799px) {
  .courses__row {
    grid-template-columns: minmax(0, 1fr);
  }
}

.course,
.course__main,
.course__side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.course {
  width: 100%;
  max-width: 1340px;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 0 0 48px;
}
.course__main,
.course__side {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
/* .course__side {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(1 / 4 * 100%);
  flex: 0 0 calc(1 / 4 * 100%);
  padding-right: 32px;
  transition: transform 0.3s ease;
}

.course__side.--hidden {
  transform: translateX(-100%);
} */
.course__side {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  padding-left: 10px;
  padding-right: 10px;
  transition:
    flex-basis 0.3s ease,
    max-width 0.3s ease,
    padding-right 0.3s ease;
  position: relative;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.course__side.--collapsed {
  flex-basis: 146px;
  max-width: 146px;
  padding-right: 0;
}

.course__side-info {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  margin-bottom: 0;
  padding-right: 16px;
}
.course__side-info-title {
  margin: 0;
  font-size: 18px;
  text-align: left;
  font-weight: 600;
  transition: all 0.3s;
}
.course__side-info-subtitle {
  font-size: 16px;
  text-align: left;
  font-weight: 400;
  transition: all 0.3s;
}
.course__side.--collapsed .course__side-info-title {
  font-size: 14px;
}
.course__side.--collapsed .course__side-info-subtitle {
  font-size: 14px;
}

.course-menu {
  flex-shrink: 0;
  transition:
    opacity 0.3s ease,
    visibility 0.3s ease;
}

.course__side.--collapsed .course-menu {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.course__main {
  gap: 24px;
  padding: 0px 24px;
  /* align-items: flex-start; */
  align-items: center;
}

.mobile-course-btn,
.mobile-filter-btn {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .course-card {
    width: calc(1 / 1 * 100% - 12px);
  }
  .course__side {
    display: none;
  }
  .courses__side {
    display: none;
  }
  .course__main {
    padding: 0 16px;
  }
  .mobile-course-btn,
  .mobile-filter-btn {
    display: flex;
  }
}

.course-hero {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: 460px;
  overflow: hidden;
  border-radius: 2px;
  background: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.course-hero__cover-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.course-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 55%;
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.75) 100%
  );
  z-index: 1;
}
.course-hero__title {
  text-align: left;
  font-size: 1.75rem;
  line-height: 2.25rem;
  margin: 0;
}
.course-hero .course-hero__title {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 20px;
  z-index: 2;
}
.course-hero__title.--white {
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}
.course-hero.--plain {
  aspect-ratio: auto;
  max-height: none;
  padding: 24px;
}
.course-hero.--plain::after {
  content: none;
}
.course-hero.--plain .course-hero__title {
  position: static;
}

.course-pills {
  display: flex;
  width: 100%;
  flex-flow: row wrap;
  align-items: center;
  gap: 8px;
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.course-pills__feature {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #272639;
}
.course-pills__feature:not(:first-child) {
  margin-left: 8px;
}
.course-pill {
  display: inline-flex;
  align-items: center;
  padding: 5px 12px;
  font-size: 14px;
  line-height: 18px;
  color: #3a3a3a;
  background: #ffffff;
  border: 1px solid #cfcfcf;
  border-radius: 999px;
  text-decoration: none;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}
.course-pill:hover {
  color: #ffffff;
  background: #e106a4;
  border-color: #e106a4;
  text-decoration: none;
}

.course-content {
  width: 100%;
  text-align: left;
  font-size: 16px;
  line-height: 1.6;
}
.course-content > *:first-child {
  margin-top: 0;
}
.course-content > *:last-child {
  margin-bottom: 0;
}

.course-cta {
  display: flex;
  width: 100%;
  flex-flow: column nowrap;
  align-items: flex-start;
  gap: 16px;
}
.course-cta__price-box {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 8px;
}
.course-cta__row {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 24px;
}

.course-benefits {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  align-items: stretch;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 2px;
}
.course-benefits__col {
  display: flex;
  width: calc(1 / 4 * 100%);
  padding: 24px;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.course-benefits__col:first-of-type {
  border-left: 1px solid transparent;
}
.course-benefits__title {
  font-size: 16px;
  text-align: left;
  font-weight: 600;
  margin-bottom: 8px;
}
.course-benefits__description {
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  margin-top: 0;
}

.course__header {
  text-align: left;
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin: 0 0 16px;
}
.course__header.--m-0 {
  margin: 0;
}

.course__header.--white {
  color: #ffffff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.course__header.--mb-16 {
  margin-bottom: 24px;
}
.course__description {
  text-align: left;
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 24px;
  max-width: 690px;
}
.course-tags {
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
  list-style: none;
  padding-left: 0;
}
.course-tags li {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  text-align: left;
  border-radius: 8px;
  padding: 4px 10px;
  font-size: 14px;
  line-height: 18px;
  color: #acacac;
  background: transparent;
  border: 1px solid #acacac;
}
.course-tags li a {
  color: inherit;
}
.course-tags li a:hover {
  color: inherit;
}
.course-tags.--white li {
  color: #ffffff;
  border: 1px solid #ffffff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.course-tags.--muted {
  gap: 6px;
  margin-top: 6px;
}
.course-tags.--muted li {
  padding: 2px 8px;
  font-size: 12px;
  line-height: 16px;
  color: #c8c8c8;
  border-color: #e3e3e3;
}
.course__side-sticky {
  display: flex;
  width: 100%;
  position: sticky;
  top: 154px;
  flex-flow: column nowrap;
  align-items: flex-start;
}
.course-menu {
  display: flex;
  width: 100%;
  flex-flow: column nowrap;
  align-items: flex-start;
}

.course-menu__dropdown {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  align-items: flex-start;
}

.course-menu__header,
.course-menu__header-link {
  display: flex;
  position: relative;
  width: 100%;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0px;
  font-weight: 500;
  font-size: 18px;
  cursor: pointer;
  color: #272639;
}

.course-menu__header-link.--active {
  color: #e106a4;
}

.course-menu__header:hover,
.course-menu__header-link:hover {
  color: #e106a4;
}

.course-menu__header-row {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  align-items: center;
  gap: 8px;
}

.course-menu__header-row .course-menu__header-link {
  width: auto;
  white-space: nowrap;
}

.course-menu__dropdown-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 14px;
  height: 14px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: #e106a4;
  color: #ffffff;
  padding: 0;
  border: none;
  border-radius: 2px;
}
.course-menu__dropdown-btn.--show::before,
.course-menu__dropdown-btn.--active::before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.course-menu__dropdown-btn.--show::before,
.course-menu__dropdown-btn::before {
  display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'><path d='M1 1L4 4L7 1' stroke='%23ffffff' stroke-linecap='square'/></svg>")
    no-repeat center center;
}

.course-menu__header.--dropdown::before {
  display: block;
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  width: 15px;
  height: 15px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOCA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSAxTDQgNEw3IDEiIHN0cm9rZT0iIzFEMTkyOSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgo8L3N2Zz4K)
    no-repeat center center;
  right: 0px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.course-menu__list {
  display: flex;
  width: 100%;
  flex-flow: column nowrap;
  align-items: flex-start;
  margin: 0;
  padding: 0;
  list-style: none;
}

.course-menu__list-group {
  display: flex;
  width: 100%;
  position: relative;
  flex-flow: column nowrap;
  margin: 8px 0;
  padding: 4px 0;
}

.course-menu__list-group::before,
.course-menu__list-group::after {
  content: "";
  position: absolute;
  left: 20px;
  right: 0;
  height: 1px;
  background: #e8e8e8;
}

.course-menu__list-group::before {
  top: 0;
}

.course-menu__list-group::after {
  bottom: 0;
}

.course-menu__list-group + .course-menu__list-group {
  margin-top: -8px;
}

.course-menu__list-group + .course-menu__list-group::before {
  display: none;
}

.course-menu__group-row {
  display: block;
  width: 100%;
  padding: 8px 0 8px 20px;
}

.course-menu__group-row .course-menu__group-title {
  display: inline;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.course-menu__group-row .course-menu__dropdown-btn {
  display: inline-flex;
  vertical-align: middle;
  margin-left: 6px;
  top: -1px;
}

.course-menu__group-title {
  font-size: 16px;
  line-height: 22px;
  color: #272639;
  text-decoration: none;
}

.course-menu__group-title:hover {
  color: #e106a4;
}

.course-menu__sublist {
  display: flex;
  width: 100%;
  flex-flow: column nowrap;
  list-style: none;
  padding: 0;
  margin: 0;
}

.course-menu__list-item {
  display: flex;
  width: 100%;
  flex-flow: row nowrap;
  align-items: center;
}

.course-menu__list > .course-menu__list-item {
  background-color: transparent;
}

.course-menu__list-group .course-menu__sublist {
  padding-left: 20px;
}

.course-menu__list-item.--active
  .course-menu__link-box
  > .course-menu__link-title {
  color: #e106a4;
}
.course-menu__link.--active .course-menu__link-box > .course-menu__link-title {
  color: #e106a4;
}

.course-menu__link {
  display: flex;
  position: relative;
  flex-flow: row nowrap;
  align-items: center;
  width: 100%;
  padding: 8px 0px 8px 32px;
  color: #272639;
}

.course-menu__list > .course-menu__list-item > .course-menu__link {
  padding-left: 32px;
}

.course-menu__list > .course-menu__list-item > .course-menu__link::before {
  left: 0;
}

.course-menu__link:hover {
  color: #e106a4;
}

.course-menu__link-box {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  width: 100%;
  min-width: 0;
}
.course-menu__link-title {
  text-align: left;
  font-size: 16px;
  line-height: 22px;
  color: #272639;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.course-menu__link-box span {
  text-align: left;
  font-size: 14px;
  color: #acacac;
}

.course-menu__link::before {
  content: "";
  position: absolute;
  left: 0;
  width: 24px;
  height: 24px;
}

.course-menu__link.--complete::before {
  /* background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IgogIGZpbGw9IiNlMTA2YTQiPgogIDxwYXRoIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIgLz4KICA8cGF0aAogICAgZD0iTTE3IDMuMzRhMTAgMTAgMCAxIDEgLTE0Ljk5NSA4Ljk4NGwtLjAwNSAtLjMyNGwuMDA1IC0uMzI0YTEwIDEwIDAgMCAxIDE0Ljk5NSAtOC4zMzZ6bS0xLjI5MyA1Ljk1M2ExIDEgMCAwIDAgLTEuMzIgLS4wODNsLS4wOTQgLjA4M2wtMy4yOTMgMy4yOTJsLTEuMjkzIC0xLjI5MmwtLjA5NCAtLjA4M2ExIDEgMCAwIDAgLTEuNDAzIDEuNDAzbC4wODMgLjA5NGwyIDJsLjA5NCAuMDgzYTEgMSAwIDAgMCAxLjIyNiAwbC4wOTQgLS4wODNsNCAtNGwuMDgzIC0uMDk0YTEgMSAwIDAgMCAtLjA4MyAtMS4zMnoiIC8+Cjwvc3ZnPg==)
    center center no-repeat; */
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIyXzIpIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAxXzIyXzIpIj4KPHBhdGggZD0iTTE3IDMuMzRDMTguNTA4MyA0LjIxMDg1IDE5Ljc2MjkgNS40NjA1MyAyMC42Mzk4IDYuOTY1M0MyMS41MTY3IDguNDcwMDcgMjEuOTg1NCAxMC4xNzc4IDIxLjk5OTQgMTEuOTE5M0MyMi4wMTM1IDEzLjY2MDkgMjEuNTcyNSAxNS4zNzYgMjAuNzIgMTYuODk0N0MxOS44Njc2IDE4LjQxMzQgMTguNjMzMiAxOS42ODMyIDE3LjEzOTIgMjAuNTc4M0MxNS42NDUyIDIxLjQ3MzQgMTMuOTQzNCAyMS45NjI4IDEyLjIwMjEgMjEuOTk4MUMxMC40NjA4IDIyLjAzMzMgOC43NDA1NSAyMS42MTMyIDcuMjExNTUgMjAuNzc5MkM1LjY4MjU2IDE5Ljk0NTMgNC4zOTc4NyAxOC43MjY1IDMuNDg0NjcgMTcuMjQzNUMyLjU3MTQ2IDE1Ljc2MDUgMi4wNjE0MSAxNC4wNjQ3IDIuMDA1IDEyLjMyNEwyIDEyTDIuMDA1IDExLjY3NkMyLjA2MSA5Ljk0ODk5IDIuNTYzNTUgOC4yNjU5NiAzLjQ2MzY0IDYuNzkwOTlDNC4zNjM3MyA1LjMxNjAyIDUuNjMwNjUgNC4wOTk0NSA3LjE0MDg5IDMuMjU5ODhDOC42NTExMyAyLjQyMDMxIDEwLjM1MzEgMS45ODY0IDEyLjA4MSAyLjAwMDQ0QzEzLjgwODkgMi4wMTQ0OCAxNS41MDM2IDIuNDc2IDE3IDMuMzRaTTE1LjcwNyA5LjI5M0MxNS41MzQ4IDkuMTIwODIgMTUuMzA1NyA5LjAxNzM5IDE1LjA2MjcgOS4wMDIxMUMxNC44MTk3IDguOTg2ODMgMTQuNTc5NCA5LjA2MDc1IDE0LjM4NyA5LjIxTDE0LjI5MyA5LjI5M0wxMSAxMi41ODVMOS43MDcgMTEuMjkzTDkuNjEzIDExLjIxQzkuNDIwNTggMTEuMDYwOSA5LjE4MDM3IDEwLjk4NyA4LjkzNzQgMTEuMDAyNEM4LjY5NDQ0IDExLjAxNzcgOC40NjU0MSAxMS4xMjExIDguMjkzMjYgMTEuMjkzM0M4LjEyMTEyIDExLjQ2NTQgOC4wMTc2OCAxMS42OTQ0IDguMDAyMzUgMTEuOTM3NEM3Ljk4NzAyIDEyLjE4MDQgOC4wNjA4NiAxMi40MjA2IDguMjEgMTIuNjEzTDguMjkzIDEyLjcwN0wxMC4yOTMgMTQuNzA3TDEwLjM4NyAxNC43OUMxMC41NjI0IDE0LjkyNjEgMTAuNzc4IDE0Ljk5OTkgMTEgMTQuOTk5OUMxMS4yMjIgMTQuOTk5OSAxMS40Mzc2IDE0LjkyNjEgMTEuNjEzIDE0Ljc5TDExLjcwNyAxNC43MDdMMTUuNzA3IDEwLjcwN0wxNS43OSAxMC42MTNDMTUuOTM5MyAxMC40MjA2IDE2LjAxMzIgMTAuMTgwMyAxNS45OTc5IDkuOTM3MzJDMTUuOTgyNiA5LjY5NDI5IDE1Ljg3OTIgOS40NjUxOSAxNS43MDcgOS4yOTNaIiBmaWxsPSIjOENFM0MyIi8+CjwvZz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMl8yIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8Y2xpcFBhdGggaWQ9ImNsaXAxXzIyXzIiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==)
    center center no-repeat;
}

.course-menu__link.--active {
  color: #e106a4;
}

.upload-form {
  display: flex;
  width: 100%;
  flex-flow: column nowrap;
  gap: 16px;
}

.file-input-container {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 16px;
}

.file-input-selected {
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  color: #272639;
}

.quiz-details {
  display: flex;
  width: 100%;
  flex-flow: column nowrap;
  padding: 24px;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  gap: 16px;
}

.quiz-details__title {
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  color: #272639;
}

.quiz-details__row {
  display: flex;
  width: 100%;
  flex-flow: row wrap;
  align-items: stretch;
  gap: 8px;
}
.quiz-details__col {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: calc(1 / 3 * 100% - 8px);
  padding-right: 16px;
}
.quiz-details__caption {
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
  margin-bottom: 8px;
}
.quiz-details__value {
  text-align: left;
  font-size: 14px;
  line-height: 18px;
}
.quiz-details__value mark {
  color: #e106a4;
  background: transparent;
}
.quiz-details__footer {
  display: flex;
  width: 100%;
  flex-flow: row nowrap;
  gap: 16px;
  align-items: center;
}

.course-modules {
  display: flex;
  width: 100%;
  border-radius: 2px;
  /* background: #FAFAFA; */
  border: 1px solid rgba(0, 0, 0, 0.05);
  padding: 8px 24px;
  flex-flow: column nowrap;
  align-items: flex-start;
}

.course-module {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  width: 100%;
  border-bottom: 1px solid #e8e8e8;
  padding: 16px 0px;
}

.course-module:last-of-type {
  border-bottom: 1px solid transparent;
}
.course-module__title {
  font-size: 18px;
  font-weight: 600;
  text-align: left;
  margin-bottom: 8px;
  transition: all 0.3s;
  padding-right: 48px;
}
.course-module__subtitle {
  font-size: 14px;
  text-align: left;
  color: #acacac;
}

.course-module__header {
  display: flex;
  position: relative;
  width: 100%;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.course-module.--show .course-module__header::before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.course-module.--lock .course-module__header {
  cursor: default;
}

.course-module.--lock .course-module__header::before {
  display: none;
}
.course-module__header::before {
  display: block;
  position: absolute;
  content: "";
  right: 0;
  width: 15px;
  height: 15px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIgogIHN0cm9rZT0iI2UxMDZhNCIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogIDxwYXRoIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIgLz4KICA8cGF0aCBkPSJNNiA5bDYgNmw2IC02IiAvPgo8L3N2Zz4=)
    no-repeat center center;
}

.course-module__header:hover .course-module__title {
  color: #e106a4;
}

.course-module__header-row {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 8px;
}

.course-module__divider {
  font-size: 14px;
  text-align: left;
  color: #acacac;
}

.course-module__dropdown {
  display: flex;
  width: 100%;
  flex-flow: column nowrap;
  align-items: flex-start;
}

.course-module__description {
  font-size: 14px;
  text-align: left;
  color: #272639;
  margin-bottom: 16px;
  max-width: 690px;
}

.course-module__announce {
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  color: #6b6b6b;
  margin-top: 8px;
  padding-right: 48px;
}

.course-module__announce > :first-child {
  margin-top: 0;
}

.course-module__announce > :last-child {
  margin-bottom: 0;
}

.course-module__lessons {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
}

.course-module__lesson {
  display: flex;
  width: 100%;
  flex-flow: row nowrap;
  align-items: center;
  gap: 12px;
  padding: 12px 0px;
  transition: all 0.3s;
}

.course-module__lesson:hover .course-module__lesson-name {
  color: #e106a4;
}

.course-module__lesson-icon {
  display: flex;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.grade-module__action::before {
  display: flex;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  content: "";
}
.course-module__lesson-icon.--complete,
.grade-module__action.--complete::before {
  /* background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IgogIGZpbGw9IiNlMTA2YTQiPgogIDxwYXRoIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIgLz4KICA8cGF0aAogICAgZD0iTTE3IDMuMzRhMTAgMTAgMCAxIDEgLTE0Ljk5NSA4Ljk4NGwtLjAwNSAtLjMyNGwuMDA1IC0uMzI0YTEwIDEwIDAgMCAxIDE0Ljk5NSAtOC4zMzZ6bS0xLjI5MyA1Ljk1M2ExIDEgMCAwIDAgLTEuMzIgLS4wODNsLS4wOTQgLjA4M2wtMy4yOTMgMy4yOTJsLTEuMjkzIC0xLjI5MmwtLjA5NCAtLjA4M2ExIDEgMCAwIDAgLTEuNDAzIDEuNDAzbC4wODMgLjA5NGwyIDJsLjA5NCAuMDgzYTEgMSAwIDAgMCAxLjIyNiAwbC4wOTQgLS4wODNsNCAtNGwuMDgzIC0uMDk0YTEgMSAwIDAgMCAtLjA4MyAtMS4zMnoiIC8+Cjwvc3ZnPg==)
    center center no-repeat; */
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIyXzIpIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAxXzIyXzIpIj4KPHBhdGggZD0iTTE3IDMuMzRDMTguNTA4MyA0LjIxMDg1IDE5Ljc2MjkgNS40NjA1MyAyMC42Mzk4IDYuOTY1M0MyMS41MTY3IDguNDcwMDcgMjEuOTg1NCAxMC4xNzc4IDIxLjk5OTQgMTEuOTE5M0MyMi4wMTM1IDEzLjY2MDkgMjEuNTcyNSAxNS4zNzYgMjAuNzIgMTYuODk0N0MxOS44Njc2IDE4LjQxMzQgMTguNjMzMiAxOS42ODMyIDE3LjEzOTIgMjAuNTc4M0MxNS42NDUyIDIxLjQ3MzQgMTMuOTQzNCAyMS45NjI4IDEyLjIwMjEgMjEuOTk4MUMxMC40NjA4IDIyLjAzMzMgOC43NDA1NSAyMS42MTMyIDcuMjExNTUgMjAuNzc5MkM1LjY4MjU2IDE5Ljk0NTMgNC4zOTc4NyAxOC43MjY1IDMuNDg0NjcgMTcuMjQzNUMyLjU3MTQ2IDE1Ljc2MDUgMi4wNjE0MSAxNC4wNjQ3IDIuMDA1IDEyLjMyNEwyIDEyTDIuMDA1IDExLjY3NkMyLjA2MSA5Ljk0ODk5IDIuNTYzNTUgOC4yNjU5NiAzLjQ2MzY0IDYuNzkwOTlDNC4zNjM3MyA1LjMxNjAyIDUuNjMwNjUgNC4wOTk0NSA3LjE0MDg5IDMuMjU5ODhDOC42NTExMyAyLjQyMDMxIDEwLjM1MzEgMS45ODY0IDEyLjA4MSAyLjAwMDQ0QzEzLjgwODkgMi4wMTQ0OCAxNS41MDM2IDIuNDc2IDE3IDMuMzRaTTE1LjcwNyA5LjI5M0MxNS41MzQ4IDkuMTIwODIgMTUuMzA1NyA5LjAxNzM5IDE1LjA2MjcgOS4wMDIxMUMxNC44MTk3IDguOTg2ODMgMTQuNTc5NCA5LjA2MDc1IDE0LjM4NyA5LjIxTDE0LjI5MyA5LjI5M0wxMSAxMi41ODVMOS43MDcgMTEuMjkzTDkuNjEzIDExLjIxQzkuNDIwNTggMTEuMDYwOSA5LjE4MDM3IDEwLjk4NyA4LjkzNzQgMTEuMDAyNEM4LjY5NDQ0IDExLjAxNzcgOC40NjU0MSAxMS4xMjExIDguMjkzMjYgMTEuMjkzM0M4LjEyMTEyIDExLjQ2NTQgOC4wMTc2OCAxMS42OTQ0IDguMDAyMzUgMTEuOTM3NEM3Ljk4NzAyIDEyLjE4MDQgOC4wNjA4NiAxMi40MjA2IDguMjEgMTIuNjEzTDguMjkzIDEyLjcwN0wxMC4yOTMgMTQuNzA3TDEwLjM4NyAxNC43OUMxMC41NjI0IDE0LjkyNjEgMTAuNzc4IDE0Ljk5OTkgMTEgMTQuOTk5OUMxMS4yMjIgMTQuOTk5OSAxMS40Mzc2IDE0LjkyNjEgMTEuNjEzIDE0Ljc5TDExLjcwNyAxNC43MDdMMTUuNzA3IDEwLjcwN0wxNS43OSAxMC42MTNDMTUuOTM5MyAxMC40MjA2IDE2LjAxMzIgMTAuMTgwMyAxNS45OTc5IDkuOTM3MzJDMTUuOTgyNiA5LjY5NDI5IDE1Ljg3OTIgOS40NjUxOSAxNS43MDcgOS4yOTNaIiBmaWxsPSIjOENFM0MyIi8+CjwvZz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMl8yIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8Y2xpcFBhdGggaWQ9ImNsaXAxXzIyXzIiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==)
    center center no-repeat;
  background-size: contain;
}
.course-module__lesson-icon.--quiz,
.grade-module__action.--quiz::before,
.course-menu__link.--quiz::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiIGZpbGw9IiNGQUZBRkEiLz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzZfNDYpIj4KPHBhdGggZD0iTTExLjQxNjcgOC41SDE2LjY2NjciIHN0cm9rZT0iI0E4QThBOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMS40MTY3IDEySDE2LjY2NjciIHN0cm9rZT0iI0E4QThBOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMS40MTY3IDE1LjVIMTYuNjY2NyIgc3Ryb2tlPSIjQThBOEE4IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTcuMzMzMzQgMTAuODMzM1Y4LjIwODMzQzcuMzMzMzQgNy45NzYyNiA3LjQyNTUzIDcuNzUzNyA3LjU4OTYyIDcuNTg5NjFDNy43NTM3MiA3LjQyNTUyIDcuOTc2MjggNy4zMzMzMyA4LjIwODM0IDcuMzMzMzNDOC40NDA0MSA3LjMzMzMzIDguNjYyOTcgNy40MjU1MiA4LjgyNzA2IDcuNTg5NjFDOC45OTExNiA3Ljc1MzcgOS4wODMzNCA3Ljk3NjI2IDkuMDgzMzQgOC4yMDgzM1YxMC44MzMzIiBzdHJva2U9IiNBOEE4QTgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNy4zMzMzNCA5LjY2NjY3SDkuMDgzMzQiIHN0cm9rZT0iI0E4QThBOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik04LjIwODM0IDE0LjkxNjdDOC40NDA0MSAxNC45MTY3IDguNjYyOTcgMTUuMDA4OSA4LjgyNzA2IDE1LjE3M0M4Ljk5MTE2IDE1LjMzNyA5LjA4MzM0IDE1LjU1OTYgOS4wODMzNCAxNS43OTE3QzkuMDgzMzQgMTYuMDIzNyA4Ljk5MTE2IDE2LjI0NjMgOC44MjcwNiAxNi40MTA0QzguNjYyOTcgMTYuNTc0NSA4LjQ0MDQxIDE2LjY2NjcgOC4yMDgzNCAxNi42NjY3SDcuMzMzMzRWMTMuMTY2N0g4LjIwODM0QzguNDQwNDEgMTMuMTY2NyA4LjY2Mjk3IDEzLjI1ODkgOC44MjcwNiAxMy40MjNDOC45OTExNiAxMy41ODcgOS4wODMzNCAxMy44MDk2IDkuMDgzMzQgMTQuMDQxN0M5LjA4MzM0IDE0LjI3MzcgOC45OTExNiAxNC40OTYzIDguODI3MDYgMTQuNjYwNEM4LjY2Mjk3IDE0LjgyNDUgOC40NDA0MSAxNC45MTY3IDguMjA4MzQgMTQuOTE2N1pNOC4yMDgzNCAxNC45MTY3SDcuMzMzMzQiIHN0cm9rZT0iI0E4QThBOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNl80NiI+CjxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUgNSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K)
    center center no-repeat;
  background-size: contain;
}
.course-module__lesson-icon.--read,
.grade-module__action.--read::before,
.course-menu__link.--read::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiIGZpbGw9IiNGQUZBRkEiLz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzVfMTMpIj4KPHBhdGggZD0iTTYuNzUgMTYuMDgzM0M3LjU0ODEgMTUuNjIyNiA4LjQ1MzQzIDE1LjM4IDkuMzc1IDE1LjM4QzEwLjI5NjYgMTUuMzggMTEuMjAxOSAxNS42MjI2IDEyIDE2LjA4MzNDMTIuNzk4MSAxNS42MjI2IDEzLjcwMzQgMTUuMzggMTQuNjI1IDE1LjM4QzE1LjU0NjYgMTUuMzggMTYuNDUxOSAxNS42MjI2IDE3LjI1IDE2LjA4MzMiIHN0cm9rZT0iI0E4QThBOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik02Ljc1IDguNUM3LjU0ODEgOC4wMzkyMSA4LjQ1MzQzIDcuNzk2NjMgOS4zNzUgNy43OTY2M0MxMC4yOTY2IDcuNzk2NjMgMTEuMjAxOSA4LjAzOTIxIDEyIDguNUMxMi43OTgxIDguMDM5MjEgMTMuNzAzNCA3Ljc5NjYzIDE0LjYyNSA3Ljc5NjYzQzE1LjU0NjYgNy43OTY2MyAxNi40NTE5IDguMDM5MjEgMTcuMjUgOC41IiBzdHJva2U9IiNBOEE4QTgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNi43NSA4LjVWMTYuMDgzMyIgc3Ryb2tlPSIjQThBOEE4IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyIDguNVYxNi4wODMzIiBzdHJva2U9IiNBOEE4QTgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTcuMjUgOC41VjE2LjA4MzMiIHN0cm9rZT0iI0E4QThBOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNV8xMyI+CjxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUgNSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K)
    center center no-repeat;
  background-size: contain;
}
.course-module__lesson-icon.--video,
.grade-module__action.--video::before,
.course-menu__link.--video::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiIGZpbGw9IiNGQUZBRkEiLz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzVfMjcpIj4KPHBhdGggZD0iTTEzLjc1IDEwLjgzMzNMMTYuNDA1OSA5LjUwNTY2QzE2LjQ5NDggOS40NjEyMyAxNi41OTM2IDkuNDQwMjYgMTYuNjkyOSA5LjQ0NDczQzE2Ljc5MjIgOS40NDkyIDE2Ljg4ODcgOS40Nzg5NyAxNi45NzMzIDkuNTMxMjFDMTcuMDU3OCA5LjU4MzQ2IDE3LjEyNzYgOS42NTY0NCAxNy4xNzYxIDkuNzQzMjNDMTcuMjI0NSA5LjgzMDAzIDE3LjI0OTkgOS45Mjc3NiAxNy4yNSAxMC4wMjcyVjEzLjk3MjhDMTcuMjQ5OSAxNC4wNzIyIDE3LjIyNDUgMTQuMTcgMTcuMTc2MSAxNC4yNTY4QzE3LjEyNzYgMTQuMzQzNSAxNy4wNTc4IDE0LjQxNjUgMTYuOTczMyAxNC40Njg4QzE2Ljg4ODcgMTQuNTIxIDE2Ljc5MjIgMTQuNTUwOCAxNi42OTI5IDE0LjU1NTNDMTYuNTkzNiAxNC41NTk3IDE2LjQ5NDggMTQuNTM4OCAxNi40MDU5IDE0LjQ5NDNMMTMuNzUgMTMuMTY2N1YxMC44MzMzWiIgc3Ryb2tlPSIjQThBOEE4IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTYuNzUgOS42NjY2N0M2Ljc1IDkuMzU3MjUgNi44NzI5MiA5LjA2MDUgNy4wOTE3MSA4Ljg0MTcxQzcuMzEwNSA4LjYyMjkyIDcuNjA3MjUgOC41IDcuOTE2NjcgOC41SDEyLjU4MzNDMTIuODkyOCA4LjUgMTMuMTg5NSA4LjYyMjkyIDEzLjQwODMgOC44NDE3MUMxMy42MjcxIDkuMDYwNSAxMy43NSA5LjM1NzI1IDEzLjc1IDkuNjY2NjdWMTQuMzMzM0MxMy43NSAxNC42NDI4IDEzLjYyNzEgMTQuOTM5NSAxMy40MDgzIDE1LjE1ODNDMTMuMTg5NSAxNS4zNzcxIDEyLjg5MjggMTUuNSAxMi41ODMzIDE1LjVINy45MTY2N0M3LjYwNzI1IDE1LjUgNy4zMTA1IDE1LjM3NzEgNy4wOTE3MSAxNS4xNTgzQzYuODcyOTIgMTQuOTM5NSA2Ljc1IDE0LjY0MjggNi43NSAxNC4zMzMzVjkuNjY2NjdaIiBzdHJva2U9IiNBOEE4QTgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzVfMjciPgo8cmVjdCB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1IDUpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==)
    center center no-repeat;
  background-size: contain;
}
.course-module__lesson-icon.--lock,
.grade-module__action.--lock::before,
.course-menu__link.--lock::before,
.lesson__title-lock {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiIGZpbGw9IiNGQUZBRkEiLz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEzXzIpIj4KPHBhdGggZD0iTTcuOTE2NjkgMTIuNTgzM0M3LjkxNjY5IDEyLjI3MzkgOC4wMzk2IDExLjk3NzIgOC4yNTg0IDExLjc1ODRDOC40NzcxOSAxMS41Mzk2IDguNzczOTMgMTEuNDE2NyA5LjA4MzM1IDExLjQxNjdIMTQuOTE2N0MxNS4yMjYxIDExLjQxNjcgMTUuNTIyOSAxMS41Mzk2IDE1Ljc0MTYgMTEuNzU4NEMxNS45NjA0IDExLjk3NzIgMTYuMDgzNCAxMi4yNzM5IDE2LjA4MzQgMTIuNTgzM1YxNi4wODMzQzE2LjA4MzQgMTYuMzkyOCAxNS45NjA0IDE2LjY4OTUgMTUuNzQxNiAxNi45MDgzQzE1LjUyMjkgMTcuMTI3MSAxNS4yMjYxIDE3LjI1IDE0LjkxNjcgMTcuMjVIOS4wODMzNUM4Ljc3MzkzIDE3LjI1IDguNDc3MTkgMTcuMTI3MSA4LjI1ODQgMTYuOTA4M0M4LjAzOTYgMTYuNjg5NSA3LjkxNjY5IDE2LjM5MjggNy45MTY2OSAxNi4wODMzVjEyLjU4MzNaIiBzdHJva2U9IiNBOEE4QTgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTEuNDE2NyAxNC4zMzMzQzExLjQxNjcgMTQuNDg4IDExLjQ3ODEgMTQuNjM2NCAxMS41ODc1IDE0Ljc0NThDMTEuNjk2OSAxNC44NTUyIDExLjg0NTMgMTQuOTE2NyAxMiAxNC45MTY3QzEyLjE1NDcgMTQuOTE2NyAxMi4zMDMxIDE0Ljg1NTIgMTIuNDEyNSAxNC43NDU4QzEyLjUyMTkgMTQuNjM2NCAxMi41ODM0IDE0LjQ4OCAxMi41ODM0IDE0LjMzMzNDMTIuNTgzNCAxNC4xNzg2IDEyLjUyMTkgMTQuMDMwMyAxMi40MTI1IDEzLjkyMDlDMTIuMzAzMSAxMy44MTE1IDEyLjE1NDcgMTMuNzUgMTIgMTMuNzVDMTEuODQ1MyAxMy43NSAxMS42OTY5IDEzLjgxMTUgMTEuNTg3NSAxMy45MjA5QzExLjQ3ODEgMTQuMDMwMyAxMS40MTY3IDE0LjE3ODYgMTEuNDE2NyAxNC4zMzMzWiIgc3Ryb2tlPSIjQThBOEE4IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTkuNjY2NjkgMTEuNDE2N1Y5LjA4MzMzQzkuNjY2NjkgOC40NjQ0OSA5LjkxMjUyIDcuODcxIDEwLjM1MDEgNy40MzM0MkMxMC43ODc3IDYuOTk1ODMgMTEuMzgxMiA2Ljc1IDEyIDYuNzVDMTIuNjE4OSA2Ljc1IDEzLjIxMjQgNi45OTU4MyAxMy42NDk5IDcuNDMzNDJDMTQuMDg3NSA3Ljg3MSAxNC4zMzM0IDguNDY0NDkgMTQuMzMzNCA5LjA4MzMzVjExLjQxNjciIHN0cm9rZT0iI0E4QThBOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTNfMiI+CjxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUgNSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K)
    center center no-repeat;
  background-size: contain;
}
.lesson__title-wrap {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.lesson__title-lock {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}
.course-module__lesson-icon.--done,
.grade-module__action.--done::before,
.course-menu__link.--done::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI1XzcpIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAxXzI1XzcpIj4KPHBhdGggZD0iTTEyLjAxIDIuMDExQzEyLjc4NzggMi4wMTEwNSAxMy41Mzg5IDIuMjk0MzcgMTQuMTIzIDIuODA4TDE0LjI3NyAyLjk1M0wxNC45NzUgMy42NTFDMTUuMTY2NSAzLjg0MTMxIDE1LjQxNjcgMy45NjE0NiAxNS42ODUgMy45OTJMMTUuODIgNEgxNi44MkMxNy42MzcyIDMuOTk5OTYgMTguNDIzNSA0LjMxMjU3IDE5LjAxNzYgNC44NzM3NEMxOS42MTE2IDUuNDM0OTEgMTkuOTY4NSA2LjIwMjExIDIwLjAxNSA3LjAxOEwyMC4wMiA3LjJWOC4yQzIwLjAyIDguNDcgMjAuMTEyIDguNzMzIDIwLjI3OCA4Ljk0M0wyMC4zNjggOS4wNDNMMjEuMDY1IDkuNzQxQzIxLjY0MjcgMTAuMzE1NCAyMS45Nzk2IDExLjA4ODYgMjIuMDA2OSAxMS45MDI5QzIyLjAzNDIgMTIuNzE3MSAyMS43NDk5IDEzLjUxMTEgMjEuMjEyIDE0LjEyM0wyMS4wNjcgMTQuMjc3TDIwLjM2OSAxNC45NzVDMjAuMTc4NyAxNS4xNjY2IDIwLjA1ODUgMTUuNDE2NyAyMC4wMjggMTUuNjg1TDIwLjAyIDE1LjgyVjE2LjgyQzIwLjAyIDE3LjYzNzIgMTkuNzA3NCAxOC40MjM1IDE5LjE0NjIgMTkuMDE3NkMxOC41ODUxIDE5LjYxMTYgMTcuODE3OSAxOS45Njg1IDE3LjAwMiAyMC4wMTVMMTYuODIgMjAuMDJIMTUuODJDMTUuNTUwNCAyMC4wMjAxIDE1LjI4ODYgMjAuMTExIDE1LjA3NyAyMC4yNzhMMTQuOTc3IDIwLjM2OEwxNC4yNzkgMjEuMDY1QzEzLjcwNDUgMjEuNjQyNyAxMi45MzE0IDIxLjk3OTYgMTIuMTE3MSAyMi4wMDY5QzExLjMwMjkgMjIuMDM0MiAxMC41MDg5IDIxLjc0OTkgOS44OTY5OCAyMS4yMTJMOS43NDI5OCAyMS4wNjdMOS4wNDQ5OCAyMC4zNjlDOC44NTM0MiAyMC4xNzg3IDguNjAzMjggMjAuMDU4NSA4LjMzNDk4IDIwLjAyOEw4LjE5OTk4IDIwLjAySDcuMTk5OThDNi4zODI3NyAyMC4wMiA1LjU5NjUgMTkuNzA3NCA1LjAwMjQyIDE5LjE0NjNDNC40MDgzNCAxOC41ODUxIDQuMDUxNDYgMTcuODE3OSA0LjAwNDk4IDE3LjAwMkwzLjk5OTk4IDE2LjgyVjE1LjgyQzMuOTk5OSAxNS41NTA0IDMuOTA5MDEgMTUuMjg4NyAzLjc0MTk4IDE1LjA3N0wzLjY1MTk4IDE0Ljk3N0wyLjk1NDk4IDE0LjI3OUMyLjM3NzI3IDEzLjcwNDYgMi4wNDA0MSAxMi45MzE0IDIuMDEzMDkgMTIuMTE3MUMxLjk4NTc4IDExLjMwMjkgMi4yNzAwNiAxMC41MDg5IDIuODA3OTggOS44OTdMMi45NTI5OCA5Ljc0M0wzLjY1MDk4IDkuMDQ1QzMuODQxMyA4Ljg1MzQ0IDMuOTYxNDQgOC42MDMyOSAzLjk5MTk4IDguMzM1TDMuOTk5OTggOC4yVjcuMkw0LjAwNDk4IDcuMDE4QzQuMDQ5NjQgNi4yMzM0NSA0LjM4MTQxIDUuNDkyNzUgNC45MzcwNyA0LjkzNzA5QzUuNDkyNzMgNC4zODE0MyA2LjIzMzQzIDQuMDQ5NjUgNy4wMTc5OCA0LjAwNUw3LjE5OTk4IDRIOC4xOTk5OEM4LjQ2OTYgMy45OTk5MSA4LjczMTMzIDMuOTA5MDMgOC45NDI5OCAzLjc0Mkw5LjA0Mjk4IDMuNjUyTDkuNzQwOTggMi45NTVDMTAuMDM4MyAyLjY1NTg5IDEwLjM5MTkgMi40MTg1MSAxMC43ODEzIDIuMjU2NUMxMS4xNzA2IDIuMDk0NSAxMS41ODgyIDIuMDExMDYgMTIuMDEgMi4wMTFaTTE1LjcwNyA5LjI5M0MxNS41MTk1IDkuMTA1NTMgMTUuMjY1MSA5LjAwMDIyIDE1IDkuMDAwMjJDMTQuNzM0OCA5LjAwMDIyIDE0LjQ4MDUgOS4xMDU1MyAxNC4yOTMgOS4yOTNMMTEgMTIuNTg1TDkuNzA2OTggMTEuMjkzTDkuNjEyOTggMTEuMjFDOS40MTE5OSAxMS4wNTQ2IDkuMTU5MzggMTAuOTgxNSA4LjkwNjQ2IDExLjAwNTZDOC42NTM1NCAxMS4wMjk3IDguNDE5MjcgMTEuMTQ5MiA4LjI1MTIzIDExLjMzOTdDOC4wODMyIDExLjUzMDMgNy45OTQgMTEuNzc3NyA4LjAwMTc2IDEyLjAzMTZDOC4wMDk1MSAxMi4yODU2IDguMTEzNjQgMTIuNTI3IDguMjkyOTggMTIuNzA3TDEwLjI5MyAxNC43MDdMMTAuMzg3IDE0Ljc5QzEwLjU3OTQgMTQuOTM5MyAxMC44MTk2IDE1LjAxMzIgMTEuMDYyNyAxNC45OTc5QzExLjMwNTcgMTQuOTgyNiAxMS41MzQ4IDE0Ljg3OTIgMTEuNzA3IDE0LjcwN0wxNS43MDcgMTAuNzA3TDE1Ljc5IDEwLjYxM0MxNS45MzkyIDEwLjQyMDYgMTYuMDEzMiAxMC4xODAzIDE1Ljk5NzkgOS45MzczMkMxNS45ODI2IDkuNjk0MjkgMTUuODc5MiA5LjQ2NTE5IDE1LjcwNyA5LjI5M1oiIGZpbGw9IiM4Q0UzQzIiLz4KPC9nPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzI1XzciPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjxjbGlwUGF0aCBpZD0iY2xpcDFfMjVfNyI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K)
    center center no-repeat;
  background-size: contain;
}
/* Completed lesson icons keep the original shape (book / quiz / camera /
   certificate) but tint to green. The base --video / --read / --quiz /
   --done rules stay untouched; the .--completed compound selector simply
   overrides the background-image with a green-stroke variant. */
.course-module__lesson-icon.--read.--completed,
.grade-module__action.--read.--completed::before,
.course-menu__link.--read.--completed::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIgZmlsbD0iI0U1RjhFRSIvPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF81XzEzKSI+PHBhdGggZD0iTTYuNzUgMTYuMDgzM0M3LjU0ODEgMTUuNjIyNiA4LjQ1MzQzIDE1LjM4IDkuMzc1IDE1LjM4QzEwLjI5NjYgMTUuMzggMTEuMjAxOSAxNS42MjI2IDEyIDE2LjA4MzNDMTIuNzk4MSAxNS42MjI2IDEzLjcwMzQgMTUuMzggMTQuNjI1IDE1LjM4QzE1LjU0NjYgMTUuMzggMTYuNDUxOSAxNS42MjI2IDE3LjI1IDE2LjA4MzMiIHN0cm9rZT0iIzJCQTg3NiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTYuNzUgOC41QzcuNTQ4MSA4LjAzOTIgOC40NTM0MyA3Ljc5NjYgOS4zNzUgNy43OTY2QzEwLjI5NjYgNy43OTY2IDExLjIwMTkgOC4wMzkyIDEyIDguNUMxMi43OTgxIDguMDM5MiAxMy43MDM0IDcuNzk2NiAxNC42MjUgNy43OTY2QzE1LjU0NjYgNy43OTY2IDE2LjQ1MTkgOC4wMzkyIDE3LjI1IDguNSIgc3Ryb2tlPSIjMkJBODc2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNNi43NSA4LjVWMTYuMDgzMyIgc3Ryb2tlPSIjMkJBODc2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMTIgOC41VjE2LjA4MzMiIHN0cm9rZT0iIzJCQTg3NiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTE3LjI1IDguNVYxNi4wODMzIiBzdHJva2U9IiMyQkE4NzYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwXzVfMTMiPjxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUgNSkiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=);
}
.course-module__lesson-icon.--quiz.--completed,
.grade-module__action.--quiz.--completed::before,
.course-menu__link.--quiz.--completed::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIgZmlsbD0iI0U1RjhFRSIvPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF82XzQ2KSI+PHBhdGggZD0iTTExLjQxNjcgOC41SDE2LjY2NjciIHN0cm9rZT0iIzJCQTg3NiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTExLjQxNjcgMTJIMTYuNjY2NyIgc3Ryb2tlPSIjMkJBODc2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMTEuNDE2NyAxNS41SDE2LjY2NjciIHN0cm9rZT0iIzJCQTg3NiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTcuMzMzMzQgMTAuODMzM1Y4LjIwODMzQzcuMzMzMzQgNy45NzYyNiA3LjQyNTUzIDcuNzUzNyA3LjU4OTYyIDcuNTg5NjFDNy43NTM3MiA3LjQyNTUyIDcuOTc2MjggNy4zMzMzMyA4LjIwODM0IDcuMzMzMzNDOC40NDA0MSA3LjMzMzMzIDguNjYyOTcgNy40MjU1MiA4LjgyNzA2IDcuNTg5NjFDOC45OTExNiA3Ljc1MzcgOS4wODMzNCA3Ljk3NjI2IDkuMDgzMzQgOC4yMDgzM1YxMC44MzMzIiBzdHJva2U9IiMyQkE4NzYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik03LjMzMzM0IDkuNjY2NjdIOS4wODMzNCIgc3Ryb2tlPSIjMkJBODc2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNOC4yMDgzNCAxNC45MTY3QzguNDQwNDEgMTQuOTE2NyA4LjY2Mjk3IDE1LjAwODkgOC44MjcwNiAxNS4xNzNDOC45OTExNiAxNS4zMzcgOS4wODMzNCAxNS41NTk2IDkuMDgzMzQgMTUuNzkxN0M5LjA4MzM0IDE2LjAyMzcgOC45OTExNiAxNi4yNDYzIDguODI3MDYgMTYuNDEwNEM4LjY2Mjk3IDE2LjU3NDUgOC40NDA0MSAxNi42NjY3IDguMjA4MzQgMTYuNjY2N0g3LjMzMzM0VjEzLjE2NjdIOC4yMDgzNEM4LjQ0MDQxIDEzLjE2NjcgOC42NjI5NyAxMy4yNTg5IDguODI3MDYgMTMuNDIzQzguOTkxMTYgMTMuNTg3IDkuMDgzMzQgMTMuODA5NiA5LjA4MzM0IDE0LjA0MTdDOS4wODMzNCAxNC4yNzM3IDguOTkxMTYgMTQuNDk2MyA4LjgyNzA2IDE0LjY2MDRDOC42NjI5NyAxNC44MjQ1IDguNDQwNDEgMTQuOTE2NyA4LjIwODM0IDE0LjkxNjdaTTguMjA4MzQgMTQuOTE2N0g3LjMzMzM0IiBzdHJva2U9IiMyQkE4NzYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwXzZfNDYiPjxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUgNSkiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=);
}
.course-module__lesson-icon.--video.--completed,
.grade-module__action.--video.--completed::before,
.course-menu__link.--video.--completed::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIgZmlsbD0iI0U1RjhFRSIvPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF81XzI3KSI+PHBhdGggZD0iTTEzLjc1IDEwLjgzMzNMMTYuNDA1OSA5LjUwNTY2QzE2LjQ5NDggOS40NjEyMyAxNi41OTM2IDkuNDQwMjYgMTYuNjkyOSA5LjQ0NDczQzE2Ljc5MjIgOS40NDkyIDE2Ljg4ODcgOS40Nzg5NyAxNi45NzMzIDkuNTMxMjFDMTcuMDU3OCA5LjU4MzQ2IDE3LjEyNzYgOS42NTY0NCAxNy4xNzYxIDkuNzQzMjNDMTcuMjI0NSA5LjgzMDAzIDE3LjI0OTkgOS45Mjc3NiAxNy4yNSAxMC4wMjcyVjEzLjk3MjhDMTcuMjQ5OSAxNC4wNzIyIDE3LjIyNDUgMTQuMTcgMTcuMTc2MSAxNC4yNTY4QzE3LjEyNzYgMTQuMzQzNSAxNy4wNTc4IDE0LjQxNjUgMTYuOTczMyAxNC40Njg4QzE2Ljg4ODcgMTQuNTIxIDE2Ljc5MjIgMTQuNTUwOCAxNi42OTI5IDE0LjU1NTNDMTYuNTkzNiAxNC41NTk3IDE2LjQ5NDggMTQuNTM4OCAxNi40MDU5IDE0LjQ5NDNMMTMuNzUgMTMuMTY2N1YxMC44MzMzWiIgc3Ryb2tlPSIjMkJBODc2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNNi43NSA5LjY2NjY3QzYuNzUgOS4zNTcyNSA2Ljg3MjkyIDkuMDYwNSA3LjA5MTcxIDguODQxNzFDNy4zMTA1IDguNjIyOTIgNy42MDcyNSA4LjUgNy45MTY2NyA4LjVIMTIuNTgzM0MxMi44OTI4IDguNSAxMy4xODk1IDguNjIyOTIgMTMuNDA4MyA4Ljg0MTcxQzEzLjYyNzEgOS4wNjA1IDEzLjc1IDkuMzU3MjUgMTMuNzUgOS42NjY2N1YxNC4zMzMzQzEzLjc1IDE0LjY0MjggMTMuNjI3MSAxNC45Mzk1IDEzLjQwODMgMTUuMTU4M0MxMy4xODk1IDE1LjM3NzEgMTIuODkyOCAxNS41IDEyLjU4MzMgMTUuNUg3LjkxNjY3QzcuNjA3MjUgMTUuNSA3LjMxMDUgMTUuMzc3MSA3LjA5MTcxIDE1LjE1ODNDNi44NzI5MiAxNC45Mzk1IDYuNzUgMTQuNjQyOCA2Ljc1IDE0LjMzMzNWOS42NjY2N1oiIHN0cm9rZT0iIzJCQTg3NiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDBfNV8yNyI+PHJlY3Qgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNSA1KSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==)
    center center no-repeat;
  background-size: contain;
}

.course-module__lesson.--missing {
  background: #fff5f5;
  border: 1px dashed #d9534f;
  cursor: default;
  pointer-events: none;
  opacity: 0.85;
}
.course-module__lesson.--missing .course-module__lesson-name,
.course-module__lesson.--missing .course-module__lesson-missing-id {
  color: #b02a2a;
}
.course-module__lesson-missing-id {
  display: inline-block;
  margin-left: 6px;
  padding: 1px 6px;
  border-radius: 4px;
  background: rgba(217, 83, 79, 0.12);
  font-size: 0.85em;
  font-family: monospace;
}
.course-module__lesson-icon.--missing {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><circle cx='12' cy='12' r='10' fill='%23fde7e7'/><path d='M12 7v6' stroke='%23d9534f' stroke-width='2' stroke-linecap='round'/><circle cx='12' cy='17' r='1.2' fill='%23d9534f'/></svg>") center center no-repeat;
  background-size: contain;
}

.course-module__lesson-box {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  gap: 4px;
}

.course-module__lesson-name {
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  color: #272639;
  transition: all 0.3s;
}

.lesson {
  display: flex;
  width: 100%;
  flex-flow: column nowrap;
  align-items: center;
  gap: 24px;
}
.lesson__player {
  display: flex;
  width: 100%;
  flex-flow: column nowrap;
  background: transparent;
  transition: all 0.3s ease;
  border-radius: 8px;
  overflow: hidden;
  margin-top: -12px;
}

/* Transparent click-blocker over the full bottom band of the
   YouTube embed — the strip from the bottom edge up to just past
   the progress bar, where every "exit" affordance lives: share /
   Watch-later icons (bottom-left), Watch on YouTube pill + YouTube
   logo (bottom-right), and the seek bar itself. Stops the casual
   viewer from clicking out of the player into youtube.com. Not
   real protection — DevTools / right-click still expose the URL —
   but it solves the 80% case for non-technical viewers. */
.lesson__player__yt-block {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 56px;
  z-index: 2;
  cursor: default;
}
.lesson__header {
  display: flex;
  width: 100%;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.lesson__title {
  text-align: left;
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin: 0;
}
.lesson__controls {
  display: flex;
  flex-flow: row nowrap;
  gap: 8px;
  align-items: stretch;
}
.lesson__caption {
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: left;
  font-weight: 400;
  color: #272639;
  margin-bottom: 8px;
}
.lesson__info-box {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
}
.lesson__info {
  display: flex;
  width: 100%;
  flex-flow: column nowrap;
  align-items: flex-start;
  gap: 16px;
  /* padding-top: 24px; */
}
.lesson__tags {
  display: flex;
  width: 100%;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: flex-start;
  gap: 8px;
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.lesson__tags li {
  display: flex;
  flex-flow: row nowrap;
  text-align: left;
  font-size: 14px;
  line-height: 18px;
  padding: 2px 8px;
  border-radius: 8px;
  background: transparent;
  color: #acacac;
  border: 1px solid #acacac;
}
.lesson__description {
  font-weight: 400;
  font-size: 1rem;
  margin: 0;
  text-align: left;
  max-width: 640px;
  margin-bottom: 16px;
}
.lesson__files {
  display: flex;
  width: 100%;
  gap: 8px;
  align-items: flex-start;
}
.lesson__footer {
  display: flex;
  width: 100%;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.lesson__status {
  text-align: left;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  position: relative;
  gap: 8px;
}
.lesson__status::before {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  content: "";
}
.lesson-files {
  display: flex;
  width: 100%;
  flex-flow: column nowrap;
  gap: 8px;
}

.lesson-file {
  display: flex;
  width: 100%;
  flex-flow: row nowrap;
  align-items: center;
  padding: 24px;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  gap: 12px;
}
.lesson-file::before {
  width: 24px;
  height: 24px;
  content: "";
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzMwXzI0KSI+CjxwYXRoIGQ9Ik0xNC41IDcuODMzMzRMOS4wODMzMyAxMy4yNUM4Ljc1MTgxIDEzLjU4MTUgOC41NjU1NiAxNC4wMzEyIDguNTY1NTYgMTQuNUM4LjU2NTU2IDE0Ljk2ODggOC43NTE4MSAxNS40MTg1IDkuMDgzMzMgMTUuNzVDOS40MTQ4NSAxNi4wODE1IDkuODY0NDkgMTYuMjY3OCAxMC4zMzMzIDE2LjI2NzhDMTAuODAyMiAxNi4yNjc4IDExLjI1MTggMTYuMDgxNSAxMS41ODMzIDE1Ljc1TDE3IDEwLjMzMzNDMTcuNjYzIDkuNjcwMyAxOC4wMzU1IDguNzcxMDIgMTguMDM1NSA3LjgzMzM0QzE4LjAzNTUgNi44OTU2NiAxNy42NjMgNS45OTYzOCAxNyA1LjMzMzM0QzE2LjMzNyA0LjY3MDMgMTUuNDM3NyA0LjI5NzgxIDE0LjUgNC4yOTc4MUMxMy41NjIzIDQuMjk3ODEgMTIuNjYzIDQuNjcwMyAxMiA1LjMzMzM0TDYuNTgzMzMgMTAuNzVDNS41ODg3NyAxMS43NDQ2IDUuMDMwMDMgMTMuMDkzNSA1LjAzMDAzIDE0LjVDNS4wMzAwMyAxNS45MDY1IDUuNTg4NzcgMTcuMjU1NCA2LjU4MzMzIDE4LjI1QzcuNTc3ODkgMTkuMjQ0NiA4LjkyNjgxIDE5LjgwMzMgMTAuMzMzMyAxOS44MDMzQzExLjczOTkgMTkuODAzMyAxMy4wODg4IDE5LjI0NDYgMTQuMDgzMyAxOC4yNUwxOS41IDEyLjgzMzMiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzMwXzI0Ij4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMiAyKSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)
    no-repeat center center;
  background-size: contain;
  flex-shrink: 0;
}
.lesson-file:hover .lesson-file__title {
  color: #e106a4;
}
.lesson-file__title {
  text-align: left;
  font-weight: 500;
  font-size: 16px;
  color: #272639;
  transition: all 0.3s;
}
.lesson-file__info {
  text-align: left;
  font-size: 14px;
  line-height: 18px;
  color: #acacac;
}

.course-notification {
  display: flex;
  width: 100%;
  flex-flow: row nowrap;
  align-items: center;
  gap: 12px;
  padding: 24px;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.course-notification::before {
  display: block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  content: "";
}
.course-notification.--complete::before,
.lesson__status.--completed::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIyXzIpIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAxXzIyXzIpIj4KPHBhdGggZD0iTTE3IDMuMzRDMTguNTA4MyA0LjIxMDg1IDE5Ljc2MjkgNS40NjA1MyAyMC42Mzk4IDYuOTY1M0MyMS41MTY3IDguNDcwMDcgMjEuOTg1NCAxMC4xNzc4IDIxLjk5OTQgMTEuOTE5M0MyMi4wMTM1IDEzLjY2MDkgMjEuNTcyNSAxNS4zNzYgMjAuNzIgMTYuODk0N0MxOS44Njc2IDE4LjQxMzQgMTguNjMzMiAxOS42ODMyIDE3LjEzOTIgMjAuNTc4M0MxNS42NDUyIDIxLjQ3MzQgMTMuOTQzNCAyMS45NjI4IDEyLjIwMjEgMjEuOTk4MUMxMC40NjA4IDIyLjAzMzMgOC43NDA1NSAyMS42MTMyIDcuMjExNTUgMjAuNzc5MkM1LjY4MjU2IDE5Ljk0NTMgNC4zOTc4NyAxOC43MjY1IDMuNDg0NjcgMTcuMjQzNUMyLjU3MTQ2IDE1Ljc2MDUgMi4wNjE0MSAxNC4wNjQ3IDIuMDA1IDEyLjMyNEwyIDEyTDIuMDA1IDExLjY3NkMyLjA2MSA5Ljk0ODk5IDIuNTYzNTUgOC4yNjU5NiAzLjQ2MzY0IDYuNzkwOTlDNC4zNjM3MyA1LjMxNjAyIDUuNjMwNjUgNC4wOTk0NSA3LjE0MDg5IDMuMjU5ODhDOC42NTExMyAyLjQyMDMxIDEwLjM1MzEgMS45ODY0IDEyLjA4MSAyLjAwMDQ0QzEzLjgwODkgMi4wMTQ0OCAxNS41MDM2IDIuNDc2IDE3IDMuMzRaTTE1LjcwNyA5LjI5M0MxNS41MzQ4IDkuMTIwODIgMTUuMzA1NyA5LjAxNzM5IDE1LjA2MjcgOS4wMDIxMUMxNC44MTk3IDguOTg2ODMgMTQuNTc5NCA5LjA2MDc1IDE0LjM4NyA5LjIxTDE0LjI5MyA5LjI5M0wxMSAxMi41ODVMOS43MDcgMTEuMjkzTDkuNjEzIDExLjIxQzkuNDIwNTggMTEuMDYwOSA5LjE4MDM3IDEwLjk4NyA4LjkzNzQgMTEuMDAyNEM4LjY5NDQ0IDExLjAxNzcgOC40NjU0MSAxMS4xMjExIDguMjkzMjYgMTEuMjkzM0M4LjEyMTEyIDExLjQ2NTQgOC4wMTc2OCAxMS42OTQ0IDguMDAyMzUgMTEuOTM3NEM3Ljk4NzAyIDEyLjE4MDQgOC4wNjA4NiAxMi40MjA2IDguMjEgMTIuNjEzTDguMjkzIDEyLjcwN0wxMC4yOTMgMTQuNzA3TDEwLjM4NyAxNC43OUMxMC41NjI0IDE0LjkyNjEgMTAuNzc4IDE0Ljk5OTkgMTEgMTQuOTk5OUMxMS4yMjIgMTQuOTk5OSAxMS40Mzc2IDE0LjkyNjEgMTEuNjEzIDE0Ljc5TDExLjcwNyAxNC43MDdMMTUuNzA3IDEwLjcwN0wxNS43OSAxMC42MTNDMTUuOTM5MyAxMC40MjA2IDE2LjAxMzIgMTAuMTgwMyAxNS45OTc5IDkuOTM3MzJDMTUuOTgyNiA5LjY5NDI5IDE1Ljg3OTIgOS40NjUxOSAxNS43MDcgOS4yOTNaIiBmaWxsPSIjOENFM0MyIi8+CjwvZz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMl8yIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8Y2xpcFBhdGggaWQ9ImNsaXAxXzIyXzIiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==)
    center center no-repeat;
  background-size: contain;
}
.course-notification.--complete,
.course-notification.--done {
  background: rgba(140, 227, 194, 0.1);
  border: 1px solid rgba(140, 227, 194, 0.5);
}
.course-notification__box {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
}
.course-notification__title {
  text-align: left;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  margin: 0;
}
.course-notification__decription {
  text-align: left;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  margin: 0;
}
.course-notification__grade {
  text-align: left;
  font-size: 40px;
  line-height: 42px;
  font-weight: 400;
  color: #8ce3c2;
}

.course-grade-info {
  display: flex;
  width: 100%;
  flex-flow: column nowrap;
  align-items: flex-start;
  gap: 12px;
  padding: 24px;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.course-grade-info.--complete,
.course-grade-info.--done {
  background: rgba(140, 227, 194, 0.1);
  border: 1px solid rgba(140, 227, 194, 0.5);
}
.course-grade-info__box {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
}
.course-grade-info__title {
  text-align: left;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  margin: 0;
}
.course-grade-info__decription {
  text-align: left;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  margin: 0;
}
.course-grade-info__grade {
  text-align: left;
  font-size: 32px;
  line-height: 1;
  font-weight: 400;
  color: #57b792;
}
.course-grade-info__row {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.course-grade-info__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
}

.course-grade-info__footer a {
  color: #272639;
  font-size: 14px;
  font-weight: 500;
}
.course-grade-info__footer a:hover {
  color: #e106a4;
}

/* Grade quize */
.grade-modules {
  display: flex;
  width: 100%;
  border-radius: 2px;
  /* background: #FAFAFA; */
  border: 1px solid rgba(0, 0, 0, 0.05);
  padding: 8px 24px;
  flex-flow: column nowrap;
  align-items: flex-start;
}
.grade-container {
  display: flex;
  width: 100%;
  flex-flow: column nowrap;
  gap: 8px;
}
.grade-modules__head {
  display: flex;
  width: 100%;
  flex-flow: row nowrap;
  align-items: center;
  gap: 12px;
  padding: 0 24px;
}
.grade-modules__head-col {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  color: #272639;
}
.grade-modules__head-col.--w-full {
  width: 100%;
  padding-left: 36px;
}
.grade-modules__head-col.--w-4 {
  width: calc(1 / 4 * 100%);
  flex-shrink: 0;
  padding: 4px 12px;
}
.grade-modules__head-col.--w-1 {
  width: calc(1 / 12 * 100%);
  flex-shrink: 0;
  padding: 4px 12px;
}
.grade-module {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  width: 100%;
  border-bottom: 1px solid #e8e8e8;
  padding: 16px 0px;
}

.grade-module__header::after,
.grade-module__header::before {
  width: 24px;
  height: 24px;
  content: "";
  flex-shrink: 0;
}

.grade-module.--lock .grade-module__header::after {
  background: transparent;
}

.grade-module:last-of-type {
  border-bottom: 1px solid transparent;
}
.grade-module__title {
  font-size: 18px;
  font-weight: 600;
  text-align: left;
  margin-bottom: 8px;
  transition: all 0.3s;
  padding-right: 48px;
}
.grade-module__subtitle {
  font-size: 14px;
  text-align: left;
  color: #acacac;
  padding-right: 16px;
}

.grade-module__header {
  display: flex;
  position: relative;
  width: 100%;
  flex-flow: row nowrap;
  align-items: center;
  gap: 12px;
}

.grade-module.--has-history .grade-module__header {
  cursor: pointer;
}

.grade-module.--show .grade-module__header::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.grade-module__header::after {
  display: none;
}
.grade-module.--has-history .grade-module__header::after {
  display: block;
  position: absolute;
  content: "";
  right: 0;
  width: 15px;
  height: 15px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIgogIHN0cm9rZT0iI2UxMDZhNCIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogIDxwYXRoIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIgLz4KICA8cGF0aCBkPSJNNiA5bDYgNmw2IC02IiAvPgo8L3N2Zz4=)
    no-repeat center center;
}

.grade-module__header:hover .grade-module__title {
  color: #e106a4;
}

.grade-module__header-row {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 8px;
}

.grade-module__divider {
  font-size: 14px;
  text-align: left;
  color: #acacac;
}

.grade-module__dropdown {
  display: flex;
  width: 100%;
  flex-flow: column nowrap;
  align-items: flex-start;
}

.grade-module__description {
  font-size: 14px;
  text-align: left;
  color: #272639;
  margin-bottom: 16px;
  max-width: 690px;
}

.grade-module__lessons {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
}

.grade-module__lesson {
  display: flex;
  width: 100%;
  flex-flow: row nowrap;
  align-items: center;
  gap: 12px;
  padding: 12px 0px;
  transition: all 0.3s;
}

.grade-module__lesson:hover .grade-module__lesson-name {
  color: #e106a4;
}

.grade-module__lesson-icon {
  display: flex;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.grade-module__lesson-icon.--complete,
.course-notification.--complete::before,
.grade-module__lesson-icon.--completed,
.grade-module.--completed .grade-module__header::before {
  /* background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IgogIGZpbGw9IiNlMTA2YTQiPgogIDxwYXRoIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIgLz4KICA8cGF0aAogICAgZD0iTTE3IDMuMzRhMTAgMTAgMCAxIDEgLTE0Ljk5NSA4Ljk4NGwtLjAwNSAtLjMyNGwuMDA1IC0uMzI0YTEwIDEwIDAgMCAxIDE0Ljk5NSAtOC4zMzZ6bS0xLjI5MyA1Ljk1M2ExIDEgMCAwIDAgLTEuMzIgLS4wODNsLS4wOTQgLjA4M2wtMy4yOTMgMy4yOTJsLTEuMjkzIC0xLjI5MmwtLjA5NCAtLjA4M2ExIDEgMCAwIDAgLTEuNDAzIDEuNDAzbC4wODMgLjA5NGwyIDJsLjA5NCAuMDgzYTEgMSAwIDAgMCAxLjIyNiAwbC4wOTQgLS4wODNsNCAtNGwuMDgzIC0uMDk0YTEgMSAwIDAgMCAtLjA4MyAtMS4zMnoiIC8+Cjwvc3ZnPg==)
    center center no-repeat; */
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIyXzIpIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAxXzIyXzIpIj4KPHBhdGggZD0iTTE3IDMuMzRDMTguNTA4MyA0LjIxMDg1IDE5Ljc2MjkgNS40NjA1MyAyMC42Mzk4IDYuOTY1M0MyMS41MTY3IDguNDcwMDcgMjEuOTg1NCAxMC4xNzc4IDIxLjk5OTQgMTEuOTE5M0MyMi4wMTM1IDEzLjY2MDkgMjEuNTcyNSAxNS4zNzYgMjAuNzIgMTYuODk0N0MxOS44Njc2IDE4LjQxMzQgMTguNjMzMiAxOS42ODMyIDE3LjEzOTIgMjAuNTc4M0MxNS42NDUyIDIxLjQ3MzQgMTMuOTQzNCAyMS45NjI4IDEyLjIwMjEgMjEuOTk4MUMxMC40NjA4IDIyLjAzMzMgOC43NDA1NSAyMS42MTMyIDcuMjExNTUgMjAuNzc5MkM1LjY4MjU2IDE5Ljk0NTMgNC4zOTc4NyAxOC43MjY1IDMuNDg0NjcgMTcuMjQzNUMyLjU3MTQ2IDE1Ljc2MDUgMi4wNjE0MSAxNC4wNjQ3IDIuMDA1IDEyLjMyNEwyIDEyTDIuMDA1IDExLjY3NkMyLjA2MSA5Ljk0ODk5IDIuNTYzNTUgOC4yNjU5NiAzLjQ2MzY0IDYuNzkwOTlDNC4zNjM3MyA1LjMxNjAyIDUuNjMwNjUgNC4wOTk0NSA3LjE0MDg5IDMuMjU5ODhDOC42NTExMyAyLjQyMDMxIDEwLjM1MzEgMS45ODY0IDEyLjA4MSAyLjAwMDQ0QzEzLjgwODkgMi4wMTQ0OCAxNS41MDM2IDIuNDc2IDE3IDMuMzRaTTE1LjcwNyA5LjI5M0MxNS41MzQ4IDkuMTIwODIgMTUuMzA1NyA5LjAxNzM5IDE1LjA2MjcgOS4wMDIxMUMxNC44MTk3IDguOTg2ODMgMTQuNTc5NCA5LjA2MDc1IDE0LjM4NyA5LjIxTDE0LjI5MyA5LjI5M0wxMSAxMi41ODVMOS43MDcgMTEuMjkzTDkuNjEzIDExLjIxQzkuNDIwNTggMTEuMDYwOSA5LjE4MDM3IDEwLjk4NyA4LjkzNzQgMTEuMDAyNEM4LjY5NDQ0IDExLjAxNzcgOC40NjU0MSAxMS4xMjExIDguMjkzMjYgMTEuMjkzM0M4LjEyMTEyIDExLjQ2NTQgOC4wMTc2OCAxMS42OTQ0IDguMDAyMzUgMTEuOTM3NEM3Ljk4NzAyIDEyLjE4MDQgOC4wNjA4NiAxMi40MjA2IDguMjEgMTIuNjEzTDguMjkzIDEyLjcwN0wxMC4yOTMgMTQuNzA3TDEwLjM4NyAxNC43OUMxMC41NjI0IDE0LjkyNjEgMTAuNzc4IDE0Ljk5OTkgMTEgMTQuOTk5OUMxMS4yMjIgMTQuOTk5OSAxMS40Mzc2IDE0LjkyNjEgMTEuNjEzIDE0Ljc5TDExLjcwNyAxNC43MDdMMTUuNzA3IDEwLjcwN0wxNS43OSAxMC42MTNDMTUuOTM5MyAxMC40MjA2IDE2LjAxMzIgMTAuMTgwMyAxNS45OTc5IDkuOTM3MzJDMTUuOTgyNiA5LjY5NDI5IDE1Ljg3OTIgOS40NjUxOSAxNS43MDcgOS4yOTNaIiBmaWxsPSIjOENFM0MyIi8+CjwvZz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMl8yIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8Y2xpcFBhdGggaWQ9ImNsaXAxXzIyXzIiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==)
    center center no-repeat;
  background-size: contain;
}
.grade-module__lesson-icon.--quiz,
.grade-module__lesson-icon.--quiz,
.grade-module.--quiz .grade-module__header::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiIGZpbGw9IiNGQUZBRkEiLz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzZfNDYpIj4KPHBhdGggZD0iTTExLjQxNjcgOC41SDE2LjY2NjciIHN0cm9rZT0iI0E4QThBOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMS40MTY3IDEySDE2LjY2NjciIHN0cm9rZT0iI0E4QThBOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMS40MTY3IDE1LjVIMTYuNjY2NyIgc3Ryb2tlPSIjQThBOEE4IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTcuMzMzMzQgMTAuODMzM1Y4LjIwODMzQzcuMzMzMzQgNy45NzYyNiA3LjQyNTUzIDcuNzUzNyA3LjU4OTYyIDcuNTg5NjFDNy43NTM3MiA3LjQyNTUyIDcuOTc2MjggNy4zMzMzMyA4LjIwODM0IDcuMzMzMzNDOC40NDA0MSA3LjMzMzMzIDguNjYyOTcgNy40MjU1MiA4LjgyNzA2IDcuNTg5NjFDOC45OTExNiA3Ljc1MzcgOS4wODMzNCA3Ljk3NjI2IDkuMDgzMzQgOC4yMDgzM1YxMC44MzMzIiBzdHJva2U9IiNBOEE4QTgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNy4zMzMzNCA5LjY2NjY3SDkuMDgzMzQiIHN0cm9rZT0iI0E4QThBOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik04LjIwODM0IDE0LjkxNjdDOC40NDA0MSAxNC45MTY3IDguNjYyOTcgMTUuMDA4OSA4LjgyNzA2IDE1LjE3M0M4Ljk5MTE2IDE1LjMzNyA5LjA4MzM0IDE1LjU1OTYgOS4wODMzNCAxNS43OTE3QzkuMDgzMzQgMTYuMDIzNyA4Ljk5MTE2IDE2LjI0NjMgOC44MjcwNiAxNi40MTA0QzguNjYyOTcgMTYuNTc0NSA4LjQ0MDQxIDE2LjY2NjcgOC4yMDgzNCAxNi42NjY3SDcuMzMzMzRWMTMuMTY2N0g4LjIwODM0QzguNDQwNDEgMTMuMTY2NyA4LjY2Mjk3IDEzLjI1ODkgOC44MjcwNiAxMy40MjNDOC45OTExNiAxMy41ODcgOS4wODMzNCAxMy44MDk2IDkuMDgzMzQgMTQuMDQxN0M5LjA4MzM0IDE0LjI3MzcgOC45OTExNiAxNC40OTYzIDguODI3MDYgMTQuNjYwNEM4LjY2Mjk3IDE0LjgyNDUgOC40NDA0MSAxNC45MTY3IDguMjA4MzQgMTQuOTE2N1pNOC4yMDgzNCAxNC45MTY3SDcuMzMzMzQiIHN0cm9rZT0iI0E4QThBOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNl80NiI+CjxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUgNSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K)
    center center no-repeat;
  background-size: contain;
}
.grade-module__lesson-icon.--read,
.grade-module__lesson-icon.--read,
.grade-module.--read .grade-module__header::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiIGZpbGw9IiNGQUZBRkEiLz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzVfMTMpIj4KPHBhdGggZD0iTTYuNzUgMTYuMDgzM0M3LjU0ODEgMTUuNjIyNiA4LjQ1MzQzIDE1LjM4IDkuMzc1IDE1LjM4QzEwLjI5NjYgMTUuMzggMTEuMjAxOSAxNS42MjI2IDEyIDE2LjA4MzNDMTIuNzk4MSAxNS42MjI2IDEzLjcwMzQgMTUuMzggMTQuNjI1IDE1LjM4QzE1LjU0NjYgMTUuMzggMTYuNDUxOSAxNS42MjI2IDE3LjI1IDE2LjA4MzMiIHN0cm9rZT0iI0E4QThBOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik02Ljc1IDguNUM3LjU0ODEgOC4wMzkyMSA4LjQ1MzQzIDcuNzk2NjMgOS4zNzUgNy43OTY2M0MxMC4yOTY2IDcuNzk2NjMgMTEuMjAxOSA4LjAzOTIxIDEyIDguNUMxMi43OTgxIDguMDM5MjEgMTMuNzAzNCA3Ljc5NjYzIDE0LjYyNSA3Ljc5NjYzQzE1LjU0NjYgNy43OTY2MyAxNi40NTE5IDguMDM5MjEgMTcuMjUgOC41IiBzdHJva2U9IiNBOEE4QTgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNi43NSA4LjVWMTYuMDgzMyIgc3Ryb2tlPSIjQThBOEE4IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyIDguNVYxNi4wODMzIiBzdHJva2U9IiNBOEE4QTgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTcuMjUgOC41VjE2LjA4MzMiIHN0cm9rZT0iI0E4QThBOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNV8xMyI+CjxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUgNSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K)
    center center no-repeat;
  background-size: contain;
}
.grade-module__lesson-icon.--video,
.grade-module__lesson-icon.--video,
.grade-module.--video .grade-module__header::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiIGZpbGw9IiNGQUZBRkEiLz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzVfMjcpIj4KPHBhdGggZD0iTTEzLjc1IDEwLjgzMzNMMTYuNDA1OSA5LjUwNTY2QzE2LjQ5NDggOS40NjEyMyAxNi41OTM2IDkuNDQwMjYgMTYuNjkyOSA5LjQ0NDczQzE2Ljc5MjIgOS40NDkyIDE2Ljg4ODcgOS40Nzg5NyAxNi45NzMzIDkuNTMxMjFDMTcuMDU3OCA5LjU4MzQ2IDE3LjEyNzYgOS42NTY0NCAxNy4xNzYxIDkuNzQzMjNDMTcuMjI0NSA5LjgzMDAzIDE3LjI0OTkgOS45Mjc3NiAxNy4yNSAxMC4wMjcyVjEzLjk3MjhDMTcuMjQ5OSAxNC4wNzIyIDE3LjIyNDUgMTQuMTcgMTcuMTc2MSAxNC4yNTY4QzE3LjEyNzYgMTQuMzQzNSAxNy4wNTc4IDE0LjQxNjUgMTYuOTczMyAxNC40Njg4QzE2Ljg4ODcgMTQuNTIxIDE2Ljc5MjIgMTQuNTUwOCAxNi42OTI5IDE0LjU1NTNDMTYuNTkzNiAxNC41NTk3IDE2LjQ5NDggMTQuNTM4OCAxNi40MDU5IDE0LjQ5NDNMMTMuNzUgMTMuMTY2N1YxMC44MzMzWiIgc3Ryb2tlPSIjQThBOEE4IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTYuNzUgOS42NjY2N0M2Ljc1IDkuMzU3MjUgNi44NzI5MiA5LjA2MDUgNy4wOTE3MSA4Ljg0MTcxQzcuMzEwNSA4LjYyMjkyIDcuNjA3MjUgOC41IDcuOTE2NjcgOC41SDEyLjU4MzNDMTIuODkyOCA4LjUgMTMuMTg5NSA4LjYyMjkyIDEzLjQwODMgOC44NDE3MUMxMy42MjcxIDkuMDYwNSAxMy43NSA5LjM1NzI1IDEzLjc1IDkuNjY2NjdWMTQuMzMzM0MxMy43NSAxNC42NDI4IDEzLjYyNzEgMTQuOTM5NSAxMy40MDgzIDE1LjE1ODNDMTMuMTg5NSAxNS4zNzcxIDEyLjg5MjggMTUuNSAxMi41ODMzIDE1LjVINy45MTY2N0M3LjYwNzI1IDE1LjUgNy4zMTA1IDE1LjM3NzEgNy4wOTE3MSAxNS4xNTgzQzYuODcyOTIgMTQuOTM5NSA2Ljc1IDE0LjY0MjggNi43NSAxNC4zMzMzVjkuNjY2NjdaIiBzdHJva2U9IiNBOEE4QTgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzVfMjciPgo8cmVjdCB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1IDUpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==)
    center center no-repeat;
  background-size: contain;
}
.grade-module__lesson-icon.--lock,
.course-notification.--lock::before,
.grade-module__lesson-icon.--lock,
.grade-module.--lock .grade-module__header::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiIGZpbGw9IiNGQUZBRkEiLz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEzXzIpIj4KPHBhdGggZD0iTTcuOTE2NjkgMTIuNTgzM0M3LjkxNjY5IDEyLjI3MzkgOC4wMzk2IDExLjk3NzIgOC4yNTg0IDExLjc1ODRDOC40NzcxOSAxMS41Mzk2IDguNzczOTMgMTEuNDE2NyA5LjA4MzM1IDExLjQxNjdIMTQuOTE2N0MxNS4yMjYxIDExLjQxNjcgMTUuNTIyOSAxMS41Mzk2IDE1Ljc0MTYgMTEuNzU4NEMxNS45NjA0IDExLjk3NzIgMTYuMDgzNCAxMi4yNzM5IDE2LjA4MzQgMTIuNTgzM1YxNi4wODMzQzE2LjA4MzQgMTYuMzkyOCAxNS45NjA0IDE2LjY4OTUgMTUuNzQxNiAxNi45MDgzQzE1LjUyMjkgMTcuMTI3MSAxNS4yMjYxIDE3LjI1IDE0LjkxNjcgMTcuMjVIOS4wODMzNUM4Ljc3MzkzIDE3LjI1IDguNDc3MTkgMTcuMTI3MSA4LjI1ODQgMTYuOTA4M0M4LjAzOTYgMTYuNjg5NSA3LjkxNjY5IDE2LjM5MjggNy45MTY2OSAxNi4wODMzVjEyLjU4MzNaIiBzdHJva2U9IiNBOEE4QTgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTEuNDE2NyAxNC4zMzMzQzExLjQxNjcgMTQuNDg4IDExLjQ3ODEgMTQuNjM2NCAxMS41ODc1IDE0Ljc0NThDMTEuNjk2OSAxNC44NTUyIDExLjg0NTMgMTQuOTE2NyAxMiAxNC45MTY3QzEyLjE1NDcgMTQuOTE2NyAxMi4zMDMxIDE0Ljg1NTIgMTIuNDEyNSAxNC43NDU4QzEyLjUyMTkgMTQuNjM2NCAxMi41ODM0IDE0LjQ4OCAxMi41ODM0IDE0LjMzMzNDMTIuNTgzNCAxNC4xNzg2IDEyLjUyMTkgMTQuMDMwMyAxMi40MTI1IDEzLjkyMDlDMTIuMzAzMSAxMy44MTE1IDEyLjE1NDcgMTMuNzUgMTIgMTMuNzVDMTEuODQ1MyAxMy43NSAxMS42OTY5IDEzLjgxMTUgMTEuNTg3NSAxMy45MjA5QzExLjQ3ODEgMTQuMDMwMyAxMS40MTY3IDE0LjE3ODYgMTEuNDE2NyAxNC4zMzMzWiIgc3Ryb2tlPSIjQThBOEE4IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTkuNjY2NjkgMTEuNDE2N1Y5LjA4MzMzQzkuNjY2NjkgOC40NjQ0OSA5LjkxMjUyIDcuODcxIDEwLjM1MDEgNy40MzM0MkMxMC43ODc3IDYuOTk1ODMgMTEuMzgxMiA2Ljc1IDEyIDYuNzVDMTIuNjE4OSA2Ljc1IDEzLjIxMjQgNi45OTU4MyAxMy42NDk5IDcuNDMzNDJDMTQuMDg3NSA3Ljg3MSAxNC4zMzM0IDguNDY0NDkgMTQuMzMzNCA5LjA4MzMzVjExLjQxNjciIHN0cm9rZT0iI0E4QThBOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTNfMiI+CjxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUgNSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K)
    center center no-repeat;
  background-size: contain;
}
.grade-module__lesson-icon.--done,
.course-notification.--done::before,
.grade-module__lesson-icon.--done,
.grade-module.--done .grade-module__header::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI1XzcpIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAxXzI1XzcpIj4KPHBhdGggZD0iTTEyLjAxIDIuMDExQzEyLjc4NzggMi4wMTEwNSAxMy41Mzg5IDIuMjk0MzcgMTQuMTIzIDIuODA4TDE0LjI3NyAyLjk1M0wxNC45NzUgMy42NTFDMTUuMTY2NSAzLjg0MTMxIDE1LjQxNjcgMy45NjE0NiAxNS42ODUgMy45OTJMMTUuODIgNEgxNi44MkMxNy42MzcyIDMuOTk5OTYgMTguNDIzNSA0LjMxMjU3IDE5LjAxNzYgNC44NzM3NEMxOS42MTE2IDUuNDM0OTEgMTkuOTY4NSA2LjIwMjExIDIwLjAxNSA3LjAxOEwyMC4wMiA3LjJWOC4yQzIwLjAyIDguNDcgMjAuMTEyIDguNzMzIDIwLjI3OCA4Ljk0M0wyMC4zNjggOS4wNDNMMjEuMDY1IDkuNzQxQzIxLjY0MjcgMTAuMzE1NCAyMS45Nzk2IDExLjA4ODYgMjIuMDA2OSAxMS45MDI5QzIyLjAzNDIgMTIuNzE3MSAyMS43NDk5IDEzLjUxMTEgMjEuMjEyIDE0LjEyM0wyMS4wNjcgMTQuMjc3TDIwLjM2OSAxNC45NzVDMjAuMTc4NyAxNS4xNjY2IDIwLjA1ODUgMTUuNDE2NyAyMC4wMjggMTUuNjg1TDIwLjAyIDE1LjgyVjE2LjgyQzIwLjAyIDE3LjYzNzIgMTkuNzA3NCAxOC40MjM1IDE5LjE0NjIgMTkuMDE3NkMxOC41ODUxIDE5LjYxMTYgMTcuODE3OSAxOS45Njg1IDE3LjAwMiAyMC4wMTVMMTYuODIgMjAuMDJIMTUuODJDMTUuNTUwNCAyMC4wMjAxIDE1LjI4ODYgMjAuMTExIDE1LjA3NyAyMC4yNzhMMTQuOTc3IDIwLjM2OEwxNC4yNzkgMjEuMDY1QzEzLjcwNDUgMjEuNjQyNyAxMi45MzE0IDIxLjk3OTYgMTIuMTE3MSAyMi4wMDY5QzExLjMwMjkgMjIuMDM0MiAxMC41MDg5IDIxLjc0OTkgOS44OTY5OCAyMS4yMTJMOS43NDI5OCAyMS4wNjdMOS4wNDQ5OCAyMC4zNjlDOC44NTM0MiAyMC4xNzg3IDguNjAzMjggMjAuMDU4NSA4LjMzNDk4IDIwLjAyOEw4LjE5OTk4IDIwLjAySDcuMTk5OThDNi4zODI3NyAyMC4wMiA1LjU5NjUgMTkuNzA3NCA1LjAwMjQyIDE5LjE0NjNDNC40MDgzNCAxOC41ODUxIDQuMDUxNDYgMTcuODE3OSA0LjAwNDk4IDE3LjAwMkwzLjk5OTk4IDE2LjgyVjE1LjgyQzMuOTk5OSAxNS41NTA0IDMuOTA5MDEgMTUuMjg4NyAzLjc0MTk4IDE1LjA3N0wzLjY1MTk4IDE0Ljk3N0wyLjk1NDk4IDE0LjI3OUMyLjM3NzI3IDEzLjcwNDYgMi4wNDA0MSAxMi45MzE0IDIuMDEzMDkgMTIuMTE3MUMxLjk4NTc4IDExLjMwMjkgMi4yNzAwNiAxMC41MDg5IDIuODA3OTggOS44OTdMMi45NTI5OCA5Ljc0M0wzLjY1MDk4IDkuMDQ1QzMuODQxMyA4Ljg1MzQ0IDMuOTYxNDQgOC42MDMyOSAzLjk5MTk4IDguMzM1TDMuOTk5OTggOC4yVjcuMkw0LjAwNDk4IDcuMDE4QzQuMDQ5NjQgNi4yMzM0NSA0LjM4MTQxIDUuNDkyNzUgNC45MzcwNyA0LjkzNzA5QzUuNDkyNzMgNC4zODE0MyA2LjIzMzQzIDQuMDQ5NjUgNy4wMTc5OCA0LjAwNUw3LjE5OTk4IDRIOC4xOTk5OEM4LjQ2OTYgMy45OTk5MSA4LjczMTMzIDMuOTA5MDMgOC45NDI5OCAzLjc0Mkw5LjA0Mjk4IDMuNjUyTDkuNzQwOTggMi45NTVDMTAuMDM4MyAyLjY1NTg5IDEwLjM5MTkgMi40MTg1MSAxMC43ODEzIDIuMjU2NUMxMS4xNzA2IDIuMDk0NSAxMS41ODgyIDIuMDExMDYgMTIuMDEgMi4wMTFaTTE1LjcwNyA5LjI5M0MxNS41MTk1IDkuMTA1NTMgMTUuMjY1MSA5LjAwMDIyIDE1IDkuMDAwMjJDMTQuNzM0OCA5LjAwMDIyIDE0LjQ4MDUgOS4xMDU1MyAxNC4yOTMgOS4yOTNMMTEgMTIuNTg1TDkuNzA2OTggMTEuMjkzTDkuNjEyOTggMTEuMjFDOS40MTE5OSAxMS4wNTQ2IDkuMTU5MzggMTAuOTgxNSA4LjkwNjQ2IDExLjAwNTZDOC42NTM1NCAxMS4wMjk3IDguNDE5MjcgMTEuMTQ5MiA4LjI1MTIzIDExLjMzOTdDOC4wODMyIDExLjUzMDMgNy45OTQgMTEuNzc3NyA4LjAwMTc2IDEyLjAzMTZDOC4wMDk1MSAxMi4yODU2IDguMTEzNjQgMTIuNTI3IDguMjkyOTggMTIuNzA3TDEwLjI5MyAxNC43MDdMMTAuMzg3IDE0Ljc5QzEwLjU3OTQgMTQuOTM5MyAxMC44MTk2IDE1LjAxMzIgMTEuMDYyNyAxNC45OTc5QzExLjMwNTcgMTQuOTgyNiAxMS41MzQ4IDE0Ljg3OTIgMTEuNzA3IDE0LjcwN0wxNS43MDcgMTAuNzA3TDE1Ljc5IDEwLjYxM0MxNS45MzkyIDEwLjQyMDYgMTYuMDEzMiAxMC4xODAzIDE1Ljk5NzkgOS45MzczMkMxNS45ODI2IDkuNjk0MjkgMTUuODc5MiA5LjQ2NTE5IDE1LjcwNyA5LjI5M1oiIGZpbGw9IiM4Q0UzQzIiLz4KPC9nPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzI1XzciPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjxjbGlwUGF0aCBpZD0iY2xpcDFfMjVfNyI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K)
    center center no-repeat;
  background-size: contain;
}

.grade-module__col {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  padding: 4px 12px;
  flex-shrink: 0;
}
.grade-module__col.--w-2 {
  width: calc(1 / 6 * 100%);
}
.grade-module__col.--w-4 {
  width: calc(1 / 4 * 100%);
}
.grade-module__col.--w-1 {
  width: calc(1 / 12 * 100%);
}
.grade-module__value {
  text-align: left;
  font-size: 14px;
  line-height: 18px;
}
.grade-module__header-box {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}

.grade-module__actions {
  display: flex;
  width: 100%;
  flex-flow: column nowrap;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 0px 0px;
}
.grade-module__attempts {
  display: flex;
  width: 100%;
  flex-flow: column nowrap;
  gap: 4px;
  padding: 12px 0 4px;
}
.grade-module__attempt {
  display: flex;
  width: 100%;
  flex-flow: row nowrap;
  align-items: center;
  gap: 12px;
  padding: 6px 0;
  border-top: 1px dashed #f0f0f0;
}
.grade-module__attempt.--best .grade-module__attempt-label,
.grade-module__attempt.--best .grade-module__value {
  color: #e106a4;
  font-weight: 500;
}
.grade-module__attempt-label {
  display: flex;
  width: 100%;
  text-align: left;
  font-size: 14px;
  color: #acacac;
  padding-left: 36px;
}
.grade-module__action {
  display: flex;
  width: 100%;
  flex-flow: row nowrap;
  gap: 12px;
  align-items: center;
}
.grade-module__action-box {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.grade-module__action-link {
  text-align: left;
  font-size: 16px;
  line-height: 22px;
  color: #272639;
  transition: all 0.3s;
}
.grade-module__action-link:hover {
  color: #e106a4;
}

.grade-module__lesson-box {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  gap: 4px;
}

.grade-module__lesson-name {
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  color: #272639;
  transition: all 0.3s;
}

.grade-module__info-mobile {
  display: none;
  flex-shrink: 0;
}
.grade-module__info-mobile-row {
  display: flex;
  width: 100%;
  flex-flow: row nowrap;
  align-items: center;
  gap: 8px;
}
.grade-module__info-mobile__caption {
  text-align: left;
  font-size: 14px;
  line-height: 18px;
  color: #acacac;
}
.grade-module__info-mobile__value {
  text-align: left;
  font-size: 14px;
  line-height: 18px;
}
.lk-layout__courses {
  display: flex;
  width: 100%;
  flex-flow: column nowrap;
  align-items: flex-start;
  gap: 16px;
}
.lk-layout__courses-list {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  width: 100%;
  gap: 16px;
}
.lk-layout__course {
  display: flex;
  width: 100%;
  flex-flow: row nowrap;
  align-items: stretch;
  padding: 16px;
  gap: 16px;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.lk-layout__course:hover .lk-layout__course-box .course-card__title {
  color: #e106a4;
}
.course-card__status {
  color: #acacac;
}

@media only screen and (max-width: 799px) {
  .course-card {
    display: flex;
    flex-flow: column nowrap;
    width: calc(1 / 1 * 100% - 12px);
    margin: 0 6px 24px;
  }
  .course-benefits__col {
    width: calc(1 / 1 * 100%);
    border-left: none;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
  }
  .course-benefits__col:first-of-type {
    border-left: none;
    border-top: 1px solid transparent;
  }
  .grade-module__col {
    display: none;
  }
  .grade-module__header {
    flex-flow: row wrap;
  }
  .grade-module__info-mobile {
    display: flex;
    width: 100%;
    padding-left: 36px;
    flex-flow: row wrap;
    align-items: flex-start;
    gap: 8px;
  }
  .grade-module__info-mobile-row {
    width: calc(100% / 2 - 8px);
  }
  .grade-module__header-box {
    width: calc(100% - 36px);
  }
}

@media screen and (max-width: 1024px) {
  .course-card,
  .course-card.--page {
    width: calc(1 / 1 * 100% - 12px);
    margin: 0 6px 12px;
  }
  .main-courses {
    padding: 0 16px;
  }
  .courses {
    padding: 0 16px 48px;
  }
  .main-courses__head {
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: start;
    margin-bottom: 16px;
  }
  .main-courses__header {
    margin-bottom: 8px;
  }
  .course-benefits__col {
    width: calc(1 / 1 * 100%);
    border-left: none;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
  }
  .course-benefits__col:first-of-type {
    border-left: none;
    border-top: 1px solid transparent;
  }
  .grade-module__col {
    display: none;
  }
  .grade-modules__head {
    display: none;
  }
  .grade-module__header {
    flex-flow: row wrap;
  }
  .grade-module__info-mobile {
    display: flex;
    width: 100%;
    padding-left: 36px;
    flex-flow: row wrap;
    align-items: flex-start;
    gap: 8px;
  }
  .grade-module__info-mobile-row {
    width: calc(100% / 2 - 8px);
  }
  .grade-module__header-box {
    width: calc(100% - 36px);
  }
  .quiz-details__row {
    gap: 24px;
  }
  .quiz-details__col {
    width: calc(1 / 1 * 100% - 8px);
    padding-right: 16px;
  }
}

/* Login page — separator & Google button */
.login-separator {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 24px 0;
  color: #838383;
  font-size: 0.875rem;
}
.login-separator::before,
.login-separator::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #e0e0e0;
}
.btn-google {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  border: 1px solid #dadce0;
  border-radius: 4px;
  background: #fff;
  color: #3c4043;
  font-size: 0.9375rem;
  font-weight: 500;
  text-decoration: none;
  transition:
    background 0.2s,
    box-shadow 0.2s;
}
.btn-google:hover {
  background: #f8f8f8;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  color: #3c4043;
  text-decoration: none;
}

/* Mobile header — white login icons */
.mobile-header__top .header__top-btn svg path {
  stroke: #ffffff;
}
.mobile-header__top .header__top-btn-icon {
  filter: brightness(0) invert(1);
}

.login-layout__forms .form-group:has(> .btn.--primary) {
  margin-top: 24px;
}

/* === merged from former new.css (courses prototype overlay) === */
.mobile-course-btn,
.mobile-filter-btn {
  display: none;
}
.course-facets {
  display: flex;
  flex-flow: row wrap;
  gap: 16px 24px;
  align-items: flex-start;
  padding: 16px 20px;
  margin-bottom: 20px;
  border: 1px solid #e3e3e3;
  border-radius: 12px;
  background: #fafafa;
}
.course-facets__group {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 8px;
}
.course-facets__label {
  font-size: 13px;
  font-weight: 600;
  color: #6b6b6b;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.course-facets__tags {
  display: flex;
  flex-flow: row wrap;
  gap: 6px;
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.course-facet {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  font-size: 13px;
  line-height: 18px;
  color: #3a3a3a;
  background: #ffffff;
  border: 1px solid #cfcfcf;
  border-radius: 999px;
  text-decoration: none;
  cursor: pointer;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}
.course-facet:hover {
  border-color: #7a7a7a;
  color: #111111;
  text-decoration: none;
}
.course-facet__count {
  display: inline-block;
  min-width: 18px;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
  text-align: center;
  color: #6b6b6b;
  background: #f0f0f0;
  border-radius: 999px;
}
.course-facet.--selected {
  color: #ffffff;
  background: #e106a4;
  border-color: #e106a4;
}
.course-facet.--selected .course-facet__count {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.25);
}
.course-facet.--selected:hover {
  color: #ffffff;
  background: #8f397f;
  border-color: #8f397f;
}
.course-facet.--disabled {
  color: #bcbcbc;
  background: #f4f4f4;
  border-color: #e6e6e6;
  pointer-events: none;
  cursor: default;
}
.course-facet.--disabled .course-facet__count {
  color: #bcbcbc;
  background: #ececec;
}
.course-facets__clear {
  margin-left: auto;
  align-self: center;
  font-size: 13px;
  color: #6b6b6b;
  text-decoration: underline;
}
.course-facets__clear:hover {
  color: #111111;
}
.course-module__lesson-thumbnail {
  position: relative;
  display: block;
  width: 160px;
  aspect-ratio: 16 / 9;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 6px;
  background: #f2f4fa;
}
.course-module__lesson-thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.course-module__lesson-name .course-module__lesson-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 6px;
  vertical-align: -4px;
}
.lesson__head {
  display: flex;
  width: 100%;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}
.lesson__head > .lesson__header {
  flex: 0 0 66%;
  width: 66%;
  min-width: 0;
}
.lesson__head > .course-progress {
  flex: 1 1 auto;
  min-width: 0;
}
.lesson__container {
  display: flex;
  width: 100%;
  flex-flow: column nowrap;
  max-width: 100%;
  gap: 24px;
}
.lesson__container.--full {
  display: flex;
  width: 100%;
  flex-flow: column nowrap;
  max-width: 100%;
  gap: 24px;
}
.lesson__nav {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 8px;
}
.course-progress {
  display: flex;
  width: 100%;
  flex-flow: column nowrap;
  gap: 8px;
}
.course-progress__meta {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 0.875rem;
  color: #272639;
}
.course-progress__label {
  font-weight: 500;
}
.course-progress__value {
  color: #acacac;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.course-progress__value mark {
  background: transparent;
  color: #e106a4;
  font-weight: 600;
  padding: 0;
}
.course-progress__track {
  display: flex;
  width: 100%;
  height: 16px;
  background: #e8e8e8;
  border-radius: 8px;
  overflow: hidden;
}
.course-progress__bar {
  height: 100%;
  background: #e106a4;
  border-radius: 8px;
  transition: width 0.3s ease;
}
.course-progress__access {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #acacac;
  text-align: right;
}

@media only screen and (max-width: 1024px) {
  .course-card {
    width: calc(1 / 1 * 100% - 12px);
  }
  .course__side {
    display: none;
  }
  .courses__side {
    display: none;
  }
  .course__main {
    padding: 0 16px;
  }
  .mobile-course-btn,
  .mobile-filter-btn {
    display: flex;
  }
}

@media only screen and (max-width: 799px) {
  .course-card {
    display: flex;
    flex-flow: column nowrap;
    width: calc(1 / 1 * 100% - 12px);
    margin: 0 6px 24px;
  }
  .course-benefits__col {
    width: calc(1 / 1 * 100%);
    border-left: none;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
  }
  .course-benefits__col:first-of-type {
    border-left: none;
    border-top: 1px solid transparent;
  }
  .grade-module__col {
    display: none;
  }
  .grade-module__header {
    flex-flow: row wrap;
  }
  .grade-module__info-mobile {
    display: flex;
    width: 100%;
    padding-left: 36px;
    flex-flow: row wrap;
    align-items: flex-start;
    gap: 8px;
  }
  .grade-module__info-mobile-row {
    width: calc(100% / 2 - 8px);
  }
  .grade-module__header-box {
    width: calc(100% - 36px);
  }
}

@media screen and (max-width: 1024px) {
  .course-card,
  .course-card.--page {
    width: calc(1 / 1 * 100% - 12px);
    margin: 0 6px 12px;
  }
  .main-courses {
    padding: 0 16px;
  }
  .courses {
    padding: 0 16px 48px;
  }
  .main-courses__head {
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: start;
    margin-bottom: 16px;
  }
  .main-courses__header {
    margin-bottom: 8px;
  }
  .course-benefits__col {
    width: calc(1 / 1 * 100%);
    border-left: none;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
  }
  .course-benefits__col:first-of-type {
    border-left: none;
    border-top: 1px solid transparent;
  }
  .grade-module__col {
    display: none;
  }
  .grade-modules__head {
    display: none;
  }
  .grade-module__header {
    flex-flow: row wrap;
  }
  .grade-module__info-mobile {
    display: flex;
    width: 100%;
    padding-left: 36px;
    flex-flow: row wrap;
    align-items: flex-start;
    gap: 8px;
  }
  .grade-module__info-mobile-row {
    width: calc(100% / 2 - 8px);
  }
  .grade-module__header-box {
    width: calc(100% - 36px);
  }
  .quiz-details__row {
    gap: 24px;
  }
  .quiz-details__col {
    width: calc(1 / 1 * 100% - 8px);
    padding-right: 16px;
  }
}

.lesson__player-snapshot {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 8px;
  overflow: hidden;
}
.lesson__player-snapshot img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.lesson__locked-stub {
  position: relative;
  width: 100%;
  min-height: 220px;
  border-radius: 8px;
  overflow: hidden;
  background: #f4f4f6;
  margin: 16px 0;
}

.lesson-locked-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.55);
  padding: 24px;
  text-align: center;
}
.lesson-locked-overlay__panel {
  max-width: 520px;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  gap: 12px;
}
.lesson-locked-overlay__text {
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}

.lesson-quiz__rules {
  margin: 0 0 12px;
  font-size: 14px;
  color: #595969;
}
.lesson-quiz__blocked {
  margin: 12px 0;
  padding: 12px 16px;
  border: 1px solid #f3c0c0;
  background: #fdecec;
  color: #8a1f1f;
  border-radius: 6px;
  font-size: 14px;
}
.lesson-quiz__error {
  margin: 12px 0;
  padding: 10px 14px;
  border: 1px solid #f3c0c0;
  background: #fdecec;
  color: #8a1f1f;
  border-radius: 6px;
  font-size: 14px;
}
.lesson-quiz-result__hint {
  margin: 8px 0 0;
  font-size: 13px;
  color: #8a1f1f;
}

/* Braiding Styles — public listing + detail. New layout: horizontal cards
   on the listing (image left, body right) and a 16:9 hero with overlay
   title on the detail page. Shared right-column ("All Styles") renders
   the course-feature vocabulary as round filter buttons.
*/
.braid-styles {
  display: flex;
  width: 100%;
  max-width: 1340px;
  flex-flow: row nowrap;
  align-items: stretch;
  padding: 0 0 48px;
}
.braid-styles__main {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  min-width: 0;
}
.braid-styles__header {
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin: 0 0 24px;
}
.braid-styles__list {
  display: flex;
  width: 100%;
  flex-flow: column nowrap;
  gap: 16px;
  margin-bottom: 24px;
}
.braid-styles__empty {
  margin: 8px 0 24px;
  color: #5e6068;
  font-size: 1rem;
  line-height: 1.5;
}
.braid-styles__card {
  display: flex;
  width: 100%;
  flex-flow: row nowrap;
  align-items: stretch;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  overflow: hidden;
  color: #272639;
  text-decoration: none;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  cursor: pointer;
}
.braid-styles__card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  color: #272639;
  text-decoration: none;
}
.braid-styles__card:hover .braid-styles__card-title {
  color: #e106a4;
}
.braid-styles__card-cover {
  /* 16:9 cover area whose height tracks the card block. It stretches to the
     full card height (driven by the body content) and derives its own width
     from the 16:9 ratio, so the image always fills the block top-to-bottom
     with no gap, however many lines the title/announce wrap to. The image is
     positioned absolutely so its intrinsic size never feeds the flex sizing
     and break the height-driven width derivation. */
  position: relative;
  flex: 0 0 auto;
  align-self: stretch;
  aspect-ratio: 16 / 9;
  min-width: 0;
  background: #f4f5f7;
  overflow: hidden;
}
.braid-styles__card-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.braid-styles__card-body {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  padding: 20px 24px;
  min-width: 0;
}
.braid-styles__card-title {
  margin: 0 0 12px;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.4;
  color: #272639;
  transition: color 0.2s ease;
}
.braid-styles__card-announce {
  margin: 0 0 16px;
  font-size: 0.95rem;
  line-height: 1.45;
  color: #5e6068;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.braid-styles__card-footer {
  margin-top: auto;
  display: flex;
  width: 100%;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.braid-styles__card-tag {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid #cfd1d6;
  background: #fff;
  color: #272639;
  font-size: 0.8125rem;
  font-weight: 500;
  white-space: nowrap;
}
.braid-styles__card-readmore {
  margin-left: auto;
  font-size: 0.875rem;
  font-weight: 600;
  color: #e106a4;
  text-decoration: none;
}
.braid-styles__card:hover .braid-styles__card-readmore {
  text-decoration: underline;
}
.braid-styles__card:hover .braid-styles__card-tag {
  border-color: #e106a4;
  color: #e106a4;
}

/* Detail-page hero: full-bleed 16:9 cover with the title overlaid in the
   bottom-left corner over a soft gradient so the h1 stays legible across
   any uploaded image. */
.braid-styles-detail__hero {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #f4f5f7;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 24px;
}
.braid-styles-detail__title {
  margin: 0 0 24px;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 700;
  color: #272639;
}
.braid-styles-detail__hero-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.braid-styles-detail__hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 55%);
  pointer-events: none;
}
.braid-styles-detail__hero-title {
  position: absolute;
  left: 32px;
  bottom: 24px;
  right: 32px;
  margin: 0;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  z-index: 1;
}
.braid-styles-detail__content {
  width: 100%;
  font-size: 1rem;
  line-height: 1.6;
  color: #272639;
}
.braid-styles-detail__content img {
  max-width: 100%;
  height: auto;
}
.braid-styles-detail__tags {
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
  margin: 0 0 24px;
}
.braid-styles-detail__tag {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  border-radius: 999px;
  border: 1px solid #cfd1d6;
  background: #fff;
  color: #272639;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease;
}
.braid-styles-detail__tag:hover {
  border-color: #e106a4;
  color: #e106a4;
}

/* Videos — full-width section rendered as a sibling of `.braid-styles`,
   so the Masonry-packed tiles run the full 1340px page width instead of
   being squeezed into the main column next to the (taller) right rail.
   The tile sizing and layout itself live in media-tile-grid.css (shared
   by every page that uses MediaTileGrid). */
.braid-styles-detail__videos {
  width: 100%;
  max-width: 1340px;
  padding: 0 0 48px;
}
.braid-styles-detail__videos-title {
  font-size: 1.5rem;
  line-height: 2rem;
  margin: 0 0 16px;
  font-weight: 600;
  color: #272639;
}

/* Right column ("All Styles") — pluggable facet buttons. Pinned 340px wide
   to match the existing `.articles__side` rail; collapses below the main
   column on narrow viewports (see media queries). */
.braid-styles-side {
  flex: 0 0 340px;
  padding-left: 32px;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
}
.braid-styles-side__header {
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin: 0 0 16px;
  font-weight: 600;
  color: #272639;
}
.braid-styles-side__facets {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
}
.braid-styles-side__facet-item {
  display: inline-flex;
}
.braid-styles-side__facet {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  border-radius: 999px;
  border: 1px solid #cfd1d6;
  background: #fff;
  color: #272639;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease;
}
.braid-styles-side__facet:hover {
  border-color: #e106a4;
  color: #e106a4;
}
.braid-styles-side__facet--active {
  border-color: #e106a4;
  background: #e106a4;
  color: #fff;
}
.braid-styles-side__facet--active:hover {
  color: #fff;
  background: #c3068f;
  border-color: #c3068f;
}
.braid-styles-side__facet--reset {
  border-color: transparent;
  background: transparent;
  color: #5e6068;
  text-decoration: underline;
  padding-left: 4px;
  padding-right: 4px;
}
.braid-styles-side__facet--reset:hover {
  border-color: transparent;
  background: transparent;
  color: #e106a4;
}

@media (max-width: 1340px) {
  .braid-styles,
  .braid-styles-detail__videos {
    padding: 0 16px 48px;
  }
}
@media (max-width: 1024px) {
  .braid-styles {
    flex-flow: column nowrap;
    align-items: stretch;
    padding: 0 16px 48px;
  }
  .braid-styles-side {
    padding-left: 0;
    flex: 0 0 auto;
    margin-bottom: 32px;
    order: -1;
  }
}
@media (max-width: 799px) {
  .braid-styles__card {
    flex-flow: column nowrap;
  }
  .braid-styles__card-cover {
    flex: 0 0 auto;
    width: 100%;
    aspect-ratio: 16 / 9;
  }
  .braid-styles__card-body {
    padding: 16px;
  }
  .braid-styles-detail__hero-title {
    left: 16px;
    right: 16px;
    bottom: 16px;
    font-size: 1.5rem;
  }
}