.section-title {
  font-size: 2.2rem;
  font-weight: var(--font-wieght-sizeTwo);
}

.header-wrapper {
  background-color: #D9D9D9;
  padding: 7px 0px;
  border-radius: 3px;
}


.section-cart-products-row,
.cart-product-row {
  width: 100%;
  margin-right: -5px;
  margin-left: -5px;
}

.section-cart-products-col-1,
.section-cart-products-col-2,
.section-cart-products-col-3,
.section-cart-products-col-4,
.section-cart-products-col-5,
.cart-product-delete,
.cart-products-action,
.cart-product-prices,
.cart-product-col-details {
  padding-right: 5px;
  padding-left: 5px;
}

.section-cart-products-col-1,
.cart-product-delete {
  width: 6%;
  flex-shrink: 0;
}

.section-cart-products-col-2 {
  width: 40%;
}

.section-cart-products-col-3,
.cart-products-action {
  width: 15%;
  flex-shrink: 0;
}

.section-cart-products-col-4,
.cart-product-prices {
  width: 22%;
  flex-shrink: 0;
}

.cart-product-row {
  display: flex;
  width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
}

.cart-product-col-details {
  flex-grow: 1;
}

.icon-delete:before {
  content: "\f05c";
  font-family: 'icomoon';
  font-size: 16px;
  font-weight: bold;
}


.cart-product-delete,
.cart-products-action,
.cart-product-prices,
.cart-product-col-details {
  padding-top: 5px;
  padding-bottom: 10px;
}

.cart-product-col-details {
  padding-top: 19px;
}

.cart-products-action {
  padding-top: 17px;
}

.cart-product-prices {
  padding-top: 18px;
}

.cart-products-action .form-group {
  margin: 0px;
}

.cart-product-delete {
  text-align: center;
  padding-top: 20px;
}

.cart-product-delete a {
  cursor: pointer;
}

.cart-product-row-wrapper {
  border: 0;
  margin-top: 0;
  border-radius: 0;
}

.custom-field-row * {
  display: inline-block;
}

/* Cart custom options (prescription, lens, add-ons) */
.section-cart-products .custom-options-summary {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 12px;
  padding: 2px 12px;
  border: 1px solid #eceef1;
  border-radius: 12px;
  background: #f6f7f9;
}

.section-cart-products .custom-cart-details > .custom-options-summary + .custom-cart-quantity {
  margin-top: 12px;
}

.section-cart-products .custom-field-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid #e6eaee;
}

.section-cart-products .custom-field-row:last-child {
  border-bottom: 0;
}

.section-cart-products .custom-field-row > [class*="custom-field-type"] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-width: 0;
  flex: 1;
}

.section-cart-products .custom-field-row .prefix,
.section-cart-products .custom-field-row .postfix,
.section-cart-products .custom-field-row .icon-check-circle {
  display: none;
}

.section-cart-products .custom-field-name {
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  color: #6b7280;
}

.section-cart-products .custom-field-value {
  display: block;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.5;
  color: #1f2937;
  text-align: start;
  overflow-wrap: break-word;
}

