.checkout-cart-index .page-main {
  padding-left: 0;
  padding-right: 0;
}
.head-text {
  padding: 50px 0 24px;
}
.head-text h1 {
  font-size: 44px;
  line-height: 52px;
  font-weight: 300;
  color: #1d1d1b;
  margin: 0 0 22px 0;
  text-align: center;
}
.head-text p {
  font-size: 16px;
  line-height: 24px;
  color: #706f6f;
  margin: 0 auto 27px auto;
  text-align: center;
}

.cart-empty {
  font-size: 16px;
  line-height: 24px;
  color: #706f6f;
  text-align: center;
}

.cart-empty a {
  color: #1D1D1B;
}

.cart-container .basket-wrapper {
  background-color: #f2f2f2;
  padding: 36px 40px;
  width: 66.18%;
}


.basket-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.basket-card .basket-card-left .image-plus-content {
  display: flex;
  gap: 22px;
}
.basket-card .basket-card-left .image-plus-content .basket-image {
  width: 92px;
}
.basket-card .basket-card-left .image-plus-content .content {
  width: calc(100% - 92px);
  padding-right: 12px;
}
.basket-card .basket-card-left .image-plus-content .content .basket-title {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  text-decoration: none;
  color: #1d1d1b;
  display: block;
  margin-bottom: 6px;
}
.basket-card .basket-card-left .image-plus-content .content .product-code {
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 1px;
  margin-bottom: 11px;
  color: #1d1d1b;
}

.basket-card .basket-card-left .image-plus-content .content .item-options {
  font-size: 12px;
  line-height: 14px;
  margin-top: 11px;
  color: #1d1d1b;
}
.basket-card .basket-card-left .image-plus-content .content .product-cart-price,
.basket-card .basket-card-left .image-plus-content .content .product-cart-price .price {
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  letter-spacing: 1px;
  color: #1d1d1b;
}
.basket-card .basket-card-right {
  display: flex;
}

.cart.table-wrapper .basket-card .basket-card-right .actions-toolbar .basket-remove-btn {
  font-size: 26px;
  color: #1d1d1b !important;
  margin-left: 40px;
  padding: 10px;
  margin-right: 25px;
  position: static !important;
  text-decoration: none;
}
.cart.table-wrapper .basket-card .basket-card-right .actions-toolbar .basket-remove-btn::before {
  display: none !important;
}

.qty-number {
  border: 1px solid #706f6f;
  width: 100px;
  display: inline-flex;
  height: 60px;
  justify-content: space-between;
}

.qty-number .qty-input {
  width: 30px;
  background-color: transparent;
  border: 0;
  text-align: center;
  height: auto;
  padding: 0;
  padding: 0;
  font-size: 16px;
  font-weight: normal;
  font-family: "Gill Sans";
}

.qty-number .qty-input.qty_border {
  width: 100%;
  opacity: 1;
}

.qty-number .qty-minus,
.qty-number .qty-plus {
  width: 34px;
  border: 0;
  background-color: transparent;
  color: #1D1D1B;
  padding: 0;
  font-size: 16px;
  font-weight: normal;
  font-family: "Gill Sans";
  height: auto;
}

.basket-area {
  padding-bottom: 70px;
}

.basket-area h2,
.basket-area .cart-summary .summary.title {
  font-size: 36px;
  line-height: 43px;
  font-weight: 600;
  color: #1d1d1b;
  margin: 0 0 24px 0;
  position: relative;
}

.basket-area .toggle-Basket {
  padding: 0px;
  border: none;
  background-color: transparent;
  border: none;
  margin: 0px;
  font-size: 24px;
  color: #1d1d1b;
  position: absolute;
  top: 0px;
  right: 0px;
  font-weight: normal;
  display: none;
}

.basket-area .toggle-Basket::after {
  content: '\f807';
  font-family: 'porto-icons';
}

