@font-face {
  font-family: "HelveticaNeue";
  src: url("../fonts/HelveticaNeueLight.otf");
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: "HelveticaNeue";
  src: url("../fonts/HelveticaNeueRoman.otf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "HelveticaNeue";
  src: url("../fonts/HelveticaNeueMedium.otf");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "HelveticaNeue";
  src: url("../fonts/HelveticaNeueBold.otf");
  font-style: normal;
  font-weight: 700;
}
:root {
  --font-family: "HelveticaNeue", sans-serif;
  --second-family: "Onest", sans-serif;
  --ph: 40px;
}
@media (max-width: 959px) {
  :root {
    --ph: 30px;
  }
}
@media (max-width: 639px) {
  :root {
    --ph: 15px;
  }
}

html * {
  font-family: var(--font-family) !important;
  font-weight: normal;
  letter-spacing: -0.02em;
  line-height: 1;
}

.uk-container {
  max-width: 1350px;
}

.block-bg {
  background-color: var(--bg, #fff);
}

.icon-cart {
  --font-size: 22px;
}
.icon-cart:before {
  mask-image: url("../img/cart.png");
  mask-size: 98%;
  background-image: url("../img/cart.png");
  background-size: contain;
}

[data-count] {
  position: relative;
}
[data-count]:after {
  content: attr(data-count);
  position: absolute;
  border: 2px solid #fff;
  border-radius: 12px;
  width: 16px;
  height: 16px;
  min-width: 16px;
  background-color: #fa7a35;
  font-weight: 700;
  font-size: 10px;
  letter-spacing: -0.02em;
  text-align: center;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  bottom: 2px;
}
@media (max-width: 639px) {
  [data-count]:after {
    content: "";
    width: 8px;
    height: 8px;
    min-width: 8px;
    right: 3px;
    top: 8px;
    bottom: unset;
  }
}

[class*=btn-] {
  border-radius: 40px;
  font-weight: 500;
  text-decoration: unset !important;
  box-shadow: 0 0 0 transparent;
  text-transform: unset !important;
  transition: background-color 0.3s, color 0.3s !important;
  min-height: unset !important;
  line-height: 1;
}
[class*=btn-]:before {
  margin-right: 8px;
}
[class*=btn-]:after {
  margin-left: 8px;
}
[class*=btn-][class*=-pr-] {
  background-color: #fa7a35;
  color: #fff !important;
}
[class*=btn-][class*=-pr-]:focus {
  background-color: #fa7a35;
}
[class*=btn-][class*=-pr-]:hover {
  background-color: #f05806;
}
[class*=btn-][class*=-pr-]:active {
  background-color: #bb4405;
}
[class*=btn-][class*=-ot-] {
  background-color: #fff;
  color: #1b0a01 !important;
}
[class*=btn-][class*=-ot-]:focus {
  background-color: #fff;
}
[class*=btn-][class*=-ot-]:hover {
  background-color: #f4f5f6;
}
[class*=btn-][class*=-ot-]:active {
  background-color: #e8eaee;
}
[class*=btn-][class*=-sh-] {
  background-color: #f4f5f6;
  color: #000;
}
[class*=btn-][class*=-sh-]:focus {
  background-color: #f4f5f6 !important;
  color: #000 !important;
}
[class*=btn-][class*=-sh-]:hover {
  background-color: #22262d !important;
  color: #fff !important;
}
[class*=btn-][class*=-sh-]:active {
  background-color: #0b0d0f !important;
  color: #fff !important;
}
[class*=btn-][class*=-dr-] {
  border: 1px solid #22262d;
  background-color: #0b0d0f;
  color: #fff;
}
[class*=btn-][class*=-dr-]:focus {
  box-shadow: 0 0 5px #fa7a35;
  background-color: #0b0d0f !important;
  color: #fff !important;
}
[class*=btn-][class*=-dr-]:hover {
  background-color: #22262d !important;
  color: #fff !important;
}
[class*=btn-][class*=-dr-]:active {
  background-color: #393f4b !important;
  color: #fff !important;
}
[class*=btn-][class*=-lg] {
  padding: 16px;
  font-size: 16px;
}
[class*=btn-][class*=-md] {
  padding: 13px 16px;
  font-size: 14px;
}
[class*=btn-][class*=-sm] {
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 12px;
}
[class*=btn-][class*=icons] {
  font-size: 16px;
  padding: 7px 8px;
}
[class*=btn-][class*=icons]:before {
  margin: 0;
}
[class*=btn-][class*=icon-mob] {
  display: flex;
}
@media (max-width: 639px) {
  [class*=btn-][class*=icon-mob] {
    font-size: 0;
    padding: 9px;
  }
  [class*=btn-][class*=icon-mob]:before {
    margin-right: 0;
    font-size: 20px;
  }
}

.slider-items {
  position: relative;
}
@media (max-width: 959px) {
  .slider-items {
    margin: 0 calc(var(--ph) * -1);
  }
  .slider-items .uk-slider-container {
    padding: 0 var(--ph);
  }
}
.slider-items .fine {
  position: absolute;
  right: 0;
  top: -45px;
  display: flex;
  gap: 16px;
}
@media (max-width: 959px) {
  .slider-items .fine {
    right: var(--ph);
  }
}
@media (max-width: 639px) {
  .slider-items .fine {
    display: none;
  }
}
.slider-items .fine [class*=icon-arrow] {
  font-size: 17px;
  line-height: 0;
  color: #99a1b2;
  padding: 10px;
  border: 1.5px solid #99a1b2;
  border-radius: 100px;
  text-decoration: unset;
  display: block !important;
  visibility: visible !important;
  position: relative !important;
  margin: unset;
}

@media (max-width: 639px) {
  .uk-modal#modal-search {
    padding: unset;
    transition: unset !important;
  }
}
.uk-modal#modal-search .uk-modal-dialog {
  border: 1px solid #e8eaee;
  border-radius: 20px;
  width: 700px;
  max-height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 639px) {
  .uk-modal#modal-search .uk-modal-dialog {
    border-radius: 0;
    height: 100%;
  }
}
.uk-modal#modal-search .uk-modal-dialog .uk-modal-header {
  border-radius: 20px 20px 0 0;
  padding: 10px 20px;
}
@media (max-width: 639px) {
  .uk-modal#modal-search .uk-modal-dialog .uk-modal-header {
    padding: 7.5px 20px;
  }
}
.uk-modal#modal-search .uk-modal-dialog .uk-modal-header .uk-search-icon {
  width: 20px;
  color: #000;
}
@media (max-width: 639px) {
  .uk-modal#modal-search .uk-modal-dialog .uk-modal-header .uk-search-icon {
    left: unset;
    right: 0;
  }
}
.uk-modal#modal-search .uk-modal-dialog .uk-modal-header .uk-modal-close {
  position: absolute;
  font-size: 20px;
  top: 0;
  bottom: 0;
  left: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.uk-modal#modal-search .uk-modal-dialog .uk-modal-header input {
  width: 100%;
  border: unset;
  padding-left: 33px;
}
@media (max-width: 639px) {
  .uk-modal#modal-search .uk-modal-dialog .uk-modal-header input {
    padding: 0 33px;
  }
}
.uk-modal#modal-search .uk-modal-dialog .uk-modal-body {
  padding: 20px 24px;
  overflow-y: auto;
  height: 100%;
}
.uk-modal#modal-search .uk-modal-dialog .uk-modal-body p {
  font-weight: 500;
  font-size: 14px;
  color: #99a1b2;
}
.uk-modal#modal-search .uk-modal-dialog .uk-modal-body ul > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 0;
}
@media (max-width: 639px) {
  .uk-modal#modal-search .uk-modal-dialog .uk-modal-body ul > li {
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
  }
}
.uk-modal#modal-search .uk-modal-dialog .uk-modal-body ul > li > a {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.02em;
  color: #505869;
}
.uk-modal#modal-search .uk-modal-dialog .uk-modal-body ul > li p {
  margin: 0;
  display: flex;
  white-space: nowrap;
}
.uk-modal#modal-search .uk-modal-dialog .uk-modal-body ul > li p > a {
  font-weight: 500;
  font-size: 12px;
  color: #838da1;
}
.uk-modal#modal-search .uk-modal-dialog .uk-modal-body ul > li p > a:not(:first-child):before {
  content: "/";
  margin: 0 4px;
}
.uk-modal#modal-search .uk-modal-dialog .uk-modal-body ul > li a {
  transition: color 0.3s;
  text-decoration: unset;
}
.uk-modal#modal-search .uk-modal-dialog .uk-modal-body ul > li a:hover {
  color: #000;
}
.uk-modal#modal-search .uk-modal-dialog .uk-modal-body ul.result_search > li {
  align-items: flex-start;
  flex-direction: row;
  padding: 12px 0;
  gap: 16px;
}
.uk-modal#modal-search .uk-modal-dialog .uk-modal-body ul.result_search > li .img {
  width: 50px;
}
.uk-modal#modal-search .uk-modal-dialog .uk-modal-body ul.result_search > li .img img {
  width: 50px;
  height: 62px;
  object-fit: cover;
}
.uk-modal#modal-search .uk-modal-dialog .uk-modal-body ul.result_search > li .item {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 76px);
  gap: 40px;
}
@media (max-width: 639px) {
  .uk-modal#modal-search .uk-modal-dialog .uk-modal-body ul.result_search > li .item {
    flex-direction: column;
    width: calc(100% - 66px);
    gap: 4px;
  }
}
.uk-modal#modal-search .uk-modal-dialog .uk-modal-body ul.result_search > li .item .name p {
  white-space: wrap;
}
.uk-modal#modal-search .uk-modal-dialog .uk-modal-body ul.result_search > li .item .name p.brand {
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #afb6c3;
  margin-bottom: 4px;
}
.uk-modal#modal-search .uk-modal-dialog .uk-modal-body ul.result_search > li .item .name p.title {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  color: #0b0d0f;
}
.uk-modal#modal-search .uk-modal-dialog .uk-modal-body ul.result_search > li .item .name p.description {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  color: #838da1;
}
.uk-modal#modal-search .uk-modal-dialog .uk-modal-body ul.result_search > li .item .name p.breadcrumb {
  margin: 4px 0 0;
  display: flex;
  white-space: nowrap;
}
.uk-modal#modal-search .uk-modal-dialog .uk-modal-body ul.result_search > li .item .name p.breadcrumb > a {
  font-weight: 500;
  font-size: 12px;
  color: #838da1;
  transition: color 0.3s;
}
.uk-modal#modal-search .uk-modal-dialog .uk-modal-body ul.result_search > li .item .name p.breadcrumb > a:not(:first-child):before {
  content: "/";
  margin: 0 4px;
}
.uk-modal#modal-search .uk-modal-dialog .uk-modal-body ul.result_search > li .item .name p.breadcrumb > a:hover {
  color: #000;
}
.uk-modal#modal-search .uk-modal-dialog .uk-modal-body ul.result_search > li .price {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4;
  color: #0b0d0f;
}
.uk-modal#modal-search .uk-modal-dialog .uk-modal-footer {
  border-radius: 0 0 20px 20px;
  border-top: unset;
  position: relative;
}
.uk-modal#modal-search .uk-modal-dialog .uk-modal-footer:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 40px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}
.uk-modal#modal-search .uk-modal-dialog .uk-modal-footer .more {
  border-radius: 12px;
  padding: 20px 24px;
  width: 100%;
}