.section-cart-products a.custom-field-value {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  margin-top: 2px;
  padding: 5px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  background: #fff;
  color: var(--primary-color, #111827);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

.section-cart-products a.custom-field-value::before {
  content: "";
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E") center / contain no-repeat;
}

.section-cart-products a.custom-field-value:hover {
  border-color: var(--primary-color, #111827);
  background: var(--primary-color, #111827);
  color: #fff;
}

.section-cart-products .custom-field-additional-price {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  color: #111827;
  white-space: nowrap;
}

.section-cart-products .custom-field-additional-price.is-zero {
  display: none;
}

.section-cart-products .custom-field-additional-price .riyal-svg {
  width: 13px;
  height: 15px;
}

html[data-theme="dark"] .section-cart-products .custom-options-summary {
  background: color-mix(in srgb, var(--dm-text, #fff) 6%, var(--dm-surface, #1c1c1c));
  border-color: color-mix(in srgb, var(--dm-text, #fff) 14%, var(--dm-bg, #111));
}

html[data-theme="dark"] .section-cart-products .custom-field-row {
  border-bottom-color: color-mix(in srgb, var(--dm-text, #fff) 12%, transparent);
}

html[data-theme="dark"] .section-cart-products .custom-field-name {
  color: color-mix(in srgb, var(--dm-text, #fff) 62%, transparent);
}

html[data-theme="dark"] .section-cart-products .custom-field-value,
html[data-theme="dark"] .section-cart-products .custom-field-additional-price {
  color: var(--dm-text, #f3f4f6);
}

html[data-theme="dark"] .section-cart-products a.custom-field-value {
  background: transparent;
  border-color: color-mix(in srgb, var(--dm-text, #fff) 22%, transparent);
}

@media (max-width: 576px) {
  .section-cart-products .custom-options-summary {
    padding-inline: 10px;
  }

  .section-cart-products .custom-field-row {
    align-items: flex-start;
    gap: 8px;
  }

  .section-cart-products .custom-field-value {
    font-size: 13px;
  }
}

.cart-product-total-before-price {
  color: #cccccc;
}

.cart-product-total-price {
  display: inline-block;
}

.section-cart-totals-row {
  font-size: 1rem;
  padding-right: 5px;
  padding-left: 5px;
}

.section-cart-totals-row>* {
  padding-right: 7px;
  padding-left: 7px;
}

.cart-totals-row-wrapper {
  padding: 5px;
  display: flex;
}

.coupon-form input,
.coupon-form button {
  height: 36px;
}

.coupon-form .coupon-form__label {
  font-size: 1.2rem;
  color: var(--tp-text-body);
  margin-bottom: .3rem;
}

.coupon-form button {
  min-width: 80px;
}

.message-coupon>* {
  display: inline-block;
}

.cart-totals-div {
  font-size: 1.1rem;
  margin-top: 16px;
}

.header-wrapper {
  display: block;
}

.cart-product-error-messages {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  padding: 5px;
  margin: 10px;
  border-radius: 3px;
}

.cart-product-price-each>span {
  display: inline-block;
}

.btn-disabled {
  background-color: #ccc;
  border-color: #ccc;
}

.cart-product-delete a {
  color: inherit;
}

@media (max-width: 768px) {

  .cart-product-row {
    flex-wrap: wrap;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .section-title {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 1.8rem
  }

  .header-wrapper {
    display: none;
  }

  .section-cart-products-col-1,
  .cart-product-delete {
    width: 12%;
  }

  .cart-products-action {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 12%;
  }

  .cart-products-action .form-group {
    margin-right: 70px;
  }

  .cart-product-prices {
    width: 100%;
    padding-bottom: 10px;
    padding-right: 12%;
  }


  .cart-product-delete,
  .cart-products-action,
  .cart-product-prices,
  .cart-product-col-details {
    padding-bottom: 0px;
  }
}

.discount-progress-linear {
  background: rgba(0, 169, 134, 0.08);
  border-radius: 44px;
  overflow: hidden;
  margin-top: 7px;
}

.discount-progress-linear .progress-bar {
  background-color: #00A986;
  padding: 2px 3px;
  border-radius: 44px;
}

.discount-progress .text-color-primary {
  color: var(--primary-color);
}

.discount-progress .border-color-primary {
  border-color: var(--primary-color);
}

.discount-progress .rect-auto,
.discount-progress .c100.p51 .slice,
.discount-progress .c100.p52 .slice,
.discount-progress .c100.p53 .slice,
.discount-progress .c100.p54 .slice,
.discount-progress .c100.p55 .slice,
.discount-progress .c100.p56 .slice,
.discount-progress .c100.p57 .slice,
.discount-progress .c100.p58 .slice,
.discount-progress .c100.p59 .slice,
.discount-progress .c100.p60 .slice,
.discount-progress .c100.p61 .slice,
.discount-progress .c100.p62 .slice,
.discount-progress .c100.p63 .slice,
.discount-progress .c100.p64 .slice,
.discount-progress .c100.p65 .slice,
.discount-progress .c100.p66 .slice,
.discount-progress .c100.p67 .slice,
.discount-progress .c100.p68 .slice,
.discount-progress .c100.p69 .slice,
.discount-progress .c100.p70 .slice,
.discount-progress .c100.p71 .slice,
.discount-progress .c100.p72 .slice,
.discount-progress .c100.p73 .slice,
.discount-progress .c100.p74 .slice,
.discount-progress .c100.p75 .slice,
.discount-progress .c100.p76 .slice,
.discount-progress .c100.p77 .slice,
.discount-progress .c100.p78 .slice,
.discount-progress .c100.p79 .slice,
.discount-progress .c100.p80 .slice,
.discount-progress .c100.p81 .slice,
.discount-progress .c100.p82 .slice,
.discount-progress .c100.p83 .slice,
.discount-progress .c100.p84 .slice,
.discount-progress .c100.p85 .slice,
.discount-progress .c100.p86 .slice,
.discount-progress .c100.p87 .slice,
.discount-progress .c100.p88 .slice,
.discount-progress .c100.p89 .slice,
.discount-progress .c100.p90 .slice,
.discount-progress .c100.p91 .slice,
.discount-progress .c100.p92 .slice,
.discount-progress .c100.p93 .slice,
.discount-progress .c100.p94 .slice,
.discount-progress .c100.p95 .slice,
.discount-progress .c100.p96 .slice,
.discount-progress .c100.p97 .slice,
.discount-progress .c100.p98 .slice,
.discount-progress .c100.p99 .slice,
.discount-progress .c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}

.discount-progress .pie,
.discount-progress .c100 .bar,
.discount-progress .c100.p51 .fill,
.discount-progress .c100.p52 .fill,
.discount-progress .c100.p53 .fill,
.discount-progress .c100.p54 .fill,
.discount-progress .c100.p55 .fill,
.discount-progress .c100.p56 .fill,
.discount-progress .c100.p57 .fill,
.discount-progress .c100.p58 .fill,
.discount-progress .c100.p59 .fill,
.discount-progress .c100.p60 .fill,
.discount-progress .c100.p61 .fill,
.discount-progress .c100.p62 .fill,
.discount-progress .c100.p63 .fill,
.discount-progress .c100.p64 .fill,
.discount-progress .c100.p65 .fill,
.discount-progress .c100.p66 .fill,
.discount-progress .c100.p67 .fill,
.discount-progress .c100.p68 .fill,
.discount-progress .c100.p69 .fill,
.discount-progress .c100.p70 .fill,
.discount-progress .c100.p71 .fill,
.discount-progress .c100.p72 .fill,
.discount-progress .c100.p73 .fill,
.discount-progress .c100.p74 .fill,
.discount-progress .c100.p75 .fill,
.discount-progress .c100.p76 .fill,
.discount-progress .c100.p77 .fill,
.discount-progress .c100.p78 .fill,
.discount-progress .c100.p79 .fill,
.discount-progress .c100.p80 .fill,
.discount-progress .c100.p81 .fill,
.discount-progress .c100.p82 .fill,
.discount-progress .c100.p83 .fill,
.discount-progress .c100.p84 .fill,
.discount-progress .c100.p85 .fill,
.discount-progress .c100.p86 .fill,
.discount-progress .c100.p87 .fill,
.discount-progress .c100.p88 .fill,
.discount-progress .c100.p89 .fill,
.discount-progress .c100.p90 .fill,
.discount-progress .c100.p91 .fill,
.discount-progress .c100.p92 .fill,
.discount-progress .c100.p93 .fill,
.discount-progress .c100.p94 .fill,
.discount-progress .c100.p95 .fill,
.discount-progress .c100.p96 .fill,
.discount-progress .c100.p97 .fill,
.discount-progress .c100.p98 .fill,
.discount-progress .c100.p99 .fill,
.discount-progress .c100.p100 .fill {
  position: absolute;
  border: 0.09em solid #000;
  width: 0.82em;
  height: 0.82em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

@media (max-width: 768px) {

  .discount-progress .pie,
  .discount-progress .c100 .bar,
  .discount-progress .c100.p51 .fill,
  .discount-progress .c100.p52 .fill,
  .discount-progress .c100.p53 .fill,
  .discount-progress .c100.p54 .fill,
  .discount-progress .c100.p55 .fill,
  .discount-progress .c100.p56 .fill,
  .discount-progress .c100.p57 .fill,
  .discount-progress .c100.p58 .fill,
  .discount-progress .c100.p59 .fill,
  .discount-progress .c100.p60 .fill,
  .discount-progress .c100.p61 .fill,
  .discount-progress .c100.p62 .fill,
  .discount-progress .c100.p63 .fill,
  .discount-progress .c100.p64 .fill,
  .discount-progress .c100.p65 .fill,
  .discount-progress .c100.p66 .fill,
  .discount-progress .c100.p67 .fill,
  .discount-progress .c100.p68 .fill,
  .discount-progress .c100.p69 .fill,
  .discount-progress .c100.p70 .fill,
  .discount-progress .c100.p71 .fill,
  .discount-progress .c100.p72 .fill,
  .discount-progress .c100.p73 .fill,
  .discount-progress .c100.p74 .fill,
  .discount-progress .c100.p75 .fill,
  .discount-progress .c100.p76 .fill,
  .discount-progress .c100.p77 .fill,
  .discount-progress .c100.p78 .fill,
  .discount-progress .c100.p79 .fill,
  .discount-progress .c100.p80 .fill,
  .discount-progress .c100.p81 .fill,
  .discount-progress .c100.p82 .fill,
  .discount-progress .c100.p83 .fill,
  .discount-progress .c100.p84 .fill,
  .discount-progress .c100.p85 .fill,
  .discount-progress .c100.p86 .fill,
  .discount-progress .c100.p87 .fill,
  .discount-progress .c100.p88 .fill,
  .discount-progress .c100.p89 .fill,
  .discount-progress .c100.p90 .fill,
  .discount-progress .c100.p91 .fill,
  .discount-progress .c100.p92 .fill,
  .discount-progress .c100.p93 .fill,
  .discount-progress .c100.p94 .fill,
  .discount-progress .c100.p95 .fill,
  .discount-progress .c100.p96 .fill,
  .discount-progress .c100.p97 .fill,
  .discount-progress .c100.p98 .fill,
  .discount-progress .c100.p99 .fill,
  .discount-progress .c100.p100 .fill {
    width: 0.62em;
    height: 0.62em;
  }
}

.discount-progress .pie-fill,
.discount-progress .c100.p51 .bar:after,
.discount-progress .c100.p51 .fill,
.discount-progress .c100.p52 .bar:after,
.discount-progress .c100.p52 .fill,
.discount-progress .c100.p53 .bar:after,
.discount-progress .c100.p53 .fill,
.discount-progress .c100.p54 .bar:after,
.discount-progress .c100.p54 .fill,
.discount-progress .c100.p55 .bar:after,
.discount-progress .c100.p55 .fill,
.discount-progress .c100.p56 .bar:after,
.discount-progress .c100.p56 .fill,
.discount-progress .c100.p57 .bar:after,
.discount-progress .c100.p57 .fill,
.discount-progress .c100.p58 .bar:after,
.discount-progress .c100.p58 .fill,
.discount-progress .c100.p59 .bar:after,
.discount-progress .c100.p59 .fill,
.discount-progress .c100.p60 .bar:after,
.discount-progress .c100.p60 .fill,
.discount-progress .c100.p61 .bar:after,
.discount-progress .c100.p61 .fill,
.discount-progress .c100.p62 .bar:after,
.discount-progress .c100.p62 .fill,
.discount-progress .c100.p63 .bar:after,
.discount-progress .c100.p63 .fill,
.discount-progress .c100.p64 .bar:after,
.discount-progress .c100.p64 .fill,
.discount-progress .c100.p65 .bar:after,
.discount-progress .c100.p65 .fill,
.discount-progress .c100.p66 .bar:after,
.discount-progress .c100.p66 .fill,
.discount-progress .c100.p67 .bar:after,
.discount-progress .c100.p67 .fill,
.discount-progress .c100.p68 .bar:after,
.discount-progress .c100.p68 .fill,
.discount-progress .c100.p69 .bar:after,
.discount-progress .c100.p69 .fill,
.discount-progress .c100.p70 .bar:after,
.discount-progress .c100.p70 .fill,
.discount-progress .c100.p71 .bar:after,
.discount-progress .c100.p71 .fill,
.discount-progress .c100.p72 .bar:after,
.discount-progress .c100.p72 .fill,
.discount-progress .c100.p73 .bar:after,
.discount-progress .c100.p73 .fill,
.discount-progress .c100.p74 .bar:after,
.discount-progress .c100.p74 .fill,
.discount-progress .c100.p75 .bar:after,
.discount-progress .c100.p75 .fill,
.discount-progress .c100.p76 .bar:after,
.discount-progress .c100.p76 .fill,
.discount-progress .c100.p77 .bar:after,
.discount-progress .c100.p77 .fill,
.discount-progress .c100.p78 .bar:after,
.discount-progress .c100.p78 .fill,
.discount-progress .c100.p79 .bar:after,
.discount-progress .c100.p79 .fill,
.discount-progress .c100.p80 .bar:after,
.discount-progress .c100.p80 .fill,
.discount-progress .c100.p81 .bar:after,
.discount-progress .c100.p81 .fill,
.discount-progress .c100.p82 .bar:after,
.discount-progress .c100.p82 .fill,
.discount-progress .c100.p83 .bar:after,
.discount-progress .c100.p83 .fill,
.discount-progress .c100.p84 .bar:after,
.discount-progress .c100.p84 .fill,
.discount-progress .c100.p85 .bar:after,
.discount-progress .c100.p85 .fill,
.discount-progress .c100.p86 .bar:after,
.discount-progress .c100.p86 .fill,
.discount-progress .c100.p87 .bar:after,
.discount-progress .c100.p87 .fill,
.discount-progress .c100.p88 .bar:after,
.discount-progress .c100.p88 .fill,
.discount-progress .c100.p89 .bar:after,
.discount-progress .c100.p89 .fill,
.discount-progress .c100.p90 .bar:after,
.discount-progress .c100.p90 .fill,
.discount-progress .c100.p91 .bar:after,
.discount-progress .c100.p91 .fill,
.discount-progress .c100.p92 .bar:after,
.discount-progress .c100.p92 .fill,
.discount-progress .c100.p93 .bar:after,
.discount-progress .c100.p93 .fill,
.discount-progress .c100.p94 .bar:after,
.discount-progress .c100.p94 .fill,
.discount-progress .c100.p95 .bar:after,
.discount-progress .c100.p95 .fill,
.discount-progress .c100.p96 .bar:after,
.discount-progress .c100.p96 .fill,
.discount-progress .c100.p97 .bar:after,
.discount-progress .c100.p97 .fill,
.discount-progress .c100.p98 .bar:after,
.discount-progress .c100.p98 .fill,
.discount-progress .c100.p99 .bar:after,
.discount-progress .c100.p99 .fill,
.discount-progress .c100.p100 .bar:after,
.discount-progress .c100.p100 .fill {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.discount-progress .wrapper {
  width: 1200px;
  margin: 0 auto;
}

.discount-progress .c100 {
  position: relative;
  font-size: 60px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background-color: #dfe8ed;
}

@media (max-width: 768px) {
  .discount-progress .c100 {
    width: 0.8em;
    height: 0.8em;
  }
}

.discount-progress .c100 *,
.discount-progress .c100 *:before,
.discount-progress .c100 *:after {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.discount-progress .c100>span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 5em;
  line-height: 5em;
  font-size: 0.2em;
  color: #3c4761;
  display: block;
  text-align: center;
  white-space: nowrap;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

@media (max-width: 768px) {
  .discount-progress .c100>span {
    width: 4em;
    line-height: 4.2em;
  }
}

.discount-progress .c100:after {
  position: absolute;
  top: 0.09em;
  left: 0.09em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: #fff;
  width: 0.82em;
  height: 0.82em;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

@media (max-width: 768px) {
  .discount-progress .c100:after {
    width: 0.62em;
    height: 0.62em;
  }
}

.discount-progress .c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}

@media (max-width: 768px) {
  .discount-progress .c100 .slice {
    width: 0.8em;
    height: 0.8em;
    clip: rect(0em, 0.8em, 0.8em, 0.5em);
  }
}

.discount-progress .c100.p1 .bar {
  -moz-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -webkit-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}

.discount-progress .c100.p2 .bar {
  -moz-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -webkit-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}

.discount-progress .c100.p3 .bar {
  -moz-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -webkit-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}

.discount-progress .c100.p4 .bar {
  -moz-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -webkit-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}

.discount-progress .c100.p5 .bar {
  -moz-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
}

.discount-progress .c100.p6 .bar {
  -moz-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -webkit-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}

.discount-progress .c100.p7 .bar {
  -moz-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -webkit-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}

.discount-progress .c100.p8 .bar {
  -moz-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -webkit-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}

.discount-progress .c100.p9 .bar {
  -moz-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -webkit-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}

.discount-progress .c100.p10 .bar {
  -moz-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -webkit-transform: rotate(36deg);
  transform: rotate(36deg);
}

.discount-progress .c100.p11 .bar {
  -moz-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -webkit-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}

.discount-progress .c100.p12 .bar {
  -moz-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -webkit-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}

.discount-progress .c100.p13 .bar {
  -moz-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  -webkit-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}

.discount-progress .c100.p14 .bar {
  -moz-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -webkit-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}

.discount-progress .c100.p15 .bar {
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -webkit-transform: rotate(54deg);
  transform: rotate(54deg);
}

.discount-progress .c100.p16 .bar {
  -moz-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -webkit-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}

.discount-progress .c100.p17 .bar {
  -moz-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -webkit-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}

.discount-progress .c100.p18 .bar {
  -moz-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -webkit-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}

.discount-progress .c100.p19 .bar {
  -moz-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -webkit-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}

.discount-progress .c100.p20 .bar {
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -webkit-transform: rotate(72deg);
  transform: rotate(72deg);
}

.discount-progress .c100.p21 .bar {
  -moz-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  -webkit-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}

.discount-progress .c100.p22 .bar {
  -moz-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -webkit-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}

.discount-progress .c100.p23 .bar {
  -moz-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -webkit-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}

.discount-progress .c100.p24 .bar {
  -moz-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -webkit-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}

.discount-progress .c100.p25 .bar {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.discount-progress .c100.p26 .bar {
  -moz-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  -webkit-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}

.discount-progress .c100.p27 .bar {
  -moz-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -webkit-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}

.discount-progress .c100.p28 .bar {
  -moz-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -webkit-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}

.discount-progress .c100.p29 .bar {
  -moz-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -webkit-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}

.discount-progress .c100.p30 .bar {
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -webkit-transform: rotate(108deg);
  transform: rotate(108deg);
}

.discount-progress .c100.p31 .bar {
  -moz-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  -webkit-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}

.discount-progress .c100.p32 .bar {
  -moz-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -webkit-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}

.discount-progress .c100.p33 .bar {
  -moz-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -webkit-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}

.discount-progress .c100.p34 .bar {
  -moz-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -webkit-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}

.discount-progress .c100.p35 .bar {
  -moz-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -webkit-transform: rotate(126deg);
  transform: rotate(126deg);
}

.discount-progress .c100.p36 .bar {
  -moz-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -webkit-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}

.discount-progress .c100.p37 .bar {
  -moz-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  -webkit-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}

.discount-progress .c100.p38 .bar {
  -moz-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -webkit-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}

.discount-progress .c100.p39 .bar {
  -moz-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -webkit-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}

.discount-progress .c100.p40 .bar {
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -webkit-transform: rotate(144deg);
  transform: rotate(144deg);
}

.discount-progress .c100.p41 .bar {
  -moz-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -webkit-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}

.discount-progress .c100.p42 .bar {
  -moz-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  -webkit-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}

.discount-progress .c100.p43 .bar {
  -moz-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -webkit-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}

.discount-progress .c100.p44 .bar {
  -moz-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -webkit-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}

.discount-progress .c100.p45 .bar {
  -moz-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -webkit-transform: rotate(162deg);
  transform: rotate(162deg);
}

.discount-progress .c100.p46 .bar {
  -moz-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -webkit-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}

.discount-progress .c100.p47 .bar {
  -moz-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  -webkit-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}

.discount-progress .c100.p48 .bar {
  -moz-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -webkit-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}

.discount-progress .c100.p49 .bar {
  -moz-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -webkit-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}

.discount-progress .c100.p50 .bar {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.discount-progress .c100.p51 .bar {
  -moz-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  -webkit-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}

.discount-progress .c100.p52 .bar {
  -moz-transform: rotate(187.2deg);
  -ms-transform: rotate(187.2deg);
  -webkit-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
}

.discount-progress .c100.p53 .bar {
  -moz-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  -webkit-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}

.discount-progress .c100.p54 .bar {
  -moz-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  -webkit-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}

.discount-progress .c100.p55 .bar {
  -moz-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  -webkit-transform: rotate(198deg);
  transform: rotate(198deg);
}

.discount-progress .c100.p56 .bar {
  -moz-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  -webkit-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}

.discount-progress .c100.p57 .bar {
  -moz-transform: rotate(205.2deg);
  -ms-transform: rotate(205.2deg);
  -webkit-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}

.discount-progress .c100.p58 .bar {
  -moz-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  -webkit-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}

.discount-progress .c100.p59 .bar {
  -moz-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  -webkit-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}

.discount-progress .c100.p60 .bar {
  -moz-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -webkit-transform: rotate(216deg);
  transform: rotate(216deg);
}

.discount-progress .c100.p61 .bar {
  -moz-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  -webkit-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}

.discount-progress .c100.p62 .bar {
  -moz-transform: rotate(223.2deg);
  -ms-transform: rotate(223.2deg);
  -webkit-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
}

.discount-progress .c100.p63 .bar {
  -moz-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  -webkit-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}

.discount-progress .c100.p64 .bar {
  -moz-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  -webkit-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}

.discount-progress .c100.p65 .bar {
  -moz-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  -webkit-transform: rotate(234deg);
  transform: rotate(234deg);
}

.discount-progress .c100.p66 .bar {
  -moz-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  -webkit-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}

.discount-progress .c100.p67 .bar {
  -moz-transform: rotate(241.2deg);
  -ms-transform: rotate(241.2deg);
  -webkit-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
}

.discount-progress .c100.p68 .bar {
  -moz-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  -webkit-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}

.discount-progress .c100.p69 .bar {
  -moz-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  -webkit-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}

.discount-progress .c100.p70 .bar {
  -moz-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  -webkit-transform: rotate(252deg);
  transform: rotate(252deg);
}

.discount-progress .c100.p71 .bar {
  -moz-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  -webkit-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}

.discount-progress .c100.p72 .bar {
  -moz-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  -webkit-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}

.discount-progress .c100.p73 .bar {
  -moz-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  -webkit-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}

.discount-progress .c100.p74 .bar {
  -moz-transform: rotate(266.4deg);
  -ms-transform: rotate(266.4deg);
  -webkit-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
}

.discount-progress .c100.p75 .bar {
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.discount-progress .c100.p76 .bar {
  -moz-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  -webkit-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}

.discount-progress .c100.p77 .bar {
  -moz-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  -webkit-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}

.discount-progress .c100.p78 .bar {
  -moz-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  -webkit-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}

.discount-progress .c100.p79 .bar {
  -moz-transform: rotate(284.4deg);
  -ms-transform: rotate(284.4deg);
  -webkit-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
}

.discount-progress .c100.p80 .bar {
  -moz-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  -webkit-transform: rotate(288deg);
  transform: rotate(288deg);
}

.discount-progress .c100.p81 .bar {
  -moz-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  -webkit-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}

.discount-progress .c100.p82 .bar {
  -moz-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  -webkit-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}

.discount-progress .c100.p83 .bar {
  -moz-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  -webkit-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}

.discount-progress .c100.p84 .bar {
  -moz-transform: rotate(302.4deg);
  -ms-transform: rotate(302.4deg);
  -webkit-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
}

.discount-progress .c100.p85 .bar {
  -moz-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  -webkit-transform: rotate(306deg);
  transform: rotate(306deg);
}

.discount-progress .c100.p86 .bar {
  -moz-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  -webkit-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}

.discount-progress .c100.p87 .bar {
  -moz-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  -webkit-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}

.discount-progress .c100.p88 .bar {
  -moz-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  -webkit-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}

.discount-progress .c100.p89 .bar {
  -moz-transform: rotate(320.4deg);
  -ms-transform: rotate(320.4deg);
  -webkit-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
}

.discount-progress .c100.p90 .bar {
  -moz-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  -webkit-transform: rotate(324deg);
  transform: rotate(324deg);
}

.discount-progress .c100.p91 .bar {
  -moz-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  -webkit-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}

.discount-progress .c100.p92 .bar {
  -moz-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  -webkit-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}

.discount-progress .c100.p93 .bar {
  -moz-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  -webkit-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}

.discount-progress .c100.p94 .bar {
  -moz-transform: rotate(338.4deg);
  -ms-transform: rotate(338.4deg);
  -webkit-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
}

.discount-progress .c100.p95 .bar {
  -moz-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  -webkit-transform: rotate(342deg);
  transform: rotate(342deg);
}

.discount-progress .c100.p96 .bar {
  -moz-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  -webkit-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}

.discount-progress .c100.p97 .bar {
  -moz-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  -webkit-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}

.discount-progress .c100.p98 .bar {
  -moz-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  -webkit-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}

.discount-progress .c100.p99 .bar {
  -moz-transform: rotate(356.4deg);
  -ms-transform: rotate(356.4deg);
  -webkit-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
}

.discount-progress .c100.p100 .bar {
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.discount-progress .c100.green .bar,
.discount-progress .c100.green .fill {
  border-color: #1ab394 !important;
}

.discount-progress .green {
  color: #1ab394 !important;
}

.discount-progress .c100.blue .bar,
.discount-progress .c100.blue .fill {
  border-color: #6b9fc4 !important;
}

.discount-progress .blue {
  color: #6b9fc4 !important;
}

.discount-progress .c100.yellow .bar,
.discount-progress .c100.yellow .fill {
  border-color: #fdf27b !important;
}

.discount-progress .yellow {
  color: #fdf27b !important;
}

.tabby-cart-widget {
  margin-top: 15px;
}

.tabby-cart-widget .tabby-promo-snippet {
  max-width: 100%;
  font-family: inherit;
}

.cart-gift-card {
  margin-top: 1rem;
  padding: 1rem 1.125rem;
  border-radius: 16px;
  border: 1px solid #a8d4b8;
  background: #edf7f1;
  box-shadow: 0 4px 16px rgba(61, 107, 85, 0.08);
}

.cart-gift-card .gift-card-icon-wrapper {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  margin-inline-end: 0.875rem;
  border-radius: 14px;
  background: #d4eddf;
  color: #4a8a6a;
  overflow: hidden;
  border: 1px solid #a8d4b8;
}

.cart-gift-card .gift-card-icon-wrapper .icon-gift {
  font-size: 24px;
}

.cart-gift-card .gift-card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 14px;
}

.cart-gift-card .gift-title {
  font-size: 20px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #3d6b55;
}

.cart-gift-card .gift-price-label {
  font-size: 15px;
  color: #4a8a6a;
  padding: 0.25rem 0.625rem;
  border-radius: 999px;
  background: #d4eddf;
  border: 1px solid #a8d4b8;
}

.cart-gift-card .gift-sender-recipient,
.cart-gift-card .message-info,
.cart-gift-card .media-link-info {
  font-size: 14px;
  line-height: 1.55;
  color: #4f6f5e;
  margin-top: 0.35rem;
}

.cart-gift-card .gift-card-actions {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
  margin-top: 8px;
}

.cart-gift-card .gift-card-edit-btn,
.cart-gift-card .gift-card-delete-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border-radius: 10px;
  color: #559073;
  transition: background 0.2s ease, color 0.2s ease;
}

.cart-gift-card .gift-card-delete-btn:hover {
  background: #f5f0f0;
  color: #a07878;
}

.cart-gift-card .gift-card-edit-btn:hover {
  background: #d4eddf;
  color: #3d6b55;
}

/* Cart gift toggle — sage green (clearer) */
.cart-gift-toggle {
  --gift-green: #559073;
  --gift-green-dark: #3d6b55;
  --gift-green-soft: #edf7f1;
  --gift-green-border: #9ecfb0;
}

.cart-gift-toggle__btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.875rem;
  width: 100%;
  padding: 0.875rem 1rem;
  border: 1.5px dashed var(--gift-green-border);
  border-radius: 16px;
  background: var(--gift-green-soft);
  color: inherit;
  text-align: inherit;
  cursor: pointer;
  overflow: hidden;
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
}

.cart-gift-toggle__btn:hover {
  background: #e3f3ea;
  border-color: #7db896;
  box-shadow: 0 4px 16px rgba(61, 107, 85, 0.1);
}

.cart-gift-toggle__btn:active {
  transform: scale(0.995);
}

.cart-gift-toggle__main {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  min-width: 0;
  flex: 1;
}

.cart-gift-toggle__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #d4eddf;
  color: var(--gift-green);
  border: 1px solid #a8d4b8;
}

.cart-gift-toggle__icon svg {
  width: 24px;
  height: 24px;
}

.cart-gift-toggle__body {
  flex: 1;
  min-width: 0;
  text-align: start;
}

.cart-gift-toggle__title {
  display: block;
  font-size: 16px;
  color: var(--gift-green-dark);
  line-height: 1.35;
}

.cart-gift-toggle__status {
  display: block;
  margin-top: 0.2rem;
  font-size: 12px;
  color: #4a8a6a;
  line-height: 1.4;
}

.cart-gift-toggle__action {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.cart-gift-toggle__edit {
  font-size: 12px;
  color: var(--gift-green);
  white-space: nowrap;
}

.cart-gift-toggle__edit.is-visible,
.cart-gift-toggle__edit.d-inline {
  display: inline-block;
}

.cart-gift-toggle__chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #b8ddc8;
  color: var(--gift-green-dark);
  transition: background 0.2s ease;
}

.cart-gift-toggle__chevron svg {
  width: 20px;
  height: 20px;
  transition: transform 0.2s ease;
}

.cart-gift-toggle__btn:hover .cart-gift-toggle__chevron {
  background: #9ecfb0;
  color: #3d6b55;
}

[dir="ltr"] .cart-gift-toggle__btn:hover .cart-gift-toggle__chevron svg {
  transform: translateX(2px);
}

[dir="rtl"] .cart-gift-toggle__chevron svg {
  transform: scaleX(-1);
}

[dir="rtl"] .cart-gift-toggle__btn:hover .cart-gift-toggle__chevron svg {
  transform: scaleX(-1) translateX(2px);
}

.cart-gift-toggle__btn.gift-added {
  border-style: solid;
  border-color: #7db896;
  background: #e3f3ea;
}

.cart-gift-toggle__btn.gift-added .cart-gift-toggle__title {
  color: var(--gift-green-dark);
}

.cart-gift-toggle__btn.gift-added .cart-gift-toggle__status {
  color: #4a8a6a;
}

.cart-gift-toggle__btn.gift-added .cart-gift-toggle__icon {
  background: #fff;
  color: var(--gift-green);
  border-color: #a8d4b8;
}

.cart-gift-toggle__btn.gift-added .cart-gift-toggle__chevron {
  background: var(--gift-green);
  color: #fff;
  box-shadow: none;
}

@media (max-width: 575.98px) {
  .cart-gift-toggle__btn {
    padding: 0.75rem 0.875rem;
    border-radius: 14px;
  }

  .cart-gift-toggle__icon {
    width: 42px;
    height: 42px;
  }

  .cart-gift-toggle__icon svg {
    width: 22px;
    height: 22px;
  }

  .cart-gift-toggle__edit {
    display: none !important;
  }
}

/* Cart free-shipping read-more (outside shared side-cart-shipping card) */
.free-shipping-rule-section .free-shipping-rule-read-more {
  display: none;
  align-items: center;
  gap: 0.3rem;
  margin-top: 8px;
  padding: 0;
  font-size: 12px;
  color: var(--primary-color, #1a1a1a);
  text-decoration: none;
  opacity: 0.9;
  transition: opacity 0.2s ease, gap 0.2s ease;
}

/* .free-shipping-rule-section .free-shipping-rule-read-more.is-visible {
  display: inline-flex;
} */

.free-shipping-rule-section .free-shipping-rule-read-more:hover {
  opacity: 1;
  text-decoration: none;
  color: var(--primary-color, #1a1a1a);
  gap: 0.45rem;
}

.free-shipping-rule-section .free-shipping-rule-read-more svg {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

[dir="ltr"] .free-shipping-rule-section .free-shipping-rule-read-more:hover svg {
  transform: translateX(2px);
}

[dir="rtl"] .free-shipping-rule-section .free-shipping-rule-read-more svg {
  transform: scaleX(-1);
}

[dir="rtl"] .free-shipping-rule-section .free-shipping-rule-read-more:hover svg {
  transform: scaleX(-1) translateX(2px);
}

/* Cart product item cards */
.section-cart-products .template_for_cart_products_list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.section-cart-products .cart-product-row {
  padding: 0;
}

.section-cart-products .cart-product-total-before-price {
  text-decoration: line-through;
  color: #9ca3af;
}

.section-cart-products .cart-product-error-messages {
  border-radius: 8px;
  margin: 8px 0 0;
  font-size: 13px;
}

.cart-progressive-discount:has(.kit-container:empty) {
  display: none;
}

[data-template="cart_page"] .breadcrumb-subtitle {
  margin-bottom: 0;
  padding: 8px 0 0;
}

[data-template="cart_page"] .breadcrumb-subtitle .cart-page-header {
  align-items: baseline;
  gap: 8px;
}

[data-template="cart_page"] .breadcrumb-subtitle .cart-page-header .bread-box {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
}

[data-template="cart_page"] .breadcrumb-subtitle .bread-title,
[data-template="cart_page"] .cart-page-header__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  margin: 0;
}

[data-template="cart_page"] .cart-page-header__count {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #737373;
  white-space: nowrap;
}

[data-template="cart_page"] .s-block {
  padding-top: 12px;
}

[data-template="cart_page"] .cart-view {
  margin-top: 16px;
  margin-bottom: 64px;
}

/* صفحة سلة أبسط: عمودين بمقاسات أوضح — بدون تغيير شكل كروت المنتجات */
[data-template="cart_page"] .cart-flex {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  justify-content: flex-start;
}

[data-template="cart_page"] .cart-flex .section-cart-products {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
}

[data-template="cart_page"] .cart-flex .cart-totals {
  flex: 0 0 420px;
  width: 420px;
  min-width: 420px;
  max-width: 100%;
  padding: 24px;
  border-radius: 8px;
  border: 0;
  background: #fff;
  box-shadow: 0 0 17.5px rgba(0, 0, 0, 0.06);
  height: max-content;
  position: sticky;
  top: 16px;
}

[data-template="cart_page"] .cart-flex .cart-totals .section-title {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 16px;
}

/* —— كوبون / شحن / كاش باك بأسلوب بسيط (أناناس) —— */
[data-template="cart_page"] .cart-totals .coupon-form,
[data-template="cart_page"] .cart-totals .cart-coupon {
  margin-top: 12px;
  text-align: end;
}

[data-template="cart_page"] .cart-coupon__details {
  border: 0;
}

[data-template="cart_page"] .cart-coupon__summary {
  display: list-item;
  list-style: none;
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  color: #262626;
  text-decoration: underline;
  text-underline-offset: 3px;
  user-select: none;
}

[data-template="cart_page"] .cart-coupon__summary::-webkit-details-marker {
  display: none;
}

[data-template="cart_page"] .cart-coupon__form {
  margin-top: 10px;
}

[data-template="cart_page"] .cart-coupon__row {
  display: flex;
  align-items: stretch;
  width: 100%;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

[data-template="cart_page"] .cart-coupon__row .send-coupon {
  flex: 1 1 auto;
  min-width: 0;
  height: 40px;
  margin: 0;
  padding: 8px 12px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  color: #262626;
  background: transparent;
}

[data-template="cart_page"] .cart-coupon__row .send-coupon:focus {
  outline: none;
  box-shadow: none;
}

[data-template="cart_page"] .cart-coupon__submit {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 72px;
  height: 40px;
  margin: 0;
  padding: 0 14px;
  border: 0;
  border-radius: 0;
  background: var(--primary-color);
  color: var(--text-color-primary-bg);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

[data-template="cart_page"] .cart-coupon .message-coupon,
[data-template="cart_page"] .cart-coupon__applied {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid #c6ebd3;
  border-radius: 8px;
  background: #f3fbf6;
  color: #146c2e;
  font-size: 13px;
  line-height: 1.35;
}

[data-template="cart_page"] .cart-coupon__applied-main {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1;
}

[data-template="cart_page"] .cart-coupon__applied-icon {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #d8f3e3;
  color: #00a63e;
}

[data-template="cart_page"] .cart-coupon__applied-icon svg {
  width: 14px;
  height: 14px;
}

[data-template="cart_page"] .cart-coupon__applied-meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

[data-template="cart_page"] .cart-coupon__applied-label {
  font-size: 11px;
  font-weight: 500;
  color: #3d7a52;
  letter-spacing: 0.01em;
}

[data-template="cart_page"] .cart-coupon__applied-code {
  font-size: 14px;
  font-weight: 600;
  color: #146c2e;
  word-break: break-all;
}

[data-template="cart_page"] .cart-coupon__applied-remove {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 1px solid #e8cfcf;
  border-radius: 8px;
  background: #fff;
  color: #b42318;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

[data-template="cart_page"] .cart-coupon__applied-remove:hover {
  background: #fef3f2;
  border-color: #f0b4b0;
  color: #912018;
}

[data-template="cart_page"] .cart-coupon__applied-remove .icon-trash-alt {
  font-size: 14px;
  line-height: 1;
}

[data-template="cart_page"] .cart-coupon__applied-remove .theme-spinner {
  margin: 0;
}

/* شحن مجاني: شريط بسيط بدون كارت */
[data-template="cart_page"] .cart-totals__shipping,
[data-template="cart_page"] .cart-totals .free-shipping-rule-section {
  margin: 0 0 24px;
}

[data-template="cart_page"] .cart-totals .side-cart-shipping {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

[data-template="cart_page"] .cart-totals .side-cart-shipping::before {
  display: none;
}

[data-template="cart_page"] .cart-totals .side-cart-shipping--applied {
  border: 0;
  background: transparent;
  box-shadow: none;
}

[data-template="cart_page"] .cart-totals .side-cart-shipping__body {
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}

[data-template="cart_page"] .cart-totals .side-cart-shipping__icon {
  display: none;
}

[data-template="cart_page"] .cart-totals .side-cart-shipping__text {
  gap: 8px;
}

[data-template="cart_page"] .cart-totals .side-cart-shipping .shipping-rule-message__content {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  color: #171717;
}

[data-template="cart_page"] .cart-totals .side-cart-shipping .shipping-rule-message .value,
[data-template="cart_page"] .cart-totals .side-cart-shipping .shipping-rule-message .currency {
  font-weight: 600;
}

[data-template="cart_page"] .cart-totals .side-cart-shipping .shipping-rule-message .new-line {
  display: inline;
}

[data-template="cart_page"] .cart-totals .side-cart-shipping__track.shipping-progress {
  height: 4px;
  border-radius: 42px;
  background: #e5e5e5;
  box-shadow: none;
  overflow: hidden;
}

[data-template="cart_page"] .cart-totals .side-cart-shipping .shipping-progress .progress-bar {
  height: 100%;
  border-radius: 42px;
  background: linear-gradient(90deg, #92db5d 0%, #25a562 100%);
  box-shadow: none;
}

[data-template="cart_page"] .cart-totals .side-cart-shipping .shipping-rule-marker,
[data-template="cart_page"] .cart-totals .side-cart-shipping .shipping-rule-percent {
  display: none;
}

[data-template="cart_page"] .cart-totals .free-shipping-rule-read-more {
  margin-top: 6px;
  font-size: 12px;
}

/* محفظة / نقاط / كاش باك: أبسط داخل الملخص */
[data-template="cart_page"] .cart-totals__extras {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 12px;
}

[data-template="cart_page"] .cart-totals__wallet:empty,
[data-template="cart_page"] .cart-totals__loyalty:has(.loyalty-points-section-d-none):not(:has(.loyalty-points-section:not(.loyalty-points-section-d-none))) {
  display: contents;
}

[data-template="cart_page"] .cart-totals .loyalty-points-section {
  margin-top: 0;
  --loyalty-primary: #262626;
  --loyalty-dark: #171717;
  --loyalty-soft: #fafafa;
  --loyalty-border: #ededed;
  --loyalty-accent: #525252;
}

[data-template="cart_page"] .cart-totals .loyalty-points-card {
  border: 1px solid #ededed;
  border-radius: 8px;
  box-shadow: none;
  overflow: hidden;
  background: #fff;
}

[data-template="cart_page"] .cart-totals .loyalty-points-card__hero {
  padding: 12px 14px;
  background: #fafafa;
  color: #171717;
  border-bottom: 1px solid #f0f0f0;
}

[data-template="cart_page"] .cart-totals .loyalty-points-card__hero-title {
  font-size: 12px;
  letter-spacing: 0;
  text-transform: none;
  opacity: 1;
  font-weight: 600;
  color: #171717;
}

[data-template="cart_page"] .cart-totals .loyalty-points-card__hero-sub {
  font-size: 12px;
  color: #52525c;
  opacity: 1;
}

[data-template="cart_page"] .cart-totals .loyalty-points-card__balance-chip {
  min-width: 56px;
  padding: 6px 10px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #e5e5e5;
  backdrop-filter: none;
}

[data-template="cart_page"] .cart-totals .loyalty-points-section .loyalty-points__points-text {
  font-size: 1.125rem;
  font-weight: 700;
  color: #171717;
}

[data-template="cart_page"] .cart-totals .loyalty-points-card__balance-unit {
  font-size: 11px;
  color: #737373;
  text-transform: none;
}

[data-template="cart_page"] .cart-totals .loyalty-points-card__body {
  padding: 12px 14px;
}

[data-template="cart_page"] .cart-totals .loyalty-points-card--guest .loyalty-points-card__login {
  margin-top: 0;
  padding: 10px 12px;
  border-radius: 8px;
  background: #fafafa;
  border: 1px solid #ededed;
  font-size: 13px;
}

[data-template="cart_page"] .cart-totals__wallet > *:not(:empty) {
  margin: 0;
}

[data-template="cart_page"] .cart-totals__wallet [class*="wallet"],
[data-template="cart_page"] .cart-totals__wallet [class*="cashback"],
[data-template="cart_page"] .cart-totals__wallet .progress,
[data-template="cart_page"] .cart-totals__wallet .card {
  border-radius: 8px !important;
  box-shadow: none !important;
}

[data-template="cart_page"] .cart-totals__wallet .card,
[data-template="cart_page"] .cart-totals__wallet [class*="card"] {
  border: 1px solid #ededed !important;
  background: #fff !important;
}

/* صفوف الملخص: فرعي / شحن / خصم / إجمالي — مثل أناناس */
[data-template="cart_page"] .cart-totals .cart-totals-div {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}

[data-template="cart_page"] .cart-totals .cart-totals-div .cart-totals-row-wrapper {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  flex-wrap: nowrap;
  background: transparent;
}

[data-template="cart_page"] .cart-totals .cart-totals-div .cart-totals-row-label,
[data-template="cart_page"] .cart-totals .cart-totals-div .cart-totals-row-value {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #737373;
  opacity: 1;
}

[data-template="cart_page"] .cart-totals .cart-totals-div .cart-totals-row-value {
  text-align: end;
  white-space: nowrap;
}

/* خصم + شحن مجاني */
[data-template="cart_page"] .cart-totals .cart-totals-div .cart-totals-row-wrapper[data-total-code="coupon"] .cart-totals-row-value,
[data-template="cart_page"] .cart-totals .cart-totals-div .cart-totals-row-wrapper[data-total-code="discount"] .cart-totals-row-value,
[data-template="cart_page"] .cart-totals .cart-totals-div .cart-totals-row-wrapper[data-total-code="products_discount"] .cart-totals-row-value,
[data-template="cart_page"] .cart-totals .cart-totals-div .cart-totals-row-wrapper[data-total-code="shipping"].is-free .cart-totals-row-value {
  color: #00a63e;
}

[data-template="cart_page"] .cart-totals .cart-totals-div .cart-totals-row-wrapper[data-total-code="shipping"].is-free .cart-totals-row-value {
  font-size: 16px;
}

/* الإجمالي */
[data-template="cart_page"] .cart-totals .cart-totals-div .cart-totals-row-wrapper:has(.total-price-p) {
  margin-top: 8px;
  padding-top: 0;
  border-top: 0;
  min-height: 52px;
  align-items: baseline;
}

[data-template="cart_page"] .cart-totals .cart-totals-div .cart-totals-row-wrapper:has(.total-price-p) .cart-totals-row-label {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: 4px;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  color: #000;
}

[data-template="cart_page"] .cart-totals .cart-totals-div .cart-totals-row-wrapper:has(.total-price-p) .cart-totals-row-value,
[data-template="cart_page"] .cart-totals .cart-totals-div .cart-totals-row-wrapper .total-price-p {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  color: #000;
}

[data-template="cart_page"] .cart-totals .cart-totals-div .cart-totals-row-label small {
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
  color: #737373;
}

[data-template="cart_page"] .cart-totals .btns-cart {
  margin-top: 8px;
}

[data-template="cart_page"] .cart-totals .btns-cart--continue {
  margin-top: 10px;
}

[data-template="cart_page"] .cart-totals__checkout {
  margin-top: 8px;
}

[data-template="cart_page"] .cart-checkout-payments--widgets {
  margin-top: 12px;
}

[data-template="cart_page"] .cart-apple-pay {
  margin-top: 12px;
}

/* مزايا المتجر + أيقونات الدفع داخل بوكس الملخص */
[data-template="cart_page"] .cart-totals__benefits {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

[data-template="cart_page"] .cart-totals .product-features {
  margin: 0;
  padding: 0 0 8px;
  border: 0;
  border-radius: 0;
  background: transparent;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  list-style: none;
}

[data-template="cart_page"] .cart-totals .product-features__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  text-align: center;
  min-width: 0;
}

[data-template="cart_page"] .cart-totals .product-features__icon {
  width: auto;
  height: auto;
  min-height: 42px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

[data-template="cart_page"] .cart-totals .product-features__icon img {
  width: auto;
  height: 42px;
  max-width: 62px;
  min-width: 0;
  object-fit: contain;
}

[data-template="cart_page"] .cart-totals .product-features__content {
  width: 100%;
}

[data-template="cart_page"] .cart-totals .product-features .feature-title {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  color: #111;
}

[data-template="cart_page"] .cart-totals .product-features .feature-subtitle {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.35;
  color: #52525c;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

[data-template="cart_page"] .cart-totals__payments {
  padding-top: 12px;
  border-top: 1px solid #f5f5f5;
  width: 100%;
  overflow: hidden;
}

/* نفس تخصيص صفحة المنتج: متحركة أو ثابتة حسب إعداد الثيم */
[data-template="cart_page"] .cart-totals__payments .payment-methods {
  margin-top: 0;
  padding-bottom: 0;
  width: 100%;
}

[data-template="cart_page"] .cart-totals__payments .payment-methods.tp-mask {
  gap: 20px;
}

[data-template="cart_page"] .cart-totals__payments .payment-methods.tp-mask:not(:has(img)) {
  display: none;
}

[data-template="cart_page"] .cart-totals__payments .payment-methods .tp-marquee {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 20px;
  animation: 10s linear infinite move;
  -webkit-animation: 10s linear infinite move;
  animation-direction: reverse;
}

[data-template="cart_page"] .cart-totals__payments .payment-methods .tp-marquee img {
  height: 16px;
  width: auto;
  object-fit: contain;
}

[data-template="cart_page"] .cart-totals__payments .payment-methods--static {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 24px;
}

[data-template="cart_page"] .cart-totals__payments .payment-methods--static:not(:has(img)) {
  display: none;
}

[data-template="cart_page"] .cart-totals__payments .payment-methods--static img {
  height: 24px;
  width: auto;
  object-fit: contain;
}

[data-template="cart_page"] .cart-totals__payments:not(:has(img)) {
  display: none;
}

@media (max-width: 1024px) {
  [data-template="cart_page"] .cart-totals .product-features {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px 6px;
  }

  [data-template="cart_page"] .cart-totals .product-features .feature-title {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  [data-template="cart_page"] .cart-totals .product-features {
    grid-template-columns: 1fr;
    gap: 14px;
    padding-bottom: 4px;
  }

  [data-template="cart_page"] .cart-totals .product-features__item {
    flex-direction: row;
    align-items: center;
    text-align: start;
    gap: 12px;
  }

  [data-template="cart_page"] .cart-totals .product-features__icon {
    min-height: 0;
    flex-shrink: 0;
  }

  [data-template="cart_page"] .cart-totals .product-features__icon img {
    height: 36px;
    max-width: 48px;
  }
}

@media (max-width: 1024px) {
  [data-template="cart_page"] .cart-flex {
    flex-direction: column;
    gap: 20px;
  }

  [data-template="cart_page"] .cart-flex .section-cart-products,
  [data-template="cart_page"] .cart-flex .cart-totals {
    width: 100%;
    min-width: 0;
    flex: none;
  }

  [data-template="cart_page"] .cart-flex .cart-totals {
    position: static;
  }
}

@media (max-width: 576px) {
  [data-template="cart_page"] .cart-view {
    margin-top: 12px;
    margin-bottom: 40px;
  }

  [data-template="cart_page"] .cart-flex .cart-totals {
    padding: 16px;
  }

  [data-template="cart_page"] .breadcrumb-subtitle .bread-title,
  [data-template="cart_page"] .cart-page-header__title {
    font-size: 20px;
  }

  [data-template="cart_page"] .cart-page-header__count {
    font-size: 14px;
  }
}

.cart-suggested-products {
  margin-top: 32px;
  margin-bottom: 24px;
}

.cart-suggested-products-header {
  margin-bottom: 20px;
  text-align: start;
}

.cart-suggested-products-title {
  font-size: 25px;
  margin: 0 0 8px;
  text-align: start;
  color: #1a1a1a;
}

.cart-suggested-products-subtitle {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  text-align: start;
  color: #666;
}

[dir="ltr"] .cart-suggested-products-header,
[dir="ltr"] .cart-suggested-products-title,
[dir="ltr"] .cart-suggested-products-subtitle {
  text-align: left;
}

.cart-suggested-products .products-slider {
  margin-top: 0;
}

.cart-suggested-products-loader {
  display: none;
  justify-content: center;
  padding: 24px 0;
}

.cart-suggested-products-loading .products-slider {
  opacity: 0;
  pointer-events: none;
}

.cart-suggested-products-loading .cart-suggested-products-loader {
  display: flex;
}

@media (max-width: 576px) {
  .cart-suggested-products-title {
    font-size: 18px;
  }
}