@keyframes gradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

@keyframes vertical-shaking {
  0% {
    transform: translateY(0); }
  25% {
    transform: translateY(5px); }
  50% {
    transform: translateY(-5px); }
  75% {
    transform: translateY(5px); }
  100% {
    transform: translateY(0); } }

.hrv-crv-container.active {
  margin-bottom: 5px; }

.hrv-crv-select .hrv-crv-options {
  z-index: 1001; }

.product-wrapsticky {
  position: sticky;
  top: 10px; }

.product-detail-left .img-fluid {
  border-radius: 12px; }

.promolist {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 15px 0 0 0; }
  .promolist-item {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    order: 10; }
    .promolist-item.special .promolist-item--body {
      border-radius: 10px;
      border: 2px dashed #2659f3;
      background: #dbe8ff;
      color: #2659f3;
      font-size: 12px; }
      .promolist-item.special .promolist-item--body ul {
        padding-left: 15px;
        margin: 0; }
    .promolist-item--header {
      padding: 10px;
      font-size: 14px;
      border-radius: 10px 10px 0 0;
      background: #e9ecff;
      /*color: #fff;*/
      padding-left: 72px;
      position: relative; }
      .promolist-item--header:before {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 62px;
        content: '';
        border-radius: 10px 0 10px 0;
        background-color: #2659f3;
        background-size: 45%;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 50 50' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M6 23.82V45c0 1.65 1.35 3 3 3h32c1.65 0 3-1.35 3-3V23.82c1.16-.41 2-1.51 2-2.82v-4c0-1.65-1.35-3-3-3h-6.7c.59-.33 1.14-.71 1.63-1.16 1.38-1.29 2.08-2.91 2.08-4.84s-1.47-6-6-6-7.51 6.21-9 9.99c-1.49-3.78-4.6-9.99-9-9.99s-6 4.04-6 6 .7 3.55 2.08 4.84c.48.45 1.04.83 1.63 1.16H7c-1.65 0-3 1.35-3 3v4c0 1.3.84 2.4 2 2.82zM8 45V24h12v22H9c-.55 0-1-.45-1-1zm13-29h.91c.6.03 1.14.04 1.6.04.79 0 1.31-.03 1.49-.04.18.01.7.04 1.49.04.46 0 1.01-.01 1.6-.04H29v6h-8zm1 30V24h6v22zm20-1c0 .55-.45 1-1 1H30V24h12zm2-28v4c0 .55-.45 1-1 1H31v-6h12c.55 0 1 .45 1 1zM34 4c3.76 0 4 3.96 4 4 0 1.36-.47 2.47-1.44 3.37-2.1 1.95-5.95 2.5-8.61 2.63h-1.56c1.3-3.65 4.26-10 7.62-10zM12 8s.24-4 4-4c3.36 0 6.32 6.35 7.62 10h-1.6c-2.66-.13-6.48-.68-8.57-2.63-.97-.9-1.44-2.01-1.44-3.37zm-6 9c0-.55.45-1 1-1h12v6H7c-.55 0-1-.45-1-1z' fill='%23ffffff' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }
      .promolist-item--header a {
        font-weight: bold;
        color: #2659f3; }
    .promolist-item--body {
      padding: 10px;
      border-radius: 0 0 10px 10px;
      background: #fff7d1;
      /*border: 2px dashed #2659f3;*/
      border-top: none;
      /*background-size: contain;
			background-image: url('https://file.hstatic.net/1000230347/file/bg-gift_6567279c889146f497a9698515591cae.png');*/ }
    .promolist-item--limit {
      position: absolute;
      right: 0;
      bottom: 0;
      color: #fff;
      background: #da1f26;
      border-radius: 15px 0 15px 0;
      padding: 5px;
      font-size: 12px;
      z-index: 1; }
    .promolist-item--condition {
      display: flex;
      position: relative;
      background: #fff;
      border-radius: 15px; }
      .promolist-item--condition:not(:last-child) {
        margin-bottom: 10px; }
      .promolist-item--condition-left {
        width: 15%;
        display: flex;
        gap: 10px;
        flex-direction: column; }
      .promolist-item--condition-right {
        padding-left: 10px;
        font-size: 14px;
        margin: auto;
        width: calc(85% - 10px); }
        .promolist-item--condition-right b {
          color: #2659f3; }
  .promolist .gift-box {
    position: relative; }
    .promolist .gift-box--image {
      border-radius: 15px;
      box-shadow: 0 0 10px 0px rgba(38, 89, 243, 0.4);
      background: #fff;
      aspect-ratio: 1; }
    .promolist .gift-box--quantity {
      font-size: 12px;
      position: absolute;
      right: 0;
      bottom: 0;
      padding: 5px;
      font-weight: bold;
      border-radius: 15px 0 15px 0;
      background: #2659f3;
      color: #fff; }

.product_vouchers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  padding: 10px;
  background: #dbe8ff;
  border-radius: 20px; }
  .product_vouchers h3 {
    display: none;
    width: 100%;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 30px; }
  .product_vouchers__icon {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: 30px;
    background-repeat: no-repeat;
    border-radius: 50%; }
    .product_vouchers__icon:not(.momo, .shopeepay, .vnpay, .zalopay) {
      background-color: #2659f3; }
    .product_vouchers__icon.cal {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M400.021 0H111.98C83.069 0 59.633 23.437 59.633 52.348v407.305c0 28.911 23.437 52.348 52.348 52.348h288.04c28.911 0 52.348-23.437 52.348-52.348V52.348C452.368 23.437 428.932 0 400.021 0z' style='' fill='%233a484a' data-original='%233a484a' class=''%3E%3C/path%3E%3Cpath d='M111.98 175.445c-6.371 0-11.553-5.183-11.553-11.553V52.348c0-6.371 5.183-11.553 11.553-11.553h288.04c6.371 0 11.553 5.183 11.553 11.553v111.544c0 6.371-5.183 11.553-11.553 11.553H111.98z' style='' fill='%232fc8b4' data-original='%232fc8b4'%3E%3C/path%3E%3Cpath d='M131.333 163.891V52.348c0-6.371 5.183-11.553 11.553-11.553h-30.905c-6.371 0-11.553 5.183-11.553 11.553v111.544c0 6.371 5.183 11.552 11.553 11.552h30.905c-6.371.001-11.553-5.182-11.553-11.553z' style='' fill='%2300ad94' data-original='%2300ad94'%3E%3C/path%3E%3Cpath d='M175.145 121.046a7.725 7.725 0 0 1-7.726-7.726V98.686a7.725 7.725 0 0 1 7.726-7.726 7.725 7.725 0 0 1 7.726 7.726v14.634a7.726 7.726 0 0 1-7.726 7.726zM336.856 121.046a7.725 7.725 0 0 1-7.726-7.726V98.686c0-4.267 3.458-7.726 7.726-7.726s7.726 3.459 7.726 7.726v14.634a7.725 7.725 0 0 1-7.726 7.726zM256 128.858c-10.008 0-19.402-4.182-25.774-11.471a7.725 7.725 0 0 1 .732-10.902 7.725 7.725 0 0 1 10.901.732c3.438 3.932 8.592 6.188 14.14 6.188 5.549 0 10.702-2.255 14.14-6.188a7.725 7.725 0 0 1 10.902-.731 7.725 7.725 0 0 1 .731 10.902c-6.371 7.289-15.765 11.47-25.772 11.47z' style='' fill='%233a484a' data-original='%233a484a' class=''%3E%3C/path%3E%3Cpath d='M151.141 212.571h-33.578c-9.464 0-17.136 7.672-17.136 17.136v33.578c0 9.464 7.672 17.136 17.136 17.136h33.578c9.464 0 17.136-7.672 17.136-17.136v-33.578c-.001-9.465-7.672-17.136-17.136-17.136z' style='' fill='%23d4d2d3' data-original='%23d4d2d3' class=''%3E%3C/path%3E%3Cpath d='M360.86 212.571h33.578c9.464 0 17.136 7.672 17.136 17.136v33.578c0 9.464-7.672 17.136-17.136 17.136H360.86c-9.464 0-17.136-7.672-17.136-17.136v-33.578c.001-9.465 7.672-17.136 17.136-17.136z' style='' fill='%23ffe380' data-original='%23ffe380'%3E%3C/path%3E%3Cpath d='M272.789 212.571h-33.578c-9.464 0-17.136 7.672-17.136 17.136v33.578c0 9.464 7.672 17.136 17.136 17.136h33.578c9.464 0 17.136-7.672 17.136-17.136v-33.578c0-9.465-7.671-17.136-17.136-17.136zM151.141 309.797h-33.578c-9.464 0-17.136 7.672-17.136 17.136v33.578c0 9.464 7.672 17.136 17.136 17.136h33.578c9.464 0 17.136-7.672 17.136-17.136v-33.578c-.001-9.463-7.672-17.136-17.136-17.136z' style='' fill='%23d4d2d3' data-original='%23d4d2d3' class=''%3E%3C/path%3E%3Cpath d='M360.86 309.797h33.578c9.464 0 17.136 7.672 17.136 17.136v33.578c0 9.464-7.672 17.136-17.136 17.136H360.86c-9.464 0-17.136-7.672-17.136-17.136v-33.578c.001-9.463 7.672-17.136 17.136-17.136z' style='' fill='%232fc8b4' data-original='%232fc8b4'%3E%3C/path%3E%3Cpath d='M272.789 309.797h-33.578c-9.464 0-17.136 7.672-17.136 17.136v33.578c0 9.464 7.672 17.136 17.136 17.136h33.578c9.464 0 17.136-7.672 17.136-17.136v-33.578c0-9.463-7.671-17.136-17.136-17.136zM151.141 407.025h-33.578c-9.464 0-17.136 7.672-17.136 17.136v33.578c0 9.464 7.672 17.136 17.136 17.136h33.578c9.464 0 17.136-7.672 17.136-17.136v-33.578c-.001-9.465-7.672-17.136-17.136-17.136z' style='' fill='%23d4d2d3' data-original='%23d4d2d3' class=''%3E%3C/path%3E%3Cpath d='M360.86 407.025h33.578c9.464 0 17.136 7.672 17.136 17.136v33.578c0 9.464-7.672 17.136-17.136 17.136H360.86c-9.464 0-17.136-7.672-17.136-17.136v-33.578c.001-9.465 7.672-17.136 17.136-17.136z' style='' fill='%23dc5a64' data-original='%23dc5a64'%3E%3C/path%3E%3Cpath d='M272.789 407.025h-33.578c-9.464 0-17.136 7.672-17.136 17.136v33.578c0 9.464 7.672 17.136 17.136 17.136h33.578c9.464 0 17.136-7.672 17.136-17.136v-33.578c0-9.465-7.671-17.136-17.136-17.136z' style='' fill='%23d4d2d3' data-original='%23d4d2d3' class=''%3E%3C/path%3E%3Cpath d='M121.031 263.284v-33.578c0-9.464 7.672-17.136 17.136-17.136h-20.604c-9.464 0-17.136 7.672-17.136 17.136v33.578c0 9.464 7.672 17.136 17.136 17.136h20.604c-9.464-.001-17.136-7.672-17.136-17.136zM242.679 263.284v-33.578c0-9.464 7.672-17.136 17.136-17.136h-20.604c-9.464 0-17.136 7.672-17.136 17.136v33.578c0 9.464 7.672 17.136 17.136 17.136h20.604c-9.464-.001-17.136-7.672-17.136-17.136z' style='' fill='%23bab8b9' data-original='%23bab8b9' class=''%3E%3C/path%3E%3Cpath d='M364.328 263.284v-33.578c0-9.464 7.672-17.136 17.136-17.136H360.86c-9.464 0-17.136 7.672-17.136 17.136v33.578c0 9.464 7.672 17.136 17.136 17.136h20.604c-9.464-.001-17.136-7.672-17.136-17.136z' style='' fill='%23e8b921' data-original='%23e8b921'%3E%3C/path%3E%3Cpath d='M121.031 360.511v-33.578c0-9.464 7.672-17.136 17.136-17.136h-20.604c-9.464 0-17.136 7.672-17.136 17.136v33.578c0 9.464 7.672 17.136 17.136 17.136h20.604c-9.464 0-17.136-7.672-17.136-17.136zM242.679 360.511v-33.578c0-9.464 7.672-17.136 17.136-17.136h-20.604c-9.464 0-17.136 7.672-17.136 17.136v33.578c0 9.464 7.672 17.136 17.136 17.136h20.604c-9.464 0-17.136-7.672-17.136-17.136z' style='' fill='%23bab8b9' data-original='%23bab8b9' class=''%3E%3C/path%3E%3Cpath d='M364.328 360.511v-33.578c0-9.464 7.672-17.136 17.136-17.136H360.86c-9.464 0-17.136 7.672-17.136 17.136v33.578c0 9.464 7.672 17.136 17.136 17.136h20.604c-9.464 0-17.136-7.672-17.136-17.136z' style='' fill='%2300ad94' data-original='%2300ad94'%3E%3C/path%3E%3Cpath d='M121.031 457.738V424.16c0-9.464 7.672-17.136 17.136-17.136h-20.604c-9.464 0-17.136 7.672-17.136 17.136v33.578c0 9.464 7.672 17.136 17.136 17.136h20.604c-9.464 0-17.136-7.671-17.136-17.136zM242.679 457.738V424.16c0-9.464 7.672-17.136 17.136-17.136h-20.604c-9.464 0-17.136 7.672-17.136 17.136v33.578c0 9.464 7.672 17.136 17.136 17.136h20.604c-9.464 0-17.136-7.671-17.136-17.136z' style='' fill='%23bab8b9' data-original='%23bab8b9' class=''%3E%3C/path%3E%3Cpath d='M364.328 457.738V424.16c0-9.464 7.672-17.136 17.136-17.136H360.86c-9.464 0-17.136 7.672-17.136 17.136v33.578c0 9.464 7.672 17.136 17.136 17.136h20.604c-9.464 0-17.136-7.671-17.136-17.136z' style='' fill='%23c0344a' data-original='%23c0344a' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }
    .product_vouchers__icon.freeship {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='512' height='512' x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cellipse cx='187.06' cy='360.52' rx='40.45' ry='35.15' transform='translate(-195.6 224.35) rotate(-42.99)' fill='%23ffffff' data-original='%23000000' class=''%3E%3C/ellipse%3E%3Cellipse cx='403.28' cy='360.52' rx='40.45' ry='35.15' transform='translate(-137.54 371.8) rotate(-42.99)' fill='%23ffffff' data-original='%23000000' class=''%3E%3C/ellipse%3E%3Crect x='5.41' y='182.71' width='34.15' height='34.15' rx='17.08' fill='%23ffffff' data-original='%23000000' class=''%3E%3C/rect%3E%3Cpath d='M346.48,356.94c6.07-30,34.41-53.84,64.87-53.84,29.33,0,50.47,22.11,49.89,50.54,31.72.83,40.55-40.94,40.55-40.94,2.67-11.68,6.66-34.45,10-56.8a37.76,37.76,0,0,0-2.43-20.42A350.18,350.18,0,0,0,479.42,180c-11-16.41-29.45-26.13-50.51-26.48-12.56-.2-24.89-.32-34.2-.32l-.08-.08c-1.2-20.08-15.84-35.46-36.39-37.3-13.37-1.19-66.33-2.06-91.75-2.06-10.1,0-24.59.14-39.25.38v-.06h-.12l0,0,0,0H50.86a17.07,17.07,0,0,0-17.08,17.08v.08a17,17,0,0,0,17,17l35.53,0h0a17,17,0,0,1,15.75,16.94v.09A17.08,17.08,0,0,1,85,182.4H66.78a17.07,17.07,0,0,0-17.07,17.07h0a17.07,17.07,0,0,0,17.07,17.08H85a17.08,17.08,0,0,1,17.08,17.08h0A17.08,17.08,0,0,1,85,250.71H16.84A17.08,17.08,0,0,0-.24,267.78h0a17.08,17.08,0,0,0,17.08,17.08H85a17.08,17.08,0,0,1,17.08,17.08h0A17.08,17.08,0,0,1,85,319H63.92a17.07,17.07,0,0,0-17.07,17.07h0a17.08,17.08,0,0,0,17.07,17.08l67.26-.05,5.59-13.93h0c11.45-21.12,34.23-36.08,58.35-36.08,30.47,0,52.11,23.86,49.73,53.88H346.47M177.07,190.35H154.15a.1.1,0,0,0-.09.08l-2.11,15a.08.08,0,0,0,.08.1h17.06a5.63,5.63,0,0,1,5.7,6.63,7.89,7.89,0,0,1-7.56,6.63H150.15a.09.09,0,0,0-.09.07L147,240.65a7.89,7.89,0,0,1-7.56,6.63,5.62,5.62,0,0,1-5.69-6.63l7.94-56.52a8.36,8.36,0,0,1,8-7h29.23a5.62,5.62,0,0,1,5.69,6.63A7.87,7.87,0,0,1,177.07,190.35Zm61.26-8.72a15.55,15.55,0,0,1,4.8,8,27.57,27.57,0,0,1,.4,10.7A29.23,29.23,0,0,1,237,215.38a21,21,0,0,1-8.07,5.87.08.08,0,0,0,0,.11l5.68,16.39c1.53,4.4-2.4,9.53-7.29,9.53H227a5.59,5.59,0,0,1-5.44-3.74l-6.87-20a.11.11,0,0,0-.09-.05H200a.1.1,0,0,0-.09.07l-2.4,17.08a7.89,7.89,0,0,1-7.56,6.63,5.62,5.62,0,0,1-5.69-6.63l7.94-56.52a8.36,8.36,0,0,1,8-7h22.6S232.72,176.81,238.33,181.63Zm62.2,1.66a7.36,7.36,0,0,1-7.06,6.19H267.18a.1.1,0,0,0-.09.07L265,204.39a.08.08,0,0,0,.08.1h20.42a5.25,5.25,0,0,1,5.32,6.19,7.36,7.36,0,0,1-7.06,6.19H263.33a.1.1,0,0,0-.09.07l-2.51,17.86a.1.1,0,0,0,.09.1h26.27a5.25,5.25,0,0,1,5.32,6.19h0a7.36,7.36,0,0,1-7.06,6.19h-32.6a6,6,0,0,1-6-7l7.89-56.12a8.36,8.36,0,0,1,8-7h32.59A5.25,5.25,0,0,1,300.53,183.29Zm54.61,0a7.36,7.36,0,0,1-7.06,6.19H321.79a.1.1,0,0,0-.09.07l-2.08,14.84a.08.08,0,0,0,.08.1h20.42a5.25,5.25,0,0,1,5.32,6.19,7.36,7.36,0,0,1-7.06,6.19H317.94a.1.1,0,0,0-.09.07l-2.51,17.86a.1.1,0,0,0,.09.1H341.7a5.25,5.25,0,0,1,5.32,6.19h0a7.36,7.36,0,0,1-7.06,6.19h-32.6a6,6,0,0,1-6-7l7.89-56.12a8.36,8.36,0,0,1,8-7h32.59A5.25,5.25,0,0,1,355.14,183.29Zm38-6.41c8.93,0,20.49.12,32.09.31,14.06.23,26.36,6.69,33.74,17.71A322.39,322.39,0,0,1,480.18,232c3.3,6.72-2.77,15.47-10.72,15.47H384.21Z' fill='%23ffffff' data-original='%23000000' class=''%3E%3C/path%3E%3Cpath d='M217.45,211.12h-15.8l3-21.64h15.79s11.59-.75,9.69,10.82C230.18,200.3,228.85,211.12,217.45,211.12Z' fill='%23ffffff' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }
    .product_vouchers__icon.cash {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='512' height='512' x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg transform='matrix(-1,-1.2246467991473532e-16,1.2246467991473532e-16,-1,512,512.0000610351562)'%3E%3Cpath d='m312.091 173.988v67.026l-7.139-5.212a34.979 34.979 0 0 1 0-56.6l7.138-5.21zm48.518 130.518a35 35 0 0 1 -14.423 28.3l-7.139 5.211v-67.027l7.138 5.209a35.012 35.012 0 0 1 14.424 28.307zm-97.035-97.012a62.116 62.116 0 0 0 45.243 59.667l3.274.922v69.96l-7.126-5.163a34.922 34.922 0 0 1 -12.783-17.737 13.474 13.474 0 1 0 -25.68 8.169 61.716 61.716 0 0 0 42.3 40.892l3.286.916v7.127a13.478 13.478 0 0 0 26.956 0v-7.164l3.275-.921a61.962 61.962 0 0 0 0-119.312l-3.275-.921v-69.959l7.126 5.162a34.9 34.9 0 0 1 12.784 17.726 13.474 13.474 0 1 0 25.68-8.17 61.685 61.685 0 0 0 -42.3-40.881l-3.287-.915v-7.127a13.478 13.478 0 0 0 -26.956 0v7.153l-3.275.921a62.108 62.108 0 0 0 -45.242 59.655zm248.426 196.035v-295.058h-372.887v295.058zm-509.5-75.281a81.383 81.383 0 0 0 28.852-23.882 79.776 79.776 0 0 0 16.148-48.366 79.805 79.805 0 0 0 -16.143-48.367 81.378 81.378 0 0 0 -28.857-23.871l-2.5-1.237v-74.054h112.17v295.058h-112.17v-74.044z' fill-rule='evenodd' fill='%23ffffff' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }
    .product_vouchers__icon.percent {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='512' height='512' x='0' y='0' viewBox='0 0 32 32' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cg transform='translate(-432 -96)'%3E%3Cg id='FLAT-LINE'%3E%3Cg id='FLAT'%3E%3Cpath d='m462 107.331c0 .478-.284.91-.723 1.1-1.353.613-2.277 1.984-2.277 3.569s.924 2.956 2.262 3.603c.425.185.7.603.7 1.066.038.838.038 2.166.038 3.131 0 .318-.126.623-.351.849-.226.225-.531.351-.849.351-4.591 0-21.009 0-25.6 0-.318 0-.623-.126-.849-.351-.225-.226-.351-.531-.351-.849 0-.965 0-2.293 0-3.131 0-.478.284-.91.723-1.1 1.353-.613 2.277-1.984 2.277-3.569s-.924-2.956-2.262-3.603c-.425-.185-.7-.603-.7-1.066-.038-.838-.038-2.166-.038-3.131 0-.318.126-.623.351-.849.226-.225.531-.351.849-.351h25.6c.318 0 .623.126.849.351.225.226.351.531.351.849z' fill='transparent' data-original='%23ffcc00' class=''%3E%3C/path%3E%3C/g%3E%3Cg id='OUTLINE'%3E%3Cg transform='matrix(.75 0 0 .75 292.75 60.255)'%3E%3Cpath d='m201 59.667c-1.84 0-3.333 1.493-3.333 3.333s1.493 3.333 3.333 3.333 3.333-1.493 3.333-3.333-1.493-3.333-3.333-3.333zm0 2.666c.368 0 .667.299.667.667s-.299.667-.667.667-.667-.299-.667-.667.299-.667.667-.667z' fill='%23ffffff' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3Cg transform='matrix(.75 0 0 .75 301.75 69.25)'%3E%3Cpath d='m201 59.667c-1.84 0-3.333 1.493-3.333 3.333s1.493 3.333 3.333 3.333 3.333-1.493 3.333-3.333-1.493-3.333-3.333-3.333zm0 2.666c.368 0 .667.299.667.667s-.299.667-.667.667-.667-.299-.667-.667.299-.667.667-.667z' fill='%23ffffff' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3Cg transform='matrix(.866 .5 -.462 .801 299.069 -46.039)'%3E%3Cpath d='m207 60v15c0 .597.448 1.082 1 1.082s1-.485 1-1.082v-15c0-.597-.448-1.082-1-1.082s-1 .485-1 1.082z' fill='%23ffffff' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3Cpath d='m463 107.331v-3.131c0-.583-.232-1.143-.644-1.556-.413-.412-.973-.644-1.556-.644-4.591 0-21.009 0-25.6 0-.583 0-1.143.232-1.556.644-.412.413-.644.973-.644 1.556 0 .975 0 2.316.039 3.166.009.834.509 1.596 1.281 1.94.992.485 1.68 1.51 1.68 2.694 0 1.175-.678 2.195-1.679 2.653-.805.355-1.321 1.144-1.321 2.016v3.131c0 .583.232 1.143.644 1.556.413.412.973.644 1.556.644h25.6c.583 0 1.143-.232 1.556-.644.412-.413.644-.973.644-1.556 0-.975 0-2.316-.039-3.166-.009-.834-.509-1.596-1.281-1.94-.992-.485-1.68-1.51-1.68-2.694 0-1.175.678-2.195 1.679-2.653.805-.355 1.321-1.144 1.321-2.016zm-2-.001c0 .08-.047.152-.12.184-.005.002-.01.004-.015.006-1.7.77-2.865 2.489-2.865 4.48 0 1.981 1.154 3.695 2.827 4.504.012.006.025.011.037.017.06.025.098.084.098.148 0 .015 0 .031.001.046.037.825.037 2.134.037 3.085 0 .053-.021.104-.059.141-.037.038-.088.059-.141.059h-25.6c-.053 0-.104-.021-.141-.059-.038-.037-.059-.088-.059-.141v-3.13c0-.08.047-.152.12-.184.005-.002.01-.004.015-.006 1.7-.77 2.865-2.489 2.865-4.48 0-1.981-1.154-3.695-2.827-4.504-.012-.006-.025-.011-.037-.017-.06-.025-.098-.084-.098-.148 0-.015 0-.031-.001-.046-.037-.825-.037-2.134-.037-3.085 0-.053.021-.104.059-.141.037-.038.088-.059.141-.059h25.6c.053 0 .104.021.141.059.038.037.059.088.059.141z' fill='%23ffffff' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
    .product_vouchers__icon.book {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='512' height='512' x='0' y='0' viewBox='0 0 296.999 296.999' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M45.432 35.049h-.025a10.474 10.474 0 0 0-7.446 3.085 10.583 10.583 0 0 0-3.128 7.543v159.365c0 5.844 4.773 10.61 10.641 10.625 24.738.059 66.184 5.215 94.776 35.136V84.023c0-1.981-.506-3.842-1.461-5.382-23.467-37.792-68.563-43.534-93.357-43.592zM262.167 205.042V45.676c0-2.852-1.111-5.531-3.128-7.543a10.477 10.477 0 0 0-7.445-3.085h-.026c-24.793.059-69.889 5.801-93.357 43.593-.955 1.54-1.46 3.401-1.46 5.382v166.779c28.592-29.921 70.038-35.077 94.776-35.136 5.867-.015 10.64-4.781 10.64-10.624z' fill='%23ffffff' data-original='%23000000' class=''%3E%3C/path%3E%3Cpath d='M286.373 71.801h-7.706v133.241c0 14.921-12.157 27.088-27.101 27.125-20.983.05-55.581 4.153-80.084 27.344 42.378-10.376 87.052-3.631 112.512 2.171a10.606 10.606 0 0 0 9.011-2.054 10.567 10.567 0 0 0 3.994-8.301v-168.9c.001-5.859-4.767-10.626-10.626-10.626zM18.332 205.042V71.801h-7.706C4.768 71.801 0 76.568 0 82.427v168.897c0 3.25 1.456 6.276 3.994 8.301a10.598 10.598 0 0 0 9.011 2.054c25.46-5.803 70.135-12.547 112.511-2.171-24.502-23.19-59.1-27.292-80.083-27.342-14.943-.036-27.101-12.203-27.101-27.124z' fill='%23ffffff' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }
    .product_vouchers__icon.pen {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='512' height='512' x='0' y='0' viewBox='0 0 64 64' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M59.845 4.155a4.017 4.017 0 0 0-5.656 0L51.71 6.632a2.59 2.59 0 0 0-2.693 1.642 2.995 2.995 0 0 0-2.607.83L30.854 24.661a1.185 1.185 0 0 1-.15.192l-2.059 3.432L8.934 47.996a1.054 1.054 0 0 0 .184 1.598 3.423 3.423 0 0 1-2.306.937.999.999 0 0 0-.949.684l-2.81 8.432a1.018 1.018 0 0 0 1.3 1.3l8.433-2.81a1.005 1.005 0 0 0 .683-.945 3.425 3.425 0 0 1 .937-2.31 1.054 1.054 0 0 0 1.599.185l19.711-19.712 3.43-2.058c.032-.018.047-.052.076-.073a.946.946 0 0 0 .117-.078l12.36-12.359a1.995 1.995 0 0 1-.51 1.925l-7.4 7.4a1.998 1.998 0 0 0-.547 1.806l.236 1.178a2.013 2.013 0 0 0 3.375 1.022l7.871-7.87a7.007 7.007 0 0 0 .598-9.209 3.004 3.004 0 0 0 .404-2.062 2.61 2.61 0 0 0 1.663-2.708l2.456-2.458a4.017 4.017 0 0 0 0-5.656zM11.532 56.446l-3.846 1.282 2.662-2.662c.93-.903-.51-2.345-1.414-1.414l-2.662 2.662 1.282-3.846a5.043 5.043 0 0 0 2.99-1.446l2.434 2.433a5.043 5.043 0 0 0-1.446 2.991zm40.18-47.695 3.538 3.537a.5.5 0 0 1-.708.706l-3.539-3.54a.5.5 0 0 1 .71-.703zm-3.888 1.769a1.002 1.002 0 0 1 1.414 0l4.243 4.242a1.002 1.002 0 0 1 0 1.414l-14.85 14.85-5.657-5.657zM15.297 52.945l-4.242-4.242L29.44 30.318l4.243 4.243zm19.955-19.643-4.554-4.553 1.06-1.768 5.262 5.26zm18.058-8.469-7.871 7.871-.236-1.179 7.4-7.399a4.01 4.01 0 0 0 .617-4.86l.726-.726a5.01 5.01 0 0 1-.636 6.293zm5.12-16.436-2.12 2.123-2.83-2.83 2.123-2.121a2 2 0 0 1 2.828 2.828z' data-name='44 Fountain pen' fill='%23ffffff' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }
    .product_vouchers__icon.momo {
      background-image: url("https://file.hstatic.net/1000230347/file/momo_logo_e9d785b0b2e142bf861e6428da55918a.png"); }
    .product_vouchers__icon.shopeepay {
      background-image: url("https://file.hstatic.net/1000230347/file/logo-shopeepay-v_c270dc456bb64e3494db891fb235d870.png"); }
    .product_vouchers__icon.vnpay {
      background-image: url("https://file.hstatic.net/1000230347/file/vnpayqr_c624092923f24fab8779ec9a084987b1.jpg"); }
    .product_vouchers__icon.zalopay {
      background-image: url("https://file.hstatic.net/1000230347/file/logo-zalopay-square_b8ab6b3433af4435aa503e45482b9ca8.png"); }
  .product_vouchers__item {
    border-radius: 15px;
    display: flex;
    width: 100%;
    align-items: center;
    background: #fff;
    transition: all .4s;
    /*&:not(:last-child) {margin-right: 15px;}*/
    order: 1; }
    .product_vouchers__item:hover {
      transform: scale(1.04); }
    .product_vouchers__item.hot .ldp_vouchers__item_right h4, .product_vouchers__item.hot .ldp_vouchers__item_right strong {
      color: #ff3e3b !important; }
    .product_vouchers__item.hot .btn-copy {
      background: #ff3e3b !important; }
    .product_vouchers__item.hot .ldp_vouchers__icon {
      background-color: gold !important;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='512' height='512' x='0' y='0' viewBox='0 0 64 64' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath fill='%23f7f7ff' d='M60 18v32c0 3.31-2.69 6-6 6H10c-3.31 0-6-2.69-6-6V18z' data-original='%23f7f7ff' class=''%3E%3C/path%3E%3Cpath fill='%23dadaea' d='M4.53 50.47A6.006 6.006 0 0 0 10 54h44a6 6 0 0 0 6-6V20h-3v28a3 3 0 0 1-3 3H7c-.88 0-1.72-.19-2.47-.53z' data-original='%23dadaea' class=''%3E%3C/path%3E%3Cpath fill='%23ff3e3b' d='M60 16v4H4v-4c0-3.31 2.69-6 6-6h44c3.31 0 6 2.69 6 6zM60 48v6c0 3.31-2.69 6-6 6H10c-3.31 0-6-2.69-6-6v-6c0 3.31 2.69 6 6 6h44c3.31 0 6-2.69 6-6z' data-original='%23ff3e3b' class=''%3E%3C/path%3E%3Cpath fill='%23ef2020' d='M7 57h47a3 3 0 0 0 3-3v-.811A5.997 5.997 0 0 0 60 48v6c0 3.31-2.69 6-6 6H10a6.002 6.002 0 0 1-5.464-3.533A5.97 5.97 0 0 0 7 57zM56.47 10.53c.34.75.53 1.59.53 2.47v7h3v-4c0-2.43-1.45-4.53-3.53-5.47z' data-original='%23ef2020' class=''%3E%3C/path%3E%3Cpath fill='%23ffa426' d='m28.258 30.703.691-1.808a.5.5 0 0 1 .88-.102l1.146 1.684c.18.267.577.306.785.06a6.874 6.874 0 0 0 1.543-3.547.277.277 0 0 1 .523-.09l1.747 3.427C36.901 32.933 34.969 36 31.999 36c-2.79 0-4.72-2.734-3.741-5.297z' data-original='%23ffa426' class=''%3E%3C/path%3E%3Cpath fill='%23ff3e3b' d='M31.999 35a2.974 2.974 0 0 1-2.488-1.294 2.826 2.826 0 0 1-.32-2.646l.35-.913.606.893c.282.414.75.661 1.252.661.436 0 .847-.19 1.126-.52a7.722 7.722 0 0 0 1.272-2.137l.885 1.737a2.807 2.807 0 0 1-.11 2.796A2.99 2.99 0 0 1 31.999 35zM21 26.03c-.5 0-1 .322-1 .97v8c0 1.265 2 1.297 2 0v-3h2v3c0 1.292 2 1.294 2 0v-8c0-1.288-2-1.297-2 0v3h-2v-3c0-.644-.5-.968-1-.97zM43 26h-4c-1.274 0-1.3 2 0 2h1v7c0 1.292 2 1.294 2 0v-7h1c1.244 0 1.303-2 0-2z' data-original='%23ff3e3b' class=''%3E%3C/path%3E%3Cg fill='%23ffa426'%3E%3Cpath d='M18 39a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h2c1.654 0 3-1.346 3-3v-4c0-1.654-1.346-3-3-3zm3 3v4c0 .551-.449 1-1 1h-1v-6h1c.551 0 1 .449 1 1zM25 40v8a1 1 0 0 0 1 1h4c1.288 0 1.296-2 0-2h-3v-2h3c1.29 0 1.296-2 0-2h-3v-2h3c1.247 0 1.297-2 0-2h-4a1 1 0 0 0-1 1zM33 42v6c0 1.296 2 1.29 2 0v-2h2v2c0 1.287 2 1.297 2 0v-6c0-1.654-1.346-3-3-3s-3 1.346-3 3zm4 0v2h-2v-2c0-.551.449-1 1-1s1 .449 1 1zM42 39.03c-.5 0-1 .323-1 .97v8a1 1 0 0 0 1 1h4c1.249 0 1.285-2 0-2h-3v-7c0-.646-.5-.97-1-.97z' fill='%23ffa426' data-original='%23ffa426' class=''%3E%3C/path%3E%3C/g%3E%3Ccircle cx='17' cy='15' r='2' fill='%2323272b' data-original='%2323272b'%3E%3C/circle%3E%3Ccircle cx='32' cy='15' r='2' fill='%2323272b' data-original='%2323272b'%3E%3C/circle%3E%3Ccircle cx='47' cy='15' r='2' fill='%2323272b' data-original='%2323272b'%3E%3C/circle%3E%3Cpath fill='%23ffa426' d='M21 7v3h-2V7c0-1.1-.9-2-2-2s-2 .9-2 2v5c0 1.1.9 2 2 2 .55 0 1 .45 1 1s-.45 1-1 1c-2.21 0-4-1.79-4-4V7c0-2.21 1.79-4 4-4s4 1.79 4 4zM36 7v3h-2V7c0-1.1-.9-2-2-2s-2 .9-2 2v5c0 1.1.9 2 2 2 .55 0 1 .45 1 1s-.45 1-1 1c-2.21 0-4-1.79-4-4V7c0-2.21 1.79-4 4-4s4 1.79 4 4zM51 7v3h-2V7c0-1.1-.9-2-2-2s-2 .9-2 2v5c0 1.1.9 2 2 2 .55 0 1 .45 1 1s-.45 1-1 1c-2.21 0-4-1.79-4-4V7c0-2.21 1.79-4 4-4s4 1.79 4 4z' data-original='%23ffa426' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }
    .product_vouchers__item.hot .ldp_vouchers__item_tooltip {
      border-color: #ff3e3b;
      color: #ff3e3b; }
    .product_vouchers__item_tooltip {
      position: absolute;
      background: #dbe8ff;
      right: 10px;
      font-weight: bold;
      padding: 2px 8px;
      border: 1px dashed #2659f3;
      border-radius: 20px;
      top: 10px;
      color: #2659f3;
      font-size: 10px;
      background-position: center;
      cursor: pointer;
      /*width: 18px;
			height: 18px;
			position: absolute;
			right: 10px;
			top: 10px;
			background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='18' height='18' enable-background='new 0 0 512 512' viewBox='0 0 512 512' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m256 0c-141.49 0-256 114.5-256 256 0 141.49 114.5 256 256 256 141.49 0 256-114.5 256-256 0-141.49-114.5-256-256-256zm0 476.28c-121.46 0-220.28-98.816-220.28-220.28s98.817-220.28 220.28-220.28 220.28 98.816 220.28 220.28-98.817 220.28-220.28 220.28z' data-original='%23000000'/%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m256.01 213.4c-15.164 0-25.947 6.404-25.947 15.839v128.39c0 8.088 10.783 16.174 25.947 16.174 14.49 0 26.283-8.086 26.283-16.174v-128.39c0-9.434-11.793-15.837-26.283-15.837z' data-original='%23000000'/%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m256.01 134.21c-15.501 0-27.631 11.12-27.631 23.925 0 12.806 12.131 24.263 27.631 24.263 15.164 0 27.296-11.457 27.296-24.263 0-12.805-12.133-23.925-27.296-23.925z' data-original='%23000000'/%3E%3C/g%3E%3C/svg%3E%0A");
			background-position: center;
			cursor: pointer*/ }
    .product_vouchers__item_left {
      width: 80px;
      height: 80px;
      padding: 10px; }
    .product_vouchers__item_right {
      position: relative;
      padding: 10px;
      width: calc(100% - 80px);
      border-left: 2px dashed #2659f3; }
      .product_vouchers__item_right h4 {
        font-size: 14px;
        font-weight: 700; }
      .product_vouchers__item_right p {
        font-size: 12px;
        margin-bottom: 5px; }
      .product_vouchers__item_right .btn-copy {
        position: absolute;
        right: 10px;
        bottom: 10px;
        background: #2659f3;
        color: #fff;
        padding: 5px;
        font-size: 10px;
        line-height: initial;
        border-radius: 15px; }
      .product_vouchers__item_right .btn-copy:hover {
        color: #fff; }
      .product_vouchers__item_right:before {
        position: absolute;
        content: '';
        width: 20px;
        height: 10px;
        left: -11px;
        top: -1px;
        background: #dbe8ff;
        border: 1px solid #dbe8ff;
        border-top: 0;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px; }
      .product_vouchers__item_right:after {
        position: absolute;
        content: '';
        width: 20px;
        height: 10px;
        left: -11px;
        bottom: -1px;
        background: #dbe8ff;
        border: 1px solid #dbe8ff;
        border-bottom: 0;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px; }

.section-fc {
  font-family: 'Display-Regular';
  margin: 30px 0;
  padding: 12px;
  /*background: linear-gradient(-45deg, #23d5ab, #23a6d5, #23a6d5, #23d5ab);*/
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  position: relative;
  /*min-height: 200px; 
	padding-right: 200px;*/
  color: #fff;
  box-shadow: 3px 3px 10px 5px rgba(166, 166, 166, 0.4); }
  .section-fc .fc-box {
    width: 90px;
    display: flex;
    position: relative;
    margin: 0 32px; }
    .section-fc .fc-box img:not(.fc-card) {
      width: 100%;
      z-index: 1; }
    .section-fc .fc-box:hover .fc-card.left {
      transform: translate(-168%, -50%) rotate(-10deg); }
    .section-fc .fc-box:hover .fc-card.right {
      transform: translate(90%, -50%) rotate(10deg); }
    .section-fc .fc-box .fc-card {
      width: 40px;
      height: auto;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      transition: all .4s; }
  .section-fc .fc-frame {
    display: none;
    height: 200px;
    position: absolute;
    right: 5px;
    bottom: 0;
    left: unset;
    animation: vertical-shaking 2.5s infinite; }
  .section-fc.event2 {
    background-size: cover;
    background-position: center;
    font-weight: bold;
    color: #343a40;
    background-image: url("https://file.hstatic.net/1000230347/file/bg1_ce8322996f454b7fa94b7429bf2f5217.png"); }
    .section-fc.event2 .fc-box .fc-card {
      width: 52px; }
    .section-fc.event2 .fc-box:hover .fc-card.left {
      transform: translate(-150%, -50%) rotate(-10deg); }
    .section-fc.event2 .fc-box:hover .fc-card.right {
      transform: translate(55%, -50%) rotate(10deg); }
  .section-fc.event3 {
    animation: none;
    background-size: cover;
    background-position: center;
    margin: 45px 10px;
    font-weight: bold;
    color: #f8f9fa;
    background-image: url("https://file.hstatic.net/1000230347/file/bg-biacong_e02822b359d0495985f189b773d92de8.png"); }
    .section-fc.event3 .fc-box {
      width: 100px;
      margin: 0 5px; }
      .section-fc.event3 .fc-box .fc-card {
        width: 40px;
        opacity: 0; }
      .section-fc.event3 .fc-box:hover .fc-card.left {
        transform: translate(-200%, -50%) rotate(-10deg);
        opacity: 1; }
      .section-fc.event3 .fc-box:hover .fc-card.right {
        transform: translate(100%, -50%) rotate(10deg);
        opacity: 1; }
  @media (max-width: 767px) {
    .section-fc {
      padding: 15px;
      justify-content: center; }
      .section-fc .fc-box {
        margin: 0;
        width: 65%; }
      .section-fc .fc-frame {
        display: none; } }

.custom-swatch {
  display: flex;
  gap: 15px;
  align-items: center;
  flex-wrap: wrap; }
  .custom-swatch--item {
    transition: all .4s;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 0.5rem;
    border: 3px solid #efefef; }
    .custom-swatch--item.active {
      border-color: #2659f3; }
    .custom-swatch--item img {
      border-radius: 0.5rem; }

#btn-review-book {
  margin-top: 15px;
  background: #fb9f10;
  display: block;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold; }

#flipbook {
  width: 100%;
  margin: 0 !important; }

#reviewBookModal .modal-header {
  background: #000;
  border: none; }
  #reviewBookModal .modal-header .modal-title {
    color: #fff;
    border: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  #reviewBookModal .modal-header .close {
    color: #fff;
    opacity: 1; }

#reviewBookModal .modal-body {
  overflow: hidden;
  background: #666;
  position: relative; }

/** Product infor **/
.title-product {
  font-weight: 300;
  font-size: 1.7rem; }

@media (max-width: 767px) {
  .product-policises-wrapper {
    margin-top: 15px; }
  .title-product {
    font-size: 1.2rem;
    margin-top: 15px; } }

.details-pro .group-status .line {
  color: #999; }

.details-pro .group-status {
  font-size: 14px; }

@media (max-width: 575px) {
  .details-pro .group-status {
    font-size: 12px; }
  .details-pro .group-status > span {
    display: block; }
  .details-pro .group-status .line {
    display: none; } }

.status_name {
  color: var(--primary-color); }

.details-product .details-pro .price-box {
  position: relative;
  margin: 15px 0 10px;
  padding: 10px 16px;
  background: #f1f1f1;
  border-radius: 4px; }

.details-product .details-pro .price-box .product-badge {
  display: block; }

.details-product .details-pro .product-price {
  font-size: 30px;
  color: var(--price-color);
  font-weight: 500;
  line-height: 30px;
  font-family: inherit; }

.swatch-element {
  position: relative;
  margin: 8px 12px 0px 0px;
  overflow: hidden;
  border-radius: 4px; }
  .swatch-element.color .do {
    background-color: #dd0b0b; }
  .swatch-element.color .den {
    background-color: #000000; }
  .swatch-element.color .vang {
    background-color: #ffff00; }
  .swatch-element.color .hong {
    background-color: #ffc0cb; }
  .swatch-element.color .trang {
    background-color: #ffffff; }
  .swatch-element.color .xanh {
    background-color: #007fff; }
  .swatch-element.color .bac {
    background-color: #c0c0c0; }
  .swatch-element.color .cam {
    background-color: #ffa500; }
  .swatch-element.color .la {
    background-color: #009f6b; }
  .swatch-element.color .tim {
    background-color: #8b00ff; }
  .swatch-element.color .xanhdam {
    background-color: #0044ff; }
  .swatch-element.color .xanhla {
    background-color: #009f6b; }
  .swatch-element.color .blueviolet {
    background-color: #304384; }
  .swatch-element.color .xanhlama {
    background-color: #00ff00; }
  .swatch-element.color .vangchanh {
    background-color: #ccff00; }
  .swatch-element.color .vangnghe {
    background-color: #fec864; }
  .swatch-element.color .vangdat {
    background-color: #c79b07; }
  .swatch-element.color .xam {
    background-color: #888888; }
  .swatch-element.color .hongdam {
    background-color: #f0569f; }
  .swatch-element.color .xanhtim {
    background-color: #6682c1; }
  .swatch-element.color + .tooltip {
    z-index: -1;
    white-space: nowrap; }
  .swatch-element.color:hover + .tooltip {
    opacity: 1;
    z-index: 100;
    top: -30px;
    min-width: 30px;
    background: #000;
    color: #fff;
    padding: 4px 6px;
    font-size: 10px;
    border-radius: 4px; }
    .swatch-element.color:hover + .tooltip:after {
      content: '';
      position: absolute;
      left: 16px;
      bottom: -3px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 3px 2.5px 0 2.5px;
      border-color: #000000 transparent transparent transparent; }

.swatch-element label {
  padding: 8px 12px;
  font-size: 13px;
  border-radius: 6px;
  height: 32px !important;
  min-width: auto !important;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd; }

.swatch-element input {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  cursor: pointer; }

.swatch .swatch-element input:checked + label {
  background: #fff;
  border-color: var(--primary-color) !important;
  color: var(--primary-color);
  position: relative; }

.swatch .swatch-element input:checked + label:after {
  content: "";
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfkCw8RJSHXzNuNAAAAfElEQVQoz7WRsQ2CYBQGLwRCaLRkDwqdwcLCSZjCmj2AgtoJXMbEUquzEAz+8Je89r675sGG59ka0ig+0ZFbJDGbgRwoAXemi/hb1QZw793ebB739cPgTdV2qvzZAFY+VL+VwB4nB59j5RLYhBVXcTBZw7NJDAN49LrFyz67GnkMHStx0wAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0xMS0xNVQxNzozNzozMyswMDowMGfDTJEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMTEtMTVUMTc6Mzc6MzMrMDA6MDAWnvQtAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0px;
  right: 0;
  width: 6px;
  height: 6px; }

.swatch .swatch-element input:checked + label:before {
  content: '';
  padding: 4px;
  font-size: 10px;
  line-height: 1;
  position: absolute;
  top: -15px;
  right: -13px;
  background: var(--primary-color);
  width: 26px;
  height: 24px;
  transform: rotate(45deg); }

.swatch .swatch-element.soldout {
  opacity: 0.5; }

/*
.swatch .swatch-element.soldout input + label:after {
	content: "";
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 0px;
	right: 0;
	transform: translate(-70%, 70%);
	width: 12px;
	height: 12px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 320.591 320.591' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M30.391 318.583a30.37 30.37 0 0 1-21.56-7.288c-11.774-11.844-11.774-30.973 0-42.817L266.643 10.665c12.246-11.459 31.462-10.822 42.921 1.424 10.362 11.074 10.966 28.095 1.414 39.875L51.647 311.295a30.366 30.366 0 0 1-21.256 7.288z' fill='%23ffffff' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3Cpath d='M287.9 318.583a30.37 30.37 0 0 1-21.257-8.806L8.83 51.963C-2.078 39.225-.595 20.055 12.143 9.146c11.369-9.736 28.136-9.736 39.504 0l259.331 257.813c12.243 11.462 12.876 30.679 1.414 42.922-.456.487-.927.958-1.414 1.414a30.368 30.368 0 0 1-23.078 7.288z' fill='%23ffffff' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.swatch .swatch-element.soldout label:before {display: none; }*/
.swatch .swatch-element.soldout:not(.color) label {
  background: #b1b1b1;
  color: #000; }

/*.swatch .swatch-element.soldout:not(.color) label:after {
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  display: none;
}*/
.button_actions {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between; }
  .button_actions .btn_base {
    height: 48px;
    line-height: 45px;
    color: var(--primary-color);
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 45px;
    padding: 0px 35px;
    border-radius: 5px;
    margin-top: 0px;
    border: solid 1px var(--primary-color);
    background: #fff;
    font-weight: 600;
    flex: 0 0 auto;
    width: calc((100% - 15px)/2); }
    .button_actions .btn_base:hover {
      background: var(--primary-color);
      color: #fff;
      filter: brightness(1.2); }
      .button_actions .btn_base:hover svg {
        stroke: #fff; }
    .button_actions .btn_base.buy_now {
      background: var(--primary-color);
      color: #fff;
      border: 1px solid var(--primary-color); }
    .button_actions .btn_base.disabled {
      color: #fff;
      border: solid 1px #f4f4f4; }
    .button_actions .btn_base svg {
      stroke: var(--primary-color); }
    @media (max-width: 575px) {
      .button_actions .btn_base {
        min-width: 100%;
        width: 100%; }
        .button_actions .btn_base.buy_now {
          margin-top: 15px;
          margin-left: 0; } }
  @media (max-width: 575px) {
    .button_actions {
      flex-wrap: wrap; } }

.swatch .color label {
  width: 30px;
  min-width: unset !important;
  height: 30px !important;
  line-height: 30px !important;
  border: 1px solid #eee !important;
  border-radius: 6px !important; }

.swatch .color label:before {
  content: none; }

.swatch {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }

.swatch .header {
  flex: 0 0 100px;
  margin-right: 10px;
  font-weight: 500; }

.form_button_details {
  margin-top: 12px; }

.soluong label {
  justify-content: flex-start; }

.custom-btn-number {
  border: none;
  display: flex !important;
  height: 30px;
  margin-bottom: 20px;
  margin-top: 10px;
  align-items: center; }

button.btn.btn_num {
  padding: 4px;
  width: 30px;
  border: 1px solid #ced4da;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center; }

button.btn.btn_num.num_1 {
  border-radius: 4px 0px 0px 4px;
  border-right: 0; }

button.btn.btn_num.num_2 {
  border-radius: 0px 4px 4px 0px;
  border-left: 0; }

.prd_quantity {
  width: 75px !important;
  text-align: center;
  border-radius: 0;
  height: 30px; }

.swatch,
.product-summary {
  margin-bottom: 5px;
  border-bottom: 1px solid #eee;
  padding: 5px 0 12px 0; }

.large-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
  max-width: 100%;
  max-height: 100%; }

#gallery_1 .item.ytb {
  height: 360px; }

#gallery_1:not(.slick-slider) {
  display: flex;
  align-items: center;
  overflow: hidden; }

#gallery_02 {
  /**.item.slick-slide.slick-current.slick-active{
	border-color: var(--primary-color);
}**/ }

#gallery_02:not(.slick-slider) {
  display: flex;
  align-items: center;
  overflow: hidden; }

#gallery_02 .item.slick-slide.slick-slide {
  margin: 0 5px;
  border-radius: 4px;
  overflow: hidden; }
  #gallery_02 .item.slick-slide.slick-slide img {
    border: 1px solid #eee; }
  #gallery_02 .item.slick-slide.slick-slide.ytb-thumb {
    position: relative; }
    #gallery_02 .item.slick-slide.slick-slide.ytb-thumb:before {
      z-index: 1;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 50%;
      background-color: #000;
      box-shadow: 0px 0px 5px 2px #000;
      transform: translate(-50%, -50%);
      width: 30px;
      height: 30px;
      left: 50%;
      top: 50%;
      position: absolute;
      content: '';
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-play-circle-fill' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5z'/%3E%3C/svg%3E"); }

#gallery_02 .item.slick-slide.slick-current.slick-active img {
  border-color: var(--primary-color); }

#gallery_02 .item.slick-slide {
  position: relative;
  height: 80px; }

#gallery_02 .item.slick-slide img {
  width: auto;
  max-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 2px; }

/** product right **/
.product-policises {
  font-size: 16px; }

.product-policises-wrapper {
  border: 2px dashed var(--primary-color);
  background: #dbe8ff;
  border-radius: 6px;
  padding: 15px; }

.product-policises .media {
  align-items: center; }

.product-policises .media > div:not(.media-body) {
  width: 32px;
  height: 32px; }

.product-policises .media + * {
  margin-top: 15px; }

#content {
  overflow: hidden;
  word-break: break-word; }

#content iframe, #content video, #content img {
  max-width: 100% !important; }

#content.m0 * {
  margin: 0 !important; }

.ega-pro__seemore {
  position: relative; }

.ega-pro__seemore.show:before {
  content: none; }

.ega-pro__seemore:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 100%;
  height: 100px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 17%, #FFFFFF 93.12%); }

/** Related pro **/
@media (max-width: 768px) {
  .product_related.row {
    flex-wrap: nowrap;
    overflow: auto; }
  .product_related.row::-webkit-scrollbar {
    display: none; }
  .product_related.row {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */ }
  .product_related.row .col-12 {
    padding: 5px; } }

#cr-addon-pro, .crbtn-modal.crbtn-modal---toast .crbtn-modal__body {
  font-size: 14px !important;
  line-height: 21px !important; }

.crbtn-modal__header {
  font-size: 1rem !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  color: var(--text-color) !important; }

.crbtn-modal__left {
  border: none !important;
  border-radius: 0px !important; }

.ega-cr-addon .ega-menu__item.disabled {
  opacity: 0.6 !important; }

.ega-badge-ctd {
  display: flex;
  align-items: center; }

.ega-badge-ctd__item {
  border-radius: 3px;
  margin: auto 6px;
  color: var(--countdown-color);
  background-color: var(--countdown-background);
  text-align: center;
  display: flex;
  place-items: center;
  place-content: center;
  width: 30px;
  height: 30px;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px; }
  .ega-badge-ctd__item + span {
    display: none; }

.ega-badge-ctd__colon {
  font-weight: bold;
  font-size: 14px;
  color: var(--countdown-background); }

.ega-badge-ctd__s {
  margin-right: 0px; }

.flashsale {
  --background-color: #f4ebc1;
  --countdown-background: #d3232a;
  --countdown-color: #fff !important;
  background: var(--background-color, transparent);
  padding: 15px;
  background: linear-gradient(-90deg, #ffffff -147%, var(--f4f4f4-color) 100%);
  margin-bottom: 15px;
  border-radius: 4px; }
  .flashsale__bottom {
    padding: 10px; }
  .flashsale__progressbar {
    display: block;
    width: 100%;
    height: 5px;
    background: #f4f4f4;
    margin-top: 5px;
    border-radius: 4px;
    position: relative;
    /*	&:after{
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 0;
		background: var(--countdown-background);
		opacity: 0.2;
	}*/ }
    @media (min-width: 768px) {
      .flashsale__progressbar {
        height: 8px; } }
  .flashsale___percent {
    width: 0%;
    height: 100%;
    background: var(--countdown-background);
    border-radius: 4px; }

@media (max-width: 575px) {
  .flashsale {
    padding: 0px; } }

.flashsale__title {
  display: flex;
  align-items: center;
  justify-content: center; }

@media (max-width: 575px) {
  .flashsale__header {
    flex-direction: column;
    justify-content: center;
    margin: auto; } }

.flashsale__countdown-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-left: 15px; }

@media (max-width: 575px) {
  .flashsale__countdown-wrapper {
    flex-direction: column;
    margin: auto; } }

.flashsale__countdown-label {
  color: var(--text-color);
  font-size: 14px;
  font-weight: 300; }

@media (max-width: 767px) {
  .flashsale__countdown-label {
    margin-bottom: 4px; } }

.ega-dot {
  width: 10px;
  height: 10px;
  background-color: #f00;
  border-radius: 100%;
  margin: 0 20px 10px;
  display: inline-block;
  background-color: var(--countdown-background); }
  .ega-dot .ega-ping {
    border: 1px solid var(--countdown-background);
    width: 10px;
    height: 10px;
    opacity: 1;
    background-color: transparent;
    opacity: 0.2;
    border-radius: 100%;
    -moz-animation: sonar_animation .8s linear infinite;
    -o-animation: sonar_animation .8s linear infinite;
    -webkit-animation: sonar_animation .8s linear infinite;
    animation: sonar_animation .8s linear infinite;
    display: block;
    margin: 0; }

@-webkit-keyframes sonar_animation {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(4);
    transform: scale(4);
    opacity: 0; } }

@keyframes sonar_animation {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(4);
    transform: scale(4);
    opacity: 0; } }

.product-addon-image {
  display: inline-block;
  float: left; }

.text-collapse {
  display: inline-block;
  margin-left: 20px;
  width: 85%;
  line-height: 20px;
  max-height: 100px;
  overflow: hidden; }

.text-collapse.open {
  max-height: initial; }

p.block-heading {
  margin: 15px 26px 12px 0;
  font-weight: 500;
  font-size: 14px;
  border-top: 1px solid #ececec;
  padding-top: 15px;
  color: #4a4a4a; }

.product-more-info {
  font-size: 14px; }

#product .preorder-note:not(.d-none) {
  margin: 10px 0 0 0;
  color: #06b52c;
  font-weight: 700; }
  #product .preorder-note:not(.d-none) a {
    text-decoration: underline;
    color: #ff0000; }

#product-more-info-show {
  display: flex;
  margin-top: -43px;
  padding: 15px 0;
  justify-content: center;
  align-items: center;
  background: linear-gradient(to top, #fff 40%, rgba(255, 255, 255, 0.67) 60%);
  position: relative; }

#product-more-info-show.open {
  margin-top: 0px;
  background: none; }

#product-more-info-show span {
  border: 1px solid;
  padding: 5px;
  border-radius: 5px;
  line-height: 1; }

#product-more-info-show span:first-child {
  display: inline; }

#product-more-info-show.open span:first-child {
  display: none; }

#product-more-info-show span:last-child {
  display: none; }

#product-more-info-show.open span:last-child {
  display: inline; }

/* in hinh */
.customBtn {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap; }

@media (max-width: 991px) {
  .print_name_popup_inner {
    padding-bottom: 100px; } }

#print-name-btn {
  width: 110px;
  min-width: auto;
  padding: 0;
  background: red; }
  @media (max-width: 991px) {
    #print-name-btn {
      width: 100%;
      margin-top: 10px; } }

@font-face {
  font-family: "utm_scriptina_kt";
  src: url("https://file.hstatic.net/200000205867/file/utm-scriptina-kt_c2f6abd3a9a744699714fa80d28caf64.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "philosopher-regular";
  src: url("https://file.hstatic.net/200000205867/file/philosopher-regular_258031f0605a46a48cc53b30aa887212.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "geomanist-bold";
  src: url("https://file.hstatic.net/200000205867/file/geomanist-bold_d526de94a7a0405ebbf3980a04afa56a.otf") format("truetype");
  font-weight: normal;
  font-style: normal; }

#print_name_popup {
  padding: 15px 15px;
  background: white; }

#name {
  width: 100%;
  border: 1px solid #bebebe;
  width: 100%;
  border-radius: 4px;
  outline: none;
  padding: 5px;
  box-shadow: none; }

textarea {
  border: 1px solid #bebebe;
  width: 100%;
  border-radius: 4px;
  outline: none;
  padding: 5px;
  height: 70px; }

#font-list,
#font-list-small {
  display: flex !important; }
  #font-list .font-item,
  #font-list-small .font-item {
    width: 40px;
    height: 40px;
    border: 1px solid #e1e1e1;
    cursor: pointer;
    position: relative;
    margin: 2.5px 3px;
    overflow: hidden;
    border-radius: 0.25rem !important; }
    #font-list .font-item img,
    #font-list-small .font-item img {
      width: 100% !important; }
    #font-list .font-item.active,
    #font-list-small .font-item.active {
      border-color: #333; }

#font-layout {
  display: flex !important; }
  #font-layout .font-item {
    width: 40px;
    height: 40px;
    border: 1px solid #e1e1e1;
    cursor: pointer;
    position: relative;
    margin: 2.5px 3px;
    overflow: hidden;
    border-radius: 0.25rem !important; }
    #font-layout .font-item img {
      width: 100% !important; }
    #font-layout .font-item.active {
      border-color: #333; }
    #font-layout .font-item[data-trans="90"] img {
      transform: rotate(180deg); }

.box-print {
  margin-bottom: 15px; }

.box-show-design {
  margin: 0 0 20px 0; }
  .box-show-design h5 {
    font-size: 16px; }
  .box-show-design .re-design {
    border: none;
    border-radius: 4px;
    margin-top: 15px;
    background: #a0a0a0;
    color: #FFF;
    font-size: 14px;
    padding: 4px 20px; }
    .box-show-design .re-design:hover {
      background: #000; }
  .box-show-design .box-design-image img {
    width: 180px; }

#font-input {
  width: 160px;
  overflow: visible;
  margin: 10px 0 0 0;
  display: inline-block; }

#ProductPhoto_popup {
  position: relative;
  overflow: hidden; }

#picture-upload {
  position: absolute;
  width: 150px;
  height: 30%;
  top: 53%;
  right: 50%;
  transform: translate(50%, -50%) rotate(0deg); }
  #picture-upload img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%; }

#text-name {
  position: absolute;
  top: 53%;
  right: 50%;
  width: auto;
  z-index: 9;
  transform: translate(50%, -50%) rotate(0deg);
  min-width: 50px;
  min-height: 50px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center; }
  #text-name span {
    margin-right: 5px; }
  #text-name.ngang {
    top: 55%; }
    #text-name.ngang span {
      display: inline;
      line-height: 1.39;
      margin-right: 5px;
      font-size: 30px; }
  #text-name .clear-text-name {
    top: 0;
    position: absolute;
    right: -22px;
    background: #eae4e4;
    height: 22px;
    width: 22px;
    border-radius: 4px;
    cursor: pointer; }
    #text-name .clear-text-name svg {
      width: 22px;
      height: 22px;
      position: absolute;
      right: 0;
      left: 0;
      top: 0;
      bottom: 0; }
  #text-name .text-name-span {
    font-size: inherit !important; }
    #text-name .text-name-span span {
      font-size: inherit !important; }