header {
  border-bottom: 1px solid #f4f5f6;
}
header .menu-black {
  background-color: #0b0d0f;
}
header .menu-black .uk-navbar-nav > li > a {
  text-transform: unset;
  min-height: 36px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #838da1;
  transition: color 0.3s;
}
header .menu-black .uk-navbar-nav > li > a:hover {
  color: #fff;
}
header .main-menu {
  background-color: #fff;
  padding: 16px 0;
}
header .main-menu .uk-navbar-container {
  background-color: transparent;
}
@media (max-width: 639px) {
  header .main-menu {
    padding: 6px 0;
  }
}
header .main-menu.uk-active {
  border-bottom: 1px solid #f4f5f6;
}
header .main-menu .uk-navbar {
  gap: 12px;
}
header .main-menu .uk-navbar .uk-navbar-left {
  width: calc(100% - 155px);
}
header .main-menu .uk-navbar .uk-navbar-nav {
  align-items: center;
  width: 100%;
  gap: 12px;
}
header .main-menu .uk-navbar .uk-navbar-nav > li > a {
  min-height: unset !important;
}
header .main-menu .uk-navbar .uk-navbar-nav > li > a.logo {
  width: 170px;
}
header .main-menu .uk-navbar .uk-navbar-nav > li > a.btn-catalog {
  margin-left: 68px;
}
@media (max-width: 959px) {
  header .main-menu .uk-navbar .uk-navbar-nav > li > a.btn-catalog {
    margin-left: 0;
  }
}
@media (max-width: 639px) {
  header .main-menu .uk-navbar .uk-navbar-nav > li > a.btn-catalog {
    padding: 12px;
    font-size: 0;
    background-color: transparent;
  }
  header .main-menu .uk-navbar .uk-navbar-nav > li > a.btn-catalog:before {
    font-size: 20px;
    margin: 0;
    color: #000;
  }
  header .main-menu .uk-navbar .uk-navbar-nav > li > a.btn-catalog[aria-expanded=true]:before {
    content: "\e908";
  }
}
@media (min-width: 640px) {
  header .main-menu .uk-navbar .uk-navbar-nav > li > a.btn-catalog:after {
    content: "\e91a";
    font-family: "icomoon" !important;
    speak: never;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transform: rotateX(0);
    -webkit-font-smoothing: antialiased;
    transition: transform 0.3s;
  }
}
header .main-menu .uk-navbar .uk-navbar-nav > li > a.btn-catalog[aria-expanded=true]:after {
  transform: rotateX(180deg);
}
@media (min-width: 640px) {
  header .main-menu .uk-navbar .uk-navbar-nav > li > a.icon-search {
    background-color: #f4f5f6;
    border-radius: 100px;
    padding: 13px 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    letter-spacing: -0.02em;
    color: #99a1b2;
    text-transform: unset;
    width: 100%;
    justify-content: left;
    cursor: text;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  header .main-menu .uk-navbar .uk-navbar-nav > li > a.icon-search:before {
    color: #000;
    margin-right: 8px;
  }
}
@media (max-width: 639px) {
  header .main-menu .uk-navbar .uk-navbar-left a.icon-search {
    color: #000;
    padding: 8px 8px 8px 0;
    transition: color 0.3s;
    font-size: 20px;
    --font-size: 20px;
  }
}
@media (max-width: 639px) {
  header .main-menu .uk-navbar .uk-navbar-right .uk-navbar-nav {
    gap: 0;
  }
}
header .main-menu .uk-navbar .uk-navbar-right a {
  font-size: 24px;
  color: #000;
  padding: 8px;
  transition: color 0.3s;
}
@media (max-width: 639px) {
  header .main-menu .uk-navbar .uk-navbar-right a {
    font-size: 20px;
    --font-size: 20px;
  }
}
header .main-menu .uk-navbar .uk-navbar-right a:hover {
  color: #888888;
}
header .menu-second {
  padding: 4px 0;
}
header .menu-second .uk-navbar {
  gap: 10px;
}
header .menu-second .uk-navbar .uk-navbar-nav > li > a {
  font-weight: 500;
  font-size: 14px;
  color: #505869;
  min-height: unset;
  text-transform: unset;
  white-space: nowrap;
  transition: color 0.3s;
}
header .menu-second .uk-navbar .uk-navbar-nav > li > a:hover {
  color: #000;
}
header .menu-second .uk-navbar .uk-navbar-left {
  overflow-x: auto;
  overflow-y: unset;
  padding-bottom: 8px;
  position: relative;
}
header .menu-second .uk-navbar .uk-navbar-left:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 100%;
  top: 0;
  right: 0;
  background: rgb(255, 255, 255);
  background: linear-gradient(270deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
header .menu-second .uk-navbar .uk-navbar-left .uk-navbar-nav {
  gap: 15px;
  flex-direction: row;
  padding-right: 20px;
}
header .menu-second .uk-navbar .uk-navbar-right {
  padding-bottom: 8px;
}
header .menu-second .uk-navbar .uk-navbar-right .uk-navbar-nav > li > a {
  color: #fa7a35;
}
header .menu-second .uk-navbar .uk-navbar-right .uk-navbar-nav > li > a:hover {
  color: #f05806;
}
header .drop-menu {
  outline: 1px solid #e8eaee;
}
@media (max-width: 639px) {
  header .drop-menu {
    left: 0 !important;
    position: fixed;
    bottom: 0;
  }
}
header .drop-menu .main_menu_container {
  background-color: #fff;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
  max-height: calc(100vh - 159px);
}
@media (max-width: 639px) {
  header .drop-menu .main_menu_container {
    height: 100%;
    max-height: 100% !important;
  }
}
header .drop-menu .main_menu_container > .main_menu_content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
header .drop-menu .main_menu_container > .main_menu_content .buttons {
  right: 15px;
  top: 13px;
  z-index: 4;
}
header .drop-menu .main_menu_container > .main_menu_content .buttons ul {
  display: flex;
  gap: 5px;
}
header .drop-menu .main_menu_container > .main_menu_content .buttons ul > li a {
  font-family: var(--font-family-light);
  font-weight: 100;
  font-size: 18px;
  color: #000;
  padding: 12px 5px;
  text-decoration: unset;
}
header .drop-menu .main_menu_container > .main_menu_content .buttons ul > li .btn-account .icon-account {
  font-size: 18px;
  width: 27px;
  height: 27px;
  display: flex;
  margin-top: -4px;
}
header .drop-menu .main_menu_container > .main_menu_content > ul {
  height: 100%;
  padding-top: 30px !important;
}
@media (max-width: 639px) {
  header .drop-menu .main_menu_container > .main_menu_content > ul {
    padding-top: unset !important;
  }
  header .drop-menu .main_menu_container > .main_menu_content > ul:before {
    font-family: var(--font-family);
    border-bottom: 1px solid #f4f5f6;
    padding: 12px 0;
    content: attr(data-text);
    font-weight: 500;
    font-size: 20px;
    color: #0b0d0f;
    display: block;
    margin-bottom: 10px;
  }
}
header .drop-menu .main_menu_container > .main_menu_content > ul > li span.parent {
  width: 186px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
header .drop-menu .main_menu_container > .main_menu_content > ul > li span.parent:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='20' viewBox='0 0 10 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 1.20711L9.5 18.7929L0.707107 10L9.5 1.20711Z' fill='white' stroke='%23E8EAEE' /%3E%3Cpath d='M9 17.5857L9 2.40995L10 1.40998L10 18.5857L9 17.5857Z' fill='white' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 10px;
  height: 20px;
  z-index: 3;
  position: absolute;
  right: -1px;
  opacity: 0;
  transition: opacity 0.5s;
}
@media (max-width: 639px) {
  header .drop-menu .main_menu_container > .main_menu_content > ul > li span.parent:after {
    display: none;
  }
}
@media (max-width: 639px) {
  header .drop-menu .main_menu_container > .main_menu_content > ul > li span.parent {
    flex-direction: row-reverse;
    width: 100%;
  }
  header .drop-menu .main_menu_container > .main_menu_content > ul > li span.parent span {
    color: #393f4b !important;
    padding-left: unset !important;
    opacity: 1 !important;
    background-color: transparent !important;
  }
  header .drop-menu .main_menu_container > .main_menu_content > ul > li span.parent:before {
    content: "\e91c";
    font-family: "icomoon";
    color: #000;
  }
}
header .drop-menu .main_menu_container > .main_menu_content > ul > li span.back {
  border-bottom: 1px solid #f4f5f6;
  padding: 12px 0;
  content: attr(data-text);
  font-weight: 500;
  font-size: 20px;
  color: #0b0d0f;
  cursor: pointer;
  display: none;
}
@media (max-width: 639px) {
  header .drop-menu .main_menu_container > .main_menu_content > ul > li span.back {
    display: flex;
    gap: 10px;
  }
  header .drop-menu .main_menu_container > .main_menu_content > ul > li span.back:before {
    content: "\e913";
    font-family: "icomoon";
  }
}
header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul {
  left: 186px;
  border-left: 1px solid #edeef2;
  position: absolute;
  padding-left: 20px;
  box-sizing: border-box;
  top: 0;
  width: calc(100% - 186px);
  background-color: #fff;
  display: flex;
  z-index: -2;
}
@media (max-width: 639px) {
  header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul {
    width: 100%;
    left: 0;
  }
}
header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul [data-id] {
  padding-top: 40px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
}
header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul [data-id] > div > div.uk-grid-margin {
  margin-top: 12px;
}
header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul [data-id] > div > div li {
  margin-bottom: 8px;
}
header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul [data-id] > div > div li a {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  color: #7e7e7e;
  text-decoration: unset;
  transition: 0.3s;
}
header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul [data-id] > div > div li a:hover {
  color: #000;
}
header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul [data-id] > div > div li.cat {
  margin-bottom: 12px;
}
header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul [data-id] > div > div li.cat a {
  font-weight: 700;
  line-height: 1;
  color: #0b0d0f;
}
header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul .articles {
  width: 280px;
  min-width: 280px;
  border-left: 1px solid #edeef2;
  padding: 40px 10px 0 32px;
  margin-left: 32px;
  overflow-y: auto;
  overflow-x: hidden;
}
header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul .articles p {
  font-weight: 500;
  font-size: 24px;
  color: #0b0d0f;
}
header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul .articles ul {
  margin-bottom: 20px;
}
header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul .articles ul > li {
  display: flex;
  gap: 16px;
}
header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul .articles ul > li:nth-child(n+2) {
  margin-top: 20px;
}
header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul .articles ul > li a {
  text-decoration: unset;
}
header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul .articles ul > li a .img {
  width: 60px;
}
header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul .articles ul > li a .img img {
  object-fit: cover;
  height: 60px;
  border-radius: 12px;
}
header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul .articles ul > li a .text {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  color: #0b0d0f;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 4.2rem;
}
header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul .articles .articles-footer {
  position: sticky;
  bottom: 0;
  background-color: #fff;
  padding: 20px 0;
}
header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul .articles .articles-footer:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 20px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}
header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul .articles .articles-footer .uk-button {
  width: calc(100% - 10px);
}
header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul > * {
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 0;
}
@media (max-width: 639px) {
  header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul {
    -webkit-transition: transform 200ms;
    -moz-transition: transform 200ms;
    transition: transform 200ms;
    z-index: 2;
  }
}
header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul:has(.loaded.activity), header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul.loaded.activity {
  height: 100%;
  z-index: 2;
}
header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul:has(.loaded.activity) > *, header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul.loaded.activity > * {
  opacity: 1;
}
@media (max-width: 639px) {
  header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul:has(.loaded.activity), header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul.loaded.activity {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    padding-left: 0;
    flex-direction: column;
  }
  header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul:has(.loaded.activity) [data-id], header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul.loaded.activity [data-id] {
    padding-top: 20px;
    margin-right: -5px;
    padding-right: 5px;
    box-sizing: border-box;
    padding-bottom: 25px;
  }
}
@media (min-width: 640px) {
  header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul li:first-child {
    position: relative;
  }
  header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul li:first-child a.link-cat {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0;
  }
}
@media (max-width: 639px) {
  header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul {
    border: unset;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  header .drop-menu .main_menu_container > .main_menu_content > ul > li > ul li:first-child a.link-cat {
    display: none;
  }
}
header .drop-menu .main_menu_container > .main_menu_content > ul > li:has(.loaded.activity) span.parent:after {
  opacity: 1;
}
@media (min-width: 640px) {
  header .drop-menu .main_menu_container > .main_menu_content > ul:not(:has(.loaded.activity)) > li:first-child > span.parent:after {
    opacity: 1;
  }
  header .drop-menu .main_menu_container > .main_menu_content > ul:not(:has(.loaded.activity)) > li:first-child > span.parent > span {
    background-color: #fff3ec;
    color: #fa7a35;
    opacity: 1;
  }
  header .drop-menu .main_menu_container > .main_menu_content > ul:not(:has(.loaded.activity)) > li:first-child > ul {
    height: 100%;
    z-index: 2;
  }
  header .drop-menu .main_menu_container > .main_menu_content > ul:not(:has(.loaded.activity)) > li:first-child > ul > * {
    opacity: 1;
  }
}
header .drop-menu .main_menu_container > .main_menu_content ul {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
header .drop-menu .main_menu_container > .main_menu_content ul li {
  list-style: none;
}
header .drop-menu .main_menu_container > .main_menu_content ul li span.parent > span {
  font-family: var(--font-family-bold);
  display: block;
  width: 100%;
  margin-right: 30px;
  line-height: 1;
  text-decoration: none;
  white-space: normal;
  cursor: pointer;
  padding: 10px 16px;
  border-radius: 12px;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.02em;
  background-color: transparent;
  color: #393f4b;
  opacity: 0.5;
  transition: all 0.5s;
}
header .drop-menu .main_menu_container > .main_menu_content ul li span.parent > span:hover {
  opacity: 1;
}
header .drop-menu .main_menu_container > .main_menu_content ul li:has(.loaded.activity) > span.parent > span {
  background-color: #fff3ec;
  color: #fa7a35;
  opacity: 1;
}
header:has(.main-menu.uk-active) .drop-menu .main_menu_container {
  max-height: calc(100vh - 123px);
}

.h1-cat {
  font-weight: 500;
  font-size: 48px;
  color: #0b0d0f;
}
@media (max-width: 959px) {
  .h1-cat {
    font-size: 32px;
  }
}
@media (max-width: 639px) {
  .h1-cat {
    font-size: 28px;
  }
}
.h1-cat a {
  text-decoration: unset;
  font-weight: 500;
  color: #0b0d0f;
}
.h1-cat a[class*=icon-] {
  display: flex;
  gap: 20px;
}
.h1-cat a[class*=icon-]:before {
  font-size: 24px;
  padding: 11px;
  border: 1px solid #e8eaee;
  border-radius: 40px;
  transition: border-color 0.3s;
}
@media (max-width: 959px) {
  .h1-cat a[class*=icon-]:before {
    font-size: 17px;
    padding: 6px;
  }
}
@media (max-width: 639px) {
  .h1-cat a[class*=icon-]:before {
    font-size: 16px;
    padding: 5px;
  }
}
.h1-cat a:hover:before {
  border: 1px solid #969696;
}
.h1-cat span {
  color: #838da1;
}

.drop-cart {
  width: 500px;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  height: max-content;
  max-height: 600px;
  min-height: 400px;
}
.drop-cart.uk-open {
  display: flex;
}
@media (max-width: 639px) {
  .drop-cart {
    border-radius: 0;
    position: fixed;
    width: 100%;
    max-width: 100% !important;
    top: 0 !important;
    bottom: 0;
    left: 0 !important;
    right: 0;
    height: unset;
    max-height: 100%;
  }
}
.drop-cart .uk-card-header {
  display: none;
  border-radius: 20px 20px 0 0;
  padding: 20px;
  font-weight: 500;
  font-size: 24px;
  color: #0b0d0f;
}
@media (max-width: 639px) {
  .drop-cart .uk-card-header {
    font-size: 20px;
    display: flow-root;
  }
}
.drop-cart .uk-card-body {
  padding: 50% 20px 20px;
}
@media (max-width: 639px) {
  .drop-cart .uk-card-body {
    margin: auto;
  }
}
.drop-cart .uk-card-body .title {
  font-weight: 500;
  font-size: 24px;
  text-align: center;
  color: #0b0d0f;
  position: relative;
}
@media (max-width: 639px) {
  .drop-cart .uk-card-body .title {
    font-size: 20px;
  }
}
.drop-cart .uk-card-body .title:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 170px;
  background-image: url("data:image/svg+xml,%3Csvg width='184' height='200' viewBox='0 0 184 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.4824 59.06C34.4824 55.4093 38.5325 53.2148 41.5908 55.2083L43.8288 56.6672C46.8808 58.6566 50.8196 58.6566 53.8716 56.6672L58.1966 53.8479C61.2486 51.8585 65.1874 51.8585 68.2394 53.8479L72.5643 56.6672C75.6164 58.6566 79.5551 58.6566 82.6072 56.6672L86.9321 53.8479C89.9841 51.8585 93.9229 51.8585 96.9749 53.8479L101.3 56.6672C104.352 58.6566 108.291 58.6566 111.343 56.6672L115.668 53.8479C118.72 51.8585 122.658 51.8585 125.71 53.8479L130.035 56.6672C133.087 58.6566 137.026 58.6566 140.078 56.6672L142.316 55.2084C145.375 53.2148 149.425 55.4093 149.425 59.06V163.218C149.425 170.836 143.249 177.011 135.632 177.011H48.2755C40.6578 177.011 34.4824 170.836 34.4824 163.218V59.06Z' fill='%23FDC2A2'/%3E%3Cmask id='mask0_1051_9712' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='34' y='52' width='116' height='126'%3E%3Cpath d='M149.425 59.06C149.425 55.4093 145.375 53.2148 142.316 55.2083L140.078 56.6672C137.026 58.6566 133.088 58.6566 130.036 56.6672L125.711 53.8479C122.659 51.8585 118.72 51.8585 115.668 53.8479L111.343 56.6672C108.291 58.6566 104.352 58.6566 101.3 56.6672L96.9751 53.8479C93.9231 51.8585 89.9843 51.8585 86.9323 53.8479L82.6074 56.6672C79.5553 58.6566 75.6165 58.6566 72.5645 56.6672L68.2396 53.8479C65.1875 51.8585 61.2488 51.8585 58.1967 53.8479L53.8718 56.6672C50.8198 58.6566 46.881 58.6566 43.829 56.6672L41.591 55.2083C38.5327 53.2148 34.4826 55.4093 34.4826 59.06V163.218C34.4826 170.836 40.658 177.011 48.2757 177.011H135.632C143.249 177.011 149.425 170.836 149.425 163.218V59.06Z' fill='%23E3D9FF'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1051_9712)'%3E%3Cpath d='M135.059 51.7454H34.4842V163.133C34.4842 168.212 38.6011 172.329 43.6796 172.329H121.265C128.883 172.329 135.059 166.153 135.059 158.535V51.7454Z' fill='%23FEDAC7'/%3E%3C/g%3E%3Cellipse cx='63.218' cy='79.8421' rx='4.78926' ry='4.68284' fill='%23BB4405'/%3E%3Cellipse cx='120.69' cy='78.6715' rx='4.78926' ry='4.68284' fill='%23BB4405'/%3E%3Cpath d='M63.2178 79.8651V95.8864C63.2178 111.757 76.0831 124.622 91.9533 124.622V124.622C107.824 124.622 120.689 111.757 120.689 95.8864V78.6716' stroke='%23FA7A35' stroke-width='4.5977' stroke-linecap='round'/%3E%3Cpath d='M63.2178 79.8651V95.8864C63.2178 111.757 76.0831 124.622 91.9533 124.622V124.622C107.824 124.622 120.689 111.757 120.689 95.8864V78.6716' stroke='url(%23paint0_radial_1051_9712)' stroke-opacity='0.5' stroke-width='4.5977' stroke-linecap='round' style='mix-blend-mode:soft-light'/%3E%3Cpath d='M91.9534 37.213V22.9885M66.666 31.321L76.9575 41.3793M117.241 31.321L106.949 41.3793' stroke='%23FFF3EC' stroke-width='4.5977' stroke-linecap='round'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_1051_9712' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(120.689 78.6716) rotate(141.356) scale(73.5824 73.0076)'%3E%3Cstop stop-color='%23FFD877'/%3E%3Cstop offset='0.487983' stop-color='%23FFB703'/%3E%3Cstop offset='1' stop-color='%23FA7A35'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  bottom: 100%;
  left: 0;
}
.drop-cart .uk-card-body .description {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  text-align: center;
  color: #393f4b;
}
@media (max-width: 639px) {
  .drop-cart .uk-card-body .description {
    font-size: 14px;
  }
}
.drop-cart .uk-card-body .item {
  padding: 20px 0 20px 20px;
}
.drop-cart .uk-card-body .item + .item {
  border-top: 1px solid #f4f5f6;
}
.drop-cart .uk-card-body .item .img {
  position: relative;
  display: block;
  padding-bottom: 90%;
}
.drop-cart .uk-card-body .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #f4f5f6;
  border-radius: 12px;
  background-color: #fafafa;
}
.drop-cart .uk-card-body .item .title-item {
  font-weight: 500;
  padding: 0;
  font-size: 16px;
  line-height: 1.4;
  color: #0b0d0f;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 2.8em;
}
.drop-cart .uk-card-body .item p {
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  color: #667188;
}
.drop-cart .uk-card-body .item p.price {
  font-weight: 700;
  font-size: 18px;
  color: #0b0d0f;
}
.drop-cart .uk-card-body .item .icon-trash {
  font-size: 16px;
  text-decoration: unset;
}
.drop-cart .uk-card-footer {
  display: none;
  border-radius: 0 0 20px 20px;
  padding: 24px 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #22262d;
}
.drop-cart .uk-card-footer .uk-leader.uk-text-bold .uk-leader-fill {
  font-weight: 700;
}
.drop-cart .uk-card-footer .uk-leader-fill:after {
  font-weight: 400;
  color: #e8eaee;
}
.drop-cart .uk-card-footer .input input {
  text-transform: uppercase;
}
.drop-cart .uk-card-footer .btn-delete {
  color: #000 !important;
  pointer-events: unset;
  background-color: #f4f5f6 !important;
}
.drop-cart .uk-card-footer .btn-delete:hover {
  background-color: #d1d1d1 !important;
}
.drop-cart .uk-card-footer .alert-promo {
  margin-top: 16px;
  border-radius: 12px;
  padding: 16px 20px;
  background-color: #dcf2fd;
}
.drop-cart .uk-card-footer .alert-promo p {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4;
  color: #07547a;
  margin: 0;
}
.drop-cart .uk-card-footer .alert-promo span {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  color: #667188;
}
.drop-cart .uk-card-footer a.icon-cart {
  font-weight: 500;
  font-size: 16px !important;
  padding: 16px !important;
  line-height: 1;
  color: #fff !important;
  margin-top: 24px;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  --color: #fff;
}
.drop-cart:has(.uk-card-body .item) {
  justify-content: space-between;
}
.drop-cart:has(.uk-card-body .item) .uk-card-header,
.drop-cart:has(.uk-card-body .item) .uk-card-footer {
  display: flow-root;
}
.drop-cart:has(.uk-card-body .item) .uk-card-body {
  padding: 0 10px 0 0;
  margin-right: 10px;
  overflow: auto;
}
.drop-cart:has(.uk-card-body .item) .uk-card-body .title,
.drop-cart:has(.uk-card-body .item) .uk-card-body .description {
  display: none;
}

.uk-search-default .uk-search-input {
  border: 1px solid #e8eaee;
  border-radius: 12px;
  padding: 27px 20px;
  background-color: #fff;
  line-height: 1;
  font-weight: 500;
  font-size: 16px;
  color: #000;
  width: 100%;
  transition: border 0.3s;
}
.uk-search-default .uk-search-input:focus {
  border-color: #393939;
  background-color: #fff;
}
.uk-search-default .uk-search-input::placeholder {
  color: #99a1b2;
}

.quantity {
  border-radius: 12px;
  background-color: #f4f5f6;
  padding: 7px 10px;
  display: flex;
  gap: 5px;
}
.quantity input {
  width: 20px;
  border: unset;
  background-color: transparent;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  color: #22262d;
}
.quantity button {
  border: unset;
  background-color: transparent;
  font-size: 16px;
  padding: 0;
  cursor: pointer;
}

.btn-account .icon-account {
  width: 40px;
  height: 40px;
  border: unset;
  font-size: 24px;
  padding: 5px;
  border-radius: 50px;
}
.btn-account .icon-account[aria-expanded=true] {
  background-color: #f4f5f6;
}
.btn-account .uk-card-body {
  padding: unset;
  border: 1px solid #e8eaee;
  border-radius: 12px;
  background: #fff;
  width: max-content;
  flex-direction: column;
  align-items: flex-start;
}
.btn-account .uk-card-body.uk-open {
  display: flex;
}
.btn-account .uk-card-body > * {
  padding: 16px;
  border: unset;
  background-color: transparent;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  color: #22262d;
  white-space: nowrap;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.btn-account .uk-card-body > *:hover {
  color: #000;
}
.btn-account .uk-card-body > *:before {
  font-size: 16px;
  margin-right: 8px;
}
.btn-account .uk-card-body > *:not(:last-child) {
  border-bottom: 1px solid #f4f5f6;
}

@media (max-width: 639px) {
  html:has(.drop-cart.uk-open) {
    overflow-y: clip;
    touch-action: none;
  }
}
.select-radio {
  --border-r: 12px;
}
@media (max-width: 959px) {
  .select-radio {
    --border-r: 40px;
  }
}
@media (max-width: 639px) {
  .select-radio:not(:has(.drop-select.not-mobile)):has(.drop-select.uk-open):after {
    content: "";
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 998;
  }
}
.select-radio .uk-button {
  background-color: #fff;
  border: 1px solid #e8eaee;
  border-radius: var(--border-r);
  line-height: 1;
  padding: 18px 16px;
  font-weight: 500;
  font-size: 14px;
  color: #22262d;
  text-transform: unset;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: border-color 0.3s, border-radius 0.3s;
}
.select-radio .uk-button.uk-disabled {
  filter: contrast(0.7);
  color: #626771;
}
.select-radio .uk-button:before {
  margin-right: 8px;
  font-size: 14px;
}
@media (min-width: 960px) {
  .select-radio .uk-button:before {
    display: none;
  }
}
.select-radio .uk-button span {
  margin-left: 8px;
}
@media (max-width: 959px) {
  .select-radio .uk-button {
    padding: 13px 16px;
    font-size: 0;
  }
  .select-radio .uk-button:before {
    font-size: 14px;
  }
  .select-radio .uk-button:after {
    content: attr(data-text);
    font-size: 14px;
  }
  .select-radio .uk-button span {
    order: 3;
  }
}
@media (max-width: 639px) {
  .select-radio .uk-button {
    padding: 9px;
    border-radius: 40px !important;
  }
  .select-radio .uk-button:after,
  .select-radio .uk-button span {
    display: none;
  }
  .select-radio .uk-button:before {
    font-size: 20px;
    margin-right: 0;
    color: #000;
  }
}
.select-radio .drop-select {
  outline: 1px solid #e8eaee;
  box-shadow: 0 11px 24px 0 rgba(0, 0, 0, 0.02), 0 44px 44px 0 rgba(0, 0, 0, 0.02), 0 99px 59px 0 rgba(0, 0, 0, 0.01), 0 176px 70px 0 rgba(0, 0, 0, 0), 0 275px 77px 0 rgba(0, 0, 0, 0);
  padding: 18px 16px;
  border-radius: 12px;
  width: 100%;
}
.select-radio .drop-select .uk-drop-close {
  right: 5px;
  top: 5px;
  color: #000;
}
.select-radio .drop-select .uk-card-body {
  padding: unset;
}
.select-radio .drop-select .uk-card-header {
  padding: 0 0 16px;
  font-weight: 500;
  font-size: 24px;
  color: #0b0d0f;
}
@media (max-width: 959px) {
  .select-radio .drop-select {
    padding: 13px 16px;
  }
}
@media (max-width: 639px) {
  .select-radio .drop-select:not(.not-mobile) {
    position: fixed;
    bottom: 0;
    top: unset !important;
    left: 0 !important;
    width: 100vw;
    max-width: 100% !important;
    z-index: 999;
    background-color: #fff;
    border-radius: 12px 12px 0 0;
  }
}
.select-radio .drop-select ul {
  padding-left: unset;
  list-style-type: none;
}
@media (max-width: 639px) {
  .select-radio .drop-select ul:not(.not-mobile) {
    margin-top: 14px;
  }
}
.select-radio .drop-select ul li label {
  display: flex;
  gap: 16px;
  font-weight: 500;
  font-size: 14px;
  color: #393f4b;
  background-color: #fff;
  position: relative;
  padding: 10px 0;
  justify-content: space-between;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.3s;
}
@media (max-width: 639px) {
  .select-radio .drop-select ul li label:not(.not-mobile) {
    padding: 13px 0;
    font-size: 16px;
  }
}
.select-radio .drop-select ul li label:after {
  content: "\e920";
  font-family: "icomoon";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: transparent;
  transition: color 0.3s;
}
.select-radio .drop-select ul li label:hover {
  color: #000;
}
.select-radio .drop-select ul li label:has(input:checked) {
  color: #2ecc71;
}
.select-radio .drop-select ul li label:has(input:checked):after {
  color: #000;
}
.select-radio .drop-select ul li label input {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.category-btn {
  overflow: auto;
  margin-right: calc(var(--ph) * -1);
  margin-bottom: -7px !important;
}
.category-btn ul {
  display: flex;
  margin: 0 0 7px;
  gap: 8px;
}
.category-btn ul li {
  margin: 0 !important;
}
.category-btn ul li:last-child {
  padding-right: var(--ph);
}
.category-btn ul li a {
  display: flex;
  white-space: nowrap;
  gap: 8px;
  flex-direction: row-reverse;
}
.category-btn ul li a:before {
  margin-right: 0;
}

@media (min-width: 960px) {
  #offcanvas-filter {
    display: block;
    position: relative;
    z-index: unset;
    top: unset;
    height: 100%;
    left: unset;
    width: 240px;
  }
  #offcanvas-filter .uk-offcanvas-bar {
    left: unset;
    width: 100%;
  }
}
@media (max-width: 959px) {
  #offcanvas-filter .uk-offcanvas-bar {
    width: 300px;
  }
}
@media (max-width: 639px) {
  #offcanvas-filter .uk-offcanvas-bar {
    width: 100%;
    max-width: 100% !important;
    top: unset;
    border-radius: 12px 12px 0 0;
    left: 0;
    bottom: -100%;
    transition: bottom 0.3s;
    padding-bottom: 20px !important;
  }
  #offcanvas-filter.uk-open .uk-offcanvas-bar {
    bottom: 0;
  }
}
#offcanvas-filter:before {
  background-color: rgba(0, 0, 0, 0.8);
}
#offcanvas-filter .uk-offcanvas-bar {
  background-color: #fff;
  overflow-x: hidden;
  padding: 0;
}
#offcanvas-filter .uk-offcanvas-bar * {
  color: #000;
}
#offcanvas-filter .uk-offcanvas-bar .filter-title {
  padding: 16px 16px 0 16px;
  font-weight: 500;
  font-size: 24px;
  color: #0b0d0f;
}
#offcanvas-filter .uk-offcanvas-bar > div:not(.block-btn) {
  padding: 16px 20px;
  border: 1px solid #f4f5f6;
  border-radius: 20px;
}
@media (max-width: 639px) {
  #offcanvas-filter .uk-offcanvas-bar > div:not(.block-btn) {
    border: unset;
  }
}
@media (max-width: 959px) {
  #offcanvas-filter .uk-offcanvas-bar > div.block-btn {
    padding: 0 20px 20px;
  }
}
@media (max-width: 639px) {
  #offcanvas-filter .uk-offcanvas-bar > div.block-btn {
    padding-bottom: 0;
  }
}
#offcanvas-filter .uk-offcanvas-bar > div.blocks-filter {
  padding: 0;
}
#offcanvas-filter .uk-offcanvas-bar > div.blocks-filter > * {
  padding: 16px 20px;
}
@media (max-width: 639px) {
  #offcanvas-filter .uk-offcanvas-bar > div.blocks-filter > * {
    padding: 0;
    display: flex;
  }
}
#offcanvas-filter .uk-offcanvas-bar > div.blocks-filter > *:not(:last-child) {
  border-bottom: 1px solid #f4f5f6;
}
@media (max-width: 639px) {
  #offcanvas-filter .uk-offcanvas-bar > div.blocks-filter > *:not(:last-child) {
    border: unset;
  }
}
@media (max-width: 959px) {
  #offcanvas-filter .uk-offcanvas-bar > div {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
}
@media (max-width: 639px) {
  #offcanvas-filter .uk-offcanvas-bar > div {
    border: unset;
    padding: 0;
  }
}
@media (max-width: 959px) {
  #offcanvas-filter .uk-offcanvas-bar > div + div {
    margin-top: 0;
    display: flex;
    flex-direction: column;
  }
}
#offcanvas-filter .uk-offcanvas-bar > div .filter-mane {
  font-weight: 700;
  font-size: 16px;
  color: #0b0d0f;
}
#offcanvas-filter .uk-offcanvas-bar > div.category {
  margin-bottom: 16px;
}
@media (max-width: 959px) {
  #offcanvas-filter .uk-offcanvas-bar > div.category {
    margin-bottom: 0;
  }
}
#offcanvas-filter .uk-offcanvas-bar > div.category ul {
  margin-bottom: unset;
}
#offcanvas-filter .uk-offcanvas-bar > div.category ul li {
  margin: 0;
}
#offcanvas-filter .uk-offcanvas-bar > div.category ul li a {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  color: #22262d;
  padding: 8px 0;
  text-decoration: unset;
  transition: color 0.3s;
}
#offcanvas-filter .uk-offcanvas-bar > div.category ul li a:hover {
  color: #fa7a35;
}
#offcanvas-filter .uk-offcanvas-bar > div [data-cat-count] {
  display: flex;
  gap: 8px;
  align-items: center;
}
#offcanvas-filter .uk-offcanvas-bar > div [data-cat-count]:after {
  content: attr(data-cat-count);
  margin-left: auto;
  font-size: 12px;
  text-align: right;
  color: #99a1b2;
}
#offcanvas-filter .uk-offcanvas-bar > div .drop-filter {
  width: 100%;
}
#offcanvas-filter .uk-offcanvas-bar > div .drop-filter > .uk-button {
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  padding: 14px 16px;
  color: #393f4b;
  text-transform: unset;
  width: 100vw;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}