.basket-area .cart-container .basket-wrapper .action-edit,
.basket-area .cart-container .basket-wrapper .cart.main.actions {
  display: none;
}
.basket-area .basket-items .basket-card-accordion {
  padding: 15px;
  border: 1px solid #ededed;
  background-color: #ffffff;
  position: relative;
}
.basket-area .basket-items .basket-card-accordion.basket-card-accordion {
  margin-bottom: 22px;
}

.basket-area .basket-items:last-child .basket-card-accordion.basket-card-accordion {
  margin-bottom: 0px;
}

.basket-area .basket-items .basket-card-accordion .basket-more-info .accordion .accordion-item {
  margin: 14px 14px 8px;
  border-radius: 0;
  background-color: #ededed;
}

.basket-area .basket-items .basket-card-accordion .basket-more-info .accordion .accordion-item .accordion-header {
  margin-bottom: 0;
}
.basket-area .basket-items .basket-card-accordion .basket-more-info .accordion .accordion-item .accordion-header .accordion-button {
  padding: 8px 20px;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 1px;
  border-radius: 0;
  background-color: #ededed;
  color: #706f6f;
  outline: none;
  box-shadow: none;
}
.basket-area .basket-items .basket-card-accordion .basket-more-info .accordion .accordion-item .accordion-header .accordion-button:after {
  filter: grayscale(1);
}
.basket-area .basket-items .basket-card-accordion .basket-more-info .accordion .accordion-item .accordion-header .accordion-button .quantity-text {
  display: inline-flex;
  margin-left: 15px;
  line-height: 1;
}
.basket-area .basket-items .basket-card-accordion .basket-more-info .accordion .accordion-item .accordion-collapse .accordion-body {
  padding-top: 0;
}
.basket-area .basket-items .basket-card-accordion .basket-more-info .accordion .accordion-item .accordion-collapse .accordion-body .basket-card {
  border-top: 1px solid #707070;
  padding-top: 15px;
  margin-top: 15px;
}
.basket-area .basket-items .basket-card-accordion .basket-more-info .accordion .accordion-item .accordion-collapse .accordion-body .basket-card:first-child {
  margin-top: 0;
}
@media (min-width: 992px) {
  .basket-area .basket-items .basket-card-accordion .basket-more-info .accordion .accordion-item .accordion-collapse .accordion-body .basket-card .basket-card-right .common-btn {
    padding: 20px 22px 21px 29px;
  }
}

.basket-area .field input[type="text"],
.basket-area .field input[type="password"], 
.basket-area .field input[type="url"], 
.basket-area .field input[type="tel"],
.basket-area .field input[type="search"], 
.basket-area .field input[type="number"], 
.basket-area .field input[type*="date"], 
.basket-area .field input[type="email"], 
.basket-area .field .select {
  height: auto;
  background-color: #ffffff;
  border-color: #ededed;
  border-radius: 0;
  font-size: 16px;
  line-height: 24px;
  padding: 17px 20px;
}

.basket-area .field .label {
  font-weight: normal;
  font-size: 14px;
  font-weight: 500;
  color: #1D1D1B;
  display: block;
}

.basket-area p.field.note {
  font-size: 14px;
  color: #1D1D1B;
}

.cart-summary {
  background-color: #f2f2f2;
  padding: 36px 40px;
  margin-left: 16px;
  width: 31.384%;
  display: flex;
  flex-wrap: wrap;
}

.cart-summary #block-shipping {
  order: 1;
  width: 100%;
}

.cart-summary #block-shipping .title {
  border-top: none;
  padding: 0 0 22px 0;
}

.cart-summary #block-shipping .title::after {
  margin: 0px;
  font-size: 24px;
  color: #1d1d1b;
  top: 3px;
  right: 0px;
}

.cart-summary #cart-totals {
  order: 2;
  width: 100%;
  padding: 22px 0 0 0;
  border-bottom: 1px solid #707070;
  margin-bottom: 22px;
}

