@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&family=Prompt:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap");
.transition, .product-item-info, .product-item-info:hover .prod-img {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; }

.ellips {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block; }

.header-set-3 {
  position: sticky;
  transition: all 0.5s ease-in-out;
  z-index: 9;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  top: 0;
  left: 0;
  width: 100%;
  background: #C39693; }
  .header-set-3.sticking {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    background: #fff; }
  .header-set-3 ul,
  .header-set-3 ol {
    list-style: none;
    margin: 0;
    padding: 0; }
  .header-set-3 .position-group {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    padding: 2px 0px;
    -webkit-transition: all .3s;
    transition: all .3s; }
    .header-set-3 .position-group.v-align-center {
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center; }
    .header-set-3 .position-group.eposition {
      position: relative; }
  .header-set-3 .first_row {
    opacity: 1;
    -moz-opacity: 1;
    transition: opacity 0.2s ease-in-out;
    font-weight: normal;
    align-items: center;
    padding: 8px 0; }
    .header-set-3 .first_row .position-group {
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: space-between; }
    .header-set-3 .first_row .logo {
      margin-right: 5px; }
      .header-set-3 .first_row .logo img {
        max-height: 88px; }
    .header-set-3 .first_row .second_col2 {
      display: flex;
      align-items: flex-end; }
  .header-set-3 .right-top {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center; }
    .header-set-3 .right-top li {
      padding-left: 16px;
      position: relative;
      font-weight: 400;
      text-transform: uppercase;
      margin-bottom: 0px; }
      .header-set-3 .right-top li.lang-drop .dropdown-toggle {
        font-weight: 700; }
  .header-set-3 .lang-call-wrap {
    justify-content: center; }

.lang-wraps {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  border: 2px solid #fff;
  padding: 2px;
  background: #414141;
  border-radius: 20px; }
  .lang-wraps span {
    min-width: 42px;
    text-align: center;
    border-radius: 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500; }
    .lang-wraps span.lang_active, .lang-wraps span:hover {
      background: #C39693;
      color: #fff; }

.overlay {
  position: fixed;
  background: #fff;
  top: 50;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;
  z-index: 999;
  display: none; }
  .overlay.open {
    opacity: 1;
    visibility: visible;
    height: 100%; }

@media all and (max-width: 991px) {
  .header-set-3 .position-group {
    align-items: center !important;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    padding: 4px 0; }
  .header-set-3 .mob-hide {
    display: none; }
  .header-set-3 .logo {
    margin: 0px !important; }
    .header-set-3 .logo img {
      max-height: 60px !important; }
  .header-set-3 body.open {
    overflow: hidden; } }