#offcanvas-filter .uk-offcanvas-bar > div .drop-filter > .uk-button span {
  font-weight: 400;
  text-align: right;
  color: #393f4b;
  display: flex;
  gap: 16px;
  flex-direction: row-reverse;
}
@media (min-width: 640px) {
  #offcanvas-filter .uk-offcanvas-bar > div .drop-filter > .uk-button {
    width: 100%;
    display: block;
    font-weight: 700;
    color: #0b0d0f;
    padding-left: 0;
    padding-top: 0;
    text-align: left;
    pointer-events: none;
  }
  #offcanvas-filter .uk-offcanvas-bar > div .drop-filter > .uk-button span {
    display: none;
  }
}
#offcanvas-filter .uk-offcanvas-bar > div .drop-filter .uk-drop {
  position: relative;
  width: 100%;
  max-width: 100% !important;
  top: unset !important;
  left: unset !important;
  z-index: 0;
}
@media (min-width: 640px) {
  #offcanvas-filter .uk-offcanvas-bar > div .drop-filter .uk-drop {
    display: block;
  }
}
@media (max-width: 639px) {
  #offcanvas-filter .uk-offcanvas-bar > div .drop-filter .uk-drop {
    padding: 0 20px 16px;
    flex-direction: column;
    max-height: 400px;
    min-height: 200px;
    align-items: stretch;
  }
  #offcanvas-filter .uk-offcanvas-bar > div .drop-filter .uk-drop.uk-open {
    display: flex;
  }
  #offcanvas-filter .uk-offcanvas-bar > div .drop-filter .uk-drop .uk-drop-close {
    padding: 16px 16px 0 0;
    font-family: var(--font-family);
    display: block;
    font-weight: 500;
    font-size: 24px;
    color: #0b0d0f;
    background-color: transparent;
    border: unset;
    margin-bottom: 20px;
    text-align: left;
  }
  #offcanvas-filter .uk-offcanvas-bar > div .drop-filter .uk-drop .uk-drop-close:before {
    font-size: 20px;
  }
  #offcanvas-filter .uk-offcanvas-bar > div .drop-filter .uk-drop > *:not(.uk-drop-close) {
    overflow-y: auto;
    overflow-x: hidden;
    margin-right: -10px;
    padding-right: 10px;
    margin-bottom: -35px !important;
    padding-bottom: 20px;
  }
}
#offcanvas-filter .uk-offcanvas-bar > div .checkbox li {
  margin: 0;
}
#offcanvas-filter .uk-offcanvas-bar > div .checkbox li label {
  background-color: #fff;
  position: relative;
  width: 100%;
  padding: 8px 0;
  cursor: pointer;
}
#offcanvas-filter .uk-offcanvas-bar > div .checkbox li label:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.5L4.5 6.5L9 1.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
  width: 18px;
  height: 18px;
  border: 1px solid #e8eaee;
  border-radius: 6px;
  background-color: #fff;
  gap: 12px;
  transition: background-color 0.3s, border-color 0.3s;
}
#offcanvas-filter .uk-offcanvas-bar > div .checkbox li label input {
  position: absolute;
  z-index: -1;
}
#offcanvas-filter .uk-offcanvas-bar > div .checkbox li label:hover:before {
  border-color: #fa7a35;
}
#offcanvas-filter .uk-offcanvas-bar > div .checkbox li label:has(input:checked):before {
  background-color: #fa7a35;
  border-color: #fa7a35;
}
#offcanvas-filter .uk-offcanvas-bar > div .price .sliders_control {
  position: relative;
  min-height: 20px;
  padding-top: 15px;
}
#offcanvas-filter .uk-offcanvas-bar > div .price .sliders_control input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  pointer-events: all;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='22' height='22' rx='11' fill='%230B0D0F'/%3E%3Crect x='1' y='1' width='22' height='22' rx='11' stroke='%230B0D0F' stroke-width='2'/%3E%3Cpath opacity='0.4' d='M9 9V15M15 9V15' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: unset;
}
#offcanvas-filter .uk-offcanvas-bar > div .price .sliders_control input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  pointer-events: all;
  border: transparent;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='22' height='22' rx='11' fill='%230B0D0F'/%3E%3Crect x='1' y='1' width='22' height='22' rx='11' stroke='%230B0D0F' stroke-width='2'/%3E%3Cpath opacity='0.4' d='M9 9V15M15 9V15' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-radius: 50%;
  cursor: pointer;
}
#offcanvas-filter .uk-offcanvas-bar > div .price .sliders_control input[type=range]#toSlider {
  background: linear-gradient(to right, var(--bg-range) 0%, var(--bg-range) var(--range-start), var(--active-range) var(--range-start), var(--active-range) var(--range-end), var(--bg-range) var(--range-end), var(--bg-range) 100%);
}
#offcanvas-filter .uk-offcanvas-bar > div .price .sliders_control input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  height: 8px;
  border-radius: 10px;
  width: 100%;
  position: absolute;
  background-color: rgba(20, 19, 18, 0.3019607843);
  pointer-events: none;
}
#offcanvas-filter .uk-offcanvas-bar > div .price .sliders_control #fromSlider {
  height: 0;
  z-index: 1;
  margin-top: 6px;
}
#offcanvas-filter .uk-offcanvas-bar > div .price ul li {
  position: relative;
}
#offcanvas-filter .uk-offcanvas-bar > div .price ul li:before {
  content: attr(data-text);
  position: absolute;
  left: 27px;
  top: 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.3;
  color: #99a1b2;
}
#offcanvas-filter .uk-offcanvas-bar > div .price [type=number] {
  border: 1px solid #e8eaee;
  border-radius: 12px;
  padding: 26px 12px 10px;
  box-sizing: border-box;
  width: 100%;
}
#offcanvas-filter .uk-offcanvas-bar > div .price [type=number]::-webkit-inner-spin-button, #offcanvas-filter .uk-offcanvas-bar > div .price [type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
@media (max-width: 639px) {
  #offcanvas-filter .uk-offcanvas-bar:has(.drop-filter .uk-drop.uk-open) .filter-title,
  #offcanvas-filter .uk-offcanvas-bar:has(.drop-filter .uk-drop.uk-open) .block-btn {
    display: none;
  }
  #offcanvas-filter .uk-offcanvas-bar:has(.drop-filter .uk-drop.uk-open) .drop-filter .uk-button,
  #offcanvas-filter .uk-offcanvas-bar:has(.drop-filter .uk-drop.uk-open) .drop-filter .uk-drop:not(.uk-open) {
    display: none;
  }
}