.cart-summary .block.discount {
  order: 3;
  width: 100%;
}

.cart-summary .checkout-methods-items {
  order: 4;
  width: 100%;
  margin: 22px 0 0 0;
  padding: 0px;
}

.cart-summary .checkout-methods-items .item {
  margin-bottom: 0;
}

.cart-summary .action.multicheckout {
  display: none;
}

.cart-summary .block .fieldset .field {
  margin-bottom: 15px;
}

.cart-summary .block .fieldset .field input[type="text"],
.cart-summary .block .fieldset .field input[type="password"], 
.cart-summary .block .fieldset .field input[type="url"], 
.cart-summary .block .fieldset .field input[type="tel"],
.cart-summary .block .fieldset .field input[type="search"], 
.cart-summary .block .fieldset .field input[type="number"], 
.cart-summary .block .fieldset .field input[type*="date"], 
.cart-summary .block .fieldset .field input[type="email"], 
.cart-summary .block .fieldset .field .select {
  padding: 10px;
}

.cart-summary .block form:not(:last-of-type) .fieldset {
  margin: 0px;
}

.cart-summary .block .item-options {
  margin: 0px;
}

.cart-summary .block .item-options .field {
  margin: 0px;
}

.cart-summary .block .item-options .field .radio {
  accent-color: #1d1d1b;
}
.cart-summary .coupon-wrapper .coupon-form {
  position: relative;
  display: flex;
  gap: 28px;
}

.cart-summary .coupon-wrapper .coupon-form .form-control {
  padding: 17px 23px;
  border: none;
  border-radius: 0;
  color: #706f6f;
  font-size: 16px;
  line-height: 24px;
  height: auto !important;
}
.cart-summary .coupon-wrapper .coupon-form .common-btn {
  padding: 20px 26px;
  font-size: 14px;
  line-height: 16px;
  min-width: 144px;
  letter-spacing: 1.5px;
}
.cart-summary hr.seprater {
  border-color: #707070;
  border-width: 2px;
  margin: 23px 0;
}
.cart-summary .order-info {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
  color: #706f6f;
}
.cart-summary .pricing-breakouts .table {
  margin-bottom: 0px;
}
.cart-summary .pricing-breakouts .table tr th,
.cart-summary .pricing-breakouts .table tr td {
  border: 0;
  font-size: 16px;
  line-height: 19px;
  vertical-align: middle;
}
.cart-summary .pricing-breakouts .table tr th:last-child,
.cart-summary .pricing-breakouts .table tr td:last-child {
  text-align: right;
}
.cart-summary .pricing-breakouts .table tr th strong,
.cart-summary .pricing-breakouts .table tr td strong,
.cart-summary .pricing-breakouts .table tr .amount {
  font-weight: 600;
}
.cart-summary .pricing-breakouts .table tr th strong.total-amount,
.cart-summary .pricing-breakouts .table tr td strong.total-amount,
.cart-summary .pricing-breakouts .table tr.totals .amount strong {
  font-size: 36px;
  line-height: 44px;
  font-weight: 400;
  padding: 0px;
}
.cart-summary .pricing-breakouts .table tr:first-child th,
.cart-summary .pricing-breakouts .table tr:first-child td {
  padding-top: 0;
}
.cart-summary .klarna-block .row {
  align-items: center;
  justify-content: space-between;
}

.abs-toggling-title, .abs-cart-block > .title, .abs-discount-block .block > .title, .cart-summary .block > .title, .paypal-review-discount .block > .title, .cart-discount .block > .title, .abs-sidebar-totals, .cart-totals, .opc-block-summary .table-totals {
  border-color: #707070;
}

.cart-summary .block .title strong {
  font-size: 16px;
  font-weight: 400;
  color: #1d1d1b;
}

.basket-area fieldset.fieldset.rate {
  margin: 0;
  font-size: 16px;
  color: #1d1d1b;
}

