@charset "UTF-8";
/* Generated by vite-plugin-svg-spritemap */
.cart-page {
  background-color: #ffffff;
}
.woocommerce-cart .woocommerce-notices-wrapper,
.woocommerce-cart .woocommerce-notices-wrapper:not(:empty) {
  position: fixed;
  z-index: 90;
  left: 1.25rem;
  bottom: 1.25rem;
  width: min(28rem, calc(100vw - 2.5rem));
}
.woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-info,
.woocommerce-cart .woocommerce-error {
  display: grid;
  gap: 0.625rem;
  margin: 0;
  padding: 1rem 1.125rem;
  border: 0.0625rem solid rgba(135, 153, 64, 0.24);
  border-radius: 0.5rem;
  background-color: #eef0e3;
  box-shadow: 0 1rem 2.5rem rgba(34, 92, 84, 0.16);
  color: #225c54;
  font-size: 0.9375rem;
  line-height: 1.45;
}
.woocommerce-cart .woocommerce-error {
  border-color: rgba(214, 38, 18, 0.24);
  background-color: #fff3ef;
}
.woocommerce-cart .woocommerce-message + .woocommerce-message,
.woocommerce-cart .woocommerce-message + .woocommerce-info,
.woocommerce-cart .woocommerce-message + .woocommerce-error,
.woocommerce-cart .woocommerce-info + .woocommerce-message,
.woocommerce-cart .woocommerce-info + .woocommerce-info,
.woocommerce-cart .woocommerce-info + .woocommerce-error,
.woocommerce-cart .woocommerce-error + .woocommerce-message,
.woocommerce-cart .woocommerce-error + .woocommerce-info,
.woocommerce-cart .woocommerce-error + .woocommerce-error {
  margin-top: 0.75rem;
}
.woocommerce-cart .woocommerce-message a,
.woocommerce-cart .woocommerce-info a,
.woocommerce-cart .woocommerce-error a {
  color: #879940;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 0.18em;
}
.cart-page__layout {
  display: flex;
  align-items: start;
}
.cart-page__main {
  flex: 1 1 65%;
}
.checkout-page .cart-page__main {
  flex: 1 1 50%;
}
.cart-page__summary {
  flex: 1 1 35%;
}
.checkout-page .cart-page__summary {
  flex: 1 1 50%;
}

.cart-empty-page {
  min-height: 58vh;
}
.cart-empty-page__body {
  width: min(45rem, 100%);
  margin: 0 auto;
  text-align: center;
}
.cart-empty-page__icon {
  display: grid;
  place-items: center;
  width: 4.5rem;
  height: 4.5rem;
  margin: 0 auto 1.5rem;
  border-radius: 50%;
  background-color: #eef0e3;
  color: #879940;
  font-size: 1.875rem;
}
.cart-empty-page__title {
  margin: 0;
  color: #3c5c55;
  font-family: "Glory";
  font-weight: 500;
  font-size: 1.875rem;
  line-height: 1.15;
}
.cart-empty-page__text {
  max-width: 32.5rem;
  margin: 1.125rem auto 0;
  color: rgba(60, 92, 85, 0.78);
  line-height: 1.55;
}
.cart-empty-page__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1.875rem;
}

.checkout-steps {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  padding: 0;
  list-style: none;
}
.checkout-steps__item {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  color: rgba(60, 92, 85, 0.58);
}
.checkout-steps__item:not(:last-child)::after {
  content: "›";
  margin-left: 0.875rem;
  color: rgba(60, 92, 85, 0.36);
}
.checkout-steps__item span {
  display: grid;
  place-items: center;
  width: 2.625rem;
  height: 2.625rem;
  border: 0.0625rem solid rgba(60, 92, 85, 0.12);
  border-radius: 50%;
  background-color: #ffffff;
  color: #3c5c55;
  font-weight: 500;
}
.checkout-steps__item.is-active, .checkout-steps__item.is-done {
  color: #3c5c55;
}
.checkout-steps__item.is-active span, .checkout-steps__item.is-done span {
  border-color: #879940;
  background-color: #879940;
  color: #ffffff;
}
.checkout-steps__item.is-done span {
  font-size: 0;
}
.checkout-steps__item.is-done span::before {
  content: "✓";
  font-size: 1.0625rem;
}

.cart-table {
  display: flex;
  flex-direction: column;
}