.pagination {
  background-color: #f4f5f6;
  border-radius: 20px;
  padding: 20px 24px;
}
@media (max-width: 959px) {
  .pagination {
    background-color: transparent;
    padding: unset;
  }
}
.pagination p {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  color: #99a1b2;
  margin: 0;
}
.pagination p span {
  font-weight: 700;
  color: #22262d;
}
.pagination select {
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  color: #22262d;
  border: unset;
  outline: unset !important;
  border-radius: 12px;
  padding: 12px;
  background-color: #fff;
}
.pagination .uk-pagination {
  gap: 8px;
}
.pagination .uk-pagination > li > * {
  display: flex;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  color: #0b0d0f;
  background-color: #fff;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s;
}
@media (max-width: 959px) {
  .pagination .uk-pagination > li > * {
    transition: background-color 0.3s, border-color 0.3s;
    border: 1px solid #e8eaee;
  }
}
.pagination .uk-pagination > li > * [class*=icon] {
  font-size: 20px;
}
.pagination .uk-pagination > li > *:hover {
  background-color: rgba(250, 122, 53, 0.26);
}
@media (max-width: 959px) {
  .pagination .uk-pagination > li > *:hover {
    border-color: rgba(250, 122, 53, 0.26);
  }
}
.pagination .uk-pagination > li.uk-active > * {
  background-color: #fa7a35;
  color: #fff;
}
@media (max-width: 959px) {
  .pagination .uk-pagination > li.uk-active > * {
    border-color: #fa7a35;
  }
}

