@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
:root {
  --main-font: "Montserrat", sans-serif;
  --second-font: 'Open Sans', sans-serif;
  --main-color: #0B45BA;
  --second-color: #00CCFF;
}

html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: var(--main-font) !important;
}

p, a, h1, h2, h3, h4, h5, h6, span {
  font-family: var(--main-font) !important;
  margin: 0;
}

a, a:hover {
  text-decoration: none;
}

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

.messenger-box {
  position: fixed;
  z-index: 999;
  bottom: 2%;
  right: 24px;
  width: 42px;
  height: 42px;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
}
.messenger-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.lazyload,
.lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  transition: opacity 300ms;
}

.tc-container {
  max-width: 1328px;
  margin: 0 auto;
  padding: 0 24px;
}
.tc-container.small {
  max-width: 880px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .tc-container {
    padding: 0 14px;
  }
}

.input-arrows-none::-webkit-outer-spin-button, .input-arrows-none::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input-arrows-none {
  /* Firefox */
}
.input-arrows-none[type=number] {
  -moz-appearance: textfield;
}

.count-text {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}
.count-text small {
  font-weight: 400;
}
@media (min-width: 320px) and (max-width: 767px) {
  .count-text {
    font-size: 14px;
  }
}

.uk-offcanvas-bar {
  background-color: #fff;
}
.uk-offcanvas-bar .mobile-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  gap: 32px;
}
.uk-offcanvas-bar .mobile-body .navbar-mobile {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.uk-offcanvas-bar .mobile-body .navbar-mobile a {
  font-size: 14px;
  line-height: normal;
  color: #4b5563;
  text-transform: uppercase;
}
.uk-offcanvas-bar .mobile-body .navbar-mobile a:hover {
  color: #000;
}
.uk-offcanvas-bar .mobile-body .btns {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}
.uk-offcanvas-bar .mobile-body .btns a {
  font-size: 14px;
  line-height: normal;
  color: #4b5563;
  text-transform: uppercase;
  border-radius: 8px;
  padding: 8px 12px;
  border: 1px solid #ececec;
  width: 146px;
  text-align: center;
}

header {
  padding: 14px 0;
  border-bottom: 1px solid #f3f4f6;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 999;
}
@media (min-width: 320px) and (max-width: 767px) {
  header {
    padding: 8px 0;
  }
}
header .tc-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
header .logo {
  width: 96px;
  height: auto;
  display: flex;
}
@media (min-width: 320px) and (max-width: 767px) {
  header .logo {
    width: 64px;
  }
}
header .logo a {
  display: flex;
  width: 100%;
}
header .logo a img {
  width: 100%;
  height: auto;
}
header .navbar {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media (min-width: 320px) and (max-width: 767px) {
  header .navbar {
    display: none;
  }
}
header .navbar ul {
  display: flex;
  flex-direction: row;
  gap: 24px;
  padding: 0;
  margin: 0;
}
header .navbar ul li.active a {
  color: var(--main-color);
}
header .navbar ul li.active a::after {
  width: 100%;
  left: 0;
  right: auto;
}
header .navbar a {
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  color: #000;
  position: relative;
  display: flex;
}
header .navbar a::after {
  content: "";
  position: absolute;
  left: auto;
  right: 0;
  width: 0;
  height: 1px;
  bottom: -4px;
  background-color: var(--main-color);
  transition: width 0.3s ease;
}
header .navbar a:hover {
  color: var(--main-color);
}
header .navbar a:hover::after {
  width: 100%;
  left: 0;
  right: auto;
}
header .btn-group {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media (min-width: 320px) and (max-width: 767px) {
  header .btn-group {
    margin: auto 20px auto auto;
  }
}
header .btn-group .report-btn {
  background-color: #fff;
  display: flex;
  border-radius: 8px;
  color: var(--main-color);
  font-weight: 500;
  font-size: 12px;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  border: 1px solid var(--main-color);
  transition: 0.3s ease;
}
@media (min-width: 320px) and (max-width: 767px) {
  header .btn-group .report-btn {
    display: none;
  }
}
header .btn-group .report-btn:hover {
  color: #fff;
  background-color: var(--main-color);
}
header .btn-group a {
  font-size: 14px;
  line-height: normal;
  color: #4b5563;
  text-transform: uppercase;
}
header .btn-group a:hover {
  color: #000;
}
header .btn-group .cart-btn, header .btn-group .search-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
header .btn-group .cart-btn .cart-count, header .btn-group .search-btn .cart-count {
  position: absolute;
  top: -6px;
  right: -10px;
  background-color: #f0506e;
  color: #fff;
  font-size: 10px;
  border-radius: 500px;
  text-align: center;
  width: 16px;
  height: 16px;
  justify-content: center;
  align-items: center;
}
@media (min-width: 320px) and (max-width: 767px) {
  header .btn-group .admin-btn {
    display: none;
  }
}
header .mobile-btn {
  display: none;
}
@media (min-width: 320px) and (max-width: 767px) {
  header .mobile-btn {
    display: flex;
  }
}
header .mobile-btn .mobile-btn_custom {
  width: 24px;
  height: 24px;
  border: 1px solid #787878;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.uk-offcanvas-overlay::before {
  background-color: rgba(0, 0, 0, 0.6);
}

.mobile-menu-wrapper .logo {
  width: 120px;
  margin: 0 auto 30px;
}
.mobile-menu-wrapper .mobile-menu .mobile-menu_main {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mobile-menu-wrapper .mobile-menu .mobile-menu_main .mobile-menu_main-item.uk-active .mobile-menu_main-item_link {
  background-color: rgb(30, 135, 240);
  color: #fff;
}
.mobile-menu-wrapper .mobile-menu .mobile-menu_main .mobile-menu_main-item .mobile-menu_main-item_link {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 14px;
  color: #3b3b3b;
  padding: 8px 14px;
  font-weight: 500;
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid rgba(30, 135, 240, 0.1);
}
.mobile-menu-wrapper .mobile-menu .mobile-menu_main .mobile-menu_main-item .mobile-menu_sub {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mobile-menu-wrapper .mobile-menu .mobile-menu_main .mobile-menu_main-item .mobile-menu_sub .mobile-menu_sub-item.uk-active a {
  background-color: rgb(30, 135, 240);
  color: #fff;
}
.mobile-menu-wrapper .mobile-menu .mobile-menu_main .mobile-menu_main-item .mobile-menu_sub .mobile-menu_sub-item a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 13px;
  color: #3b3b3b;
  padding: 6px 12px;
  font-weight: 500;
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid rgba(30, 135, 240, 0.1);
}
.mobile-menu-wrapper .btn-group {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 42px;
}
.mobile-menu-wrapper .btn-group .report-btn {
  background-color: #fff;
  display: flex;
  border-radius: 8px;
  color: var(--main-color);
  font-weight: 500;
  font-size: 14px;
  align-items: center;
  justify-content: center;
  padding: 6px 16px;
  border: 1px solid var(--main-color);
  transition: 0.3s ease;
  width: 100%;
}
.mobile-menu-wrapper .btn-group .report-btn:hover {
  color: #fff;
  background-color: var(--main-color);
}
.mobile-menu-wrapper .btn-group a {
  font-size: 14px;
  line-height: normal;
  color: #4b5563;
  text-transform: uppercase;
}
.mobile-menu-wrapper .btn-group a:hover {
  color: #000;
}
.mobile-menu-wrapper .btn-group .cart-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-menu-wrapper .btn-group .cart-btn .cart-count {
  position: absolute;
  top: -6px;
  right: -10px;
  background-color: #f0506e;
  color: #fff;
  font-size: 10px;
  border-radius: 500px;
  text-align: center;
  width: 16px;
  height: 16px;
  justify-content: center;
  align-items: center;
}

footer {
  border-top: 1px solid #ececec;
  padding: 20px 0;
  background-color: #fff;
}
@media (min-width: 320px) and (max-width: 767px) {
  footer {
    padding: 16px 0;
  }
}
footer .tc-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 320px) and (max-width: 767px) {
  footer .tc-container {
    flex-direction: column;
  }
}
footer .f-logo a img {
  width: 160px;
  height: auto;
}
footer .nav {
  display: flex;
  gap: 24px;
  flex-direction: row;
}
footer .nav li a {
  font-size: 14px;
  color: #000;
}
footer .copyright p {
  font-size: 12px;
  color: #000;
}

main {
  padding-top: 100px;
}
@media (min-width: 320px) and (max-width: 767px) {
  main {
    padding-top: 64px;
  }
}
main .btn {
  padding: 7.5px 16px;
  border: 1px solid #D0D5DD;
  color: var(--text-color);
  background-color: #fff;
  border-radius: 8px;
  font-size: 14px;
  line-height: normal;
  font-weight: 500;
  display: flex;
  cursor: pointer;
}
main .btn.btn-success {
  border: 1px solid #52B694;
  background-color: #52B694;
  color: #fff;
}
main .btn.btn-info {
  border: 1px solid #D0D5DD;
  color: var(--text-color);
}
main .btn.btn-warning {
  border: 1px solid #F79009;
  background-color: #F79009;
  color: #fff;
}
main .btn.btn-danger {
  border: 1px solid #E24C1E;
  background-color: #E24C1E;
  color: #fff;
}

.main-title {
  font-size: 24px;
  line-height: normal;
  font-weight: 600;
  color: #000;
}

.main-description {
  font-size: 16px;
  line-height: normal;
  color: #000;
}

.uk-notification {
  top: 70px;
}
.uk-notification .uk-notification-message > div {
  font-size: 14px;
  line-height: normal;
  display: flex;
  align-items: center;
}

.partner, .home-products, .featured, .news {
  padding: 40px 0;
}

.product-card:hover .product-img img {
  transform: scale(1.05);
}
.product-card {
  transition: 0.3s ease;
}
.product-card .product-img {
  width: 100%;
  height: 240px;
  overflow: hidden;
  position: relative;
}
.product-card .product-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: scale(1);
  transition: transform 0.3s ease;
}
.product-card .product-body h3 {
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  color: #000;
  height: 36px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 2 мөр */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
.product-card .product-body p {
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

.news-card {
  transition: 0.3s ease;
}
.news-card .news-img {
  width: 100%;
  height: 260px;
  overflow: hidden;
}
.news-card .news-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-card .news-body h3 {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  line-height: normal;
  margin-bottom: 6px;
}
.news-card .news-body p {
  font-size: 14px;
  line-height: normal;
  color: #000;
  min-height: 54px;
  margin-bottom: 12px;
}
.news-card .news-body a {
  font-size: 16px;
  font-weight: 500;
  display: flex;
  width: max-content;
  margin: 0 0 0 auto;
  padding: 4px 6px;
  color: #1e87f0;
}

.brand-card {
  transition: 0.3s ease;
}
.brand-card .brand-img {
  width: 100%;
  height: 260px;
  overflow: hidden;
}
.brand-card .brand-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.brand-card .brand-body h3 {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  line-height: normal;
  margin-bottom: 6px;
}
.brand-card .brand-body p {
  font-size: 14px;
  line-height: normal;
  color: #000;
  margin-bottom: 12px;
}
.brand-card .brand-body a {
  font-size: 16px;
  font-weight: 500;
  display: flex;
  width: max-content;
  margin: 0 0 0 auto;
  padding: 4px 6px;
  color: #1e87f0;
}

.search-page {
  padding: 42px 0;
}
@media (min-width: 320px) and (max-width: 767px) {
  .search-page {
    padding: 24px 0;
  }
}
.search-page .body-section {
  width: 100%;
}
@media (min-width: 320px) and (max-width: 767px) {
  .search-page .body-section {
    width: 100%;
  }
}
.search-page .body-section .filter-product {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 0 20px -4px rgba(0, 0, 0, 0.08);
  border-radius: 12px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .search-page .body-section .filter-product {
    padding: 10px;
  }
}
.search-page .body-section .filter-product .filter-head {
  display: flex;
  align-items: center;
}
.search-page .body-section .filter-product .filter-head p {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: normal;
  gap: 8px;
  color: #000;
}
@media (min-width: 320px) and (max-width: 767px) {
  .search-page .body-section .filter-product .filter-head p {
    font-size: 14px;
  }
}
.search-page .body-section .filter-product .filter-head p strong {
  font-weight: 700;
}
.search-page .body-section .filter-product .filter-head p a {
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
  line-height: normal;
}
.search-page .body-section .filter-product .filter-btn .uk-button {
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  text-transform: none;
  color: #000;
  padding: 4px 12px;
}
.search-page .body-section .product-counts {
  padding: 24px 0;
  font-size: 14px;
  line-height: normal;
  color: #000;
}
.search-page .body-section .product-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .search-page .body-section .product-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }
}
.search-page .body-section .product-list .product-item {
  background-color: #fff;
  box-shadow: 0 0 20px -4px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  overflow: hidden;
}
.search-page .body-section .product-list .product-item .product-item_image {
  position: relative;
  width: 100%;
  height: 240px;
  border-radius: 12px;
  overflow: hidden;
}
@media (min-width: 320px) and (max-width: 767px) {
  .search-page .body-section .product-list .product-item .product-item_image {
    height: 160px;
  }
}
.search-page .body-section .product-list .product-item .product-item_image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.search-page .body-section .product-list .product-item .product-item_image .uk-transition-fade .uk-button {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  line-height: normal;
  border-radius: 8px;
}
.search-page .body-section .product-list .product-item .product-item_body {
  padding: 12px 20px;
}
.search-page .body-section .product-list .product-item .product-item_body .title {
  font-size: 14px;
  line-height: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 8px;
  color: #000;
  height: 36px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 2 мөр */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
@media (min-width: 320px) and (max-width: 767px) {
  .search-page .body-section .product-list .product-item .product-item_body .title {
    font-size: 13px;
    height: 32px;
    margin-bottom: 4px;
  }
}
.search-page .body-section .product-list .product-item .product-item_body .cat-name {
  font-size: 12px;
  line-height: normal;
  color: #4b5563;
  margin-bottom: 12px;
  height: 30px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 2 мөр */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
@media (min-width: 320px) and (max-width: 767px) {
  .search-page .body-section .product-list .product-item .product-item_body .cat-name {
    margin-bottom: 6px;
  }
}
.search-page .body-section .product-list .product-item .product-item_body .desc {
  font-size: 12px;
  line-height: normal;
  color: #000;
  margin-bottom: 12px;
  min-height: 44px;
}
.search-page .body-section .product-list .product-item .product-item_body .price {
  font-size: 16px;
  line-height: normal;
  color: #787878;
  margin-bottom: 12px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .search-page .body-section .product-list .product-item .product-item_body .price {
    font-size: 12px;
    margin-bottom: 6px;
  }
}
.search-page .body-section .product-list .product-item .product-item_body .price span {
  font-size: 18px;
  color: #000;
  font-weight: 600;
}
@media (min-width: 320px) and (max-width: 767px) {
  .search-page .body-section .product-list .product-item .product-item_body .price span {
    font-size: 14px;
  }
}
.search-page .body-section .product-list .product-item .product-item_body .link {
  width: 100%;
  background-color: #1e87f0;
  display: flex;
  color: #fff;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-weight: 500;
  padding: 8px 12px;
  border-radius: 8px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .search-page .body-section .product-list .product-item .product-item_body .link {
    font-size: 12px;
  }
}

.product-page {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 42px 0;
}
@media (min-width: 320px) and (max-width: 767px) {
  .product-page {
    padding: 24px 0;
  }
}
.product-page .sidebar {
  width: 340px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 320px) and (max-width: 767px) {
  .product-page .sidebar {
    display: none;
  }
}
.product-page .sidebar .menu ul {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.product-page .sidebar .menu ul li.active a {
  background-color: rgb(30, 135, 240);
  color: #fff;
}
.product-page .sidebar .menu ul li a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 14px;
  color: #3b3b3b;
  padding: 12px 20px;
  font-weight: 500;
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid rgba(30, 135, 240, 0.1);
}
.product-page .sidebar .menu ul li a:hover {
  background-color: rgb(30, 135, 240);
  color: #fff;
}
.product-page .sidebar .menu ul .divider {
  margin: 8px 0;
  width: 100%;
  height: 1px;
  background-color: #ececec;
}
.product-page .body-section {
  width: calc(100% - 360px);
}
@media (min-width: 320px) and (max-width: 767px) {
  .product-page .body-section {
    width: 100%;
  }
}
.product-page .body-section .filter-product {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 0 20px -4px rgba(0, 0, 0, 0.08);
  border-radius: 12px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .product-page .body-section .filter-product {
    padding: 10px;
  }
}
.product-page .body-section .filter-product .filter-head {
  display: flex;
  align-items: center;
}
.product-page .body-section .filter-product .filter-head p {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: normal;
  gap: 8px;
  color: #000;
}
@media (min-width: 320px) and (max-width: 767px) {
  .product-page .body-section .filter-product .filter-head p {
    font-size: 14px;
  }
}
.product-page .body-section .filter-product .filter-head p strong {
  font-weight: 700;
}
.product-page .body-section .filter-product .filter-head p a {
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
  line-height: normal;
}
.product-page .body-section .filter-product .filter-btn .uk-button {
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  text-transform: none;
  color: #000;
  padding: 4px 12px;
}
.product-page .body-section .product-counts {
  padding: 24px 0;
  font-size: 14px;
  line-height: normal;
  color: #000;
}
.product-page .body-section .product-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .product-page .body-section .product-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }
}
.product-page .body-section .product-list .product-item {
  background-color: #fff;
  box-shadow: 0 0 20px -4px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  overflow: hidden;
}
.product-page .body-section .product-list .product-item .product-item_image {
  position: relative;
  width: 100%;
  height: 240px;
  border-radius: 12px;
  overflow: hidden;
}
@media (min-width: 320px) and (max-width: 767px) {
  .product-page .body-section .product-list .product-item .product-item_image {
    height: 160px;
  }
}
.product-page .body-section .product-list .product-item .product-item_image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product-page .body-section .product-list .product-item .product-item_image .uk-transition-fade .uk-button {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  line-height: normal;
  border-radius: 8px;
}
.product-page .body-section .product-list .product-item .product-item_body {
  padding: 12px 20px;
}
.product-page .body-section .product-list .product-item .product-item_body .title {
  font-size: 14px;
  line-height: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 8px;
  color: #000;
  height: 36px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 2 мөр */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
@media (min-width: 320px) and (max-width: 767px) {
  .product-page .body-section .product-list .product-item .product-item_body .title {
    font-size: 13px;
    height: 32px;
    margin-bottom: 4px;
  }
}
.product-page .body-section .product-list .product-item .product-item_body .cat-name {
  font-size: 12px;
  line-height: normal;
  color: #4b5563;
  margin-bottom: 12px;
  height: 30px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 2 мөр */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
@media (min-width: 320px) and (max-width: 767px) {
  .product-page .body-section .product-list .product-item .product-item_body .cat-name {
    margin-bottom: 6px;
  }
}
.product-page .body-section .product-list .product-item .product-item_body .desc {
  font-size: 12px;
  line-height: normal;
  color: #000;
  margin-bottom: 12px;
  min-height: 44px;
}
.product-page .body-section .product-list .product-item .product-item_body .price {
  font-size: 16px;
  line-height: normal;
  color: #787878;
  margin-bottom: 12px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .product-page .body-section .product-list .product-item .product-item_body .price {
    font-size: 12px;
    margin-bottom: 6px;
  }
}
.product-page .body-section .product-list .product-item .product-item_body .price span {
  font-size: 18px;
  color: #000;
  font-weight: 600;
}
@media (min-width: 320px) and (max-width: 767px) {
  .product-page .body-section .product-list .product-item .product-item_body .price span {
    font-size: 14px;
  }
}
.product-page .body-section .product-list .product-item .product-item_body .link {
  width: 100%;
  background-color: #1e87f0;
  display: flex;
  color: #fff;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-weight: 500;
  padding: 8px 12px;
  border-radius: 8px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .product-page .body-section .product-list .product-item .product-item_body .link {
    font-size: 12px;
  }
}
.product-page .uk-breadcrumb {
  margin-bottom: 42px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .product-page .uk-breadcrumb {
    display: none;
  }
}
.product-page .product-read {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.product-page .product-read .gallery {
  width: calc(40% - 32px);
  border-radius: 12px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .product-page .product-read .gallery {
    width: 100%;
  }
}
.product-page .product-read .gallery .image-container {
  width: 100%;
  padding: 20px;
  height: 508px;
}
.product-page .product-read .gallery .image-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product-page .product-read .gallery .uk-slider-items > * {
  height: 508px;
}
.product-page .product-read .gallery .uk-slider-items > * img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product-page .product-read .info-section {
  width: 60%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 320px) and (max-width: 767px) {
  .product-page .product-read .info-section {
    width: 100%;
    margin-top: 24px;
  }
}
.product-page .product-read .info-section .cat-name {
  font-size: 14px;
  line-height: normal;
  font-weight: 500;
  color: #4b5563;
  margin-bottom: 8px;
}
.product-page .product-read .info-section .title {
  font-size: 24px;
  line-height: normal;
  font-weight: 700;
  color: #000;
  margin-bottom: 24px;
}
.product-page .product-read .info-section .price {
  margin-bottom: 24px;
}
.product-page .product-read .info-section .price p {
  font-size: 18px;
  color: #4b5563;
  line-height: normal;
}
.product-page .product-read .info-section .price p span {
  font-size: 20px;
  font-weight: 600;
  color: var(--main-color);
}
.product-page .product-read .info-section .desc {
  margin-bottom: 32px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .product-page .product-read .info-section .desc {
    width: calc(100vw - 28px);
  }
  .product-page .product-read .info-section .desc .desc-text {
    max-width: 100%;
    overflow-x: hidden;
  }
  .product-page .product-read .info-section .desc .desc-text table {
    display: block !important;
    max-width: 100% !important;
    width: auto !important;
    overflow-x: auto !important;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    border-collapse: collapse;
    padding: 12px 0;
  }
  .product-page .product-read .info-section .desc .desc-text table tbody {
    display: table !important;
    width: max-content !important;
  }
  .product-page .product-read .info-section .desc .desc-text table td,
  .product-page .product-read .info-section .desc .desc-text table th {
    white-space: nowrap !important;
  }
  .product-page .product-read .info-section .desc .desc-text table td[style],
  .product-page .product-read .info-section .desc .desc-text table th[style] {
    width: auto !important;
  }
}
.product-page .product-read .info-section .desc .desc-tt {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  padding-bottom: 6px;
  margin-bottom: 6px;
  border-bottom: 1px solid #f3f3f3;
}
.product-page .product-read .info-section .desc .desc-text {
  font-size: 14px;
  color: #000;
  line-height: normal;
}
.product-page .product-read .info-section .quantity-selector {
  margin-bottom: 20px;
}
.product-page .product-read .info-section .quantity-selector label {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  margin-bottom: 8px;
  display: block;
}
.product-page .product-read .info-section .quantity-selector .quantity-controls {
  display: flex;
  align-items: center;
  gap: 8px;
}
.product-page .product-read .info-section .quantity-selector .quantity-controls .quantity-btn {
  width: 42px;
  height: 42px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  background-color: #fff;
  font-size: 20px;
  line-height: normal;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s ease;
}
.product-page .product-read .info-section .quantity-selector .quantity-controls .quantity-btn:hover {
  background-color: #f3f4f6;
}
.product-page .product-read .info-section .quantity-selector .quantity-controls input {
  width: 80px;
  height: 42px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  text-align: center;
  font-size: 16px;
  color: #000;
}
.product-page .product-read .info-section .quantity-selector .quantity-controls input:focus {
  outline: none;
}
.product-page .product-read .info-section .buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .product-page .product-read .info-section .buttons {
    grid-template-columns: 1fr;
  }
}
.product-page .product-read .info-section .buttons .btn-pr {
  border: 1px solid var(--main-color);
  padding: 14px 24px;
  font-size: 16px;
  color: var(--main-color);
  font-weight: 500;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: 0.3s ease;
}
.product-page .product-read .info-section .buttons .btn-pr:disabled {
  background-color: #ececec;
  border: 1px solid #ececec;
  color: #a1a1a1;
}
.product-page .product-read .info-section .buttons .btn-pr:disabled.active, .product-page .product-read .info-section .buttons .btn-pr:disabled:hover {
  background-color: #ececec;
  border: 1px solid #ececec;
  color: #a1a1a1;
}
.product-page .product-read .info-section .buttons .btn-pr:disabled.active:hover, .product-page .product-read .info-section .buttons .btn-pr:disabled:hover:hover {
  background-color: #ececec;
  color: #a1a1a1;
}
.product-page .product-read .info-section .buttons .btn-pr:hover {
  background-color: var(--main-color);
  color: #fff;
}
.product-page .product-read .info-section .buttons .btn-pr.active {
  background-color: var(--main-color);
  color: #fff;
}
.product-page .product-read .info-section .buttons .btn-pr.active:hover {
  background-color: #fff;
  color: var(--main-color);
}

.related-section .uk-heading-line {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 32px;
}
.related-section .uk-slider-container {
  padding: 20px;
  margin: -20px;
}
.related-section .uk-slider-container .uk-slider-items.uk-grid {
  margin-left: -20px;
}
.related-section .uk-slider-container .uk-slider-items.uk-grid > * {
  padding-left: 20px;
}
.related-section .back-btn {
  margin: 24px 0 42px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.related-section .back-btn a {
  border-radius: 8px;
  align-items: center;
  display: flex;
  line-height: normal;
  padding: 12px 32px;
  gap: 8px;
}
.related-section .product-item {
  background-color: #fff;
  box-shadow: 0 0 20px -4px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  overflow: hidden;
}
.related-section .product-item .product-item_image {
  position: relative;
  width: 100%;
  height: 240px;
  border-radius: 12px;
  overflow: hidden;
}
.related-section .product-item .product-item_image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.related-section .product-item .product-item_image .uk-transition-fade .uk-button {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  line-height: normal;
  border-radius: 8px;
}
.related-section .product-item .product-item_body {
  padding: 12px 20px;
}
.related-section .product-item .product-item_body .title {
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 8px;
}
.related-section .product-item .product-item_body .cat-name {
  font-size: 12px;
  line-height: normal;
  color: #4b5563;
  margin-bottom: 12px;
}
.related-section .product-item .product-item_body .desc {
  font-size: 12px;
  line-height: normal;
  color: #000;
  margin-bottom: 12px;
  min-height: 44px;
}
.related-section .product-item .product-item_body .price {
  font-size: 16px;
  line-height: normal;
  color: #787878;
  margin-bottom: 12px;
}
.related-section .product-item .product-item_body .price span {
  font-size: 18px;
  color: #000;
  font-weight: 600;
}
.related-section .product-item .product-item_body .link {
  width: 100%;
  background-color: #1e87f0;
  display: flex;
  color: #fff;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-weight: 500;
  padding: 8px 12px;
  border-radius: 8px;
}

.uk-dropdown {
  padding: 20px;
  border-radius: 12px;
}
.uk-dropdown .uk-dropdown-nav li.uk-active a {
  color: #000;
}

.about-page {
  padding: 42px 0;
}
@media (min-width: 320px) and (max-width: 767px) {
  .about-page {
    padding: 24px 0;
  }
}
.about-page .about-tt {
  font-size: 20px;
  line-height: normal;
  font-weight: 600;
  color: var(--main-color);
  text-align: center;
}
.about-page .director_greeting, .about-page .about-company {
  box-shadow: 0 0 20px -4px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 24px;
  border-radius: 12px;
}
.about-page .director_greeting .img {
  width: calc(40% - 24px);
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  margin: 0 0 auto;
}
@media (min-width: 320px) and (max-width: 767px) {
  .about-page .director_greeting .img {
    width: 100%;
    margin: 0 0 12px 0;
  }
}
.about-page .director_greeting .text {
  width: 60%;
  font-size: 14px;
  color: #000;
}
@media (min-width: 320px) and (max-width: 767px) {
  .about-page .director_greeting .text {
    width: 100%;
  }
}
.about-page .about-company .text {
  font-size: 14px;
  color: #000;
}
.about-page .about-company .text ul {
  padding-left: 32px;
  list-style: disc;
}
.about-page .vision {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .about-page .vision {
    flex-direction: column;
    align-items: center;
  }
}
.about-page .vision .item {
  width: 24%;
  box-shadow: 0 0 20px -4px rgba(0, 0, 0, 0.1);
  padding: 20px;
  border-radius: 12px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .about-page .vision .item {
    width: 100%;
  }
}
.about-page .vision .item .item-tt {
  font-size: 14px;
  line-height: normal;
  font-weight: 600;
  text-align: center;
  color: var(--main-color);
  margin-bottom: 4px;
}
.about-page .vision .item .item-txt {
  font-size: 14px;
  line-height: normal;
  color: #000;
  text-align: center;
}

.news-page {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 42px 0;
}
@media (min-width: 320px) and (max-width: 767px) {
  .news-page {
    padding: 24px 0;
  }
}
.news-page .sidebar {
  width: 340px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 320px) and (max-width: 767px) {
  .news-page .sidebar {
    display: none;
  }
}
.news-page .sidebar .menu {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 0 20px -4px rgba(0, 0, 0, 0.1);
  padding: 20px;
}
.news-page .sidebar .menu ul {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.news-page .sidebar .menu ul li a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  color: #000;
}
.news-page .sidebar .menu ul .divider {
  margin: 8px 0;
  width: 100%;
  height: 1px;
  background-color: #ececec;
}
.news-page .body-section {
  width: calc(100% - 360px);
}
@media (min-width: 320px) and (max-width: 767px) {
  .news-page .body-section {
    width: 100%;
  }
}
.news-page .body-section .filter-product {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 0 20px -4px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .news-page .body-section .filter-product {
    padding: 10px;
  }
}
.news-page .body-section .filter-product .filter-head {
  display: flex;
  align-items: center;
}
.news-page .body-section .filter-product .filter-head p {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: normal;
  gap: 8px;
  color: #000;
}
@media (min-width: 320px) and (max-width: 767px) {
  .news-page .body-section .filter-product .filter-head p {
    font-size: 14px;
  }
}
.news-page .body-section .filter-product .filter-head p strong {
  font-weight: 700;
}
.news-page .body-section .filter-product .filter-head p a {
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
  line-height: normal;
}
.news-page .body-section .filter-product .filter-btn .uk-button {
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  text-transform: none;
  color: #000;
  padding: 4px 12px;
}
.news-page .body-section .news-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .news-page .body-section .news-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.news-page .body-section .news-list .news-item {
  background-color: #fff;
  box-shadow: 0 0 20px -4px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  overflow: hidden;
}
.news-page .body-section .news-list .news-item .news-item_image {
  position: relative;
  width: 100%;
  height: 240px;
  border-radius: 12px;
  overflow: hidden;
}
.news-page .body-section .news-list .news-item .news-item_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-page .body-section .news-list .news-item .news-item_image .uk-transition-fade .uk-button {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  line-height: normal;
  border-radius: 8px;
}
.news-page .body-section .news-list .news-item .news-item_body {
  padding: 12px 20px;
}
.news-page .body-section .news-list .news-item .news-item_body .title {
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 8px;
}
.news-page .body-section .news-list .news-item .news-item_body .cat-name {
  font-size: 12px;
  line-height: normal;
  color: #4b5563;
  margin-bottom: 12px;
}
.news-page .body-section .news-list .news-item .news-item_body .desc {
  font-size: 14px;
  line-height: normal;
  color: #000;
  margin-bottom: 12px;
  min-height: 54px;
}
.news-page .body-section .news-list .news-item .news-item_body .link {
  width: 100%;
  background-color: #1e87f0;
  display: flex;
  color: #fff;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-weight: 500;
  padding: 8px 12px;
  border-radius: 8px;
}
.news-page .uk-breadcrumb {
  margin-bottom: 42px;
}
.news-page .news-read {
  box-shadow: 0 0 20px -4px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  padding: 24px;
}
.news-page .news-read .image {
  width: 100%;
  height: auto;
  display: flex;
  margin-bottom: 20px;
}
.news-page .news-read .image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.news-page .news-read .title {
  font-size: 24px;
  line-height: normal;
  font-weight: 600;
  color: var(--main-color);
  margin-bottom: 16px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .news-page .news-read .title {
    font-size: 18px;
  }
}
.news-page .news-read .date {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
.news-page .news-read .date .cat-name {
  font-size: 14px;
  line-height: normal;
  font-weight: 500;
  color: #4b5563;
  margin-bottom: 24px;
}
.news-page .news-read .desc {
  font-size: 14px;
  color: #000;
}

.contact-page {
  padding: 80px 0;
}
@media (min-width: 320px) and (max-width: 767px) {
  .contact-page {
    padding: 24px 0;
  }
}
.contact-page .contact-tt {
  font-size: 24px;
  font-weight: 700;
  color: var(--main-color);
  margin-bottom: 42px;
  text-align: center;
}
.contact-page .contact-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.contact-page .contact-content .body {
  width: 40%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
}
@media (min-width: 320px) and (max-width: 767px) {
  .contact-page .contact-content .body {
    width: 100%;
    margin-bottom: 24px;
  }
}
.contact-page .contact-content .body .item h4 {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
}
.contact-page .contact-content .body .item p {
  font-size: 14px;
  line-height: normal;
  color: #000;
  text-align: center;
}
.contact-page .contact-content .map {
  width: 60%;
}
@media (min-width: 320px) and (max-width: 767px) {
  .contact-page .contact-content .map {
    width: 100%;
  }
}
.contact-page .contact-content .map iframe {
  width: 100%;
  height: 460px;
  border: none;
  border-radius: 12px;
}

.reports-page {
  min-height: 80vh;
  padding: 40px 0;
}
.reports-page .report-card {
  box-shadow: 0 0 20px -4px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.reports-page .report-card p {
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  color: #000;
  margin-bottom: 20px;
}

.bank-deeplinks {
  margin-top: 24px;
}
.bank-deeplinks h4 {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin-bottom: 12px;
}
.bank-deeplinks .list-banks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.bank-deeplinks .list-banks a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  padding: 12px;
}
.bank-deeplinks .list-banks a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

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