.basket-area fieldset.fieldset.rate dt {
  font-weight: 500;
}

.cart-summary .klarna-block p {
  font-size: 16px;
  line-height: 19px;
  color: #1d1d1b;
}
.cart-summary .klarna-block p a {
  color: #1d1d1b;
}
.cart-summary .express-checkout {
  margin-top: 23px;
}
.cart-summary .express-checkout p {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 2px;
  margin-bottom: 15px;
  text-transform: uppercase;
  text-align: center;
}
.cart-summary .continue-shopping {
  margin-top: 23px;
}

.paypal-wrapper .paypal-btn {
  display: block;
  padding: 17px 30px 16px;
  background-color: #ffc43a;
  text-align: center;
}

.paypal-area {
  background-color: #ededed;
  padding: 34px 50px;
}
.paypal-area .paypal-label-wrapper {
  display: flex;
  align-items: center;
  gap: 70px;
}

.paypal-area .paypal-label-wrapper label {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #1d1d1b;
}
.paypal-area .paypal-label-wrapper .paypal-wrapper {
  width: 440px;
  max-width: 100%;
}

.or-text {
  font-size: 24px;
  line-height: 1;
  margin-top: 28px;
  margin-bottom: 36px;
  text-align: center;
  color: #1d1d1b;
}

.login-area {
  padding: 40px 40px 10px 40px;
  background-color: #ededed;
}

.login-area .checkout-form-listing {
  padding: 0;
  margin: 0;
  list-style: none;
}
.login-area .checkout-form-listing li {
  border-bottom: 1px solid #1d1d1b;
}
.login-area .checkout-form-listing li .checkout-form-title {
  font-size: 24px;
  line-height: 29px;
  margin-top: 28px;
  color: #706f6f;
  margin: 0;
  font-weight: 400;
  padding: 21px 0;
}
.login-area .checkout-form-listing li.active .checkout-form-title {
  font-size: 44px;
  font-weight: 600;
  line-height: 52px;
  color: #1d1d1b;
}

.login-area .checkout-form-listing li.active .checkout-form-body {
  display: block;
}
.login-area .checkout-form-listing li:first-child .checkout-form-title {
  padding-top: 0;
}
.login-area .checkout-form-listing li:last-child {
  border-bottom: 0;
}
.login-area .checkout-form-listing li .checkout-form-body {
  display: none;
}
.login-area .checkout-form-listing li .checkout-form-body .checkout-login-btns {
  max-width: 340px;
  margin-left: auto;
  padding-right: 10px;
  padding-bottom: 70px;
}

.login-area .checkout-form-listing li .checkout-form-body .checkout-login-btns p {
  font-size: 16px;
  line-height: 24px;
  color: #1d1d1b;
}
.login-area .checkout-form-listing li .checkout-form-body .checkout-login-btns .btn {
  width: 100%;
}
.login-area .checkout-form-listing li .checkout-form-body .checkout-login-form .form-label {
  color: #1d1d1b;
}

.checkout-form-title.active {
  font-size: 44px;
  font-weight: 600;
  line-height: 52px;
  color: #1d1d1b;
}

@media (min-width: 1401px) {
  .cart-summary.purchase-summary {
    padding: 36px 40px 10px;
  }
}
.cart-summary.purchase-summary h2 {
  margin-bottom: 15px;
}
.cart-summary.purchase-summary .edit-basket a {
  font-size: 16px;
  color: #1d1d1b;
}

.products-added .basket-card {
  background-color: #ffffff;
  padding: 14px;
}
.products-added .basket-card .basket-card-left .image-plus-content .content {
  padding-right: 30px;
}
.products-added .basket-card .basket-card-left .image-plus-content .content .basket-title {
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 2px;
}
.products-added .basket-card .basket-card-left .image-plus-content .content .product-code {
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 1px;
}
.products-added .basket-card .basket-card-left .image-plus-content .content .product-cart-price,
.products-added .basket-card .basket-card-left .image-plus-content .content .product-cart-price .price {
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 1px;
}
.products-added .basket-card + .basket-card {
  margin-top: 15px;
}