footer {
  padding: 40px 0 20px;
  background-color: #0b0d0f;
}
footer h3 {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  color: #393f4b;
}
footer ul {
  list-style-type: none;
  padding-left: unset;
}
footer ul li {
  margin-bottom: 16px;
}
footer ul li a,
footer ul li .title {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  color: #99a1b2;
}
footer ul li a {
  transition: color 0.3s;
}
footer ul li a:hover {
  text-decoration: unset;
  color: #fff;
}
footer ul.list-icon > li {
  padding-left: 44px;
  position: relative;
}
footer ul.list-icon > li:before {
  position: absolute;
  left: 0;
  top: 0;
  color: #99a1b2;
  padding: 8px;
  border-radius: 100px;
  background-color: #17191e;
}
footer ul.list-icon > li p {
  margin: 0;
}
footer ul.list-icon > li p:not(.title) {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  color: #393f4b;
  margin-bottom: 5px;
}
footer ul.list-icon > li a {
  font-weight: 500;
  font-size: 12px;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: #d2d5dd;
  transition: color 0.3s;
}
footer ul.list-icon > li a:hover {
  color: #fff;
}
footer hr {
  border-color: #22262d;
}
footer .text-footer {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4;
  color: #393f4b;
}
footer .text-footer img {
  height: 20px;
}
@media (max-width: 639px) {
  footer .text-footer {
    text-align: center;
  }
}
footer [class*=btn] {
  display: inline-block;
}

.empty-search {
  margin-top: 360px;
}
@media (max-width: 959px) {
  .empty-search {
    margin-top: 240px;
  }
}
.empty-search .h1-cat {
  position: relative;
  text-align: center;
}
@media (max-width: 639px) {
  .empty-search .h1-cat {
    font-size: 20px;
  }
}
.empty-search .h1-cat:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 200px;
  background-image: url("data:image/svg+xml,%3Csvg width='184' height='200' viewBox='0 0 184 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.4824 59.06C34.4824 55.4093 38.5325 53.2148 41.5908 55.2083L43.8288 56.6672C46.8808 58.6566 50.8196 58.6566 53.8716 56.6672L58.1966 53.8479C61.2486 51.8585 65.1874 51.8585 68.2394 53.8479L72.5643 56.6672C75.6164 58.6566 79.5551 58.6566 82.6072 56.6672L86.9321 53.8479C89.9841 51.8585 93.9229 51.8585 96.9749 53.8479L101.3 56.6672C104.352 58.6566 108.291 58.6566 111.343 56.6672L115.668 53.8479C118.72 51.8585 122.658 51.8585 125.71 53.8479L130.035 56.6672C133.087 58.6566 137.026 58.6566 140.078 56.6672L142.316 55.2084C145.375 53.2148 149.425 55.4093 149.425 59.06V163.218C149.425 170.836 143.249 177.011 135.632 177.011H48.2755C40.6578 177.011 34.4824 170.836 34.4824 163.218V59.06Z' fill='%23FDC2A2'/%3E%3Cmask id='mask0_1051_9712' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='34' y='52' width='116' height='126'%3E%3Cpath d='M149.425 59.06C149.425 55.4093 145.375 53.2148 142.316 55.2083L140.078 56.6672C137.026 58.6566 133.088 58.6566 130.036 56.6672L125.711 53.8479C122.659 51.8585 118.72 51.8585 115.668 53.8479L111.343 56.6672C108.291 58.6566 104.352 58.6566 101.3 56.6672L96.9751 53.8479C93.9231 51.8585 89.9843 51.8585 86.9323 53.8479L82.6074 56.6672C79.5553 58.6566 75.6165 58.6566 72.5645 56.6672L68.2396 53.8479C65.1875 51.8585 61.2488 51.8585 58.1967 53.8479L53.8718 56.6672C50.8198 58.6566 46.881 58.6566 43.829 56.6672L41.591 55.2083C38.5327 53.2148 34.4826 55.4093 34.4826 59.06V163.218C34.4826 170.836 40.658 177.011 48.2757 177.011H135.632C143.249 177.011 149.425 170.836 149.425 163.218V59.06Z' fill='%23E3D9FF'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1051_9712)'%3E%3Cpath d='M135.059 51.7454H34.4842V163.133C34.4842 168.212 38.6011 172.329 43.6796 172.329H121.265C128.883 172.329 135.059 166.153 135.059 158.535V51.7454Z' fill='%23FEDAC7'/%3E%3C/g%3E%3Cellipse cx='63.218' cy='79.8421' rx='4.78926' ry='4.68284' fill='%23BB4405'/%3E%3Cellipse cx='120.69' cy='78.6715' rx='4.78926' ry='4.68284' fill='%23BB4405'/%3E%3Cpath d='M63.2178 79.8651V95.8864C63.2178 111.757 76.0831 124.622 91.9533 124.622V124.622C107.824 124.622 120.689 111.757 120.689 95.8864V78.6716' stroke='%23FA7A35' stroke-width='4.5977' stroke-linecap='round'/%3E%3Cpath d='M63.2178 79.8651V95.8864C63.2178 111.757 76.0831 124.622 91.9533 124.622V124.622C107.824 124.622 120.689 111.757 120.689 95.8864V78.6716' stroke='url(%23paint0_radial_1051_9712)' stroke-opacity='0.5' stroke-width='4.5977' stroke-linecap='round' style='mix-blend-mode:soft-light'/%3E%3Cpath d='M91.9534 37.213V22.9885M66.666 31.321L76.9575 41.3793M117.241 31.321L106.949 41.3793' stroke='%23FFF3EC' stroke-width='4.5977' stroke-linecap='round'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_1051_9712' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(120.689 78.6716) rotate(141.356) scale(73.5824 73.0076)'%3E%3Cstop stop-color='%23FFD877'/%3E%3Cstop offset='0.487983' stop-color='%23FFB703'/%3E%3Cstop offset='1' stop-color='%23FA7A35'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  bottom: 100%;
  left: 0;
}
.empty-search .text {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  color: #393f4b;
  text-align: center;
}
.empty-search .block-contact-us {
  background-color: #dcf2fd;
  border-radius: 20px;
  padding: 40px;
}
@media (max-width: 959px) {
  .empty-search .block-contact-us {
    padding: 32px 20px;
  }
}
@media (max-width: 639px) {
  .empty-search .block-contact-us {
    padding: 32px var(--ph);
    margin: 0 calc(var(--ph) * -1);
    border-radius: 0;
  }
}
.empty-search .block-contact-us p {
  text-align: left;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  color: #0b0d0f;
  margin: 0;
}
@media (max-width: 639px) {
  .empty-search .block-contact-us p {
    font-size: 14px;
  }
}
.empty-search .block-contact-us p.title {
  font-weight: 500;
  font-size: 28px;
  line-height: 1.2;
  color: #0b0d0f;
}
@media (max-width: 639px) {
  .empty-search .block-contact-us p.title {
    font-size: 20px;
  }
}
.empty-search .block-contact-us [class*=btn] {
  background-color: #fff;
  border-radius: 12px;
}
@media (max-width: 639px) {
  .empty-search .block-contact-us [class*=btn] {
    border-radius: 50px;
  }
}
.empty-search h2 {
  font-weight: 500;
  font-size: 48px;
  line-height: 1.2;
  color: #0b0d0f;
}
@media (max-width: 959px) {
  .empty-search h2 {
    font-size: 40px;
  }
}
@media (max-width: 639px) {
  .empty-search h2 {
    font-size: 24px;
  }
}
.empty-search .uk-slider {
  margin-bottom: 80px;
}
@media (max-width: 959px) {
  .empty-search .uk-slider {
    margin: 0 calc(var(--ph) * -1) 48px;
  }
  .empty-search .uk-slider .uk-slider-items {
    margin: 0 var(--ph) 0 0;
  }
}
@media (max-width: 639px) {
  .empty-search .uk-slider {
    margin-bottom: 32px;
  }
}

#modal-contact-us .uk-modal-dialog,
#modal-questions .uk-modal-dialog,
.modal-def .uk-modal-dialog {
  border-radius: 20px;
  width: var(--width, 360px);
  padding: 0;
}
#modal-contact-us .uk-modal-dialog .uk-close,
#modal-questions .uk-modal-dialog .uk-close,
.modal-def .uk-modal-dialog .uk-close {
  top: 20px;
  right: 24px;
  font-size: 20px;
  border-radius: 40px;
  padding: 10px;
  background: #f4f5f6;
}
#modal-contact-us .uk-modal-dialog .uk-close svg,
#modal-questions .uk-modal-dialog .uk-close svg,
.modal-def .uk-modal-dialog .uk-close svg {
  width: 20px;
  color: #000;
}
#modal-contact-us .uk-modal-dialog .uk-modal-header,
#modal-questions .uk-modal-dialog .uk-modal-header,
.modal-def .uk-modal-dialog .uk-modal-header {
  border-radius: 20px 20px 0 0;
  border: unset;
  padding: 28px 80px 8px 24px;
}
@media (max-width: 639px) {
  #modal-contact-us .uk-modal-dialog .uk-modal-header,
  #modal-questions .uk-modal-dialog .uk-modal-header,
  .modal-def .uk-modal-dialog .uk-modal-header {
    padding: 28px 50px 8px 15px;
  }
}
#modal-contact-us .uk-modal-dialog .uk-modal-header .uk-modal-title,
#modal-questions .uk-modal-dialog .uk-modal-header .uk-modal-title,
.modal-def .uk-modal-dialog .uk-modal-header .uk-modal-title {
  font-weight: 500;
  font-size: 24px;
  line-height: 1;
  color: #0b0d0f;
  margin: unset;
}
#modal-contact-us .uk-modal-dialog .uk-modal-body,
#modal-questions .uk-modal-dialog .uk-modal-body,
.modal-def .uk-modal-dialog .uk-modal-body {
  padding: 20px 24px;
}
@media (max-width: 639px) {
  #modal-contact-us .uk-modal-dialog .uk-modal-body,
  #modal-questions .uk-modal-dialog .uk-modal-body,
  .modal-def .uk-modal-dialog .uk-modal-body {
    padding: 20px 15px;
  }
}
#modal-contact-us .uk-modal-dialog .uk-modal-body .select-radio .uk-button,
#modal-questions .uk-modal-dialog .uk-modal-body .select-radio .uk-button,
.modal-def .uk-modal-dialog .uk-modal-body .select-radio .uk-button {
  padding: 28px 16px 17px;
  position: relative;
  border-radius: 12px !important;
  font-size: 14px;
}
#modal-contact-us .uk-modal-dialog .uk-modal-body .select-radio .uk-button span,
#modal-questions .uk-modal-dialog .uk-modal-body .select-radio .uk-button span,
.modal-def .uk-modal-dialog .uk-modal-body .select-radio .uk-button span {
  margin-top: -8px;
  display: block;
}
#modal-contact-us .uk-modal-dialog .uk-modal-body .select-radio .uk-button:before,
#modal-questions .uk-modal-dialog .uk-modal-body .select-radio .uk-button:before,
.modal-def .uk-modal-dialog .uk-modal-body .select-radio .uk-button:before {
  display: none;
}
#modal-contact-us .uk-modal-dialog .uk-modal-body .select-radio .uk-button:after,
#modal-questions .uk-modal-dialog .uk-modal-body .select-radio .uk-button:after,
.modal-def .uk-modal-dialog .uk-modal-body .select-radio .uk-button:after {
  content: attr(data-text);
  position: absolute;
  top: 12px;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  color: #99a1b2;
  display: block;
}
#modal-contact-us .uk-modal-dialog .uk-modal-footer,
#modal-questions .uk-modal-dialog .uk-modal-footer,
.modal-def .uk-modal-dialog .uk-modal-footer {
  border-radius: 0 0 20px 20px;
  border: unset;
  padding: 0 24px 24px;
}
@media (max-width: 639px) {
  #modal-contact-us .uk-modal-dialog .uk-modal-footer,
  #modal-questions .uk-modal-dialog .uk-modal-footer,
  .modal-def .uk-modal-dialog .uk-modal-footer {
    padding: 0 15px 15px;
  }
}

.block-news .scroll {
  display: ruby-text;
  overflow-x: auto;
  margin-bottom: 40px;
  padding-bottom: 10px;
}
@media (max-width: 959px) {
  .block-news .scroll {
    margin: 0 calc(var(--ph) * -1) 40px;
  }
}
.block-news .scroll .uk-subnav {
  flex-wrap: nowrap;
  justify-content: center;
  margin-bottom: 0;
  width: max-content;
}
@media (max-width: 959px) {
  .block-news .scroll .uk-subnav {
    margin: 0 var(--ph) 0 calc(var(--ph) - 20px);
  }
}
.block-news .scroll .uk-subnav li a {
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  color: #0b0d0f;
  border: 1px solid #f4f5f6;
  border-radius: 100px;
  padding: 10px 12px;
  background-color: #fff;
  text-transform: unset;
}
@media (max-width: 639px) {
  .block-news .scroll .uk-subnav li a {
    padding: 9px 12px;
    font-size: 14px;
  }
}
.block-news .scroll .uk-subnav li a:hover {
  color: #fa7a35;
  background-color: #ffd5b9;
}
.block-news .scroll .uk-subnav li a:active {
  color: #fff;
  background-color: #fa7a35;
}
.block-news .scroll .uk-subnav li.uk-active a {
  color: #fff;
  background-color: #fa7a35;
}

hr {
  border-color: #f4f5f6;
}

