@charset "UTF-8";
.box-product-promotion,
.dlpm-minimum {
  background: linear-gradient(249.83deg, #ffecca 3.89%, #fff8ed 65.75%);
  border: 1px solid #f89e0a !important;
  border-radius: 16px !important;
  overflow: hidden;
  padding: 18px;
  position: relative;
  width: 100%; }
  .box-product-promotion .box-product-promotion-header,
  .dlpm-minimum .box-product-promotion-header {
    align-items: center;
    display: flex;
    font-size: 20px;
    gap: 8px;
    justify-content: start;
    width: 100%; }
    .box-product-promotion .box-product-promotion-header svg,
    .dlpm-minimum .box-product-promotion-header svg {
      height: 24px !important;
      width: 24px; }
    .box-product-promotion .box-product-promotion-header span,
    .dlpm-minimum .box-product-promotion-header span {
      color: #18181b;
      margin-top: 4px; }
  .box-product-promotion .box-product-promotion-content,
  .dlpm-minimum .box-product-promotion-content {
    min-height: 0;
    transition: height 1s ease; }
    .box-product-promotion .box-product-promotion-content .product-more-promotion-content li,
    .dlpm-minimum .box-product-promotion-content .product-more-promotion-content li {
      fill: #000;
      list-style-type: disc;
      margin-left: 12px; }
    .box-product-promotion .box-product-promotion-content .product-more-promotion-content .product-more-promotion-item,
    .dlpm-minimum .box-product-promotion-content .product-more-promotion-content .product-more-promotion-item {
      border-radius: 10px;
      color: #000;
      display: list-item;
      font-size: 14px;
      list-style-type: none;
      margin: 10px 0;
      padding-left: 14px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none; }
      .box-product-promotion .box-product-promotion-content .product-more-promotion-content .product-more-promotion-item:before,
      .dlpm-minimum .box-product-promotion-content .product-more-promotion-content .product-more-promotion-item:before {
        background: linear-gradient(233.74deg, #eff5ff -33.75%, #3b82f6 71.83%);
        border-radius: 50%;
        content: "";
        height: 6px;
        left: 0;
        position: absolute;
        top: 8px;
        width: 6px; }
      .box-product-promotion .box-product-promotion-content .product-more-promotion-content .product-more-promotion-item a,
      .dlpm-minimum .box-product-promotion-content .product-more-promotion-content .product-more-promotion-item a {
        color: #000;
        font-size: 14px;
        -webkit-text-decoration: none;
        text-decoration: none; }
      .box-product-promotion .box-product-promotion-content .product-more-promotion-content .product-more-promotion-item .product-more-promotion-title,
      .dlpm-minimum .box-product-promotion-content .product-more-promotion-content .product-more-promotion-item .product-more-promotion-title {
        background-color: #c52927;
        border-radius: 10px 0 10px 0;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        margin-left: -20px;
        padding: 2px 10px;
        position: absolute;
        top: 0;
        width: -moz-fit-content;
        width: fit-content; }
    .box-product-promotion .box-product-promotion-content .product-more-promotion-content.many-promo,
    .dlpm-minimum .box-product-promotion-content .product-more-promotion-content.many-promo {
      counter-reset: section; }
      .box-product-promotion .box-product-promotion-content .product-more-promotion-content.many-promo li,
      .dlpm-minimum .box-product-promotion-content .product-more-promotion-content.many-promo li {
        background: #eff5ff;
        border-radius: 8px;
        counter-increment: item;
        margin-bottom: 10px;
        margin-left: 0;
        margin-top: 10px;
        overflow: hidden;
        padding: 5px 10px;
        position: relative; }
        .box-product-promotion .box-product-promotion-content .product-more-promotion-content.many-promo li .product-more-promotion-item a,
        .dlpm-minimum .box-product-promotion-content .product-more-promotion-content.many-promo li .product-more-promotion-item a {
          color: #3b82f6; }
        .box-product-promotion .box-product-promotion-content .product-more-promotion-content.many-promo li:before,
        .dlpm-minimum .box-product-promotion-content .product-more-promotion-content.many-promo li:before {
          background: #3b82f6;
          border-radius: 0 0 0 .5rem;
          color: #fff;
          content: "Khuyến mãi " counter(section);
          counter-increment: section;
          font-size: 8px;
          font-weight: 600;
          padding: 0 5px;
          position: absolute;
          right: 0;
          top: 0; }
  .box-product-promotion .show-all,
  .dlpm-minimum .show-all {
    min-height: -moz-fit-content;
    min-height: fit-content;
    padding-bottom: 8px;
    transition: min-height 1s ease; }
  .box-product-promotion .showmore-button,
  .dlpm-minimum .showmore-button {
    background-color: #eeeef1;
    border: none;
    gap: 10px;
    height: 35px;
    outline: none;
    width: 100%; }

.box-product-promotion.member-promotion {
  background: #f7f7f8;
  border: 1px solid #e4e4e7; }
  .box-product-promotion.member-promotion .box-product-promotion-header svg {
    height: 30px !important;
    width: 30px; }

.box-product-promotion-content .list-promotion-pack {
  margin-top: 8px; }

.box-product-promotion-content .promotion-pack_item {
  align-items: flex-start;
  display: flex;
  gap: 8px;
  justify-content: flex-start;
  margin-top: 8px; }
  .box-product-promotion-content .promotion-pack_item .box-product-promotion-detail {
    color: #1d1d20;
    font-size: 14px;
    margin: 0; }

.box-product-promotion-content .box-product-promotion-number {
  background: none;
  height: 24px;
  padding: 2px;
  width: 24px; }
  .box-product-promotion-content .box-product-promotion-number p {
    align-items: center;
    background: linear-gradient(233.74deg, #eff5ff -33.75%, #3b82f6 71.83%);
    border-radius: 50%;
    display: flex;
    font-size: 10px;
    font-weight: 600;
    height: 100%;
    justify-content: center;
    width: 100%; }

.box-product-promotion-content .box-product-promotion-icon span:before {
  content: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_40_5401)%22%3E%3Cpath%20d%3D%22M14.1432%2011.4862C14.2844%2011.2692%2014.5043%2011.1155%2014.7565%2011.0573C15.0087%2010.9991%2015.2737%2011.041%2015.4956%2011.1742C15.7176%2011.3073%2015.8793%2011.5213%2015.9468%2011.7712C16.0142%2012.0211%2015.9821%2012.2874%2015.8572%2012.5142C14.3552%2015.0192%2013.4472%2017.4042%2012.9872%2020.1642C12.8272%2021.1202%2011.5392%2021.3142%2011.1062%2020.4472C9.04623%2016.3272%207.24823%2015.4712%204.31623%2016.4492C4.1916%2016.4907%204.06003%2016.5072%203.92901%2016.4979C3.79799%2016.4885%203.6701%2016.4534%203.55263%2016.3947C3.3154%2016.276%203.13504%2016.0679%203.05123%2015.8162C2.96742%2015.5645%202.98703%2015.2898%203.10574%2015.0526C3.22445%2014.8153%203.43254%2014.635%203.68423%2014.5512C6.88423%2013.4842%209.34023%2014.1782%2011.4872%2017.1742L11.5782%2017.3042L11.5892%2017.2642C12.1112%2015.4362%2012.8562%2013.7142%2013.8622%2011.9642L14.1432%2011.4862Z%22%20fill%3D%22%235ACE86%22/%3E%3Cpath%20d%3D%22M18%204C17.606%204%2017.2159%204.0776%2016.8519%204.22836C16.488%204.37913%2016.1573%204.6001%2015.8787%204.87868C15.6001%205.15726%2015.3791%205.48797%2015.2284%205.85195C15.0776%206.21593%2015%206.60603%2015%207C15%207.39397%2015.0776%207.78407%2015.2284%208.14805C15.3791%208.51203%2015.6001%208.84274%2015.8787%209.12132C16.1573%209.3999%2016.488%209.62087%2016.8519%209.77164C17.2159%209.9224%2017.606%2010%2018%2010C18.7956%2010%2019.5587%209.68393%2020.1213%209.12132C20.6839%208.55871%2021%207.79565%2021%207C21%206.20435%2020.6839%205.44129%2020.1213%204.87868C19.5587%204.31607%2018.7956%204%2018%204Z%22%20fill%3D%22%235ACE86%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_40_5401%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  height: 24px !important;
  position: relative;
  top: 3px;
  width: 24px !important; }

.box-product-promotion-content .box-product-promotion-detail {
  font-size: 14px;
  width: calc(100% - 25px); }
  .box-product-promotion-content .box-product-promotion-detail a {
    text-wrap: nowrap;
    color: #3b82f6;
    font-size: 12px;
    font-weight: 500; }
    .box-product-promotion-content .box-product-promotion-detail a:hover {
      -webkit-text-decoration: underline;
      text-decoration: underline; }

.box-product-promotion-content .hotSale {
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
  margin-top: 5px;
  width: 100%; }
  .box-product-promotion-content .hotSale .cps-additional-note {
    background-color: #fee2e2;
    border-radius: 5px;
    margin: 10px auto;
    padding: 5px 10px; }
    .box-product-promotion-content .hotSale .cps-additional-note p {
      color: #000;
      font-weight: 700; }
    .box-product-promotion-content .hotSale .cps-additional-note a {
      color: #c02826; }

.bk-title .title {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 4px;
  padding-top: 10px;
  text-align: center; }

.bk-btn {
  width: 100%;
  margin-top: 10px; }
  .bk-btn .bk-btn-paynow {
    width: 100%;
    line-height: 2.2rem;
    width: 100%;
    line-height: 2.2rem;
    margin-right: 0; }
  .bk-btn .bk-btn-installment {
    width: 100%;
    line-height: 2.2rem;
    margin-right: 0; }
  .bk-btn .bk-btn-installment-amigo {
    width: 100%;
    line-height: 2.2rem;
    margin-right: 0px; }

.bk-btn-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  flex-wrap: wrap; }

.bk-promotion {
  max-width: 100%; }

@media only screen and (min-width: 991px) and (max-width: 1199px) {
  .box-product-promotion .box-product-promotion-content .product-more-promotion-content .product-more-promotion-item .product-more-promotion-title {
    font-size: 13px; }
  .box-product-promotion .box-product-promotion-content .product-more-promotion-content .product-more-promotion-item a {
    font-size: 13px; }
  .box-product-promotion-content .box-product-promotion-detail {
    font-size: 13px; } }

@media only screen and (max-width: 540px) {
  .box-product-promotion {
    padding: 12px; }
    .box-product-promotion .box-product-promotion-content .product-more-promotion-content .product-more-promotion-item .product-more-promotion-title {
      font-size: 12px; }
    .box-product-promotion .box-product-promotion-content .product-more-promotion-content .product-more-promotion-item a {
      font-size: 12px; }
  .box-product-promotion-header {
    font-size: 16px; }
    .box-product-promotion-header svg {
      height: 20px !important;
      width: 20px; }
  .box-product-promotion-content .box-product-promotion-detail {
    font-size: 12px; } }

.dlpm-minimum .dlpm-mini-content {
  flex-wrap: nowrap !important;
  width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */ }
  .dlpm-minimum .dlpm-mini-content .mini-voucher {
    border-radius: 999px;
    border-color: red !important;
    color: red !important; }
    .dlpm-minimum .dlpm-mini-content .mini-voucher > span {
      white-space: nowrap; }

.is-align-content-center {
  align-items: center !important; }

.ui-button-icon-only {
  text-indent: initial !important; }