#layout-cart .heading-cart {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  background: rgba(250, 243, 152, 0.15);
  padding: 20px 16px;
  margin-bottom: 24px;
  color: #FAF398;
  font-size: 16px; }
  #layout-cart .heading-cart a {
    color: #FAF398; }

#layout-cart .list-pageform-cart h3 {
  margin-bottom: 24px;
  font-size: 16px;
  font-weight: 500; }

#layout-cart .list-pageform-cart .table-cart {
  display: flex;
  flex-direction: column; }
  #layout-cart .list-pageform-cart .table-cart .media-line-item {
    padding: 16px;
    border-radius: 16px 16px 0 0;
    border-bottom: 1px solid var(--shop-color-main);
    background: rgba(250, 243, 152, 0.15);
    display: flex;
    justify-content: space-between;
    align-items: center; }
    #layout-cart .list-pageform-cart .table-cart .media-line-item .media-left {
      flex: 0 0 70px;
      max-width: 70px;
      border-radius: 12px;
      border: 1px solid var(--shop-color-main);
      overflow: hidden;
      margin-right: 24px; }
      #layout-cart .list-pageform-cart .table-cart .media-line-item .media-left img {
        aspect-ratio: 1;
        object-fit: cover; }
    #layout-cart .list-pageform-cart .table-cart .media-line-item .media-right {
      flex: 1;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 15px; }
      #layout-cart .list-pageform-cart .table-cart .media-line-item .media-right > div {
        flex: 1; }
      #layout-cart .list-pageform-cart .table-cart .media-line-item .media-right .item-remove, #layout-cart .list-pageform-cart .table-cart .media-line-item .media-right .media-total {
        flex: 0; }
      #layout-cart .list-pageform-cart .table-cart .media-line-item .media-right .item--title {
        font-size: 16px;
        font-weight: 500;
        line-height: 26px;
        background: transparent;
        -webkit-text-fill-color: unset;
        margin: 0; }
        #layout-cart .list-pageform-cart .table-cart .media-line-item .media-right .item--title a {
          color: #FAF398;
          white-space: initial;
          overflow: hidden;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          display: -webkit-box;
          max-height: 52px; }
      #layout-cart .list-pageform-cart .table-cart .media-line-item .media-right .item-variant {
        font-size: 12px;
        color: #777777;
        font-weight: 500;
        margin: 0;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        padding-right: 5px; }
        #layout-cart .list-pageform-cart .table-cart .media-line-item .media-right .item-variant span {
          overflow: hidden;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
          display: -webkit-box; }
    #layout-cart .list-pageform-cart .table-cart .media-line-item .media-total .quantity-partent {
      display: flex; }
      #layout-cart .list-pageform-cart .table-cart .media-line-item .media-total .quantity-partent .qty-btn {
        width: 32px;
        height: 32px;
        line-height: 27px;
        border-radius: 20px;
        background: #FAF398;
        border: none;
        outline: none; }
      #layout-cart .list-pageform-cart .table-cart .media-line-item .media-total .quantity-partent .item-quantity {
        width: 40px;
        background: transparent;
        border: none;
        text-align: center;
        font-size: 16px;
        font-weight: 500;
        color: #FAF398;
        outline: none; }
    #layout-cart .list-pageform-cart .table-cart .media-line-item .item-price p {
      margin-bottom: 0;
      font-size: 16px;
      font-weight: 500;
      color: #FAF398;
      text-align: center; }
      #layout-cart .list-pageform-cart .table-cart .media-line-item .item-price p del {
        padding-left: 4px;
        color: #8f9bb3;
        font-size: 14px; }
    #layout-cart .list-pageform-cart .table-cart .media-line-item:last-child {
      border-radius: 0 0 16px 16px;
      border-bottom: none; }