label.checkbox {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
  color: #0b0d0f;
  padding-left: 32px;
  position: relative;
}
label.checkbox:before {
  content: "\e920";
  font-family: "icomoon";
  cursor: pointer;
  font-size: 12px;
  border-radius: 6px;
  position: absolute;
  box-sizing: border-box;
  display: flex;
  line-height: 1;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  color: #fff;
  background-color: transparent;
  border: 1px solid #0b0d0f;
  transition: background-color 0.3s;
  justify-content: center;
  align-items: center;
}
label.checkbox:has(input:checked):before {
  background-color: #0b0d0f;
}
label.checkbox a {
  color: #0b0d0f;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-skip-ink: none;
}
label.checkbox input {
  opacity: 0;
}

.slideshow-default.uk-slideshow .slideshow-container {
  overflow: hidden;
  border-radius: 20px;
}
@media (max-width: 639px) {
  .slideshow-default.uk-slideshow .slideshow-container {
    border-radius: 0;
  }
}
.slideshow-default.uk-slideshow .slideshow-container .uk-slideshow-items {
  margin-left: -30px;
  padding-bottom: 47%;
  max-width: unset !important;
}
@media (max-width: 959px) {
  .slideshow-default.uk-slideshow .slideshow-container .uk-slideshow-items {
    padding-bottom: 102%;
  }
}
@media (max-width: 639px) {
  .slideshow-default.uk-slideshow .slideshow-container .uk-slideshow-items {
    padding-bottom: 128%;
  }
}
.slideshow-default.uk-slideshow .slideshow-container .uk-slideshow-items > li {
  padding-left: 30px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.slideshow-default.uk-slideshow .slideshow-container .uk-slideshow-items > li a,
.slideshow-default.uk-slideshow .slideshow-container .uk-slideshow-items > li span {
  position: relative;
}
.slideshow-default.uk-slideshow .slideshow-container .uk-slideshow-items > li a img,
.slideshow-default.uk-slideshow .slideshow-container .uk-slideshow-items > li a video,
.slideshow-default.uk-slideshow .slideshow-container .uk-slideshow-items > li span img,
.slideshow-default.uk-slideshow .slideshow-container .uk-slideshow-items > li span video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
@media (max-width: 639px) {
  .slideshow-default.uk-slideshow .slideshow-container .uk-slideshow-items > li a img,
  .slideshow-default.uk-slideshow .slideshow-container .uk-slideshow-items > li a video,
  .slideshow-default.uk-slideshow .slideshow-container .uk-slideshow-items > li span img,
  .slideshow-default.uk-slideshow .slideshow-container .uk-slideshow-items > li span video {
    border-radius: 0;
  }
}
.slideshow-default.uk-slideshow .slideshow-container [class*=icon-arrow] {
  font-size: 17px;
  line-height: 0;
  color: #fff;
  padding: 10px;
  border: 1.5px solid #fff;
  filter: drop-shadow(0px 0px 4px black);
  border-radius: 100px;
  text-decoration: unset;
}
@media (pointer: coarse) {
  .slideshow-default.uk-slideshow .slideshow-container [class*=icon-arrow] {
    display: block;
  }
}
.slideshow-default.uk-slideshow .slideshow-container .coarse {
  display: none;
}
@media (pointer: coarse) {
  .slideshow-default.uk-slideshow .slideshow-container .fine {
    display: none;
  }
  .slideshow-default.uk-slideshow .slideshow-container .coarse {
    display: block;
  }
}

.block-rating {
  border-radius: 12px;
  padding: 16px;
  background-color: #f4f5f6;
}
.block-rating p {
  font-weight: 500;
  font-size: 12px;
  color: #505869;
  margin: 0;
}
.block-rating .smile {
  padding-left: unset;
  list-style-type: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #22262d;
  margin: 8px 0;
}
.block-rating .smile li:not([data-rating="0"]) {
  display: none;
}
.block-rating:has(.stars input[name=rating]:checked) li[data-rating="0"] {
  display: none;
}
.block-rating:has(.stars input[name=rating]:checked):has(.stars input[name=rating][value="1"]:checked) li[data-rating="1"] {
  display: block;
}
.block-rating:has(.stars input[name=rating]:checked):has(.stars input[name=rating][value="2"]:checked) li[data-rating="2"] {
  display: block;
}
.block-rating:has(.stars input[name=rating]:checked):has(.stars input[name=rating][value="3"]:checked) li[data-rating="3"] {
  display: block;
}
.block-rating:has(.stars input[name=rating]:checked):has(.stars input[name=rating][value="4"]:checked) li[data-rating="4"] {
  display: block;
}
.block-rating:has(.stars input[name=rating]:checked):has(.stars input[name=rating][value="5"]:checked) li[data-rating="5"] {
  display: block;
}
.block-rating .stars {
  padding-left: 0;
  margin: 0;
  list-style-type: none;
  display: flex;
  font-size: 32px;
  flex-direction: row-reverse;
  justify-content: flex-end;
  width: max-content;
}
.block-rating .stars > li {
  padding-right: 8px;
}
.block-rating .stars > li > label {
  position: relative;
  cursor: pointer;
}
.block-rating .stars > li > label input {
  position: absolute;
  opacity: 0;
}
.block-rating .stars > li:has(input[name=rating]:checked) label span {
  color: #fbac2a;
}
.block-rating .stars > li:has(input[name=rating]:checked) label span:before {
  content: "\e90c";
}
.block-rating .stars > li:has(input[name=rating]:checked) ~ li label span {
  color: #fbac2a;
}
.block-rating .stars > li:has(input[name=rating]:checked) ~ li label span:before {
  content: "\e90c";
}
.block-rating .stars:hover li label span {
  color: #666 !important;
}
.block-rating .stars:hover li:hover label span {
  color: #fbac2a !important;
}
.block-rating .stars:hover li:hover ~ li label span {
  color: #fbac2a !important;
}

@media (max-width: 639px) {
  #modal-login {
    padding: 50px 0 0;
  }
  #modal-login .uk-modal-dialog {
    width: 100%;
    margin-bottom: 0 !important;
    border-radius: 20px 20px 0 0;
    transform: translateY(100px);
  }
  #modal-login.uk-open .uk-modal-dialog {
    transform: translateY(0);
  }
}
#modal-login h2 {
  margin: 0;
}
#modal-login p {
  font-weight: 400;
  font-size: 14px;
  color: #99a1b2;
  margin: 8px 0 0;
}
#modal-login a {
  font-weight: 500;
  font-size: 14px;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: #22262d;
}

#modal-reg .uk-modal-close-full {
  top: 20px;
  right: 24px;
  font-size: 20px;
  border-radius: 40px;
  padding: 10px;
  background: #f4f5f6;
}
#modal-reg .uk-background-cover {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#modal-reg .uk-background-cover .logo {
  padding: 40px 40px 40px 40px;
  margin-left: calc((100vw - 1350px - 80px) / 2);
  box-sizing: content-box;
}
@media (max-width: 1429px) {
  #modal-reg .uk-background-cover .logo {
    margin-left: 0;
  }
}
#modal-reg .uk-background-cover p {
  padding: 40px 40px 80px 40px;
  font-weight: 200;
  font-size: 32px;
  line-height: 1.4;
  color: #dadada;
  margin: 0 0 0 calc((100vw - 1350px - 80px) / 2);
}
@media (max-width: 1429px) {
  #modal-reg .uk-background-cover p {
    margin: 0;
  }
}
#modal-reg .uk-background-cover p:after {
  content: attr(data-name);
  font-weight: 500;
  font-size: 18px;
  color: #d2d5dd;
  margin-top: 16px;
  display: block;
}
#modal-reg .content-form {
  padding: 40px;
  margin-right: calc((100vw - 1350px - 80px) / 2);
  width: calc(50% - (100vw - 1350px - 80px) / 2);
  display: flex;
  gap: 30px;
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
  overflow: auto;
}
@media (max-width: 1429px) {
  #modal-reg .content-form {
    margin-right: 0;
    width: 50%;
  }
}
@media (max-width: 959px) {
  #modal-reg .content-form {
    width: 100%;
    padding: 15px;
  }
}
#modal-reg .content-form h2 {
  font-weight: 500;
  font-size: 48px;
  line-height: 1;
  color: #0b0d0f;
  margin: 0 0 32px;
}
@media (max-width: 959px) {
  #modal-reg .content-form h2 {
    font-size: 40px;
  }
}
@media (max-width: 639px) {
  #modal-reg .content-form h2 {
    font-size: 20px;
  }
}
#modal-reg .content-form p.text {
  font-weight: 400;
  font-size: 14px;
  color: #99a1b2;
}
#modal-reg .content-form p.text a {
  font-weight: 500;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: #22262d;
}
#modal-reg .content-form p.title {
  font-weight: 500;
  font-size: 24px;
  color: #07547a;
}
#modal-reg .content-form .block-info {
  border-radius: 12px;
  padding: 24px;
  background-color: #dcf2fd;
}
#modal-reg .content-form .block-info ul {
  list-style-type: none;
  padding-left: unset;
  margin: 0;
}
#modal-reg .content-form .block-info ul > li {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  color: #0b0d0f;
  position: relative;
  padding-left: 22px;
}
#modal-reg .content-form .block-info ul > li:before {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='18' viewBox='0 0 16 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.3763 4.8319C13.6072 5.03972 13.6259 5.39539 13.4181 5.6263L6.66811 13.1263C6.46384 13.3533 6.11579 13.3758 5.88394 13.1771L0.63394 8.67709C0.398069 8.47491 0.370753 8.11981 0.572928 7.88393C0.775103 7.64806 1.13021 7.62075 1.36608 7.82292L6.19921 11.9656L12.5819 4.87371C12.7897 4.6428 13.1454 4.62408 13.3763 4.8319Z' fill='black'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 14px;
  height: 14px;
  display: block;
  top: 3px;
  left: 0;
}
#modal-reg .content-form .block-info ul > li:not(:last-child) {
  margin-bottom: 8px;
}
#modal-reg .content-form label.checkbox {
  display: flex;
  gap: 12px;
  position: relative;
  margin-bottom: 32px;
}
#modal-reg .content-form label.checkbox:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.5L4.5 6.5L9 1.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  display: block;
  border-radius: 6px;
  border: 1px solid #fa7a35;
  background-color: #fff;
  transition: background-color 0.3s;
}
#modal-reg .content-form label.checkbox:has(input:checked):before {
  background-color: #fa7a35;
}
#modal-reg .content-form label.checkbox input {
  position: absolute;
  opacity: 0;
}
#modal-reg .content-form label.checkbox p {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  color: #22262d;
  margin: 0;
}
#modal-reg .content-form label.checkbox p a {
  font-weight: 700;
  text-decoration: underline;
  text-decoration-skip-ink: none;
}