.product_title {
  padding: 0px;
  color: #000000;
  font-weight: bold;
  text-transform: uppercase !important;
  font-size: 20px;
  line-height: 1.5; }

.variant_popup {
  display: inline-block;
  width: 100%;
  margin-bottom: calc(1rem - 5px) !important; }
  .variant_popup .variant_item {
    float: left;
    min-width: 35px !important;
    width: 35px;
    height: 35px !important;
    margin: 0;
    text-align: center;
    line-height: 35px;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
    display: inline-block;
    font-size: 0;
    border: 1px solid #f1ede7;
    overflow: hidden;
    margin-right: 5px;
    padding: 0 5px;
    border-radius: 100%;
    margin: 0 5px 5px 0; }
    .variant_popup .variant_item.sold_khacten {
      opacity: 0.6; }
    .variant_popup .variant_item.active {
      border: 2px solid var(--primary-color) !important; }

#color_text_name {
  padding: 0;
  height: 30px;
  background: transparent;
  border: none;
  margin-top: 5px;
  margin-bottom: 10px; }

#khacten_submit {
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
  color: #fff;
  width: 100%;
  border-radius: 4px;
  padding: 12px 20px;
  outline: none;
  font-weight: 600;
  font-size: 15px; }
  #khacten_submit:before {
    background: red;
    color: red; }
  #khacten_submit:hover {
    color: #fff; }
  #khacten_submit:focus {
    color: #fff; }
  #khacten_submit.disabled {
    opacity: 0.5;
    pointer-events: none; }