#layout-cart .list-pageform-cart .order-noted-block {
  border-radius: 8px;
  background: rgba(250, 243, 152, 0.15);
  padding: 20px 16px;
  margin-top: 24px; }
  #layout-cart .list-pageform-cart .order-noted-block textarea {
    border-radius: 8px;
    border: 1px solid var(--shop-color-main);
    background: rgba(255, 255, 255, 0.1);
    padding: 16px 24px;
    height: 80px;
    color: #fff; }
    #layout-cart .list-pageform-cart .order-noted-block textarea::placeholder {
      color: #fff; }

#layout-cart .order-invoice-block {
  border-radius: 8px;
  background: rgba(250, 243, 152, 0.15);
  padding: 20px 16px;
  margin: 0 0 24px; }
  #layout-cart .order-invoice-block .checkbox {
    position: relative; }
  #layout-cart .order-invoice-block .checkbox > .title {
    font-size: 16px;
    padding-left: 35px;
    vertical-align: text-top;
    margin-bottom: 0;
    display: block;
    font-weight: bold; }
  #layout-cart .order-invoice-block .checkbox .regular-checkbox {
    display: none; }
  #layout-cart .order-invoice-block .checkbox .regular-checkbox + .box {
    border: 2px solid var(--shop-color-main);
    padding: 9px;
    border-radius: 50%;
    opacity: 0.25;
    display: inline-block;
    background: transparent;
    margin-bottom: 0;
    position: absolute;
    left: 5px; }
  #layout-cart .order-invoice-block .checkbox .regular-checkbox + .box:after {
    content: '\2714\fe0e';
    font-size: 13px;
    position: absolute;
    top: 0;
    left: 4px;
    color: var(--shop-color-main); }
  #layout-cart .order-invoice-block .checkbox .regular-checkbox:checked + .box {
    background: var(--shop-color-main);
    opacity: 1; }
  #layout-cart .order-invoice-block .checkbox .regular-checkbox:checked + .box:after {
    color: #ffffff; }
  #layout-cart .order-invoice-block .bill-field {
    display: none;
    margin-top: 20px; }
  #layout-cart .order-invoice-block .bill-field:before,
  #layout-cart .order-invoice-block .bill-field:after {
    content: "";
    display: table;
    clear: both; }
  #layout-cart .order-invoice-block .bill-field .form-group {
    margin-bottom: 15px;
    float: left;
    width: calc(100% / 3 - 15px);
    margin-right: 15px; }
  #layout-cart .order-invoice-block .bill-field .form-group:nth-child(4) {
    width: calc(100% - 15px); }
  #layout-cart .order-invoice-block .bill-field .form-group input {
    font-size: 12px;
    height: 40px;
    color: #000000;
    box-shadow: none;
    background-clip: padding-box;
    border-radius: 2px;
    border: 1px solid var(--shop-color-border);
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none; }
  #layout-cart .order-invoice-block .bill-field .form-group input[type=number]::-webkit-outer-spin-button,
  #layout-cart .order-invoice-block .bill-field .form-group input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  #layout-cart .order-invoice-block .bill-field .form-group input[type=number] {
    -moz-appearance: textfield; }
  #layout-cart .order-invoice-block .bill-field .form-group .text-danger {
    margin-top: 5px;
    display: block;
    font-size: 11px;
    color: #ff0000; }
  #layout-cart .order-invoice-block .bill-field .form-btn .button {
    height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 40px; }

#layout-cart .order-summary-block {
  border-radius: 8px;
  background: rgba(250, 243, 152, 0.15);
  padding: 20px 16px; }
  #layout-cart .order-summary-block .summary-provisional p {
    display: flex;
    justify-content: space-between;
    color: #FAF398;
    font-size: 16px;
    border-bottom: 1px solid var(--shop-color-main);
    padding-bottom: 16px;
    margin-bottom: 16px; }
  #layout-cart .order-summary-block .summary-total p {
    font-size: 16px;
    font-weight: 700;
    color: #FAF398;
    font-family: var(--title-font);
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between; }
    #layout-cart .order-summary-block .summary-total p span {
      font-weight: 500;
      font-family: var(--body-font); }
  #layout-cart .order-summary-block #btnCart-checkout {
    width: 100%;
    justify-content: center; }