#modal-questions .block-send {
  opacity: 0;
  position: absolute;
  z-index: -1;
  top: 0;
  transition: opacity 0s;
}
#modal-questions > .send > div:not(.block-send) {
  opacity: 0;
  pointer-events: none;
}
#modal-questions > .send .block-send {
  display: flex;
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  flex-direction: column;
  min-height: 500px;
  justify-content: center;
  transition: opacity 0.5s;
}
#modal-questions > .send .block-send p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  text-align: center;
  color: #393f4b;
  margin: 0;
}
#modal-questions > .send .block-send p.title {
  font-weight: 500;
  font-size: 24px;
  line-height: 1;
  color: #0b0d0f;
  position: relative;
}
#modal-questions > .send .block-send p.title:before {
  content: "";
  width: 100%;
  height: 160px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='190' height='160' viewBox='0 0 190 160' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M110.621 36.1203C110.621 27.2173 103.404 20 94.5008 20H46.1208C37.2178 20 30.0005 27.2173 30.0005 36.1203V74.406C30.0005 83.309 37.2216 90.5263 46.1246 90.5263C47.2375 90.5263 48.1401 91.4285 48.1401 92.5414V96.9188C48.1401 100.509 52.4806 102.307 55.0196 99.7688L60.7233 94.0665C62.9906 91.7997 66.0653 90.5263 69.2713 90.5263H94.5008C103.404 90.5263 110.621 83.309 110.621 74.406V36.1203Z' fill='%23FFF3EC'/%3E%3Cmask id='mask0_948_12446' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='30' y='20' width='81' height='81'%3E%3Cpath d='M110.621 36.1203C110.621 27.2173 103.404 20 94.5008 20H46.1208C37.2178 20 30.0005 27.2173 30.0005 36.1203V74.406C30.0005 83.309 37.2216 90.5263 46.1246 90.5263C47.2375 90.5263 48.1401 91.4285 48.1401 92.5414V96.9188C48.1401 100.509 52.4806 102.307 55.0196 99.7688L60.7233 94.0665C62.9906 91.7997 66.0653 90.5263 69.2713 90.5263H94.5008C103.404 90.5263 110.621 83.309 110.621 74.406V36.1203Z' fill='%23DDDDDD'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_948_12446)'%3E%3Cpath d='M46.1241 20H54.1862C45.2811 20 38.0621 27.2173 38.0621 36.1203V74.406C38.0621 82.2818 43.7114 88.8385 51.1797 90.2466C52.5928 90.513 53.5765 91.9892 53.0233 93.3165L49.1474 102.617H48.1396V92.5414C48.1396 91.4285 47.237 90.5263 46.1241 90.5263C37.219 90.5263 30 83.309 30 74.406V36.1203C30 27.2173 37.219 20 46.1241 20Z' fill='%23FEE7DA'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M55.1934 43.1729C55.1934 35.9393 61.0588 30.0752 68.2942 30.0752H69.302C77.0939 30.0752 83.4106 36.3903 83.4106 44.1805V45.2599C83.4106 51.4391 79.107 56.6133 73.333 57.9501V59.2932C73.333 61.519 71.5282 63.3233 69.302 63.3233C67.0757 63.3233 65.2709 61.519 65.2709 59.2932V55.3351C65.2709 52.5132 67.5591 50.2256 70.3817 50.2256C73.1248 50.2256 75.3485 48.0024 75.3485 45.2599V44.1805C75.3485 40.8418 72.6414 38.1353 69.302 38.1353H68.2942C65.5114 38.1353 63.2554 40.3908 63.2554 43.1729C63.2554 45.3987 61.4507 47.203 59.2244 47.203C56.9981 47.203 55.1934 45.3987 55.1934 43.1729Z' fill='%23FDC2A2'/%3E%3Cpath d='M65.2709 73.3985C65.2709 71.1728 67.0757 69.3684 69.302 69.3684C71.5282 69.3684 73.333 71.1728 73.333 73.3985C73.333 75.6243 71.5282 77.4286 69.302 77.4286C67.0757 77.4286 65.2709 75.6243 65.2709 73.3985Z' fill='%23FDC2A2'/%3E%3Cpath d='M79.3789 69.4738C79.3789 60.5708 86.5962 53.3535 95.4992 53.3535H143.879C152.782 53.3535 159.999 60.5708 159.999 69.4738V107.76C159.999 116.663 152.778 123.88 143.875 123.88C142.763 123.88 141.86 124.782 141.86 125.895V130.272C141.86 133.862 137.519 135.661 134.98 133.122L129.277 127.42C127.009 125.153 123.935 123.88 120.729 123.88H95.4992C86.5962 123.88 79.3789 116.663 79.3789 107.76V69.4738Z' fill='%23FEE7DA'/%3E%3Cpath d='M95.503 53.3535H103.565C94.66 53.3535 87.441 60.5708 87.441 69.4738V107.76C87.441 116.663 94.66 123.88 103.565 123.88H95.503C86.5979 123.88 79.3789 116.663 79.3789 107.76V69.4738C79.3789 60.5708 86.5979 53.3535 95.503 53.3535Z' fill='%23FEDAC7'/%3E%3Cpath d='M115.658 83.5792C115.658 81.3534 117.463 79.5491 119.689 79.5491C121.915 79.5491 123.72 81.3534 123.72 83.5792V105.745C123.72 107.97 121.915 109.775 119.689 109.775C117.463 109.775 115.658 107.97 115.658 105.745V83.5792Z' fill='%23FDC2A2'/%3E%3Cpath d='M115.658 69.4739C115.658 67.2482 117.463 65.4438 119.689 65.4438C121.915 65.4438 123.72 67.2482 123.72 69.4739C123.72 71.6997 121.915 73.504 119.689 73.504C117.463 73.504 115.658 71.6997 115.658 69.4739Z' fill='%23FDC2A2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.category-bnr {
  border-radius: 20px;
  padding: 40px;
  background-color: var(--bg);
  background-image: var(--img);
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
  min-height: 200px;
  box-sizing: border-box;
}
@media (max-width: 959px) {
  .category-bnr {
    padding: 32px 24px;
  }
}
@media (max-width: 639px) {
  .category-bnr {
    border-radius: 0;
    padding: 32px 16px;
    margin-left: calc(var(--ph) * -1);
    margin-right: calc(var(--ph) * -1);
    background-position: center;
  }
}
.category-bnr .bnr-content {
  max-width: 430px;
}
.category-bnr .bnr-content h2 {
  font-weight: 500;
  font-size: 28px;
  line-height: 1.2;
  color: var(--color-title, var(--color, #0b0d0f));
  text-shadow: 1px 1px 1px var(--bg), 1px -1px 1px var(--bg), -1px 1px 1px var(--bg), -1px -1px 1px var(--bg);
}
.category-bnr .bnr-content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  color: var(--color-text, var(--color, #505869));
  text-shadow: 1px 1px 1px var(--bg), 1px -1px 1px var(--bg), -1px 1px 1px var(--bg), -1px -1px 1px var(--bg);
}
.category-bnr .bnr-content a {
  background-color: #fff;
}

@media (min-width: 640px) {
  .offer-bnr {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
.offer-bnr .bnr {
  order: 8;
}
@media (min-width: 640px) {
  .offer-bnr .bnr {
    grid-column: span 2;
    grid-row: span 2;
    order: 7;
  }
}
.offer-bnr .bnr .collection-bnr {
  position: relative;
  display: block;
  height: 100%;
  min-height: 480px;
  text-decoration: unset;
}
@media (max-width: 639px) {
  .offer-bnr .bnr .collection-bnr {
    margin: 0 calc(var(--ph) * -1);
  }
}
.offer-bnr .bnr .collection-bnr img {
  position: absolute;
  border-radius: 20px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 639px) {
  .offer-bnr .bnr .collection-bnr img {
    border-radius: 0;
  }
}
.offer-bnr .bnr .collection-bnr .title {
  position: relative;
  font-weight: 500;
  font-size: 48px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #fff;
  padding: 48px 48px 0;
  width: 100%;
  display: block;
  box-sizing: border-box;
  filter: drop-shadow(2px 4px 6px #555);
}
@media (max-width: 1429px) {
  .offer-bnr .bnr .collection-bnr .title {
    font-size: 3.2vw;
  }
}
@media (max-width: 959px) {
  .offer-bnr .bnr .collection-bnr .title {
    padding: 32px 0 0 32px;
    font-size: 4vw;
    max-width: 60%;
  }
}
@media (max-width: 639px) {
  .offer-bnr .bnr .collection-bnr .title {
    font-size: 6.2vw;
    padding: 32px 16px 0;
    max-width: unset;
  }
}
.offer-bnr .bnr .collection-bnr .btn {
  position: relative;
  display: inline-block;
  border-radius: 40px;
  margin: 24px 0 0 48px;
  padding: 20px 24px;
  background-color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #0b0d0f;
  transition: background-color 0.3s, color 0.3s;
}
@media (max-width: 959px) {
  .offer-bnr .bnr .collection-bnr .btn {
    margin: 24px 0 0 32px;
  }
}
@media (max-width: 639px) {
  .offer-bnr .bnr .collection-bnr .btn {
    font-size: 14px;
    margin: 16px 0 0 16px;
    padding: 13px 12px;
  }
}
.offer-bnr .bnr .collection-bnr:hover .btn {
  background-color: #22262d;
  color: #fff;
}
.offer-bnr .bnr .collection-bnr:active .btn {
  background-color: #0b0d0f;
}

.input {
  --pl: 16px;
  position: relative;
  border: 1px solid #e8eaee;
  border-radius: 12px;
  min-height: 61px;
  box-sizing: border-box;
  transition: border-color 0.3s;
  padding: 28px var(--pl) 12px;
}
.input:has(textarea) {
  min-height: 126px;
}
.input label {
  position: absolute;
  left: var(--pl);
  top: 23px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: #99a1b2;
  margin: 0;
  transition: font-size 0.3s, top 0.3s, color 0.3s;
}
.input label span {
  color: #d2d5dd;
}
.input textarea {
  min-height: 77px;
  resize: none;
}
.input input,
.input textarea {
  outline: unset;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: #22262d;
  border: unset;
  width: 100%;
  z-index: 1;
  background-color: transparent;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
}
.input input:focus, .input input:not([value=""]), .input input:required:valid,
.input textarea:focus,
.input textarea:not([value=""]),
.input textarea:required:valid {
  position: relative;
  height: unset;
  left: unset;
  top: unset;
}
.input input:not([value=""]) ~ [class*=btn-],
.input textarea:not([value=""]) ~ [class*=btn-] {
  background-color: #fa7a35;
  pointer-events: unset;
}
.input input:focus ~ label, .input input:not([value=""]) ~ label, .input input:required:valid ~ label,
.input textarea:focus ~ label,
.input textarea:not([value=""]) ~ label,
.input textarea:required:valid ~ label {
  font-size: 12px;
  top: 15px;
}
.input [class*=btn-] {
  position: absolute;
  border-radius: 8px;
  right: 11px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #f4f5f6;
  pointer-events: none;
  z-index: 2;
}
.input:has(input:not([value=""]):not(:focus):invalid) {
  border-color: red;
}
.input:has(input:not([value=""]):not(:focus):invalid) input {
  color: red;
}
.input.input-file {
  padding: unset;
  overflow: hidden;
  min-height: 76px;
  display: flex;
  align-items: center;
}
.input.input-file .uk-form-custom {
  padding: 12px var(--pl);
  width: 100%;
  box-sizing: border-box;
}
.input.input-file .uk-form-custom .remove-file-btn {
  font-size: 16px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid #e8eaee;
  border-radius: 50%;
  background-color: #fff;
  padding: 11px;
  cursor: pointer;
  transition: border-color 0.3s;
}
.input.input-file .uk-form-custom .remove-file-btn:after {
  content: "\e90e";
  font-family: "icomoon";
}
.input.input-file .uk-form-custom:has(span[data-file]) .remove-file-btn {
  z-index: 99;
}
.input.input-file .uk-form-custom:has(span[data-file]) .remove-file-btn:hover {
  border-color: #adadad !important;
}
.input.input-file .uk-form-custom:has(span[data-file]) .remove-file-btn:after {
  content: "\e909";
}
.input.input-file .uk-form-custom span {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: #99a1b2;
  padding-right: 50px;
  display: block;
}
.input.input-file .uk-form-custom span:after {
  content: attr(data-text);
  font-size: 12px;
  line-height: 1.4;
  color: #838da1;
  display: block;
}
.input.input-file .uk-form-custom span[data-file]:after {
  content: attr(data-file);
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  color: #0b0d0f;
  margin-top: 10px;
}
.input.input-file .uk-form-custom span[data-file]:hover .remove-file-btn {
  border-color: #adadad;
}
.input.input-file .uk-form-custom input {
  position: absolute !important;
}
.input.input-file:hover .remove-file-btn {
  border-color: #adadad;
}
.input.input-file:has(span[data-file]):hover .remove-file-btn {
  border-color: #e8eaee;
}

[id*=preview-item] .uk-modal-dialog {
  width: 1000px;
  border-radius: 20px;
}
@media (max-width: 399px) {
  [id*=preview-item] .uk-modal-dialog .block-imgs {
    margin-top: -40px;
  }
}
[id*=preview-item] .uk-modal-dialog .block-imgs .uk-marker {
  position: absolute;
  width: 24px;
  height: 24px;
  background-color: #3ab6f4;
  border: unset;
  transform: translate(-50%, -50%);
}
[id*=preview-item] .uk-modal-dialog .block-imgs .drop-marker {
  box-shadow: 0 13px 29px 0 rgba(0, 0, 0, 0.05), 0 53px 53px 0 rgba(0, 0, 0, 0.04), 0 120px 72px 0 rgba(0, 0, 0, 0.03), 0 214px 86px 0 rgba(0, 0, 0, 0.01), 0 334px 94px 0 rgba(0, 0, 0, 0);
  background: #fff;
  border-radius: 12px;
  padding: 0;
  width: 100%;
  max-width: 280px !important;
}
[id*=preview-item] .uk-modal-dialog .block-imgs .drop-marker a {
  display: flex;
  padding: 10px 10px 10px 66px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  color: #0b0d0f;
  text-decoration: unset;
  min-height: 70px;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}
[id*=preview-item] .uk-modal-dialog .block-imgs .drop-marker a span {
  display: block;
  font-weight: 700;
}
[id*=preview-item] .uk-modal-dialog .block-imgs .drop-marker a:before {
  content: "";
  position: absolute;
  left: 10px;
  width: 40px;
  height: 50px;
  display: block;
  background-image: var(--img);
}
[id*=preview-item] .uk-modal-dialog .block-imgs .block-slider {
  flex-direction: row-reverse;
}
[id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .slide {
  position: relative;
  height: 100%;
}
[id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .slide .labels {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  left: 32px;
  top: 32px;
  gap: 8px;
  z-index: 1;
  --width: 70px;
  --font-size: 14px;
}
@media (max-width: 1199px) {
  [id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .slide .labels {
    left: 16px;
    top: 16px;
    --width: 48px;
    --font-size: 12px;
  }
}
@media (max-width: 399px) {
  [id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .slide .labels {
    left: 10px;
    top: 10px;
    --width: 40px;
    --font-size: 10px;
  }
}
[id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .slide .labels label {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  width: var(--width, 40px);
  height: var(--width, 40px);
  color: #fff;
  font-weight: 700;
  font-size: var(--font-size);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
[id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .slide .labels label.discount {
  mask-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.3789 1.49615C20.1111 0.268513 21.889 0.268513 22.6212 1.49615C23.2249 2.50842 24.5984 2.72597 25.4853 1.94979C26.561 1.00847 28.2519 1.5579 28.5689 2.95169C28.8302 4.10097 30.0693 4.7323 31.1526 4.26819C32.4665 3.70535 33.905 4.75042 33.7757 6.17393C33.6691 7.34772 34.6524 8.33104 35.8262 8.22443C37.2497 8.09515 38.2948 9.53357 37.7319 10.8475C37.2678 11.9309 37.8991 13.1699 39.0484 13.4312C40.4422 13.7482 40.9916 15.4391 40.0503 16.5148C39.2741 17.4017 39.4917 18.7752 40.504 19.3789C41.7316 20.1111 41.7316 21.889 40.504 22.6212C39.4917 23.2249 39.2741 24.5984 40.0503 25.4853C40.9916 26.561 40.4422 28.2519 39.0484 28.5689C37.8991 28.8302 37.2678 30.0693 37.7319 31.1526C38.2948 32.4665 37.2497 33.905 35.8262 33.7757C34.6524 33.6691 33.6691 34.6524 33.7757 35.8262C33.905 37.2497 32.4665 38.2948 31.1526 37.7319C30.0693 37.2678 28.8302 37.8991 28.5689 39.0484C28.2519 40.4422 26.561 40.9916 25.4853 40.0503C24.5984 39.2741 23.2249 39.4917 22.6212 40.504C21.889 41.7316 20.1111 41.7316 19.3789 40.504C18.7752 39.4917 17.4017 39.2741 16.5148 40.0503C15.4391 40.9916 13.7482 40.4422 13.4312 39.0484C13.1699 37.8991 11.9309 37.2678 10.8475 37.7319C9.53357 38.2948 8.09515 37.2497 8.22443 35.8262C8.33104 34.6524 7.34772 33.6691 6.17393 33.7757C4.75042 33.905 3.70535 32.4665 4.26819 31.1526C4.7323 30.0693 4.10097 28.8302 2.95169 28.5689C1.5579 28.2519 1.00847 26.561 1.94979 25.4853C2.72597 24.5984 2.50842 23.2249 1.49615 22.6212C0.268513 21.889 0.268513 20.1111 1.49615 19.3789C2.50842 18.7752 2.72597 17.4017 1.94979 16.5148C1.00847 15.4391 1.5579 13.7482 2.95169 13.4312C4.10097 13.1699 4.7323 11.9309 4.26819 10.8475C3.70535 9.53357 4.75042 8.09515 6.17393 8.22443C7.34772 8.33104 8.33104 7.34772 8.22443 6.17393C8.09515 4.75042 9.53357 3.70535 10.8475 4.26819C11.9309 4.7323 13.1699 4.10097 13.4312 2.95169C13.7482 1.5579 15.4391 1.00847 16.5148 1.94979C17.4017 2.72597 18.7752 2.50842 19.3789 1.49615Z' fill='black'/%3E%3C/svg%3E%0A");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: #fa7a35;
}
[id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .slide .labels label.new {
  width: calc(var(--width, 40px) - 4px);
  height: calc(var(--width, 40px) - 4px);
  background-color: #2ecc71;
}
[id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .slide .uk-slideshow-items {
  width: 100%;
  aspect-ratio: 6/5;
  border: 1px solid #f4f5f6;
  border-radius: 20px;
  background-color: #fafafa;
  height: 100%;
}
@media (max-width: 959px) {
  [id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .slide .uk-slideshow-items {
    height: 400px;
  }
}
@media (max-width: 639px) {
  [id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .slide .uk-slideshow-items {
    height: unset;
  }
}
@media (max-width: 399px) {
  [id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .slide .uk-slideshow-items {
    width: 100vw;
    max-width: 100vw !important;
    margin: 0 calc(var(--ph) * -1);
    border-radius: 0;
    border: unset;
  }
}
[id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .slide .uk-slideshow-items img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
[id*=preview-item] .uk-modal-dialog .block-imgs .block-slider [class*=icon-arrow] {
  font-size: 17px;
  line-height: 0;
  color: #99a1b2;
  padding: 10px;
  border: 1.5px solid #99a1b2;
  border-radius: 100px;
  text-decoration: unset;
}
@media (pointer: coarse) {
  [id*=preview-item] .uk-modal-dialog .block-imgs .block-slider [class*=icon-arrow] {
    display: block;
  }
}
@media (max-width: 399px) {
  [id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .thumbnav {
    margin-top: 0;
  }
}
[id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .thumbnav .uk-thumbnav > li {
  width: calc(20% - 6.4px);
}
@media (min-width: 960px) {
  [id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .thumbnav .uk-thumbnav {
    gap: 8px;
    margin-left: 0;
  }
  [id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .thumbnav .uk-thumbnav > li {
    padding-left: 0;
  }
  [id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .thumbnav .uk-thumbnav > li a img {
    border: 3px solid #f4f5f6;
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 20px;
    padding: 10px;
    background-color: #fafafa;
  }
  [id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .thumbnav .uk-thumbnav > li.uk-active img {
    border-color: #0b0d0f;
  }
  [id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .thumbnav .uk-thumbnav > li:nth-child(5) {
    position: relative;
  }
  [id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .thumbnav .uk-thumbnav > li:nth-child(5) a:before {
    content: attr(data-img);
    position: absolute;
    border-radius: 20px;
    background-color: rgba(11, 13, 15, 0.5);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  [id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .thumbnav .uk-thumbnav > li:nth-child(5) a img {
    border-color: transparent;
  }
}
@media (max-width: 959px) {
  [id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .thumbnav .uk-thumbnav {
    margin-left: -15px;
  }
  [id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .thumbnav .uk-thumbnav li {
    width: 33.3333333333%;
    box-sizing: border-box;
  }
  [id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .thumbnav .uk-thumbnav li a {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
  }
  [id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .thumbnav .uk-thumbnav li a img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    border: 3px solid #f4f5f6;
    padding: 10px;
    background-color: #fafafa;
  }
  [id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .thumbnav .uk-thumbnav li:nth-child(3) {
    position: relative;
  }
  [id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .thumbnav .uk-thumbnav li:nth-child(3) a:before {
    content: attr(data-img);
    position: absolute;
    border-radius: 20px;
    background-color: rgba(11, 13, 15, 0.5);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  [id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .thumbnav .uk-thumbnav li:nth-child(3) a img {
    border-color: transparent;
  }
  [id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .thumbnav .uk-thumbnav li:nth-child(n+4) {
    display: none;
  }
  [id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .thumbnav .uk-thumbnav li.uk-active img {
    border-color: #0b0d0f;
  }
}
@media (max-width: 399px) {
  [id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .thumbnav .uk-thumbnav {
    margin: 0 calc(var(--ph) * -1);
    width: 100vw;
  }
  [id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .thumbnav .uk-thumbnav > li {
    padding-left: 0;
  }
  [id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .thumbnav .uk-thumbnav > li a:before {
    border-radius: 0 !important;
  }
  [id*=preview-item] .uk-modal-dialog .block-imgs .block-slider .thumbnav .uk-thumbnav > li a img {
    border-radius: 0;
    border-width: 3px 0 0 0;
  }
}
[id*=preview-item] .uk-modal-dialog .block-imgs .coarse {
  display: none;
}
@media (pointer: coarse) {
  [id*=preview-item] .uk-modal-dialog .block-imgs .fine {
    display: none;
  }
  [id*=preview-item] .uk-modal-dialog .block-imgs .coarse {
    display: block;
  }
}
[id*=preview-item] .uk-modal-dialog .block-info {
  width: 500px;
}
@media (max-width: 959px) {
  [id*=preview-item] .uk-modal-dialog .block-info {
    width: 400px;
  }
}
@media (max-width: 639px) {
  [id*=preview-item] .uk-modal-dialog .block-info {
    width: 100%;
  }
}
[id*=preview-item] .uk-modal-dialog .block-info h1 {
  font-weight: 500;
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #0b0d0f;
  margin: 16px 0;
}
@media (max-width: 959px) {
  [id*=preview-item] .uk-modal-dialog .block-info h1 {
    font-size: 28px;
  }
}
@media (max-width: 639px) {
  [id*=preview-item] .uk-modal-dialog .block-info h1 {
    font-size: 24px;
  }
}
[id*=preview-item] .uk-modal-dialog .block-info p {
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #838da1;
  margin: 16px 0;
}
[id*=preview-item] .uk-modal-dialog .block-info p:before {
  margin-right: 5px;
}
[id*=preview-item] .uk-modal-dialog .block-info p.description {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: -0.02em;
  color: #393f4b;
  text-transform: unset;
}
[id*=preview-item] .uk-modal-dialog .block-info p.price {
  text-transform: unset;
  margin: 24px 0 28px;
}
[id*=preview-item] .uk-modal-dialog .block-info p.price .new-price {
  font-weight: 500;
  font-size: 40px;
  color: #1b0a01;
  margin-right: 12px;
}
[id*=preview-item] .uk-modal-dialog .block-info p.price .old-price {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.3;
  color: #99a1b2;
  position: relative;
}
[id*=preview-item] .uk-modal-dialog .block-info p.price .old-price:before {
  content: attr(data-sale);
  position: absolute;
  border-radius: 10px;
  background-color: #fa7a35;
  padding: 2px 5px;
  font-weight: 700;
  letter-spacing: 0.1em;
  font-size: 10px;
  text-align: center;
  color: #fff;
}
[id*=preview-item] .uk-modal-dialog .block-info p.price .old-price:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: #838da1;
  transform: rotate(-20deg) translateY(-50%);
  transform-origin: center;
  z-index: 0;
  box-shadow: 0 0 1px #838da1;
}
[id*=preview-item] .uk-modal-dialog .block-info .title {
  font-weight: 500;
  font-size: 16px;
  color: #838da1;
  text-transform: unset;
}
[id*=preview-item] .uk-modal-dialog .block-info .block-colors .btns {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(115px, 1fr));
  gap: 8px;
}
[id*=preview-item] .uk-modal-dialog .block-info .block-colors .btns > div {
  width: 100%;
}
[id*=preview-item] .uk-modal-dialog .block-info .block-colors .btns > div a,
[id*=preview-item] .uk-modal-dialog .block-info .block-colors .btns > div span {
  display: block;
  border: 1px solid #e8eaee;
  border-radius: 12px;
  padding: 16px 5px;
  background-color: #fff;
  height: 100%;
  box-sizing: border-box;
  font-weight: 500;
  font-size: 12px;
  text-align: center;
  color: #22262d;
  text-decoration: unset;
  transition: border 0.3s;
}
[id*=preview-item] .uk-modal-dialog .block-info .block-colors .btns > div a.uk-active,
[id*=preview-item] .uk-modal-dialog .block-info .block-colors .btns > div span.uk-active {
  border: 3px solid #fa7a35;
  background-color: #fff8f5;
  position: relative;
}
[id*=preview-item] .uk-modal-dialog .block-info .block-colors .btns > div a.uk-active:before,
[id*=preview-item] .uk-modal-dialog .block-info .block-colors .btns > div span.uk-active:before {
  content: "\e920";
  position: absolute;
  font-size: 12px;
  font-family: "icomoon";
  border-radius: 20px;
  padding: 4px;
  background-color: #2ecc71;
  top: 12px;
  right: 12px;
  color: #fff8f5;
}
[id*=preview-item] .uk-modal-dialog .block-info .block-colors .btns > div a:hover,
[id*=preview-item] .uk-modal-dialog .block-info .block-colors .btns > div span:hover {
  border-color: #fa7a35;
}
[id*=preview-item] .uk-modal-dialog .block-info .block-colors .btns > div a img,
[id*=preview-item] .uk-modal-dialog .block-info .block-colors .btns > div span img {
  width: 100%;
  height: 80px;
  object-fit: contain;
  margin-bottom: 16px;
}
[id*=preview-item] .uk-modal-dialog .block-info .icon-favorite {
  font-size: 24px;
  color: #000;
  border: 1px solid #e8eaee;
  border-radius: 40px;
  padding: 12px;
  display: flex;
  text-decoration: unset;
  transition: border-color 0.3s;
}
[id*=preview-item] .uk-modal-dialog .block-info .icon-favorite:hover {
  border-color: #000;
}
[id*=preview-item] .uk-modal-dialog .block-info .block-alert {
  border-radius: 12px;
  padding: 16px 20px;
  background-color: #ffeeed;
}
[id*=preview-item] .uk-modal-dialog .block-info .block-alert p {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: -0.02em;
  color: #aa0800;
  text-transform: unset;
  margin: 0;
}
[id*=preview-item] .uk-modal-dialog .block-info .block-alert span {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: -0.02em;
  color: #0b0d0f;
}
[id*=preview-item] .uk-modal-dialog .block-info .block-alert .input {
  border: unset;
  background-color: #fff;
}
[id*=preview-item] .uk-modal-dialog .block-info .max-count {
  padding: 5px 6px;
  border-radius: 100px;
  background-color: #ffeeed;
  font-weight: 500;
  font-size: 14px;
  color: #ff4136;
}
[id*=preview-item] .uk-modal-dialog .block-info .max-count:before {
  margin-right: 8px;
}

.uk-notification .uk-notification-message {
  border-radius: 100px;
  padding: 15px 16px;
  box-shadow: 0 5px 11px 0 rgba(24, 111, 61, 0.15), 0 20px 20px 0 rgba(24, 111, 61, 0.13), 0 45px 27px 0 rgba(24, 111, 61, 0.08), 0 80px 32px 0 rgba(24, 111, 61, 0.02), 0 125px 35px 0 rgba(24, 111, 61, 0);
  background-color: #196f3d;
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  overflow: hidden;
}
.uk-notification .uk-notification-message > div {
  position: relative;
}
.uk-notification .uk-notification-message:before {
  content: "";
  position: absolute;
  background-color: #12572f;
  border-radius: 100px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  animation: fillBackground 6s linear forwards;
}
.uk-notification .uk-notification-message .icon-favorite {
  margin-right: 10px;
}
.uk-notification .uk-notification-message a.uk-notification-close {
  color: #fff;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}
.uk-notification .uk-notification-message a.page {
  font-weight: 500;
  font-size: 16px;
  color: #fff;
  padding: 3px 4px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  text-decoration: unset;
  margin-left: 4px;
  transition: background-color 0.3s;
}
.uk-notification .uk-notification-message a.page:hover {
  background: rgba(255, 255, 255, 0.3);
}
.uk-notification .uk-notification-message:hover:before {
  width: 0;
  animation: none;
  animation-play-state: paused;
}

@keyframes fillBackground {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

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