.cart.table-wrapper .actions-toolbar {
  padding-bottom: 0px;
  position: static;
}

.cart.table-wrapper {
  margin-bottom: 0px;
}

.product_status .title_status .desc_status {
  font-size: 12px;
  line-height: 18px;
  color: #1D1D1B;
  display: block;
  font-weight: 400;
}

.cart-summary .checkout-methods-items button.action.primary.checkout {
  padding-left: 17px;
  padding-right: 10px;
}

.bundle-options {
  font-size: 12px;
  line-height: 14px;
  margin-top: 11px;
  color: #1d1d1b;
}

.bundle-options ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.bundle-options ul li {
  margin: 0 0 3px;
}

.bundle-options ul li strong {
  margin: 0 0 3px;
  display: block;
}

.field.filter-reminder {
    display: flex;
    font-size: 12px;
    line-height: 18px;
    color: #1D1D1B;
    font-weight: 400;
    align-items: flex-start;
    margin-top: 4px;
}

.field.filter-reminder .filter-reminder-checkbox {
    margin: 0px 6px 0 0;
    accent-color: #1D1D1B;
}

/* Responsive CSS */
/* --- max-width: 1680px --- */
@media (max-width: 1680px) {
  .cart-summary .klarna-block .row .col-auto + .col-auto {
    margin-top: 20px;
  }
}

/* --- max-width: 1400px --- */
@media (max-width: 1400px) {

  .cart-container .basket-wrapper {
    padding: 25px;
  }

  .cart-summary {
    padding: 25px;
    margin-left: 0;
  }

  .cart-summary .coupon-wrapper .coupon-form {
    gap: 15px;
  }

}

/* --- max-width: 1399px --- */
@media (max-width: 1399px) {
  
  .basket-area h2, .basket-area .cart-summary .summary.title {
    font-size: 32px;
    line-height: 38px;
    margin: 0 0 20px 0;
  }

  .cart-summary .pricing-breakouts .table tr th strong.total-amount, .cart-summary .pricing-breakouts .table tr td strong.total-amount, .cart-summary .pricing-breakouts .table tr.totals .amount strong {
    font-size: 32px;
    line-height: 40px;
  }

  .cart.table-wrapper .basket-card .basket-card-right .actions-toolbar .basket-remove-btn {
    margin-left: 20px;
    margin-right: 10px;
  }

}

/* --- max-width: 1199px --- */
@media (max-width: 1199px) {
  .login-area .checkout-form-listing li .checkout-form-body .checkout-login-btns {
    margin-left: 0;
    padding-right: 0;
  }

  .cart-summary {
    margin-left: 0;
  }

  .cart-summary .pricing-breakouts .table tr th strong.total-amount, .cart-summary .pricing-breakouts .table tr td strong.total-amount, .cart-summary .pricing-breakouts .table tr.totals .amount strong {
    font-size: 28px;
    line-height: 36px;
  }

  .basket-card .basket-card-left .image-plus-content {
    gap: 15px;
  }

  .basket-card .basket-card-left .image-plus-content .content .basket-title {
    line-height: 20px;
  }

  .cart-container .basket-wrapper {
    padding: 20px;
  }

  .cart-summary {
    padding: 20px;
  }

  .basket-area .basket-items .basket-card-accordion.basket-card-accordion {
    margin-bottom: 20px;
  }

}