#khacten_btn {
  margin-bottom: 10px;
  padding: 15px 0;
  font-size: 18px;
  background: #e68187; }

#Quantity_popup {
  width: 38px;
  text-align: center;
  height: 30px;
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  outline: none;
  box-shadow: none; }

.list-color-name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative; }
  .list-color-name .list-color-name-inner {
    display: flex;
    align-items: center;
    position: relative; }
    .list-color-name .list-color-name-inner .color-picker {
      width: 30px;
      height: 30px;
      border: 1px solid #bebebe;
      display: inline-block;
      border-radius: 4px;
      position: absolute;
      right: 0;
      cursor: pointer; }
    .list-color-name .list-color-name-inner input {
      width: 120px;
      height: 30px;
      border: 1px solid #bebebe;
      border-radius: 4px;
      outline: none;
      box-shadow: none;
      padding: 0 15px 0 5px; }

#khacten_fixed {
  position: fixed;
  top: 20%;
  right: 0px;
  font-size: 12px;
  background: #e68187;
  color: #fff;
  padding: 5px;
  border-radius: 5px; }
  #khacten_fixed img {
    width: 30px; }

.remind_khacten {
  text-align: center; }
  .remind_khacten p {
    margin-bottom: 3px; }

.error-append {
  margin-top: 5px;
  color: red;
  font-size: 11px;
  font-style: italic; }