.cart-item {
  display: flex;
  gap: 0.625rem;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0;
  position: relative;
}
.cart-item:not(:last-child) {
  border-bottom: 0.0625rem solid rgba(60, 92, 85, 0.12);
}
.cart-item.cart-item-head {
  font-size: 0.875rem;
}
.cart-item__product {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-right: auto;
}
.cart-item__image {
  border-radius: 0.1875rem;
  overflow: hidden;
}
.cart-item__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cart-item__name {
  font-weight: 500;
  font-size: 0.875rem;
}
.cart-item__summary {
  display: inline-grid;
  grid-template-columns: 6.25rem 5.9375rem 6.25rem 2.1875rem;
  gap: 0.625rem;
  margin-left: auto;
  justify-content: end;
}
.cart-item-head .cart-item__summary {
  text-align: center;
}
.checkout-page .cart-item__summary {
  margin-top: 0.625rem;
}
.cart-item__price, .cart-item__qty, .cart-item__subtotal {
  flex: 1;
}
.cart-item__price, .cart-item__subtotal {
  font-size: 0.875rem;
  font-weight: 500;
  color: #879940;
  text-align: center;
}
/* .cart-item__price span, .cart-item__subtotal span {
  display: block;
} */
.cart-item__remove {
  position: relative;
  width: 2.125rem;
  height: 2.125rem;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.cart-item__remove::before, .cart-item__remove::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.375rem;
  width: 1.375rem;
  height: 0.125rem;
  background-color: rgba(60, 92, 85, 0.45);
  transition: background-color 0.2s ease;
}
.cart-item__remove::before {
  transform: rotate(45deg);
}
.cart-item__remove::after {
  transform: rotate(-45deg);
}
.cart-item__remove:hover::before, .cart-item__remove:hover::after {
  background-color: #225c54;
}

.qty-control {
  display: inline-grid;
  grid-template-columns: 1.875rem 2.1875rem 1.875rem;
  height: 2.5rem;
  max-width: 5.9375rem;
  border: 0.0625rem solid rgba(60, 92, 85, 0.12);
  background-color: #ffffff;
}
.qty-control button,
.qty-control input {
  width: 100%;
  border: 0;
  background: transparent;
  color: #3c5c55;
  font: inherit;
  text-align: center;
}
.qty-control button {
  cursor: pointer;
  font-size: 1.25rem;
  line-height: 1;
}
.qty-control input {
  -moz-appearance: textfield;
  font-weight: 700;
  font-size: 1rem;
  outline: 0;
  height: 100%;
}
.qty-control input::-webkit-outer-spin-button, .qty-control input::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}

