/* ================================================
   Bootstrap to Tailwind CSS Utility Classes
   ================================================ */

/* Display utilities */
.d-none { display: none !important; }
.d-block { display: block !important; }
.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-flex { display: flex !important; }
.d-inline-flex { display: inline-flex !important; }

/* Flexbox utilities */
.flex-row { flex-direction: row !important; }
.flex-column { flex-direction: column !important; }
.flex-wrap { flex-wrap: wrap !important; }
.flex-nowrap { flex-wrap: nowrap !important; }
.flex-grow-1 { flex-grow: 1 !important; }
.flex-shrink-0 { flex-shrink: 0 !important; }
.flex-shrink-1 { flex-shrink: 1 !important; }

/* Alignment utilities */
.align-items-start { align-items: flex-start !important; }
.align-items-center { align-items: center !important; }
.align-items-end { align-items: flex-end !important; }
.align-items-baseline { align-items: baseline !important; }
.align-items-stretch { align-items: stretch !important; }

.justify-content-start { justify-content: flex-start !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around { justify-content: space-around !important; }

/* Text utilities */
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.text-muted { color: #6c757d !important; }
.text-primary { color: var(--primary-color) !important; }
.text-color-primary { color: var(--primary-color) !important; }
.text-body { color: #212529 !important; }

/* Spacing utilities - Margin */
.m-0 { margin: 0 !important; }
.m-1 { margin: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.m-3 { margin: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.m-5 { margin: 3rem !important; }

.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }

.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }

.ml-0, .mx-0 { margin-left: 0 !important; }
.ml-1 { margin-left: 0.25rem !important; }
.ml-2 { margin-left: 0.5rem !important; }
.ml-3 { margin-left: 1rem !important; }
.ml-4 { margin-left: 1.5rem !important; }
.ml-5 { margin-left: 3rem !important; }

.mr-0, .mx-0 { margin-right: 0 !important; }
.mr-1 { margin-right: 0.25rem !important; }
.mr-2 { margin-right: 0.5rem !important; }
.mr-3 { margin-right: 1rem !important; }
.mr-4 { margin-right: 1.5rem !important; }
.mr-5 { margin-right: 3rem !important; }

.mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
.mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
.mx-3 { margin-left: 1rem !important; margin-right: 1rem !important; }
.mx-auto { margin-left: auto !important; margin-right: auto !important; }

/* Spacing utilities - Padding */
.p-0 { padding: 0 !important; }
.p-1 { padding: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.p-5 { padding: 3rem !important; }

.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: 0.25rem !important; }
.pt-2 { padding-top: 0.5rem !important; }
.pt-3 { padding-top: 1rem !important; }
.pt-4 { padding-top: 1.5rem !important; }
.pt-5 { padding-top: 3rem !important; }

.pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: 0.25rem !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
.pb-3 { padding-bottom: 1rem !important; }
.pb-4 { padding-bottom: 1.5rem !important; }
.pb-5 { padding-bottom: 3rem !important; }

.pl-0 { padding-left: 0 !important; }
.pl-1 { padding-left: 0.25rem !important; }
.pl-2 { padding-left: 0.5rem !important; }
.pl-3 { padding-left: 1rem !important; }
.pl-4 { padding-left: 1.5rem !important; }
.pl-5 { padding-left: 3rem !important; }

.pr-0 { padding-right: 0 !important; }
.pr-1 { padding-right: 0.25rem !important; }
.pr-2 { padding-right: 0.5rem !important; }
.pr-3 { padding-right: 1rem !important; }
.pr-4 { padding-right: 1.5rem !important; }
.pr-5 { padding-right: 3rem !important; }

.px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
.px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
.px-3 { padding-left: 1rem !important; padding-right: 1rem !important; }
.px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }

.py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }

/* Width utilities */
.w-100 { width: 100% !important; }
.w-auto { width: auto !important; }

/* Height utilities */
.h-100 { height: 100% !important; }
.h-auto { height: auto !important; }

/* Border utilities */
.border { border: 1px solid #dee2e6 !important; }
.border-0 { border: 0 !important; }
.rounded { border-radius: 0.25rem !important; }
.rounded-lg { border-radius: 0.5rem !important; }
.rounded-circle { border-radius: 50% !important; }

/* Position utilities */
.position-relative { position: relative !important; }
.position-absolute { position: absolute !important; }
.position-fixed { position: fixed !important; }

/* Alert utilities */
.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeaa7;
}

/* Form utilities */
.form-group {
  margin-bottom: 1rem;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* Button utilities */
.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  cursor: pointer;
  text-decoration: none;
}

.btn:hover {
  text-decoration: none;
}

.btn-primary {
  color: #fff;
  background-color: var(--primary-color, #007bff);
  border-color: var(--primary-color, #007bff);
}

.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.btn-outline-primary {
  color: var(--primary-color, #007bff);
  background-color: transparent;
  border-color: var(--primary-color, #007bff);
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: var(--primary-color, #007bff);
  border-color: var(--primary-color, #007bff);
}

.btn-outline-secondary {
  color: #6c757d;
  background-color: transparent;
  border-color: #6c757d;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-lg {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-link {
  font-weight: 400;
  color: #007bff;
  background-color: transparent;
  border-color: transparent;
}

.btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent;
}

/* Card utilities */
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

/* Container utilities */
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container { max-width: 540px; }
}

@media (min-width: 768px) {
  .container { max-width: 720px; }
  .d-md-block { display: block !important; }
  .d-md-none { display: none !important; }
}

@media (min-width: 992px) {
  .container { max-width: 960px; }
  .d-lg-block { display: block !important; }
  .d-lg-none { display: none !important; }
  .d-lg-flex { display: flex !important; }
}

@media (min-width: 1200px) {
  .container { max-width: 1140px; }
}

/* Grid system */
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col-12 { flex: 0 0 100%; max-width: 100%; }

@media (min-width: 992px) {
  .col-lg-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-lg-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
}

/* Modal utilities */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.modal.show {
  display: block;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 1.75rem auto;
  pointer-events: none;
  max-width: 500px;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 3.5rem);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}

.close:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}

/* Small utilities */
small {
  font-size: 80%;
  font-weight: 400;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

/* ================================================
   Custom Cart Styles
   ================================================ */

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

.header-wrapper {
  background-color: color-mix(in srgb, var(--primary-color) 20%, transparent);
  padding: 7px 0px;
  border-radius: 3px;
  color:oklch(43.9% 0 0);
}

.cart-product-image{
  border-radius: 10px;
}

.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,
.cart-product-col-img {
  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-img {
  width: 80px;
}

.cart-product-col-img img {
  height: 60px;
  width: 100%;
  object-fit: cover;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

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

.icon-delete {
  font-family: boxicons !important;
  font-style: normal;  font-size: 22px;
  line-height: 1;
  display: inline-block;
  color: oklch(64.5% 0.246 16.439);
}

.icon-delete:before {
  content:"\f823";
}

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

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

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

.cart-product-prices {
  display: flex;
  align-items: center;
}

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

.cart-product-delete {
  text-align: center;
  padding-top: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}

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

.cart-product-row-wrapper {
  border: 1px solid #cccccc;
  margin-top: 10px;
  border-radius: 10px;
}

.cart-product-col-details h1 {
  font-size: 1.4rem;
}

.cart-product-col-details h1 a {
  color: inherit;
  font-size: 1rem;
}

.cart-product-prices .totals {
  font-size: 1.12rem;
  color: var(--primary-color);
}

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

.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;
}

.cart-product-quantity-dropdown select {
  border-color: #cccccc;
  min-width: 64px;
  padding: 10px;
  border-radius: 11px;
}

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

.coupon-form h4 {
  font-size: 1.2rem;
  color: var(--primary-color);
}

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

.rtl .coupon-form button {
  margin-left: 0px;
  margin-right: 15px;
}

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

.cart-discount-rule-wrapper {
  border: 1px solid #cccccc;
  margin-top: 10px;
  border-radius: 3px;
  padding: 10px;
}

.cart-discount-rule-wrapper .message {
  font-size: 1rem;
  color: var(--primary-color);
}

.cart-totals-div {
  font-size: 1.1rem;
}

.header-wrapper {
  display: block;
}

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

.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: 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-products-action .form-group select {
    width: 100%;
  }

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

  .cart-product-prices > div {
    margin-right: 70px;
  }

  .cart-product-col-details {
    max-width: 70%;
  }

  .cart-product-delete,
  .cart-products-action,
  .cart-product-prices,
  .cart-product-col-details,
  .cart-product-col-img {
    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 {
  background-color: #ffffff;
  margin-top: 1rem;
  padding: 1rem;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
}

.gift-card-icon-wrapper {
  position: relative;
  width: 60px;
  height: 60px;
  min-width: 60px;
  margin-inline-end: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f5f5f5;
  border-radius: 4px;
  overflow: hidden;
}

.gift-card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.gift-icon-fallback {
  font-size: 28px;
  color: #a89c90;
}

.gift-card-content {
  flex-grow: 1;
}

.gift-title {
  font-size: 20px;
  font-weight: 400;
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.gift-price-label {
  font-size: 20px;
  font-weight: 400;
  color: #000000;
}

.gift-card-details-row {
  margin-top: 8px;
}

.gift-card-info {
  flex-grow: 1;
}

.gift-sender-recipient {
  font-size: 14px;
  color: #545352;
  line-height: 1.5;
}

.sender-label,
.recipient-label {
  font-weight: 500;
}

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

.gift-card-edit-btn,
.gift-card-delete-btn {
  border: none;
  background: transparent;
  padding: 0.25rem 0.5rem;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #666666;
}

.gift-card-edit-btn:hover {
  opacity: 0.7;
}

.gift-card-delete-btn:hover {
  color: #dc3545;
}

.gift-card-edit-icon {
  width: 12px;
  height: 12px;
  display: block;
}

.gift-card-delete-btn .bx-trash-x {
  font-size: 12px;
}

.gift-message {
  font-size: 14px;
  color: #545352;
  line-height: 1.5;
}

.message-info {
  margin-top: 4px;
}

.media-link-info {
  margin-top: 4px;
}

.gift-media-link {
  font-size: 14px;
  color: #545352;
  line-height: 1.5;
  word-break: break-all;
}

.gift-added .gift-added-text {
  display: block !important;
}

.gift-added .gift-send-text {
  display: none !important;
}

.gift-send .gift-added-text {
  display: none !important;
}

.gift-send .gift-send-text {
  display: block !important;
}

/* Center button content when no gift is added */
.gift-card-toggle-btn.gift-send {
  justify-content: center !important;
}

.gift-card-toggle-btn.gift-send .flex-grow-1 {
  flex-grow: 0 !important;
}

/* Keep justify-content-between when gift is added */
.gift-card-toggle-btn.gift-added {
  justify-content: space-between;
}

@media (max-width: 768px) {
  .gift-card-icon-wrapper {
    width: 50px;
    height: 50px;
    min-width: 50px;
    margin-inline-end: 0.75rem;
  }

  .gift-icon-fallback {
    font-size: 24px;
  }

  .gift-title {
    font-size: 18px;
  }

  .gift-price-label {
    font-size: 18px;
  }

  .gift-sender-recipient {
    font-size: 13px;
  }

  .gift-message {
    font-size: 13px;
  }

  .gift-card-details-row {
    flex-wrap: wrap;
    margin-top: 6px;
  }

  .gift-card-info {
    width: 100%;
    padding-right: 0;
    margin-bottom: 8px;
  }

  .gift-card-actions {
    width: 100%;
    justify-content: flex-end;
  }
}


/* Bundle Accordion Styles */
.product-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.product-title-row h1 {
    margin: 0;
    flex: 1;
}

.bundle-toggle-btn {
    background: none;
    border: none;
    padding: 6px;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 12px;
}

.bundle-toggle-btn:hover {
    background-color: #f8f9fa;
}

.bundle-toggle-btn .accordion-icon {
    width: 18px;
    height: 18px;
    transition: transform 0.2s ease;
    color: #6c757d;
}

.bundle-toggle-btn.expanded .accordion-icon {
    transform: rotate(180deg);
}

.bundle-accordion {
    margin-top: 12px;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.bundle-accordion-content {
    padding: 12px 16px;
    background-color: #f5f5f5;
    border-radius: 8px;
    max-height: 250px;
    overflow-y: auto;
}

.bundle-accordion-content::-webkit-scrollbar {
    width: 6px;
}

.bundle-accordion-content::-webkit-scrollbar-track {
    background: #e9ecef;
    border-radius: 10px;
}

.bundle-accordion-content::-webkit-scrollbar-thumb {
    background: #adb5bd;
    border-radius: 10px;
}

.bundle-accordion-content::-webkit-scrollbar-thumb:hover {
    background: #868e96;
}

.bundle-accordion .sub-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
    font-size: 14px;
    color: #495057;
}

.bundle-accordion .sub-item:not(:last-child) {
    border-bottom: 1px solid #e0e0e0;
}

.bundle-accordion .sub-item-name {
    flex: 1;
    text-align: right;
}

.bundle-accordion .sub-item-quantity {
    font-weight: normal;
    color: #212529;
    margin-right: 12px;
}

.loyalty-points-section{
  background-color: hsl(0, 0%, 100%);
  border-radius: 0.5rem !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  margin-bottom: 1rem;
  border: 0 !important;
  padding:15px !important;
}
.loyalty-points-section .flex-shrink-0{
  text-align: end;
}
.loyalty-points-section .flex-grow-1{
  font-size: 1.125rem;
  line-height: 1.75rem;
  margin-bottom: 10px;
  font-weight: 600;
}

.loyalty-points-login{
  font-size: 1rem;
}

.cart-product-discount-messages{
  font-size: 0.8rem;
  color: oklch(70.8% 0 0);
  text-align: center;
}
.loyalty-points__info{
    margin: 0 !important;
    margin-bottom: 30px !important;
}

.loyalty-points-redemption-methods-submit{
  border-radius: 30px;
}

/* ================================================
   Free Shipping Progress Card
   Layout/colors handled by Tailwind utilities in cart.jinja.
   Only the JS-toggled `.is-applied` state lives here.
   ================================================ */

.free-shipping-card.is-applied .fs-fill {
  background-color: #16a34a;
}

/* Fade in animations */
@keyframes fade-in-down {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes bounce-subtle {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}

.animate-fade-in-down {
  animation: fade-in-down 0.5s ease-in-out;
}

.animate-fade-in {
  animation: fade-in 0.6s ease-in-out;
}

.animate-fade-in-up {
  animation: fade-in-up 0.7s ease-in-out;
}

.animate-bounce-subtle {
  animation: bounce-subtle 2s infinite;
}

.progress-bar-striped {
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.2) 25%,
    rgba(255, 255, 255, 0) 25%,
    rgba(255, 255, 255, 0) 50%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0.2) 75%,
    rgba(255, 255, 255, 0) 75%,
    rgba(255, 255, 255, 0)
  ) !important;
  background-size: 1rem 1rem;
  background-color: var(--primary-color);
}

.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite;
}

@keyframes progress-bar-stripes {
  0% {
    background-position: 1rem 0;
  }
  100% {
    background-position: 0 0;
  }
}