#save-picture, #re-design {
  background: var(--primary-color);
  color: white;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  margin: 30px 0 15px 0;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 15px;
  display: inline-block;
  width: 220px;
  max-width: 100%; }

#show-design {
  position: fixed;
  top: 0;
  visibility: hidden;
  opacity: 0;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 100%;
  height: 100%;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0; }
  #show-design:after {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); }
  #show-design img {
    height: 300px;
    border: 1px solid gray;
    z-index: 1; }

.clear-picture-upload {
  position: absolute;
  right: -22px;
  background: #eae4e4;
  height: 22px;
  width: 22px;
  border-radius: 4px;
  cursor: pointer; }
  .clear-picture-upload svg {
    width: 22px;
    height: 22px; }

.tab-print-me {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 25px 0; }
  .tab-print-me a {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    color: #ccc; }
    .tab-print-me a ~ a {
      margin-left: 30px;
      padding-left: 30px;
      border-left: 3px solid #ccc; }
    .tab-print-me a.active {
      color: var(--primary-color); }

.tab-print:not(.active) {
  display: none; }

.left-info-print-me {
  width: 55%; }

.note-form-print-me {
  margin: 0 0 20px 0;
  font-size: 14px;
  color: #000000;
  border: 1px solid #d9cece;
  text-align: center;
  padding: 8px 10px;
  border-radius: 4px; }
  .note-form-print-me.fullwidth {
    width: 45%; }
    @media (max-width: 767px) {
      .note-form-print-me.fullwidth {
        width: 100%;
        margin: 15px 0; } }

.w-70 {
  width: 70%; }

.fancybox-container {
  z-index: 999 !important; }

.loading-ovl {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.75);
  z-index: 999999999;
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
  opacity: 0; }
  .loading-ovl.open {
    visibility: visible;
    opacity: 1; }
  .loading-ovl .load-3 .line {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background-color: #222; }
    .loading-ovl .load-3 .line:nth-last-child(1) {
      animation: loadingC .6s .1s linear infinite; }
    .loading-ovl .load-3 .line:nth-last-child(2) {
      animation: loadingC .6s .2s linear infinite; }
    .loading-ovl .load-3 .line:nth-last-child(3) {
      animation: loadingC .6s .3s linear infinite; }

@keyframes loadingC {
  0 {
    transform: translate(0, 0); }
  50% {
    transform: translate(0, 15px); }
  100% {
    transform: translate(0, 0); } }

.home-print-me #print_name_popup {
  padding: 15px 10%; }
  @media (max-width: 767px) {
    .home-print-me #print_name_popup {
      padding: 15px; } }