#layout-cart .collectionCart-detail h2 {
  margin-bottom: 48px;
  font-size: 32px;
  font-weight: 500; }

#layout-cart .expanded-content .expanded-info {
  text-align: center; }

#layout-cart .expanded-content .info-text .text1 {
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 10px; }

#layout-cart .expanded-content .info-text .text2 {
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: 500;
  color: #606876; }

#layout-cart .expanded-content .info-text .text2 a {
  color: #1a73e8;
  font-weight: 600; }

#layout-cart .expanded-content .search-field {
  position: relative; }
  #layout-cart .expanded-content .search-field .search_box {
    height: 45px;
    width: 100%;
    padding: 8px 50px 8px 20px;
    border: 4px solid #e3e9ed;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 500; }
    #layout-cart .expanded-content .search-field .search_box:focus {
      outline: none; }
  #layout-cart .expanded-content .search-field input[type="submit"] {
    width: 45px;
    height: 45px;
    position: absolute;
    right: 0; }
  #layout-cart .expanded-content .search-field .btn-search {
    width: 50px;
    height: 44px;
    line-height: 42px;
    position: absolute;
    padding: 0;
    top: 0;
    right: 0;
    background: transparent;
    transition: opacity 150ms linear;
    outline: none;
    box-shadow: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center; }
    #layout-cart .expanded-content .search-field .btn-search svg {
      width: 24px;
      height: 100%;
      display: block;
      margin: auto;
      fill: #6c798f;
      opacity: 0.6; }

#confirmRemoveModal .modal-dialog, #confirmInvoiceModal .modal-dialog, #confirmRemoveAllModal .modal-dialog {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  width: 100%;
  height: auto; }

#confirmRemoveModal .modal-title, #confirmInvoiceModal .modal-title, #confirmRemoveAllModal .modal-title {
  color: #000;
  background: transparent;
  -webkit-text-fill-color: unset; }

#confirmRemoveModal .modal-body, #confirmInvoiceModal .modal-body, #confirmRemoveAllModal .modal-body {
  color: #000; }

/* RESPONSIVE */
@media (max-width: 991px) {
  #layout-cart .heading-cart {
    font-size: 14px;
    padding: 15px 8px; }
  #layout-cart .list-pageform-cart .table-cart .media-line-item {
    padding: 10px; }
    #layout-cart .list-pageform-cart .table-cart .media-line-item .media-right {
      flex-wrap: wrap;
      align-items: start;
      justify-content: space-between; }
      #layout-cart .list-pageform-cart .table-cart .media-line-item .media-right > div {
        flex: 0 0 50%; }
      #layout-cart .list-pageform-cart .table-cart .media-line-item .media-right .item--title {
        font-size: 14px;
        line-height: 20px; }
      #layout-cart .list-pageform-cart .table-cart .media-line-item .media-right .item-price p {
        font-size: 14px;
        text-align: left; }
      #layout-cart .list-pageform-cart .table-cart .media-line-item .media-right .item-remove svg {
        width: 20px;
        height: 20px; }
      #layout-cart .list-pageform-cart .table-cart .media-line-item .media-right .media-total .quantity-partent .item-quantity {
        width: 30px; }
      #layout-cart .list-pageform-cart .table-cart .media-line-item .media-right .media-total .quantity-partent .qty-btn {
        width: 25px;
        height: 25px;
        line-height: 25px; }
  #layout-cart .list-pageform-cart .order-noted-block {
    padding: 10px;
    margin-bottom: 24px; }
  #layout-cart .collectionCart-detail h2 {
    font-size: 25px;
    margin-bottom: 20px; }
  #layout-cart .order-summary-block, #layout-cart .order-invoice-block {
    padding: 10px; } }