@import "../css/product-menu.css";
html body {
  font-family: 'Kanit-Medium';
}
html body .container .body-content {
  background-color: #ffffff;
}
html body .container .hero-image {
  text-align: center;
  background: url(../img/product_detail/bg-hero-image.png) #F4F7F9 center bottom no-repeat;
  background-size: 100%;
  padding: 52px 0 103px 0;
}
html body .container .display-title {
  background: linear-gradient(0deg, #ffffff 0%, #e8f4fb 100%);
  border: solid 1px #ffffff;
  border-radius: 10px;
  box-shadow: 2px 2px 13px #ddd;
  text-align: center;
  margin-top: -50px;
  z-index: 1;
  position: relative;
}
html body .container .display-title .title {
  font-size: 22px;
  color: #2168B4;
}
html body .container .display-title .category {
  color: #241F20;
  font-size: 18px;
  font-family: 'Kanit-Regular';
}
html body .container .display-cart .text1 {
  color: #241F20;
  font-size: 18px;
  background: url(../img/product_detail/icon/cart.svg) left center no-repeat;
  padding: 15px 0 11px 39px;
}
html body .container .display-cart .text1:hover {
  /* color: #4A9EDE; */
  /* text-decoration: underline; */
}
html body .container .display-cart .text2 {
  color: #4A9EDE;
  font-size: 22px;
  font-family: 'Kanit-Regular';
}
html body .container .list-detail {
  background-color: #F9FBFE;
}
html body .container .list-detail .list {
  background: url(../img/product_detail/icon/bullet1.svg) left top 10px no-repeat;
  /* font-family: 'Kanit-Light'; */
  color: #231F20;
  font-size: 16px;
  font-family: system-ui;
  font-weight: 200;
}
html body .container .list-detail .list .list-in {
  border-bottom: solid 1px #98C8E8;
}
html body .container .list-detail .text1 {
  font-family: 'Kanit-Light';
  font-size: 18px;
}
html body .container .list-detail .text2 {
  color: #4A9EDE;
  font-size: 24px;
}
html body .container .display-cart2 .text1 {
  color: #241F20;
  font-size: 18px;
}
html body .container .display-cart2 .text1:hover {
  /* color: #4A9EDE;
  text-decoration: underline; */
}
html body .container .display-youmaylike-list {
  background-color: #F9FBFE;
}
html body .container .display-youmaylike-list .title {
  font-size: 16px;
  color: #4A9EDE;
}
html body .container .display-youmaylike-list .display-product {
  /* width: 100px;
  height: 300px;
  overflow-y: hidden;
  overflow-x: auto; */
}
html body .container .display-youmaylike-list .display-product a.list {
  height: 253px;
  float: left;
  color: #231F20;
  background-color: #ffffff;
  border-radius: 10px;
}
html body .container .display-youmaylike-list .display-product a.list:hover .text {
  color: #4A9EDE;
  text-decoration: underline;
}
html body .container .display-youmaylike-list .display-product a.list .product-list {
  height: 253px;
  float: left;
  color: #231F20;
  display: inline-block;
}
html body .modal .modal-header .modal-title {
  color: #4A9EDE;
}
html body .modal .modal-body .mobile-menu .dn-breadcrumb {
  color: #6D6E71;
  font-family: 'Kanit-Light';
}
html body .modal .modal-body .mobile-menu .category .text1 {
  background: #2a64b9;
  background: linear-gradient(90deg, #2a64b9 0%, #51b7e8 100%);
  color: #ffffff;
  font-size: 20px;
  text-align: center;
}
html body .modal .modal-body .mobile-menu .category .text2 {
  font-size: 20px;
}
html body .modal .modal-body .mobile-menu .category .g-list {
  border-bottom: solid 1px #EAEAEA;
}
html body .modal .modal-body .mobile-menu .category .g-list .list .item {
  padding: 0 0 0 15px;
  font-size: 18px;
  font-family: 'Kanit-Light';
  background: url(../img/product/icon/bullet-title-list2.svg) no-repeat left center, url(../img/product/icon/arrow-selection2.svg) no-repeat right center;
}
html body .modal .modal-body .mobile-menu .category .g-list .list .item a {
  color: #231F20;
}
html body .modal .modal-body .mobile-menu .category .g-list .list .item a:hover {
  color: #4A9EDE;
}
html body .modal .modal-body .mobile-menu .category .g-list-last {
  border-bottom: none;
}
html body .link-product {
  font-family: 'Kanit-Light';
}
@media (max-width: 575.98px) {
  html body .container {
    /* padding: 52px 0 0 0; */
    overflow-x: hidden;
  }
}