@media (max-width: 767px) {
  .home-print-me #ProductPhoto_popup img {
    max-width: 100%; } }

#upload-design-form input {
  width: 100%; }

.gallery-wrapper {
  overflow: auto;
  max-height: 250px; }
  .gallery-wrapper .item-gallery {
    width: 19%;
    display: inline-block;
    border: 1px solid #d8d8d8; }
    .gallery-wrapper .item-gallery:nth-child(5) ~ .item-gallery {
      margin-top: 4px; }
    .gallery-wrapper .item-gallery.active {
      border: 1px solid gray; }

@media (max-width: 1366px) and (min-width: 992px) {
  .product_vouchers__item_right {
    border: none;
    width: 100%; }
  .product_vouchers__item_left, .product_vouchers__item_right:before, .product_vouchers__item_right:after {
    display: none; } }

/* Poppver voucher css */
/*======== voucher -- popover ==========*/
.voucher-popover {
  margin-left: 15px;
  margin-right: 15px;
  max-width: 400px;
  font-family: inherit;
  font-size: 13px;
  z-index: 500;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 18px; }

.voucher-popover .popover-header {
  display: none;
  text-align: center;
  background: #ffffff;
  border-radius: 16px 16px 0 0;
  font-size: 20px;
  padding: 15px 10px;
  font-weight: 600;
  width: 100%;
  color: #242424;
  border-bottom: 0; }

.voucher-popover .popover-body {
  width: 360px;
  border-radius: 8px;
  background: #ffffff;
  padding: 24px 0px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 18px; }

.voucher-popover .popover-content__voucher {
  font-size: 13px;
  color: #000000; }

.voucher-popover .popover-content__voucher .dfex-txt {
  padding: 12px 24px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.voucher-popover .popover-content__voucher .dfex-txt.dfex-none {
  display: none; }

.voucher-popover .popover-content__voucher .dfex-txt--1 {
  width: 33%;
  min-width: 100px;
  flex: 0 0 auto;
  font-size: 13px;
  line-height: 20px;
  color: #787878; }

.voucher-popover .popover-content__voucher .dfex-txt--2 {
  padding-left: 20px; }

.voucher-popover .popover-content__voucher .dfex-txt--2 span {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%20%20%20%3Cdefs%3E%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22labrj0lkfa%22%20d%3D%22M6.527%202.099c.521%200%20.946.425.949.948v8.004c0%20.524-.425.949-.949.949H.95C.425%2012%200%2011.575%200%2011.051V3.047C0%202.524.425%202.1.949%202.1zm-.002.663H.946c-.157%200-.285.128-.285.285v8.002c0%20.157.128.285.285.285h5.579c.157%200%20.285-.128.285-.285V3.047c0-.157-.128-.285-.285-.285zM8.66%200c.524%200%20.949.425.949.949v8.004c0%20.523-.425.948-.949.948-.184%200-.332-.147-.332-.331%200-.185.148-.332.332-.332.158%200%20.285-.128.285-.285V.949c0-.158-.127-.285-.285-.285H3.082c-.158%200-.285.127-.285.285%200%20.184-.148.331-.332.331-.184%200-.332-.147-.332-.331%200-.524.425-.949.949-.949z%22%2F%3E%20%20%20%20%3C%2Fdefs%3E%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28-2760%20-4524%29%20translate%282708%2080%29%20translate%2852%204304%29%20translate%280%20140%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2212%22%20fill%3D%22%23E5F2FF%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%286%206%29%20translate%281%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cmask%20id%3D%22n5b3eobj0b%22%20fill%3D%22%23fff%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23labrj0lkfa%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fmask%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20fill%3D%22%23787878%22%20xlink%3Ahref%3D%22%23labrj0lkfa%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20fill%3D%22%23017FFF%22%20mask%3D%22url%28%23n5b3eobj0b%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%200H12V12H0z%22%20transform%3D%22translate%28-1%29%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 24px; }

.voucher-popover .popover-content__voucher .dfex-txt--3 {
  width: 100%; }

.voucher-popover .popover-content__voucher .dfex-txt--3 ul {
  list-style-type: disc;
  margin-bottom: 0;
  margin-top: 0;
  margin-left: 16px; }

.voucher-popover .popover-content__voucher .dfex-txt--3 ul li {
  list-style-position: outside; }

.voucher-popover .popover-content__voucher .dfex-txt--3 ul li + li {
  margin-top: 3px; }

.voucher-popover .popover-content__voucher .dfex-txt--3 ul li::marker {
  color: #000; }

.voucher-popover .popover-content__voucher .dfex-txt--cta {
  width: 100%; }

.voucher-popover .popover-content__voucher .dfex-txt--cta .btn-popover {
  display: block;
  width: 100%;
  padding: 0px 12px;
  font-size: 13px;
  height: 44px;
  line-height: 42px;
  border-radius: 4px;
  font-weight: 500;
  color: #fff;
  background: red;
  border: 1px solid red; }

.voucher-popover .popover-content__voucher .dfex-txt--cta .btn-popover + .btn-popover {
  margin-top: 12px;
  color: red;
  background: #fff; }

.voucher-popover .popover-content__voucher .dfex-bkg a {
  color: #17479e;
  font-weight: 600; }

.voucher-popover .popover-content__voucher .dfex-bkg:nth-child(2n+1) {
  background-color: #fafafa; }

.voucher-popover.top > .arrow {
  border-top-color: #ffffff; }

.voucher-popover.bottom > .arrow {
  border-bottom-color: #ffffff; }

.voucher-popover.left > .arrow {
  border-left-color: #ffffff; }

.voucher-popover.right > .arrow {
  border-right-color: #ffffff; }

.voucher-popover.bs-popover-top > .arrow::before {
  border-top-color: #ffffff; }

@media (max-width: 767px) {
  .voucher-popover {
    position: fixed !important;
    z-index: 1010;
    width: 100%;
    max-width: 100%;
    left: 0 !important;
    right: 0 !important;
    top: initial !important;
    bottom: 54px;
    margin: 0;
    -webkit-transform: translateY(100%) !important;
    transform: translateY(100%) !important;
    transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 18px;
    border-radius: 16px 16px 0 0; }
  .voucher-popover.fade.show {
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important; }
  .voucher-popover .popover-header {
    display: block; }
  .voucher-popover .popover-header:before {
    content: "";
    position: absolute;
    left: calc(50% - 24px);
    top: -14px;
    width: 48px;
    height: 6px;
    border-radius: 3px;
    background: #ffffff; }
  .voucher-popover .popover-body {
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    width: 100%; }
  .voucher-popover .arrow {
    display: none; }
  .voucher-popover .popover-content__voucher .dfex-txt {
    padding: 12px 20px; }
  .voucher-popover .popover-content__voucher .dfex-txt.dfex-none {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; } }

@media (max-width: 767px) {
  .modal-voucher--backdrop {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 999;
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .modal-voucher--backdrop.js-modal-show {
    display: block;
    opacity: 1;
    visibility: visible;
    pointer-events: auto; }
  .promolist .gift-box--quantity, .promolist-item--limit {
    border-radius: 10px 0 10px 0; }
  .promolist .gift-box--image, .promolist-item--condition {
    border-radius: 10px; }
  .promolist-item--header, .promolist-item--condition-right {
    font-size: 12px; }
  .promolist-item--condition-left {
    width: 25%; }
  .promolist-item--condition-right {
    padding: 10px;
    width: 75%; } }