@charset "UTF-8";
.cart-page .cart-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee; }
  .cart-page .cart-title h2 {
    font-size: 20px;
    font-weight: 700;
    margin: 0; }
  .cart-page .cart-title .cart-count {
    border-bottom: 1px solid #000; }

.no-item-cart {
  margin: 20px 0;
  text-align: center;
  font-size: 17px; }
  .no-item-cart a {
    color: #FF9897;
    font-weight: bold; }

.item-wrap ul {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #eee; }
  .item-wrap ul:last-child {
    border: none; }
  .item-wrap ul li.item-info {
    display: flex; }
    .item-wrap ul li.item-info .item-img {
      max-width: 80px; }
    .item-wrap ul li.item-info .item-title {
      margin-left: 15px; }
      .item-wrap ul li.item-info .item-title > a {
        display: block;
        font-size: 15px;
        font-weight: 600; }
      .item-wrap ul li.item-info .item-title .item-option {
        display: block;
        margin-top: 5px;
        margin-right: 10px;
        font-size: 13px; }
        .item-wrap ul li.item-info .item-title .item-option .item-price .money {
          color: #e70303;
          font-weight: 600; }
        .item-wrap ul li.item-info .item-title .item-option .item-price del {
          font-size: 14px;
          font-weight: 500;
          margin-left: 10px;
          color: #888888; }
  .item-wrap ul li:first-child {
    width: 60%; }
  .item-wrap ul li.item-price {
    flex: 0 0 20%;
    text-align: right; }
    .item-wrap ul li.item-price span {
      font-weight: bold;
      color: #e70303; }
  @media (max-width: 992px) {
    .item-wrap ul li.item-info {
      width: 100%;
      flex: 0 0 100%; }
    .item-wrap ul li.item-qty {
      flex: 0 0 50%;
      flex-direction: row;
      justify-content: flex-start;
      margin-top: 10px; }
      .item-wrap ul li.item-qty .quantity-area {
        margin-right: 10px; }
    .item-wrap ul li.item-price {
      width: 50%;
      margin-top: 10px;
      text-align: right;
      height: 33px;
      line-height: 33px;
      flex: 0 0 50%; }
    .item-wrap ul li .group-item-option {
      flex-direction: column; } }
  .item-wrap ul .item-qty {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    flex: 0 0 20%;
    align-items: center; }
    .item-wrap ul .item-qty .quantity-area {
      margin-right: 0px; }
    @media (max-width: 992px) {
      .item-wrap ul .item-qty {
        align-items: center; } }
    .item-wrap ul .item-qty .item-remove {
      margin-top: 10px; }
      .item-wrap ul .item-qty .item-remove a {
        text-decoration: underline;
        font-weight: bold; }
      @media (max-width: 992px) {
        .item-wrap ul .item-qty .item-remove {
          margin-top: 0; } }

.item-option[data-sku="undefined"], del[data-compare="0₫"] {
  display: none !important; }

.sidebar-checkout {
  position: sticky;
  top: 15px;
  -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; }
  .hSticky-up .sidebar-checkout {
    top: calc(var(--height-header) + 15px); }
  .sidebar-checkout .order_title h4 {
    font-size: 21px;
    font-weight: 600;
    line-height: normal; }
  .sidebar-checkout .order_total {
    padding: 15px 0px;
    border: 1px solid #eee;
    border-left: none;
    border-right: none; }
    .sidebar-checkout .order_total p {
      margin: 0;
      font-size: 17px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-weight: bold; }
      .sidebar-checkout .order_total p span {
        color: #e70303;
        font-weight: bold;
        font-size: 21px; }
  .sidebar-checkout .order_text {
    padding: 15px 0; }
    .sidebar-checkout .order_text p {
      margin: 0; }
  .sidebar-checkout .order_action .btncart-checkout {
    display: block;
    padding: 10px 15px;
    border-radius: 3px;
    background: var(--bg_button);
    color: var(--color_button);
    margin-bottom: 15px;
    border: none;
    outline: none;
    width: 100%; }
  .sidebar-checkout .checkout-buttons {
    margin-bottom: 15px; }
    .sidebar-checkout .checkout-buttons label {
      display: block;
      margin-bottom: 10px;
      font-weight: 700;
      font-size: 16px; }
    .sidebar-checkout .checkout-buttons textarea {
      width: 100%;
      resize: none; }

.check-bill {
  margin-bottom: 10px; }
  .check-bill .checkbox {
    cursor: pointer; }
    .check-bill .checkbox input {
      width: 15px;
      height: 15px;
      cursor: pointer; }
    .check-bill .checkbox label {
      margin-left: 10px;
      cursor: pointer; }
  .check-bill .bill-field {
    display: none; }

@media (min-width: 768px) {
  .coupon-cart .wd-list-coupon .item {
    width: calc(100% / 3);
    flex: 0 0 calc(100% / 3); } }

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0; }
  to {
    background-position: 0 0; } }

.cart-promotion {
  margin: 15px 0;
  padding: 15px;
  background: #fdf0f0;
  border-radius: 10px; }
  .cart-promotion .container-promotion {
    opacity: 0; }
    .cart-promotion .container-promotion.show-promotion {
      opacity: 1; }
  @media (max-width: 767px) {
    .cart-promotion .head-title h3 {
      font-size: 18px; } }
  .cart-promotion .gift-progress {
    height: 20px;
    width: calc(100% - 12px) !important;
    position: relative;
    margin: 40px 0 15px 0; }
    .cart-promotion .gift-progress .gift-progress-bg {
      width: 100%;
      background: #d5d5d5;
      border-radius: 8px;
      height: 10px;
      transform: translateY(-50%);
      position: absolute;
      top: 50%;
      background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
      background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
      background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
      background-size: 1rem 1rem;
      animation: progress-bar-stripes 1s linear infinite;
      -webkit-animation: progress-bar-stripes 1s linear infinite;
      -moz-animation: progress-bar-stripes 1s linear infinite; }
      .cart-promotion .gift-progress .gift-progress-bg:after {
        height: 100%;
        width: var(--width-progress);
        background: linear-gradient(90deg, #FF9897 0%, #ffd2d1 105.65%);
        content: "";
        display: block;
        border-radius: 10px; }
    .cart-promotion .gift-progress .gift-item {
      position: absolute;
      top: 50%;
      width: 24px;
      height: 24px;
      display: block;
      transform: translate(-50%, -50%);
      z-index: 2;
      border-radius: 50%;
      border: 2px solid #eb4a49;
      background: #fff6f7;
      background-image: url(https://file.hstatic.net/200000725895/file/gift_5cbf818a731c4c8da04849e1e4ba778c.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 12px;
      left: var(--left-gift); }
      .cart-promotion .gift-progress .gift-item:after {
        content: attr(data-price-minify);
        height: 25%;
        position: absolute;
        font-size: 13px;
        font-weight: bold;
        color: #FF9897;
        top: -30px;
        padding: 0;
        left: -25%; }

.promotion-content ul {
  padding-left: 15px; }
  .promotion-content ul li {
    list-style: initial; }

.group-buy-promotion .item .item-btn {
  padding: 10px 20px;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  border-radius: 6px;
  border: 2px solid #eb4a49;
  color: #eb4a49; }
  @media (max-width: 767px) {
    .group-buy-promotion .item .item-btn {
      padding: 10px 10px; } }
  .group-buy-promotion .item .item-btn.button-open-modal {
    background: #fff;
    opacity: 0.3; }
    .group-buy-promotion .item .item-btn.button-open-modal.active {
      opacity: 1; }

#modal-promotion .head-title-modal {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 25px; }

.box-item-promotion-choose .js-gift-item {
  width: 100%;
  cursor: pointer;
  padding: 8px;
  border: 2px solid #E8E8E8;
  border-radius: 8px;
  transition: all 0.3s ease;
  min-width: 100%;
  display: flex;
  text-align: left;
  font-weight: bold;
  text-transform: uppercase; }
  .box-item-promotion-choose .js-gift-item.selected {
    border-color: #FF9897;
    pointer-events: none; }

.box-item-promotion-choose .js-gift-item .image {
  flex: 0 0 100px;
  width: 100px; }

.box-item-promotion-choose .js-gift-item .title {
  margin-left: 15px;
  flex: 0 0 calc(100% - 115px);
  width: calc(100% - 115px); }

.item-wrap ul[data-price="0"] .item-option, .item-wrap ul[data-price="100"] .item-option {
  visibility: hidden;
  opacity: hidden; }

.item-wrap ul[data-price="0"] .item-qty *, .item-wrap ul[data-price="100"] .item-qty * {
  pointer-events: none; }

.close-promotion-cart {
  display: none; }

@media (max-width: 767px) {
  #modal-promotion {
    position: fixed;
    display: block;
    max-width: 100%;
    z-index: 11111;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0px -3px 6px 0px #686868;
    -webkit-transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
    -moz-transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
    transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
    bottom: -100%;
    padding-top: 30px; }
    .show-promotion-cart-mobile #modal-promotion {
      bottom: 50px; }
    #modal-promotion .close-modal {
      display: none; } }