/* --- max-width: 991px --- */
@media (max-width: 991px) {

  .cart-container {
    display: flex;
    flex-wrap: wrap;
  }

  .basket-card .basket-card-right {
    margin-top: 10px;
  }

  .cart.table-wrapper .basket-card .basket-card-right .actions-toolbar .basket-remove-btn {
    font-size: 20px;
    margin-left: 20px;
    line-height: 1;
  }

  .qty-number {
    height: 40px;
  }

  .basket-area .basket-items .basket-card-accordion .basket-more-info .accordion .accordion-item .accordion-header .accordion-button {
    line-height: 14px;
  }

  .cart-summary {
    padding: 20px 20px;
    order: 2;
  }

  .login-area {
    padding: 25px 15px;
  }

  .basket-area .basket-items .basket-card-accordion .basket-more-info .accordion .accordion-item {
    margin: 14px 0px 8px;
  }

  .cart-container .basket-wrapper {
    width: 100%;
    margin-bottom: 22px;
    order: 1;
  }

  .cart-summary {
    width: 100%;
    position: static;
  }

  .basket-area {
    padding-bottom: 20px;
  }
  
  .abs-cart-block .content, .abs-discount-block .block .content, .cart-summary .block .content, .magento-payments-review-discount .block .content, .paypal-review-discount .block .content, .cart-discount .block .content {
    padding: 0px;
  }

  .head-text {
    padding: 20px 0 10px;
  }

  .head-text h1 {
    font-size: 28px;
    line-height: 34px;
    margin: 0 0 10px 0;
  }

  .head-text p {
    font-size: 14px;
    line-height: 20px;
    margin: 0 auto 10px auto;
  }

  .basket-area fieldset.fieldset.rate {
    margin: 0 0 20px 0;
  }

  .cart.table-wrapper {
    border-top: none;
    margin-top: 22px;
    display: none;
  }

  .basket-area h2, .basket-area .cart-summary .summary.title {
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 0 0;
    display: block;
  }

  .basket-area .toggle-Basket {
    top: -3px;
    display: block;
  }

  .cart-summary #block-shipping {
    margin: 16px 0 0 0;
  }

}

/* --- max-width: 767px --- */
@media (max-width: 767px) {
  .paypal-area {
    padding: 34px 25px;
  }

  .paypal-area .paypal-label-wrapper {
    gap: 20px;
    flex-direction: column;
  }

  .login-area .checkout-form-listing li.active .checkout-form-title {
    font-size: 36px;
    line-height: 1;
  }

  .checkout-form-title.active {
    font-size: 36px;
    line-height: 1;
  }


  .basket-card {
    flex-wrap: wrap;
  }

  .basket-card .basket-card-left {
    width: 100%;
  }

  .basket-card .basket-card-right {
    width: 100%;
  }

  .basket-card .basket-card-right {
    width: 100%;
    padding: 0 0 0 103px;
  }

  .basket-card .basket-card-left .image-plus-content .content .basket-title {
    font-size: 12px;
  }

  .cart-summary .coupon-wrapper .coupon-form .common-btn {
    padding: 12px 26px;
  }

  .cart-summary .coupon-wrapper .coupon-form .form-control {
    padding: 7px 23px;
  }

  .cart.table-wrapper .basket-card .basket-card-right .actions-toolbar .basket-remove-btn {
    position: absolute !important;
    top: 15px;
    right: 15px;
    padding: 0;
    margin: 0;
  }

  .basket-card .basket-card-left .image-plus-content .content {
    padding-right: 20px;
  }

  .cart-summary .block .fieldset .field input[type="text"], .cart-summary .block .fieldset .field input[type="password"], .cart-summary .block .fieldset .field input[type="url"], .cart-summary .block .fieldset .field input[type="tel"], .cart-summary .block .fieldset .field input[type="search"], .cart-summary .block .fieldset .field input[type="number"], .cart-summary .block .fieldset .field input[type*="date"], .cart-summary .block .fieldset .field input[type="email"], .cart-summary .block .fieldset .field .select {
    padding: 8px 10px;
  }
  
  .cart-summary .pricing-breakouts .table tr th, .cart-summary .pricing-breakouts .table tr td {
    font-size: 14px;
    line-height: 17px;
  }

}