.cart-summary {
  background-color: #f7f7f7;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
}
.cart-summary__title {
  font-weight: 600;
  font-family: "Glory";
  padding: 1.25rem 0.9375rem;
  border-bottom: 0.0625rem dashed rgba(183, 201, 88, 0.24);
}
.cart-summary__row {
  padding: 0.9375rem;
  display: flex;
  gap: 0.625rem;
  align-items: center;
  justify-content: space-between;
  padding: 0.9375rem;
  border-bottom: 0.0625rem dashed rgba(183, 201, 88, 0.24);
}
.cart-summary__row .attr {
  font-size: 0.875rem;
  width: 40%;
}
.cart-summary__row strong {
  font-weight: 500;
}
.cart-summary__row strong small {
  display: block;
}
.cart-summary__row .value {
  text-align: right;
}
.cart-summary__row.cart-summary__row--total {
  color: #225c54;
  font-weight: 700;
}
.cart-summary__row.cart-summary__row--coupon {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.cart-summary__row.cart-summary__row--coupon .coupon-btn {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.625rem 0;
  font-size: 1rem;
  font-weight: 500;
}
.cart-summary__row.cart-summary__row--buttons {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.cart-summary__row.cart-summary__row--buttons button, .cart-summary__row.cart-summary__row--buttons a {
  width: 100%;
}
.cart-summary__row.cart-summary__row--shipping {
  flex-wrap: wrap;
}
.cart-summary__row.cart-summary__row--shipping .value {
  width: calc(60% - 0.625rem);
}
.cart-summary__row.cart-summary__row--shipping .change-address__form {
  width: 100%;
}

.is-open .change-address__form {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.change-address {
  font-size: 0.875rem;
  color: #b7c958;
  text-decoration: underline;
  margin-top: 0.4375rem;
}

.cart-page__tools {
  width: 100%;
}

.cart-coupon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  padding: 0.125rem;
  border-radius: 0.1875rem;
  width: 100%;
}
.cart-coupon input, .cart-coupon button {
  flex: 1;
  outline: 0;
  text-transform: none;
}
.cart-coupon input {
  padding: 0.625rem 0 0.625rem 0.625rem;
  text-transform: none;
}
@media (max-width: 61.99875em){
  .cart-page__layout {
    flex-wrap: wrap;
  }
  .cart-page__main {
    flex: 1 1 100%;
  }
  .cart-page__summary {
    flex: 1 1 100%;
  }
  .cart-item {
    flex-wrap: wrap;
  }
  .cart-item__summary {
    grid-template-columns: 30% 30% 30% 10%;
    margin-left: 0;
    width: 100%;
  }
  .cart-summary {
    width: 100%;
  }
}
@media (max-width: 47.99875em){
  .checkout-steps__item {
    flex-direction: column;
    flex: 1;
  }
  .checkout-steps__item:not(:last-child)::after {
    position: absolute;
    top: 0.9375rem;
    right: -0.625rem;
  }
}
@media (max-width: 29.99875em){
  .cart-item.cart-item-head {
    display: none;
  }
  .cart-item__summary {
    grid-template-columns: 30% 30% 30% 0;
  }
  .cart-item__remove {
    position: absolute;
    top: 0.9375rem;
    right: 0;
  }
}
@media (max-width: 20em){
  .cart-page {
    padding-top: 1.75rem;
  }
  .cart-page {
    padding-bottom: 2.8125rem;
  }
  .cart-page__layout {
    gap: 1.25rem;
  }
  .checkout-steps {
    margin-bottom: 2rem;
  }
  .checkout-steps__item {
    font-size: 0.875rem;
  }
  .cart-item__image {
    width: 3.4375rem;
  }
  .cart-item__image {
    height: 3.4375rem;
  }
  .cart-item__image {
    min-width: 3.4375rem;
  }
  .cart-summary__title {
    font-size: 1.125rem;
  }
  .cart-summary__row {
    font-size: 0.875rem;
  }
  .cart-summary__row.cart-summary__row--total {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 76.25em){
  .cart-page {
    padding-top: clamp( 1.75rem , 1.372222222225rem  +  1.8888888889vw , 2.8125rem );
  }
  .cart-page {
    padding-bottom: clamp( 2.8125rem , 2.034722222225rem  +  3.8888888889vw , 5rem );
  }
  .cart-page__layout {
    gap: clamp( 1.25rem , 1.1388888888875rem  +  0.5555555556vw , 1.5625rem );
  }
  .checkout-steps {
    margin-bottom: clamp( 2rem , 1.5111111111125rem  +  2.4444444444vw , 3.375rem );
  }
  .checkout-steps__item {
    font-size: clamp( 0.875rem , 0.80833333333125rem  +  0.3333333333vw , 1.0625rem );
  }
  .cart-empty-page__title {
    font-size: clamp( 1.875rem , 1.60833333333125rem  +  1.3333333333vw , 2.625rem );
  }
  .cart-item__image {
    width: clamp( 3.4375rem , 2.99305555555625rem  +  2.2222222222vw , 4.6875rem );
  }
  .cart-item__image {
    height: clamp( 3.4375rem , 2.99305555555625rem  +  2.2222222222vw , 4.6875rem );
  }
  .cart-item__image {
    min-width: clamp( 3.4375rem , 2.99305555555625rem  +  2.2222222222vw , 4.6875rem );
  }
  .cart-summary__title {
    font-size: clamp( 1.125rem , 1.08055555555625rem  +  0.2222222222vw , 1.25rem );
  }
  .cart-summary__row {
    font-size: clamp( 0.875rem , 0.83055555555625rem  +  0.2222222222vw , 1rem );
  }
  .cart-summary__row.cart-summary__row--total {
    font-size: clamp( 1.125rem , 1.08055555555625rem  +  0.2222222222vw , 1.25rem );
  }
}
@media (min-width: 76.25em){
  .cart-page {
    padding-top: 2.8125rem;
  }
  .cart-page {
    padding-bottom: 5rem;
  }
  .cart-page__layout {
    gap: 1.5625rem;
  }
  .checkout-steps {
    margin-bottom: 3.375rem;
  }
  .checkout-steps__item {
    font-size: 1.0625rem;
  }
  .cart-empty-page__title {
    font-size: 2.625rem;
  }
  .cart-item__image {
    width: 4.6875rem;
  }
  .cart-item__image {
    height: 4.6875rem;
  }
  .cart-item__image {
    min-width: 4.6875rem;
  }
  .cart-summary__title {
    font-size: 1.25rem;
  }
  .cart-summary__row {
    font-size: 1rem;
  }
  .cart-summary__row.cart-summary__row--total {
    font-size: 1.25rem;
  }
}
